.site-header{position:sticky;top:0;z-index:50;background:rgba(10,14,20,.86);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid rgba(255,255,255,.06)}
.site-header .brand{color:#fff;font-weight:700;display:inline-flex;align-items:center;gap:10px;text-decoration:none}
.site-header .brand img{width:30px;height:30px;border-radius:8px;background:#F5F4F0}
.site-header .nav a{color:#B9BCC1}.site-header .nav .btn{background:#fff;color:#111214}
main>.hero{position:relative;color:#F2F2F0;background:#0A0E14;box-shadow:0 0 0 100vmax #0A0E14;clip-path:inset(0 -100vmax);padding-top:64px;padding-bottom:72px}
main>.hero h1{color:#fff;font-size:clamp(38px,6vw,64px);letter-spacing:-.035em;line-height:1.04}
main>.hero .lede,main>.hero .store-note{color:#B9BCC1}main>.hero .eyebrow{color:#62B58A}
main>.hero .btn{background:#fff;color:#111214}main>.hero .btn-line{background:transparent;color:#fff;border:1px solid rgba(255,255,255,.25)}
main>.hero .device{background:none;border:0;box-shadow:none;padding:0;display:flex;flex-direction:column;align-items:center}

section{padding-top:72px;padding-bottom:72px}
.card{border-radius:18px;padding:26px}
.reveal{opacity:1!important;transform:none!important;animation:none!important}
main>.hero .device .ph{width:min(290px,70vw)}
/* v3 design system alignment (2026-10-21) */
main>.hero .device .dev{margin:0 auto}
main>.hero .device .scr{color:#111214}
.site-header .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}
.card h3{letter-spacing:-.01em}
section .card{transition:transform .3s,box-shadow .3s}section .card:hover{transform:translateY(-2px);box-shadow:0 14px 30px -18px rgba(17,18,20,.25)}