/* Product-site layout and paired day/night surfaces. */
:root{--surface:#fffdf8;--surface-soft:#edece5;--edge:#ffffffcf;--soft-shadow:0 18px 60px #2934490b;--halo:#dce5da;--button:#202c42;--button-text:#fff;--glass-fill:#fbfaf4d9}
:root[data-theme=dark]{color-scheme:dark;--paper:#111724;--ink:#f2f0eb;--muted:#abb4c6;--accent:#dcc098;--line:#ffffff20;--surface:#1d2635;--surface-soft:#202b39;--edge:#ffffff24;--soft-shadow:0 20px 60px #0003;--halo:#2f4252;--button:#e9dac2;--button-text:#192139;--glass-fill:#182130df;--glass:#1d2635;--glass-edge:#ffffff24}
body{background:radial-gradient(ellipse 70% 700px at 90% 4%,var(--halo),transparent),var(--paper);transition:background-color .3s,color .3s}
.site-header{height:72px;gap:20px;background:var(--glass-fill);border-color:var(--edge);box-shadow:var(--soft-shadow)}
.site-header nav a{color:var(--muted)}.site-header nav a:hover{color:var(--ink)}
.theme-toggle{flex-shrink:0;width:44px;height:44px;padding:0;border:1px solid var(--line);border-radius:50%;background:var(--surface);color:var(--ink);font-size:21px;line-height:1}
.header-cta,.download-button,.dialog-primary,.mobile-dock a{display:inline-flex;align-items:center;justify-content:center;min-height:44px;line-height:1.25;background:var(--button);color:var(--button-text);border:1px solid var(--edge);box-shadow:inset 0 1px 0 #ffffff25,0 6px 16px #11172412}
.header-cta{padding:0 20px}.download-button{height:52px;min-height:52px;padding:0 24px;font-size:15px;gap:13px;position:relative;overflow:hidden}.download-button .apple-mark{font-size:22px}.hero{padding-block:88px 72px;gap:70px}.hero h1{font-size:clamp(42px,5.4vw,70px);line-height:1.16;letter-spacing:-.05em}.hero-lead{line-height:1.9;font-size:17px;max-width:400px;margin-bottom:28px}.hero .eyebrow{letter-spacing:.08em}.hero-actions{gap:16px}.build-meta{font-size:11px}.release-note{max-width:410px}.mobile-quicklinks{margin-top:22px;gap:26px}
.hero-visual{height:560px;max-height:none;padding-top:36px;overflow:hidden;background:radial-gradient(ellipse at 25% 0%,var(--surface),transparent 75%),var(--surface-soft);border-color:var(--edge);box-shadow:var(--soft-shadow);border-radius:44px}.hero-visual::before{inset:24% -20% -30%;background:var(--halo);opacity:.6}.hero-phone{width:246px;margin-bottom:-80px;transform:rotate(-7deg)}
.feature-chip{display:flex;position:absolute;gap:11px;align-items:center;z-index:2;background:var(--glass-fill);border:1px solid var(--edge);border-radius:20px;padding:13px 16px;box-shadow:0 10px 30px #18213016;color:var(--ink)}.feature-chip b{font-size:25px;color:var(--accent)}.feature-chip span{font-size:12px;font-weight:600}.feature-chip small{display:block;color:var(--muted);font-size:10px;font-weight:400;margin-top:2px}.chip-nfc{left:18px;top:98px}.chip-ble{right:16px;bottom:68px}.visual-label{position:absolute;bottom:19px;left:0;width:100%;text-align:center;font:9px ui-monospace,monospace;letter-spacing:.12em;color:var(--muted)}
.trust-strip{padding-block:26px;margin-bottom:96px}.trust-strip div{padding-left:20px;border-left:1px solid var(--line)}.trust-strip strong{font-size:15px}.trust-strip span{font-size:12px;max-width:230px}
.journey{padding-bottom:100px}.journey-track{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.journey-track article{border-top:1px solid var(--line);padding:25px 0 0}.journey-track article>span{font:11px ui-monospace,monospace;letter-spacing:.08em;color:var(--accent)}.journey-track h3{font-size:23px;margin:20px 0 12px}.journey-track p{font-size:14px;max-width:270px;margin:0}
.feature-primary,.guide-card,.gallery-stage{background:var(--surface);border-color:var(--edge);box-shadow:var(--soft-shadow)}.feature-primary{background:radial-gradient(ellipse at 100% 0,var(--halo),transparent),var(--surface);padding:36px}.feature-card{padding-left:52px}.feature-index{font-size:13px}.gallery-stage{background:radial-gradient(ellipse at 50% 20%,var(--halo),transparent),var(--surface-soft);padding:38px}.screens{padding-block:30px 100px}.screen-tabs{background:var(--surface-soft);border-color:var(--edge);box-shadow:none}.screen-tab{color:var(--muted)}.screen-tab.is-active{background:var(--button);color:var(--button-text)}.screen-tab:not(.is-active):hover{background:var(--surface)}
.appearance-switch{display:flex;gap:4px;margin-top:22px;flex-wrap:wrap}.appearance-switch button{min-height:44px;padding:0 13px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:12px;cursor:pointer}.appearance-switch button[aria-pressed=true]{border-color:var(--line);background:var(--surface);color:var(--ink)}
.guide-list{align-items:start}.guide-card[open]{border-color:var(--line);background:var(--surface)}.step-number,.guide-tip{background:var(--surface-soft);color:var(--accent)}.faq-list details{padding-inline:20px;border:1px solid var(--line);border-radius:20px;margin-bottom:10px;background:var(--surface)}.faq-list summary{font-size:15px}.faq-list details p{margin-right:5px}.safety-panel{box-shadow:var(--soft-shadow)}.final-cta{padding:32px;border:1px solid var(--edge);border-radius:30px;background:var(--surface);box-shadow:var(--soft-shadow)}
.mobile-dock{background:var(--glass-fill);border-color:var(--edge)}.mobile-dock a{padding:0 20px;min-height:44px}.dialog-primary{min-height:48px}dialog{background:var(--surface);border-color:var(--edge)}.dialog-close{color:var(--ink)}.reading-progress{background:var(--accent)}
@media(hover:hover) and (pointer:fine){.theme-toggle:hover{background:var(--surface-soft)}.feature-chip{transition:box-shadow .3s}.download-button::after{content:'';position:absolute;inset:-50% auto -50% -40%;width:25%;background:#ffffff25;transform:rotate(25deg);transition:left .6s;pointer-events:none}.download-button:hover::after{left:130%}}
@media(max-width:900px){.hero{gap:30px}.site-header nav{gap:16px}.hero h1{font-size:48px}}
@media(max-width:760px){
 .site-header{height:64px;gap:8px}.brand{gap:8px;font-size:14px}.brand img{width:32px;height:32px}.theme-toggle{margin-left:auto;width:44px;height:44px}.header-cta{margin-left:0;padding:0 14px;font-size:12px}
 .hero{padding-block:40px 32px;gap:28px}.hero-copy{width:100%}.hero h1{font-size:42px;line-height:1.2;margin-bottom:20px}.hero-lead{font-size:15px;max-width:320px;margin:0 auto 24px}.hero-actions{gap:12px}.download-button{width:auto;min-width:205px;height:48px;min-height:48px;font-size:14px;padding:0 22px}.build-meta{width:100%}.release-note{font-size:11px;max-width:300px;margin:10px auto 0}.mobile-quicklinks{margin-top:12px;gap:26px}
 .hero-visual{height:390px;max-height:none;border-radius:32px;padding-top:25px}.hero-phone{width:200px;margin-bottom:-100px}.chip-nfc{top:52px;left:12px}.chip-ble{bottom:57px;right:12px}.feature-chip{padding:10px 12px;border-radius:17px;gap:8px}.feature-chip span{font-size:11px}.feature-chip b{font-size:20px}.visual-label{font-size:8px;bottom:15px}
 .trust-strip{margin-bottom:64px;gap:12px;padding-block:22px}.trust-strip div{padding-left:0;border:0}.trust-strip strong{font-size:13px}.trust-strip span{font-size:11px}
 .journey{padding-bottom:64px}.journey-track{grid-template-columns:1fr;gap:0}.journey-track article{position:relative;padding:22px 0 22px 42px}.journey-track article::before{content:'';position:absolute;left:8px;top:28px;width:8px;height:8px;border:2px solid var(--accent);border-radius:50%;background:var(--surface)}.journey-track h3{font-size:21px;margin:10px 0}.journey-track p{max-width:none;font-size:14px}.journey-track article>span{font-size:10px}
 .feature-primary{padding:26px}.screens{padding-block:0 64px}.gallery-stage{padding:26px 0}.section-heading h2,.screens h2{font-size:32px}.faq-list details{padding-inline:16px;border-radius:18px}.faq-list summary{padding-block:17px}.faq-list summary::after{top:17px}.final-cta{padding:23px;gap:14px}.final-cta .ghost-button{margin-left:0}.final-cta h2{font-size:19px}.final-cta img{width:42px;height:42px}.final-cta .eyebrow{font-size:9px}
}
@media(max-width:350px){.header-cta{padding:0 10px;font-size:11px}.brand{font-size:13px;gap:6px}.brand img{width:28px;height:28px}.hero h1{font-size:36px}.hero-visual{height:360px}.feature-chip small{font-size:9px}}
@media(prefers-reduced-transparency:reduce){.site-header,.mobile-dock{background:var(--surface);backdrop-filter:none;-webkit-backdrop-filter:none}}