:root{--night:#030817;--night-soft:#07122c;--panel:#0e1a3b;--panel-soft:#111f44;--ink:#f7f4ff;--muted:#b4bdd6;--line:#b8cdff29;--violet:#c184ff;--lavender:#d9bdff;--cyan:#5be8ff;--mint:#2de8c8}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--ink);background:radial-gradient(circle at 82% 8%, #41ddf71c, transparent 28%), radial-gradient(circle at 14% 27%, #b964ff1c, transparent 26%), var(--night);text-rendering:optimizelegibility;margin:0;font-family:Inter,Manrope,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit}img{max-width:100%;display:block}main{width:min(1240px,100% - 48px);margin:0 auto;overflow:hidden}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:28px;min-height:78px;display:flex}.brand{align-items:center;gap:11px;font-weight:850;text-decoration:none;display:inline-flex}.brand img{border-radius:11px;width:36px;height:36px}.site-header nav{align-items:center;gap:24px;display:flex}.site-header nav a,.footer-links a{color:#cad3ea;font-size:13px;font-weight:700;text-decoration:none}.site-header nav a:hover,.footer-links a:hover{color:var(--cyan)}.hero{grid-template-columns:minmax(0,.92fr) minmax(500px,1.08fr);align-items:center;gap:64px;min-height:760px;padding:74px 0 78px;display:grid}.hero-copy{z-index:2;position:relative}.eyebrow{color:var(--cyan);letter-spacing:.12em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.058em;max-width:700px;margin-bottom:24px;font-size:clamp(46px,5.6vw,72px);line-height:.98}.summary{color:#cbd3e8;max-width:650px;margin-bottom:28px;font-size:18px;line-height:1.68}.hero-points{flex-wrap:wrap;gap:10px;margin:0 0 28px;padding:0;list-style:none;display:flex}.hero-points li{color:#dce9fa;background:#5be8ff0e;border:1px solid #5be8ff33;border-radius:999px;padding:10px 13px;font-size:12px;font-weight:760}.evidence-line{border-left:2px solid var(--mint);max-width:600px;color:var(--muted);background:linear-gradient(90deg,#2de8c817,#0000);margin:0;padding:15px 17px;font-size:13px;line-height:1.6}.evidence-line strong{color:var(--mint)}.hero-gallery{min-height:660px;position:relative}.hero-phone{margin:0;position:absolute}.hero-phone-primary{z-index:2;width:min(350px,62%);top:0;left:0;transform:rotate(-3deg)}.hero-phone-secondary{z-index:1;width:min(330px,58%);bottom:0;right:0;transform:rotate(4deg)}.hero-phone .screen-link,.phone-shot .screen-link{background:#07122d;border:1px solid #fff3;border-radius:30px;display:block;position:relative;overflow:hidden;box-shadow:0 34px 80px #0000007a,0 0 0 8px #0b1530cc}.screen-link img{aspect-ratio:3/5;object-fit:cover;width:100%}.screen-link span{color:#f8f5ff;letter-spacing:.04em;opacity:0;background:#030817db;border-radius:999px;padding:8px 10px;font-size:10px;font-weight:850;transition:opacity .16s,transform .16s;position:absolute;bottom:12px;right:12px;transform:translateY(5px)}:is(.screen-link:hover span,.screen-link:focus-visible span){opacity:1;transform:translateY(0)}.screen-link:focus-visible{outline:3px solid var(--cyan);outline-offset:5px}.hero-phone figcaption,.phone-shot figcaption{color:#939eb9;letter-spacing:.04em;text-align:center;margin-top:16px;font-size:11px;font-weight:750}.section-heading{max-width:780px;padding:90px 0 52px}.section-heading h2,.data-use h2{letter-spacing:-.05em;margin-bottom:16px;font-size:clamp(38px,5vw,60px);line-height:1.02}.section-heading>p:last-child{color:var(--muted);margin-bottom:0;font-size:16px}.walkthrough{border-top:1px solid var(--line)}.story-row{border-bottom:1px solid var(--line);grid-template-columns:minmax(280px,.75fr) minmax(380px,1.25fr);align-items:center;gap:88px;min-height:720px;padding:72px 32px;display:grid}.story-row-reverse .story-copy{order:2}.story-row-reverse .phone-shot{order:1;justify-self:start}.story-copy{max-width:500px}.step-number{color:var(--cyan);letter-spacing:.11em;text-transform:uppercase;font-size:11px;font-weight:900}.story-copy h3{letter-spacing:-.045em;margin:18px 0;font-size:clamp(34px,4.5vw,52px);line-height:1.03}.story-copy>p{color:var(--muted);margin-bottom:0;font-size:17px;line-height:1.72}.story-copy .evidence-note{color:#d6c7ed;background:#c184ff12;border:1px solid #c184ff3b;border-radius:14px;margin-top:24px;padding:15px 17px;font-size:13px;line-height:1.6}.phone-shot{justify-self:end;width:min(100%,450px);margin:0}.phone-shot .screen-link{border-radius:34px}.data-use{background:linear-gradient(145deg, #c184ff17, #5be8ff09), var(--panel);border:1px solid #c184ff38;border-radius:28px;margin:110px 0 76px;padding:58px}.data-use>div:first-child{max-width:900px}.data-use h2{max-width:900px;margin-bottom:42px}.data-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.data-grid article{border:1px solid var(--line);background:#03081775;border-radius:18px;padding:24px}.data-grid span{color:var(--cyan);letter-spacing:.12em;font-size:10px;font-weight:900}.data-grid h3{margin:18px 0 10px;font-size:20px}.data-grid p{color:var(--muted);margin:0;font-size:14px;line-height:1.65}footer{border-top:1px solid var(--line);color:#8792ad;padding:34px 0 54px;font-size:12px;line-height:1.7}.footer-links{flex-wrap:wrap;gap:24px;margin-bottom:17px;display:flex}footer p{max-width:900px;margin-bottom:0}@media (max-width:980px){.hero{grid-template-columns:1fr;gap:48px;min-height:0}.hero-copy{max-width:760px}.hero-gallery{width:min(680px,100%);min-height:610px;margin:0 auto}.story-row{gap:54px;padding-inline:16px}}@media (max-width:720px){main{width:min(100% - 24px,620px)}.site-header{min-height:68px}.site-header nav{gap:14px}.site-header nav a{font-size:11px}.site-header nav a:first-child{display:none}.hero{padding:28px 0 62px}h1{font-size:clamp(42px,12vw,58px)}.summary{font-size:16px}.hero-gallery{order:-1;min-height:430px}.hero-phone-primary{width:62%}.hero-phone-secondary{width:58%}.section-heading{padding:68px 2px 38px}.section-heading h2,.data-use h2{font-size:clamp(36px,10vw,48px)}.story-row{grid-template-columns:1fr;gap:34px;min-height:0;padding:58px 4px 66px}.story-row-reverse .story-copy,.story-row-reverse .phone-shot{order:initial}.story-copy,.phone-shot{justify-self:stretch;width:100%;max-width:100%}.phone-shot{padding:0 12px}.story-copy h3{font-size:clamp(34px,10vw,46px)}.story-copy>p{font-size:16px}.data-use{border-radius:22px;margin-top:78px;padding:30px 20px}.data-grid{grid-template-columns:1fr}}@media (max-width:430px){.brand span{font-size:14px}.site-header nav a:nth-child(2){display:none}.hero-points{display:grid}.hero-gallery{min-height:410px}.hero-phone figcaption{font-size:9px}.screen-link span{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.screen-link span{transition:none}}
