*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:#161918;background:#fff;font-family:Arial,Helvetica,sans-serif;font-size:16px;line-height:1.5}button,input,a{-webkit-tap-highlight-color:transparent}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #347d58;outline-offset:4px}a{color:inherit;text-decoration:none}[hidden]{display:none!important}.header{height:72px;max-width:1160px;margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;position:relative;z-index:3}.brand{display:flex;align-items:center;gap:7px;font-size:24px;letter-spacing:-1px}.brand img{width:33px;height:28px;object-fit:contain;border-radius:7px}.brand span{font-size:12px;font-weight:bold;letter-spacing:.8px;border:1px solid #9eaba2;padding:1px 5px;border-radius:4px}.header-actions{display:flex;align-items:center;gap:20px}.menu-toggle{background:none;border:0;font-size:23px;padding:8px}nav{position:absolute;right:24px;top:65px;padding:16px;background:#fff;border:1px solid #eee;border-radius:12px;box-shadow:0 15px 40px #0001;min-width:210px}nav a,nav button{display:block;border:0;background:none;padding:12px;text-align:left;width:100%}.hero{position:relative;max-width:1100px;margin:auto}.hero-art{height:222px;display:grid;place-items:center;position:relative;isolation:isolate}.hero-art:before{content:"";position:absolute;z-index:-1;inset:-72px 0 0;background:radial-gradient(ellipse at 78% 20%,#dff8dc 0, #f0f8f0 38%,#fff 70%);border-bottom-left-radius:80%}.hero-art img{width:184px;height:184px;border-radius:24%;box-shadow:0 12px 18px #152a1716;transform:rotate(-7deg)}.hero-copy{padding:14px 24px 0;position:relative;z-index:1}.product-name{font-size:25px;font-weight:700;margin:0 0 14px;letter-spacing:-.6px}h1{font-size:30px;font-weight:400;letter-spacing:-.7px;line-height:1.28;margin:0 0 18px}.intro{margin:0 0 24px;line-height:1.6}.actions{display:grid;gap:14px}.button{min-height:49px;padding:12px 20px;border-radius:8px;font-weight:700;border:2px solid transparent;width:100%;text-align:center}.primary{background:#b9ed9b;color:#142419}.primary:hover{background:#a9e487}.secondary{background:#fff;border-color:#e9eae9;color:#242a27;box-shadow:0 1px 2px #00000008}.secondary:hover{border-color:#a9c2ac}.availability{font-size:12px;color:#707872;text-align:center;margin:15px 0 0}.product-visual{margin:62px auto 0;padding:0 24px 25px;max-width:1000px;background:linear-gradient(0deg,#deecd9,transparent 85%)}.product-visual img{width:100%;height:auto;display:block;border-radius:9px;box-shadow:0 16px 28px #172e1d25}.compatible{max-width:850px;margin:34px auto 64px;padding:0 24px;text-align:center}.compatible>p{color:#707771;font-size:14px;margin-bottom:27px}.apps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px 10px}.apps span{display:flex;flex-direction:column;align-items:center;gap:8px;font-size:12px;font-weight:600}.apps img{width:30px;height:30px;object-fit:contain}.section{max-width:1060px;margin:0 auto 72px;padding:0 24px}h2{font-size:33px;line-height:1.18;letter-spacing:-1px;margin:0 0 24px}em{font-style:normal;color:#518144}.overview{background:#f7f8f7;border-radius:26px;margin:0 20px 76px;padding:48px 28px}.lead{font-size:20px;line-height:1.35;font-weight:600;margin-bottom:26px}.checks{padding:0;list-style:none;margin:0}.checks li{position:relative;padding-left:35px;margin:18px 0;font-size:17px}.checks li:before{content:'✓';position:absolute;left:0;top:1px;width:23px;height:23px;display:grid;place-items:center;background:#def1d5;color:#4a7740;border-radius:50%;font-size:15px}.eyebrow{display:block;font-size:12px;letter-spacing:1.4px;font-weight:700;color:#69776a;margin-bottom:15px}.feature p{color:#626b64;margin:0 0 28px}.compare{position:relative;overflow:hidden;border-radius:17px;aspect-ratio:1.15;background:#e6e6e6}.compare img{width:100%;height:100%;object-fit:cover;display:block}.before{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--split)) 0 0)}.label{position:absolute;top:14px;background:#fffE;padding:4px 9px;border-radius:5px;font-size:11px;font-weight:600}.original{left:12px}.persona{right:12px}.divider{position:absolute;top:0;bottom:0;left:var(--split);width:2px;background:#fff}.divider span{position:absolute;top:50%;transform:translate(-50%,-50%);width:34px;height:34px;background:white;border-radius:50%;display:grid;place-items:center;box-shadow:0 1px 8px #0003}.compare input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:ew-resize;margin:0}.compare:focus-within{outline:3px solid #518144;outline-offset:4px}.feature .caption{text-align:center;font-size:12px;margin:12px 0 0}.tint{padding:45px 24px;background:#eef6ea;border-radius:26px;margin-right:20px;margin-left:20px;overflow:hidden}.interface{width:100%;height:auto;border-radius:12px;display:block}.setup ol{list-style:none;padding:0;margin:36px 0 0}.setup li{display:flex;gap:18px;margin-bottom:28px}.setup li>span{display:grid;place-items:center;flex:0 0 42px;height:42px;background:#edf5e9;border-radius:50%;font-weight:600}.setup h3{margin:0 0 5px;font-size:18px}.setup p{margin:0;color:#69716b}.closing{text-align:center;background:#f6f8f5;margin:0;padding:50px 24px;width:100%;max-width:none}.closing>img{border-radius:24%;margin-bottom:20px}.closing h2{font-size:32px}.closing .actions{max-width:380px;margin:30px auto 0}.closing>p:not(.product-name){color:#626b64}footer{padding:34px 24px;max-width:1100px;margin:auto}footer .brand{font-size:22px}footer p{font-size:14px;color:#6d756f}footer small{font-size:12px;color:#777e78}dialog{border:0;border-radius:24px;padding:42px 28px 30px;max-width:440px;width:calc(100% - 32px);max-height:90dvh;color:inherit;box-shadow:0 24px 100px #0003}dialog::backdrop{background:#14211970;backdrop-filter:blur(5px)}.close{position:absolute;top:8px;right:13px;border:0;background:transparent;font-size:30px;color:#657066;width:40px;height:40px}dialog h2{font-size:29px;margin-bottom:12px}dialog p{color:#69726b;margin:0 0 24px}.platforms{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:28px 0 18px}.platform{border:2px solid #e7eae6;background:#fff;border-radius:14px;padding:20px 8px;display:flex;flex-direction:column;gap:8px;align-items:center;font-weight:bold}.platform:hover{border-color:#80aa70;background:#f3f9f0}.platform svg{width:32px;height:32px;fill:currentColor}.platform small{font-size:11px;font-weight:400;color:#6c746d}label[for]{display:block;font-size:14px;font-weight:600;margin:0 0 8px}input[type=email]{width:100%;border:1px solid #cbd2c9;border-radius:8px;padding:14px 12px;font-size:16px;margin-bottom:16px} .helper-note{font-size:12px!important;color:#7b827b!important;text-align:center;margin:16px 0 0!important}.text-button{padding:8px 0;background:transparent;border:0;font-size:14px;color:#576650;text-decoration:underline;text-underline-offset:3px}.back{margin-bottom:20px}.success-symbol{background:#e2f3d8;color:#466b36;width:58px;height:58px;border-radius:50%;display:grid;place-items:center;font-size:26px;margin-bottom:24px}#paywall{max-width:1100px;margin:auto;padding:0 24px 65px}.paywall-top{display:flex;justify-content:space-between;gap:12px;padding:16px 0}.paywall-heading{text-align:center;margin:26px 0 35px}.paywall-heading img{border-radius:24%;margin-bottom:22px}.paywall-heading h1{font-size:30px;font-weight:700}.paywall-heading p{color:#69726b}.plans{border:0;padding:0;margin:0;display:grid;gap:20px}.plan{border:2px solid #e0e5dd;border-radius:18px;position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:hidden;padding-top:25px;cursor:pointer}.plan:has(input:checked){border-color:#5c8a48;background:#f2f9ed;box-shadow:0 0 0 1px #5c8a48}.plan input{position:absolute;right:16px;top:18px;accent-color:#588640;width:18px;height:18px}.plan-name{font-size:20px;font-weight:600;margin-bottom:13px}.plan strong{font-size:31px;letter-spacing:-.7px}.plan strong span{font-size:15px;font-weight:400;letter-spacing:0}.equivalent{font-size:14px;color:#6b7666;margin:8px 0 0}.plan-foot{background:#00000004;width:100%;margin-top:22px;padding:16px 8px;font-size:14px;color:#626e5d}.best{background:#e2f0d9;color:#426c2c;width:100%;font-size:11px;letter-spacing:1px;font-weight:bold;padding:7px;order:-1;margin-top:-25px;margin-bottom:23px}.recommended input{top:51px}.checkout{max-width:460px;margin:36px auto 0}.micro{font-size:12px;color:#78806f;margin:-7px 0 26px}.total{display:flex;justify-content:space-between;align-items:center;font-size:18px}.total strong{font-size:26px}#billing-copy{font-size:13px;color:#69726b;margin:9px 0 24px}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}@media(min-width:700px){.hero{display:grid;grid-template-columns:1.1fr 1fr;align-items:center;padding:60px 24px 20px}.hero-art{grid-column:2;grid-row:1;height:420px}.hero-art img{width:275px;height:275px}.hero-copy{grid-column:1;grid-row:1;padding:0}h1{font-size:43px}.hero .actions{grid-template-columns:1fr 1fr}.hero .availability{text-align:left}.hero-art:before{inset:-100px -10px -30px -60px;border-radius:50%}.product-visual{padding:0 70px 40px;margin-top:55px;border-radius:30px}.apps{grid-template-columns:repeat(6,1fr)}.overview,.tint{max-width:1060px;margin-left:auto;margin-right:auto;padding:60px}.overview{margin-top:60px}.feature:not(.tint){display:grid;grid-template-columns:1fr 1fr;gap:0 65px;align-items:center}.feature .caption{grid-column:2}.feature h2,h2{font-size:43px}.tint{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:center}.setup ol{display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.setup{padding:0 40px}.setup h2{text-align:center}.plans{grid-template-columns:repeat(3,1fr);align-items:stretch;padding-top:20px}.plan{justify-content:center}.plan-foot{margin-top:auto}.plan strong{margin-bottom:12px}.plan .equivalent{margin-bottom:22px}.plan .best{margin-top:-25px}.paywall-heading h1{font-size:40px}footer{padding:34px 30px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

/* Persona dark theme */
:root{color-scheme:dark;--accent:#3EC195;--surface:#101413;--panel:#191f1d;--muted:#a4b0aa;--line:#333e38}
body{background:var(--surface);color:#f4f7f5}
button{color:inherit}button:focus-visible,a:focus-visible,input:focus-visible{outline-color:var(--accent)}
.brand{gap:8px}.brand img{width:38px;height:38px;object-fit:contain;border-radius:0}.brand span{border:0;font-size:13px;letter-spacing:0;color:var(--muted);padding:0;font-weight:400}
nav{background:#1b221f;border-color:var(--line);box-shadow:0 15px 40px #0005}
nav a:hover,nav button:hover{background:#26332d;border-radius:7px}
.hero-art:before{background:radial-gradient(ellipse at 78% 20%,#153c2d 0,#12241c 38%,#101413 72%)}
.hero-art img{width:222px;height:222px;object-fit:contain;transform:none;border-radius:0;box-shadow:none}
.primary{background:#3EC195;color:#071c14}.primary:hover{background:#54cea5}
.secondary{background:#1b221f;border-color:#35413a;color:#f4f7f5;box-shadow:none}.secondary:hover{background:#26342d;border-color:#567261}
.availability{display:flex;justify-content:center;flex-wrap:wrap;gap:8px 14px;color:var(--muted);font-size:12px}.availability span{display:inline-flex;align-items:center;gap:5px}.availability svg{width:14px;height:14px;fill:currentColor;flex-shrink:0}
.product-visual{background:linear-gradient(0deg,#1b382a,transparent 85%)}
.compatible>p,.feature p,.setup p,.closing>p:not(.product-name),footer p,footer small,.paywall-heading p,.micro,#billing-copy{color:var(--muted)}
.overview,.closing{background:#191f1d}.tint{background:#14281f}em{color:var(--accent)}
.checks li:before,.setup li>span,.success-symbol{background:#203e30;color:#61d9ae}.eyebrow{color:#63c9a6}
.label{background:#101b16e8;color:#f4f7f5}.divider{background:#3EC195}.divider span{background:#3EC195;color:#092417}
.compare:focus-within{outline-color:var(--accent)}.closing>img,.paywall-heading img{border-radius:0;object-fit:contain}
footer{border-top:1px solid #29332d}
dialog{background:#1b221f;box-shadow:0 24px 100px #0009}dialog::backdrop{background:#050b08b0}dialog p,.platform small{color:var(--muted)}.close{color:#b7c3bb}
.platform{background:#202923;border-color:#3a473e}.platform:hover{background:#263d30;border-color:var(--accent)}
.text-button{color:#75d6b1}input[type=email]{background:#111914;color:#f4f7f5;border-color:#45574a}input::placeholder{color:#96a39a}
.helper-note{color:var(--muted)!important}.plan{background:#191f1d;border-color:#354039}.plan:has(input:checked){background:#182e24;border-color:var(--accent);box-shadow:0 0 0 1px var(--accent)}.plan input{accent-color:var(--accent)}
.plan-foot{background:#ffffff04;color:#b0beb4}.equivalent{color:#b0beb4}.best{background:#244d39;color:#89e5bc}
@media(min-width:700px){.hero-art img{width:330px;height:330px}.hero .availability{justify-content:flex-start}}
.brand img,.hero-art img,.closing>img,.paywall-heading img{mix-blend-mode:screen}
.hero-art{isolation:auto;background:radial-gradient(ellipse at center,#153c2d 0,#101413 72%)}
.hero-art:before{display:none}
.hero-art img{mix-blend-mode:lighten}
.header,.brand{isolation:auto}.brand img,.closing>img,.paywall-heading img{mix-blend-mode:lighten}

/* Rounded icon and white comparison control. */

body{font-family:Arial,Helvetica,sans-serif}
.brand,.product-name{font-family:Arial,Helvetica,sans-serif}
.button{border-radius:18px}.platform{border-radius:20px}
.brand img,.hero-art img,.closing>img,.paywall-heading img{mix-blend-mode:normal;background:#000;border-radius:24%;box-shadow:0 3px 10px #0003}
.brand img{border-radius:9px}.hero-art img{width:184px;height:184px;box-shadow:0 14px 35px #0004}
.hero-art{background:radial-gradient(ellipse at center,#153c2d 0,#101413 72%)}
.compare{aspect-ratio:1.3;border-radius:22px;border:1px solid #ffffff26;box-shadow:0 16px 40px #0003}
.compare img{object-position:50% 50%}.compare input{touch-action:pan-y}
.divider{width:2px;background:#fff;box-shadow:0 0 8px #0004;pointer-events:none}
.divider span{width:46px;height:46px;background:#fff;color:#19211c;box-shadow:0 2px 14px #0004;border:4px solid #ffffff80;background-clip:padding-box}
.divider svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.label{background:#132119b8;backdrop-filter:blur(10px);border:1px solid #ffffff30;border-radius:20px;padding:6px 10px;font-size:11px}
.compare:focus-within{outline-color:#fff}
.comparison-controls{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px}
.feature .comparison-controls .caption{margin:0;text-align:left;font-size:12px}.comparison-motion{border:0;background:none;color:#b9c6bf;font-size:12px;text-decoration:underline;text-underline-offset:3px;padding:8px 0}
@media(min-width:700px){.hero-art img{width:275px;height:275px}.comparison-controls{grid-column:2}.compare{aspect-ratio:1.4}}

/* The generated glass tile supplies its own rounded backdrop and bevels. */
.brand img,.hero-art img,.closing>img,.paywall-heading img{background:transparent;border-radius:0;box-shadow:none;mix-blend-mode:normal;object-fit:contain;filter:drop-shadow(0 8px 15px #0003)}
.hero-art img{width:208px;height:208px;filter:drop-shadow(0 14px 22px #0005)}
@media(min-width:700px){.hero-art img{width:310px;height:310px}}
/* Refined hero, scenic product stage, and supplied feature artwork. */
.hero-art{background:none}.hero-art:before{display:none}.hero-copy h1{font-size:30px;line-height:1.3;font-weight:400}.hero-copy .intro{line-height:1.6;color:#c3cbc6}
.product-visual{position:relative;isolation:isolate;max-width:none;padding:50px 24px;margin:62px 0 0;background:none;border-radius:0;overflow:hidden}
.scenic-backdrop{position:absolute;inset:0;z-index:-1}.product-visual .scenic-backdrop img{width:100%;height:100%;object-fit:cover;object-position:50% 48%;border-radius:0;box-shadow:none;filter:brightness(.8)}
.product-frame{max-width:950px;margin:auto}.product-visual .product-frame>img{width:100%;height:auto;display:block;border:1px solid #ffffff26;border-radius:12px;box-shadow:0 16px 40px #0008}
.apps img{width:36px;height:36px}.apps span{font-size:13px;gap:10px}
.feature-checks li{padding:0;display:flex;align-items:center;gap:16px;margin:20px 0}.feature-checks li:before{display:none}.feature-checks img{width:32px;height:32px;object-fit:contain;flex:none}.feature-checks li:last-child img{width:26px;margin:0 3px}
.exclusive-heading{margin-bottom:32px}.exclusive-heading h2{max-width:650px;margin-bottom:16px}.exclusive-heading>p{color:#a4b0aa;font-size:18px;margin:0}.exclusive-grid{display:grid;gap:14px}.exclusive-card{background:#191f1d;border:1px solid #2c3730;border-radius:22px;padding:28px}.feature-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:22px;background:#25382f;border-radius:16px}.feature-icon img{width:36px;height:36px;object-fit:contain}.exclusive-card:last-child .feature-icon img{width:28px;height:28px}.exclusive-card h3{margin:0 0 12px;font-size:22px;letter-spacing:-.4px}.exclusive-card p{margin:0;color:#a4b0aa;line-height:1.6;font-size:16px}
.compare{aspect-ratio:1.3}.compare>img,.compare .before img{width:100%;height:100%;object-fit:cover;object-position:center;max-width:none}.compare .before{inset:0}.divider{transform:translateX(-50%)}.divider span{left:50%;transform:translate(-50%,-50%)}.label{width:66px;text-align:center;top:14px;padding:6px 0;font-weight:600}.original{left:14px}.persona{right:14px}.compare input{appearance:none;-webkit-appearance:none;border:0;padding:0;outline:none}
@media(min-width:700px){.hero-copy h1{font-size:43px}.product-visual{padding:80px 70px}.exclusive-grid{grid-template-columns:repeat(3,1fr)}.exclusive-heading{text-align:center}.exclusive-heading h2{margin-left:auto;margin-right:auto}.exclusive{padding:0 24px}.feature-checks{display:grid;grid-template-columns:1fr 1fr;gap:0 25px}}

/* Seamless scenic stage and focused comparison sections. */
.scenic-backdrop:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#101413 0%,#101413b8 16%,#10141320 48%,transparent 70%);pointer-events:none}
.product-visual .product-frame>img{border:0;box-shadow:none;outline:0}
.compare{border:0;box-shadow:none}
.sharpen{padding-top:24px}.sharpen .compare{border-radius:16px}
.sharpen .degraded>img{filter:blur(.65px) contrast(.94)}
.noise-layer,.artifact-layer{position:absolute;inset:0;pointer-events:none}
.noise-layer{background:url('assets/noise.svg');opacity:.42;mix-blend-mode:overlay}
.artifact-layer{background:url('assets/artifacts.svg');background-size:96px 96px;opacity:.09;mix-blend-mode:overlay}
@media(min-width:700px){.sharpen .feature-copy{grid-column:2;grid-row:1}.sharpen .compare{grid-column:1;grid-row:1}}

/* Product title and desktop details. */
.button[data-flow="download"],#email-form .button.primary{color:#fff}
.available-badge{display:inline-block;vertical-align:middle;margin-left:8px;padding:6px 9px;border:1px solid #3ec19555;border-radius:20px;background:#3ec19514;color:#69d7b2;font-size:9px;font-weight:700;letter-spacing:.6px;white-space:nowrap;line-height:1}
.hero-copy .product-name{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.hero-copy .available-badge{margin-left:0}
.product-frame{position:relative;z-index:1;width:calc(100% - 60px);margin-left:0}
.desktop-folders{position:absolute;z-index:2;right:16px;top:50%;transform:translateY(-38%);display:flex;flex-direction:column;gap:13px;pointer-events:none}
.desktop-folder{width:52px;text-align:center;color:white;font-size:9px;line-height:1.3;text-shadow:0 1px 4px #000,0 1px 2px #000}
.product-visual .desktop-folder img{width:44px;height:38px;display:block;margin:0 auto 3px;object-fit:contain;border:0;border-radius:0;box-shadow:none;filter:drop-shadow(0 3px 3px #0004)}
@media(min-width:700px){.product-frame{width:calc(100% - 95px);margin-left:auto;margin-right:auto;max-width:950px}.desktop-folders{right:24px;gap:24px}.desktop-folder{width:72px;font-size:12px}.product-visual .desktop-folder img{width:64px;height:55px}.available-badge{font-size:10px}}

/* Refined product and platform presentation. */
.available-badge{border:0;background:linear-gradient(110deg,#258c70,#3ec195 55%,#8cdec1);color:#fff;padding:7px 10px;box-shadow:inset 0 1px 0 #ffffff30}
.button{border-radius:10px}
.hold-compare .before{transition:clip-path .16s ease}.hold-compare .degraded>img{filter:blur(.8px) contrast(.97)}
.hold-compare .noise-layer{opacity:.23;mix-blend-mode:soft-light}
.hold-control{position:absolute;inset:0;border:0;padding:0;background:none;cursor:pointer;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.hold-control span{position:absolute;top:16px;left:16px;background:#fff;color:#151515;border-radius:6px;padding:7px 10px;font-size:10px;letter-spacing:.5px;box-shadow:0 2px 8px #0002}
.hold-control:focus-visible{outline:2px solid white;outline-offset:-4px;border-radius:16px}
#flow-dialog{padding:34px 26px 26px;background:#171c1a;border:1px solid #ffffff15;border-radius:22px;max-width:390px;box-shadow:0 24px 100px #000a}
#flow-dialog h2{font-size:25px;line-height:1.2;letter-spacing:-.6px;margin:0 0 22px;outline:none}
#flow-dialog .dialog-icon{width:52px;height:52px;display:block;margin-bottom:22px}
#flow-dialog .close{font-size:24px;top:10px;right:10px;width:32px;height:32px;border-radius:50%;background:#ffffff08}
.platforms{grid-template-columns:1fr;gap:10px;margin:0}.platform{flex-direction:row;text-align:left;gap:16px;padding:18px;border:1px solid #ffffff18;border-radius:12px;background:#232a26;font-size:17px;transition:background .15s,border-color .15s}.platform:hover{background:#2a3b32;border-color:#3ec19588}.platform svg{width:25px;height:25px}.platform small{display:block;margin-top:4px;font-size:11px;font-weight:400}.platform-arrow{margin-left:auto;color:#91a399;font-size:19px}
#flow-dialog p{font-size:14px;line-height:1.5;margin-bottom:22px}.back{margin-bottom:18px}

/* Clear typography and open editorial layouts. */
:root{--muted:#fff}body{color:#fff}
.hero-copy .intro,.availability,.brand span,.compatible>p,.feature p,.setup p,.closing>p:not(.product-name),footer p,.paywall-heading p,.micro,#billing-copy,.exclusive-heading>p,.exclusive-card p,dialog p,.platform small,.plan-foot,.equivalent,.text-button,.helper-note{color:#fff!important}
.feature p,.exclusive-card p,.setup p{font-size:18px;line-height:1.55}
.exclusive{padding:0 24px;margin-top:95px;margin-bottom:100px}.exclusive-heading{text-align:left;margin-bottom:44px}.exclusive-heading h2{font-size:36px;line-height:1.12;letter-spacing:-1.2px;margin:0 0 18px;max-width:660px}.exclusive-heading>p{font-size:18px;line-height:1.5}
.exclusive-grid{gap:36px}.exclusive-card{display:grid;grid-template-columns:44px 1fr;column-gap:20px;background:none;border:0;border-radius:0;padding:0;box-shadow:none}.feature-icon{grid-row:1 / span 2;align-self:start;background:none;border-radius:0;width:44px;height:44px;margin:0}.feature-icon img{width:40px;height:40px}.exclusive-card h3{font-size:23px;line-height:1.2;letter-spacing:-.4px;margin:0 0 10px}.exclusive-card p{font-size:17px;line-height:1.5;margin:0;max-width:350px}
.setup{padding:0 24px;margin-bottom:100px}.setup h2{text-align:left;font-size:36px;line-height:1.12;letter-spacing:-1.2px;margin-bottom:44px}.setup ol{margin:0;gap:38px}.setup li{display:grid;grid-template-columns:48px 1fr;gap:16px;margin:0 0 36px}.setup li>span{display:block;width:auto;height:auto;background:none;border-radius:0;color:#3ec195;font-size:30px;line-height:1.15;font-weight:500;letter-spacing:-1px}.setup h3{font-size:23px;line-height:1.2;margin:0 0 12px}.setup p{font-size:17px;line-height:1.5}
.closing{background:none}footer{border:0}.compare:focus-within{outline:none}.compare:has(input:focus-visible){outline:2px solid #fff}
.sharpen-demo{position:relative;aspect-ratio:1/1.05;overflow:hidden;border-radius:16px;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;isolation:isolate}
.sharpen-original{display:block;width:100%;height:100%;object-fit:cover;filter:blur(.85px) contrast(.96);pointer-events:none}
.demo-grain{position:absolute;inset:0;background:url('assets/noise.svg');opacity:.4;mix-blend-mode:soft-light;pointer-events:none}
.enhance-lens{position:absolute;top:0;left:0;width:57%;height:54%;background-image:url('assets/after-1280.webp');background-repeat:no-repeat;border-radius:15px;box-shadow:0 0 0 1.5px #fff,0 0 0 4px #1116;will-change:transform,background-position,background-size;overflow:hidden;pointer-events:none}
.lens-label{position:absolute;left:10px;top:10px;padding:5px 8px;background:#fff;color:#101413;border-radius:20px;font-size:10px;font-weight:600;letter-spacing:.3px}
.lens-handle{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:0;border-radius:12px;background:white;color:#101413;pointer-events:auto;cursor:grab;touch-action:none}.lens-handle svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.dragging,.dragging .lens-handle{cursor:grabbing}.lens-handle:focus-visible{outline:2px solid #3ec195;outline-offset:4px}
@media(min-width:700px){.exclusive,.setup{margin-top:120px;margin-bottom:120px}.exclusive-heading{margin-bottom:60px}.exclusive-heading h2,.setup h2{font-size:48px}.exclusive-grid{grid-template-columns:repeat(3,1fr);gap:52px 36px}.exclusive-card{display:block}.feature-icon{margin-bottom:24px}.setup ol{grid-template-columns:repeat(3,1fr);gap:40px}.setup li{display:block;margin:0}.setup li>span{font-size:48px;margin-bottom:24px}.sharpen-demo{grid-column:1;grid-row:1}.lens-label{font-size:11px}.lens-handle{width:48px;height:48px}}
@media(prefers-reduced-motion:reduce){.enhance-lens{will-change:auto}}

/* Image-led editorial direction. */
body{background:#171717;--surface:#171717;--panel:#202020}
.header{position:sticky;top:0;max-width:none;background:#3ec195;padding:12px max(20px,calc((100vw - 1160px)/2));height:74px;color:#071b13;z-index:20}
.header .brand{font-size:20px;gap:8px;letter-spacing:-.6px}.header .brand>span:not(.persona-tile){color:#071b13!important;font-size:11px;letter-spacing:0}.header .header-actions{gap:10px}.header .menu-toggle{display:none}
.header-cta{background:#080b09;border:0;border-radius:9px;color:#fff;padding:12px 20px;font-size:14px;white-space:nowrap}.header-cta:hover{background:#21392c}
.available-badge{background:#fff;color:#151515;border:0;box-shadow:none;border-radius:4px;padding:5px 7px;font-size:9px;font-weight:500;letter-spacing:.55px;line-height:1.1}
.hero{padding-top:35px}.hero-copy h1{font-size:42px;line-height:1.08;letter-spacing:-1.7px;font-weight:400;margin:22px 0}.hero-copy .intro{font-size:18px;line-height:1.5;max-width:530px}.hero-copy .product-name{font-size:18px;gap:10px}.hero-art{height:205px}.hero-art .persona-tile{--tile-size:148px}
.button{font-size:17px;font-weight:400;border-radius:8px;padding:15px 18px}.secondary{border:0;background:#292929}.hero .actions{margin-top:30px;gap:12px}.product-visual{margin-top:64px}.scenic-backdrop:after{background:linear-gradient(180deg,#171717 0%,#171717b8 16%,#17171720 48%,transparent 70%)}
h2,.feature h2,.exclusive-heading h2,.setup h2,.closing h2{font-weight:400;letter-spacing:-1.3px;font-size:36px;line-height:1.12}.exclusive-card h3,.setup h3{font-weight:400;font-size:23px}.compatible{padding-top:24px;padding-bottom:12px}.section{scroll-margin-top:94px}
.showcase.section{display:block;padding:0 20px;margin:64px auto 90px;max-width:1160px}.enhance-showcase{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:4/5;max-height:760px;overflow:hidden;padding:0;border:0;border-radius:14px;background:#202020;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;cursor:pointer;color:#fff}
.showcase-image{display:block;width:100%;height:100%;object-fit:cover;object-position:center;filter:blur(1.5px);transform:scale(1.015);transition:filter .3s ease,transform .6s cubic-bezier(.2,.7,.2,1);pointer-events:none}
.showcase-grain{position:absolute;inset:0;background:url('assets/noise.svg');opacity:.34;mix-blend-mode:soft-light;transition:opacity .25s;pointer-events:none}
.enhance-cue{position:absolute;top:16px;left:16px;color:#111;background:#fff;border-radius:24px;padding:5px 9px;font-size:11px;line-height:1.1;font-weight:400;letter-spacing:.1px}
.showcase-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);font-size:42px;line-height:1;letter-spacing:-1.5px;font-weight:400;text-align:center;text-shadow:0 2px 18px #0005;transition:opacity .25s}
.is-enhanced .showcase-image{filter:blur(0);transform:scale(1.045)}.is-enhanced .showcase-grain,.is-enhanced .showcase-title{opacity:0}
.showcase-caption{font-size:18px;color:white;text-align:left;margin:18px 0 0;line-height:1.5}.enhance-showcase:focus-visible{outline:2px solid #3ec195;outline-offset:5px}
.exclusive,.setup{padding-left:20px;padding-right:20px}.exclusive-heading h2{max-width:650px}.exclusive-grid{gap:42px}.closing{padding-top:60px;padding-bottom:65px}.closing .available-badge{display:none}
@media(max-width:380px){.header .brand>span:not(.persona-tile){display:none}.header-cta{padding:12px 16px}.hero-copy h1{font-size:38px}}
@media(min-width:700px){.header{height:84px}.header .brand{font-size:24px}.header-cta{padding:14px 28px;font-size:16px}.hero{padding-top:80px;padding-bottom:35px}.hero-copy h1{font-size:62px;line-height:1.05;letter-spacing:-2.5px}.hero-art{height:350px}.hero-art .persona-tile{--tile-size:260px}.hero-copy .intro{font-size:20px}.feature h2,.exclusive-heading h2,.setup h2,.closing h2{font-size:50px}.showcase.section{margin-top:85px}.enhance-showcase{aspect-ratio:1.5}.showcase-title{font-size:76px}.enhance-cue{top:24px;left:24px;font-size:13px;padding:7px 12px}.exclusive-card h3,.setup h3{font-size:26px}.exclusive-heading{margin-bottom:72px}}
@media(prefers-reduced-motion:reduce){.showcase-image,.showcase-grain,.showcase-title{transition:none}.is-enhanced .showcase-image{transform:scale(1.015)}}

/* Restore the uninterrupted hero and dimensional app tile. */
.header{display:none}.hero{padding-top:32px}.hero-art{height:245px}.hero-art .persona-tile{--tile-size:208px}
@media(min-width:700px){.hero{padding-top:70px}.hero-art{height:420px}.hero-art .persona-tile{--tile-size:310px}}

/* Compact opening preview and face-quality showcase. */
.product-visual{margin-top:0;padding:32px 24px 28px;min-height:225px}
.product-frame{width:calc(100% - 72px);max-width:650px;margin:0 auto}
.product-visual .desktop-folder img{width:30px;height:28px;margin-bottom:2px}.desktop-folder{width:42px;font-size:8px}.desktop-folders{right:12px;gap:10px;transform:translateY(-45%)}
.scenic-backdrop:after{background:linear-gradient(180deg,#17171755,transparent 40%,#171717 100%)}
.hero{padding-top:6px}
.showcase.section{margin-top:38px;margin-bottom:54px}.enhance-showcase{aspect-ratio:1.15;max-height:470px}.showcase-title{font-size:36px}.showcase-caption{margin-top:12px}
@media(min-width:700px){.product-visual{padding:38px 100px 40px;min-height:0}.product-frame{width:68%;max-width:650px}.desktop-folders{right:max(40px,calc((100vw - 870px)/2));gap:16px}.desktop-folder{width:48px;font-size:10px}.product-visual .desktop-folder img{width:38px;height:34px}.hero{padding-top:25px}.showcase.section{max-width:1000px;margin-top:55px;margin-bottom:65px}.enhance-showcase{aspect-ratio:2;max-height:450px}.showcase-title{font-size:60px}}

/* MacBook presentation and branded platform picker. */
.mac-device{padding-bottom:12px}.mac-screen{position:relative;background:#090a0b;border:2px solid #777b7e;border-bottom-width:6px;border-radius:12px 12px 3px 3px;padding:8px 5px 3px;box-shadow:0 8px 20px #0005;overflow:hidden}
.mac-screen:before{content:"";position:absolute;width:4px;height:4px;background:#282b30;border-radius:50%;top:2px;left:50%;transform:translateX(-50%)}
.product-visual .mac-screen>img{display:block;width:100%;height:auto;border:0;border-radius:3px;box-shadow:none}
.mac-base{position:relative;height:9px;margin:0 -6%;background:linear-gradient(#e4e6e7,#9a9ea1 35%,#55595b);border-radius:1px 1px 50% 50% / 1px 1px 90% 90%;box-shadow:0 5px 8px #0005}.mac-base:before{content:"";position:absolute;top:0;left:42%;width:16%;height:3px;background:#83878a;border-radius:0 0 5px 5px}
#flow-dialog .dialog-brand{display:flex;align-items:center;gap:12px;margin-bottom:26px;font-size:23px;font-weight:500;letter-spacing:-.6px}#flow-dialog .dialog-brand .dialog-icon{margin:0;width:48px;height:48px}
.showcase-grain{background-image:url('assets/color-noise.svg');mix-blend-mode:overlay;opacity:.5}
@media(min-width:700px){.mac-screen{border-radius:17px 17px 4px 4px;padding:13px 8px 5px;border-width:3px;border-bottom-width:9px}.mac-screen:before{top:4px;width:5px;height:5px}.mac-base{height:14px}.mac-base:before{height:4px}}

/* Clean clipping, desktop compatibility, and image comparisons. */
.enhance-showcase{clip-path:inset(0 round 14px);transform:translateZ(0);backface-visibility:hidden}
.showcase-image,.is-enhanced .showcase-image{transform:scale(1.04);transition:filter .3s ease;backface-visibility:hidden}.showcase-grain{border-radius:inherit}
.product-visual{padding-bottom:28px}.product-frame{width:88%;margin:auto;max-width:700px}.desktop-compat{position:relative;z-index:1;max-width:650px;margin:22px auto 0;padding:0!important;text-align:center}.desktop-compat>p{margin:0 0 14px;font-size:13px;color:#fff;text-shadow:0 1px 4px #000}.desktop-compat .apps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px}.desktop-compat .apps span{display:flex;flex-direction:column;font-size:9px;gap:7px;text-shadow:0 1px 4px #000;line-height:1.2}.desktop-compat .apps img{width:30px;height:30px;object-fit:contain;filter:drop-shadow(0 3px 4px #0005)}
.beauty-section{padding:0 20px;max-width:1000px;margin:50px auto 35px}.beauty-showcase{aspect-ratio:1.15;border-radius:14px;isolation:isolate}.beauty-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;color:white;font-size:36px;line-height:1.1;font-weight:400;letter-spacing:-1px;text-shadow:0 2px 18px #0007;pointer-events:none;transition:opacity .2s}.beauty-showcase:active .beauty-title,.beauty-showcase:focus-within .beauty-title{opacity:0}.beauty-showcase .label{top:14px;border:0;background:#fff;color:#111;font-weight:400;border-radius:20px;font-size:10px;backdrop-filter:none}.beauty-showcase .divider{width:1px;box-shadow:none}.beauty-showcase .divider span{top:auto;bottom:18px;transform:translateX(-50%);width:42px;height:34px;border:0;border-radius:8px;box-shadow:0 2px 10px #0003}.beauty-showcase input{z-index:3}
.hero-copy,.exclusive,.setup{position:relative;isolation:isolate}.hero-copy:before,.exclusive:before,.setup:before{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(35px)}
.hero-copy:before{inset:-30px -10px;background:radial-gradient(ellipse,#3ec19513,transparent 70%)}.exclusive:before{inset:0 -15px 25%;background:radial-gradient(ellipse at 20% 35%,#317a6b22,transparent 65%)}.setup:before{inset:-30px -15px;background:radial-gradient(ellipse at 75% 50%,#7761ab20,transparent 68%)}
@media(min-width:700px){.desktop-compat{margin-top:25px}.desktop-compat .apps img{width:40px;height:40px}.desktop-compat .apps span{font-size:12px}.desktop-compat>p{font-size:15px}.beauty-showcase{aspect-ratio:2;max-height:450px}.beauty-title{font-size:60px}.beauty-section{margin-top:65px}.beauty-showcase .divider span{bottom:24px}}
@media(prefers-reduced-motion:reduce){.showcase-image,.is-enhanced .showcase-image{transition:none;transform:scale(1.04)}}
.hero-copy:before,.exclusive:before,.setup:before{left:0;right:0}

/* Supplied device, top icon, and expandable feature directory. */
.header{display:flex;position:absolute;top:0;right:0;left:0;height:64px;padding:12px 20px;background:none;justify-content:flex-end;pointer-events:none}.header>.brand{display:none}.header-actions{pointer-events:auto}.header .menu-toggle{display:block;color:#fff;width:42px;height:42px;font-size:25px}.header nav{pointer-events:auto;top:60px;right:20px;min-width:190px;padding:10px;background:#242824;border:1px solid #ffffff18;border-radius:14px;box-shadow:0 12px 40px #0005}.header nav button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:12px;border:0;background:none;color:white;font-size:16px;border-radius:8px}.header nav button:hover{background:#ffffff0c}.header nav svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7}
.hero-intro>.hero-art{display:grid;place-items:center;height:225px;padding-top:25px;margin:0 auto}.hero-intro>.hero-art .persona-tile{--tile-size:170px}.hero{display:block;max-width:720px;padding-top:30px}.hero-copy{padding:0}.hero-copy h1{font-size:42px}.hero .actions{max-width:520px}
.supplied-mac{position:relative;padding:0!important;width:95%;max-width:780px;aspect-ratio:8073/6000}.product-visual .supplied-mac .device-frame{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;border:0;border-radius:0;box-shadow:none}.product-visual .supplied-mac .device-interface{position:absolute;left:10.9%;top:15.2%;width:78.2%;height:68.4%;object-fit:fill;border:0;border-radius:0;box-shadow:none}.product-visual{padding-top:0}.desktop-compat{margin-top:0}
.secondary:hover{background:#343434;border-color:transparent;color:#fff;box-shadow:none;transform:none}
.showcase-image{filter:blur(.65px) brightness(.82)}.is-enhanced .showcase-image{filter:blur(0) brightness(1)}
.demo-heading{margin:0 0 28px}.demo-heading h2{margin:0 0 12px;font-size:38px}.demo-heading p,.section-subtitle{font-size:18px;line-height:1.5;color:#fff;margin:0 0 24px}.setup h2{margin-bottom:16px}.setup .section-subtitle{margin-bottom:38px}
.exclusive-heading{margin-bottom:24px}.exclusive-heading h2{font-size:30px}.exclusive-grid{display:flex;flex-direction:column;gap:12px}.feature-row{background:#242925;border:0;border-radius:13px;overflow:hidden}.feature-row[open]{background:#303a33}.feature-row summary{display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;cursor:pointer;padding:24px;font-size:22px;line-height:1.25;color:white}.feature-row summary::-webkit-details-marker{display:none}.feature-row summary:focus-visible{outline:2px solid #3ec195;outline-offset:-4px}.expand-sign{position:relative;flex:0 0 18px;height:18px}.expand-sign:before,.expand-sign:after{content:"";position:absolute;background:white;left:0;top:8px;width:18px;height:2px}.expand-sign:after{transform:rotate(90deg);transition:transform .2s}.feature-row[open] .expand-sign:after{transform:rotate(0)}.feature-row p{padding:28px 24px 25px;margin:0;color:#fff;font-size:18px;line-height:1.5;max-width:750px}
@media(min-width:700px){.hero-intro>.hero-art{height:280px;padding-top:30px}.hero-intro>.hero-art .persona-tile{--tile-size:220px}.hero-copy h1{font-size:56px}.hero{padding-top:40px}.demo-heading h2{font-size:48px}.feature-row summary{padding:28px 32px;font-size:27px}.feature-row p{padding:35px 32px 32px}.exclusive{max-width:1000px}.header{padding-right:35px}.product-visual{padding-bottom:35px}}
.hero{padding-left:24px;padding-right:24px}

/* Final hero order, screen fit and dialog details. */
.hero-intro>.hero-art{height:190px;padding-top:20px}.hero-intro>.hero-art .persona-tile{--tile-size:136px}.hero{padding-top:10px;padding-bottom:32px}.product-visual{padding-top:24px}.desktop-compat{margin:0 auto 12px}.product-visual .supplied-mac .device-interface{left:10%;top:13%;width:80%;height:71.8%;object-fit:fill}
.primary,.primary:hover,.button,#done{color:#fff!important}
.available-badge{background:linear-gradient(100deg,#6ee7b7 0%,#72cdfb 35%,#c5a3ff 65%,#ff9bc5 100%);background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;border:0;box-shadow:none;font-weight:700;letter-spacing:.65px;padding:4px 0;font-size:10px}
#flow-dialog{padding-top:58px}#flow-dialog .close{display:grid;place-items:center;top:14px;right:14px;width:32px;height:32px;padding:7px;margin:0;line-height:1;background:#ffffff0b;border:0;color:#fff}#flow-dialog .close svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}
#flow-dialog .back{position:absolute;top:14px;left:18px;display:inline-flex;align-items:center;gap:3px;height:32px;padding:4px 8px 4px 2px;text-decoration:none;color:white;font-size:14px;border-radius:7px;margin:0}#flow-dialog .back:hover{background:#ffffff0b}.back svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.email-platform-icon{margin:0 0 18px}.email-platform-icon svg{width:34px;height:34px;fill:white}
@media(min-width:700px){.hero-intro>.hero-art{height:235px;padding-top:25px}.hero-intro>.hero-art .persona-tile{--tile-size:176px}.hero{padding-top:15px;padding-bottom:45px}.desktop-compat{margin-bottom:10px}}

/* Soft feature surfaces, compact closing, and lamp demo. */
footer{display:none}.feature-row{background:#232325;transition:background .28s ease}.feature-row[open]{background:#2b2b30}.feature-row:hover{background:#29292d}.feature-content{overflow:hidden}.feature-row.is-closing .expand-sign:after{transform:rotate(90deg)}
.desktop-compat>p,.desktop-compat .apps span{text-shadow:0 1px 5px #0004}.desktop-compat .apps img{filter:drop-shadow(0 2px 5px #0002)}
.offer-tag{display:inline-block;vertical-align:middle;margin-left:8px;padding:4px 7px;border-radius:4px;background:#3ec195;color:#071c14;font-size:9px;font-weight:600;line-height:1.1;letter-spacing:.2px;white-space:nowrap}.header nav button[data-flow="buy"]{gap:4px}
.setup{margin-bottom:32px}.closing{padding-top:24px;padding-bottom:48px}.closing .persona-tile{margin-bottom:12px}.closing .actions{margin-top:22px}
.lamp-demo{position:relative;display:block;isolation:isolate;width:100%;aspect-ratio:1.15;max-height:470px;overflow:hidden;border-radius:14px;border:0;padding:0;background:#08090b;touch-action:pan-y;user-select:none;-webkit-user-select:none;-webkit-touch-callout:none;color:#fff;clip-path:inset(0 round 14px)}
.lamp-demo>img{display:block;width:100%;height:100%;object-fit:cover;filter:brightness(.28) saturate(.65);transform:scale(1.02);transition:filter .45s ease}.lamp-demo.is-lit>img{filter:brightness(1.14) saturate(1.04)}
.lamp-light{position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 50% 44%,#fff6dc22 0%,#fff9ee0c 50%,transparent 78%);mix-blend-mode:screen;opacity:0;transition:opacity .45s}.lamp-frame{position:absolute;inset:5px;border:8px solid #fffefa;border-radius:11px;box-shadow:0 0 24px 12px #fff8e977,inset 0 0 32px 13px #fff9e988;opacity:0;pointer-events:none;transition:opacity .35s}.is-lit .lamp-frame,.is-lit .lamp-light{opacity:1}
.lamp-cue{position:absolute;top:16px;left:16px;background:#fff;color:#111;border-radius:24px;padding:5px 9px;font-size:11px;line-height:1.1;font-weight:400}.lamp-title{position:absolute;left:0;right:0;top:50%;transform:translateY(-50%);text-align:center;font-size:36px;line-height:1;letter-spacing:-1px;font-weight:400;transition:opacity .25s}.is-lit .lamp-title{opacity:0}.lamp-demo:focus-visible{outline:2px solid #3ec195;outline-offset:5px}
@media(min-width:700px){.setup{margin-bottom:35px}.closing{padding-top:28px}.lamp-demo{aspect-ratio:2;max-height:450px}.lamp-title{font-size:60px}.lamp-cue{top:24px;left:24px;font-size:13px;padding:7px 12px}.lamp-frame{inset:7px;border-width:11px}}
@media(prefers-reduced-motion:reduce){.lamp-demo>img,.lamp-light,.lamp-frame,.lamp-title,.feature-row{transition:none}}

/* Edited before photographs, exact mobile anchor proportions. */
.showcase-image,.is-enhanced .showcase-image,.lamp-demo>img,.lamp-demo.is-lit>img{filter:none;transform:none}
.enhance-showcase .generated-before,.lamp-demo .generated-before{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:none;transform:none;opacity:1;transition:opacity .35s ease;pointer-events:none}
.is-enhanced .quality-before,.is-lit .lamp-before{opacity:0}
.beauty-showcase .divider{width:1px;background:#fff9}.beauty-showcase .divider span{width:32px;height:56px;border-radius:12px;bottom:52px;top:auto;border:0;background:#fff;box-shadow:none;padding:0}
.beauty-showcase .divider span img{width:12px;height:20px;object-fit:contain;opacity:.65}
.feature-row{overflow:hidden;box-sizing:border-box;will-change:height}.feature-content{height:auto!important;opacity:1!important}
@media(prefers-reduced-motion:reduce){.enhance-showcase .generated-before,.lamp-demo .generated-before{transition:none}}

/* Unified responsive demo gallery and restrained interaction zoom. */
.scenic-backdrop:after{background:linear-gradient(180deg,#171717 0%,#171717a6 12%,transparent 36%,transparent 60%,#171717b3 86%,#171717 100%)}
.feature-demos{max-width:1200px;margin:52px auto 64px;padding:0 20px;display:grid;gap:24px}
.feature-demos .demo-heading{margin:0 0 4px}.feature-demos .demo-heading h2{margin:0}
.feature-demos .section{width:100%;max-width:none;margin:0;padding:0;min-width:0}
.feature-demos .beauty-showcase,.feature-demos .enhance-showcase,.feature-demos .lamp-demo{aspect-ratio:1.15;max-height:none}
.feature-demos,.feature-demos *{user-select:none;-webkit-user-select:none;-webkit-touch-callout:none}
.feature-demos img{-webkit-user-drag:none;pointer-events:none}
.feature-demos .beauty-showcase>img,.feature-demos .before img,.feature-demos .enhance-showcase>img,.feature-demos .lamp-demo>img{transform:scale(1);transform-origin:50% 45%;transition:transform .65s cubic-bezier(.22,.7,.2,1),opacity .35s ease}
.feature-demos .is-interacting>img,.feature-demos .is-interacting .before img,.feature-demos .is-enhanced>img,.feature-demos .is-lit>img{transform:scale(1.065)}
.beauty-showcase.is-interacting .beauty-title{opacity:0}.beauty-showcase:not(.is-interacting) .beauty-title{opacity:1}
.feature-demos .compare:focus-within{outline:none}.feature-demos .compare:has(input:focus-visible){outline:2px solid #3ec195;outline-offset:5px}
@media(min-width:900px){
 .feature-demos{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:64px auto 80px;padding:0 32px}
 .feature-demos .demo-heading{grid-column:1/-1;margin-bottom:12px}
 .feature-demos .beauty-showcase,.feature-demos .enhance-showcase,.feature-demos .lamp-demo{aspect-ratio:4/5;border-radius:18px}
 .feature-demos .beauty-title,.feature-demos .showcase-title,.feature-demos .lamp-title{font-size:34px;letter-spacing:-1px}
 .feature-demos .enhance-cue,.feature-demos .lamp-cue{top:16px;left:16px;font-size:10px;padding:6px 9px}
 .feature-demos .lamp-frame{border-width:8px}
 .exclusive{max-width:1200px;padding:0 32px}.exclusive-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;align-items:start}
 .feature-row summary{font-size:23px;padding:26px}.feature-row p{font-size:17px;padding:20px 26px 28px}
}
@media(prefers-reduced-motion:reduce){.feature-demos img{transition:none!important}.feature-demos .is-interacting>img,.feature-demos .is-interacting .before img,.feature-demos .is-enhanced>img,.feature-demos .is-lit>img{transform:none}}

/* Account access */
#menu #account-button{display:flex;align-items:center;gap:11px;border-top:1px solid #ffffff14;margin-top:8px;padding-top:18px}
#account-button svg{width:21px;height:21px;flex:0 0 21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
#menu button{border-radius:7px}#menu button:hover{background:#ffffff09}
#flow-dialog .auth-description{color:#b8bebb!important;line-height:1.6;margin-top:-9px}
#account-destination{display:inline-block;color:#fff;font-weight:400;overflow-wrap:anywhere;margin-top:3px}
#account-email{background:#101412;border-color:#ffffff25;border-radius:10px;padding:15px;margin-bottom:20px}
.otp-control{position:relative;margin:12px 0 0;height:58px}
.otp-cells{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;height:100%}
.otp-cells span{display:grid;place-items:center;background:#101412;border:1px solid #ffffff29;border-radius:9px;font-size:26px;font-weight:500;font-variant-numeric:tabular-nums}
.otp-control:focus-within .otp-cells .current{border-color:#55d6ad;box-shadow:0 0 0 2px #3ec19525}
#account-code{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:text;font-size:20px}
.otp-control.invalid .otp-cells span{border-color:#ed827e;background:#ed827e09}
#flow-dialog .code-feedback{min-height:40px;margin:10px 0 8px;font-size:14px;color:#b8bebb!important}
#flow-dialog .otp-control.invalid + .code-feedback{color:#ffaaa5!important}
#verify-code:disabled{opacity:.42;cursor:default}
.resend-row{display:flex;justify-content:center;align-items:center;gap:7px;margin-top:18px;font-size:14px;color:#b8bebb;flex-wrap:wrap}
.resend-row .text-button{font-size:14px;color:#fff;padding:4px 0}
.resend-row .text-button:disabled{color:#8b9590!important;text-decoration:none;cursor:default}
.auth-success{text-align:center;padding:2px 0 4px}.auth-check{display:grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#3ec1951a;border:1px solid #3ec1953d;margin:0 auto 26px;color:#5edbae}
.auth-check svg{width:29px;height:29px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#flow-dialog .auth-success h2{margin-bottom:12px}#flow-dialog .auth-success p{color:#b8bebb!important;margin-bottom:12px}
.auth-email{font-size:14px;overflow-wrap:anywhere;margin-bottom:28px;color:#e0e5e2}.auth-actions{display:grid;gap:12px}.auth-actions a{display:block}.auth-actions .secondary{background:#ffffff09;border:1px solid #ffffff21}
@media(max-width:360px){#flow-dialog{padding-left:20px;padding-right:20px}.otp-cells{gap:5px}.otp-cells span{font-size:23px}.otp-control{height:52px}}

.otp-control.invalid:focus-within .otp-cells .current{border-color:#ed827e;box-shadow:0 0 0 2px #ed827e20}

/* Short, sourced mobile-app reviews in airy speech bubbles. */
.testimonials{max-width:1120px;padding:40px 24px 28px;margin:0 auto 48px}
.testimonials h2{font-size:40px;line-height:1.12;letter-spacing:-1.5px;max-width:850px;margin-bottom:44px}.testimonials h2>span{color:#f3a8df}
.review-cloud{display:grid;gap:32px;max-width:940px;margin:auto}.review-bubble{margin:0;max-width:88%;justify-self:start}.review-bubble:nth-child(even){justify-self:end}.review-bubble figcaption{font-size:14px;color:#f1b7df;margin:0 20px 9px}.review-bubble:nth-child(even) figcaption{text-align:right}
.review-bubble blockquote{position:relative;margin:0;border:2px solid #ed9bda45;border-radius:32px 32px 32px 8px;padding:19px 24px;font-size:24px;line-height:1.2;letter-spacing:-.6px;font-weight:500;color:#ffe2f5;background:#ed9bda06}.review-bubble:nth-child(even) blockquote{border-radius:32px 32px 8px 32px}.review-bubble:nth-child(3) blockquote{background:#e8b5ff12;border-color:#e8b5ff44}.review-bubble:nth-child(4) blockquote{background:#f0b9df18}
.review-source{font-size:11px;line-height:1.6;color:#fff;margin:32px 0 0;text-align:center}.review-source a{text-decoration:underline;text-underline-offset:3px}
@media(min-width:900px){.testimonials{padding:50px 32px 35px;margin-bottom:50px}.testimonials h2{font-size:64px;margin-bottom:60px}.review-cloud{grid-template-columns:1fr 1fr;gap:44px 55px}.review-bubble{max-width:100%}.review-bubble:nth-child(even){margin-top:40px}.review-bubble:nth-child(3){margin-left:70px}.review-bubble blockquote{font-size:31px;padding:25px 32px}.review-bubble figcaption{font-size:16px}.review-source{margin-top:40px}}

/* Minimal plan selection. */
#paywall{max-width:1040px;min-height:calc(100dvh - 72px);padding:8px 24px 56px}
.paywall-top{padding:10px 0;justify-content:flex-start}
#back-home{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 14px 8px 9px;border:1px solid #ffffff19;border-radius:12px;background:#ffffff05;color:#fff;font-size:15px;line-height:1.2;transition:background .18s,border-color .18s}
#back-home:hover{background:#ffffff0e;border-color:#ffffff30}#back-home svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#paywall .paywall-heading{margin:24px 0 38px;text-align:center}
#paywall .paywall-heading .persona-tile{margin:0 auto 18px}
#paywall .paywall-heading img{margin:0}
#paywall .paywall-heading h1{font-size:36px;line-height:1.2;letter-spacing:-1px;margin:0;font-weight:600;outline:none}
#paywall .plans{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;align-items:stretch}
#paywall .plan{display:flex;flex-direction:column;justify-content:flex-start;align-items:center;min-width:0;min-height:254px;padding:34px 0 0;overflow:hidden;border:1px solid #ffffff20;border-radius:22px;background:#1d2220;box-shadow:none;transition:border-color .18s,background .18s}
#paywall .plan:hover{border-color:#ffffff50}
#paywall .plan:has(input:checked){border:2px solid #60caa5;padding-top:33px;background:#20352c;box-shadow:0 0 0 2px #60caa51a}
#paywall .plan:has(input:focus-visible){outline:3px solid #89e5bc;outline-offset:5px}
#paywall .plan-name{font-size:20px;font-weight:500;margin:0 12px 18px;line-height:1.3}
#paywall .plan strong{display:flex;align-items:baseline;justify-content:center;gap:2px;font-size:35px;font-weight:600;letter-spacing:-1px;line-height:1.2;margin:0 8px 13px;white-space:nowrap}
#paywall .plan strong span{font-size:16px;font-weight:400;letter-spacing:0;color:#c3cbc7}
#paywall .plan-saving{font-size:14px;color:#84dcb8;margin:0 0 22px}
#paywall .plan-selection{display:grid;place-items:center;width:100%;min-height:62px;margin-top:auto;background:#ffffff05;border-top:1px solid #ffffff06}
#paywall .plan:has(input:checked) .plan-selection{background:#60caa510}
#paywall .plan input{position:static;appearance:none;-webkit-appearance:none;width:21px;height:21px;border-radius:50%;border:2px solid #829089;margin:0;background:transparent;display:grid;place-items:center;cursor:pointer}
#paywall .plan input:checked{border-color:#60caa5;background:#60caa5}#paywall .plan input:checked:after{content:'';width:7px;height:7px;border-radius:50%;background:#fff}
body:has(#paywall:not([hidden])) footer{display:none}
@media(max-width:699px){#paywall{padding:4px 22px 36px}.paywall-top{padding-top:2px}#paywall .paywall-heading{margin:16px 0 30px}#paywall .paywall-heading h1{font-size:30px}#paywall .plans{grid-template-columns:1fr;gap:20px;max-width:430px;margin:0 auto}#paywall .plan{min-height:210px;padding-top:28px}#paywall .plan:has(input:checked){padding-top:27px}#paywall .plan-name{margin-bottom:13px}#paywall .plan strong{font-size:34px}#paywall .plan-saving{margin-bottom:20px}#paywall .plan-selection{min-height:52px}}
@media(prefers-reduced-motion:reduce){#back-home,#paywall .plan{transition:none}}

/* Accent review bubbles and a larger device presentation. */
.testimonials h2>span,.review-bubble figcaption{color:#3EC195}
.review-bubble blockquote,.review-bubble:nth-child(3) blockquote,.review-bubble:nth-child(4) blockquote{color:#3EC195;border-color:#3EC195;background:#3EC1950a}
.product-visual .supplied-mac{width:112%;max-width:1000px;margin-left:50%;transform:translateX(-50%)}
@media(min-width:700px){.product-visual .supplied-mac{width:100%;max-width:1000px}.product-visual{padding-left:24px;padding-right:24px}}

/* Compact review section. */
.testimonials{padding-top:20px;padding-bottom:12px;margin-bottom:28px}
.testimonials h2{font-size:36px;margin-bottom:26px}
.review-cloud{gap:18px}
.review-bubble figcaption{margin-bottom:5px;font-size:12px}
.review-bubble blockquote{padding:13px 20px;font-size:22px}
@media(min-width:900px){.testimonials{padding-top:24px;padding-bottom:16px;margin-bottom:30px}.testimonials h2{font-size:52px;margin-bottom:30px}.review-cloud{gap:22px 40px}.review-bubble:nth-child(even){margin-top:16px}.review-bubble:nth-child(3){margin-left:40px}.review-bubble figcaption{font-size:14px}.review-bubble blockquote{font-size:27px;padding:18px 26px}}

/* Account and subscription pages. */
#account-page{max-width:920px;margin:0 auto;min-height:calc(100dvh - 72px);padding:8px 24px 64px}
.account-top{padding:10px 0 28px}.account-back{display:inline-flex;align-items:center;gap:6px;min-height:42px;padding:8px 14px 8px 9px;background:#ffffff05;border:1px solid #ffffff19;border-radius:12px;color:#fff;font-size:15px}.account-back:hover{background:#ffffff0e}.account-back svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.account-content{max-width:680px;margin:auto}.account-content h1{font-size:38px;line-height:1.15;font-weight:600;letter-spacing:-1.2px;margin:0 0 12px;outline:none}.account-address,.account-intro{font-size:16px;color:#b7c0bb;line-height:1.6;margin:0 0 32px;overflow-wrap:anywhere}
.account-app,.subscription-card{padding:28px;border:1px solid #ffffff18;border-radius:22px;background:#1c211f;margin:0 0 22px}
.account-app-heading{display:flex;align-items:center;gap:17px;margin-bottom:25px}.account-app-heading img{width:64px;height:64px;border-radius:16px}.account-content h2{font-size:21px;font-weight:500;line-height:1.3;letter-spacing:-.4px;margin:0}.account-app-heading p{font-size:15px;color:#b7c0bb;margin:6px 0 0}
.account-app-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.account-app-actions a{display:block}.account-content .button{font-size:16px;min-height:50px}.account-content .secondary{background:#ffffff06;border:1px solid #ffffff25}.account-content .secondary:hover{background:#ffffff0d}
.subscription-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding-bottom:24px;border-bottom:1px solid #ffffff10}
.subscription-status{display:inline-flex;align-items:center;gap:8px;border:1px solid #ffffff18;border-radius:30px;background:#ffffff08;color:#bdc6c1;padding:7px 12px;font-size:14px;line-height:1.4;text-align:left}.subscription-status.active{background:#3ec19512;border-color:#3ec19535;color:#87ddb9}.subscription-status.cancelled{background:#e5b6750d;border-color:#e5b67530;color:#e5c091}.subscription-status.expired{background:#ed827e0d;border-color:#ed827e30;color:#edaaa6}.subscription-status svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}button.subscription-status:hover{filter:brightness(1.2)}
.subscription-detail{padding:24px 0}.subscription-detail h3{margin:0 0 8px;font-size:19px;font-weight:500}.subscription-detail p,.management-card>p{margin:0;color:#b7c0bb;font-size:16px;line-height:1.6;max-width:510px}.subscription-actions{display:flex;gap:12px}.subscription-actions .button{width:auto;min-width:130px;padding:12px 20px}
.management-card>h2{font-size:25px;margin:24px 0 12px}.cancellation-actions{display:grid;grid-template-columns:1fr;gap:12px;margin-top:28px}.management-card .cancellation-actions{max-width:400px}
.cancel-reasons{margin:0;padding:0;border:0}.cancel-reasons legend{font-size:16px;font-weight:500;padding:0;margin-bottom:14px}.cancel-reasons legend span,#other-reason label span{font-weight:400;color:#9ea9a3;font-size:14px}.cancel-reasons label{display:flex;align-items:center;gap:12px;padding:14px 15px;border:1px solid #ffffff16;border-radius:11px;margin:0 0 9px;font-size:16px;cursor:pointer}.cancel-reasons label:hover{background:#ffffff04}.cancel-reasons label:has(input:checked){border-color:#63cda5;background:#3ec1950c}.cancel-reasons input{width:18px;height:18px;accent-color:#3ec195;flex-shrink:0;margin:0}#other-reason{margin:18px 0}#cancel-comment{width:100%;resize:vertical;min-height:90px;background:#111613;border:1px solid #ffffff25;border-radius:10px;color:#fff;font:inherit;padding:12px}.cancel-access-note{font-size:14px;color:#adb8b1;line-height:1.6;margin:20px 0 0}
body:has(#account-page:not([hidden])) footer{display:none}
@media(max-width:600px){#account-page{padding:4px 20px 40px}.account-top{padding-bottom:24px}.account-content h1{font-size:31px}.account-app,.subscription-card{padding:22px 20px;border-radius:18px}.account-address,.account-intro{margin-bottom:26px}.account-app-heading{gap:12px}.account-app-heading img{width:52px;height:52px}.account-content h2{font-size:19px}.subscription-heading{gap:14px}.subscription-actions{flex-direction:column}.subscription-actions .button{width:100%}.account-app-actions{gap:10px}.account-content .button{padding:12px 10px}.cancel-reasons label{padding:13px 11px;font-size:15px}}

/* Text-led account layout, shared by desktop and mobile. */
#account-page{max-width:1040px;padding-bottom:60px}.account-content{max-width:820px}.account-content h1{font-size:32px;font-weight:500;letter-spacing:-.7px}.account-address{margin-bottom:40px}
.account-content .account-app,.account-content .subscription-card{background:transparent;border:0;border-radius:0;box-shadow:none;padding:0;margin:0 0 42px}
.account-app{display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid #ffffff16!important;padding-bottom:28px!important}.account-content .account-app h2{font-size:20px}.account-app-actions{display:flex;gap:10px}.account-content .button{width:auto;min-height:40px;font-size:14px;padding:9px 17px;border-radius:7px;font-weight:400}.account-content .secondary{background:transparent;border-color:#ffffff28}
.account-content .subscription-card>h2{font-size:24px;font-weight:400;line-height:1.3;padding-bottom:19px;border-bottom:1px solid #ffffff16;margin:0 0 26px}
.subscription-title-button{font:inherit;letter-spacing:inherit;color:inherit;padding:0;border:0;border-radius:3px;background:transparent;text-align:left;cursor:pointer}
.subscription-layout{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px;align-items:start}.subscription-facts{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:28px 40px}.subscription-facts div{min-width:0}.subscription-facts dt{font-size:14px;color:#98a29d;margin-bottom:5px}.subscription-facts dd{font-size:16px;margin:0;line-height:1.5}.subscription-actions{display:flex;flex-direction:column;gap:10px}.subscription-actions .button{width:100%;min-width:0;padding:9px 17px}
.account-notice{margin:0 0 32px;padding:14px 0 14px 16px;border-left:2px solid #68cdaa;background:transparent;color:#bce8d6;font-size:15px;line-height:1.6}
.account-content .management-card>p{font-size:16px}.account-content .cancellation-actions{display:flex;gap:12px;max-width:none;margin-top:28px}.account-content .cancel-reasons legend{font-size:18px;font-weight:400;margin-bottom:20px}.account-content .cancel-reasons label{padding:10px 0;border:0;border-radius:0;margin:0 0 6px;background:transparent;font-size:16px}.account-content .cancel-reasons label:has(input:checked){background:transparent;color:#9ee4c8}.reason-card{max-width:600px}.confirm-cancel-actions{display:grid;gap:12px}.confirm-cancel-actions .button{font-size:15px}.confirm-cancel-actions .secondary{background:transparent;border:1px solid #ffffff25}
@media(max-width:600px){#account-page{padding-left:22px;padding-right:22px}.account-content h1{font-size:29px}.account-address{margin-bottom:32px}.account-app{display:block}.account-app-actions{margin-top:20px}.account-app-actions .button{flex:1}.account-content .subscription-card>h2{font-size:23px}.subscription-layout{grid-template-columns:1fr;gap:28px}.subscription-facts{gap:24px 20px;grid-template-columns:1fr 1fr}.subscription-facts dd{font-size:15px}.subscription-actions{flex-direction:row;flex-wrap:wrap}.subscription-actions .button{width:auto}.account-content .cancellation-actions{flex-direction:column;gap:12px}.account-content .cancellation-actions .button{width:100%;min-height:46px}}

/* Independently expanding feature columns. */
.feature-row{cursor:pointer}
.feature-column{display:flex;flex-direction:column;gap:16px;min-width:0}
@media(min-width:900px){.exclusive-grid{align-items:start}.feature-column .feature-row{flex:none}}

/* Center CTA contents and bring the opening blocks together. */
.button[data-flow=buy]{display:flex;align-items:center;justify-content:center;gap:9px}.button[data-flow=buy] .offer-tag{margin:0;align-self:center;vertical-align:unset}
.hero{padding-bottom:22px}.product-visual{padding-top:14px}
@media(min-width:1000px){.opening{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.15fr);align-items:center;max-width:1440px;margin:0 auto;padding:45px 32px 20px;gap:20px}.hero-intro{min-width:0}.hero-intro>.hero-art{height:200px;padding-top:0}.hero-intro>.hero-art .persona-tile{--tile-size:152px}.opening .hero{padding:5px 0 25px;max-width:580px}.opening .hero-copy h1{font-size:clamp(40px,4vw,56px)}.opening .hero-copy .intro{font-size:18px}.opening .hero .actions{grid-template-columns:1fr 1fr;max-width:100%}.opening .product-visual{width:100%;min-width:0;margin:0;padding:24px 0 10px}.opening .supplied-mac{width:112%;max-width:none}.opening .desktop-compat{max-width:480px;padding:0 20px!important}.opening .desktop-compat .apps span{font-size:10px}.opening .desktop-compat .apps img{width:34px;height:34px}}
/* Compact VIP plan selection keeps Continue within the first viewport. */
#paywall{max-width:920px;padding:8px 24px 20px;min-height:100dvh}
#paywall .paywall-top{padding:0 0 8px}#paywall .paywall-heading{margin:0 0 16px}#paywall .paywall-heading .persona-tile{--tile-size:58px;margin:0 auto 10px}#paywall .paywall-heading h1{font-size:30px;line-height:1.15}#paywall .paywall-heading h1 span{color:#3ec195}
.vip-features{display:grid;grid-template-columns:1fr 1fr;gap:10px 28px;max-width:550px;margin:0 auto 22px;padding:0;list-style:none;text-align:left;font-size:15px}.vip-features li{display:flex;align-items:center;gap:10px}.vip-features li:before{content:'✓';color:#3ec195;font-weight:700;font-size:19px}
#paywall .plans{gap:14px}#paywall .plan,#paywall .plan:has(input:checked){min-height:180px;padding-top:22px;border-width:2px;border-radius:14px}#paywall .plan-name{margin-bottom:10px;font-size:18px}#paywall .plan strong{font-size:30px;margin-bottom:8px}#paywall .plan-saving{margin-bottom:12px;font-size:12px}#paywall .plan-selection{min-height:42px}
.paywall-continue{max-width:430px;margin:16px auto 0}.paywall-continue p{font-size:12px;text-align:center;color:#fff;margin:0 0 10px}.paywall-continue .button{min-height:48px;padding:12px}
@media(max-width:699px){#paywall{padding:8px 20px 16px}#paywall .paywall-heading{margin:0 0 14px}#paywall .paywall-heading h1{font-size:25px}#paywall .paywall-heading .persona-tile{--tile-size:48px;margin-bottom:8px}.vip-features{grid-template-columns:1fr;gap:4px;max-width:310px;font-size:14px;margin-bottom:16px}.vip-features li:before{font-size:17px}#paywall .plans{gap:8px}#paywall .plan,#paywall .plan:has(input:checked){position:relative;display:grid;grid-template-columns:1fr auto 22px;align-items:center;column-gap:12px;min-height:66px;padding:10px 14px}#paywall .plan-name{font-size:16px;margin:0;text-align:left}#paywall .plan strong{font-size:24px;margin:0;grid-column:2;grid-row:1}#paywall .plan strong span{font-size:12px}#paywall .plan-selection{grid-column:3;grid-row:1 / span 2;width:auto;min-height:0;border:0;background:none!important}#paywall .plan-saving{grid-column:1 / span 2;grid-row:2;text-align:left;font-size:11px;line-height:1;margin:3px 0 0}.paywall-continue{margin-top:12px}.paywall-continue p{margin-bottom:8px;font-size:11px}}
@media(max-height:650px){#paywall .paywall-heading .persona-tile{display:none}#paywall .paywall-heading{margin-bottom:10px}.vip-features{margin-bottom:12px}#paywall .paywall-top{padding-bottom:4px}}
@media(max-width:699px){#paywall .plan-selection{margin:0;align-self:center}}
@media(max-width:699px) and (max-height:650px){#paywall .paywall-heading h1{font-size:22px}.vip-features{gap:2px}#paywall .plan,#paywall .plan:has(input:checked){min-height:60px;padding-top:8px;padding-bottom:8px}}
/* Center the label itself; the offer sits independently to its right. */
.button[data-flow=buy]{position:relative;display:block;text-align:center;gap:0;padding-left:12px;padding-right:12px}
.button[data-flow=buy] .buy-label{display:inline-block}
.button[data-flow=buy] .offer-tag{position:absolute;top:50%;left:calc(50% + 39px);transform:translateY(-50%);margin:0;font-size:8px;padding:5px 6px;letter-spacing:.15px}
.review-avatar{display:none}
@media(min-width:900px){
 .review-cloud{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;max-width:none;align-items:start}
 .review-cloud .review-bubble{width:100%;max-width:none;margin:0;justify-self:stretch;background:#21322d;border-radius:22px;padding:25px 24px;min-height:190px}
 .review-cloud .review-bubble:nth-child(even){margin-top:30px;background:#263a32}
 .review-cloud .review-bubble figcaption{display:flex;align-items:center;gap:12px;text-align:left;margin:0 0 25px;color:#fff;font-size:17px}
 .review-avatar{display:grid;place-items:center;width:40px;height:40px;flex:none;border-radius:50%;background:linear-gradient(135deg,#8bdbc0,#438f7d);color:#112a20;font-size:17px;font-weight:600}
 .review-bubble:nth-child(2) .review-avatar{background:linear-gradient(135deg,#d9d4b1,#9fbc80)}.review-bubble:nth-child(3) .review-avatar{background:linear-gradient(135deg,#b8d5eb,#8bacae)}.review-bubble:nth-child(4) .review-avatar{background:linear-gradient(135deg,#e0c2c9,#b18dba)}
 .review-cloud .review-bubble blockquote{padding:0;border:0;border-radius:0;background:none;color:#fff;font-size:25px;line-height:1.35;letter-spacing:-.5px}
}
/* Persona-branded landscape inside the supplied laptop. */
.closing-laptop{position:relative;width:min(100%,920px);aspect-ratio:8073/6000;margin:-20px auto 12px}
.closing-device{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;z-index:2;pointer-events:none}
.closing-screen{position:absolute;left:10%;top:13%;width:80%;height:71.8%;overflow:hidden;background:#13362d}
.closing-landscape{width:100%;height:100%;object-fit:cover;filter:grayscale(1) brightness(1.3);opacity:.68}
.closing-screen:after{content:"";position:absolute;inset:0;background:linear-gradient(155deg,#67ddb580,#15644c3a 55%,#082b23b3);mix-blend-mode:color;pointer-events:none}
.closing-screen-brand{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:20px;background:linear-gradient(transparent,#071d161f);color:white;text-shadow:0 2px 14px #062f2580}
.closing-screen-brand .persona-tile{--tile-size:clamp(58px,12vw,140px);margin:0!important;filter:drop-shadow(0 12px 22px #001f2250)}
.closing-screen-brand p{font-size:clamp(22px,4vw,44px);font-weight:500;letter-spacing:-1px;line-height:1.15;margin:0}.closing-screen-brand p span{display:block;font-size:.45em;letter-spacing:.5px;margin-top:9px;font-weight:400}
.closing .closing-laptop+h2{margin-top:0}
@media(max-width:699px){.closing-laptop{width:calc(100% + 32px);margin-left:-16px;margin-bottom:20px}.closing-screen-brand{gap:12px}.closing-screen-brand p span{margin-top:5px}}
.closing-screen-brand .persona-tile{width:clamp(58px,12vw,140px);height:clamp(58px,12vw,140px)}
/* Balanced CTA group, feathered scenery and natural closing colors. */
.button[data-flow=buy]{display:flex;align-items:center;justify-content:center;gap:9px}
.button[data-flow=buy] .offer-tag{position:static;transform:none;margin:0;font-size:9px;padding:5px 8px;letter-spacing:.35px}
@media(min-width:1000px){.opening .scenic-backdrop{mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 15%,#000 85%,transparent)}.opening .product-visual{overflow:visible}.opening .supplied-mac{width:106%}}
.closing-landscape{filter:none;opacity:1;object-position:50% 70%}
.closing-screen:after{background:linear-gradient(180deg,transparent 30%,#071c1630);mix-blend-mode:normal}
.closing-screen-brand{background:radial-gradient(ellipse at center,#071c1620,transparent 70%)}
.closing-screen-brand .persona-tile{--tile-size:clamp(76px,17vw,195px);width:clamp(76px,17vw,195px);height:clamp(76px,17vw,195px)}
.closing-screen-brand p span{font-family:-apple-system,BlinkMacSystemFont,'Helvetica Neue',Arial,sans-serif;font-weight:300;letter-spacing:1px;font-size:.43em}
/* Compact, legible review bubbles on every screen. */
.testimonials{padding-top:20px;padding-bottom:8px;margin-bottom:24px}
.testimonials h2{margin-bottom:24px}
.review-cloud{display:grid;grid-template-columns:1fr;gap:16px;max-width:840px;margin:auto}
.review-cloud .review-bubble{width:auto;max-width:92%;min-height:0;margin:0;padding:0;background:none;border-radius:0;justify-self:start}
.review-cloud .review-bubble:nth-child(even){margin:0;background:none;justify-self:end}
.review-cloud .review-bubble figcaption{display:block;margin:0 16px 6px;text-align:left;color:#b6e9d6;font-size:13px;line-height:1.3}
.review-cloud .review-bubble:nth-child(even) figcaption{text-align:right}
.review-cloud .review-avatar{display:none}
.review-cloud .review-bubble blockquote{padding:14px 21px;border:1px solid #3ec19565;border-radius:24px 24px 24px 6px;background:#3ec1950c;color:#fff;font-size:22px;line-height:1.25;font-weight:500;letter-spacing:-.3px}
.review-cloud .review-bubble:nth-child(even) blockquote{border-radius:24px 24px 6px 24px}
@media(min-width:900px){.testimonials{padding-top:24px;padding-bottom:12px;margin-bottom:28px}.testimonials h2{font-size:48px;margin-bottom:30px}.review-cloud{grid-template-columns:1fr 1fr;gap:20px 42px;max-width:850px}.review-cloud .review-bubble{max-width:100%;justify-self:start}.review-cloud .review-bubble:nth-child(even){justify-self:end;margin:0}.review-cloud .review-bubble figcaption{font-size:14px}.review-cloud .review-bubble blockquote{font-size:25px;padding:17px 25px}}
@media(min-width:900px){.review-cloud{grid-template-columns:repeat(2,max-content);justify-content:center;gap:20px 32px}.review-cloud .review-bubble:nth-child(even){justify-self:start}}

/* Balanced desktop opening and a simple closing app mark. */
.closing>.persona-tile{--tile-size:140px;width:140px;height:140px;margin:0 auto 16px;display:block}
.closing>.product-name{margin:0 0 22px;font-size:21px;font-weight:500}
.closing{padding-top:40px}
@media(min-width:1000px){
 .opening{max-width:1320px;grid-template-columns:minmax(0,1fr) minmax(0,1.12fr);gap:40px;padding:48px 40px 12px;align-items:center}
 .opening .scenic-backdrop{mask-image:none;-webkit-mask-image:none}
 .opening .product-visual{padding:36px 12px 20px;overflow:hidden;border-radius:24px}
 .opening .supplied-mac{width:108%;max-width:none}
 .opening .desktop-compat{max-width:440px;margin-bottom:4px}
 .hero-intro>.hero-art{height:176px;padding:0}.hero-intro>.hero-art .persona-tile{--tile-size:140px}
 .opening .hero{padding:12px 0 20px}.opening .hero-copy h1{font-size:clamp(40px,3.7vw,52px);margin:18px 0}.opening .hero-copy .intro{font-size:17px;line-height:1.55}.opening .hero .actions{margin-top:24px}
 .feature-demos{margin-top:48px;margin-bottom:56px}.exclusive{margin-bottom:48px}.testimonials{margin-bottom:24px}
 .closing>.persona-tile{--tile-size:164px;width:164px;height:164px}.closing{padding-top:36px;padding-bottom:48px}
}
/* Fit the interface to the inner display, including its upper edge. */
.product-visual .supplied-mac .device-interface{left:9.6%;top:10.6%;width:80.8%;height:74.3%;object-fit:fill;background:#101314;border-radius:2% 2% 0 0;z-index:1}
@media(min-width:1000px){
 .opening{max-width:1320px;padding:72px 48px 28px;gap:44px;grid-template-columns:minmax(0,.95fr) minmax(0,1.15fr);align-items:center}
 .hero-intro>.hero-art{height:auto;display:flex;justify-content:flex-start;align-items:center;padding:0;margin:0 0 26px}
 .hero-intro>.hero-art .persona-tile{--tile-size:112px}
 .opening .hero{padding:0;max-width:none}.opening .hero-copy h1{font-size:clamp(40px,3.65vw,52px);line-height:1.08;margin:22px 0}.opening .hero-copy .intro{max-width:470px;font-size:18px;line-height:1.55}.opening .hero .actions{margin-top:28px;gap:12px}
 .opening .product-visual{padding:42px 0 20px;border-radius:0;border:0;box-shadow:none;overflow:visible;align-self:center}
 .opening .scenic-backdrop{inset:0 -16px;border-radius:0;overflow:hidden;mask-image:linear-gradient(180deg,transparent,#000 26%,#000 70%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 26%,#000 70%,transparent)}
 .opening .scenic-backdrop:after{background:linear-gradient(180deg,#171717b3,transparent 40%,#17171799)}
 .opening .supplied-mac{width:114%;margin-top:-14px}
 .opening .desktop-compat{max-width:420px;position:relative;margin-bottom:0}.opening .desktop-compat>p{font-size:13px;margin-bottom:12px}.opening .desktop-compat .apps img{width:30px;height:30px}
}
/* Anchor the landscape to the laptop, keeping compatibility icons clear. */
.supplied-mac{isolation:isolate}
.product-visual .supplied-mac .scenic-backdrop{inset:1% -12% -6%;z-index:-1;border-radius:0;mask-image:linear-gradient(180deg,transparent,#000 20%,#000 75%,transparent);-webkit-mask-image:linear-gradient(180deg,transparent,#000 20%,#000 75%,transparent)}
.product-visual .supplied-mac .scenic-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;border:0;box-shadow:none;border-radius:0}
.closing h2{font-size:42px;font-weight:400;line-height:1.08;letter-spacing:-1.7px;margin:22px 0}.closing .product-name{font-size:18px;font-weight:700;letter-spacing:-.6px}

/* Achievement cards: a spacious award silhouette with a separate caption. */
.social-proof-layout{display:block;max-width:780px;margin:0 auto}
.achievement-badges{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:28px}
.achievement{display:flex;flex-direction:column;align-items:center;min-width:0;padding:35px 22px 45px;border-radius:38px;text-align:center;color:#fff;background:linear-gradient(145deg,#087555,#06432f);box-shadow:inset 0 0 0 2px #32bc8c30}
.achievement.downloads{background:linear-gradient(145deg,#194db7,#10266b);box-shadow:inset 0 0 0 2px #558bea30}
.award-emblem{position:relative;width:100%;aspect-ratio:260/200;display:grid;place-items:center}
.award-laurel{position:absolute;inset:0;width:100%;height:100%;color:#b4efd8;opacity:.33;pointer-events:none}
.downloads .award-laurel{color:#b2caff}
.award-value{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:76%;padding-bottom:6px}
.award-value strong{font-size:56px;line-height:1.1;letter-spacing:-1.6px;font-weight:700}
.award-stars{font-size:25px;letter-spacing:2px;line-height:1;margin:13px 0 14px}
.award-label{font-size:18px;line-height:1.3;font-weight:400}
.award-planet{width:64px;height:48px;margin-bottom:12px}
.downloads .award-value strong{font-size:30px;letter-spacing:-.7px;margin-bottom:10px}
.downloads .award-label{font-size:16px}
.award-caption{font-size:23px;line-height:1.55;margin:21px 0 0;color:white;letter-spacing:-.3px}
.testimonials{padding-bottom:20px}
@media(min-width:900px){.testimonials{max-width:1100px}.testimonials h2{margin-bottom:38px}.closing h2{font-size:clamp(40px,3.65vw,52px);line-height:1.08;letter-spacing:-1.7px}}
@media(max-width:599px){.achievement-badges{gap:12px}.achievement{padding:19px 9px 25px;border-radius:23px}.award-value strong{font-size:36px}.award-stars{font-size:16px;letter-spacing:1px;margin:8px 0}.award-label{font-size:13px}.award-planet{width:42px;height:32px;margin-bottom:7px}.downloads .award-value strong{font-size:19px;letter-spacing:-.5px;margin-bottom:6px}.downloads .award-label{font-size:11px}.award-caption{font-size:15px;line-height:1.5;margin-top:17px;letter-spacing:-.2px}.testimonials h2{margin-bottom:25px}}

/* Compact social proof, hardware requirements and a separated desktop hero. */
.desktop-compat .apps{grid-template-columns:repeat(4,minmax(0,1fr));max-width:360px;margin:auto}
.product-visual .supplied-mac .device-interface{left:10%;top:14.5%;width:80%;height:70%;border-radius:0;object-fit:fill}
.social-proof-layout{max-width:1080px;display:grid;gap:30px}
.achievement-badges{max-width:500px;width:100%;margin:auto;gap:16px}
.achievement{padding:22px 12px 28px;border-radius:26px}
.award-value strong{font-size:40px}.award-stars{font-size:20px;margin:9px 0}.award-label{font-size:15px}.award-planet{width:48px;height:36px;margin-bottom:9px}.downloads .award-value strong{font-size:23px}.downloads .award-label{font-size:15px}.award-caption{font-size:18px;margin-top:14px}
.social-proof-layout .review-cloud{width:100%;grid-template-columns:1fr;gap:15px}.social-proof-layout .review-bubble:nth-child(even){justify-self:end}.social-proof-layout .review-bubble blockquote{font-size:21px;padding:13px 20px}
.system-requirements{max-width:740px;margin:42px auto 0;padding:36px 24px;text-align:center;border:1px solid #ffffff16;border-radius:24px;background:#1c1c1d}.system-requirements svg{width:30px;height:30px;fill:none;stroke:#a7e6d0;stroke-width:2;margin-bottom:14px}.system-requirements h2{font-size:17px;font-weight:400;letter-spacing:0;margin:0 0 16px}.system-requirements p{font-size:20px;line-height:1.8;margin:0;color:#fff}
footer.site-footer{display:block;text-align:center;padding:64px 24px 30px;margin:0 auto;color:#fff;font-size:12px;letter-spacing:.2px}
@media(min-width:1000px){.opening{gap:0;grid-template-columns:1fr 1.12fr;padding:70px 40px 30px;overflow:hidden}.opening .hero-intro{position:relative;z-index:2;background:#171717;padding:28px 38px 36px 0;box-shadow:32px 0 40px -27px #000b}.opening .hero-copy .intro{font-size:17px}.opening .hero-copy h1{font-size:46px}.opening .product-visual{position:relative;z-index:1;padding:30px 0 20px 28px;overflow:hidden}.opening .supplied-mac{width:110%;margin-top:0}.opening .desktop-compat{max-width:350px}.opening .hero .actions{gap:10px}.opening .hero .button{padding-left:9px;padding-right:9px;font-size:14px}.social-proof-layout{grid-template-columns:1fr 1fr;gap:50px;align-items:center}.testimonials{max-width:1120px}}
@media(max-width:599px){.achievement-badges{gap:12px}.achievement{padding:18px 9px 24px}.award-value strong{font-size:36px}.award-stars{font-size:16px}.award-label,.downloads .award-label{font-size:13px}.downloads .award-value strong{font-size:19px}.award-planet{width:42px;height:32px}.award-caption{font-size:15px}.system-requirements{margin:32px 24px 0;padding:28px 14px}.system-requirements p{font-size:17px}.social-proof-layout .review-cloud{max-width:360px}}
.product-visual .supplied-mac:before{content:"";position:absolute;left:9.3%;top:10.1%;width:81.4%;height:74.8%;background:#080909;border-radius:2.5% 2.5% 0 0;z-index:0;pointer-events:none}
.product-visual .supplied-mac .device-frame{z-index:1;pointer-events:none}
.product-visual .supplied-mac .device-interface{z-index:2}

/* Purchase result states. */
.payment-error{display:flex;align-items:flex-start;gap:12px;max-width:600px;margin:24px auto 0;padding:16px;border:1px solid #e69b9540;border-radius:12px;background:#e69b950b;color:#f2b8b2;outline:none}
.payment-error>svg{width:22px;height:22px;flex:0 0 22px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;margin-top:1px}.payment-error h2{font-size:16px;line-height:1.4;font-weight:500;letter-spacing:0;margin:0 0 5px}.payment-error p{font-size:14px;line-height:1.6;color:#d6c5c2;margin:0}.payment-error>button{flex-shrink:0;width:28px;height:28px;border:0;background:none;color:#e6c5c1;font-size:25px;line-height:1;padding:0;margin:-3px -4px 0 0}
#purchase-success{min-height:calc(100dvh - 72px);padding:48px 24px 64px}.purchase-success-content{max-width:480px;margin:0 auto;text-align:center}.payment-check{width:58px;height:58px;display:grid;place-items:center;border:1px solid #3ec19545;border-radius:50%;background:#3ec1950c;color:#7bdbb7;margin:0 auto 23px}.payment-check svg{width:28px;height:28px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.payment-eyebrow{font-size:14px;color:#9ce1c8;margin:0 0 12px}#purchase-success h1{font-size:34px;font-weight:500;letter-spacing:-1px;line-height:1.2;margin:0 0 14px;outline:none}.payment-success-copy{font-size:16px;line-height:1.6;color:#b9c0bc;margin:0 0 32px}.payment-summary{margin:0;padding:20px 0;border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff18;text-align:left;display:grid;gap:15px}.payment-summary>div{display:flex;justify-content:space-between;align-items:baseline;gap:22px}.payment-summary dt{color:#a0aaa4;font-size:14px;flex-shrink:0}.payment-summary dd{margin:0;text-align:right;font-size:15px;overflow-wrap:anywhere;min-width:0}.payment-term{font-size:14px;color:#aab5ae;margin:15px 0 28px}.payment-success-actions{display:grid;grid-template-columns:1fr 1fr;gap:12px}.payment-success-actions .button{font-size:16px;padding:13px 14px;min-height:50px;display:block}.payment-success-actions .secondary{background:transparent;border:1px solid #ffffff28}#purchase-home{margin-top:24px;color:#adb6b0!important;font-size:14px}
@media(max-width:600px){#purchase-success{padding:30px 22px 40px}#purchase-success h1{font-size:29px}.payment-error{margin-top:16px;padding:14px;gap:9px}.payment-success-actions{gap:10px}.payment-success-actions .button{font-size:15px;padding:12px 9px}}

/* Reviews share the achievement-card silhouette; requirements have clear labels. */
.social-proof-layout{gap:18px;align-items:stretch}
.social-proof-layout .review-cloud{background:linear-gradient(145deg,#263d37,#192b27);border-radius:26px;box-shadow:inset 0 0 0 2px #7bceb91a;padding:25px 28px;gap:13px;align-content:center;max-width:none}
.social-proof-layout .review-cloud .review-bubble{max-width:100%}
.social-proof-layout .review-cloud .review-bubble figcaption{font-size:12px;margin:0 11px 4px;color:#c4eddf}
.social-proof-layout .review-cloud .review-bubble blockquote{background:#ffffff08;border-color:#8ed9bf38;font-size:19px;padding:9px 16px;line-height:1.25}
.requirements-list{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin:25px 0 0}
.requirements-list div{min-width:0}.requirements-list dt{font-size:13px;color:#bce8d7;margin-bottom:8px}.requirements-list dd{margin:0;font-size:17px;line-height:1.4;color:#fff}
@media(min-width:1000px){.social-proof-layout{grid-template-columns:1fr 1fr;gap:18px}.achievement-badges{max-width:none;gap:18px}.opening .hero-intro{box-shadow:none;background:transparent;isolation:isolate}.opening .hero-intro:after{content:"";position:absolute;z-index:-1;right:-18px;top:8%;bottom:8%;width:32px;background:linear-gradient(90deg,#0000,#0005,#0000);mask-image:linear-gradient(transparent,#000 25%,#000 75%,transparent);pointer-events:none}.opening .hero-intro>.hero-art{justify-content:center}.opening .product-visual{overflow:visible}.opening .supplied-mac{width:104%}.opening .supplied-mac .scenic-backdrop{inset:1% 0 -6%}.opening .product-visual{padding-right:12px}}
@media(max-width:599px){.social-proof-layout .review-cloud{padding:24px 20px}.requirements-list{grid-template-columns:1fr;gap:19px;margin-top:24px}.requirements-list dt{margin-bottom:4px}.requirements-list dd{font-size:17px}}
@media(min-width:1000px){.social-proof-layout .review-cloud{grid-template-columns:1fr 1fr;gap:26px 18px;padding:30px 24px;align-content:center}.social-proof-layout .review-cloud .review-bubble{justify-self:start}.social-proof-layout .review-cloud .review-bubble:nth-child(even){justify-self:end}.social-proof-layout .review-cloud .review-bubble blockquote{font-size:18px;padding:10px 12px}.social-proof-layout .achievement-badges{margin:0}}
@media(min-width:1000px){.social-proof-layout .review-cloud{margin:0;align-self:stretch}}

/* Mobile plan cards use the same vertical hierarchy as desktop. */
@media(max-width:699px){
 #paywall{padding:8px 22px 32px}
 #paywall .plans{display:grid;grid-template-columns:1fr;gap:16px;max-width:430px;margin:0 auto}
 #paywall .plan,#paywall .plan:has(input:checked){display:flex;flex-direction:column;align-items:center;justify-content:flex-start;min-height:185px;padding:23px 0 0;gap:0;border-radius:16px}
 #paywall .plan-name{font-size:19px;line-height:1.3;text-align:center;margin:0 12px 12px}
 #paywall .plan strong{display:flex;align-items:baseline;justify-content:center;gap:3px;font-size:32px;line-height:1.2;margin:0 12px 12px}
 #paywall .plan strong span{font-size:16px}
 #paywall .plan-saving{font-size:14px;line-height:1.3;text-align:center;margin:0 12px 18px}
 #paywall .plan-selection{display:grid;place-items:center;align-self:stretch;width:100%;min-height:46px;margin:auto 0 0;border-top:1px solid #ffffff0b;background:#ffffff05!important}
 #paywall .plan:has(input:checked) .plan-selection{background:#60caa510!important}
 #paywall .paywall-continue{margin:20px auto 0}
 #paywall .paywall-continue p{font-size:14px;line-height:1.5;margin-bottom:12px}
 #paywall .paywall-continue .button{min-height:50px;font-size:16px}
}

/* One clean device silhouette, with its bezel above the interface. */
.opening .hero-intro:after{display:none!important}
.opening .hero-intro,.opening .product-visual{box-shadow:none!important;filter:none}
.product-visual .supplied-mac:before{left:10%;top:11.8%;width:80%;height:72.7%;border-radius:0;background:#000}
.product-visual .supplied-mac .device-interface{left:10%;top:11.8%;width:80%;height:72.7%;border-radius:0;z-index:1}
.product-visual .supplied-mac .device-frame{z-index:2}

/* Let the desktop artwork meet the window edge without a container gutter. */
@media(min-width:1000px){.opening{max-width:none;width:100%;padding-left:max(40px,calc((100vw - 1240px)/2));padding-right:0;grid-template-columns:minmax(0,566px) minmax(0,1fr)}.opening .product-visual{padding-left:28px;padding-right:0;width:100%}.opening .supplied-mac{width:100%;max-width:none;margin-left:0;transform:none}.opening .supplied-mac .scenic-backdrop{right:0;left:0}}

/* Give the laptop artwork more room while retaining its window-edge alignment. */
@media(min-width:1000px){.opening{grid-template-columns:minmax(0,clamp(440px,40vw,520px)) minmax(0,1fr)}.opening .product-visual{padding-left:12px}.opening .hero-intro{padding-right:32px}}

/* Compact mobile plans with an always-visible purchase action. */
@media(max-width:699px){
 #paywall{padding-bottom:calc(150px + env(safe-area-inset-bottom,0px));scroll-padding-bottom:150px}
 #paywall .plans{gap:12px}
 #paywall .plan,#paywall .plan:has(input:checked){min-height:160px;padding-top:18px}
 #paywall .plan-name{margin-bottom:8px}
 #paywall .plan strong{margin-bottom:8px}
 #paywall .plan-saving{margin-bottom:12px}
 #paywall .plan-selection{min-height:38px}
 #paywall .paywall-continue{position:fixed;z-index:10;bottom:0;left:0;right:0;width:100%;max-width:none;margin:0;padding:12px 22px calc(14px + env(safe-area-inset-bottom,0px));background:#171717;border-top:1px solid #ffffff18;box-shadow:0 -10px 25px #0002}
 #paywall .paywall-continue p{max-width:430px;margin:0 auto 10px}
 #paywall .paywall-continue .button{display:block;max-width:430px;margin:0 auto}
 #paywall .payment-error,#paywall .plan{scroll-margin-bottom:150px}
}

/* One continuous landscape behind compatibility icons and the laptop. */
.opening .product-visual{position:relative;isolation:isolate;padding-top:68px}
.opening .product-visual>.scenic-backdrop{position:absolute;inset:0 0 -12px;z-index:0;border-radius:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(180deg,transparent 0%,#00000018 4%,#00000066 10%,#000000c7 18%,#000 28%,#000 76%,#000000b3 87%,transparent 100%);-webkit-mask-image:linear-gradient(180deg,transparent 0%,#00000018 4%,#00000066 10%,#000000c7 18%,#000 28%,#000 76%,#000000b3 87%,transparent 100%)}
.opening .product-visual>.scenic-backdrop:after{background:#17171718}
.opening .product-visual>.scenic-backdrop img{width:100%;height:100%;object-fit:cover;object-position:center;border-radius:0;box-shadow:none}
.opening .desktop-compat{position:relative;z-index:2;margin-bottom:0}
.opening .supplied-mac{z-index:1}
@media(min-width:1000px){.opening .product-visual{padding-top:88px}.opening .product-visual>.scenic-backdrop{inset:0 0 -12px}}

/* Fill the webview's bottom inset and rubber-band area beneath checkout. */
@media(max-width:699px){
 html:has(#paywall:not([hidden])),body:has(#paywall:not([hidden])){background:#171717;overscroll-behavior-y:none}
 #paywall .paywall-continue{isolation:isolate;background-color:#171717;opacity:1;overflow:visible;padding-bottom:calc(14px + env(safe-area-inset-bottom,0px))}
 #paywall .paywall-continue::after{content:"";position:absolute;top:calc(100% - 1px);left:0;right:0;height:100vh;background:#171717;pointer-events:none}
}

/* Halfway between the understated and fully visible landscape treatments. */
.opening .product-visual{padding-top:46px}
.opening .product-visual>.scenic-backdrop:after{background:linear-gradient(180deg,#17171799 0%,#17171773 18%,#17171738 36%,#17171718 55%)}
@media(min-width:1000px){.opening .product-visual{padding-top:59px}}

/* Keep checkout controls outside the iOS scrolling surface. */
@media(max-width:699px){
 html:has(#paywall:not([hidden])){overflow:hidden;height:100%;background:#171717}
 body:has(#paywall:not([hidden])){position:fixed;inset:0;height:100%;overflow:hidden;background:#171717}
 body:has(#paywall:not([hidden]))>.header{visibility:hidden}
 #paywall{position:fixed;inset:0;z-index:20;max-width:none;width:100%;height:var(--purchase-viewport-height,100dvh);min-height:0;margin:0;padding:0;overflow:hidden;background:#171717;scroll-padding:0}
 #paywall #plan-form{display:flex;flex-direction:column;height:100%;min-height:0;margin:0}
 #paywall .purchase-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior-y:contain;-webkit-overflow-scrolling:touch;padding:calc(8px + env(safe-area-inset-top,0px)) 22px 24px;scroll-padding:16px}
 #paywall .paywall-continue{position:relative;inset:auto;flex:0 0 auto;z-index:1;margin:0;overflow:hidden;padding:12px 22px calc(14px + env(safe-area-inset-bottom,0px));background:#171717;box-shadow:none}
 #paywall .paywall-continue::after{content:none}
 #paywall .plan,#paywall .payment-error{scroll-margin-bottom:16px}
 #paywall .plan strong{font-size:27px}
 #paywall .plan strong span{font-size:14px}
}

/* Preserve the original mobile landscape; the broader fade is desktop-only. */
.mobile-landscape{display:none}
@media(max-width:999px){
 .opening .product-visual{padding-top:24px;isolation:auto}
 .opening .product-visual>.scenic-backdrop{display:none}
 .opening .supplied-mac>.mobile-landscape{display:block}
 .opening .desktop-compat{z-index:1;margin-bottom:12px}
}
@media(min-width:700px) and (max-width:999px){.opening .desktop-compat{margin-bottom:10px}}

/* Fade the purchase footer into the scrolling content; keep the bottom opaque. */
@media(max-width:699px){
 #paywall .paywall-continue{overflow:visible;border-top:0;box-shadow:none;background:#171717}
 #paywall .paywall-continue::before{content:"";position:absolute;left:0;right:0;bottom:calc(100% - 1px);height:16px;background:linear-gradient(to bottom,rgba(23,23,23,0) 0%,rgba(23,23,23,.25) 25%,rgba(23,23,23,.75) 65%,#171717 100%);pointer-events:none}
 #paywall .purchase-scroll{padding-bottom:24px}
}

/* Keep the mobile compatibility row close to the hero actions. */
@media(max-width:999px){.opening .product-visual{padding-top:0;margin-top:0}.opening .hero{padding-bottom:12px}.opening .desktop-compat{margin-top:0;margin-bottom:6px}}

/* Keep the outer clipping stable while the demo images zoom. */
.feature-demos .beauty-showcase,.feature-demos .enhance-showcase,.feature-demos .lamp-demo{--demo-radius:14px;border-radius:var(--demo-radius);clip-path:inset(0 round var(--demo-radius));background:#171717}
.feature-demos .beauty-showcase>img,.feature-demos .beauty-showcase .before img{border:0;border-radius:0;box-shadow:none}
@media(min-width:900px){.feature-demos .beauty-showcase,.feature-demos .enhance-showcase,.feature-demos .lamp-demo{--demo-radius:18px}}

/* Horizontal comparison gestures and vertical page scrolling share the image surface. */
.feature-demos .beauty-showcase{touch-action:pan-y;cursor:ew-resize}
.feature-demos .beauty-showcase input{pointer-events:none}

.payment-success-mobile{display:none}
@media(max-width:699px){#purchase-success .payment-success-desktop,#purchase-success .payment-success-actions{display:none}#purchase-success .payment-success-mobile{display:block;margin-bottom:8px}}
/* Integration states: keep feedback readable without changing the visual system. */
.integration-error{color:#fff;background:#532a32;padding:12px 16px;border-radius:12px;font-size:14px;line-height:1.45;margin-top:12px}
button:disabled{cursor:wait;opacity:.6}
#account-code{letter-spacing:.55em;text-align:center;font-size:24px}
#resend-code{margin-top:18px}