/* Consistent icon language and dedicated preview controls. */
.mac-page-icon{display:block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.feature-symbol .mac-page-icon{width:19px;height:19px}
.mac-menu-mark{width:14px;height:14px;color:#dce9fa}
.mac-rating{display:flex;align-items:center;gap:8px}
.mac-rating .mac-page-icon{width:15px;height:15px;fill:#bbd3f6;stroke:#bbd3f6;stroke-width:1.2}
.compat-list strong{display:flex;align-items:center;gap:10px}
.compat-list strong .mac-page-icon{width:18px;height:18px;color:#82aee7}
.mac-inline-arrow{display:inline-flex;vertical-align:middle;margin-left:6px}
.mac-inline-arrow .mac-page-icon{width:13px;height:13px;stroke-width:1.7}
.mac-preview-tools-bar{gap:16px;min-height:28px}
.mac-preview-tools-bar button{display:inline-flex;align-items:center;gap:7px;padding:6px 9px;border:1px solid transparent;border-radius:6px;color:#b5cbea;text-decoration:none;font-size:12px}
.mac-preview-tools-bar button:hover,.mac-preview-tools-bar button:focus-visible{border-color:#2f4768;background:#132238;color:#e3efff}
.mac-preview-tools-bar .mac-page-icon{width:14px;height:14px;stroke-width:1.55}
.mac-preview-options{max-width:750px;padding:24px;margin-top:17px;border-color:#354e72;border-radius:16px;background:radial-gradient(ellipse at 0 0,rgba(64,120,209,.08),transparent 60%),#0f1928;box-shadow:0 15px 45px rgba(0,0,0,.16);text-align:left}
.mac-preview-options-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.mac-preview-options-head .eyebrow{margin:0 0 6px;color:#7fa5db;font-size:9px}
.mac-preview-options-head h2{margin:0 0 7px;color:#eef5ff;font-size:20px;letter-spacing:-.025em;font-weight:650;line-height:1.3}
.mac-preview-options-head p:last-child{margin:0;color:#8fa7c8;font-size:12px;line-height:1.6}
.mac-preview-options .mac-options-close{display:grid;place-items:center;flex:none;width:29px;height:29px;padding:0;border:1px solid #2f4561;border-radius:7px;background:#142136;color:#9cb6d8}
.mac-options-close:hover{background:#20324b;color:#fff}
.mac-options-close .mac-page-icon{width:14px;height:14px}
.mac-preview-option-grid{gap:20px 22px}
.mac-preview-options .mac-options-group{display:block;min-width:0}
.mac-options-group legend{display:block;max-width:100%;margin:0 0 10px;color:#adc1de;font-size:11px;line-height:1.4;font-weight:600}
.mac-options-wide{grid-column:1/-1}
.mac-mode-options{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.mac-preview-options .mac-option-card{position:relative;display:flex;align-items:center;gap:12px;min-height:80px;padding:14px 36px 14px 14px;border:1px solid #2b405d;border-radius:9px;background:#101e30;cursor:pointer}
.mac-option-card .mac-page-icon{width:25px;height:25px;color:#8aa9d0;stroke-width:1.4}
.mac-option-card>span{min-width:0}
.mac-option-card strong{display:block;color:#d5e4f9;font-size:12px;font-weight:600;line-height:1.4}
.mac-option-card small{display:block;max-width:220px;margin-top:5px;color:#7e99bc;font-size:10px;line-height:1.55}
.mac-option-card input[type=radio]{position:absolute;right:12px;top:15px;width:13px;height:13px;margin:0;accent-color:#6aa5ff}
.mac-option-card:has(input:checked){border-color:#5488d2;background:linear-gradient(135deg,#1a3150,#172a45);box-shadow:inset 0 0 0 1px rgba(99,153,235,.08)}
.mac-option-card:has(input:checked) .mac-page-icon{color:#b0cfff}
.mac-theme-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}
.mac-preview-options .mac-theme-choice{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;min-height:73px;padding:12px 23px 11px 12px;border:1px solid #2b405d;border-radius:8px;background:#101e30;color:#92abcd;font-size:11px;cursor:pointer}
.mac-theme-choice .mac-page-icon{width:19px;height:19px;stroke-width:1.5}
.mac-theme-choice input{position:absolute;right:8px;top:9px;width:11px;height:11px;margin:0;accent-color:#6aa5ff}
.mac-theme-choice:has(input:checked){border-color:#5488d2;background:#1a2e4b;color:#dbeaff}
.mac-preview-options .mac-selector-setting{display:flex;align-items:center;gap:9px;padding:13px 12px;border:1px solid #2b405d;border-radius:8px;background:#101e30;min-height:73px}
.mac-selector-setting .mac-page-icon{width:19px;height:19px;color:#8daace}
.mac-preview-options .mac-selector-setting select{flex:1;min-width:0;max-width:100%;height:31px;padding:3px 24px 3px 9px;border-color:#3b5577;border-radius:6px;background:#14243a;font-size:12px;color:#d1e1f6}
.mac-control-toggles{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}
.mac-preview-options .mac-control-toggle{display:flex;align-items:center;justify-content:space-between;gap:11px;min-width:0;min-height:48px;padding:10px 11px;border:1px solid #2b405d;border-radius:8px;background:#101e30;color:#c1d3ed;font-size:12px;cursor:pointer}
.mac-preview-options .mac-control-toggle input{position:relative;flex:0 0 34px;width:34px;height:18px;margin:0;appearance:none;-webkit-appearance:none;border:1px solid #40526d;border-radius:9px;background:#2b3c53;cursor:pointer}
.mac-control-toggle input::after{content:"";position:absolute;left:1px;top:calc(50% - 7px);width:14px;height:14px;border-radius:50%;background:#dce7f7;box-shadow:0 1px 2px rgba(0,0,0,.18);transition:transform .15s}
.mac-control-toggle input:checked{border-color:#4f8ff2;background:#4b86e2}
.mac-control-toggle input:checked::after{transform:translateX(16px);background:#fff}
.mac-options-group select:focus-visible,.mac-option-card:has(input:focus-visible),.mac-theme-choice:has(input:focus-visible),.mac-control-toggle:has(input:focus-visible){outline:2px solid #8cb8ff;outline-offset:3px}
.mac-options-footnote{display:flex;align-items:center;gap:7px;margin:18px 0 0;padding-top:14px;border-top:1px solid #243852;color:#718ba9;font-size:10px;line-height:1.6}
.mac-options-footnote .mac-page-icon{width:12px;height:12px;stroke-width:1.5}
.screen .menu-bar{-webkit-user-select:none;user-select:none}
@media(max-width:720px){.mac-preview-options{padding:18px}.mac-preview-options-head{margin-bottom:18px;gap:13px}.mac-preview-options-head h2{font-size:18px}.mac-preview-option-grid{gap:18px}.mac-mode-options{grid-template-columns:1fr}.mac-option-card{min-height:70px}.mac-options-wide{grid-column:auto}.mac-control-toggles{grid-template-columns:1fr}.mac-preview-tools-bar{column-gap:6px;row-gap:5px}.mac-preview-tools-bar p{width:100%;text-align:center}.mac-preview-tools-bar button{font-size:11px}.mac-preview-options-head p:last-child{font-size:11px}.mac-theme-choice{min-height:66px}.mac-options-footnote{align-items:flex-start}}
@media(prefers-reduced-motion:reduce){.mac-control-toggle input::after{transition:none}}

/* Page composition. Native main-window styles and geometry remain independent. */
body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.012em;background:#090e16}
.site-header.container{background:rgba(9,14,22,.94);border-bottom-color:rgba(147,168,194,.12)}
.site-header .nav{min-height:76px}
.brand{font-size:17px;font-weight:620;letter-spacing:-.035em}
.mac-brand-tag{border:0;background:#1a2739;font-size:9px;padding:4px 6px;color:#acc6e8;letter-spacing:.06em}
.nav-links a{font-weight:450;color:#aab8cc;font-size:12px}
.button{border-radius:8px;font-weight:600;letter-spacing:-.015em}
.button-primary{background:#4b88fa;border-color:#6398fb;box-shadow:0 2px 6px rgba(0,0,0,.12)}
.button-primary:hover{background:#6097fc}
.hero{padding-top:32px;padding-bottom:24px}
.monitor{border-color:#2a3b51;background:linear-gradient(135deg,#1b2b41,#121d2b);padding:7px;border-radius:21px;box-shadow:0 24px 64px rgba(0,0,0,.2)}
.screen{min-height:640px;border-color:#34445b;border-radius:14px}
.screen-wallpaper{background:radial-gradient(ellipse at 79% 36%,rgba(112,151,193,.34),transparent 43%),radial-gradient(ellipse at 13% 100%,rgba(163,144,129,.23),transparent 53%),linear-gradient(125deg,#203044,#26364a 58%,#3d5267)}
.screen-badges{margin:34px 0 0 44px;gap:13px;font-size:11px;color:#aebed1}
.stage-badge{padding:0;border:0;border-radius:0;background:none;font-size:10px;letter-spacing:.045em;color:#d2e3fa;font-weight:600}
.stage-dot{width:5px;height:5px;background:#8ab9ff;box-shadow:0 0 8px rgba(138,185,255,.2)}
.hero-copy{max-width:650px;padding:44px 65px 56px 44px}
.hero-copy .eyebrow{font-size:10px;letter-spacing:.12em;color:#a9c9f5;font-weight:600;margin-bottom:18px}
.hero-copy h1{max-width:520px;font-size:clamp(48px,5.05vw,62px);font-weight:650;letter-spacing:-.058em;line-height:1.055;margin-bottom:24px;text-wrap:initial}
.hero-copy h1 span{color:#bed1e9}
.lead{max-width:420px;font-size:17px;line-height:1.75;color:#ccd8e7;font-weight:400}
.hero-actions{gap:10px;margin-top:28px}
.hero-actions .button{min-height:44px;padding:12px 16px;font-size:12px}
.hero-actions .button-secondary{background:rgba(15,25,39,.24);border-color:#53647b;color:#dbe7f6}
.hero-actions .button-secondary:hover{background:rgba(15,25,39,.55);border-color:#7890b0}
.hero-note{font-size:11px;line-height:1.65;color:#9eb0c7;margin-top:14px;max-width:410px}
.mac-preview-tools{margin-top:13px}
.mac-preview-tools-bar p{font-size:11px;color:#7f94af}
.mac-preview-tools-bar button{font-size:11px;font-weight:450;color:#a3b9d6}
.trust-strip{background:transparent;border-color:#202d3e;margin-top:0}
.trust-grid{padding-block:23px;gap:36px;grid-template-columns:1.5fr .8fr 1.2fr}
.trust-grid>div{padding-left:32px;border-color:#28364a;justify-content:center;gap:5px}
.trust-grid strong{font-size:19px;letter-spacing:-.035em;font-weight:600}
.trust-grid>div:first-child strong{font-size:13px;letter-spacing:-.015em;font-weight:500;color:#c5d4e7}
.trust-grid span{font-size:11px;color:#849ab7}
.trust-grid .mac-rating>span{font-size:19px;color:#dce9fc;line-height:1.2}
.trust-grid a{font-size:11px;color:#a4bddf}
.section{padding-top:88px;padding-bottom:88px}
.eyebrow{color:#85a9d7;font-size:10px;font-weight:600;letter-spacing:.12em;margin-bottom:17px}
h2{font-size:clamp(31px,3.7vw,44px);font-weight:600;line-height:1.14;letter-spacing:-.045em}
.mac-story-heading{display:grid;grid-template-columns:1.2fr 1fr;gap:70px;align-items:end;margin-bottom:34px}
.mac-story-heading h2{margin:0;color:#edf3fc}
.mac-story-heading>p{max-width:410px;margin:0 0 3px;color:#9dafc7;font-size:16px;line-height:1.75}
.mac-story-main{display:grid;grid-template-columns:.92fr 1.35fr;overflow:hidden;border:1px solid #2b3c52;border-radius:19px;background:#111c2b}
.mac-story-copy{padding:38px 36px}
.mac-story-kicker{display:block;margin-bottom:18px;color:#819bbd;font-size:10px;font-weight:500;letter-spacing:.07em;text-transform:uppercase}
.mac-story-copy h3{margin:0 0 18px;font-size:31px;font-weight:570;line-height:1.14;letter-spacing:-.04em;color:#edf3fd}
.mac-story-copy p{max-width:370px;margin:0;color:#a4b7cf;font-size:14px;line-height:1.8}
.mac-story-copy .mac-story-detail{margin-top:14px;color:#8da4c1;font-size:13px;line-height:1.8}
.mac-story-link{display:inline-flex;align-items:center;gap:10px;margin-top:25px;color:#a9cbff;text-decoration:none;font-size:12px;font-weight:550}
.mac-story-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.4;stroke-linecap:round;stroke-linejoin:round;transition:transform .15s}
.mac-story-link:hover{color:#d7e7ff}
.mac-story-link:hover svg{transform:translateX(3px)}
.mac-setup-figure{display:flex;flex-direction:column;justify-content:center;min-width:0;margin:0;padding:42px 30px 24px;background:radial-gradient(ellipse at 50% 37%,rgba(65,107,158,.19),transparent 70%),#142131;border-left:1px solid #26394f}
.mac-device-scene{display:flex;align-items:flex-end;justify-content:center;gap:28px;min-height:220px;padding-bottom:54px}
.mac-device{position:relative;min-width:0;flex:none}
.mac-device-glass{position:relative;overflow:hidden;border:5px solid #0b111a;border-radius:9px;outline:1px solid #3c4b5e;background:#182c44;box-shadow:0 16px 30px rgba(0,0,0,.15)}
.mac-device-laptop{width:44%;max-width:240px;padding-bottom:2px}
.mac-device-laptop .mac-device-glass{aspect-ratio:1.55}
.mac-laptop-base{position:relative;height:8px;margin:1px -11px 0;background:linear-gradient(#7c8c9d,#405268);border-radius:1px 1px 60% 60%;box-shadow:0 5px 8px rgba(0,0,0,.1)}
.mac-laptop-base::after{content:"";position:absolute;top:0;left:37%;right:37%;height:2px;background:#273a4e;border-radius:0 0 3px 3px}
.mac-device-monitor{width:49%;max-width:268px;padding-bottom:29px}
.mac-device-monitor .mac-device-glass{aspect-ratio:1.6}
.mac-monitor-stem{position:absolute;left:44%;width:12%;height:23px;background:linear-gradient(90deg,#4a5d72,#758596,#4a5d72)}
.mac-monitor-base{position:absolute;left:29%;width:42%;height:4px;margin-top:22px;border-radius:50% 50% 1px 1px;background:#798a9d}
.mac-device-caption{position:absolute;left:-10%;right:-10%;bottom:-42px;display:flex;align-items:center;justify-content:center;gap:10px;color:#b1c3da;font-size:12px;white-space:nowrap}
.mac-device-monitor .mac-device-caption{bottom:-42px}
.mac-device-caption strong{font-size:18px;font-weight:500;letter-spacing:-.04em;color:#d2e2f7}
.mac-device-caption strong>span{font-size:11px;margin-left:2px;color:#7f9abd}
.mac-scene-art{display:block;width:100%;height:100%;--art-base:#253b57;--art-back:#426995;--art-front:#34557f;--art-light:#537fa5}
.mac-art-base{fill:var(--art-base)}.mac-art-back{fill:var(--art-back)}.mac-art-front{fill:var(--art-front)}.mac-art-light{fill:var(--art-light)}
.mac-device-monitor .mac-scene-art{filter:brightness(.7)}
.mac-setup-figure figcaption{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:20px;border-top:1px solid #2c4057;color:#9ab1cc;font-size:11px;line-height:1.6}
.mac-setup-figure figcaption>span{color:#809ab9;font-size:10px;white-space:nowrap}
.mac-story-pair{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:22px}
.mac-story-card{overflow:hidden;border:1px solid #26374d;border-radius:17px;background:#101a29}
.mac-story-card .mac-story-copy{padding:29px 32px 33px}
.mac-story-card .mac-story-copy h3{font-size:28px;margin-bottom:15px}
.mac-story-card .mac-story-copy p{max-width:450px;font-size:14px}
.mac-story-card .mac-story-kicker{font-size:9px;margin-bottom:15px}
.mac-warmth-figure,.mac-presets-figure{height:252px;margin:0;padding:32px 32px 21px;background:#142031;border-bottom:1px solid #25364c}
.mac-warmth-compare{display:grid;grid-template-columns:1fr 1fr;gap:10px;height:168px}
.mac-color-scene{position:relative;overflow:hidden;border:1px solid #425169;border-radius:9px;background:#182c44}
.mac-color-scene>span{position:absolute;bottom:11px;left:13px;padding:4px 7px;color:#d9e5f3;background:rgba(10,19,30,.45);border:1px solid rgba(221,237,255,.15);border-radius:4px;backdrop-filter:blur(8px);font-size:10px;line-height:1.4}
.mac-color-warm .mac-scene-art{--art-base:#453930;--art-back:#80674c;--art-front:#66533f;--art-light:#ae895b}
.mac-color-warm>span{color:#efe0c9;background:rgba(33,24,18,.4);border-color:rgba(244,218,176,.15)}
.mac-warmth-figure figcaption,.mac-presets-figure figcaption{margin-top:14px;color:#8da7c6;font-size:11px;line-height:1.5}
.mac-preset-examples{display:grid;gap:8px}
.mac-preset-example{display:flex;align-items:center;gap:11px;min-height:50px;padding:7px 12px;border:1px solid #2d415b;border-radius:7px;background:#17273c}
.mac-preset-example>span:nth-child(2){min-width:0}
.mac-preset-example strong{display:block;color:#d9e6f8;font-size:13px;font-weight:550;line-height:1.3}
.mac-preset-example small{display:block;margin-top:3px;font-size:11px;line-height:1.4;color:#98b1d0}
.mac-preset-mark{display:grid;place-items:center;flex:none;width:28px;height:28px;border-radius:7px;background:#253e5d;color:#97bfff}
.mac-preset-mark svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.mac-preset-evening{background:#3b3431;color:#dbb782}
.mac-preset-neutral{background:#2c3b48;color:#b4c8d9}
.mac-preset-sample-bar{position:relative;flex:0 0 54px;height:3px;margin-left:auto;border-radius:2px;background:#2a405c}
.mac-preset-sample-bar::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--preset-level);border-radius:2px;background:#709bd5}
.mac-roadmap-note{max-width:850px;margin:21px 0 0;color:#859dbd;font-size:12px;line-height:1.8}
#signup{padding-top:0;padding-bottom:82px}
.signup-panel{gap:32px 60px;padding:38px 40px;border-radius:17px;border-color:#324c6e;background:radial-gradient(ellipse at 0 0,rgba(72,119,187,.09),transparent 65%),#131f30;box-shadow:none}
.signup-copy h2{font-size:37px;line-height:1.12;max-width:410px;margin-bottom:16px}
.signup-copy>p{font-size:14px;line-height:1.8;max-width:430px}
.signup-copy .price-note{font-size:12px;line-height:1.85;margin-top:21px;color:#a4bad7!important}
.signup-copy .price-note strong{color:#d5e4f8;font-weight:550}
.mac-invitation-note{font-size:11px!important;color:#7f98b8!important;margin-top:14px}
.chips{display:none}
.signup-form{padding-top:4px}
.signup-form label{font-size:12px;font-weight:550;color:#d6e4f8}
.form-row{gap:9px;flex-wrap:wrap;align-items:stretch}
.form-row input{flex:1 1 170px;min-height:46px;font-size:13px;border-color:#405a7b;background:#0c1726;border-radius:7px}
.form-row .button{flex:0 0 auto;font-size:12px;min-height:46px;padding-inline:15px}
.form-note{color:#7f97b5;font-size:10px;line-height:1.8;margin-top:14px}
.form-note a{color:#a6c0e3}
.section-band{background:#101925;border-color:#243246}
.split{grid-template-columns:1fr 1.15fr;gap:85px}
.split h2{font-size:38px;max-width:470px;line-height:1.13;margin-bottom:22px}
.split>div:first-child>p:last-child{max-width:410px;font-size:14px;line-height:1.85;color:#92a8c4}
.compat-list>div{padding:23px 0;gap:23px;grid-template-columns:155px 1fr}
.compat-list strong{font-size:12px;font-weight:550}
.compat-list span{font-size:12px;line-height:1.8;color:#8fa6c3}
.faq>div:first-child{margin-bottom:31px}
.faq-list{gap:0 56px}
.faq-list details{padding:20px 0}
.faq-list summary{font-size:13px;line-height:1.6;font-weight:500}
.faq-list p{max-width:490px;font-size:12px;line-height:1.85}
.mac-final-cta{padding:32px 35px;background:#121f30;border-color:#2a4160;border-radius:13px;margin-bottom:78px}
.mac-final-cta h2{font-size:29px;font-weight:550;margin-bottom:9px}
.mac-final-cta p{font-size:12px;color:#8ea7c7}
.mac-footer-grid{padding-block:43px 40px}
.mac-footer-grid h2{font-size:11px;font-weight:550}
.mac-footer-grid li a{font-size:11px}
.mac-footer-brand p{font-size:11px;line-height:1.8}
.mac-footer-bottom{font-size:10px;letter-spacing:0}
@media(max-width:1060px){
  .screen{min-height:0}.screen-badges{margin-left:36px}.hero-copy{max-width:100%;padding:31px 36px 12px}
  .hero-copy h1{font-size:clamp(47px,6.25vw,61px);max-width:690px}.lead{max-width:600px}.hero-note{max-width:600px}
  .mac-story-main{grid-template-columns:1fr 1.2fr}.mac-story-copy{padding:30px 27px}.mac-story-copy h3{font-size:29px}
  .mac-setup-figure{padding:32px 22px 22px}.mac-device-scene{gap:24px;min-height:200px}
  .mac-setup-figure figcaption{flex-direction:column;align-items:flex-start;gap:3px;padding-top:15px}
  .mac-story-heading{gap:40px}.mac-story-heading h2{font-size:37px}.mac-story-heading>p{font-size:14px}
  .split{gap:48px}.split h2{font-size:34px}.compat-list>div{grid-template-columns:140px 1fr;gap:18px}
}
@media(max-width:850px){
  .hero-copy h1{font-size:52px}.trust-grid{gap:25px;grid-template-columns:1.3fr .8fr 1.1fr}.trust-grid>div{padding-left:24px}
  .mac-story-heading{grid-template-columns:1fr;gap:19px}.mac-story-heading>p{max-width:530px;font-size:15px}.mac-story-heading h2{font-size:39px}
  .mac-story-main{grid-template-columns:1fr}.mac-story-main .mac-story-copy{padding:32px}.mac-story-main .mac-story-copy h3 br{display:none}
  .mac-story-main .mac-story-copy p{max-width:560px}.mac-story-main .mac-story-detail{max-width:560px}
  .mac-setup-figure{border-left:0;border-top:1px solid #26394f;padding:30px 32px 22px}.mac-device-scene{min-height:230px;gap:50px}
  .mac-setup-figure figcaption{flex-direction:row;align-items:center}.mac-story-pair{gap:16px;margin-top:16px}
  .mac-warmth-figure,.mac-presets-figure{padding:25px 20px 19px;min-height:246px;height:auto}.mac-story-card .mac-story-copy{padding:25px 23px 29px}
  .mac-story-card .mac-story-copy h3{font-size:25px}.mac-story-card .mac-story-copy p{font-size:13px}
  .mac-preset-sample-bar{flex-basis:25px}.mac-preset-example{padding-inline:9px;gap:8px}
  .signup-panel{gap:30px;padding:31px}.signup-copy h2{font-size:33px}.form-row{flex-direction:column}.form-row input{flex:none}
  .split{gap:32px}.compat-list>div{grid-template-columns:1fr;gap:8px}.split h2{font-size:31px}
}
@media(max-width:720px){
  .site-header .nav{min-height:66px}.brand{font-size:16px}.hero{padding-top:19px;padding-bottom:20px}
  .monitor{padding:5px;border-radius:17px}.screen{border-radius:11px}.screen-badges{margin:22px 20px 0;font-size:10px}
  .hero-copy{padding:28px 20px 10px}.hero-copy .eyebrow{font-size:8px;letter-spacing:.09em;margin-bottom:17px}
  .hero-copy h1{max-width:100%;font-size:clamp(31px,8.4vw,54px);line-height:1.08;letter-spacing:-.05em;margin-bottom:21px}
  .lead{font-size:15px;line-height:1.8}.hero-actions{margin-top:24px;gap:9px}.hero-actions .button{min-height:43px;font-size:12px}
  .hero-note{font-size:10px;line-height:1.8;margin-top:12px}.mac-preview-tools-bar p{font-size:10px}
  .trust-grid{grid-template-columns:1fr;gap:0;padding-block:7px}.trust-grid>div{padding:13px 0;gap:14px}
  .trust-grid strong{font-size:17px}.trust-grid>div:first-child{gap:5px}.trust-grid>div:first-child strong{font-size:12px}
  .trust-grid span{font-size:10px}.trust-grid .mac-rating>span{font-size:17px}
  .section{padding-block:60px}.mac-story-heading{gap:16px;margin-bottom:25px}.mac-story-heading h2{font-size:32px}
  .mac-story-heading>p{font-size:14px;line-height:1.8}.mac-story-main{border-radius:14px}.mac-story-main .mac-story-copy{padding:28px 24px}
  .mac-story-main .mac-story-copy h3{font-size:29px}.mac-story-kicker{font-size:9px;margin-bottom:16px}
  .mac-story-copy p{font-size:13px}.mac-story-copy .mac-story-detail{font-size:12px;margin-top:12px}
  .mac-story-link{font-size:11px;margin-top:22px}.mac-setup-figure{padding:28px 20px 18px}
  .mac-device-scene{min-height:180px;gap:24px;padding-bottom:45px}.mac-device-glass{border-width:4px;border-radius:7px}
  .mac-device-monitor{padding-bottom:25px}.mac-monitor-stem{height:19px}.mac-monitor-base{margin-top:18px}
  .mac-device-caption{font-size:10px;gap:6px;bottom:-37px}.mac-device-monitor .mac-device-caption{bottom:-37px}
  .mac-device-caption strong{font-size:15px}.mac-device-caption strong>span{font-size:10px}
  .mac-setup-figure figcaption{flex-direction:column;align-items:flex-start;gap:4px;font-size:10px;padding-top:14px}
  .mac-setup-figure figcaption>span{font-size:9px}.mac-story-pair{grid-template-columns:1fr;gap:16px}
  .mac-story-card{border-radius:14px}.mac-warmth-figure,.mac-presets-figure{height:246px;padding:27px 24px 20px}
  .mac-story-card .mac-story-copy{padding:27px 24px 29px}.mac-story-card .mac-story-copy h3{font-size:28px}
  .mac-preset-example{padding-inline:11px;gap:10px}.mac-preset-sample-bar{flex-basis:45px}
  .mac-roadmap-note{font-size:11px;margin-top:18px}#signup{padding-top:0;padding-bottom:58px}.signup-panel{padding:28px 23px;gap:25px}
  .signup-copy h2{font-size:31px;max-width:100%}.signup-copy>p{font-size:13px}.signup-copy .price-note{font-size:11px;margin-top:18px}
  .mac-invitation-note{font-size:10px!important}.signup-form{padding:0}.form-row{gap:10px}.form-note{font-size:10px}
  .split{gap:27px}.split h2{font-size:32px;max-width:440px;margin-bottom:19px}.split>div:first-child>p:last-child{font-size:13px;max-width:100%}
  .compat-list>div{padding:20px 0;gap:8px}.compat-list span{font-size:12px}.faq>div:first-child{margin-bottom:25px}
  .faq h2{font-size:32px}.faq-list details{padding:18px 0}.faq-list summary{font-size:13px}
  .mac-final-cta{padding:27px 24px;margin-bottom:55px;gap:21px}.mac-final-cta h2{font-size:26px}.mac-final-cta p{font-size:12px}
  .mac-footer-grid{padding-block:32px}.mac-footer-bottom{font-size:10px}
}
@media(max-width:380px){.hero-copy h1{font-size:29px}.mac-device-scene{gap:19px;min-height:160px}.mac-laptop-base{margin-inline:-7px}.mac-story-main .mac-story-copy h3,.mac-story-card .mac-story-copy h3{font-size:26px}.mac-story-heading h2{font-size:29px}.mac-preset-sample-bar{flex-basis:27px}}
@media(prefers-reduced-motion:reduce){.mac-story-link svg{transition:none}}
.mac-reveal{opacity:0;transform:translateY(16px);transition:opacity .5s ease,transform .5s cubic-bezier(.2,.65,.25,1)}
.mac-reveal.is-revealed{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.mac-reveal{opacity:1;transform:none;transition:none}}

/* Balance the supporting copy in two readable sentence groups. */
.hero-copy .lead{text-wrap:balance}
.hero-copy .mac-lead-intro,.hero-copy .mac-lead-detail{display:block}
.hero-copy .mac-copy-tail,.hero-copy .mac-copy-phrase{white-space:nowrap}