:root{--ink:#10110f;--paper:#f5f6f1;--white:#fff;--acid:#caff3d;--cyan:#56dbea;--coral:#ff6b5b;--muted:#686a63;--line:#d9dbd2;--panel:#ebece5;--radius:8px}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Outfit,Arial,sans-serif;letter-spacing:0}button,input,select,textarea{font:inherit}button{cursor:pointer}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:10px;left:10px;z-index:99;padding:12px;background:var(--acid);color:var(--ink);transform:translateY(-200%)}.skip-link:focus{transform:none}main{width:100%;max-width:100%;overflow-x:hidden}.nav{height:72px;padding:0 max(24px,calc((100vw - 1380px)/2));display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);background:rgba(245,246,241,.96);position:relative;z-index:5}.brand{display:flex;align-items:center;gap:12px;color:var(--ink);text-decoration:none;font-weight:700}.brand-mark{display:grid;place-items:center;width:36px;height:36px;background:var(--ink);color:var(--acid);font-size:12px}.nav-actions,.command-row,.result-actions,.preset-row{display:flex;gap:8px;align-items:center}.icon-button{width:44px;height:44px;border:1px solid var(--ink);background:transparent;font-size:18px;font-weight:800}.button{min-height:44px;border:1px solid transparent;padding:10px 16px;font-weight:700;border-radius:4px;transition:transform .2s,background .2s,color .2s}.button:hover{transform:translateY(-2px)}.button:focus-visible,.icon-button:focus-visible,.preset:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid var(--cyan);outline-offset:2px}.button-dark{background:var(--ink);color:var(--white)}.button-outline{border-color:var(--ink);background:transparent;color:var(--ink)}.button-quiet{border-color:var(--line);background:transparent;color:var(--muted)}.button-acid{background:var(--acid);color:var(--ink)}.button-light{background:var(--white);color:var(--ink)}.hero{max-width:1380px;margin:auto;min-height:570px;padding:64px 40px 46px;display:grid;grid-template-columns:minmax(0,1.35fr) minmax(360px,.65fr);gap:60px;align-items:center}.context-line,.eyebrow{text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.1em;margin:0 0 14px}.context-line{display:inline-block;border-bottom:3px solid var(--coral);padding-bottom:5px}.hero h1{font-size:clamp(3.8rem,6.7vw,7rem);line-height:.88;max-width:1100px;margin:18px 0 28px;letter-spacing:0;font-weight:800}.inline-pitch{display:inline-flex;width:118px;height:52px;border:2px solid var(--ink);border-radius:28px;vertical-align:middle;align-items:center;justify-content:space-evenly;background:var(--acid);transform:rotate(-4deg);margin:0 8px}.inline-pitch i{width:8px;height:8px;background:var(--ink);border-radius:50%}.hero-intro{font-size:20px;line-height:1.45;max-width:680px;margin:0 0 28px;color:#454740}.preset{min-height:44px;border:1px solid var(--ink);background:transparent;color:var(--ink);padding:9px 14px;font-weight:700;border-radius:4px}.preset.is-active{background:var(--ink);color:var(--white)}.dial-shell{background:var(--ink);color:var(--white);padding:30px;box-shadow:18px 18px 0 var(--acid);transform:rotate(1deg)}.dial{width:min(330px,100%);aspect-ratio:1;border-radius:50%;margin:auto;display:grid;place-items:center;background:conic-gradient(var(--acid) 0deg 29deg,#30332e 29deg 360deg);position:relative}.dial:before{content:"";position:absolute;inset:18px;border:1px solid #575b53;border-radius:50%}.dial-center{text-align:center;position:relative;z-index:1}.dial-kicker{display:block;text-transform:uppercase;font-size:11px;letter-spacing:.12em;color:#c9ccc3}.dial-center strong{display:block;font-size:82px;line-height:1;margin:10px 0}.dial-center span:last-child{color:var(--acid);font-weight:700}.range-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#44473f;margin-top:24px}.range-strip div{background:var(--ink);padding:14px;text-align:center}.range-strip span{display:block;font-size:11px;text-transform:uppercase;color:#b9bcb3}.range-strip strong{font-size:22px}.workspace{max-width:1380px;margin:0 auto;padding:0 40px 54px;display:grid;grid-template-columns:minmax(0,7fr) minmax(320px,5fr);gap:16px;grid-auto-flow:dense}.controls-panel,.result-panel{border:1px solid var(--ink);padding:28px;background:var(--white)}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-heading h2,.result-panel h2{margin:0;font-size:30px;line-height:1.05}.state-badge{background:var(--cyan);padding:7px 9px;font-size:12px;font-weight:800;border-radius:3px}.identity-grid,.details-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.wide{grid-column:1/-1}label{display:grid;gap:7px;font-size:12px;font-weight:700;color:#52544e}input[type=text],input:not([type]),select,textarea{width:100%;border:1px solid var(--line);background:var(--paper);color:var(--ink);padding:11px 12px;min-height:44px;border-radius:3px}textarea{resize:vertical}.sliders{display:grid;grid-template-columns:1fr 1fr;gap:14px 22px;padding:28px 0}.slider-row span{display:flex;justify-content:space-between;gap:10px}.slider-row output{color:var(--ink);background:var(--acid);min-width:34px;padding:2px 5px;text-align:center;border-radius:2px}.slider-row input{width:100%;accent-color:var(--ink);min-height:24px}.command-row{margin-top:20px}.result-panel{background:var(--ink);color:var(--white);display:flex;flex-direction:column}.result-panel h2{font-size:44px;max-width:500px}.result-panel>p:not(.eyebrow){font-size:17px;line-height:1.45;color:#c7cac2}.next-action{border-left:4px solid var(--acid);padding:12px 16px;background:#21231f;margin:20px 0}.next-action span{display:block;color:#aeb1a9;font-size:11px;text-transform:uppercase;letter-spacing:.1em}.next-action strong{display:block;margin-top:5px;font-size:18px}.driver-list{display:grid;gap:8px}.driver{display:flex;justify-content:space-between;border-top:1px solid #3e413a;padding-top:9px}.driver span{color:#bfc2ba}.comparison{margin-top:auto;padding-top:26px}.comparison-head{display:flex;justify-content:space-between}.comparison-track{height:8px;background:#363a33;margin-top:10px;overflow:hidden}.comparison-track i{display:block;width:50%;height:100%;background:var(--cyan);transition:width .4s}.result-actions{margin-top:24px}.evidence-grid{max-width:1380px;padding:0 40px 120px;margin:auto;display:grid;grid-template-columns:repeat(12,1fr);grid-auto-flow:dense;gap:16px}.evidence-card{grid-column:span 4;min-height:220px;border:1px solid var(--ink);padding:25px;background:var(--panel)}.evidence-card h3{font-size:27px;margin:32px 0 10px}.blocker-card{background:var(--coral)}.trust-card{background:var(--cyan)}.factor-bars{display:grid;gap:11px}.factor-bar span{display:flex;justify-content:space-between;font-size:12px}.factor-bar i{display:block;height:8px;background:var(--ink);margin-top:5px}.method-section{display:grid;grid-template-columns:1fr 1.4fr;gap:80px;max-width:1380px;margin:0 auto;padding:40px 40px 160px}.method-sticky{align-self:start;position:sticky;top:100px}.method-sticky h2,.action-section h2{font-size:clamp(3rem,5vw,5rem);line-height:.95;margin:0;max-width:680px}.method-copy{font-size:30px;line-height:1.35;color:#777a72}.method-cards{display:grid;gap:0;margin-top:70px}.method-cards article{position:sticky;top:130px;display:flex;justify-content:space-between;align-items:center;min-height:130px;padding:25px;background:var(--white);border:1px solid var(--ink);color:var(--ink)}.method-cards article:nth-child(2){top:150px;background:var(--acid)}.method-cards article:nth-child(3){top:170px;background:var(--cyan)}.action-section{background:var(--ink);color:var(--white);padding:100px max(40px,calc((100vw - 1300px)/2));display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.button-large{font-size:18px;padding:16px 24px}footer{padding:28px max(40px,calc((100vw - 1300px)/2));display:flex;justify-content:space-between;gap:20px;color:var(--muted)}.toast{position:fixed;right:24px;bottom:24px;background:var(--ink);color:var(--white);padding:14px 18px;transform:translateY(120px);transition:transform .25s;z-index:20;border-left:5px solid var(--acid)}.toast.is-visible{transform:none}
body.preview-mode{width:1200px;height:630px;overflow:hidden;background:var(--paper)}body.preview-mode .nav{height:58px;padding:0 38px}body.preview-mode .nav-actions{display:none}body.preview-mode .hero{height:572px;min-height:0;padding:40px 48px;grid-template-columns:1.25fr .75fr;gap:44px}body.preview-mode .context-line{font-size:11px}body.preview-mode .hero h1{font-size:72px;max-width:720px;margin:12px 0 20px}body.preview-mode .hero-intro{font-size:17px;max-width:590px}body.preview-mode .preset-row{display:none}body.preview-mode .dial-shell{padding:24px;box-shadow:14px 14px 0 var(--acid)}body.preview-mode .dial{width:280px}body.preview-mode .dial-center strong{font-size:72px}body.preview-mode .workspace,body.preview-mode .evidence-grid,body.preview-mode .method-section,body.preview-mode .action-section,body.preview-mode footer{display:none}body.preview-mode .hero-copy:after{content:attr(data-preview-note);display:block;margin-top:24px;border-left:5px solid var(--coral);padding:10px 16px;background:var(--white);font-size:20px;font-weight:800;max-width:570px}
@media(max-width:850px){.nav{padding:0 18px}.brand span:last-child{display:none}.hero{min-height:auto;padding:42px 20px;grid-template-columns:1fr;gap:36px}.hero h1{font-size:56px}.inline-pitch{width:82px;height:40px}.dial-shell{transform:none;box-shadow:10px 10px 0 var(--acid)}.workspace{padding:0 20px 40px;grid-template-columns:1fr}.identity-grid,.details-grid,.sliders{grid-template-columns:1fr}.wide{grid-column:auto}.controls-panel,.result-panel{padding:22px}.result-panel h2{font-size:36px}.evidence-grid{padding:0 20px 90px;grid-template-columns:1fr}.evidence-card{grid-column:auto}.method-section{grid-template-columns:1fr;padding:20px 20px 100px;gap:40px}.method-sticky{position:static}.method-copy{font-size:23px}.action-section{padding:70px 20px;align-items:flex-start;flex-direction:column}.nav .button-dark{display:none}footer{padding:24px 20px;flex-direction:column}.result-actions,.command-row{flex-wrap:wrap}.button{flex:none}.preset-row{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.method-sticky,.method-cards article{position:static}}
