:root { --v-bg: #070b16; --v-card: rgba(15, 21, 39, .78); --v-border: rgba(174, 190, 255, .14); --v-text: #f7f8ff; --v-muted: #aab3c9; --v-accent: #8e8cff; }
body { background: var(--v-bg); color: var(--v-text); }
.validation-hero { position: relative; overflow: hidden; min-height: 820px; background: radial-gradient(circle at 50% 47%, rgba(86, 121, 255, .21), transparent 31%), radial-gradient(circle at 50% 74%, rgba(183, 109, 255, .14), transparent 28%), linear-gradient(rgba(255,255,255,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.035) 1px, transparent 1px), var(--v-bg); background-size: auto, auto, 56px 56px, 56px 56px, auto; }
.validation-hero::after { content: ""; position: absolute; inset: auto 0 0; height: 180px; background: linear-gradient(transparent, var(--v-bg)); pointer-events: none; }
.validation-hero .nav, .validation-intro { position: relative; z-index: 1; }
.validation-intro { max-width: 920px; margin: 0 auto; padding: 142px 24px 116px; text-align: center; }
.validation-intro .validation-badge { display: inline-flex; padding: 8px 13px; margin: 0 0 24px; border: 1px solid var(--v-border); border-radius: 999px; color: #bdc6e9; font-size: .82rem; background: rgba(8, 12, 26, .65); }
.validation-intro h1 { margin: 0; color: var(--v-text); font-size: clamp(2.7rem, 6.6vw, 5.6rem); letter-spacing: -.065em; line-height: .99; }
.validation-intro h1 em { font-style: normal; background: linear-gradient(100deg, #789cff, #bd85ff); -webkit-background-clip: text; background-clip: text; color: transparent; }
.validation-intro .subtitle { max-width: 690px; margin: 27px auto 16px; color: var(--v-muted); font-size: 1.12rem; line-height: 1.65; }
.hero-truth { margin: 0 0 24px; color: #eef1ff; font-weight: 750; }
.validation-path { display: flex; flex-wrap: wrap; justify-content: center; gap: 8px; margin: 0 auto 30px; color: #a9b4d2; font-size: .76rem; }.validation-path span { padding: 7px 10px; border-radius: 999px; background: rgba(9, 14, 30, .72); border: 1px solid var(--v-border); }.validation-path i { color: #789cff; font-style: normal; padding-top: 7px; }
.validation-intro .search { max-width: 760px; margin: 0 auto; border-color: rgba(152, 164, 255, .28); box-shadow: 0 20px 65px rgba(0,0,0,.35); }.validation-intro .search input { color: var(--v-text); }.validation-intro .search input::placeholder { color: #8894b2; }.validation-intro .search button { background: #f7f8ff; color: #111526; }.validation-intro .search button:hover { background: #dcdcff; }
.idea-modes { display: flex; justify-content: center; gap: 8px; margin: 20px 0 11px; }.idea-mode { border: 1px solid transparent; border-radius: 999px; padding: 10px 15px; color: #9da8c5; background: transparent; cursor: pointer; }.idea-mode.active { border-color: var(--v-border); background: #0a1022; color: #fff; box-shadow: inset 0 0 0 1px rgba(255,255,255,.04); }.inline-example { padding: 0; border: 0; background: none; color: #aeb5ff; cursor: pointer; font: inherit; text-decoration: underline; }.hero-beta-note { color: #8994b0; font-size: .78rem; margin: 18px 0 0; }
.validation-intro .chips, .validation-intro .intro-steps { display: none; }.validation-intro .signal-input, .validation-intro .builder-context, .validation-intro .recent-searches, .validation-intro .notice, .validation-intro .proof-points { max-width: 760px; margin-left: auto; margin-right: auto; text-align: left; }
.validation-method, .example-report, .why-section, .beta-section { max-width: 1120px; margin: 0 auto; padding: 120px 28px; }.validation-method { border-top: 1px solid var(--v-border); }.validation-method h2, .example-copy h2, .why-section h2, .beta-section h2 { color: var(--v-text); letter-spacing: -.045em; font-size: clamp(2rem, 4vw, 3.4rem); }.validation-method .method-grid { grid-template-columns: repeat(3, 1fr); }.validation-method article, .sample-report, .why-section, .beta-section { border: 1px solid var(--v-border); background: var(--v-card); box-shadow: 0 24px 70px rgba(0,0,0,.18); }.validation-method article h3 { color: var(--v-text); }.validation-method article p { color: var(--v-muted); }
.example-report { display: grid; grid-template-columns: .7fr 1.3fr; gap: 42px; align-items: center; }.example-copy p, .why-section > p, .beta-section > p { color: var(--v-muted); line-height: 1.65; }.sample-report { padding: 28px; border-radius: 22px; }.sample-report-top { display: flex; gap: 25px; justify-content: space-between; border-bottom: 1px solid var(--v-border); padding-bottom: 22px; }.sample-report span, .sample-score span, .sample-report-grid span, .sample-recommendation span { display: block; color: #8f9bbd; font-size: .68rem; font-weight: 800; letter-spacing: .12em; }.sample-report h3 { margin: 9px 0 0; font-size: 1.2rem; line-height: 1.35; }.sample-score { min-width: 104px; text-align: right; }.sample-score strong { color: #9c9bff; font-size: 3rem; line-height: 1; }.sample-score small { color: var(--v-muted); }.sample-report-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; padding: 24px 0; }.sample-report-grid p, .sample-recommendation p { margin: 8px 0 0; color: #d8def0; line-height: 1.5; font-size: .92rem; }.sample-recommendation { padding: 18px; border-radius: 15px; background: linear-gradient(100deg, rgba(94,115,255,.18), rgba(179,111,255,.16)); }.sample-recommendation strong { display: block; margin-top: 6px; font-size: 1.08rem; }
.why-section { text-align: center; border-radius: 24px; margin-bottom: 120px; }.why-section h2 { max-width: 820px; margin: 12px auto; }.why-section > p { max-width: 680px; margin: 0 auto; }.why-points { display: flex; flex-wrap: wrap; justify-content: center; gap: 11px; margin-top: 28px; }.why-points span { padding: 9px 13px; border: 1px solid var(--v-border); border-radius: 999px; color: #dbe1ff; font-size: .87rem; }
.pricing-section { display: grid; grid-template-columns: .9fr 1.1fr; gap: 40px; align-items: center; max-width: 1000px; margin: 0 auto 110px; padding: 0 28px; }.pricing-copy h2 { margin: 10px 0; color: var(--v-text); letter-spacing: -.045em; font-size: clamp(2rem, 4vw, 3.4rem); }.pricing-copy p { color: var(--v-muted); line-height: 1.65; }.pricing-card { position: relative; overflow: hidden; padding: 30px; border: 1px solid rgba(168, 155, 255, .4); border-radius: 22px; background: linear-gradient(145deg, rgba(47, 42, 102, .85), rgba(14, 21, 43, .92)); box-shadow: 0 25px 80px rgba(0,0,0,.28); }.pricing-card::after { content:""; position:absolute; width:250px; height:250px; right:-125px; top:-125px; border-radius:50%; background:rgba(126, 125, 255, .16); filter:blur(20px); pointer-events:none; }.pricing-card > * { position:relative; z-index:1; }.pricing-pill { display:inline-block; padding: 7px 10px; border-radius:999px; background:rgba(167, 147, 255, .17); border:1px solid rgba(191, 178, 255, .32); color:#ded8ff; font-size:.73rem; font-weight:800; }.pricing-card h3 { margin:18px 0 2px; color:#fff; font-size:1.5rem; }.pricing-price { margin:4px 0 13px; color:#bbc4dc; }.pricing-price strong { color:#fff; font-size:2.8rem; letter-spacing:-.06em; }.pricing-summary { color:#d5dbef; line-height:1.55; }.pricing-card ul { margin:20px 0; padding:0; list-style:none; }.pricing-card li { margin:10px 0; color:#dbe1f3; }.pricing-card li::before { content:"✓"; display:inline-block; margin-right:9px; color:#a69aff; font-weight:900; }.founding-beta-button { width:100%; min-height:48px; border:0; border-radius:10px; background:#f7f8ff; color:#12162a; font-weight:850; cursor:pointer; }.founding-beta-button:hover { background:#e1e2ff; }.pricing-note { margin:12px 0 0; text-align:center; color:#aeb6d0; font-size:.8rem; }
.beta-section { text-align: center; border-radius: 24px; margin-bottom: 90px; }.beta-section h2 { margin: 10px 0; }.beta-form { display: grid; grid-template-columns: 1fr 1.4fr auto; gap: 10px; max-width: 900px; margin: 30px auto 0; text-align: left; }.beta-form label span { display: none; }.beta-form input { width: 100%; box-sizing: border-box; border: 1px solid var(--v-border); border-radius: 10px; background: #090f20; color: white; padding: 14px; }.beta-form button { border: 0; border-radius: 10px; padding: 0 20px; background: #f7f8ff; color: #111526; font-weight: 800; cursor: pointer; }.beta-message { margin: 14px 0 0; color: #aeb8ff; }.beta-message.error { color: #ffb3ba; }
.validation-report { max-width: 1080px; margin: 0 auto 100px; padding: 38px 28px; }.validation-report .report-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 24px; border-bottom: 1px solid var(--v-border); padding-bottom: 28px; }.validation-report .report-top h2 { margin: 8px 0; color: white; font-size: clamp(1.9rem, 4vw, 3.2rem); letter-spacing: -.04em; }.report-score { text-align: right; }.report-score span { display: block; color: #8f9bbd; font-size: .72rem; font-weight: 800; letter-spacing: .1em; }.report-score strong { color: #a69aff; font-size: 4rem; line-height: 1; }.report-score small { color: var(--v-muted); }.report-decision { display: inline-block; margin-top: 8px; padding: 8px 12px; border: 1px solid rgba(134, 234, 183, .4); border-radius: 999px; color: #a9f2c9; background: rgba(59, 155, 103, .13); font-weight: 750; }.validation-report .report-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; margin-top: 25px; }.validation-report .report-card { padding: 22px; border: 1px solid var(--v-border); border-radius: 16px; background: var(--v-card); }.validation-report .report-card h3 { margin: 0 0 10px; color: #fff; font-size: 1rem; }.validation-report .report-card p, .validation-report .report-card li { color: #bdc6de; line-height: 1.55; }.validation-report .report-card ul, .validation-report .report-card ol { margin: 0; padding-left: 20px; }.validation-report .report-card.wide { grid-column: span 2; }.validation-report .report-note { margin-top: 20px; color: #9ba6c4; font-size: .86rem; }
.signal-ladder{background:linear-gradient(135deg,rgba(22,35,73,.84),rgba(17,24,48,.84))!important}.signal-ladder ol{display:grid;gap:9px;margin:16px 0;padding-left:23px}.signal-ladder li::marker{color:#a69aff;font-weight:800}.signal-ladder-note{margin:14px 0 0!important;padding:11px 12px;border:1px solid rgba(166,154,255,.26);border-radius:10px;background:rgba(7,13,31,.48);color:#d7ddf1!important;font-size:.88rem}

.test-mode { background: linear-gradient(135deg, rgba(42, 57, 112, .78), rgba(28, 20, 64, .76)) !important; }.test-mode > p { margin-bottom: 20px; }.test-risk{display:grid;gap:7px;margin:0 0 7px;color:#dbe1ff;font-size:.82rem;font-weight:700}.test-risk select{box-sizing:border-box;width:100%;min-height:42px;padding:9px 10px;border:1px solid var(--v-border);border-radius:9px;background:#090f20;color:#fff}.test-risk-guide{margin:0 0 17px!important;color:#c8d2e9!important;font-size:.88rem}.test-rule, .test-evidence { display: grid; grid-template-columns: 1fr 1fr auto; gap: 12px; align-items: end; }.test-rule label, .test-evidence label { display: grid; gap: 7px; color: #dbe1ff; font-size: .82rem; font-weight: 700; }.test-rule input, .test-evidence input, .test-evidence select { box-sizing: border-box; width: 100%; min-height: 42px; padding: 9px 10px; border: 1px solid var(--v-border); border-radius: 9px; background: #090f20; color: #fff; }.test-rule button, .test-evidence button { min-height: 42px; padding: 0 14px; border: 0; border-radius: 9px; background: #f5f6ff; color: #13182a; font-weight: 800; cursor: pointer; }.test-rule button:disabled, .test-evidence button:disabled { opacity: .5; cursor: not-allowed; }.test-status { margin: 13px 0 19px; color: #aeb9da !important; font-size: .88rem; }.test-status.error { color: #ffb7bf !important; }.test-evidence { grid-template-columns: 1fr 1fr 1.7fr; }.test-evidence .distribution-check { grid-column: span 2; display: flex; align-items: center; gap: 8px; padding-top: 5px; color: #cad4ed; font-size: .84rem; }.test-evidence .distribution-check input { width: 16px; min-height: 16px; accent-color: #918dff; }.test-evidence button { grid-column: 3; }.test-outcome { margin-top: 20px; padding: 16px; border: 1px solid rgba(166, 154, 255, .35); border-radius: 12px; background: rgba(9, 14, 32, .55); }.test-outcome strong { display: block; color: #c4b4ff; font-size: 1.15rem; }.test-outcome span { display: block; margin-top: 4px; color: #aebaff; font-size: .82rem; font-weight: 700; }.test-outcome p { margin: 9px 0 0; }
@media (max-width: 760px) { .nav .nav-link { display: none; }.validation-intro { padding-top: 104px; }.validation-path { max-width: 480px; }.example-report, .pricing-section { grid-template-columns: 1fr; padding-top: 80px; padding-bottom: 80px; }.sample-report-grid, .validation-method .method-grid, .beta-form, .validation-report .report-grid, .test-rule, .test-evidence { grid-template-columns: 1fr; }.sample-report-top, .validation-report .report-top { display: block; }.sample-score, .report-score { text-align: left; margin-top: 18px; }.validation-report .report-card.wide { grid-column: span 1; }.test-evidence .distribution-check, .test-evidence button { grid-column: 1; }.why-section, .beta-section { margin-left: 18px; margin-right: 18px; padding: 58px 20px; }.pricing-section { padding-left:20px; padding-right:20px; margin-bottom:65px; }.validation-method, .example-report { padding-left: 20px; padding-right: 20px; }.idea-modes { flex-direction: column; align-items: center; }.beta-form button { min-height: 48px; } }