:root{--ink:#171a18;--paper:#f4f1e8;--soft:#e8e3d7;--line:#cbc5b7;--yellow:#f2cf45;--teal:#1f6f67;--coral:#de684d;--white:#fffef9;--radius:6px;font-family:Geist,"Helvetica Neue",Arial,sans-serif;color:var(--ink);background:var(--paper);font-synthesis:none}
*{box-sizing:border-box;letter-spacing:0}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink)}
button,input,textarea{font:inherit;color:inherit}
button{cursor:pointer}
main{width:100%;max-width:100%;overflow-x:hidden}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);padding:0 clamp(20px,4vw,64px);position:sticky;top:0;background:rgba(244,241,232,.95);backdrop-filter:blur(14px);z-index:10}
.brand{font-weight:800;text-decoration:none;color:var(--ink);font-size:18px}.brand span{color:var(--teal)}
.nav-actions{display:flex;align-items:center;gap:10px}.privacy{font-size:13px;display:flex;align-items:center;gap:7px}.privacy span{width:8px;height:8px;background:var(--teal);border-radius:50%}
.icon-btn{width:38px;height:38px;border:1px solid var(--line);background:var(--white);border-radius:50%;font-size:18px}.icon-btn:hover{background:var(--yellow)}
.intro{max-width:1180px;margin:0 auto;padding:72px 24px 54px;display:grid;grid-template-columns:3fr 1fr;gap:48px;align-items:end}
.kicker{text-transform:uppercase;font-size:12px;font-weight:800;color:var(--teal);margin:0 0 14px}.intro h1{font-size:clamp(42px,6vw,78px);line-height:1.02;margin:0;max-width:1000px;font-weight:750}.intro h1 em{font-family:Georgia,serif;font-weight:400;color:var(--coral)}
.intro-copy{font-size:17px;line-height:1.55;margin:0 0 6px}
.workbench{max-width:1180px;margin:0 auto;padding:0 24px 120px;display:grid;grid-template-columns:5fr 7fr;gap:18px;align-items:start}
.input-panel,.map-panel,.brief{border:1px solid var(--line);background:var(--white);border-radius:var(--radius)}
.input-panel{padding:28px}.panel-head,.brief-head{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:24px}.panel-head h2,.map-panel h2,.section-heading h2,.experiment h2,.brief h2{margin:0;font-size:clamp(24px,3vw,38px);line-height:1.08}
label{display:block;font-size:13px;font-weight:750;margin:18px 0 8px}textarea,input[type=text],input[type=date]{width:100%;border:1px solid var(--line);border-radius:4px;background:#fbfaf5;padding:12px 13px;outline:none;resize:vertical}textarea:focus,input:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(31,111,103,.15)}
.text-btn{border:0;background:transparent;color:var(--teal);font-weight:750;text-decoration:underline;text-underline-offset:3px}.split-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px}.evidence-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:10px}.evidence-grid textarea{min-height:112px}
.confidence-row{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:6px}.confidence-row p{font-size:12px;color:#65675f;margin:0}.confidence-row output{font-size:28px;font-weight:800;color:var(--coral)}input[type=range]{width:100%;accent-color:var(--coral)}
.map-panel{position:sticky;top:92px;padding:38px;background:var(--ink);color:var(--white);min-height:620px;overflow:hidden}.map-panel:after{content:"";position:absolute;right:-140px;bottom:-140px;width:360px;height:360px;border-radius:50%;border:70px solid rgba(242,207,69,.12);pointer-events:none}.map-panel .kicker{color:var(--yellow)}.map-panel h2{font-size:clamp(34px,4vw,56px);max-width:640px}.map-panel>p:not(.kicker){color:#c9cbc5;line-height:1.55;max-width:640px}.balance{margin:34px 0}.balance-track{height:10px;background:#343936;border-radius:8px;overflow:hidden}.balance-track span{display:block;width:8%;height:100%;background:linear-gradient(90deg,var(--coral),var(--yellow),#5bc6b9);transition:width .4s ease}.balance>div:last-child{display:flex;justify-content:space-between;font-size:12px;margin-top:8px}.map-list{display:grid;gap:1px;background:#3b403d;border:1px solid #3b403d}.map-list div{display:grid;grid-template-columns:110px 1fr;gap:20px;background:#222623;padding:16px}.map-list dt{color:var(--yellow);font-size:12px;text-transform:uppercase;font-weight:800}.map-list dd{margin:0;line-height:1.4}.notice{margin-top:18px;padding:16px;border-left:4px solid var(--coral);background:#2b211f;display:grid;gap:4px}.notice span{color:#d8d6cf;font-size:14px}
.lenses{padding:110px max(24px,calc((100vw - 1132px)/2));background:#dfe9e5}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:36px}.section-heading>p{max-width:420px;line-height:1.5}.accordion{display:flex;height:330px;gap:8px}.lens{flex:1;border:1px solid #9db4ad;background:#edf4f1;text-align:left;padding:28px;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;transition:flex .55s ease,background .3s ease}.lens.active,.lens:hover{flex:2.2;background:var(--white)}.lens-title{font-size:24px;font-weight:800}.lens-body{line-height:1.55;max-width:430px;opacity:.72}.lens:focus-visible{outline:3px solid var(--coral);outline-offset:3px}
.experiment{max-width:1180px;margin:0 auto;padding:130px 24px;display:grid;grid-template-columns:5fr 7fr;gap:80px}.experiment-copy p:last-child{font-size:18px;line-height:1.6}.experiment-builder{border-top:5px solid var(--yellow);padding-top:12px}
.brief{max-width:1132px;margin:0 auto 120px;padding:38px}.brief-head{border-bottom:1px solid var(--line);padding-bottom:22px}.brief-head span{font-size:13px;color:var(--teal);font-weight:750}.brief-content{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-flow:dense;gap:1px;background:var(--line);border:1px solid var(--line)}.brief-block{background:var(--white);padding:20px;min-height:128px}.brief-block.wide{grid-column:span 2}.brief-block small{display:block;text-transform:uppercase;font-size:11px;color:var(--teal);font-weight:800;margin-bottom:9px}.brief-block p{margin:0;line-height:1.48}.actions{display:flex;gap:10px;margin-top:24px}.actions button{min-height:44px;border-radius:4px;padding:0 18px;font-weight:750}.primary{background:var(--ink);color:var(--white);border:1px solid var(--ink)}.primary:hover{background:var(--teal)}.secondary{background:var(--white);border:1px solid var(--ink)}.secondary:hover{background:var(--yellow)}
footer{background:var(--ink);color:var(--white);padding:48px max(24px,calc((100vw - 1132px)/2));display:flex;justify-content:space-between;gap:40px}footer p{max-width:760px;color:#c9cbc5;line-height:1.5}footer a{color:var(--yellow);font-weight:700;white-space:nowrap}
.toast{position:fixed;right:20px;bottom:20px;background:var(--ink);color:var(--white);padding:13px 18px;border-radius:4px;transform:translateY(90px);opacity:0;transition:.25s;z-index:20}.toast.show{transform:none;opacity:1}
@media(max-width:840px){.intro{grid-template-columns:1fr;padding-top:48px}.workbench,.experiment{grid-template-columns:1fr}.map-panel{position:relative;top:auto;min-height:0}.evidence-grid,.brief-content{grid-template-columns:1fr}.brief-block.wide{grid-column:auto}.accordion{height:auto;flex-direction:column}.lens,.lens.active,.lens:hover{min-height:170px;flex:auto}.section-heading{align-items:start;flex-direction:column}.experiment{gap:36px}.intro h1{font-size:46px}.workbench{padding-bottom:80px}}
@media(max-width:560px){.nav{padding:0 16px}.privacy{display:none}.intro,.workbench,.experiment{padding-left:16px;padding-right:16px}.intro h1{font-size:38px}.split-fields{grid-template-columns:1fr}.input-panel,.map-panel,.brief{padding:22px}.map-list div{grid-template-columns:1fr;gap:7px}.actions{flex-direction:column}.section-heading h2{font-size:32px}footer{flex-direction:column}.brief{margin-left:16px;margin-right:16px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}