:root {
  --bg: #050a12;
  --bg-soft: #09111e;
  --panel: #0b1524;
  --panel-2: #0e1b2e;
  --line: rgba(135, 169, 218, .18);
  --text: #f4f8ff;
  --muted: #91a2b9;
  --blue: #087cff;
  --cyan: #21c7ff;
  --green: #36e499;
  --amber: #ffad1f;
  --font-display: "Manrope", sans-serif;
  --font-body: "DM Sans", sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--text); font-family: var(--font-body); overflow-x: hidden; }
a { color: inherit; text-decoration: none; }
button { font: inherit; }
.noise { position: fixed; inset: 0; pointer-events: none; opacity: .035; z-index: 20; background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }

.site-header { height: 82px; padding: 0 clamp(24px, 5vw, 82px); display: flex; align-items: center; justify-content: space-between; position: absolute; top: 0; width: 100%; z-index: 10; border-bottom: 1px solid rgba(255,255,255,.07); }
.brand { display: flex; align-items: center; gap: 11px; font: 800 20px/1 var(--font-display); letter-spacing: -.5px; }
.brand img { width: 38px; height: 38px; border-radius: 10px; }
.brand span span { color: var(--blue); }
nav { display: flex; gap: 36px; }
nav a, footer a { color: #aab7c9; font-size: 14px; transition: color .2s; }
nav a:hover, footer a:hover { color: white; }
.button { min-height: 52px; display: inline-flex; align-items: center; justify-content: center; gap: 24px; padding: 0 24px; border-radius: 7px; font-weight: 700; font-size: 14px; transition: transform .2s, background .2s, border-color .2s; }
.button:hover { transform: translateY(-2px); }
.button-small { min-height: 42px; padding: 0 18px; gap: 16px; }
.button-primary { background: linear-gradient(135deg, #1597ff, #0665ef); box-shadow: 0 12px 36px rgba(0, 112, 255, .26); }
.button-primary:hover { background: linear-gradient(135deg, #35adff, #087cff); }
.button-ghost { border: 1px solid var(--line); background: rgba(10, 20, 35, .55); }
.button-ghost:hover { border-color: rgba(33,199,255,.5); }
.menu-button { display: none; background: none; border: 0; }

.hero { min-height: 920px; height: 100vh; position: relative; padding: 170px clamp(24px, 5vw, 82px) 80px; display: grid; grid-template-columns: minmax(430px, .82fr) minmax(600px, 1.18fr); gap: 6vw; align-items: center; overflow: hidden; background: radial-gradient(ellipse at 70% 40%, rgba(0, 103, 255, .11), transparent 40%), linear-gradient(150deg, #06101c 0%, #03070d 65%); }
.hero:before { content: ""; position: absolute; inset: 0; background-image: linear-gradient(rgba(71,118,170,.055) 1px, transparent 1px), linear-gradient(90deg, rgba(71,118,170,.055) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 85%); }
.orb { position: absolute; border-radius: 50%; filter: blur(2px); }
.orb-one { width: 420px; height: 420px; right: -200px; top: 100px; border: 1px solid rgba(31, 144, 255, .14); box-shadow: inset 0 0 80px rgba(0,128,255,.04); }
.orb-two { width: 800px; height: 800px; left: 30%; bottom: -690px; border: 1px solid rgba(31, 144, 255, .12); }
.hero-copy, .hero-product { position: relative; z-index: 2; }
.eyebrow, .section-kicker, .mini-label { text-transform: uppercase; letter-spacing: 2.1px; font-size: 11px; font-weight: 800; color: #71aaff; }
.eyebrow { display: inline-flex; align-items: center; gap: 10px; border: 1px solid var(--line); border-radius: 99px; padding: 8px 13px; background: rgba(9,20,36,.7); }
.eyebrow i { width: 6px; height: 6px; border-radius: 50%; background: var(--blue); box-shadow: 0 0 12px var(--blue); }
h1, h2, h3 { font-family: var(--font-display); margin: 0; letter-spacing: -.055em; }
h1 { font-size: clamp(68px, 6.4vw, 108px); line-height: .94; margin: 30px 0; font-weight: 700; }
h1 span {
  display: block;
  width: max-content;
  max-width: 100%;
  color: #087cff;
  background: linear-gradient(135deg, #27d2ff 0%, #078cff 42%, #0757f5 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  -webkit-text-stroke: 0;
  font-weight: 700;
  font-size: .9em;
  letter-spacing: -.045em;
  line-height: 1.06;
  filter: drop-shadow(0 0 20px rgba(0, 119, 255, .2));
}
.hero-copy > p { max-width: 590px; font-size: 18px; line-height: 1.7; color: #9cacbf; }
.hero-actions { display: flex; align-items: center; gap: 34px; margin-top: 36px; }
.text-link { font-size: 14px; font-weight: 700; border-bottom: 1px solid rgba(255,255,255,.25); padding-bottom: 6px; }
.text-link span { color: var(--cyan); margin-left: 12px; }
.trust-row { margin-top: 68px; display: flex; gap: 0; }
.trust-row div { padding: 0 30px; border-left: 1px solid var(--line); }
.trust-row div:first-child { padding-left: 0; border: 0; }
.trust-row strong, .trust-row small { display: block; }
.trust-row strong { font-size: 13px; }
.trust-row small { font-size: 11px; color: #75879d; margin-top: 6px; }
.hero-product { perspective: 1200px; }
.product-glow { position: absolute; inset: 15% 0; background: #006dff; filter: blur(120px); opacity: .16; }
.browser-card { position: relative; width: 115%; transform: rotateY(-7deg) rotateX(2deg); transform-origin: left center; border: 1px solid rgba(115,163,222,.3); border-radius: 14px; overflow: hidden; background: #07101c; box-shadow: -25px 45px 100px rgba(0,0,0,.55); }
.browser-bar { height: 42px; display: flex; align-items: center; gap: 20px; padding: 0 16px; color: #67809f; font-size: 10px; border-bottom: 1px solid var(--line); }
.browser-dots { display: flex; gap: 6px; }
.browser-dots i { width: 6px; height: 6px; border-radius: 50%; background: #253a54; }
.browser-bar .live { margin-left: auto; color: #8ba0ba; }
.live i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--green); margin-right: 6px; box-shadow: 0 0 8px var(--green); }
.screenshot-crop { overflow: hidden; position: relative; background: #07101b; height: 100%; }
.screenshot-crop::after {
  content: "";
  position: absolute;
  z-index: 2;
  top: 0;
  left: 0;
  width: 100%;
  height: clamp(16px, 2.1vw, 27px);
  background: #f1f5fa;
  border-bottom: 1px solid #d6dee8;
  pointer-events: none;
}
.screenshot-crop img { width: 100%; display: block; transform: translateY(-6.4%); }
.hero-shot { height: min(61vh, 590px); }
.hero-shot img { transform: translateY(-6.5%); }
.floating-card { position: absolute; z-index: 4; padding: 16px 18px; border: 1px solid rgba(125,169,224,.25); border-radius: 10px; background: rgba(9,20,35,.93); box-shadow: 0 20px 50px rgba(0,0,0,.4); display: flex; align-items: center; gap: 12px; backdrop-filter: blur(12px); }
.floating-card small, .floating-card strong { display: block; }
.floating-card small { font-size: 9px; color: #768ba5; text-transform: uppercase; letter-spacing: 1.2px; }
.floating-card strong { font-size: 12px; margin-top: 4px; }
.floating-card b { font-size: 20px; color: var(--green); margin-left: 18px; }
.float-one { left: -52px; bottom: 25px; }
.float-two { right: -70px; top: 80px; }
.status-dot { width: 8px; height: 8px; border-radius: 50%; }
.green { background: var(--green); box-shadow: 0 0 12px var(--green); }
.spark { color: var(--cyan); font-size: 20px; }
.scroll-cue { position: absolute; z-index: 2; bottom: 28px; left: clamp(24px, 5vw, 82px); display: flex; align-items: center; gap: 10px; font-size: 9px; text-transform: uppercase; letter-spacing: 1.8px; color: #65798f; }
.scroll-cue span { height: 34px; width: 1px; background: linear-gradient(transparent, var(--blue)); }

.section { padding: 130px clamp(24px, 8vw, 150px); }
.statement { background: #f2f5f8; color: #09111d; }
.statement .section-kicker { color: #0875ed; margin-bottom: 35px; }
.statement-grid { display: grid; grid-template-columns: 1.2fr .7fr; gap: 10vw; align-items: end; }
.statement h2, .section-heading h2 { font-size: clamp(42px, 4.7vw, 70px); line-height: 1.08; }
.statement h2 span { color: #8794a4; }
.statement-grid p, .section-heading > p { font-size: 17px; line-height: 1.75; color: #69798d; max-width: 540px; }
.metrics { margin-top: 100px; border-top: 1px solid #cbd3dd; display: grid; grid-template-columns: repeat(4,1fr); }
.metrics div { padding: 38px 22px 0; border-left: 1px solid #cbd3dd; }
.metrics div:first-child { border: 0; padding-left: 0; }
.metrics strong, .metrics span { display: block; }
.metrics strong { font: 700 46px var(--font-display); letter-spacing: -.05em; }
.metrics span { margin-top: 9px; color: #748296; font-size: 12px; }

.workflow, .features { background: #07101c; }
.section-heading { display: flex; justify-content: space-between; align-items: end; gap: 60px; }
.section-heading .section-kicker { margin-bottom: 20px; }
.section-heading > p { color: #8293a9; }
.stage-tabs { margin-top: 70px; display: grid; grid-template-columns: repeat(4,1fr); border-bottom: 1px solid var(--line); }
.stage-tab { padding: 22px 4px; border: 0; border-bottom: 2px solid transparent; color: #6f8199; background: transparent; text-align: left; font-weight: 700; cursor: pointer; transition: color .2s; }
.stage-tab span { font: 500 10px var(--font-display); color: #49617e; margin-right: 18px; }
.stage-tab.active { color: white; border-bottom-color: var(--blue); }
.stage-display { min-height: 630px; display: grid; grid-template-columns: .72fr 1.28fr; margin-top: 50px; border: 1px solid var(--line); background: var(--panel); border-radius: 12px; overflow: hidden; }
.stage-copy { padding: 52px; position: relative; }
.stage-number { color: #4f6480; font: 600 11px var(--font-display); letter-spacing: 1px; margin-bottom: 55px; }
.stage-content { display: none; }
.stage-content.active { display: block; animation: fade .35s ease; }
.stage-content h3 { font-size: clamp(32px, 3vw, 48px); line-height: 1.08; margin: 20px 0 25px; }
.stage-content p { color: #92a3b9; line-height: 1.7; }
.stage-content ul { padding: 0; margin-top: 35px; list-style: none; }
.stage-content li { padding: 15px 0 15px 25px; border-top: 1px solid var(--line); color: #c2cddd; font-size: 13px; position: relative; }
.stage-content li:before { content: ""; position: absolute; left: 2px; top: 21px; width: 6px; height: 6px; border: 1px solid var(--cyan); border-radius: 50%; }
.stage-visual { min-width: 0; margin: 22px; border: 1px solid var(--line); border-radius: 9px; overflow: hidden; background: #050b14; position: relative; }
.visual-top { height: 45px; padding: 0 15px; display: flex; align-items: center; justify-content: space-between; border-bottom: 1px solid var(--line); font-size: 9px; text-transform: uppercase; letter-spacing: 1.3px; color: #66809e; }
.visual-state i { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--green); margin-right: 7px; }
.stage-image { display: none; position: absolute; top: 45px; inset-inline: 0; bottom: 0; }
.stage-image.active { display: block; animation: fade .35s ease; }
@keyframes fade { from { opacity: 0; transform: translateY(8px); } to { opacity: 1; transform: none; } }

.features { padding-top: 40px; }
.feature-grid { margin-top: 70px; display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.feature { min-height: 430px; padding: 35px; border: 1px solid var(--line); border-radius: 10px; background: linear-gradient(145deg, rgba(15,29,49,.85), rgba(7,15,27,.85)); position: relative; overflow: hidden; }
.feature-wide { grid-column: span 2; }
.feature > span { position: absolute; right: 28px; top: 30px; font: 600 10px var(--font-display); color: #425978; }
.feature-icon { width: 42px; height: 42px; display: grid; place-items: center; border: 1px solid rgba(33,199,255,.25); color: var(--cyan); border-radius: 9px; background: rgba(0,114,255,.08); }
.feature h3 { font-size: 31px; line-height: 1.1; margin: 45px 0 18px; }
.feature p { max-width: 500px; color: #8295ad; line-height: 1.65; font-size: 14px; }
.ai-demo { position: absolute; right: 35px; bottom: 35px; width: 44%; border: 1px solid var(--line); border-radius: 8px; overflow: hidden; }
.ai-demo div { display: grid; grid-template-columns: 12px 1fr auto; align-items: center; padding: 14px; border-top: 1px solid var(--line); font-size: 10px; color: #8da0b7; }
.ai-demo div:first-child { border: 0; }
.ai-demo i { width: 5px; height: 5px; border-radius: 50%; }
.ai-demo .blue { background: var(--blue); }.ai-demo .amber { background: var(--amber); }.ai-demo .green { background: var(--green); }
.ai-demo b { color: #dbe7f7; font-weight: 500; }
.ring { width: 130px; height: 130px; margin: 35px auto 0; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--blue) 94%, #1a293d 0); position: relative; }
.ring:after { content:""; position:absolute; inset: 10px; border-radius:50%; background:#0a1422; }
.ring div { position: relative; z-index: 1; text-align: center; }
.ring strong, .ring small { display:block; }.ring strong { font: 700 27px var(--font-display); }.ring small { color:#71849c; font-size:9px; text-transform:uppercase; letter-spacing:1px; }
.rate-lines { position: absolute; bottom: 35px; left: 35px; right: 35px; display:flex; align-items:end; gap:9px; height:80px; }
.rate-lines i { flex:1; background: linear-gradient(to top, #086ef3, #20c7ff); border-radius:3px 3px 0 0; opacity:.75; }
.rate-lines i:nth-child(1){height:40%}.rate-lines i:nth-child(2){height:75%}.rate-lines i:nth-child(3){height:55%}.rate-lines i:nth-child(4){height:95%}
.documents { position: absolute; right: 60px; bottom: 30px; width: 240px; height: 180px; }
.documents div { position:absolute; width:140px; height:170px; border:1px solid #243a58; border-radius:5px; background:#0a1525; box-shadow:0 15px 30px rgba(0,0,0,.3); }
.documents div:first-child { right:0; transform:rotate(8deg); opacity:.5; }.documents div:nth-child(2) { right:28px; transform:rotate(3deg); opacity:.7; }.documents div:last-child { right:55px; padding:22px; }
.documents b { font:700 9px var(--font-display); color:#50a8ff; }.documents i { display:block; height:3px; margin-top:14px; background:#1c3049; }.documents i:nth-of-type(2){width:70%}.documents i:nth-of-type(3){width:85%}

.product-closeups { background: #040a12; }
.closeup-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 70px; }
.closeup-card { min-height: 570px; display: grid; grid-template-rows: auto 1fr; border: 1px solid var(--line); border-radius: 12px; background: #091422; overflow: hidden; }
.closeup-large { grid-column: 1 / -1; min-height: 660px; grid-template-columns: .56fr 1.44fr; grid-template-rows: 1fr; }
.closeup-copy { padding: 34px 38px; position: relative; }
.closeup-copy > span { color: #49617e; font: 600 10px var(--font-display); }
.closeup-copy h3 { font-size: 28px; margin: 28px 0 15px; }
.closeup-copy p { color: #8395ab; line-height: 1.65; font-size: 13px; max-width: 460px; }
.closeup-image { min-height: 330px; overflow: hidden; position: relative; border-top: 1px solid var(--line); background: #050b14; }
.closeup-large .closeup-image { border-top: 0; border-left: 1px solid var(--line); }
.closeup-image:after { content:""; position:absolute; inset:0; box-shadow:inset 0 0 55px rgba(1,6,13,.38); pointer-events:none; }
.closeup-image img { position: absolute; width: 155%; max-width: none; top: clamp(-180px, -11vw, -70px); }
.review-focus img { width: 150%; left: -32%; }
.scope-focus img { left: -28%; }
.pricing-focus img { left: -48%; }
.report-focus img { left: -18%; }

.difference { background: #f2f5f8; color: #09111d; }
.difference-card { background: #0a1422; color: white; padding: 75px; border-radius: 14px; display: grid; grid-template-columns: 1fr .8fr; gap: 9vw; position: relative; overflow: hidden; }
.difference-card:after { content:""; position:absolute; width:420px; height:420px; border-radius:50%; border:1px solid rgba(22,138,255,.15); right:-240px; top:-180px; box-shadow:0 0 100px rgba(0,109,255,.1); }
.difference-copy h2 { font-size: clamp(42px, 4vw, 66px); line-height: 1.05; margin: 25px 0; }
.difference-copy p { color: #8fa0b5; line-height: 1.8; max-width: 650px; margin-bottom: 35px; }
.principles div { padding: 26px 0; border-top: 1px solid var(--line); display: grid; grid-template-columns: 45px 1fr; }
.principles span { grid-row: span 2; color: #3f5b7d; font: 600 10px var(--font-display); }
.principles strong { font: 700 16px var(--font-display); }
.principles small { color: #7f91a8; margin-top: 7px; }

.solutions, .proof, .pricing-section, .contact-section { background: #f2f5f8; color: #09111d; }
.solutions .section-kicker, .proof .section-kicker, .pricing-section .section-kicker, .contact-section .section-kicker { color: #0875ed; }
.solutions .section-heading > p, .proof .section-heading > p, .pricing-section .section-heading > p { color: #69798d; }
.audience-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; margin-top: 70px; }
.audience-card { min-height: 285px; padding: 38px; border: 1px solid #d6dde6; border-radius: 10px; background: rgba(255,255,255,.55); position: relative; }
.audience-card > span, .proof-card > span { position: absolute; right: 28px; top: 28px; color: #9aa8b9; font: 600 10px var(--font-display); }
.audience-card h3 { font-size: 28px; margin: 32px 0 18px; }
.audience-card p { color: #68788b; line-height: 1.7; max-width: 580px; }
.audience-card small { display: block; margin-top: 34px; color: #0875ed; font-weight: 700; }

.demo-section { background: #07101c; }
.demo-frame { display: grid; grid-template-columns: .82fr 1.18fr; min-height: 540px; border: 1px solid var(--line); border-radius: 14px; overflow: hidden; background: #0a1422; }
.demo-copy { padding: 65px; }
.demo-copy h2 { font-size: clamp(38px, 4vw, 62px); line-height: 1.06; margin: 24px 0; }
.demo-copy p { color: #8c9db3; line-height: 1.75; max-width: 580px; }
.demo-meta { border-top: 1px solid var(--line); margin: 35px 0; padding-top: 22px; display: flex; justify-content: space-between; max-width: 390px; }
.demo-meta span { color: #71849d; font-size: 12px; }.demo-meta strong { font-size: 13px; }
.demo-product { margin: 32px; min-width: 0; border: 1px solid var(--line); border-radius: 10px; background: #050b14; overflow: hidden; position: relative; box-shadow: 0 30px 70px rgba(0,0,0,.35); }
.demo-browser-head { height: 44px; padding: 0 16px; display: flex; align-items: center; gap: 7px; border-bottom: 1px solid var(--line); color: #657a95; font-size: 9px; text-transform: uppercase; letter-spacing: 1px; }
.demo-browser-head i { width: 6px; height: 6px; border-radius: 50%; background: #27405e; }
.demo-browser-head span { margin-left: 10px; }
.demo-product-image { height: calc(100% - 44px); min-height: 390px; overflow: hidden; }
.demo-product-image img { width: 145%; max-width: none; transform: translate(-20%, -7%); }
.demo-callout { position: absolute; left: 25px; bottom: 25px; display: flex; align-items: center; gap: 11px; max-width: 290px; padding: 14px 16px; border: 1px solid rgba(70,153,255,.35); border-radius: 8px; background: rgba(7,17,30,.94); color: #cbd7e7; font-size: 11px; line-height: 1.45; backdrop-filter: blur(9px); }
.demo-callout i { flex: 0 0 auto; width: 7px; height: 7px; border-radius: 50%; background: var(--green); box-shadow: 0 0 10px var(--green); }

.proof-grid { margin-top: 70px; display:grid; grid-template-columns:repeat(3,1fr); gap:18px; }
.proof-card { min-height:300px; padding:40px; border:1px solid #d6dde6; border-radius:10px; background:white; position:relative; }
.proof-card strong { display:block; font:700 22px/1.25 var(--font-display); margin-top:55px; }
.proof-card p { color:#6b7a8e; line-height:1.7; }
.connectivity { background:#07101c; }
.connect-grid { margin-top:70px; display:grid; grid-template-columns:1fr 150px 1fr; border:1px solid var(--line); border-radius:12px; overflow:hidden; }
.connect-column { padding:48px; background:#0a1422; }
.connect-column h3 { font-size:27px; margin-bottom:28px; }
.connect-column ul, .price-card ul { list-style:none; padding:0; margin:0; }
.connect-column li { padding:14px 0 14px 23px; border-top:1px solid var(--line); color:#9bacc0; font-size:13px; position:relative; }
.connect-column li:before { content:""; position:absolute; left:1px; top:20px; width:6px; height:6px; border-radius:50%; background:var(--blue); }
.connect-flow { display:flex; align-items:center; justify-content:center; background:#08111e; }
.connect-flow i { height:1px; flex:1; background:linear-gradient(90deg,transparent,var(--blue)); }.connect-flow i:last-child { background:linear-gradient(90deg,var(--blue),transparent); }
.mini-eight { width:54px; height:54px; display:grid; place-items:center; border:1px solid rgba(35,159,255,.35); border-radius:14px; color:var(--cyan); font:800 28px var(--font-display); box-shadow:0 0 30px rgba(0,112,255,.12); }
.integration-note { margin-top:22px; padding:22px 25px; border:1px solid var(--line); border-radius:8px; color:#8496ad; line-height:1.6; font-size:13px; }
.integration-note strong { color:#dce8f7; }

.security { background:#040a12; }
.security-panel { display:grid; grid-template-columns:.8fr 1.2fr; border:1px solid var(--line); border-radius:14px; overflow:hidden; }
.security-intro { padding:65px; background:radial-gradient(circle at 0 0,rgba(0,119,255,.12),transparent 42%),#091422; }
.security-intro h2 { font-size:clamp(40px,4vw,62px); line-height:1.06; margin:25px 0; }
.security-intro p { color:#8d9eb4; line-height:1.75; }
.security-badge { display:inline-flex; align-items:center; gap:10px; margin-top:35px; padding:10px 13px; border:1px solid rgba(50,225,154,.22); border-radius:99px; color:#9bb9ad; font-size:10px; }
.security-badge i { width:7px; height:7px; border-radius:50%; background:var(--green); box-shadow:0 0 10px var(--green); }
.security-list { padding:25px 50px; background:#07101c; }
.security-list > div { display:grid; grid-template-columns:45px 1fr; padding:24px 0; border-top:1px solid var(--line); }
.security-list > div:first-child { border:0; }
.security-list span { grid-row:span 3; color:#3f5a79; font:600 10px var(--font-display); }
.security-list strong { font:700 15px var(--font-display); }
.security-list p { color:#7f91a8; margin:7px 0 0; font-size:12px; line-height:1.55; }

.pricing-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:18px; margin-top:70px; align-items:stretch; }
.price-card { padding:38px; border:1px solid #d4dce6; border-radius:11px; background:white; display:flex; flex-direction:column; min-height:520px; }
.price-card.featured { color:white; background:#091523; border-color:#167eef; transform:translateY(-12px); box-shadow:0 25px 60px rgba(6,71,145,.16); }
.price-label { color:#0875ed; font-size:9px; font-weight:800; text-transform:uppercase; letter-spacing:1.5px; }
.price-card h3 { font-size:26px; margin:24px 0 10px; }
.price { font:700 32px var(--font-display); letter-spacing:-.04em; margin:12px 0 22px; }
.price-card p { color:#6f7f92; line-height:1.65; min-height:70px; }.featured p { color:#8fa1b8; }
.price-card li { padding:13px 0 13px 22px; border-top:1px solid #e2e7ed; color:#69798b; font-size:12px; position:relative; }.featured li { border-color:var(--line); color:#a2b2c5; }
.price-card li:before { content:"✓"; position:absolute; left:0; color:#0875ed; font-weight:800; }
.price-card .button { margin-top:auto; }
.pricing-note { margin-top:35px; padding:20px 25px; border:1px dashed #c8d1dc; border-radius:8px; color:#738296; font-size:12px; line-height:1.6; }

.founder { background: #f2f5f8; color: #09111d; }
.founder-panel { display: grid; grid-template-columns: .52fr 1.48fr; min-height: 590px; border-radius: 14px; overflow: hidden; background: #081321; color: white; }
.founder-mark { display: flex; flex-direction: column; align-items: center; justify-content: center; border-right: 1px solid var(--line); background: radial-gradient(circle at center, rgba(0,124,255,.2), transparent 42%), #06101c; }
.founder-eight { width: 170px; height: 170px; display: grid; place-items: center; border: 1px solid rgba(34,153,255,.35); border-radius: 42px; background: linear-gradient(145deg, rgba(14,37,67,.9), rgba(4,11,21,.95)); color: transparent; -webkit-text-stroke: 2px var(--cyan); font: 800 112px/1 var(--font-display); box-shadow: 0 35px 80px rgba(0,0,0,.4), inset 0 0 50px rgba(0,117,255,.08); }
.founder-mark small { margin-top: 24px; color: #6d829d; text-transform: uppercase; letter-spacing: 1.7px; font-size: 9px; }
.founder-copy { padding: 68px; }
.founder-copy h2 { max-width: 900px; font-size: clamp(40px, 4.3vw, 66px); line-height: 1.06; margin: 24px 0; }
.founder-copy > p { max-width: 850px; color: #8fa0b5; line-height: 1.78; }
.founder-contact { display: grid; grid-template-columns: .7fr .8fr 1.4fr; gap: 22px; margin-top: 44px; border-top: 1px solid var(--line); padding-top: 25px; }
.founder-contact small, .founder-contact strong { display: block; }
.founder-contact small { color: #647892; font-size: 9px; text-transform: uppercase; letter-spacing: 1.2px; }
.founder-contact strong { margin-top: 8px; font: 700 13px var(--font-display); overflow-wrap: anywhere; }

.faq { background:#07101c; display:grid; grid-template-columns:.65fr 1.35fr; gap:9vw; }
.faq-heading h2 { font-size:clamp(42px,4vw,65px); line-height:1.07; margin-top:22px; }
.faq-list details { border-top:1px solid var(--line); }
.faq-list summary { list-style:none; cursor:pointer; padding:25px 5px; font:700 16px var(--font-display); display:flex; justify-content:space-between; gap:20px; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:var(--cyan); font-size:23px; font-weight:400; transition:transform .2s; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { color:#8698af; line-height:1.7; padding:0 42px 25px 5px; margin:0; font-size:14px; }

.contact-section { display:grid; grid-template-columns:.8fr 1.2fr; gap:10vw; }
.contact-copy h2 { font-size:clamp(43px,4.5vw,68px); line-height:1.05; margin:24px 0; }
.contact-copy > p { color:#69798c; line-height:1.75; }
.contact-facts { display:grid; grid-template-columns:1fr 1fr; gap:18px; margin-top:45px; }
.contact-facts div { padding-top:20px; border-top:1px solid #cdd5df; }
.contact-facts small,.contact-facts strong { display:block; }.contact-facts small { color:#8290a1; font-size:10px; }.contact-facts strong { margin-top:8px; font:700 14px var(--font-display); }
.demo-form { display:grid; grid-template-columns:1fr 1fr; gap:18px; padding:38px; border:1px solid #d4dce6; border-radius:12px; background:white; }
.demo-form label { color:#526276; font-size:11px; font-weight:700; }
.demo-form input,.demo-form select,.demo-form textarea { width:100%; margin-top:9px; border:1px solid #d6dee7; border-radius:6px; background:#f7f9fb; color:#142033; padding:14px; font:500 13px var(--font-body); outline:none; }
.demo-form input:focus,.demo-form select:focus,.demo-form textarea:focus { border-color:#1687ff; box-shadow:0 0 0 3px rgba(8,124,255,.09); }
.form-wide { grid-column:1/-1; }.demo-form button { border:0; cursor:pointer; }
.form-status { color:#8693a3; line-height:1.5; }

.legal-links { grid-column:1/-1; justify-content:center; margin-top:-4px; }
.legal-dialog { width:min(760px,calc(100% - 32px)); max-height: 86vh; overflow-y: auto; padding:42px; border:1px solid var(--line); border-radius:13px; color:white; background:#091421; box-shadow:0 30px 100px rgba(0,0,0,.65); }
.legal-dialog::backdrop { background:rgba(2,6,12,.72); backdrop-filter:blur(7px); }
.legal-dialog h2 { font-size:38px; margin:20px 0; }.legal-body { color:#93a4b9; line-height:1.75; }
.legal-body h3 { margin: 28px 0 5px; color: #eef5ff; font: 700 16px var(--font-display); }
.legal-body a { color: #57b6ff; text-decoration: underline; text-underline-offset: 3px; }
.legal-close { position:absolute; right:20px; top:18px; border:0; background:none; color:white; font-size:26px; cursor:pointer; }

.cta { min-height: 660px; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; position: relative; overflow: hidden; background: radial-gradient(circle at center, #0c203d 0%, #050a12 52%); }
.cta h2 { font-size: clamp(54px, 6vw, 90px); line-height: 1; margin: 25px 0; position:relative; }
.cta > p { color:#8799ae; font-size:17px; position:relative; }
.cta-actions { display:flex; gap:12px; margin-top:30px; position:relative; }
.cta-mark { position:absolute; font:800 560px/1 var(--font-display); color:transparent; -webkit-text-stroke:1px rgba(46,139,255,.09); top:20px; }
.cta-orbit { position:absolute; border:1px solid rgba(36,140,255,.13); border-radius:50%; }.orbit-a{width:820px;height:820px}.orbit-b{width:1060px;height:1060px}
footer { min-height: 170px; padding: 45px clamp(24px, 5vw, 82px); border-top:1px solid var(--line); display:grid; grid-template-columns:1fr 1fr auto; align-items:center; gap:20px; background:#04080e; }
footer p { color:#64758a; font-size:12px; text-align:center; }
footer > div { display:flex; gap:24px; }
footer small { grid-column:1/-1; color:#3e5065; font-size:10px; text-align:center; }

.brand-loader {
  position: fixed;
  inset: 0;
  z-index: 100;
  display: grid;
  place-items: center;
  background: rgba(3, 8, 15, .58);
  backdrop-filter: blur(8px);
  opacity: 0;
  visibility: hidden;
  transition: opacity .2s ease, visibility .2s ease;
}
.brand-loader.active { opacity: 1; visibility: visible; }
.loader-badge {
  width: 184px;
  padding: 24px 22px 20px;
  border: 1px solid rgba(77, 151, 255, .28);
  border-radius: 18px;
  background: linear-gradient(145deg, rgba(12, 25, 43, .98), rgba(5, 11, 20, .98));
  box-shadow: 0 30px 80px rgba(0, 0, 0, .5), 0 0 55px rgba(0, 112, 255, .12);
  text-align: center;
}
.loader-badge > span {
  display: block;
  margin-top: 13px;
  font: 800 16px/1 var(--font-display);
  letter-spacing: -.4px;
}
.loader-badge > span span { color: var(--blue); }
.loader-badge small {
  display: block;
  margin-top: 8px;
  color: #71859f;
  font-size: 8px;
  text-transform: uppercase;
  letter-spacing: 1.4px;
}
.loader-eight {
  position: relative;
  width: 66px;
  height: 77px;
  margin: 0 auto;
}
.loader-eight i {
  --size: 9px;
  position: absolute;
  left: calc(var(--x) * 11px);
  top: calc(var(--y) * 11px);
  width: var(--size);
  height: var(--size);
  border-radius: 50%;
  background: #0759e8;
  box-shadow: 0 0 4px rgba(0, 103, 255, .35);
  animation: loader-pulse 1.15s ease-in-out infinite;
  animation-delay: calc(var(--d) * 55ms);
}
.loader-eight .trail { width: 5px; height: 5px; opacity: .65; }
.loader-eight .t1 { --x:0; --y:1; --d:10; }
.loader-eight .t2 { --x:0; --y:3; --d:8; }
.loader-eight .t3 { --x:0; --y:5; --d:6; }
@keyframes loader-pulse {
  0%, 55%, 100% { transform: scale(.72); background: #0759e8; opacity: .48; }
  20% { transform: scale(1.18); background: #28d4ff; opacity: 1; box-shadow: 0 0 14px rgba(19, 176, 255, .9); }
}

.reveal { opacity: 0; transform: translateY(24px); transition: opacity .75s ease, transform .75s ease; }
.reveal.visible { opacity: 1; transform: none; }
.delay-1 { transition-delay: .12s; }

@media (max-width: 1050px) {
  .hero { min-height: 1100px; height:auto; grid-template-columns:1fr; padding-top:150px; }
  .hero-copy { max-width:700px; }
  .hero-product { width:90%; margin-left:8%; }
  .browser-card { width:100%; transform:none; }
  .hero-shot { height:540px; }
  .statement-grid, .difference-card { grid-template-columns:1fr; gap:40px; }
  .demo-frame, .security-panel, .contact-section { grid-template-columns:1fr; }
  .closeup-large { grid-template-columns: 1fr; grid-template-rows: auto 1fr; }
  .closeup-large .closeup-image { border-left: 0; border-top: 1px solid var(--line); }
  .founder-panel { grid-template-columns: 1fr; }
  .founder-mark { min-height: 380px; border-right: 0; border-bottom: 1px solid var(--line); }
  .proof-grid, .pricing-grid { grid-template-columns:1fr; }
  .price-card.featured { transform:none; }
  .faq { grid-template-columns:1fr; gap:55px; }
  .stage-display { grid-template-columns:1fr; }
  .stage-visual { height:560px; }
  .feature-grid { grid-template-columns:1fr 1fr; }
  .feature-wide { grid-column:span 1; }
  .ai-demo { position:relative; right:auto; bottom:auto; width:100%; margin-top:35px; }
}
@media (max-width: 720px) {
  .site-header { height:70px; padding:0 20px; }
  nav, .site-header > .button { display:none; }
  .menu-button { display:block; width:38px; height:38px; padding:10px; }
  .menu-button span { display:block; height:1px; background:white; margin:6px 0; }
  .site-header.open { position:fixed; background:#07101c; }
  .site-header.open nav { display:flex; position:absolute; top:70px; left:0; right:0; padding:30px; flex-direction:column; background:#07101c; border-top:1px solid var(--line); }
  .hero { min-height:940px; padding:120px 20px 60px; gap:65px; }
  h1 { font-size:58px; }
  h1 span { font-size: .84em; letter-spacing: -.035em; }
  .hero-copy > p { font-size:16px; }
  .hero-actions { align-items:flex-start; flex-direction:column; gap:22px; }
  .trust-row { display:grid; grid-template-columns:1fr 1fr; gap:24px; margin-top:45px; }
  .trust-row div { padding:0; border:0; }
  .hero-product { width:100%; margin:0; }
  .hero-shot { height:310px; }
  .floating-card { display:none; }
  .section { padding:85px 20px; }
  .statement-grid p { font-size:15px; }
  .metrics { grid-template-columns:1fr 1fr; margin-top:60px; }
  .metrics div, .metrics div:first-child { padding:25px 15px; border-left:1px solid #cbd3dd; }
  .metrics div:nth-child(odd) { border-left:0; padding-left:0; }
  .section-heading { align-items:start; flex-direction:column; gap:25px; }
  .stage-tabs { overflow-x:auto; grid-template-columns:repeat(4,150px); }
  .stage-tab { white-space:nowrap; }
  .stage-copy { padding:30px 24px; }
  .stage-visual { height:330px; margin:10px; }
  .feature-grid { grid-template-columns:1fr; }
  .closeup-grid { grid-template-columns: 1fr; }
  .closeup-large { grid-column: auto; min-height: 570px; }
  .closeup-image img { width: 205%; }
  .review-focus img { left: -63%; }
  .scope-focus img { left: -52%; }
  .pricing-focus img { left: -85%; }
  .report-focus img { left: -42%; }
  .audience-grid { grid-template-columns:1fr; }
  .demo-copy,.security-intro,.founder-copy { padding:42px 25px; }
  .demo-product { margin: 10px; min-height: 400px; }
  .demo-product-image img { width: 210%; transform: translate(-46%, -5%); }
  .founder-mark { min-height: 320px; }
  .founder-eight { width: 135px; height: 135px; font-size: 88px; }
  .founder-contact { grid-template-columns: 1fr; }
  .connect-grid { grid-template-columns:1fr; }
  .connect-flow { height:90px; }.connect-flow i { max-width:100px; }
  .connect-column { padding:35px 25px; }
  .security-list { padding:15px 25px; }
  .demo-form { grid-template-columns:1fr; padding:28px 20px; }
  .demo-form label,.form-wide { grid-column:1; }
  .feature { min-height:400px; padding:28px; }
  .documents { opacity:.55; right:5px; }
  .difference-card { padding:45px 25px; }
  .cta-actions { flex-direction:column; width:100%; max-width:360px; }
  footer { grid-template-columns:1fr; text-align:center; }
  footer .brand { justify-content:center; }
  footer > div { justify-content:center; }
}
@media (prefers-reduced-motion: reduce) {
  html { scroll-behavior:auto; }
  .reveal { opacity:1; transform:none; transition:none; }
  .loader-eight i { animation: none; opacity: 1; }
}