:root {
  --ink: #f4f0e9;
  --muted: #9997a1;
  --muted-2: #71717d;
  --bg: #070912;
  --bg-soft: #0b0d17;
  --panel: #10121e;
  --line: rgba(255,255,255,.105);
  --violet: #9b82ff;
  --blue: #627dff;
  --coral: #ff866f;
  --lime: #b9f56b;
  --serif: Georgia, 'Times New Roman', serif;
  --sans: 'Manrope', system-ui, sans-serif;
  --mono: 'DM Mono', monospace;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--bg); color: var(--ink); font-family: var(--sans); -webkit-font-smoothing: antialiased; overflow-x: hidden; }
button, input { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
a { color: inherit; text-decoration: none; }
button { color: inherit; }
.shell { width: min(1240px, calc(100% - 48px)); margin-inline: auto; }
.skip-link { position: fixed; left: 16px; top: -60px; z-index: 999; background: white; color: #080911; padding: 12px 18px; border-radius: 8px; transition: .2s; }
.skip-link:focus { top: 16px; }
.noise { position: fixed; inset: 0; pointer-events: none; z-index: 50; opacity: .035; 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='.85' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.7'/%3E%3C/svg%3E"); }

.site-header { position: fixed; inset: 0 0 auto; z-index: 40; background: rgba(7,9,18,.68); backdrop-filter: blur(18px); border-bottom: 1px solid transparent; transition: .3s; }
.site-header.scrolled { border-color: var(--line); }
.nav { height: 76px; display: flex; align-items: center; justify-content: space-between; }
.brand { display: inline-flex; align-items: center; gap: 12px; font-weight: 700; font-size: 20px; letter-spacing: -.04em; }
.brand-mark { width: 26px; height: 26px; display: inline-grid; grid-template-columns: repeat(3, 1fr); gap: 2px; transform: rotate(-7deg); }
.brand-mark i { display: block; border-radius: 50% 50% 35% 65%; background: linear-gradient(150deg, #ddd5ff, #7961ff 55%, #ff8a71); }
.brand-mark i:nth-child(1) { height: 52%; align-self: end; }
.brand-mark i:nth-child(2) { height: 100%; }
.brand-mark i:nth-child(3) { height: 70%; align-self: center; }
.brand-mark.mini { width: 17px; height: 17px; gap: 1px; }
.nav-menu { display: flex; align-items: center; gap: 34px; margin-left: 130px; }
.nav-menu a { color: #b8b6bf; font-size: 13px; transition: color .2s; }
.nav-menu a:hover { color: white; }
.nav-toggle { display: none; }
.button { border: 0; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; gap: 16px; min-height: 54px; border-radius: 4px; padding: 0 23px; font-size: 13px; font-weight: 700; transition: transform .2s, background .2s, box-shadow .2s; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 17px; font-weight: 400; }
.button-small { min-height: 41px; padding: 0 17px; font-size: 12px; }
.button-ghost { border: 1px solid rgba(255,255,255,.18); background: rgba(255,255,255,.03); }
.button-ghost:hover { background: rgba(255,255,255,.09); }
.button-primary { background: linear-gradient(135deg, #a18bff, #745cf2); color: white; box-shadow: 0 14px 44px rgba(111,81,244,.25); }
.button-primary:hover { box-shadow: 0 18px 55px rgba(111,81,244,.4); }
.button-light { width: 100%; background: #f1eee7; color: #0a0b12; }

.hero { min-height: 860px; padding-top: 184px; position: relative; display: grid; grid-template-columns: 47% 53%; align-items: start; }
.hero:after { content: ''; position: absolute; inset: auto 0 0; height: 1px; background: linear-gradient(90deg, transparent, var(--line) 20%, var(--line) 80%, transparent); }
.hero-glow { position: absolute; width: 560px; height: 560px; left: -280px; top: 90px; background: rgba(80,55,197,.12); filter: blur(100px); border-radius: 50%; }
.hero-copy { position: relative; z-index: 3; padding-top: 40px; }
.eyebrow { font: 500 10px/1 var(--mono); letter-spacing: .18em; color: #aaa8b3; display: flex; align-items: center; gap: 10px; text-transform: uppercase; }
.eyebrow > span { width: 6px; height: 6px; border-radius: 50%; background: var(--violet); box-shadow: 0 0 14px var(--violet); }
.hero h1 { font-size: clamp(64px, 6.45vw, 100px); line-height: .93; letter-spacing: -.075em; margin: 29px 0 34px; font-weight: 500; }
em { font-family: var(--serif); font-weight: 400; color: #c6b8ff; }
.hero h1 em { font-style: italic; }
.hero-lede { max-width: 535px; color: #a3a1aa; font-size: 17px; line-height: 1.75; margin: 0; }
.hero-actions { display: flex; align-items: center; gap: 28px; margin-top: 38px; }
.text-link { display: inline-flex; align-items: center; gap: 11px; font-size: 13px; color: #c2c0c7; }
.play { display: inline-grid; place-items: center; width: 31px; height: 31px; border-radius: 50%; border: 1px solid rgba(255,255,255,.18); font-size: 8px; padding-left: 2px; }
.hero-proof { display: flex; align-items: center; gap: 16px; margin-top: 58px; }
.hero-proof p { color: #777680; font-size: 10px; line-height: 1.6; margin: 0; }
.hero-proof strong { color: #a6a4ae; font-weight: 500; }
.avatar-stack { display: flex; padding-left: 7px; }
.avatar-stack i { width: 30px; height: 30px; display: grid; place-items: center; border-radius: 50%; margin-left: -7px; background: #262936; border: 2px solid var(--bg); color: #d8d5df; font: 500 8px var(--mono); }
.avatar-stack i:nth-child(2) { background: #453c63; }.avatar-stack i:nth-child(3) { background: #44312f; }.avatar-stack i:nth-child(4) { background: #161925; }

.hero-visual { height: 640px; position: relative; z-index: 1; margin-right: -16vw; margin-left: -80px; overflow: visible; }
.hero-visual:before { content: ''; position: absolute; z-index: 2; inset: 0; background: radial-gradient(circle at 50% 48%, transparent 20%, rgba(7,9,18,.08) 47%, var(--bg) 85%), linear-gradient(90deg, var(--bg) 0%, transparent 20%, transparent 75%, var(--bg) 100%); pointer-events: none; }
.hero-visual img { position: absolute; width: 100%; height: 100%; object-fit: cover; object-position: 52% 50%; mix-blend-mode: screen; opacity: .88; mask-image: radial-gradient(ellipse 62% 58% at 52% 48%, #000 30%, transparent 100%); }
.visual-orbit { position: absolute; z-index: 3; border: 1px solid rgba(147,125,255,.18); border-radius: 50%; pointer-events: none; }
.orbit-a { width: 470px; height: 230px; left: 230px; top: 170px; transform: rotate(-11deg); animation: orbitPulse 7s ease-in-out infinite; }
.orbit-b { width: 300px; height: 500px; left: 315px; top: 60px; transform: rotate(30deg); animation: orbitPulse 7s 1.4s ease-in-out infinite; }
@keyframes orbitPulse { 50% { opacity: .35; transform: rotate(4deg) scale(1.04); } }
.signal-card { position: absolute; z-index: 5; display: flex; align-items: center; gap: 11px; padding: 13px 15px; border: 1px solid rgba(255,255,255,.12); background: rgba(15,17,29,.68); backdrop-filter: blur(18px); border-radius: 6px; box-shadow: 0 18px 60px rgba(0,0,0,.35); animation: float 6s ease-in-out infinite; }
.signal-card small { display: block; color: #777581; font: 500 7px var(--mono); letter-spacing: .13em; margin-bottom: 5px; }
.signal-card strong { display: block; font-size: 10px; font-weight: 500; white-space: nowrap; }
.signal-card > b { font: 500 10px var(--mono); color: var(--lime); margin-left: 14px; }
.signal-one { left: 60px; top: 198px; }.signal-two { left: 475px; top: 380px; animation-delay: -2s; }.signal-three { left: 180px; top: 510px; animation-delay: -4s; }
@keyframes float { 50% { transform: translateY(-9px); } }
.signal-icon { width: 27px; height: 27px; display: grid; place-items: center; border-radius: 50%; background: rgba(143,111,255,.14); color: #b9a7ff; }
.confidence-ring { width: 31px; height: 31px; border-radius: 50%; display: grid; place-items: center; background: conic-gradient(var(--violet) 92%, rgba(255,255,255,.1) 0); position: relative; }
.confidence-ring:before { content: ''; position: absolute; inset: 3px; border-radius: 50%; background: #141522; }
.confidence-ring span { font: 500 8px var(--mono); position: relative; }
.pulse-dot { width: 9px; height: 9px; border-radius: 50%; background: var(--coral); box-shadow: 0 0 0 6px rgba(255,134,111,.09), 0 0 20px var(--coral); margin: 0 6px; }

.trust-strip { padding: 29px 0 32px; border-bottom: 1px solid var(--line); display: flex; align-items: center; justify-content: space-between; }
.trust-strip p { margin: 0; font-size: 10px; color: #62616a; max-width: 135px; line-height: 1.5; }
.trust-logos { display: flex; align-items: center; gap: clamp(24px, 4vw, 61px); color: #7e7d86; }
.trust-logos span { white-space: nowrap; font-size: 14px; font-weight: 600; letter-spacing: -.03em; }
.trust-logos b { font-size: 17px; margin-right: 6px; color: #65646c; }

.section { padding: 148px 0; }
.product-section { background: linear-gradient(180deg, var(--bg), #090b15); }
.section-heading { display: grid; grid-template-columns: 1.5fr .65fr; align-items: end; gap: 90px; margin-bottom: 76px; }
.section-heading h2, .how-copy h2, .pricing-copy h2 { font-size: clamp(42px, 4vw, 64px); line-height: 1.06; letter-spacing: -.06em; font-weight: 500; margin: 25px 0 0; }
.section-heading h2 em, .pricing-copy h2 em { font-style: italic; }
.section-heading > p { color: #898791; font-size: 14px; line-height: 1.8; margin: 0 0 7px; }

.product-stage { position: relative; margin-bottom: 50px; }
.product-stage:before { content: ''; position: absolute; inset: -60px 10% 20%; background: radial-gradient(ellipse, rgba(102,76,217,.2), transparent 67%); filter: blur(35px); }
.app-window { position: relative; background: #0b0d16; border: 1px solid rgba(255,255,255,.14); border-radius: 10px; overflow: hidden; box-shadow: 0 40px 100px rgba(0,0,0,.48); }
.app-topbar { height: 55px; border-bottom: 1px solid var(--line); display: grid; grid-template-columns: 210px 1fr 210px; align-items: center; padding: 0 17px; }
.mini-brand { display: flex; align-items: center; gap: 8px; font-weight: 700; font-size: 12px; }
.app-search { justify-self: center; width: 390px; max-width: 100%; background: #151722; border: 1px solid rgba(255,255,255,.08); border-radius: 5px; padding: 9px 13px; color: #63626d; font-size: 9px; }
.app-actions { justify-self: end; display: flex; align-items: center; gap: 12px; color: #777681; }.app-actions i { width: 28px; height: 28px; border-radius: 50%; background: #4c405d; display: grid; place-items: center; color: white; font: 500 8px var(--mono); }
.app-body { height: 525px; display: grid; grid-template-columns: 190px 1fr 260px; }
.app-sidebar { border-right: 1px solid var(--line); padding: 22px 12px; display: flex; flex-direction: column; gap: 5px; background: #090b13; }
.app-sidebar small { font: 500 7px var(--mono); color: #55545e; letter-spacing: .13em; margin: 10px 10px 5px; }.app-sidebar small:not(:first-child) { margin-top: 22px; }
.app-sidebar a { color: #74737c; font-size: 9px; padding: 9px 10px; border-radius: 4px; }.app-sidebar a.active { background: #171724; color: #dedbe6; }.app-sidebar a b { float: right; font-weight: 400; color: #a996ff; }
.decision-room { padding: 25px 31px; min-width: 0; }
.room-head { display: flex; justify-content: space-between; align-items: center; color: #706e79; font: 500 7px var(--mono); letter-spacing: .1em; }
.status-dot { display: inline-block; width: 5px; height: 5px; background: var(--lime); border-radius: 50%; margin-right: 6px; box-shadow: 0 0 7px var(--lime); }.room-head button { border: 1px solid var(--line); background: transparent; border-radius: 3px; font-size: 8px; padding: 5px 9px; color: #888690; }
.decision-room h3 { font-size: 25px; letter-spacing: -.045em; margin: 20px 0 5px; font-weight: 500; }.room-sub { color: #65646e; font-size: 9px; margin: 0; }
.recommendation { border: 1px solid rgba(156,128,255,.23); background: linear-gradient(135deg, rgba(119,89,222,.1), rgba(255,255,255,.015)); border-radius: 7px; padding: 18px; margin-top: 22px; }
.rec-label { color: #aaa3c5; font: 500 7px var(--mono); letter-spacing: .12em; }.rec-label span { float: right; color: var(--lime); letter-spacing: 0; }
.rec-main { display: flex; align-items: center; gap: 14px; margin-top: 15px; }.country-mark { width: 37px; height: 37px; display: grid; place-items: center; border-radius: 50%; background: linear-gradient(135deg, #6550aa, #252339); color: #dcd4ff; font: 500 8px var(--mono); }.rec-main h4 { font-size: 15px; margin: 0 0 4px; }.rec-main p { color: #74727d; font-size: 8px; margin: 0; }
.evidence-grid { display: grid; grid-template-columns: repeat(3,1fr); border-top: 1px solid var(--line); margin-top: 16px; padding-top: 13px; gap: 12px; }.evidence-grid div { display: flex; gap: 8px; }.evidence-grid span { color: #7662c8; font: 500 7px var(--mono); }.evidence-grid p { margin: 0; color: #777681; font-size: 7px; line-height: 1.5; }.evidence-grid b { display: block; color: #bab8c2; font-weight: 500; }
.tradeoffs { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 12px; }.tradeoffs div { background: #12141e; border: 1px solid var(--line); padding: 12px; border-radius: 5px; }.tradeoffs small { color: #65646f; font: 500 6px var(--mono); letter-spacing: .1em; }.tradeoffs p { color: #aaa8b1; font-size: 8px; margin: 6px 0 0; }
.evidence-panel { border-left: 1px solid var(--line); padding: 21px 16px; background: #090b13; }
.panel-title { display: flex; justify-content: space-between; align-items: center; font-size: 10px; margin-bottom: 16px; }.panel-title b { font: 400 7px var(--mono); color: #72717b; }
.evidence-item { display: flex; gap: 10px; padding: 13px 0; border-bottom: 1px solid rgba(255,255,255,.06); }.evidence-item > i { flex: 0 0 auto; width: 22px; height: 22px; border-radius: 4px; display: grid; place-items: center; font: 500 8px var(--mono); background: #343042; color: #cfc7ff; }.evidence-item > i.doc { background: #28292e; color: white; }.evidence-item > i.chart { background: #203747; color: #81d5ff; }.evidence-item > i.call { background: #49312c; color: #ffab93; }.evidence-item b { display: block; font-size: 8px; font-weight: 500; color: #b9b7c1; }.evidence-item p { margin: 4px 0; color: #6d6c76; font-size: 7px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; max-width: 175px; }.evidence-item small { color: #53525c; font-size: 6px; }
.view-all { width: 100%; background: transparent; border: 0; color: #8f7cdc; font-size: 8px; padding: 15px; cursor: pointer; }

.feature-grid { display: grid; grid-template-columns: repeat(3, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.feature-card { padding: 43px 38px 39px; position: relative; border-right: 1px solid var(--line); min-height: 335px; }.feature-card:last-child { border: 0; }.feature-number { position: absolute; right: 22px; top: 20px; color: #4f4e58; font: 400 8px var(--mono); }.feature-icon { height: 46px; display: flex; align-items: center; }.feature-icon span { width: 34px; height: 34px; display: grid; place-items: center; color: #c8bcff; border-radius: 50%; background: radial-gradient(circle at 35% 35%, rgba(186,167,255,.25), rgba(106,75,229,.05)); border: 1px solid rgba(157,128,255,.2); box-shadow: 0 0 30px rgba(112,77,231,.12); }
.feature-card h3 { margin: 27px 0 13px; font-size: 18px; letter-spacing: -.035em; }.feature-card p { color: #74727d; font-size: 11px; line-height: 1.75; margin: 0 0 29px; }.feature-card a { color: #aaa3c5; font-size: 9px; }.feature-card a span { margin-left: 7px; }

.how-section { background: #0d0f1a; position: relative; overflow: hidden; border-block: 1px solid var(--line); }
.how-section:after { content: ''; position: absolute; width: 600px; height: 600px; border-radius: 50%; background: rgba(84,58,184,.13); right: -300px; top: 70px; filter: blur(90px); }
.how-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 100px; align-items: center; }
.how-copy h2 { margin-bottom: 27px; }.how-copy > p { color: #85838e; max-width: 385px; line-height: 1.8; font-size: 13px; }
.how-steps { margin-top: 45px; border-top: 1px solid var(--line); }
.how-step { width: 100%; display: flex; gap: 19px; text-align: left; padding: 22px 5px; border: 0; border-bottom: 1px solid var(--line); background: transparent; cursor: pointer; opacity: .45; transition: .25s; }.how-step.active, .how-step:hover { opacity: 1; }.how-step > span { color: #6f5db7; font: 500 8px var(--mono); padding-top: 3px; }.how-step b { font-size: 12px; font-weight: 600; }.how-step p { color: #74727d; font-size: 9px; margin: 6px 0 0; }
.query-demo { position: relative; min-height: 510px; background: linear-gradient(160deg, #11131e 30%, #0b0d16); border: 1px solid rgba(255,255,255,.12); border-radius: 9px; overflow: hidden; box-shadow: 0 40px 90px rgba(0,0,0,.38); z-index: 1; }
.demo-top { height: 54px; border-bottom: 1px solid var(--line); display: flex; align-items: center; padding: 0 20px; gap: 10px; }.demo-top small { color: #5d5c66; font: 500 7px var(--mono); letter-spacing: .11em; }.demo-top .secure { margin-left: auto; color: #5e7e67; font: 500 7px var(--mono); }
.query-content { padding: 60px 58px; position: relative; z-index: 3; }.query-label { color: #726589; font: 500 8px var(--mono); letter-spacing: .13em; }.query-content h3 { font-size: clamp(25px, 2.25vw, 35px); line-height: 1.32; letter-spacing: -.045em; font-weight: 500; margin: 19px 0 40px; max-width: 570px; }.query-context { display: flex; align-items: center; gap: 13px; padding: 15px; border: 1px solid var(--line); border-radius: 5px; background: rgba(255,255,255,.02); }.query-context > span { width: 26px; height: 26px; display: grid; place-items: center; border-radius: 50%; background: #252032; color: #a690ff; }.query-context p { margin: 0; color: #64636d; font-size: 8px; flex: 1; }.query-context p b { display: block; color: #aaa8b1; font-size: 9px; margin-bottom: 3px; }.query-context > b { font: 400 7px var(--mono); color: #85838d; }
.analyze-button { margin-top: 15px; width: 100%; height: 50px; border: 0; border-radius: 4px; color: white; cursor: pointer; background: linear-gradient(90deg, #755ee9, #8a70ec); font-size: 10px; font-weight: 600; position: relative; transition: .2s; }.analyze-button:hover { filter: brightness(1.12); }.analyze-button > span { margin-right: 7px; }.analyze-button kbd { position: absolute; right: 15px; font: 400 8px var(--mono); color: rgba(255,255,255,.5); }
.demo-orb { position: absolute; width: 260px; height: 260px; border-radius: 50%; background: radial-gradient(circle at 46% 45%, rgba(255,255,255,.75) 0, #b095ff 1.5%, #633de3 4%, rgba(98,59,219,.2) 16%, transparent 65%); right: -40px; bottom: -110px; filter: blur(.2px); box-shadow: 0 0 100px rgba(107,69,222,.25); }
.demo-result { min-height: 455px; }.demo-result .result-copy { color: #85838d; line-height: 1.7; font-size: 12px; margin: -22px 0 32px; max-width: 460px; }.source-bars { display: flex; flex-direction: column; gap: 15px; margin: 5px 0 35px; }.source-bars i { display: block; width: var(--w); height: 8px; border-radius: 10px; background: linear-gradient(90deg, #7258e5, #bb97ff); animation: grow .7s ease-out both; transform-origin: left; }.source-bars i:nth-child(2){animation-delay:.1s}.source-bars i:nth-child(3){animation-delay:.2s}.source-bars i:nth-child(4){animation-delay:.3s}@keyframes grow{from{transform:scaleX(0)}}

.use-section { background: #f0ede6; color: #12131a; }
.use-section .eyebrow { color: #6a6870; }.use-section .eyebrow > span { background: #755be1; }.use-section .section-heading > p { color: #6b6970; }.use-section em { color: #7056cf; }
.use-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 13px; }
.use-card { min-height: 390px; padding: 31px; background: #e6e2da; border: 1px solid rgba(20,20,26,.08); position: relative; overflow: hidden; }.use-card:nth-child(2){background:#eae6df}.use-card:nth-child(3){background:#e3dfd7}.use-tag { font: 500 8px var(--mono); letter-spacing: .12em; color: #6f6c73; }.use-card h3 { font-family: var(--serif); font-weight: 400; font-size: 29px; line-height: 1.16; letter-spacing: -.035em; max-width: 285px; margin: 24px 0 15px; }.use-card p { color: #6d6a71; font-size: 10px; line-height: 1.7; max-width: 300px; }
.mini-chart { position: absolute; height: 105px; left: 33px; right: 33px; bottom: 20px; display: flex; align-items: flex-end; justify-content: space-between; border-bottom: 1px solid #bdb7b0; }.mini-chart i { width: 11%; height: 35%; background: #cbc5c1; border-radius: 3px 3px 0 0; }.mini-chart i:nth-child(2){height:50%}.mini-chart i:nth-child(3){height:42%}.mini-chart i:nth-child(4){height:67%;background:#ad9ae9}.mini-chart i:nth-child(5){height:88%;background:#735bd5}.mini-chart i:nth-child(6){height:76%;background:#8e76e3}
.radar { position: absolute; width: 165px; height: 165px; right: 30px; bottom: -23px; border: 1px solid #ccc6bf; border-radius: 50%; }.radar:before,.radar:after { content:'';position:absolute;inset:24px;border:1px solid #ccc6bf;border-radius:50%}.radar:after{inset:54px}.radar i { position:absolute;left:50%;top:0;bottom:0;width:1px;background:#ccc6bf;transform:rotate(60deg)}.radar i:nth-child(2){transform:rotate(120deg)}.radar i:nth-child(3){transform:rotate(180deg)}.radar span { position:absolute;inset:35px 24px 28px 34px;background:rgba(119,91,218,.46);clip-path:polygon(50% 0,100% 36%,75% 100%,25% 82%,0 32%); }
.flow-lines { position:absolute;left:30px;right:30px;bottom:25px;height:90px;border-block:1px solid #cbc5bd}.flow-lines i{display:block;height:1px;background:#bbb3ad;margin-top:22px}.flow-lines i:nth-child(1){width:75%}.flow-lines i:nth-child(2){width:55%;margin-left:20%}.flow-lines i:nth-child(3){width:88%;margin-left:5%}.flow-lines span{position:absolute;right:12%;top:25px;width:27px;height:27px;border-radius:50%;display:grid;place-items:center;background:#ff8068;color:white;font:500 10px var(--mono);box-shadow:0 0 0 8px rgba(255,128,104,.15)}

.principles { padding: 145px 0; display: grid; grid-template-columns: 1.2fr .6fr; gap: 130px; border-bottom: 1px solid var(--line); }
.principle-quote { position: relative; }.principle-quote > span { position: absolute; color: #423b63; font: 110px/1 var(--serif); left: -8px; top: -52px; }.principle-quote h2 { position: relative; font-size: clamp(38px, 3.5vw, 55px); line-height: 1.2; letter-spacing: -.055em; font-weight: 500; margin: 0; }.principle-quote h2 em { font-style: italic; }
.principle-notes > p { color: #7f7d87; font-size: 12px; line-height: 1.85; margin: 5px 0 37px; }.principle-notes > div { display: flex; flex-direction: column; gap: 13px; color: #72707a; font: 400 8px var(--mono); letter-spacing: .08em; }

.pricing-section { background: radial-gradient(circle at 75% 45%, rgba(91,60,196,.15), transparent 32%), #0a0c15; }
.pricing-grid { display: grid; grid-template-columns: 1fr .68fr; gap: 150px; align-items: center; }.pricing-copy > p { max-width: 500px; color: #85838e; line-height: 1.8; font-size: 13px; margin: 28px 0 35px; }.pricing-copy > small { display: block; color: #5e5d66; font-size: 8px; margin-top: 18px; }
.pricing-card { background: linear-gradient(155deg, #171925, #10121c); border: 1px solid rgba(255,255,255,.13); border-radius: 8px; padding: 35px; box-shadow: 0 40px 90px rgba(0,0,0,.35); }.price-top { display:flex;justify-content:space-between}.price-top span { font:500 8px var(--mono);letter-spacing:.12em;color:#8f7ed0}.price-top h3{font-size:19px;line-height:1.4;margin:14px 0 0}.price-top>b{height:24px;padding:0 9px;display:flex;align-items:center;border:1px solid rgba(185,245,107,.25);background:rgba(185,245,107,.06);border-radius:20px;color:#a8d872;font:400 7px var(--mono)}
.price { display:flex;align-items:end;gap:9px;margin:30px 0 28px;padding-bottom:27px;border-bottom:1px solid var(--line)}.price strong{font-size:52px;line-height:.9;letter-spacing:-.07em}.price span{color:#6f6e78;font-size:8px;line-height:1.5}.pricing-card ul{list-style:none;margin:0 0 28px;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:14px}.pricing-card li{font-size:8px;color:#9d9ba5}.pricing-card li:before{content:'✓';color:#af9aff;margin-right:7px}

.final-cta { text-align: center; min-height: 660px; padding: 170px 0 120px; position: relative; overflow: hidden; }.final-cta:before { content:'';position:absolute;inset:0;background:radial-gradient(circle at 50% 105%,rgba(111,71,223,.32),transparent 45%);pointer-events:none}.final-cta .eyebrow{justify-content:center}.final-cta h2{font-size:clamp(43px,4.6vw,72px);line-height:1.08;letter-spacing:-.065em;font-weight:500;margin:26px 0 22px}.final-cta h2 em{font-style:italic}.final-cta p{color:#777580;font-size:12px;margin:0 0 31px}.cta-core{position:absolute;left:50%;bottom:-150px;transform:translateX(-50%);width:350px;height:300px;border-radius:50%;background:radial-gradient(circle,#e4dbff 0,#8a6eff 2%,#4a27bc 5%,rgba(79,46,187,.28) 22%,transparent 65%);filter:blur(.3px)}

.site-footer { border-top: 1px solid var(--line); background: #060810; }.footer-main{padding:68px 0 65px;display:flex;justify-content:space-between}.footer-brand p{color:#5f5e67;font-family:var(--serif);font-size:16px;line-height:1.45;margin:25px 0 0}.footer-links{display:grid;grid-template-columns:repeat(3,140px);gap:50px}.footer-links>div{display:flex;flex-direction:column;gap:12px}.footer-links b{color:#56555e;font:500 7px var(--mono);letter-spacing:.12em;margin-bottom:7px}.footer-links a{color:#83818b;font-size:9px}.footer-links a:hover{color:#ddd}.footer-bottom{border-top:1px solid var(--line);min-height:70px;display:flex;align-items:center;justify-content:space-between;color:#4d4c55;font-size:8px}.footer-bottom>div{display:flex;gap:24px}

.access-modal { width: min(620px, calc(100% - 30px)); border: 1px solid rgba(255,255,255,.16); border-radius: 10px; padding: 0; color: var(--ink); background: #10121d; box-shadow: 0 50px 140px #000; overflow: hidden; }.access-modal::backdrop { background: rgba(3,4,8,.83); backdrop-filter: blur(8px); }.access-modal[open] { animation: modalIn .25s ease-out; }@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}}
.modal-close{position:absolute;right:16px;top:13px;z-index:4;width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.03);color:#aaa;font-size:20px;cursor:pointer}.modal-content{position:relative;z-index:2;padding:62px 54px 52px}.modal-content h2{font-size:38px;line-height:1.1;letter-spacing:-.055em;margin:22px 0 15px}.modal-content>p{color:#83818c;line-height:1.7;font-size:12px;max-width:440px}.modal-content>small{display:block;color:#595862;font-size:8px;margin-top:15px}.modal-content form{margin-top:30px}.modal-content label[for=email]{display:block;color:#898791;font:500 8px var(--mono);letter-spacing:.1em;margin-bottom:8px}.form-row{display:flex;gap:8px}.form-row input{flex:1;min-width:0;background:#080a12;border:1px solid var(--line);border-radius:4px;color:white;padding:0 15px;outline:none}.form-row input:focus{border-color:#7f69e1;box-shadow:0 0 0 3px rgba(127,105,225,.12)}.consent{display:flex;align-items:center;gap:8px;margin-top:13px;color:#676670;font-size:8px}.consent input{accent-color:#8469eb}.modal-orb{position:absolute;width:280px;height:280px;right:-90px;top:-100px;border-radius:50%;background:radial-gradient(circle,rgba(200,186,255,.7) 0,#7959e4 2%,rgba(102,66,222,.18) 15%,transparent 68%)}.modal-success{text-align:center}.success-mark{margin:0 auto 20px;width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:rgba(185,245,107,.1);border:1px solid rgba(185,245,107,.25);color:var(--lime);font-size:21px}.modal-success .button{width:auto;margin-top:18px}.modal-success p{margin-inline:auto}

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

@media (max-width: 1050px) {
  .nav-menu { margin-left: 0; }.hero { grid-template-columns: 54% 46%; min-height: 800px; }.hero-visual { margin-left: -100px; margin-right: -25vw; }.signal-two { left: 370px; }.signal-three { left: 150px; }.trust-logos { gap: 25px; }.trust-logos span:nth-child(5),.trust-logos span:nth-child(6){display:none}.app-body{grid-template-columns:165px 1fr}.evidence-panel{display:none}.how-grid{gap:55px}.pricing-grid{gap:70px}
}

@media (max-width: 760px) {
  .shell { width: min(100% - 32px, 620px); }.site-header{background:rgba(7,9,18,.88)}.nav{height:66px}.nav-toggle{display:flex;width:36px;height:36px;border:0;background:transparent;flex-direction:column;justify-content:center;gap:6px;cursor:pointer}.nav-toggle span{width:20px;height:1px;background:#d7d5dd;transition:.25s}.nav-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.nav-cta{display:none}.nav-menu{display:none;position:absolute;left:0;right:0;top:65px;padding:14px 16px 25px;flex-direction:column;align-items:stretch;gap:0;background:#090b14;border-bottom:1px solid var(--line)}.nav-menu.open{display:flex}.nav-menu a{font-size:15px;padding:13px 2px}.hero{display:block;padding-top:116px;min-height:980px}.hero-copy{padding-top:12px}.hero h1{font-size:clamp(55px,16vw,76px);margin-top:22px}.hero-lede{font-size:14px;line-height:1.7}.hero-actions{align-items:flex-start;flex-direction:column;gap:22px}.hero-proof{margin-top:37px}.hero-visual{position:absolute;left:50%;bottom:20px;width:760px;height:500px;margin:0;transform:translateX(-50%)}.signal-one{left:180px;top:160px}.signal-two{left:430px;top:300px}.signal-three{display:none}.trust-strip{display:block;padding-block:28px}.trust-strip p{max-width:none;margin-bottom:22px}.trust-logos{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.trust-logos span:nth-child(5),.trust-logos span:nth-child(6){display:block}.section{padding:95px 0}.section-heading{display:block;margin-bottom:45px}.section-heading h2,.how-copy h2,.pricing-copy h2{font-size:42px}.section-heading>p{margin-top:25px}.app-topbar{grid-template-columns:1fr auto}.app-search{display:none}.app-body{height:450px;grid-template-columns:1fr}.app-sidebar{display:none}.decision-room{padding:23px 18px}.decision-room h3{font-size:20px}.rec-main p{line-height:1.45}.evidence-grid{grid-template-columns:1fr}.evidence-grid div:nth-child(3){display:none}.feature-grid{grid-template-columns:1fr}.feature-card{border-right:0;border-bottom:1px solid var(--line);min-height:auto;padding:36px 23px}.feature-card:last-child{border:0}.how-grid{grid-template-columns:1fr;gap:48px}.query-demo{min-height:470px}.query-content{padding:48px 25px}.query-content h3{font-size:27px}.query-context>b{display:none}.use-grid{grid-template-columns:1fr}.use-card{min-height:365px}.principles{grid-template-columns:1fr;gap:55px;padding:100px 0}.principle-quote h2{font-size:38px}.pricing-grid{grid-template-columns:1fr;gap:55px}.pricing-card{padding:27px 22px}.pricing-card ul{grid-template-columns:1fr}.final-cta{min-height:600px;padding-top:130px}.footer-main{display:block}.footer-links{margin-top:55px;grid-template-columns:repeat(2,1fr);gap:45px}.footer-bottom{padding:23px 0;align-items:flex-start;gap:18px}.footer-bottom>div{flex-wrap:wrap;justify-content:flex-end;gap:12px}.form-row{flex-direction:column}.form-row input{min-height:50px}.modal-content{padding:55px 24px 38px}.modal-content h2{font-size:32px}
}

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