/* Homepage-only header, sky surfaces and persistent dark theme. */
:root{--page:#fff;--surface:#fff;--sky:#f3f8ff;--sky-line:#e0eafa;--glass:rgba(255,255,255,.82);--header-shadow:0 12px 38px #20496812;--hover:#eaf4fc;--ink:#183c3b;--muted:#617980}
html{color-scheme:light}body{background:var(--page)}
.hero{background:linear-gradient(120deg,#eef5ff,#f9fbff 72%)}
.steps-section,.plans-section{background:linear-gradient(180deg,var(--page) 0%,var(--sky) 24%,var(--sky) 76%,var(--page) 100%);border-block:0}
.hero-copy>.eyebrow{padding:8px 15px;border:1px solid #e5ebf2;border-radius:999px;background:#fff;color:#205b47}
.shipping-visual{background:#fafdff;box-shadow:12px 14px 0 #eef5ff;border-color:var(--sky-line)}
.shipping-note{background:#eef5ff}
.capability-strip{border-color:var(--sky-line)}
.capability-strip>span,.hero-benefits{color:var(--muted)}
.capability-strip i{background:#accbdc}.step-number{border-color:var(--sky-line)}
.site-header{height:86px;top:0;background:var(--surface);border:0;backdrop-filter:none;transition:background .25s}
.header-inner{position:relative;height:86px;border:1px solid transparent;transition:width .25s,height .25s,transform .25s,border-radius .25s,box-shadow .25s;gap:22px}
.site-header.is-scrolled{background:transparent}
.is-scrolled .header-inner{width:min(1140px,calc(100% - 48px));height:68px;transform:translateY(10px);padding-inline:22px;background:var(--glass);border-color:var(--sky-line);border-radius:20px;box-shadow:var(--header-shadow);-webkit-backdrop-filter:blur(22px) saturate(160%);backdrop-filter:blur(22px) saturate(160%)}
.brand{gap:10px}.brand-mark{display:flex;align-items:center;justify-content:center;flex-shrink:0}
.brand img{width:48px;height:48px;object-fit:contain;border-radius:9px}.brand-caption{display:grid;gap:2px;white-space:nowrap}
.brand-caption strong{font-size:19px;line-height:1.5;font-weight:700}.brand-caption small{font-size:10px;line-height:1.7;color:var(--muted);font-weight:700}
.desktop-nav{gap:21px;font-size:13px;font-weight:700}.login-link{font-size:12px;font-weight:700}
.header-actions{gap:14px}.theme-toggle{width:42px;height:42px;display:grid;place-items:center;flex-shrink:0;border:1px solid var(--sky-line);border-radius:12px;background:var(--sky);color:var(--ink);cursor:pointer;transition:background .2s}
.theme-toggle:hover{background:var(--hover)}.theme-toggle:focus-visible{outline:3px solid #b39346;outline-offset:4px}
.theme-toggle span{display:flex}.theme-toggle svg{width:21px;height:21px;stroke-width:1.9}.theme-toggle .theme-sun{display:none}
.mobile-menu .menu-close-icon{display:none}
@media(max-width:1100px){
    .desktop-nav{display:none}.header-inner{display:grid;grid-template-columns:44px minmax(0,1fr) 44px;gap:12px}
    .brand{grid-column:2;grid-row:1;justify-self:center}.header-actions{grid-column:3;grid-row:1;margin:0;justify-self:end}
    .header-actions>.login-link,.header-actions>.button{display:none}
    .mobile-menu{display:block;position:static;grid-column:1;grid-row:1;justify-self:start}
    .mobile-menu summary{width:44px;height:44px;display:grid;place-items:center;padding:0;list-style:none;border:1px solid var(--sky-line);border-radius:12px;color:var(--ink);background:var(--sky);cursor:pointer}
    .mobile-menu summary::-webkit-details-marker{display:none}
    .mobile-menu summary span{width:auto;height:auto;background:none;display:flex}
    .mobile-menu summary svg{width:24px;height:24px;stroke-width:2}
    .mobile-menu summary .menu-close-icon{display:none}
    .mobile-menu[open] .menu-open-icon{display:none}.mobile-menu[open] .menu-close-icon{display:flex}
    .mobile-menu[open] summary{background:var(--hover)}
    .mobile-menu nav{position:absolute;inset-inline:0;top:calc(100% + 12px);width:auto;display:grid;gap:4px;padding:18px;background:var(--glass);border:1px solid var(--sky-line);border-radius:20px;box-shadow:var(--header-shadow);-webkit-backdrop-filter:blur(28px) saturate(150%);backdrop-filter:blur(28px) saturate(150%);max-height:calc(100dvh - 112px);overflow-y:auto;overscroll-behavior:contain}
    .mobile-nav-title{font-size:11px;font-weight:700;color:var(--muted);padding:4px 12px 12px;border-bottom:1px solid var(--sky-line);margin-bottom:5px}
    .mobile-menu nav>a{display:flex;align-items:center;justify-content:space-between;padding:12px;border-radius:10px;font-size:13px;font-weight:700}
    .mobile-menu nav>a:hover{background:var(--hover)}.mobile-menu nav>a svg{width:17px;color:var(--muted)}
    .mobile-nav-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px;border-top:1px solid var(--sky-line);padding-top:15px;margin-top:7px}
    .mobile-menu .mobile-nav-actions a{padding:11px 8px;font-size:12px}
    .is-scrolled .header-inner{padding-inline:14px}
}
@media(max-width:640px){
    .site-header{height:78px}.header-inner{height:78px;width:calc(100% - 28px);gap:8px}
    .brand{gap:8px}.brand img{width:39px;height:39px}.brand-caption strong{font-size:17px}.brand-caption small{font-size:9px}
    .is-scrolled .header-inner{width:calc(100% - 24px);height:64px;padding-inline:10px;border-radius:18px;transform:translateY(8px)}
    .theme-toggle,.mobile-menu summary{width:40px;height:40px;border-radius:11px}
    .mobile-menu nav{top:calc(100% + 9px);padding:12px;max-height:calc(100dvh - 96px)}
}
@media(max-width:360px){.brand img{width:30px;height:34px}.brand-caption strong{font-size:15px}.brand-caption small{font-size:8px}.header-inner{gap:4px}.brand{gap:5px}}

/* Midnight blue, cool surfaces and mint accents. */
html[data-theme="dark"]{color-scheme:dark;--page:#0d1926;--surface:#132334;--sky:#102232;--sky-line:#263e51;--line:#294052;--glass:rgba(18,35,51,.88);--header-shadow:0 16px 42px #0005;--hover:#203d50;--ink:#e0eef3;--muted:#a0b8c7;--green:#9edbc9;--accent:#c8ebaf}
[data-theme="dark"] .theme-moon{display:none}[data-theme="dark"] .theme-toggle .theme-sun{display:flex;color:#f5d494}
[data-theme="dark"] .hero{background:linear-gradient(120deg,#152f42,#0e1e2d 72%)}
[data-theme="dark"] .button{background:#a2dfca;border-color:#a2dfca;color:#102c29}
[data-theme="dark"] .button:hover{background:#beeeda}
[data-theme="dark"] .button-outline{background:transparent;border-color:#476676;color:#cce9e4}
[data-theme="dark"] .button-outline:hover{background:#213d4b}
[data-theme="dark"] .button-light{background:#d0eeb5;color:#152f27;border-color:#d0eeb5}
[data-theme="dark"] .feature-card,[data-theme="dark"] .plan-card,[data-theme="dark"] .store-preview,[data-theme="dark"] .floating-order{background:var(--surface);border-color:var(--line)}
[data-theme="dark"] .plan-year{background:#16323a;border-color:#9edbc9}
[data-theme="dark"] .plan-label{background:#9edbc9;color:#15352f}
[data-theme="dark"] .feature-icon,[data-theme="dark"] .float-icon{background:#234b48;color:#b1e7d2}
[data-theme="dark"] .feature-card:nth-child(2) .feature-icon{background:#463b31;color:#e4c59c}
[data-theme="dark"] .feature-card:nth-child(3) .feature-icon{background:#243f57;color:#afd9f4}
[data-theme="dark"] .step-number{color:#afd7ce}
[data-theme="dark"] .shipping-visual{background:var(--surface);box-shadow:12px 14px 0 #172e40}
[data-theme="dark"] .shipping-note{background:#1c3548;color:#bad0dc}
[data-theme="dark"] .shipment-steps li>span{background:#24493f;border-color:#436658;color:#b9e6d1}
[data-theme="dark"] .shipment-steps li:not(:last-child):after{border-color:#587365}
[data-theme="dark"] .check-list svg,[data-theme="dark"] .plan-card li svg{color:#a4d9b2}
[data-theme="dark"] .preview-browser{background:#1b3043;border-color:#294458;color:#b5cbd5}
[data-theme="dark"] .preview-nav,[data-theme="dark"] .preview-products span{color:#abc0ce}
[data-theme="dark"] .preview-banner{background:#274c43;color:#e0eed8}
[data-theme="dark"] .headphone-art{color:#c9e6b6;filter:drop-shadow(8px 16px 0 #16332955)}
[data-theme="dark"] .peach{background:#483e3b}[data-theme="dark"] .mini-product svg{color:#e2b8a6}
[data-theme="dark"] .sage{background:#2e4543}[data-theme="dark"] .sand{background:#454637}
[data-theme="dark"] .live-dot{background:#a2dfca;box-shadow:0 0 0 5px #2a493e}
[data-theme="dark"] .art-orbit,[data-theme="dark"] .art-orbit:after{border-color:#2c4959}
[data-theme="dark"] .floating-shipping{background:#a8dbc9;color:#15362f}
[data-theme="dark"] .preview-caption,[data-theme="dark"] .footer-bottom{color:#99b2c0}
[data-theme="dark"] .closing-cta{background:linear-gradient(120deg,#234b4b,#18363e);border:1px solid #375d61}
[data-theme="dark"] .closing-cta p{color:#bcd5d3}
[data-theme="dark"] .faq-list summary span{color:#acd7c6}
[data-theme="dark"] .skip-link{background:var(--surface)}
[data-theme="dark"] .desktop-nav a:hover,[data-theme="dark"] .login-link:hover{color:#b6ebd9}
@media(prefers-reduced-motion:reduce){.header-inner,.site-header,.theme-toggle{transition:none}}