@font-face{font-family:Scratchy;src:url(/fonts/Scratchy.woff)format("woff");font-weight:400;font-style:normal;font-display:swap}:root{--bg-primary:#0d1117;--bg-elevated:#161b22;--border-subtle:#ffffff12;--border-hover:#ffffff24;--text-primary:#ffffffeb;--text-secondary:#fff9;--text-tertiary:#ffffff59;--gold:#f2b441;--coral:#f24968;--gradient:linear-gradient(135deg, #f2b441 0%, #f24968 100%);--font-display:"Clash Display", sans-serif;--font-body:"Inter", -apple-system, sans-serif;--font-mono:"JetBrains Mono", monospace;--font-hand:"Scratchy", "Caveat", cursive;--sp-xs:.5rem;--sp-sm:1rem;--sp-md:1.5rem;--sp-lg:2rem;--sp-xl:3rem;--sp-2xl:4rem;--sp-3xl:6rem;--max-w:760px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-font-smoothing:antialiased;font-size:16px}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);min-height:100vh;line-height:1.7;overflow-x:hidden}body:before{content:"";pointer-events:none;z-index:9999;opacity:.5;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");position:fixed;inset:0}.container{max-width:var(--max-w);padding:0 var(--sp-lg);margin:0 auto}.site-nav{padding:var(--sp-md) 0;border-bottom:1px solid var(--border-subtle)}.site-nav .container{justify-content:space-between;align-items:center;max-width:1200px;display:flex}.site-nav img{width:auto;height:28px;display:block}.site-nav a.home-link{color:var(--text-secondary);font-size:.875rem;text-decoration:none}.site-nav a.home-link:hover{color:var(--text-primary)}main{padding:var(--sp-2xl) 0 var(--sp-3xl)}h1,h2,h3{font-family:var(--font-display);font-weight:600;line-height:1.15}h1{letter-spacing:-.02em;font-size:clamp(2rem,5vw,3rem)}h2{font-size:clamp(1.4rem,3.5vw,2rem)}.grad-text{background:var(--gradient);color:#0000;-webkit-background-clip:text;background-clip:text}.lead{color:var(--text-secondary);margin:var(--sp-md) 0;font-size:1.0625rem}.supporting{color:var(--text-tertiary);font-size:.9375rem}.btn{background:var(--gradient);color:var(--bg-primary);font-family:var(--font-body);cursor:pointer;border:none;border-radius:8px;padding:.875rem 2rem;font-size:1rem;font-weight:600;text-decoration:none;transition:transform .15s,box-shadow .15s;display:inline-block}.btn:hover{transform:translateY(-1px);box-shadow:0 8px 24px #f2496840}.btn:disabled{opacity:.45;cursor:not-allowed;box-shadow:none;transform:none}.btn-ghost{border:1px solid var(--border-hover);color:var(--text-secondary);background:0 0}.btn-ghost:hover{color:var(--text-primary);box-shadow:none}.progress{margin:var(--sp-lg) 0 var(--sp-xl);gap:.5rem;display:flex}.progress-step{text-align:center;flex:1}.progress-step .bar{background:var(--border-hover);border-radius:2px;height:4px;margin-bottom:.5rem;transition:background .3s}.progress-step.active .bar,.progress-step.done .bar{background:var(--gradient)}.progress-step .label{font-size:.6875rem;font-family:var(--font-mono);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.08em}.progress-step.active .label{color:var(--gold)}.progress-step.done .label{color:var(--text-secondary)}.question-block{margin-bottom:var(--sp-xl)}.question-text{margin-bottom:var(--sp-sm);font-size:1.125rem;font-weight:600;font-family:var(--font-display)}.options{flex-direction:column;gap:.625rem;display:flex}.option{background:var(--bg-elevated);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-secondary);text-align:left;width:100%;font-size:.9375rem;font-family:var(--font-body);border-radius:10px;align-items:flex-start;gap:.75rem;padding:.875rem 1.125rem;line-height:1.5;transition:border-color .15s,background .15s;display:flex}.option:hover{border-color:var(--border-hover);color:var(--text-primary)}.option.selected{border-color:var(--gold);color:var(--text-primary);background:#f2b4410f}.option .radio{border:2px solid var(--text-tertiary);border-radius:50%;flex:none;width:18px;height:18px;margin-top:2px;position:relative}.option.selected .radio{border-color:var(--gold)}.option.selected .radio:after{content:"";background:var(--gradient);border-radius:50%;position:absolute;inset:3px}.area-heading{margin-bottom:var(--sp-xs)}.area-kicker{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--gold);font-size:.75rem}.step-actions{margin-top:var(--sp-xl);justify-content:space-between;align-items:center;gap:var(--sp-sm);display:flex}.field{margin-bottom:var(--sp-md)}.field label{color:var(--text-secondary);margin-bottom:.375rem;font-size:.875rem;font-weight:500;display:block}.field input[type=text],.field input[type=email]{background:var(--bg-elevated);border:1px solid var(--border-hover);width:100%;color:var(--text-primary);font-family:var(--font-body);border-radius:8px;padding:.75rem 1rem;font-size:1rem}.field input:focus{border-color:var(--gold);outline:none}.consent{color:var(--text-tertiary);margin:var(--sp-md) 0;align-items:flex-start;gap:.75rem;font-size:.8125rem;display:flex}.consent input{accent-color:#f2b441;margin-top:3px}.consent a{color:var(--text-secondary)}.error-note{color:var(--coral);margin-top:var(--sp-sm);font-size:.875rem}.pattern-kicker{font-family:var(--font-hand);color:var(--gold);font-size:1.5rem}.identity-line{color:var(--text-secondary);margin-top:var(--sp-sm);font-size:1.1875rem}.area-bars{margin:var(--sp-xl) 0;flex-direction:column;gap:.875rem;display:flex}.area-bar-row{gap:var(--sp-sm);grid-template-columns:130px 1fr 90px;align-items:center;display:grid}.area-bar-row .name{color:var(--text-secondary);font-size:.875rem}.area-bar-row .track{background:var(--bg-elevated);border:1px solid var(--border-subtle);border-radius:5px;height:10px;overflow:hidden}.area-bar-row .fill{background:var(--gradient);border-radius:5px;height:100%;transition:width .8s}.area-bar-row .band-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;color:var(--text-tertiary);text-align:right;font-size:.6875rem}.area-bar-row.gap .name{color:var(--gold);font-weight:600}.result-section{margin:var(--sp-xl) 0}.result-section h3{margin-bottom:var(--sp-sm);font-size:1.125rem}.result-section p{color:var(--text-secondary);font-size:.9375rem}.result-section ul{margin-top:var(--sp-sm);flex-direction:column;gap:.75rem;list-style:none;display:flex}.result-section li{background:var(--bg-elevated);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:10px;padding:.875rem 1.125rem;font-size:.9375rem}.upward{border-left:3px solid var(--gold);padding:var(--sp-sm) var(--sp-md);background:var(--bg-elevated);border-radius:0 10px 10px 0}.cta-block{margin-top:var(--sp-xl);padding:var(--sp-lg);background:var(--bg-elevated);border:1px solid var(--border-hover);text-align:center;border-radius:14px}.cta-block p{color:var(--text-secondary);margin-bottom:var(--sp-md)}footer{border-top:1px solid var(--border-subtle);padding:var(--sp-lg) 0;text-align:center}footer p{color:var(--text-tertiary);font-size:.8125rem}@media (max-width:560px){.area-bar-row{grid-template-columns:92px 1fr 70px}.progress-step .label{font-size:.5625rem}}