:root{color-scheme:dark;--sky-night-top: #0d1b2a;--sky-night-bottom: #1a237e;--rim-night: #283593;--caption: #ffd54f;--time-subtext: #9e9e9e;--calendar-arc: #4dd0e1;--text: #eceff1;--muted: #b0bec5;--link: #90caf9;--border: rgba(144, 202, 249, .18);--surface: rgba(13, 27, 42, .72)}*{box-sizing:border-box}html{background:linear-gradient(180deg,var(--sky-night-top),var(--sky-night-bottom));min-height:100%}body{margin:0;color:var(--text);font-family:Segoe UI,system-ui,-apple-system,sans-serif;line-height:1.6}a{color:var(--link)}a:hover{color:var(--caption)}.wrap{max-width:46rem;margin:0 auto;padding:0 1.25rem}.site-header,.site-footer{border-block:1px solid var(--border);background:var(--surface);backdrop-filter:blur(8px)}.site-header .wrap{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1rem;padding-block:1rem}.brand{color:var(--caption);font-weight:700;text-decoration:none}nav{display:flex;gap:1rem}.nav-link{color:var(--muted);text-decoration:none}.nav-link.is-active,.nav-link:hover{color:var(--caption)}.content{padding-block:2.5rem 3rem}.content h1,.content h2,.content h3{color:var(--caption);line-height:1.25}.content h1{margin-top:0}.content p,.content ul,.content ol,.content table{margin-block:1rem}.content li+li{margin-top:.35rem}.content strong{color:var(--text)}.content table{width:100%;border-collapse:collapse;font-size:.95rem}.content th,.content td{border:1px solid var(--border);padding:.65rem .75rem;text-align:left;vertical-align:top}.content th{color:var(--caption);background:#28359359}.content code{color:var(--calendar-arc);font-size:.92em}.site-footer{margin-top:2rem}.site-footer p{margin:0;padding-block:1.25rem;color:var(--time-subtext);font-size:.92em}.content-wide{padding:0;max-width:none}.marketing{color:var(--text)}.marketing .band{padding:3.5rem 1.25rem 4rem}.marketing .band-inner{max-width:68rem;margin:0 auto}.marketing .hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(16rem,22rem);gap:2.5rem 3rem;align-items:center}.marketing .eyebrow{color:var(--calendar-arc);font-size:.82rem;letter-spacing:.12em;text-transform:uppercase;margin:0 0 .75rem}.marketing h1{font-size:clamp(2rem,4.5vw,3.35rem);line-height:1.12;margin:0 0 1rem;color:var(--caption)}.marketing .lede{font-size:1.2rem;line-height:1.55;margin:0 0 1.25rem;max-width:38rem}.marketing p,.marketing li{color:var(--text)}.marketing .muted{color:var(--muted)}.phone-frame{margin:0 auto;width:min(100%,22rem);background:#05080e;border:3px solid rgba(255,213,79,.35);border-radius:2rem;overflow:hidden;box-shadow:0 24px 60px #00000073}.phone-frame--wheel{aspect-ratio:9 / 10}.phone-frame img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center}.watch-frame{width:min(100%,18rem);margin:0 auto;aspect-ratio:1;border-radius:50%;overflow:hidden;background:#000;box-shadow:0 0 0 8px #0d1b2a,0 0 0 10px #ffd54f73,0 18px 40px #00000080}.watch-frame img{display:block;width:100%;height:100%;object-fit:cover}.shot-wide{margin:1.5rem 0 0;border-radius:1rem;overflow:hidden;border:1px solid var(--border);background:#05080e}.shot-wide img{display:block;width:100%;height:auto}.shot-crop-dst{max-height:36rem}.shot-crop-dst img{height:36rem;object-fit:cover;object-position:50% 18%}.shot-landscape img{width:100%;height:auto}.band-alt{background:#0d1b2a8c;border-block:1px solid var(--border)}.marketing h2{color:var(--caption);margin:0 0 1rem;font-size:clamp(1.45rem,2.4vw,2rem)}.two-col{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.95fr);gap:2.5rem;align-items:center}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1.25rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:1rem;padding:1.25rem 1.35rem}.feature-card h3{color:var(--caption);margin:0 0 .5rem;font-size:1.05rem}.feature-card p{margin:0;color:var(--muted)}.marketing .fine-print{color:var(--time-subtext);font-size:.95rem}.legal-row{display:flex;flex-wrap:wrap;gap:1rem 1.5rem}@media(max-width:900px){.marketing .hero,.two-col,.feature-grid{grid-template-columns:1fr}.phone-frame{max-width:18rem}}@media(max-width:640px){.site-header .wrap{flex-direction:column;align-items:flex-start}.content table{display:block;overflow-x:auto}}
