
.experiment-page{background:#0b0711;color:var(--ink)}.experiment-hero{min-height:88svh;display:grid;align-items:end;padding:150px clamp(22px,7vw,100px) 82px;position:relative;overflow:hidden;background:radial-gradient(circle at 78% 28%,rgba(143,75,211,.34),transparent 26%),radial-gradient(circle at 88% 15%,rgba(241,218,69,.12),transparent 18%),linear-gradient(145deg,#09050f,#1a0d2a 62%,#09050f)}.experiment-hero:after{content:"";position:absolute;right:-8vw;top:14%;width:42vw;height:42vw;border:1px solid rgba(241,218,69,.22);transform:rotate(18deg);box-shadow:0 0 0 40px rgba(133,75,190,.06),0 0 0 90px rgba(133,75,190,.04);pointer-events:none}.experiment-hero-inner{max-width:920px;position:relative;z-index:1}.experiment-label{color:var(--gold);font-size:12px;letter-spacing:.16em;text-transform:uppercase}.experiment-hero h1{font:500 clamp(60px,10vw,132px)/.84 var(--serif);letter-spacing:-.05em;margin:20px 0 30px;max-width:850px}.experiment-lead{font:400 clamp(22px,3vw,35px)/1.25 var(--serif);max-width:820px}.experiment-promise{color:var(--solar);margin-top:28px}.experiment-meta{display:flex;flex-wrap:wrap;gap:9px 28px;color:var(--muted);font-size:13px;margin:18px 0 30px}.exp-button{min-height:50px;border:1px solid var(--line);border-radius:999px;padding:0 23px;background:transparent;color:var(--ink);font:600 12px var(--sans);letter-spacing:.08em;text-transform:uppercase;cursor:pointer;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.exp-button:hover{border-color:var(--gold);transform:translateY(-1px)}.exp-button.primary{background:var(--solar);border-color:var(--solar);color:#160d20}.exp-button.quiet{border:0;color:var(--muted)}.experiment-about{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(35px,7vw,100px);padding:90px clamp(22px,7vw,100px);max-width:1300px;margin:auto}.experiment-about h2,.result-head h2{font:500 clamp(40px,6vw,76px)/.95 var(--serif);margin:16px 0}.experiment-about>p{color:var(--muted);font-size:18px}.experiment-workspace{padding:90px clamp(18px,6vw,80px) 120px;background:#efe8dc;color:#21152a;scroll-margin-top:70px}.progress-wrap{max-width:1050px;margin:0 auto 44px}.progress{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:8px}.progress li{opacity:.44}.progress li.active{opacity:1}.progress span{display:block;font:italic 24px var(--serif);color:#663783}.progress b{font-size:11px;text-transform:uppercase;letter-spacing:.08em}.progress-bar{height:2px;background:rgba(49,27,61,.14);margin-top:18px}.progress-bar i{display:block;height:100%;width:0;background:#663783;transition:width .3s}.experiment-workspace form{max-width:1050px;margin:auto}.exp-step{border:0;padding:0;margin:0}.exp-step legend{font:500 clamp(42px,6vw,72px)/.95 var(--serif);letter-spacing:-.03em;max-width:850px}.step-help{color:#685c6e;max-width:720px;margin:20px 0 38px}.field{display:block;margin:28px 0}.field>span,.group-label{display:block;font-weight:700;margin-bottom:10px}.field textarea{width:100%;resize:vertical;min-height:95px;padding:17px;border:1px solid rgba(55,30,71,.25);background:rgba(255,255,255,.5);color:#21152a;font:400 16px/1.55 var(--sans);border-radius:2px}.field textarea:focus{outline:3px solid rgba(95,44,160,.25);border-color:#663783}.field-group{margin:30px 0}.choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.choice{position:relative}.choice input{position:absolute;opacity:0;pointer-events:none}.choice span{display:flex;align-items:center;min-height:62px;padding:14px 17px;border:1px solid rgba(55,30,71,.22);background:rgba(255,255,255,.38);cursor:pointer}.choice input:checked+span{background:#5f2ca0;color:white;border-color:#5f2ca0}.choice input:focus-visible+span{outline:3px solid #d0aaff;outline-offset:2px}.signal-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 24px}.form-nav{max-width:1050px;margin:42px auto 0;display:flex;justify-content:space-between;gap:12px}.form-nav .exp-button{border-color:rgba(55,30,71,.3);color:#2a1933}.form-nav .primary{color:#160d20;border-color:#c9ad17}.form-error{color:#8b2032;min-height:24px;font-weight:600}.exp-result{max-width:1180px;margin:auto}.result-head{max-width:760px;margin-bottom:40px}.result-head>p:last-child{color:#685c6e}.experiment-card{background:#100918;color:#f7f1e8;border:1px solid rgba(95,44,160,.45);padding:clamp(24px,5vw,58px);box-shadow:18px 18px 0 #d7c4ec}.card-mark{color:var(--gold);font-size:10px;letter-spacing:.16em;margin-bottom:35px}.card-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(225,207,255,.18)}.card-item{background:#100918;padding:25px}.card-item h3{font:600 11px var(--sans);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin:0 0 12px}.card-item div{font:400 20px/1.35 var(--serif)}.card-question,.card-hypothesis,.card-experiment,.card-signals{grid-column:1/-1}.card-review .review-choices{display:grid;gap:6px}.card-review .choice span{min-height:42px;background:#160d20;border-color:rgba(225,207,255,.2);font:400 13px var(--sans)}.experiment-card footer{display:flex;justify-content:space-between;gap:20px;color:#a99dae;font-size:11px;margin-top:30px}.result-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.result-actions .exp-button:not(.primary){border-color:rgba(55,30,71,.3);color:#2a1933}.copy-status{min-height:24px;color:#5f2ca0}.after-card{margin-top:60px;padding:35px;border-top:1px solid rgba(55,30,71,.25)}.after-card h3{font:500 38px/1 var(--serif);margin:0 0 15px}.after-card p{max-width:760px;color:#685c6e}.after-card>div{display:flex;flex-wrap:wrap;gap:10px;margin-top:25px}.after-card .exp-button:not(.primary){border-color:rgba(55,30,71,.3);color:#2a1933}@media(max-width:760px){.experiment-hero{min-height:auto;padding-top:130px}.experiment-hero:after{width:75vw;height:75vw;right:-35vw}.experiment-about{grid-template-columns:1fr}.progress b{display:none}.progress{gap:3px}.choice-grid,.signal-grid,.card-grid{grid-template-columns:1fr}.card-question,.card-hypothesis,.card-experiment,.card-signals{grid-column:auto}.experiment-card{box-shadow:8px 8px 0 #d7c4ec}.form-nav{position:sticky;bottom:10px;background:rgba(239,232,220,.94);padding:10px 0}.experiment-card footer{flex-direction:column}.result-actions,.after-card>div{display:grid}.exp-button{width:100%}}@media print{.site-header,.site-footer,.experiment-hero,.experiment-about,.progress-wrap,.result-head,.result-actions,.after-card,.copy-status{display:none!important}.experiment-workspace{padding:0;background:white}.experiment-card{box-shadow:none;border:1px solid #333;print-color-adjust:exact;-webkit-print-color-adjust:exact}.experiment-card .choice{display:none}.experiment-card .choice:has(input:checked){display:block}body{background:white}}
