/* Display settings: larger text + light/dark theme (accessibility) */
.a11y-btn{width:42px;height:42px;border:1px solid currentColor;background:none;color:inherit;cursor:pointer;display:grid;place-items:center;border-radius:0;padding:0;transition:background .3s,color .3s}
.a11y-btn:hover{background:rgba(127,127,127,.15)}
.a11y-btn:focus-visible,.burger:focus-visible,.btn:focus-visible,.qa button:focus-visible{outline:2px solid var(--gilt);outline-offset:3px}
.a11y-btn .aa{font:700 12px/1 var(--sans);letter-spacing:0;display:flex;align-items:baseline;gap:1px}.a11y-btn .aa b{font-size:18px}
.a11y-btn[aria-pressed="true"]{background:currentColor}.a11y-btn[aria-pressed="true"] .aa{color:var(--noir)}
.nav.solid .a11y-btn[aria-pressed="true"] .aa,html[data-theme="light"] .a11y-btn[aria-pressed="true"] .aa{color:#fff}
html[data-theme="dark"] .nav.solid .a11y-btn[aria-pressed="true"] .aa{color:#0A0A0A}
.a11y-btn svg{width:19px;height:19px}
.a11y-btn .sun{display:none}html[data-theme="dark"] .a11y-btn .sun{display:block}html[data-theme="dark"] .a11y-btn .moon{display:none}
.a11y-tip{position:fixed;left:50%;bottom:22px;transform:translate(-50%,20px);background:#0A0A0A;color:#fff;font:600 13px/1 var(--sans);padding:12px 16px;opacity:0;pointer-events:none;z-index:300;transition:.4s var(--ease);border:1px solid rgba(255,255,255,.2)}
.a11y-tip.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:640px){.navr{gap:8px}.a11y-btn{width:38px;height:38px}.burger{width:40px;height:40px}.burger i{left:12px;right:12px}.burger i:first-child{top:16px}.burger i:last-child{top:23px}.nav .wm{gap:10px}.nav .wm .bm svg{height:32px;width:32px}.nav .wm .bt{font-size:10px;letter-spacing:.08em}}
@media (max-width:370px){.nav .wm .bt{display:none}}

/* ---------- DARK: every section on black ---------- */
html[data-theme="dark"] body{background:#0A0A0A;color:#fff}
html[data-theme="dark"]{--line:rgba(255,255,255,.2);color-scheme:dark}
html[data-theme="dark"] .marquee{background:#0A0A0A;border-color:rgba(255,255,255,.22)}
html[data-theme="dark"] .muted,html[data-theme="dark"] .prob p,html[data-theme="dark"] .case p,html[data-theme="dark"] .disclaimer,html[data-theme="dark"] .price .once,html[data-theme="dark"] .qa .a p,html[data-theme="dark"] .thanks p{color:rgba(255,255,255,.7)}
html[data-theme="dark"] em{color:var(--gilt)}
html[data-theme="dark"] .prob,html[data-theme="dark"] .prob article,html[data-theme="dark"] .faq,html[data-theme="dark"] .qa,html[data-theme="dark"] .f{border-color:rgba(255,255,255,.3)!important}
html[data-theme="dark"] .prob .k{color:#fff}
html[data-theme="dark"] .case .no{-webkit-text-stroke-color:#fff}
html[data-theme="dark"] .media .desk{box-shadow:0 0 0 1.5px rgba(255,255,255,.25),0 50px 100px -50px rgba(0,0,0,.8)}
html[data-theme="dark"] .price{background:#141413;border-color:rgba(255,255,255,.3)}
html[data-theme="dark"] .price li i{color:var(--gilt)}
html[data-theme="dark"] .price .care{background:#000;border-left:1px solid rgba(255,255,255,.14)}
html[data-theme="dark"] .qa.open .pm{background:#fff;color:#0A0A0A}
html[data-theme="dark"] .chip:has(input:checked){background:#fff;color:#0A0A0A;border-color:#fff}
html[data-theme="dark"] .f:after{background:#fff}
html[data-theme="dark"] .btn:not(.light):not(.gold):not(.ghost){--b:#fff;--f:#0A0A0A}
html[data-theme="dark"] .nav.solid{background:rgba(10,10,10,.88);color:#fff;border-color:rgba(255,255,255,.12)}
html[data-theme="dark"] .nav.solid .btn.light{--b:#fff;--f:#0A0A0A}

/* ---------- LIGHT: every section on white ---------- */
html[data-theme="light"]{--lined:rgba(10,10,10,.16);--gilt:#8A7144;--gilt2:#8A7144;color-scheme:light}
html[data-theme="light"] .dark,html[data-theme="light"] .reel{background:#F4F3F0;color:#0A0A0A}
html[data-theme="light"] .hero.dark{background:#fff}
html[data-theme="light"] .nav{color:#0A0A0A}
html[data-theme="light"] .nav .btn.light{--b:#0A0A0A;--f:#fff}
html[data-theme="light"] .btn.gold{--b:#0A0A0A;--f:#fff}
html[data-theme="light"] .btn.gold:before{background:var(--gilt)}
html[data-theme="light"] .hero-top,html[data-theme="light"] .hero-bot p,html[data-theme="light"] .dark .muted,html[data-theme="light"] .cell p,html[data-theme="light"] .cell li,html[data-theme="light"] .notif span,html[data-theme="light"] .step p,html[data-theme="light"] .about .body p,html[data-theme="light"] .about .vals span{color:rgba(10,10,10,.72)}
html[data-theme="light"] .hero-bot{border-top-color:rgba(10,10,10,.16)}
html[data-theme="light"] .cell{border-color:rgba(10,10,10,.16)!important}
html[data-theme="light"] .xgrid{background-image:linear-gradient(rgba(0,0,0,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.06) 1px,transparent 1px)}
html[data-theme="light"] .bigX svg path{fill:#0A0A0A}
html[data-theme="light"] .notif{background:#fff;border-color:rgba(10,10,10,.14)}
html[data-theme="light"] .notif .ic{background:#0A0A0A;color:#fff}html[data-theme="light"] .notif .ic.g{background:var(--gilt);color:#fff}
html[data-theme="light"] footer .huge svg path,html[data-theme="light"] footer .huge svg rect[fill="currentColor"]{fill:#0A0A0A}
html[data-theme="light"] footer .huge{color:#0A0A0A}
html[data-theme="light"] .reel-cap{color:#5d574f}
html[data-theme="light"] .phone{background:linear-gradient(160deg,#3a3936,#151514)}

/* ---------- LARGER TEXT ---------- */
html.lt body{font-size:20px}
html.lt .lede,html.lt .hero-bot p,html.lt .prob p,html.lt .cell p,html.lt .case p,html.lt .step p,html.lt .price .once,html.lt .price .care p,html.lt .qa .a p,html.lt .about .body p,html.lt .thanks p,html.lt .alertdemo p{font-size:21px;line-height:1.55}
html.lt .cell li,html.lt .price li,html.lt .case dl,html.lt .disclaimer,html.lt .about .vals span,html.lt .notif span,html.lt .notif b,html.lt .chip,html.lt .formfoot small,html.lt .exnote{font-size:18px}
html.lt .label,html.lt .case dt,html.lt .nav ul a,html.lt .reel-cap,html.lt .foot{font-size:14px;letter-spacing:.12em}
html.lt .btn{font-size:15.5px}html.lt .btn.sm{font-size:14px}
html.lt .f input,html.lt .f select,html.lt .f textarea,html.lt .f label{font-size:21px}
html.lt .qa button{font-size:clamp(22px,2.2vw,30px)}
html.lt .prob h3{font-size:25px}
@media (max-width:640px){html.lt body{font-size:19px}html.lt .lede,html.lt .hero-bot p,html.lt .prob p,html.lt .cell p,html.lt .case p,html.lt .step p,html.lt .price .once,html.lt .price .care p,html.lt .qa .a p,html.lt .about .body p,html.lt .thanks p,html.lt .alertdemo p{font-size:19.5px}html.lt .stack{height:460px}html.lt .notif:nth-child(2){top:142px}html.lt .notif:nth-child(3){top:284px}}
/* mobile: concept phones become a swipeable row so all three designs can be seen */
@media (max-width:640px){
 .reel>.wrap{padding:0}
 .reel-track{overflow-x:auto;scroll-snap-type:x mandatory;padding:10px var(--pad) 60px;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .reel-track::-webkit-scrollbar{display:none}
 .reel .phone{scroll-snap-align:center;width:66vw}
 .reel-cap{padding:0 var(--pad);margin-top:0}
 .reel-cap:before{content:"Swipe to see all three  →";color:var(--gilt);margin-bottom:6px}
 .sec-head h2{font-size:clamp(28px,8.2vw,46px)!important;overflow-wrap:normal!important}
}