/* Charcoal dark mode. Applies only when the system asks for dark.
   Light mode is untouched. Marigold stays a fill; accent text is periwinkle. */
html{color-scheme:light dark}

@media (prefers-color-scheme:dark){
:root{color-scheme:dark;
 --d-bg:#141518;--d-surface:#1D1F23;--d-surface2:#27292F;--d-text:#EDEDEA;--d-text2:#CDCDC8;--d-muted:#A5A7AD;
 --d-border:#2E3137;--d-border2:#44474F;--d-link:#A9BEFF;--d-accent-soft:#1F2638;--d-band:#0F1E45;--d-band2:#182A57;--d-band-line:#2E4178;--d-footer:#0F1E45;--d-dim:.94;
 --bg:var(--d-bg);--surface:var(--d-surface);--ink:var(--d-text);--ink2:var(--d-text2);--muted:var(--d-muted);
 --line:var(--d-border);--line2:var(--d-border2);--accent:#F5B800;--accent-ink:var(--d-link);--accent-soft:var(--d-accent-soft);
 --dark:var(--d-band);--dark2:var(--d-band2);--on-dark:var(--d-text);--on-dark2:var(--d-text2);--accent-dark:var(--d-link);
 --btn-fg:#0F1B33;--dark-btn:#F5B800;--dark-btn-fg:#0F1B33;--tagbg:var(--d-surface2);--navy:var(--d-band);--ai:var(--d-link);--mg-ink:#0F1B33}
html,body{background:var(--bg);color:var(--ink)}
.nav{background:color-mix(in srgb,var(--bg) 92%,transparent);border-bottom:1px solid var(--line)}
.nav ul a.on{background:var(--d-surface2);color:var(--ink)}
.menu-btn{background:var(--d-surface2);border-color:var(--line2)}
.menu-btn span{background:var(--ink)}
.btn-ghost,.btn-ondark{background:var(--d-surface2);border-color:var(--line2);color:var(--ink)}
.cta-box .btn-ondark{background:transparent;color:var(--on-dark);border-color:color-mix(in srgb,var(--on-dark) 35%,var(--dark))}
.btn-primary,.btn-primary *{color:#0F1B33}
.btn-primary{box-shadow:none}
.hl>span{color:#0F1B33;background-color:#F5B800;background-clip:text;-webkit-background-clip:text}
.fr{background:var(--d-surface);border-color:var(--line2);box-shadow:0 18px 40px -24px rgba(0,0,0,.7)}
.fr .bar,.bbar{background:var(--d-surface2);border-bottom-color:var(--line)}
.fr .bar i,.bbar i{background:var(--d-border2)}
.bbar .url{background:var(--d-surface);border-color:var(--line);color:var(--muted)}
.browser{background:var(--d-surface);border-color:var(--line2)}
.fr .scr img,.sc-ph .scr img,.browser img,.pshot img,.b-fig img{filter:brightness(var(--d-dim))}
.b-fig img{border-color:var(--line2)}
.phone,.sc-ph{background:var(--d-band);box-shadow:0 0 0 1px var(--d-border2),0 30px 60px -20px rgba(0,0,0,.7)}
.phone .notch{background:var(--d-band)}
.phone .pshot{background:var(--d-surface2)}
.sc-ph .scr{background:var(--d-surface)}
.phones figcaption{background:var(--d-surface2);color:var(--ink)}
.sample{background:#F5B800;border-color:#F5B800;color:#0F1B33}
.sample::before{background:#0F1B33}
.sc-tag.b{background:var(--d-surface2);color:var(--ink);border-color:var(--d-text2)}
.sc-tag.n,.b-card.new .num{background:var(--d-text);color:#0F1B33}
.cs-tag,.tag{background:var(--d-surface2);color:var(--ink2)}
.sc-chip{background:var(--d-surface2);border-color:var(--line2);color:var(--ink)}
.row.feat{background:linear-gradient(90deg,var(--d-accent-soft),transparent 85%)}
.ed-head{border-top-color:var(--d-text)}
.dark{background:var(--d-band);color:var(--d-text)}
.dark h2,.dark h3{color:var(--d-text)}
.ed .dark .mono,.dark .eyebrow{color:var(--d-text2)}
.reason,.dark .ed-head{border-color:var(--d-band-line)}
.why-ed h3{color:#fff}
.why-ed p{color:var(--d-text2)}
.ed-steps li{border-top:1px solid var(--line2);position:relative}
.ed-steps li::before{content:"";position:absolute;left:0;top:-4px;width:44px;height:8px;border-radius:4px;background:#F5B800}
.b-card,.cs-card{background:var(--d-surface);border-color:var(--line)}
.b-fig .sr{background:rgba(5,8,16,.92);color:#F2F4F8}
.b-fig .sr b{color:#F2F4F8}
.b-nav button{background:var(--d-surface2);border-color:var(--d-text2);color:var(--ink)}
.b-nav button:disabled{opacity:1;color:#868A94;border-color:#868A94;background:var(--d-surface2)}
.b-dots button i{background:#868A94}
.b-dots button[aria-current=true] i{background:#F5B800}
.cs-thumb{background:var(--d-surface2)}
.pull{border-top-color:var(--line2)}
.cs-all{border-color:var(--line2);color:var(--ink)}
.cs-all svg{color:var(--d-link)}
.cs-all:hover b{text-decoration:none;background:#F5B800;color:#0F1B33;border-radius:6px;box-shadow:0 0 0 4px #F5B800}
.cta-box{background:var(--d-band);box-shadow:0 0 0 1px var(--d-band-line)}
.booking-slot{background:var(--d-band2);border-color:var(--d-band-line)}
.booking-slot b{color:#fff}
.ftr{background:var(--d-footer);border-top:1px solid var(--line)}
.ftr .top{border-color:var(--line)}
.ftr h2,.ftr p,.ftr li a{color:var(--d-text2)}
.ftr h2{color:var(--d-text)}
a:focus-visible,button:focus-visible,input:focus-visible,.mk:focus-visible,.sc-chip:focus-visible,.b-nav button:focus-visible,.b-dots button:focus-visible,.b-grid.b-deck:focus-visible{outline:3px solid var(--d-link);outline-offset:3px}
.b-grid.b-deck:focus-visible{outline-offset:-3px}
.mk{width:44px;height:44px;line-height:44px;background:transparent;box-shadow:none}
.mk::before{background:#F5B800;box-shadow:0 0 0 3px #0F1B33,0 6px 14px -4px rgba(0,0,0,.55)}
.mk.sm{width:44px;height:44px;line-height:44px;font-size:16px;background:transparent}
.ftr li a{display:flex;align-items:center;min-height:44px}
.hl .brush{left:-4%;width:108%;top:-2%;height:106%;overflow:visible}
.hl .brush path{d:path("M5 9 C90 1 250 -1 396 5 L394 50 C280 59 120 61 7 58 C0 48 0 22 5 9Z")}
@media (max-width:900px){
 .sample{font-size:16px;height:28px}
 .tag{font-size:16px}
 .booking-slot .ph{font-size:16px}
 .a-hleg{gap:2px}
}
}