/* Scoped additions; preserve the accepted header, account, devices and footer. */
.mobile-plan-benefits{display:none}
/* Shared homepage canvas; the existing body atmosphere remains visible. */
body.glass-preview .site-header{background:transparent;border-bottom:0}
body.glass-preview .desktop-nav{background:transparent;border-color:transparent;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}
body.glass-preview .devices-section{background:transparent;border-block:0;padding-block:96px}
body.glass-preview .devices-heading{max-width:760px;margin-inline:auto;text-align:center}
body.glass-preview .devices-heading .section-head{display:block;margin:0;text-align:center}
body.glass-preview .download-platforms{max-width:820px;margin:48px auto 0;gap:40px}
body.glass-preview .download-platforms li{gap:18px}
body.glass-preview .download-platforms svg{width:52px;height:52px;color:var(--accent)}
body.glass-preview .download-platforms h3{font-size:18px;line-height:1.4;margin:0;letter-spacing:-.025em}
@media(max-width:760px){body.glass-preview .devices-section{padding-block:72px}body.glass-preview .download-platforms{gap:36px 24px;margin-top:36px}body.glass-preview .download-platforms svg{width:46px;height:46px}body.glass-preview .download-platforms h3{font-size:16px}}
/* One marketing section-heading scale; keep hero, plan names and account UI separate. */
body.glass-preview #main h2{font-size:48px;line-height:1.12;font-weight:500;letter-spacing:-.045em}
@media(max-width:760px){body.glass-preview #main h2{font-size:34px}}
.glass-preview .site-header{background:radial-gradient(ellipse at 78% 20%,#36404780,transparent 70%),#14181b;border-bottom:0}
.glass-preview .desktop-nav{gap:6px;background:#050709b8;border:1px solid #ffffff16;border-radius:999px;padding:6px;box-shadow:inset 0 1px #ffffff08,0 8px 24px #0002;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}
.glass-preview .desktop-nav a{padding:10px 16px;color:#d3d6d8;font-weight:500;font-size:12px;border-radius:999px}
.glass-preview .desktop-nav a:hover{background:#ffffff09;color:#fff}
.glass-preview .header-inner{min-height:100px}
.glass-preview .hero-glass{position:relative;isolation:isolate;overflow:hidden;width:calc(100% - 64px);max-width:1376px;margin:12px auto 48px;min-height:550px;display:grid;place-items:center;border:0;border-radius:0;background:transparent;box-shadow:none}
.hero-traces{position:absolute;inset:0;width:100%;height:100%;color:#d9e3e039;pointer-events:none;z-index:-1}
.hero-glass-copy{max-width:760px;width:100%;padding:86px 28px;text-align:center;background:none}
.hero-glass-eyebrow{font-size:10px;letter-spacing:.22em;font-weight:500;color:#b9c5c3;margin:0 0 25px}
.hero-glass h1{font-size:clamp(42px,5.3vw,76px);font-weight:500;letter-spacing:-.055em;line-height:1.08;margin:0 0 26px;text-wrap:balance}
.hero-glass h1 span{color:#cbd3d3}
.hero-glass .hero-description{max-width:480px;font-size:14px;line-height:1.8;margin:0 auto;color:#b4bfc1}
.glass-preview .devices-section{background:#101518}
.glass-preview .devices-heading .section-head h2{font-size:clamp(34px,4vw,48px);font-weight:500;line-height:1.15;letter-spacing:-.045em}
.download-platforms{list-style:none;padding:0;margin:40px 0 0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:40px}
.download-platforms li{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px;min-width:0;background:none;border:0;padding:0;box-shadow:none}
.download-platforms svg{width:46px;height:46px;display:block;flex:none;color:#d0d6d9;overflow:visible}
.download-platforms h3{font-size:21px;font-weight:500;letter-spacing:-.035em;line-height:1.3;margin:2px 0 8px;color:#e0e5e7}
.download-verb{font-size:12px;color:#9aa5ac;line-height:1.5}.download-platforms p{font-size:12px;color:#929fa7;margin:0;line-height:1.6}
@media(max-width:980px){.glass-preview .header-inner{min-height:78px}.glass-preview .mobile-nav:not([hidden]){margin:0 18px 18px;padding:10px 18px;border:1px solid #ffffff12;border-radius:18px;background:#050709d9;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.glass-preview .mobile-nav a{font-weight:500}}
@media(max-width:760px){.glass-preview .hero-glass{width:calc(100% - 28px);min-height:450px;margin:6px auto 30px;border-radius:0;background:transparent}.hero-glass-copy{padding:70px 20px}.hero-glass h1{font-size:clamp(36px,9.5vw,50px);margin-bottom:24px}.hero-glass .hero-description{font-size:13px;line-height:1.75;max-width:310px}.hero-glass-eyebrow{font-size:9px}.hero-traces{opacity:.55}.glass-preview .devices-heading .section-head h2{font-size:34px}.download-platforms{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 28px;margin-top:0}.download-platforms li{gap:18px}.download-platforms svg{width:42px;height:42px}.download-platforms h3{font-size:20px}}
@media(prefers-reduced-transparency:reduce){.glass-preview .desktop-nav,.glass-preview .mobile-nav:not([hidden]){background:#080b0e;-webkit-backdrop-filter:none;backdrop-filter:none}}
#plans{scroll-margin-top:96px}
.pricing-layout{display:grid;grid-template-columns:1fr;gap:36px;max-width:1060px;margin-inline:auto}
.plans-section{background:radial-gradient(ellipse at 75% 0%,#424a5920,transparent 55%),#0b0d10}
.pricing-intro{text-align:center;max-width:620px;margin-inline:auto}
.pricing-options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.pricing-eyebrow{margin:0 0 20px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.16em;line-height:1.5}
.pricing-intro h2{margin:0 0 12px;font-size:clamp(28px,4vw,36px);line-height:1.2;letter-spacing:-.04em;font-weight:500;text-wrap:balance}
.pricing-intro>p:not(.pricing-eyebrow){margin:0;color:var(--muted);font-size:16px;line-height:1.65}
.pricing-account-link{display:inline-flex;gap:12px;margin-top:32px;color:var(--text);font-size:13px;text-underline-offset:5px}
.pricing-offer{min-width:0;padding:30px 26px 22px;border:1px solid #ffffff0a;border-radius:18px;background:linear-gradient(145deg,#171a1f88,#10121666);display:flex;flex-direction:column}
.pricing-offer-top{display:flex;align-items:center;justify-content:space-between;gap:16px}
.pricing-offer-top h3{margin:0;font-size:22px;font-weight:500;letter-spacing:-.03em}
.pricing-offer-top>span{color:var(--muted);font-size:12px}
.pricing-amount{margin-top:30px}.pricing-amount>span{font-size:44px;font-weight:500;line-height:1.1;letter-spacing:-.05em;font-variant-numeric:tabular-nums;white-space:nowrap}
.pricing-amount>p{margin:9px 0 0;color:var(--muted);font-size:14px}
.pricing-payment-note{margin:20px 0;color:var(--muted);font-size:13px;line-height:1.55}
.pricing-benefits{display:grid;gap:8px;list-style:none;padding:0;margin:0 0 28px;font-size:12px;line-height:1.5;color:#c9cdd4}
.pricing-benefits li{display:block}
.pricing-select{display:flex;align-items:center;justify-content:center;width:100%;min-height:50px;margin-top:auto;border-radius:10px;cursor:pointer;font:inherit;font-size:13px;font-weight:500}
.pricing-select:disabled{opacity:.55;cursor:wait}
.pricing-offer-unavailable .pricing-select:disabled{opacity:1;cursor:not-allowed;background:#ffffff04;border:1px solid #ffffff0c;color:#78808c}
.pricing-offer-unavailable .pricing-amount,.pricing-offer-unavailable .pricing-offer-top{color:#b4bac4}
.pricing-footer{text-align:center;margin:0;color:#8b94a1;font-size:11px;line-height:1.8}.pricing-footer .pricing-account-link{margin-top:12px;font-size:12px}
.pricing-availability{min-height:3.2em;margin:17px 0 0;font-size:12px;line-height:1.6;color:var(--muted);overflow-wrap:anywhere}
.pricing-availability:focus-visible,.pricing-intro h2:focus-visible{outline:1px solid var(--accent);outline-offset:8px}
.pricing-account-link:focus-visible,.selected-offer-next:focus-visible,.selected-offer-dismiss:focus-visible,.billing-email-form .button:focus-visible,.pricing-select:focus-visible{outline:2px solid var(--accent);outline-offset:4px}
.selected-offer{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;max-width:100%;padding:20px 0 24px;margin:0 0 28px;border-block:1px solid var(--line-soft)}
.selected-offer>div{min-width:0}.selected-offer .pricing-eyebrow{font-size:9px;margin:0 0 8px}.selected-offer h2{margin:0;font-size:20px;font-weight:500;letter-spacing:-.02em;line-height:1.6}
.selected-offer-terms{display:inline;font-size:13px;color:var(--muted);font-weight:400;letter-spacing:0;margin-left:14px}
.selected-offer [data-selection-note]{margin:8px 0 0;color:var(--muted);font-size:12px;line-height:1.6}
.selected-offer-next{display:inline-block;margin-top:12px;font-size:12px;text-underline-offset:4px}
.selected-offer-dismiss{flex:none;display:flex;align-items:center;justify-content:center;width:40px;height:40px;border:0;border-radius:0;background:none;color:var(--muted);font-size:24px;cursor:pointer}
.billing-email-form{display:grid;grid-template-columns:1fr;gap:12px;max-width:420px;width:100%;padding-block:16px}
.billing-email-form label{font-size:13px}.billing-email-form input{width:100%;min-height:48px;padding:12px;border:1px solid var(--line);border-radius:0;background:var(--bg);color:var(--text);font:inherit;font-size:16px}
.billing-email-form input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.billing-email-form p{font-size:12px;color:var(--muted);line-height:1.6;margin:0}
.billing-email-form .button{justify-content:center;min-height:44px;border-radius:0;cursor:pointer}
@media(max-width:760px){#plans{scroll-margin-top:84px}.pricing-layout{gap:28px;max-width:440px}.pricing-options{grid-template-columns:1fr;gap:14px}.pricing-intro h2{font-size:30px}.pricing-intro>p:not(.pricing-eyebrow){font-size:13px}.pricing-eyebrow{margin-bottom:16px}.pricing-offer{padding:26px 24px 20px}.pricing-amount{margin-top:22px}.pricing-benefits{margin-bottom:24px}.selected-offer-terms{display:block;margin-left:0}.selected-offer{margin-bottom:24px}.selected-offer h2{line-height:1.5}.pricing-availability{min-height:3.2em}}
@media(max-width:359px){.pricing-offer{padding-inline:20px}.pricing-intro h2{font-size:27px}.pricing-offer-top{gap:10px}}
@media(prefers-reduced-motion:reduce){#plans{scroll-behavior:auto}.pricing-select,.selected-offer-next,.selected-offer-dismiss{transition:none;animation:none}}
/* Mobile density correction: preserve desktop and purchase admission behavior. */
@media(max-width:980px){body.glass-preview .mobile-nav:not([hidden]){background:transparent;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none}}
@media(max-width:760px){
 body.glass-preview #how{padding-block:36px}
 body.glass-preview #how .section-head{margin-bottom:18px}
 body.glass-preview #how .section-head p{margin-top:10px;line-height:1.5}
 body.glass-preview #how .steps{display:block}
 body.glass-preview #how .step{min-height:0;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;gap:18px;padding:18px 0;border-right:0}
 body.glass-preview #how .step-number{flex:0 0 22px}
 body.glass-preview #how .step h3{font-size:18px;line-height:1.35;margin:0}
 body.glass-preview #plans{padding-block:36px}
 body.glass-preview #plans .pricing-layout{gap:14px}
 body.glass-preview #plans .pricing-intro h2{margin-bottom:10px}
 body.glass-preview #plans .pricing-intro>p{font-size:12px;line-height:1.5}
 body.glass-preview #plans .mobile-plan-benefits{display:block;margin:0;text-align:center;font-size:11px;line-height:1.5;color:var(--muted)}
 body.glass-preview #plans .pricing-options{gap:10px}
 body.glass-preview #plans .pricing-offer{display:grid;grid-template-columns:minmax(0,1fr) 112px;align-items:center;gap:10px 14px;padding:14px 16px;border-radius:14px}
 body.glass-preview #plans .pricing-offer-top{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
 body.glass-preview #plans .pricing-offer-top h3{font-size:20px}
 body.glass-preview #plans .pricing-offer-top>span{font-size:11px}
 body.glass-preview #plans .pricing-amount{margin:0;text-align:right}
 body.glass-preview #plans .pricing-amount>span{font-size:28px}
 body.glass-preview #plans .pricing-amount>p{font-size:11px;margin:3px 0 0}
 body.glass-preview #plans .pricing-payment-note,body.glass-preview #plans .pricing-benefits{display:none}
 body.glass-preview #plans .pricing-select{grid-column:2;grid-row:2;min-height:44px;margin:0;padding:8px;font-size:11px;line-height:1.3}
 body.glass-preview #plans .pricing-availability{grid-column:1;grid-row:2;min-height:0;margin:0;font-size:11px;line-height:1.4}
 body.glass-preview #plans .pricing-footer{font-size:10px;line-height:1.5}
 body.glass-preview #plans .pricing-footer .pricing-account-link{min-height:44px;margin:4px 0 0;font-size:12px;align-items:center}
}