:root{
  --bg:#050607;
  --panel:#0b0d10;
  --panel-2:#10141a;
  --text:#f7f7f2;
  --muted:#a7abb2;
  --soft:#d9e7ef;
  --line:rgba(255,255,255,.12);
  --blue:#8fa8b7;
  --blue-2:#b5ccd8;
  --gold:#ffbd4a;
  --green:#75a05d;
  --coral:#ff5864;
  --radius:28px;
  --shadow:0 30px 90px rgba(0,0,0,.45);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 80% 0%,rgba(143,168,183,.18),transparent 34%),linear-gradient(180deg,#050607 0%,#080a0d 52%,#030405 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.5;letter-spacing:-.02em}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}.wrap{width:min(1160px,calc(100% - 40px));margin:0 auto}.nav{position:sticky;top:0;z-index:50;background:rgba(5,6,7,.72);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.08)}.nav-inner{height:76px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;gap:12px;align-items:center;font-weight:800;font-size:20px;letter-spacing:-.04em}.brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,var(--blue),#516675);display:grid;place-items:center;overflow:hidden}.brand-mark img{width:29px;height:29px;object-fit:contain;filter:brightness(2.1) contrast(1.1)}.nav-links{display:flex;gap:26px;align-items:center;color:var(--muted);font-size:14px;font-weight:650}.nav-links a:hover{color:var(--text)}.nav-cta{padding:10px 15px;border:1px solid rgba(255,255,255,.18);border-radius:999px;color:var(--text);background:rgba(255,255,255,.06)}.hero{position:relative;overflow:hidden;padding:84px 0 72px}.hero-grid{display:grid;grid-template-columns:1.02fr .98fr;gap:56px;align-items:center}.eyebrow{display:inline-flex;gap:8px;align-items:center;padding:8px 12px;border:1px solid rgba(143,168,183,.32);background:rgba(143,168,183,.11);border-radius:999px;color:var(--blue-2);font-size:13px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.h1{font-size:clamp(48px,7vw,92px);line-height:.92;margin:22px 0 22px;letter-spacing:-.075em}.gradient-text{background:linear-gradient(120deg,#fff 0%,#dceaf0 43%,#8fa8b7 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:clamp(18px,2vw,23px);color:#c9ced4;max-width:650px;margin:0 0 30px;letter-spacing:-.025em}.actions{display:flex;gap:14px;flex-wrap:wrap;margin:34px 0 28px}.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:999px;padding:14px 20px;font-weight:800;border:1px solid rgba(255,255,255,.16);transition:.2s ease;background:rgba(255,255,255,.05)}.button.primary{background:linear-gradient(135deg,var(--blue),#617788);color:#060708;border:0;box-shadow:0 20px 50px rgba(143,168,183,.25)}.button:hover{transform:translateY(-2px)}.hero-note{display:flex;gap:14px;align-items:center;color:var(--muted);font-size:14px}.pulse{width:10px;height:10px;border-radius:99px;background:var(--gold);box-shadow:0 0 0 8px rgba(255,189,74,.12)}.phone-stage{position:relative;min-height:650px;display:grid;place-items:center}.glow{position:absolute;width:470px;height:470px;border-radius:50%;background:radial-gradient(circle,rgba(143,168,183,.34),transparent 70%);filter:blur(16px)}.phone{position:relative;width:min(360px,82vw);aspect-ratio:9/19.5;border-radius:46px;padding:11px;background:linear-gradient(160deg,rgba(255,255,255,.26),rgba(255,255,255,.06));box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.16);transform:rotate(2deg)}.phone img{width:100%;height:100%;object-fit:cover;border-radius:36px}.phone:before{content:"";position:absolute;top:20px;left:50%;transform:translateX(-50%);width:88px;height:24px;border-radius:99px;background:#050607;z-index:2}.float-card{position:absolute;z-index:3;background:rgba(16,20,26,.76);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(16px);border-radius:20px;padding:14px 16px;box-shadow:0 20px 60px rgba(0,0,0,.35)}.float-card.one{left:6%;bottom:16%;max-width:210px}.float-card.two{right:0;top:18%;max-width:190px}.mini-label{font-size:12px;text-transform:uppercase;letter-spacing:.14em;color:var(--blue-2);font-weight:900}.mini-text{font-size:15px;margin-top:4px;color:#fff;font-weight:700}.section{padding:86px 0}.section.alt{background:linear-gradient(180deg,rgba(255,255,255,.02),rgba(255,255,255,0))}.section-head{max-width:760px;margin-bottom:38px}.section-kicker{color:var(--blue-2);font-weight:900;text-transform:uppercase;letter-spacing:.16em;font-size:13px}.h2{font-size:clamp(34px,4vw,58px);line-height:1.02;margin:12px 0 12px;letter-spacing:-.06em}.section-copy{color:var(--muted);font-size:18px;max-width:720px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.feature{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);padding:26px;min-height:250px}.feature-icon{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;background:rgba(143,168,183,.13);font-size:22px;margin-bottom:34px}.feature h3{font-size:24px;margin:0 0 10px;letter-spacing:-.04em}.feature p{color:var(--muted);margin:0;font-size:16px}.showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.screen-card{position:relative;border-radius:34px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#111;box-shadow:0 24px 70px rgba(0,0,0,.34);min-height:560px}.screen-card img{width:100%;height:100%;object-fit:cover;min-height:560px;transition:transform .5s ease}.screen-card:hover img{transform:scale(1.035)}.screen-caption{position:absolute;left:18px;right:18px;bottom:18px;padding:18px;border-radius:22px;background:rgba(5,6,7,.62);border:1px solid rgba(255,255,255,.13);backdrop-filter:blur(16px)}.screen-caption h3{margin:0 0 4px;font-size:19px}.screen-caption p{margin:0;color:#c9ced4;font-size:14px}.split{display:grid;grid-template-columns:1fr 1fr;gap:46px;align-items:center}.visual-stack{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:14px}.visual-stack img{border-radius:30px;border:1px solid rgba(255,255,255,.14);box-shadow:0 30px 80px rgba(0,0,0,.36)}.visual-stack img:first-child{margin-top:62px}.steps{display:grid;gap:14px}.step{display:grid;grid-template-columns:46px 1fr;gap:16px;padding:20px;border-radius:24px;border:1px solid var(--line);background:rgba(255,255,255,.045)}.num{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;background:rgba(143,168,183,.16);color:var(--blue-2);font-weight:900}.step h3{margin:0 0 4px;font-size:21px}.step p{margin:0;color:var(--muted)}.science-band{border-radius:36px;padding:34px;background:linear-gradient(135deg,rgba(143,168,183,.14),rgba(255,189,74,.09));border:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr 1fr;gap:18px}.stat{padding:22px;border-radius:24px;background:rgba(0,0,0,.22);border:1px solid rgba(255,255,255,.1)}.stat strong{display:block;font-size:36px;letter-spacing:-.05em}.stat span{color:var(--muted);font-size:14px}.cta{padding:94px 0 110px}.cta-box{text-align:center;border-radius:44px;padding:64px 30px;background:radial-gradient(circle at 50% 0%,rgba(143,168,183,.22),transparent 42%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid rgba(255,255,255,.14)}.cta-box h2{font-size:clamp(38px,5vw,70px);margin:0 0 14px;letter-spacing:-.07em;line-height:.98}.cta-box p{color:var(--muted);font-size:19px;margin:0 auto 28px;max-width:650px}.footer{border-top:1px solid rgba(255,255,255,.1);padding:36px 0;color:var(--muted)}.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:24px}.footer a:hover{color:var(--text)}.footer h4{color:var(--text);margin:0 0 12px}.footer-links{display:grid;gap:8px}.page-hero{padding:74px 0 36px}.page{max-width:860px}.page h1{font-size:clamp(42px,6vw,72px);line-height:.96;letter-spacing:-.07em;margin:0 0 18px}.page p,.page li{color:#c4c8ce;font-size:18px}.page-card{background:rgba(255,255,255,.055);border:1px solid var(--line);border-radius:30px;padding:28px;margin:22px 0}.page-card h2{margin-top:0;letter-spacing:-.04em}.legal{padding-bottom:90px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.faq-item{border-bottom:1px solid rgba(255,255,255,.1);padding:20px 0}.faq-item h3{margin:0 0 8px}.muted{color:var(--muted)}@media (max-width:900px){.nav-links{display:none}.hero{padding-top:48px}.hero-grid,.split{grid-template-columns:1fr}.phone-stage{min-height:560px}.features,.showcase,.science-band,.footer-grid,.support-grid{grid-template-columns:1fr}.showcase{max-width:430px;margin:0 auto}.screen-card,.screen-card img{min-height:0}.float-card.two{right:4%}.float-card.one{left:2%}.section{padding:62px 0}.visual-stack{max-width:520px;margin:0 auto}.footer-grid{gap:32px}}@media (max-width:520px){.wrap{width:min(100% - 28px,1160px)}.actions{display:grid}.button{width:100%}.phone{width:300px}.float-card{display:none}.hero-note{align-items:flex-start}.feature{min-height:auto}.visual-stack{grid-template-columns:1fr 1fr;gap:10px}.screen-caption{position:relative;left:auto;right:auto;bottom:auto;border-radius:0;background:#090b0e}.screen-card{border-radius:26px}.science-band{padding:18px}.cta-box{padding:44px 20px;border-radius:34px}}


.nav-links a.active{color:var(--text)}
.nav-links a.active:after{content:"";display:block;height:2px;margin-top:6px;border-radius:99px;background:var(--blue)}
.page-wide{max-width:1080px}.page-intro{display:grid;grid-template-columns:1.4fr .8fr;gap:28px;align-items:end;margin-bottom:18px}.hint-cloud{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.hint-cloud span{padding:10px 13px;border-radius:999px;background:rgba(143,168,183,.12);border:1px solid rgba(143,168,183,.26);color:#dceaf0;font-size:13px;font-weight:800;letter-spacing:.01em}.page-media-row{display:grid;grid-template-columns:1fr 300px;gap:22px;align-items:center;margin:22px 0}.page-media-row.reverse{grid-template-columns:300px 1fr}.page-media-row.reverse .page-card{order:2}.mini-shot{margin:0;border-radius:30px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#10141a;box-shadow:0 24px 70px rgba(0,0,0,.32);position:relative}.mini-shot img{width:100%;height:440px;object-fit:cover;object-position:top center}.mini-shot figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:12px 14px;border-radius:18px;background:rgba(5,6,7,.64);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(14px);font-size:13px;color:#d8dde2;font-weight:750}.science-showcase{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:26px 0 26px}.science-showcase figure{margin:0;border-radius:28px;overflow:hidden;border:1px solid rgba(255,255,255,.14);box-shadow:0 20px 60px rgba(0,0,0,.28);background:#111}.science-showcase img{width:100%;height:430px;object-fit:cover;object-position:top center}.science-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.science-grid .page-card{margin:0}.science-callout{border-color:rgba(255,189,74,.25);background:linear-gradient(135deg,rgba(255,189,74,.1),rgba(143,168,183,.08))}
@media (max-width:900px){.page-intro,.page-media-row,.page-media-row.reverse,.science-grid{grid-template-columns:1fr}.page-media-row.reverse .page-card{order:0}.hint-cloud{justify-content:flex-start}.science-showcase{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}.mini-shot{max-width:420px}.mini-shot img,.science-showcase img{height:auto}}


/* --- Refinements: cleaner page layouts, better screenshot crops, straight section phones --- */
.section .phone{transform:none}
.page-media-row{grid-template-columns:minmax(0,1fr) 260px;gap:18px;align-items:center;margin:14px 0}
.page-media-row.reverse{grid-template-columns:260px minmax(0,1fr)}
.page-media-row .page-card{margin:0}
.mini-shot img{height:350px;object-fit:cover;object-position:center top}
.mini-shot.pos-top img{object-position:top center}
.mini-shot.pos-bottom img{object-position:bottom center}
.science-showcase{margin:18px 0 20px}
.science-showcase img{height:360px;object-position:bottom center}
.science-showcase figure{min-height:0}
.page-card{padding:24px}
.page-hero{padding:58px 0 34px}
.science-grid{gap:14px}
@media (max-width:900px){
  .page-media-row,.page-media-row.reverse{grid-template-columns:1fr;gap:14px;margin:18px 0}
  .page-media-row.reverse .page-card{order:0}
  .mini-shot{max-width:360px;margin:0 auto}
  .mini-shot img{height:auto}
  .science-showcase img{height:auto}
}


/* --- Iteration v3: consistent nav, mobile menu, tighter process/science pages --- */
.nav-links a{white-space:nowrap}.menu-toggle{display:none;width:42px;height:42px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(255,255,255,.05);align-items:center;justify-content:center;gap:4px;flex-direction:column;cursor:pointer}.menu-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:#f7f7f2}.nav-links .nav-cta{display:inline-flex;color:var(--text)}
.page-intro.compact{align-items:center;margin-bottom:24px}.hint-cloud.left{justify-content:flex-start;margin-top:18px}.process-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:28px 0 26px}.process-card{border:1px solid var(--line);border-radius:30px;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.028));overflow:hidden;box-shadow:0 24px 70px rgba(0,0,0,.24);display:flex;flex-direction:column;min-height:0}.process-shot{margin:0;height:330px;background:#111;overflow:hidden;border-bottom:1px solid rgba(255,255,255,.1)}.process-shot img{width:100%;height:100%;object-fit:cover}.process-shot.pos-top img{object-position:top center}.process-shot.pos-bottom img{object-position:bottom center}.process-copy{padding:18px 18px 20px}.process-copy span{width:34px;height:34px;border-radius:50%;background:rgba(143,168,183,.15);color:var(--blue-2);display:grid;place-items:center;font-weight:900;margin-bottom:12px}.process-copy h2{font-size:22px;line-height:1.04;margin:0 0 10px;letter-spacing:-.05em}.process-copy p{font-size:15px;color:#c5cbd1;margin:0}.short-callout{margin-top:20px;text-align:center}.short-callout p{max-width:720px;margin-left:auto;margin-right:auto}.science-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) 420px;gap:48px;align-items:center;margin-bottom:30px}.science-collage{position:relative;height:420px}.collage-phone{position:absolute;width:190px;border-radius:30px;padding:7px;background:linear-gradient(160deg,rgba(255,255,255,.24),rgba(255,255,255,.055));box-shadow:0 24px 70px rgba(0,0,0,.35);border:1px solid rgba(255,255,255,.14);overflow:hidden}.collage-phone img{width:100%;aspect-ratio:9/19.5;object-fit:cover;object-position:bottom center;border-radius:23px}.collage-phone.a{left:0;top:42px;transform:rotate(-7deg)}.collage-phone.b{left:118px;top:0;z-index:2;transform:rotate(3deg)}.collage-phone.c{right:0;top:64px;transform:rotate(8deg)}.compact-row{margin-top:20px}
@media (max-width:1100px){.nav-links{gap:18px;font-size:13px}.process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.process-shot{height:360px}.science-hero-grid{grid-template-columns:1fr}.science-collage{height:390px;max-width:520px;margin:0 auto;width:100%}}
@media (max-width:900px){.nav-inner{height:auto;min-height:68px;position:relative;flex-wrap:wrap;padding:12px 0}.menu-toggle{display:flex}.nav-links{display:none;position:absolute;left:0;right:0;top:100%;padding:14px;background:rgba(5,6,7,.96);border:1px solid rgba(255,255,255,.1);border-radius:0 0 22px 22px;box-shadow:0 24px 60px rgba(0,0,0,.42);backdrop-filter:blur(18px);z-index:90}.nav-links.open{display:grid;gap:8px}.nav-links a{display:block;padding:12px 14px;border-radius:14px}.nav-links a.active,.nav-links a:hover{background:rgba(143,168,183,.12)}.nav-links a.active:after{display:none}.nav-links .nav-cta{justify-content:center;margin-top:6px;background:linear-gradient(135deg,var(--blue),#617788);color:#060708;border:0}.process-grid{grid-template-columns:1fr 1fr}.process-shot{height:330px}.science-collage{transform:scale(.92);transform-origin:center}.science-hero-grid{gap:20px}.page-intro.compact{grid-template-columns:1fr}.hint-cloud{justify-content:flex-start}}
@media (max-width:620px){.process-grid{grid-template-columns:1fr}.process-shot{height:420px}.science-collage{height:330px;transform:scale(.78);transform-origin:top center;margin-bottom:-54px}.collage-phone{width:170px}.h1,.page h1{word-break:normal}.brand{font-size:18px}.brand-mark{width:34px;height:34px}.brand-mark img{width:26px;height:26px}}


/* --- Iteration v4: full how-it-works placeholders, no screenshot cropping --- */
.process-grid.process-grid-full{align-items:start}
.process-grid-full .process-card{height:100%}
.process-grid-full .process-shot{height:auto;aspect-ratio:9/19.5;background:linear-gradient(180deg,rgba(143,168,183,.1),rgba(255,255,255,.025));display:grid;place-items:center}
.process-grid-full .process-shot img{width:100%;height:100%;object-fit:contain;object-position:center center}
.process-grid-full .process-copy strong{color:#fff}
@media (max-width:1100px){.process-grid.process-grid-full{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.process-grid-full .process-copy{padding:16px 14px 18px}.process-grid-full .process-copy h2{font-size:20px}.process-grid-full .process-copy p{font-size:14px}}
@media (max-width:820px){.process-grid.process-grid-full{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}}
@media (max-width:520px){.process-grid.process-grid-full{grid-template-columns:1fr}.process-grid-full .process-shot{max-height:none}}