:root {
  --navy-950: #050b14;
  --navy-900: #07101f;
  --navy-850: #0a1425;
  --navy-800: #0d1a2e;
  --navy-700: #14243d;
  --blue: #1686ff;
  --blue-light: #7ec0ff;
  --orange: #ff7a00;
  --green: #28c488;
  --white: #f8fbff;
  --text: #dce8f7;
  --muted: #90a2b9;
  --line: rgba(255,255,255,.10);
  --card: rgba(13,26,46,.72);
  --shadow: 0 30px 80px rgba(0,0,0,.42);
  --radius: 22px;
  --container: 1180px;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: "Poppins", system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color: var(--text);
  background:
    radial-gradient(circle at 18% 8%, rgba(22,134,255,.10), transparent 32%),
    var(--navy-950);
  line-height: 1.6;
  -webkit-font-smoothing: antialiased;
}

a { color: inherit; text-decoration: none; }
button, input { font: inherit; }
img, svg { display: block; max-width: 100%; }

.container { width: min(calc(100% - 40px), var(--container)); margin-inline: auto; }
.section { padding: 110px 0; position: relative; overflow: hidden; }
.sr-only { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.skip-link { position: fixed; left: 12px; top: -100px; background: var(--white); color: var(--navy-950); padding: 10px 14px; z-index: 200; border-radius: 8px; }
.skip-link:focus { top: 12px; }

.site-header { position: fixed; inset: 0 0 auto; z-index: 100; border-bottom: 1px solid transparent; transition: .25s ease; }
.site-header.scrolled { background: rgba(5,11,20,.82); backdrop-filter: blur(18px); border-bottom-color: var(--line); }
.nav-wrap { height: 78px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 800; letter-spacing: -.025em; font-size: 1.12rem; }
.brand > span > span { color: var(--blue-light); }
.brand-mark { width: 40px; height: 40px; filter: drop-shadow(0 8px 18px rgba(22,134,255,.18)); }
.primary-nav { display: flex; align-items: center; gap: 30px; font-size: .92rem; font-weight: 500; }
.primary-nav > a:not(.button) { color: var(--muted); transition: color .2s ease; }
.primary-nav > a:not(.button):hover { color: var(--white); }
.nav-toggle { display: none; border: 0; background: transparent; padding: 8px; }
.nav-toggle span:not(.sr-only) { display: block; width: 24px; height: 2px; background: var(--white); margin: 5px 0; }

.button { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 0 22px; border: 1px solid var(--blue); border-radius: 12px; background: linear-gradient(180deg, #2790ff, #0875e8); color: white; font-weight: 600; box-shadow: 0 10px 28px rgba(22,134,255,.25); cursor: pointer; transition: transform .2s ease, box-shadow .2s ease, border-color .2s ease; }
.button:hover { transform: translateY(-2px); box-shadow: 0 15px 36px rgba(22,134,255,.34); }
.button-small { min-height: 42px; padding: 0 16px; border-radius: 10px; }
.button-secondary { background: rgba(255,255,255,.04); border-color: rgba(255,255,255,.16); box-shadow: none; color: var(--white); }
.button-secondary:hover { border-color: rgba(255,255,255,.35); box-shadow: none; }

.hero { min-height: 840px; padding-top: 166px; display: flex; align-items: center; }
.hero-grid { display: grid; grid-template-columns: .88fr 1.12fr; align-items: center; gap: 58px; position: relative; z-index: 2; }
.hero-copy h1 { margin: 22px 0 18px; color: var(--white); font-size: clamp(2.8rem, 5.15vw, 5.25rem); line-height: 1.05; letter-spacing: -.055em; max-width: 820px; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; color: var(--blue-light); text-transform: uppercase; letter-spacing: .16em; font-size: .72rem; font-weight: 700; }
.eyebrow span { width: 25px; height: 2px; background: currentColor; }
.eyebrow.light { color: #b9dcff; }
.tagline { font-size: 1.08rem; color: var(--orange); font-weight: 600; margin: 0 0 14px; }
.hero-lede { color: var(--muted); font-size: 1.04rem; max-width: 640px; margin: 0; }
.hero-actions { display: flex; gap: 14px; margin-top: 32px; }
.hero-proof { display: flex; flex-wrap: wrap; gap: 20px; margin-top: 28px; color: #a9bad0; font-size: .82rem; }
.hero-proof i { font-style: normal; color: var(--green); margin-right: 5px; }
.hero-glow { position: absolute; border-radius: 50%; filter: blur(1px); pointer-events: none; }
.hero-glow-one { width: 620px; height: 620px; right: -170px; top: 70px; background: radial-gradient(circle, rgba(22,134,255,.19), transparent 68%); }
.hero-glow-two { width: 430px; height: 430px; left: -200px; bottom: -90px; background: radial-gradient(circle, rgba(255,122,0,.09), transparent 70%); }

.product-stage { position: relative; min-height: 560px; display: flex; align-items: center; justify-content: center; }
.app-window { width: 660px; border: 1px solid rgba(255,255,255,.13); border-radius: 20px; overflow: hidden; background: #0c1728; box-shadow: var(--shadow); transform: perspective(1400px) rotateY(-5deg) rotateX(2deg); }
.window-bar { height: 46px; display: grid; grid-template-columns: 1fr auto 1fr; align-items: center; padding: 0 14px; background: #101e32; border-bottom: 1px solid var(--line); font-size: .72rem; color: var(--muted); }
.window-dots { display: flex; gap: 6px; }
.window-dots span { width: 8px; height: 8px; border-radius: 50%; background: #3a4b62; }
.window-dots span:first-child { background: #ff6f64; }.window-dots span:nth-child(2){background:#ffc45a}.window-dots span:nth-child(3){background:#38cc78}
.window-avatar { justify-self: end; width: 25px; height: 25px; border-radius: 50%; background: #1d8cff; color: white; display: grid; place-items: center; font-weight: 700; }
.app-shell { display: grid; grid-template-columns: 128px 1fr; min-height: 410px; }
.app-sidebar { background: #091322; border-right: 1px solid var(--line); padding: 20px 12px; }
.mini-logo { display: flex; align-items: center; gap: 6px; font-size: .7rem; margin-bottom: 28px; color: white; }.mini-bolt{color:var(--orange);font-size:1rem}
.side-link { display: flex; gap: 8px; align-items: center; padding: 9px; border-radius: 8px; color: #73869e; font-size: .62rem; margin-bottom: 4px; }
.side-link.active { background: rgba(22,134,255,.13); color: #c9e4ff; }
.app-content { padding: 24px; background: radial-gradient(circle at 80% 0%, rgba(22,134,255,.08), transparent 35%), #0c1728; }
.app-heading-row { display:flex;justify-content:space-between;align-items:flex-start}.app-heading-row small{color:#74879f;font-size:.55rem}.app-heading-row h3{font-size:1.05rem;color:white;margin:2px 0}.new-button{border:0;border-radius:7px;background:#167ff0;color:white;font-size:.58rem;padding:8px 11px}
.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:18px 0}.metric-card{border:1px solid var(--line);background:rgba(255,255,255,.025);border-radius:10px;padding:12px}.metric-card span,.metric-card small{display:block;font-size:.5rem;color:#73869d}.metric-card strong{display:block;color:white;font-size:1.05rem;margin:4px 0}.metric-card small{color:#4ca4ff}
.task-panel{border:1px solid var(--line);border-radius:11px;overflow:hidden}.panel-title{display:flex;justify-content:space-between;padding:11px 13px;border-bottom:1px solid var(--line);font-size:.56rem}.panel-title span{color:#51a7ff}.task-row{display:grid;grid-template-columns:30px 1fr auto;gap:8px;align-items:center;padding:10px 12px;border-bottom:1px solid rgba(255,255,255,.055);font-size:.54rem}.task-row:last-child{border:0}.task-row b,.task-row small{display:block}.task-row b{color:#e8f2ff}.task-row small,.task-row em{color:#71839a;font-style:normal;font-size:.48rem}.task-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-style:normal}.task-icon.orange{background:rgba(255,122,0,.12);color:#ff9c42}.task-icon.blue{background:rgba(22,134,255,.14);color:#5fb0ff}.task-icon.green{background:rgba(40,196,136,.13);color:#50d6a2}
.phone-frame { position: absolute; right: -2px; bottom: 2px; width: 190px; height: 390px; border: 7px solid #07101c; border-radius: 34px; background: #0b1627; box-shadow: 0 28px 60px rgba(0,0,0,.6); overflow: hidden; transform: rotate(3deg); }
.phone-notch{position:absolute;top:7px;left:50%;transform:translateX(-50%);width:70px;height:18px;background:#050a12;border-radius:12px;z-index:3}.phone-screen{padding:14px 12px;color:white}.phone-top{display:flex;justify-content:space-between;font-size:.45rem;padding:0 5px;margin-bottom:24px}.phone-title small,.phone-title strong{display:block}.phone-title small{font-size:.48rem;color:#7290ad}.phone-title strong{font-size:.82rem}.customer-chip{display:flex;align-items:center;gap:8px;padding:10px 0}.avatar{width:29px;height:29px;border-radius:50%;background:#17395c;color:#87c6ff;display:grid;place-items:center;font-size:.47rem;font-weight:700}.customer-chip b,.customer-chip small{display:block;font-size:.5rem}.customer-chip small{color:#7690aa}.phone-map{height:120px;border-radius:12px;background:linear-gradient(135deg,#13263c,#0c1a2c);position:relative;overflow:hidden}.map-road{position:absolute;display:block;background:rgba(255,255,255,.08);height:5px;width:170px;transform:rotate(-28deg);left:-20px;top:55px}.road-two{transform:rotate(38deg);top:70px}.phone-map i{position:absolute;left:88px;top:48px;width:13px;height:13px;border-radius:50% 50% 50% 0;background:var(--orange);transform:rotate(-45deg);box-shadow:0 0 0 6px rgba(255,122,0,.14)}.phone-screen>button{width:100%;border:0;background:#1686ff;color:white;border-radius:9px;padding:10px;margin:12px 0 10px;font-size:.53rem;font-weight:600}.phone-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.phone-actions span{border:1px solid var(--line);border-radius:7px;text-align:center;padding:7px 2px;font-size:.38rem;color:#8ba0b7}

.trust-strip { border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); background: rgba(255,255,255,.018); }
.trust-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.trust-grid > div { display: grid; grid-template-columns: auto 1fr; gap: 16px; align-items: center; padding: 28px 34px; border-right: 1px solid var(--line); }
.trust-grid > div:first-child { padding-left: 0; }.trust-grid > div:last-child{border-right:0;padding-right:0}
.trust-grid span { color: var(--orange); font-size: .7rem; font-weight: 700; letter-spacing: .1em; }
.trust-grid p { margin: 0; color: var(--muted); font-size: .78rem; line-height: 1.45; }.trust-grid strong{color:#eaf4ff;font-weight:600}

.section-heading { max-width: 700px; margin-bottom: 46px; }
.section-heading.centered { text-align: center; margin-inline: auto; }
.section-heading.centered .eyebrow { justify-content: center; }
.section-heading h2 { color: var(--white); font-size: clamp(2.25rem, 4.5vw, 4rem); line-height: 1.08; letter-spacing: -.045em; margin: 18px 0; }
.section-heading p { color: var(--muted); margin: 0; max-width: 630px; }
.section-heading.centered p { margin-inline: auto; }
.workflow-section { background: #07101c; }
.workflow { display: grid; grid-template-columns: repeat(13, auto); align-items: center; justify-content: space-between; padding: 30px 26px; border: 1px solid var(--line); border-radius: var(--radius); background: linear-gradient(180deg, rgba(255,255,255,.035), rgba(255,255,255,.012)); }
.workflow-item { display: flex; min-width: 90px; flex-direction: column; align-items: center; text-align: center; }
.workflow-item i { font-style: normal; font-size: .58rem; color: #5b6e86; margin-bottom: 8px; }
.workflow-item b { color: #eaf4ff; font-size: .82rem; }
.workflow-item small { color: #71849c; font-size: .52rem; margin-top: 3px; }
.workflow-item.highlight b { color: #78d9b0; }.workflow-item.highlight i{color:var(--green)}
.workflow-arrow { color: #33445a; }

.features-section { background: radial-gradient(circle at 10% 50%, rgba(22,134,255,.08), transparent 30%), var(--navy-950); }
.feature-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{border:1px solid var(--line);background:linear-gradient(150deg,rgba(255,255,255,.045),rgba(255,255,255,.015));border-radius:18px;padding:28px;min-height:260px;transition:.25s ease}.feature-card:hover{transform:translateY(-5px);border-color:rgba(22,134,255,.35);background:linear-gradient(150deg,rgba(22,134,255,.09),rgba(255,255,255,.018))}.feature-icon{width:48px;height:48px;border-radius:13px;background:rgba(22,134,255,.12);color:#75baff;display:grid;place-items:center;font-size:1.25rem;margin-bottom:28px}.feature-card:nth-child(4) .feature-icon,.feature-card:nth-child(6) .feature-icon{background:rgba(255,122,0,.12);color:#ff9b3f}.feature-card h3{color:white;margin:0 0 10px;font-size:1.15rem}.feature-card p{color:var(--muted);font-size:.86rem;margin:0 0 24px}.feature-card a{color:#8fc9ff;font-size:.76rem;font-weight:600}.feature-card a span{margin-left:5px}

.focus-section{background:#081321}.focus-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center}.focus-copy h2{color:white;font-size:clamp(2.2rem,4vw,3.7rem);line-height:1.08;letter-spacing:-.045em;margin:18px 0}.focus-copy p{color:var(--muted);font-size:1rem}.focus-copy p strong{color:#dcecff}.focus-copy ul{padding:0;margin:30px 0 0;list-style:none;display:grid;gap:14px}.focus-copy li{color:#bdcada;font-size:.9rem}.focus-copy li span{display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(40,196,136,.12);color:#4ed29f;margin-right:10px;font-size:.7rem}
.attention-card{border:1px solid rgba(255,255,255,.12);background:linear-gradient(160deg,#101f34,#0a1526);border-radius:24px;padding:26px;box-shadow:var(--shadow)}.attention-header{display:flex;justify-content:space-between;align-items:flex-start;padding-bottom:22px;border-bottom:1px solid var(--line)}.attention-header small{color:#6284a8;font-size:.6rem;letter-spacing:.14em}.attention-header h3{margin:3px 0 0;color:white;font-size:1.2rem}.attention-header>span{color:#60758e;font-size:.72rem}.attention-item{display:grid;grid-template-columns:42px 1fr auto;align-items:center;gap:14px;padding:20px 0;border-bottom:1px solid var(--line)}.attention-item:last-child{border-bottom:0}.attention-item i{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;font-style:normal;font-weight:700}.attention-item i.orange{background:rgba(255,122,0,.12);color:#ff9940}.attention-item i.blue{background:rgba(22,134,255,.13);color:#65b1ff}.attention-item i.green{background:rgba(40,196,136,.13);color:#50d5a1}.attention-item b,.attention-item small{display:block}.attention-item b{color:#e9f2fd;font-size:.84rem}.attention-item small{color:#6f849d;font-size:.67rem;margin-top:2px}.attention-item button{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.035);color:#c9d8e9;border-radius:8px;padding:7px 10px;font-size:.62rem}

.mission-section{padding-top:40px}.mission-card{display:grid;grid-template-columns:1.15fr .85fr;align-items:end;gap:80px;padding:65px;border-radius:28px;background:radial-gradient(circle at 80% 0%,rgba(22,134,255,.23),transparent 38%),linear-gradient(135deg,#12305b,#0b1a30);border:1px solid rgba(126,192,255,.19)}.mission-card h2{color:white;font-size:clamp(2.1rem,4.2vw,3.8rem);line-height:1.08;letter-spacing:-.045em;margin:20px 0 0}.mission-card>p{color:#b8cae0;font-size:1.04rem;margin:0}

.pricing-section{background:#07101c}.pricing-grid{display:grid;grid-template-columns:1fr .75fr;gap:90px;align-items:center}.price-card{border:1px solid rgba(22,134,255,.28);background:linear-gradient(155deg,rgba(22,134,255,.12),rgba(255,255,255,.025));border-radius:24px;padding:34px;box-shadow:0 25px 70px rgba(0,0,0,.28)}.price-label{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,122,0,.12);color:#ff9b43;font-size:.62rem;text-transform:uppercase;letter-spacing:.12em;font-weight:700}.price-card h3{color:white;font-size:1.5rem;margin:18px 0 5px}.price-card>p{color:var(--muted);font-size:.86rem}.price{padding:24px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:24px 0}.price span,.price small{display:block}.price span{color:#dbeeff;font-size:1.5rem;font-weight:700}.price small{color:#6e859f;font-size:.7rem}.price-card ul{list-style:none;padding:0;margin:0 0 26px;display:grid;gap:11px;color:#b9c9da;font-size:.82rem}.price-card li::first-letter{color:var(--green)}.price-card .button{width:100%}

.faq-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:80px}.faq-list{border-top:1px solid var(--line)}.faq-list details{border-bottom:1px solid var(--line);padding:22px 0}.faq-list summary{cursor:pointer;color:#e9f3ff;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary::after{content:"+";color:#6a87a7;font-size:1.2rem}.faq-list details[open] summary::after{content:"–"}.faq-list p{color:var(--muted);font-size:.85rem;max-width:680px;margin:13px 0 0}

.final-cta{padding-top:40px}.cta-card{display:grid;grid-template-columns:1fr .85fr;gap:70px;align-items:center;border:1px solid rgba(255,255,255,.12);background:radial-gradient(circle at 10% 0%,rgba(255,122,0,.13),transparent 30%),radial-gradient(circle at 100% 100%,rgba(22,134,255,.22),transparent 38%),#0d1c31;border-radius:28px;padding:60px}.cta-copy h2{color:white;font-size:clamp(2rem,3.8vw,3.3rem);line-height:1.08;letter-spacing:-.04em;margin:18px 0 15px}.cta-copy p{color:#a7bad0;margin:0}.early-form{display:grid;grid-template-columns:1fr auto;gap:10px}.early-form input{min-height:54px;border:1px solid rgba(255,255,255,.14);border-radius:12px;background:rgba(5,11,20,.58);color:white;padding:0 16px;outline:none}.early-form input:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,134,255,.12)}.early-form small{grid-column:1/-1;color:#71869e;font-size:.65rem}.early-form.success input{border-color:rgba(40,196,136,.5)}

.site-footer{padding:70px 0 30px;border-top:1px solid var(--line);background:#040911}.footer-grid{display:grid;grid-template-columns:1.3fr .6fr .6fr 1fr;gap:50px}.footer-grid>div:first-child p,.footer-note p{color:#6d8097;font-size:.75rem}.footer-links{display:flex;flex-direction:column;gap:9px}.footer-links strong,.footer-note strong{color:#c9d7e7;font-size:.76rem}.footer-links a{color:#6f8197;font-size:.72rem}.footer-links a:hover{color:white}.footer-bottom{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding-top:22px;margin-top:50px;color:#596b80;font-size:.68rem}

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s ease; }
.reveal.visible { opacity: 1; transform: none; }


/* Real product imagery */
.product-stage{min-height:630px;isolation:isolate}
.screen-orbit{position:absolute;width:540px;height:540px;border-radius:50%;background:radial-gradient(circle,rgba(22,134,255,.19),rgba(22,134,255,.04) 46%,transparent 68%);filter:blur(2px);z-index:-1}
.app-shot{position:absolute;margin:0;border-radius:36px;padding:8px;background:linear-gradient(145deg,rgba(255,255,255,.22),rgba(255,255,255,.05));box-shadow:0 35px 90px rgba(0,0,0,.62);overflow:hidden}
.app-shot img{display:block;width:100%;height:auto;border-radius:29px}
.app-shot-main{width:285px;z-index:3;transform:translateY(-8px)}
.app-shot-left{width:228px;left:2%;bottom:18px;z-index:1;transform:rotate(-8deg)}
.app-shot-right{width:228px;right:0;top:42px;z-index:2;transform:rotate(8deg)}
.real-product-badge{position:absolute;left:50%;bottom:-5px;transform:translateX(-50%);white-space:nowrap;padding:10px 14px;border:1px solid rgba(255,255,255,.13);border-radius:999px;background:rgba(7,16,31,.88);backdrop-filter:blur(14px);color:#b9c9db;font-size:.68rem;font-weight:600;letter-spacing:.02em;box-shadow:0 16px 35px rgba(0,0,0,.35);z-index:5}
.real-product-badge span{color:var(--green);font-size:.62rem;margin-right:6px}

.screenshots-section{background:radial-gradient(circle at 80% 20%,rgba(22,134,255,.09),transparent 30%),#07101c}
.screenshot-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.screenshot-card{position:relative;min-height:680px;display:grid;grid-template-rows:auto 1fr;overflow:hidden;border:1px solid var(--line);border-radius:24px;background:linear-gradient(155deg,rgba(255,255,255,.045),rgba(255,255,255,.012));padding:30px 30px 0}
.screenshot-copy{position:relative;z-index:2;max-width:500px}
.screenshot-copy>span{display:inline-block;color:var(--orange);font-size:.68rem;font-weight:700;letter-spacing:.15em;margin-bottom:14px}
.screenshot-copy h3{color:white;font-size:1.45rem;margin:0 0 8px;letter-spacing:-.025em}
.screenshot-copy p{color:var(--muted);font-size:.84rem;margin:0}
.screenshot-frame{align-self:end;justify-self:center;width:min(72%,330px);margin-top:28px;padding:7px;border-radius:34px;background:linear-gradient(145deg,rgba(255,255,255,.19),rgba(255,255,255,.035));box-shadow:0 28px 75px rgba(0,0,0,.58);transform:translateY(72px);transition:.35s ease}
.screenshot-card:hover .screenshot-frame{transform:translateY(58px)}
.screenshot-frame img{display:block;width:100%;border-radius:27px}
.screenshot-pair{align-self:end;display:flex;justify-content:center;gap:14px;margin-top:24px}
.screenshot-pair .screenshot-frame{width:44%;margin:0;transform:translateY(82px) rotate(-3deg)}
.screenshot-pair .screenshot-frame.secondary{transform:translateY(105px) rotate(4deg)}
.screenshot-card:hover .screenshot-pair .screenshot-frame{transform:translateY(68px) rotate(-3deg)}
.screenshot-card:hover .screenshot-pair .screenshot-frame.secondary{transform:translateY(88px) rotate(4deg)}

@media (max-width: 1050px){
  .hero-grid{grid-template-columns:1fr;gap:35px}.hero{padding-top:140px}.hero-copy{text-align:center}.hero-copy .eyebrow,.hero-actions,.hero-proof{justify-content:center}.hero-lede{margin-inline:auto}.product-stage{max-width:760px;margin:auto;width:100%}.workflow{grid-template-columns:repeat(7,1fr);gap:10px}.workflow-arrow{display:none}.feature-grid{grid-template-columns:repeat(2,1fr)}.trust-grid>div{padding:25px 18px}.pricing-grid,.faq-grid,.focus-grid{gap:45px}.mission-card,.cta-card{gap:45px;padding:45px}.footer-grid{grid-template-columns:1.2fr .7fr .7fr}
  .footer-note{display:none}
}

@media (max-width: 760px){
  .container{width:min(calc(100% - 28px),var(--container))}.section{padding:82px 0}.nav-wrap{height:68px}.brand{font-size:.98rem}.brand-mark{width:36px;height:36px}.nav-toggle{display:block}.primary-nav{position:absolute;top:68px;left:14px;right:14px;display:none;flex-direction:column;align-items:stretch;gap:0;padding:12px;background:rgba(7,16,31,.98);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}.primary-nav.open{display:flex}.primary-nav>a{padding:12px}.primary-nav .button{margin-top:8px}.hero{min-height:auto;padding-top:125px;padding-bottom:75px}.hero-copy h1{font-size:clamp(2.55rem,12vw,4rem)}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-proof{gap:10px 15px}.product-stage{min-height:430px}.app-window{width:100%;transform:none}.app-shell{grid-template-columns:1fr}.app-sidebar{display:none}.app-content{padding:16px}.metric-grid{gap:6px}.metric-card{padding:9px}.phone-frame{width:145px;height:300px;right:-3px;bottom:-18px;border-width:5px}.phone-title strong{font-size:.63rem}.phone-map{height:82px}.customer-chip{padding:7px 0}.phone-actions{display:none}.phone-screen>button{margin-top:8px}.trust-grid{grid-template-columns:1fr}.trust-grid>div{border-right:0;border-bottom:1px solid var(--line);padding:22px 0}.trust-grid>div:last-child{border-bottom:0}.workflow{grid-template-columns:repeat(2,1fr);gap:22px;padding:24px 15px}.workflow-item{min-width:0}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.focus-grid,.mission-card,.pricing-grid,.faq-grid,.cta-card{grid-template-columns:1fr}.focus-grid,.pricing-grid,.faq-grid{gap:35px}.mission-card,.cta-card{padding:32px 24px;gap:30px}.attention-card{padding:18px}.attention-item{grid-template-columns:36px 1fr}.attention-item button{grid-column:2;justify-self:start}.early-form{grid-template-columns:1fr}.early-form .button{width:100%}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:10px}.section-heading h2{font-size:2.45rem}
}

@media (prefers-reduced-motion: reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.feature-card{transition:none}}

@media (max-width: 1050px){
  .product-stage{min-height:580px}
  .app-shot-main{width:265px}.app-shot-left,.app-shot-right{width:205px}
  .screenshot-card{min-height:630px}
}
@media (max-width: 760px){
  .product-stage{min-height:520px;margin-top:10px}
  .screen-orbit{width:420px;height:420px}
  .app-shot-main{width:235px}
  .app-shot-left{width:175px;left:-2%;bottom:35px}
  .app-shot-right{width:175px;right:-2%;top:35px}
  .real-product-badge{bottom:0}
  .screenshot-grid{grid-template-columns:1fr}
  .screenshot-card{min-height:620px;padding:24px 20px 0}
  .screenshot-frame{width:min(78%,315px)}
}
@media (max-width: 470px){
  .product-stage{min-height:455px}
  .screen-orbit{width:330px;height:330px}
  .app-shot-main{width:205px}
  .app-shot-left{width:140px;left:-5%;bottom:48px}
  .app-shot-right{width:140px;right:-5%;top:48px}
  .real-product-badge{font-size:.58rem;padding:8px 11px}
  .screenshot-card{min-height:550px}
  .screenshot-copy h3{font-size:1.25rem}
  .screenshot-pair{gap:8px}
  .screenshot-pair .screenshot-frame{width:48%}
}


/* Founding Member form */
.founding-form{display:block;padding:28px;border:1px solid rgba(255,255,255,.13);border-radius:22px;background:rgba(4,10,19,.58);backdrop-filter:blur(14px)}
.form-intro{margin-bottom:22px}.form-intro h3{margin:6px 0 8px;color:#fff;font-size:1.45rem}.form-intro p{margin:0;color:#8fa4bc;font-size:.8rem}.form-kicker{color:#ff9b43;font-size:.62rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-field{display:grid;gap:7px}.form-field>span{color:#c9d8e8;font-size:.69rem;font-weight:600}.form-field-wide{grid-column:1/-1}
.founding-form input,.founding-form select,.founding-form textarea{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:11px;background:rgba(5,11,20,.78);color:#fff;padding:12px 13px;font:inherit;font-size:.8rem;outline:none}.founding-form input,.founding-form select{min-height:48px}.founding-form textarea{resize:vertical;min-height:105px}.founding-form input::placeholder,.founding-form textarea::placeholder{color:#60758e}.founding-form select{color:#c7d5e5}.founding-form input:focus,.founding-form select:focus,.founding-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(22,134,255,.12)}
.founding-submit{width:100%;margin-top:16px}.founding-form small{display:block;margin-top:10px;color:#71869e;font-size:.64rem;text-align:center}.form-honeypot{position:absolute!important;left:-9999px!important;opacity:0!important;pointer-events:none!important}
@media(max-width:760px){.founding-form{padding:22px 18px}.form-grid{grid-template-columns:1fr}.form-field-wide{grid-column:auto}}

/* Website v1.0 polish — screenshot balance and Founding Member form */
@media (min-width: 761px) {
  /* Give the application form enough room and prevent controls from squeezing. */
  .cta-card {
    grid-template-columns: minmax(0, .82fr) minmax(520px, 1.18fr);
    gap: 52px;
    align-items: start;
  }
  .founding-form,
  .form-grid,
  .form-field {
    min-width: 0;
  }

  /* Raise and enlarge the Quick Quote composition. */
  .screenshot-card:nth-child(3) .screenshot-pair {
    align-self: start;
    margin-top: 54px;
    gap: 10px;
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame {
    width: 48%;
    transform: translateY(10px) rotate(-2.5deg) scale(1.08);
    transform-origin: bottom right;
    box-shadow: 0 35px 80px rgba(0,0,0,.64);
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame.secondary {
    transform: translateY(24px) rotate(2.5deg) scale(1.08);
    transform-origin: bottom left;
  }
  .screenshot-card:nth-child(3):hover .screenshot-pair .screenshot-frame {
    transform: translateY(2px) rotate(-2.5deg) scale(1.1);
  }
  .screenshot-card:nth-child(3):hover .screenshot-pair .screenshot-frame.secondary {
    transform: translateY(16px) rotate(2.5deg) scale(1.1);
  }

  /* Raise and slightly enlarge the Knowledge Base screen. */
  .screenshot-card:nth-child(4) .screenshot-frame {
    width: min(77%, 350px);
    transform: translateY(32px) scale(1.06);
    box-shadow: 0 35px 80px rgba(0,0,0,.64);
  }
  .screenshot-card:nth-child(4):hover .screenshot-frame {
    transform: translateY(22px) scale(1.08);
  }
}

/* Keep form controls contained at every width. */
.founding-form {
  width: 100%;
  box-sizing: border-box;
}
.founding-form input,
.founding-form select,
.founding-form textarea,
.founding-submit {
  max-width: 100%;
  box-sizing: border-box;
}
.founding-submit {
  min-height: 52px;
  padding: 0 22px;
  white-space: normal;
}

@media (max-width: 1100px) and (min-width: 761px) {
  .cta-card {
    grid-template-columns: minmax(0, .75fr) minmax(460px, 1.25fr);
    gap: 34px;
    padding: 42px 34px;
  }
}

@media (max-width: 760px) {
  .screenshot-card:nth-child(3) .screenshot-pair {
    margin-top: 34px;
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame {
    transform: translateY(34px) rotate(-2deg) scale(1.03);
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame.secondary {
    transform: translateY(48px) rotate(2deg) scale(1.03);
  }
  .screenshot-card:nth-child(4) .screenshot-frame {
    transform: translateY(42px) scale(1.04);
  }
}


/* Final visual correction: Quick Quote placement + clearer challenge field */
.challenge-field > span{
  color:#fff;
  font-size:.82rem;
  font-weight:700;
}
.challenge-field .field-helper{
  display:block;
  margin:0;
  color:#8fa4bc;
  font-size:.7rem;
  text-align:left;
}
.example-chips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin:2px 0 3px;
}
.example-chips span{
  display:inline-flex;
  align-items:center;
  min-height:28px;
  padding:5px 9px;
  border:1px solid rgba(255,255,255,.11);
  border-radius:999px;
  background:rgba(255,255,255,.045);
  color:#a9bdd2;
  font-size:.62rem;
  line-height:1.2;
}

@media (min-width:761px){
  .screenshot-card:nth-child(3) .screenshot-pair{
    margin-top:20px;
    gap:4px;
    transform:translateY(-18px);
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame{
    width:50%;
    transform:translateY(-28px) rotate(-2deg) scale(1.12);
    transform-origin:bottom right;
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame.secondary{
    transform:translateY(-18px) rotate(2deg) scale(1.12);
    transform-origin:bottom left;
  }
  .screenshot-card:nth-child(3):hover .screenshot-pair .screenshot-frame{
    transform:translateY(-34px) rotate(-2deg) scale(1.14);
  }
  .screenshot-card:nth-child(3):hover .screenshot-pair .screenshot-frame.secondary{
    transform:translateY(-24px) rotate(2deg) scale(1.14);
  }
}

@media (max-width:760px){
  .screenshot-card:nth-child(3) .screenshot-pair{
    margin-top:14px;
    transform:translateY(-10px);
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame{
    transform:translateY(-6px) rotate(-1.5deg) scale(1.07);
  }
  .screenshot-card:nth-child(3) .screenshot-pair .screenshot-frame.secondary{
    transform:translateY(2px) rotate(1.5deg) scale(1.07);
  }
  .example-chips{gap:6px}
  .example-chips span{font-size:.6rem}
}