:root{--bg:#04111c;--bg2:#061725;--surface:#0a1b2a;--surface2:#102638;--text:#edf8ff;--muted:#9bb8ca;--blue:#20a8ff;--line:rgba(86,151,190,.25);--shadow:0 28px 70px rgba(0,0,0,.42)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.55}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:50;background:rgba(3,15,25,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(116,175,210,.12)}.nav{height:72px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:18px}.brand img{width:34px;height:34px;border-radius:9px}.iq,.accent{color:var(--blue)}.nav-links{margin-left:auto;display:flex;align-items:center;gap:24px;font-size:13px;font-weight:700;color:#b8cfdd}.nav-links a:hover,.nav-links .active{color:#4fc0ff}.nav-cta{border:1px solid #147ab5;padding:9px 16px;border-radius:999px}.menu{display:none;margin-left:auto;background:none;border:0;color:white;font-size:24px}
.approved-hero{position:relative;overflow:hidden;min-height:720px;background:linear-gradient(90deg,rgba(2,14,24,.98) 0%,rgba(3,18,30,.91) 45%,rgba(3,18,30,.50) 70%,rgba(3,18,30,.28)),url('/assets/sunset-header.webp') center/cover no-repeat}.approved-hero:after{content:"";position:absolute;inset:auto 0 0;height:20%;background:linear-gradient(transparent,#04111c)}.approved-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;min-height:720px;gap:30px}.approved-copy{padding:70px 0}.hero-pill{display:inline-block;padding:9px 15px;border:1px solid rgba(32,168,255,.45);border-radius:999px;background:rgba(3,35,55,.55)}.eyebrow{font-size:12px;letter-spacing:.12em;font-weight:850;color:#55c4ff}.approved-copy h1{font-size:clamp(62px,7vw,98px);line-height:.94;margin:25px 0 22px;letter-spacing:-.055em}.approved-copy h2{font-size:clamp(35px,4vw,54px);line-height:1.05;margin:0 0 24px;letter-spacing:-.035em}.lead{font-size:19px;color:#c0d4e0;max-width:690px}.hero-feature-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin:30px 0 28px}.hero-feature-row>div{display:flex;gap:10px;align-items:center;padding:0 14px;border-right:1px solid rgba(104,162,196,.18);font-size:12px}.hero-feature-row>div:first-child{padding-left:0}.hero-feature-row>div:last-child{border-right:0}.hero-feature-row span{font-size:28px;color:var(--blue)}.buttons{display:flex;gap:14px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 22px;border-radius:999px;font-weight:800;border:1px solid #2e9dd7}.btn.primary{background:linear-gradient(180deg,#24aaff,#087ed0);border-color:#1ca2f4}.btn.secondary{background:rgba(4,21,33,.58)}.btn.disabled{cursor:default}
.hero-phone-wrap{display:flex;justify-content:center;align-items:center;perspective:1300px}.premium-phone{position:relative;padding:9px;border-radius:48px;background:linear-gradient(145deg,#76c8ef 0%,#0b405e 10%,#07121c 22%,#03101a 76%,#1681b7 94%,#8bd8fa 100%);box-shadow:0 42px 80px rgba(0,0,0,.58),0 0 0 1px rgba(137,218,255,.34),inset 0 0 0 2px rgba(0,0,0,.8)}.premium-phone:before{content:"";position:absolute;top:17px;left:50%;transform:translateX(-50%);width:32%;height:26px;border-radius:999px;background:#02070c;z-index:4;box-shadow:inset 0 -1px 2px rgba(255,255,255,.08)}.phone-screen{position:relative;overflow:hidden;border-radius:39px;background:#03111c;aspect-ratio:9/20.2}.phone-screen img{width:100%;height:100%;object-fit:cover;object-position:center top}.hero-phone{width:min(390px,86%);transform:rotateY(-7deg) rotateZ(1deg);filter:drop-shadow(18px 25px 24px rgba(0,0,0,.35))}.phone-side-button{position:absolute;right:-5px;width:5px;border-radius:0 4px 4px 0;background:linear-gradient(#4b94b7,#0b3449)}.phone-side-button.one{top:125px;height:58px}.phone-side-button.two{top:202px;height:92px}
.sibling-hero-band{position:relative;background:#04111c;border-top:1px solid rgba(32,168,255,.45);border-bottom:1px solid rgba(86,151,190,.15)}.sibling-hero-inner{min-height:118px;display:grid;grid-template-columns:auto 1fr auto;gap:22px;align-items:center}.sibling-logo{width:62px;height:62px;border-radius:16px}.sibling-hero-inner h3{font-size:27px;margin:0}.sibling-hero-inner p{margin:3px 0 0;color:var(--muted)}
.section{padding:90px 0}.section.tight{padding:60px 0}.band{background:#061725;border-top:1px solid rgba(86,151,190,.12);border-bottom:1px solid rgba(86,151,190,.12)}.section-heading{margin-bottom:38px}.centered{text-align:center}.section-heading h2,.approved-feature-split h2{font-size:clamp(36px,4.2vw,55px);line-height:1.06;letter-spacing:-.035em;margin:9px 0 16px}.section-intro{max-width:760px;color:var(--muted);font-size:17px}.centered .section-intro{margin-left:auto;margin-right:auto}.journey{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr;gap:12px}.journey-card{position:relative;padding:24px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg,#0a1d2d,#071724);min-height:220px}.journey-card.featured{border-color:rgba(32,168,255,.45)}.journey-num{position:absolute;right:18px;top:15px;color:#55778b;font-weight:800;font-size:12px}.journey-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:rgba(32,168,255,.12);border:1px solid rgba(32,168,255,.24);font-size:23px}.journey-card h3{font-size:22px;margin:18px 0 8px}.journey-card p{margin:0;color:var(--muted);font-size:14px}.journey-arrow{align-self:center;color:#4383a7;font-size:24px}
.split{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px}.feature-list{display:grid;gap:18px;margin-top:28px}.feature{display:grid;grid-template-columns:auto 1fr;gap:12px}.check{width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:#0c3d5b;color:#79d1ff;font-weight:900}.feature strong,.feature span{display:block}.feature span{color:var(--muted);font-size:14px}.feature-phone-wrap{display:flex;justify-content:center}.straight-phone{width:min(340px,80%)}.microcopy,.design-note,.small{font-size:12px;color:#7897aa}.three-device-stage{display:flex;justify-content:center;align-items:flex-end;gap:28px;padding:35px 0}.showcase-phone{width:min(28%,310px)}.showcase-phone.center{width:min(31%,340px);transform:translateY(-14px)}.design-note{text-align:center}
.launch-card{display:grid;grid-template-columns:1.3fr .7fr;gap:30px;align-items:center;padding:34px;border-radius:26px;background:linear-gradient(100deg,rgba(11,36,53,.96),rgba(10,27,42,.9));border:1px solid rgba(55,139,190,.38);box-shadow:var(--shadow)}.launch-card h2{font-size:36px;margin:8px 0}.launch-card p{color:var(--muted)}.launch-action{display:flex;flex-direction:column;align-items:flex-end;gap:10px}
.footer{padding:55px 0 25px;border-top:1px solid rgba(86,151,190,.18);background:#030e17}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr;gap:40px}.footer h4{margin:0 0 12px}.footer-grid>div>a:not(.brand){display:block;color:#a9c3d3;margin:7px 0}.copyright{margin-top:36px;padding-top:18px;border-top:1px solid rgba(86,151,190,.12);font-size:11px;color:#668395}
@media(max-width:1000px){.nav-links{gap:14px}.approved-hero-grid{grid-template-columns:1fr 420px}.hero-feature-row{grid-template-columns:1fr 1fr;gap:16px}.hero-feature-row>div{border:0;padding:0}.journey{grid-template-columns:1fr 1fr}.journey-arrow{display:none}.split{gap:40px}}
@media(max-width:820px){.nav-links{display:none;position:absolute;top:72px;left:20px;right:20px;padding:20px;border-radius:18px;background:#071a29;box-shadow:var(--shadow);flex-direction:column;align-items:flex-start}.nav-links.open{display:flex}.menu{display:block}.approved-hero-grid{grid-template-columns:1fr}.approved-copy{padding-bottom:20px}.hero-phone-wrap{padding-bottom:60px}.hero-phone{width:min(370px,82%);transform:none}.sibling-hero-inner{grid-template-columns:auto 1fr;padding:22px 0}.sibling-hero-inner .btn{grid-column:1/-1;justify-self:start}.split{grid-template-columns:1fr}.reverse-mobile .feature-phone-wrap{order:2}.journey{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:560px){.container{width:min(100% - 28px,1180px)}.nav{height:64px}.nav-links{top:64px}.approved-copy h1{font-size:58px}.approved-copy h2{font-size:37px}.lead{font-size:17px}.hero-feature-row{grid-template-columns:1fr 1fr}.journey{grid-template-columns:1fr}.three-device-stage{gap:6px}.showcase-phone{width:32%}.showcase-phone.center{width:34%}.premium-phone{padding:4px;border-radius:25px}.phone-screen{border-radius:21px}.premium-phone:before{height:12px;top:8px}.launch-card{grid-template-columns:1fr;padding:24px}.launch-action{align-items:flex-start}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}}
