:root { --black:#05070a; --ink:#0b0d10; --muted:#636870; --line:#252931; --paper:#fff; --soft:#f4f6f8; --blue:#176bff; --shell:1180px; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:#fff; font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Helvetica Neue",Arial,sans-serif; -webkit-font-smoothing:antialiased; }
a { color:inherit; text-decoration:none; }
img { display:block; max-width:100%; }
:focus-visible { outline:3px solid rgba(55,132,255,.7); outline-offset:4px; }
.shell { width:min(calc(100% - 48px),var(--shell)); margin-inline:auto; }
.site-header { height:79px; color:#fff; background:var(--black); border-bottom:1px solid #20242a; }
.header-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; height:100%; }
.brand,.footer-brand { display:inline-flex; align-items:center; gap:13px; font-size:15px; font-weight:760; letter-spacing:.23em; }
.brand { justify-self:start; }.brand img { width:35px; height:35px; border-radius:9px; }
.main-nav { display:flex; gap:40px; color:#b2b6be; font-size:14px; font-weight:650; }.main-nav a,.header-cta { transition:color 160ms ease,background 160ms ease,transform 160ms ease; }.main-nav a:hover { color:#fff; }
.header-cta { justify-self:end; padding:12px 20px; border-radius:11px; background:#fff; color:#090b0e; font-size:14px; font-weight:720; }.header-cta:hover { transform:translateY(-1px); background:#e8ebef; }
.dark-stage { color:#fff; background:var(--black); }
.home-hero { min-height:701px; overflow:hidden; }.hero-shell { display:grid; grid-template-columns:minmax(0,.86fr) minmax(480px,1.14fr); align-items:center; min-height:701px; }
.hero-copy { position:relative; z-index:2; max-width:530px; }.hero-copy h1 { margin:0; font-size:clamp(64px,6.6vw,85px); font-weight:720; line-height:.91; letter-spacing:-.067em; }.hero-copy p { max-width:500px; margin:34px 0 31px; color:#b2b6be; font-size:20px; line-height:1.45; letter-spacing:-.02em; }
.store-button { display:inline-flex; align-items:center; min-width:174px; height:56px; gap:11px; padding:8px 16px; border-radius:11px; background:#07090b; color:#fff; box-shadow:0 0 0 1px rgba(255,255,255,.15); }.store-button-outline { background:transparent; box-shadow:inset 0 0 0 1px #717681; }.store-button svg { width:27px; height:27px; flex:0 0 auto; }.store-button span { display:grid; font-size:19px; font-weight:520; line-height:1; letter-spacing:-.025em; }.store-button small { margin-bottom:3px; font-size:10px; font-weight:500; letter-spacing:0; }
.hero-visual { align-self:stretch; display:flex; align-items:flex-end; justify-content:center; min-width:0; background:radial-gradient(circle at 66% 45%,rgba(23,107,255,.18),transparent 42%); }.hero-visual img { width:min(100%,342px); height:662px; object-fit:cover; object-position:top center; border-radius:30px 30px 0 0; box-shadow:0 0 80px rgba(23,107,255,.16); }
.features-section { padding:108px 0 118px; overflow:hidden; }.features-heading { text-align:center; }.features-heading h2,.story-copy h2,.privacy-inner h2,.closing-copy h2 { margin:0; font-size:clamp(50px,5vw,68px); font-weight:710; line-height:.98; letter-spacing:-.06em; }.features-heading p { margin:20px auto 0; color:#aeb2ba; font-size:18px; }
.screen-showcase { display:flex; width:max-content; gap:28px; margin:70px auto 0; padding:0 26px; transform:translateX(0); }.screen-showcase article { width:227px; }.screen-frame { width:227px; height:495px; overflow:hidden; border:1px solid #313640; border-radius:26px; background:#11151b; box-shadow:0 24px 52px rgba(0,0,0,.42); }.screen-frame img { width:100%; height:100%; object-fit:cover; }.screen-label { display:flex; align-items:baseline; gap:12px; margin-top:19px; }.screen-label span { color:#6d727d; font-size:12px; font-weight:700; }.screen-label h3 { margin:0; font-size:17px; font-weight:650; letter-spacing:-.025em; }
.story-section { background:#fff; }.story-inner { display:grid; grid-template-columns:1fr 420px; align-items:center; min-height:760px; gap:100px; }.story-copy { max-width:560px; }.story-copy p { max-width:530px; margin:28px 0 26px; color:var(--muted); font-size:18px; line-height:1.55; }.story-copy ul { display:grid; gap:13px; margin:0; padding:0; list-style:none; color:#3e434a; font-size:15px; }.story-copy li::before { content:""; display:inline-block; width:6px; height:6px; margin:0 12px 2px 0; border-radius:50%; background:var(--blue); }.story-visual { align-self:end; display:flex; justify-content:center; height:715px; overflow:hidden; }.story-visual img { width:328px; height:715px; object-fit:cover; border-radius:30px 30px 0 0; box-shadow:0 24px 70px rgba(35,26,16,.17); }
.privacy-section { background:var(--soft); }.privacy-inner { display:grid; grid-template-columns:1fr 280px; align-items:center; min-height:432px; gap:110px; overflow:hidden; }.privacy-inner>div { max-width:700px; }.privacy-inner p { max-width:680px; margin:24px 0 22px; color:var(--muted); font-size:17px; line-height:1.55; }.privacy-inner a { display:inline-flex; align-items:center; gap:9px; color:#11151b; font-size:14px; font-weight:700; }.privacy-inner a svg { width:17px; }.privacy-inner>img { align-self:end; width:230px; height:365px; object-fit:cover; object-position:top; border-radius:24px 24px 0 0; box-shadow:0 20px 55px rgba(30,30,30,.14); }
.closing-section { background:#fff; }.closing-inner { display:grid; grid-template-columns:1fr 360px; align-items:center; min-height:480px; }.closing-copy p { margin:22px 0 27px; color:var(--muted); font-size:18px; }.closing-icon { justify-self:end; width:282px; height:282px; border-radius:64px; box-shadow:0 28px 70px rgba(38,31,21,.18); }
.site-footer { border-top:1px solid #e2e4e7; background:#fff; }.footer-inner { display:grid; grid-template-columns:1fr auto 1fr; align-items:center; min-height:104px; font-size:13px; }.footer-brand { justify-self:start; color:#16191d; font-size:13px; }.footer-brand img { border-radius:7px; }.footer-inner nav { display:flex; gap:30px; color:#555a62; }.footer-inner p { justify-self:end; margin:0; color:#777c84; }
@media (max-width:1180px) { .screen-showcase { width:100%; justify-content:flex-start; overflow-x:auto; transform:none; scrollbar-width:none; }.screen-showcase::-webkit-scrollbar { display:none; } }
@media (max-width:820px) {
  .shell { width:min(calc(100% - 32px),var(--shell)); }.site-header { height:72px; }.header-inner { display:flex; justify-content:space-between; }.main-nav { margin-left:auto; margin-right:18px; gap:20px; }.privacy-nav { display:none; }.header-cta { padding:10px 14px; }.brand span { display:none; }
  .home-hero { min-height:auto; }.hero-shell { grid-template-columns:1fr; min-height:auto; padding-top:74px; }.hero-copy { text-align:center; margin-inline:auto; }.hero-copy h1 { font-size:clamp(52px,13vw,72px); }.hero-copy p { margin:26px auto 28px; font-size:18px; }.hero-visual { margin-top:62px; }.hero-visual img { width:min(82vw,342px); height:auto; max-height:none; }
  .features-section { padding:84px 0 96px; }.features-heading h2 { font-size:48px; }.features-heading p { max-width:340px; line-height:1.5; }.screen-showcase { margin-top:52px; padding-left:20px; padding-right:20px; }.screen-showcase article { flex:0 0 220px; width:220px; }.screen-frame { width:220px; height:478px; }
  .story-inner { grid-template-columns:1fr; min-height:auto; gap:58px; padding-top:84px; }.story-copy { text-align:left; }.story-visual { height:610px; }.story-visual img { width:280px; height:608px; }
  .privacy-inner { grid-template-columns:1fr; min-height:auto; gap:48px; padding-top:84px; }.privacy-inner>img { justify-self:center; width:230px; }
  .closing-inner { grid-template-columns:1fr; gap:54px; padding:84px 0; text-align:center; }.closing-icon { justify-self:center; width:210px; height:210px; border-radius:48px; }
  .footer-inner { grid-template-columns:1fr; gap:22px; padding:34px 0; text-align:center; }.footer-brand,.footer-inner p { justify-self:center; }.footer-inner nav { justify-content:center; flex-wrap:wrap; }
}
@media (max-width:460px) { .main-nav { margin-right:0; }.main-nav a:first-child { display:none; }.header-cta { display:none; }.hero-copy h1 { font-size:52px; }.features-heading h2,.story-copy h2,.privacy-inner h2,.closing-copy h2 { font-size:44px; }.story-copy p,.privacy-inner p { font-size:16px; } }
@media (prefers-reduced-motion:reduce) { * { scroll-behavior:auto!important; } }