:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--paper:#f2f3ef;--paper-deep:#e5e9e3;--white:#fbfcf8;--ink:#13353b;--ink-soft:#557078;--line:#cbd4ce;--aqua:#1f9b91;--aqua-dark:#15766f;--coral:#f1654c;--coral-soft:#fde4de;--danger:#b83b30;--shadow:0 24px 60px #13353b1f}*{box-sizing:border-box}html{background:var(--paper)}body{color:var(--ink);background:radial-gradient(circle at 78% 12%, #1f9b911a, transparent 30rem), var(--paper);-webkit-font-smoothing:antialiased;margin:0;font-family:Avenir Next,Avenir,Segoe UI,sans-serif}button,input{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit}.landing-shell,.app-shell{width:min(1240px,100% - 48px);margin:0 auto}.site-header,.app-header{border-bottom:1px solid var(--line);min-height:92px;color:var(--ink-soft);justify-content:space-between;align-items:center;font-size:.82rem;display:flex}.brand-mark{align-items:center;gap:11px;display:inline-flex}.brand-mark>span:last-child{flex-direction:column;line-height:1;display:flex}.brand-mark strong{letter-spacing:-.02em;font-size:.98rem}.brand-mark small{color:var(--coral);letter-spacing:.2em;text-transform:uppercase;margin-top:4px;font:700 .65rem/1 Courier New,monospace}.brand-symbol{border:1px solid var(--aqua);border-radius:50%;width:38px;height:38px;position:relative}.brand-symbol:before,.brand-symbol:after{content:"";border:1px solid #1f9b9173;border-radius:50%;position:absolute;inset:7px}.brand-symbol:after{background:var(--coral);border:0;inset:15px}.brand-symbol i{background:#1f9b9159;width:1px;height:47px;position:absolute;top:-5px;left:18px;transform:rotate(38deg)}.landing-hero{grid-template-columns:minmax(0,1.08fr) minmax(420px,.72fr);align-items:center;gap:clamp(55px,7vw,110px);min-height:calc(100vh - 160px);padding:70px 0 90px;display:grid}.micro-label,.question-label{color:var(--coral);letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font:700 .73rem/1.4 Courier New,monospace}.hero-copy h1,.question-copy h1,.result-summary h1{letter-spacing:-.055em;margin:0;font-family:Arial Narrow,Avenir Next Condensed,sans-serif;font-weight:650;line-height:.97}.hero-copy h1{max-width:730px;font-size:clamp(3.5rem,6.8vw,7.15rem)}.hero-lead{max-width:660px;color:var(--ink-soft);margin:30px 0 42px;font-size:clamp(1.1rem,1.8vw,1.4rem);line-height:1.55}.signal-list{border-top:1px solid var(--line);grid-template-columns:repeat(5,1fr);margin:0;padding:0;list-style:none;display:grid}.signal-list li{border-bottom:1px solid var(--line);min-height:118px;padding:16px 14px 12px 0}.signal-list li+li{border-left:1px solid var(--line);padding-left:14px}.signal-list span{color:var(--coral);font:.67rem Courier New,monospace}.signal-list strong,.signal-list small{display:block}.signal-list strong{margin:17px 0 6px;font-size:.85rem}.signal-list small{color:var(--ink-soft);font-size:.7rem;line-height:1.35}.capture-column{padding-top:105px;position:relative}.hero-radar{z-index:0;opacity:.82;width:275px;position:absolute;top:-105px;right:-42px}.capture-card{z-index:1;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#fbfcf8eb;border:1px solid #13353b29;border-radius:4px;padding:30px;position:relative}.card-heading{border-bottom:1px solid var(--line);justify-content:space-between;margin-bottom:28px;padding-bottom:19px;font-size:.8rem;display:flex}.card-heading span{color:var(--ink-soft)}.card-heading strong{color:var(--aqua-dark);font-family:Courier New,monospace}.field-row{grid-template-columns:1fr 1fr;gap:14px;display:grid}.field{margin-bottom:16px}.field label{color:var(--ink-soft);margin-bottom:7px;font-size:.74rem;font-weight:650;display:block}.field input{border:1px solid var(--line);width:100%;height:49px;color:var(--ink);background:var(--white);border-radius:2px;outline:none;padding:0 13px;transition:border-color .16s,box-shadow .16s}.field input:focus{border-color:var(--aqua);box-shadow:0 0 0 3px #1f9b9121}.check-row{color:var(--ink-soft);cursor:pointer;grid-template-columns:18px 1fr;align-items:start;gap:10px;margin:12px 0;font-size:.71rem;line-height:1.4;display:grid}.check-row input{width:17px;height:17px;accent-color:var(--aqua);margin:1px 0 0}.check-optional{margin-bottom:20px}.primary-button{color:#fff;background:var(--ink);cursor:pointer;border:0;border-radius:2px;justify-content:space-between;align-items:center;gap:22px;width:100%;min-height:52px;padding:0 19px;font-weight:720;text-decoration:none;transition:background .18s,transform .18s;display:inline-flex}.primary-button:hover{background:var(--aqua-dark);transform:translateY(-1px)}.primary-button:disabled{cursor:wait;opacity:.65;transform:none}.primary-button.compact{width:auto;min-width:190px}.form-footnote,.saved-note{color:var(--ink-soft);text-align:center;margin:13px 0 0;font-size:.69rem}.form-error,.save-message{color:var(--danger);font-size:.78rem}.landing-footer{border-top:1px solid var(--line);color:var(--ink-soft);justify-content:space-between;gap:30px;padding:28px 0 40px;font-size:.75rem;display:flex}.landing-footer p{text-align:right;max-width:580px;margin:0}.radar-visual{aspect-ratio:1;width:100%;position:relative}.radar-visual svg{width:100%;height:100%;display:block;overflow:visible}.radar-ring,.radar-axis{fill:none;stroke:#13353b26;stroke-width:1px}.radar-axis{stroke-dasharray:3 6}.radar-beam{fill:#1f9b911f}.radar-point{fill:var(--line)}.radar-point.active{fill:var(--coral);filter:drop-shadow(0 0 7px #f1654c80)}.radar-core{fill:var(--aqua)}.radar-score{pointer-events:none;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.radar-score strong{letter-spacing:-.06em;font-family:Arial Narrow,sans-serif;font-size:clamp(3rem,7vw,5.5rem);line-height:.9}.radar-score span{color:var(--ink-soft);text-transform:uppercase;margin-top:8px;font:.65rem Courier New,monospace}.app-shell{min-height:100vh}.quiz-layout{grid-template-columns:minmax(300px,.75fr) minmax(480px,1.25fr);align-items:center;gap:clamp(55px,8vw,130px);min-height:calc(100vh - 93px);padding:55px 5vw 80px;display:grid}.quiz-aside{max-width:370px}.quiz-aside .radar-visual{margin:-15px 0 5px}.aside-copy{max-width:290px;color:var(--ink-soft);font-size:.8rem;line-height:1.5}.question-panel{border:1px solid var(--line);background:#fbfcf8d1;width:min(100%,710px);padding:45px;box-shadow:0 20px 60px #13353b12}.progress-header{color:var(--ink-soft);text-transform:uppercase;justify-content:space-between;font:.7rem Courier New,monospace;display:flex}.progress-header strong{color:var(--coral)}.progress-track{background:var(--paper-deep);height:3px;margin:12px 0 48px;overflow:hidden}.progress-track span{background:var(--coral);height:100%;transition:width .26s;display:block}.question-copy{animation:.26s both questionIn}.question-copy h1{max-width:650px;font-size:clamp(2.4rem,4.8vw,4.8rem)}.question-copy>p:last-child{color:var(--ink-soft);margin:18px 0 28px}.answer-list{gap:9px;display:grid}.answer-option{border:1px solid var(--line);width:100%;min-height:62px;color:var(--ink);background:var(--white);text-align:left;cursor:pointer;border-radius:2px;grid-template-columns:34px 1fr 18px;align-items:center;gap:13px;padding:9px 17px;transition:border-color .16s,background .16s,transform .16s;display:grid}.answer-option:hover{border-color:var(--aqua);transform:translate(3px)}.answer-option>span{color:var(--aqua-dark);font:.72rem Courier New,monospace}.answer-option strong{font-size:.9rem;font-weight:630}.answer-option i{border:1px solid var(--line);border-radius:50%;width:15px;height:15px}.answer-option.selected{border-color:var(--aqua);background:#1f9b9114}.answer-option.selected i{border:4px solid var(--aqua)}.quiz-actions{justify-content:space-between;align-items:center;gap:18px;min-height:52px;margin-top:28px;display:flex}.text-button{min-height:44px;color:var(--ink-soft);cursor:pointer;background:0 0;border:0;padding:0;font-weight:650}.text-button:hover{color:var(--aqua-dark)}.text-button:disabled{opacity:.35;cursor:default}.save-message{text-align:center;margin-bottom:0}.result-layout{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:clamp(60px,9vw,140px);min-height:calc(100vh - 93px);padding:65px 5vw 90px;display:grid}.result-summary h1{max-width:760px;font-size:clamp(3.3rem,6.2vw,6.7rem)}.result-explanation{max-width:670px;color:var(--ink-soft);margin:28px 0 20px;font-size:1.2rem;line-height:1.6}.perception-note{border-left:3px solid var(--coral);background:var(--coral-soft);max-width:650px;padding:15px 18px;font-size:.84rem;line-height:1.5}.result-cta{max-width:500px;margin-top:36px}.result-cta p{color:var(--ink-soft);font-size:.72rem;line-height:1.5}.result-cta .form-error{color:var(--danger)}.paid-notice{border-left:4px solid var(--aqua);color:var(--aqua-dark);background:#1f9b911a;padding:17px 19px;font-weight:720}.result-card{border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);text-align:center;padding:28px}.result-card .radar-visual{max-width:310px;margin:0 auto -7px}.band-badge{text-transform:uppercase;border-radius:20px;padding:6px 11px;font:700 .67rem Courier New,monospace;display:inline-block}.band-badge.critical{color:#8f281d;background:#f9d9d2}.band-badge.vulnerable{color:#865020;background:#fae5c9}.band-badge.stable{color:#637122;background:#ecf1c8}.band-badge.optimized{color:#17685f;background:#d4efea}.result-card>p{color:var(--ink-soft);margin:25px 0 4px;font-size:.7rem}.result-card>strong{font-size:1.25rem}.result-card>small{color:var(--ink-soft);margin-top:24px;font-size:.65rem;display:block}.dimension-mini-list{border-top:1px solid var(--line);gap:10px;margin-top:26px;padding-top:20px;display:grid}.dimension-mini-list div{text-align:left;grid-template-columns:82px 1fr 30px;align-items:center;gap:10px;font-size:.67rem;display:grid}.dimension-mini-list i{background:var(--paper-deep);height:4px}.dimension-mini-list b{background:var(--aqua);height:100%;display:block}.dimension-mini-list em{color:var(--ink-soft);text-align:right;font-style:normal}.payment-layout{place-items:center;min-height:calc(100vh - 93px);padding:55px 5vw 90px;display:grid}.payment-message{border:1px solid var(--line);background:var(--white);width:min(100%,760px);box-shadow:var(--shadow);padding:clamp(35px,7vw,80px)}.payment-message h1{max-width:650px;font-size:clamp(3rem,6vw,6rem)}.payment-message>p:last-child{max-width:580px;color:var(--ink-soft);margin:24px 0 0;font-size:1rem;line-height:1.6}.payment-message.success{border-top:4px solid var(--aqua)}button:focus-visible,a:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #f1654c66}@keyframes questionIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important}}@media (max-width:900px){.landing-hero,.result-layout{grid-template-columns:1fr}.landing-hero{padding-top:55px}.capture-column{width:min(100%,560px);padding-top:50px}.hero-radar{width:210px;top:-120px;right:-12px}.quiz-layout{grid-template-columns:1fr;gap:10px;padding-top:25px}.quiz-aside{display:none}.question-panel{margin:0 auto}.result-card{width:min(100%,520px)}}@media (max-width:600px){.landing-shell,.app-shell{width:min(100% - 28px,1240px)}.site-header,.app-header{min-height:74px}.site-header>span,.app-header>span{display:none}.landing-hero{gap:30px;padding:42px 0 55px}.hero-copy h1{font-size:clamp(3.3rem,16vw,5rem)}.hero-lead{margin:24px 0 30px}.signal-list{grid-template-columns:1fr 1fr}.signal-list li+li{border-left:0;padding-left:0}.signal-list li:nth-child(2n){border-left:1px solid var(--line);padding-left:14px}.signal-list li{min-height:98px}.hero-radar{display:none}.capture-column{padding-top:0}.capture-card,.question-panel,.result-card{padding:22px 18px}.field-row{grid-template-columns:1fr;gap:0}.landing-footer{flex-direction:column}.landing-footer p{text-align:left}.quiz-layout,.result-layout{width:100%;padding:26px 0 60px}.question-panel{min-height:calc(100vh - 120px);box-shadow:none;flex-direction:column;display:flex}.progress-track{margin-bottom:36px}.question-copy h1{font-size:clamp(2.6rem,12vw,4rem)}.answer-option{min-height:58px}.quiz-actions{margin-top:auto;padding-top:22px}.primary-button.compact{min-width:170px}.result-summary h1{font-size:clamp(3.1rem,14vw,5rem)}}
