body{font-family:Jost,sans-serif;font-weight:300;line-height:1.7;min-height:100vh}.hero{padding:80px 60px 60px;max-width:820px}.label{font-family:Jost,sans-serif;font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-muted);display:flex;align-items:center;gap:14px;margin-bottom:28px}.label:before{content:"";display:block;width:36px;height:1px;background:var(--text-muted)}.hero h1{font-family:Playfair Display,serif;font-size:clamp(38px,5vw,58px);font-weight:400;line-height:1.1;letter-spacing:-.01em;margin-bottom:24px;color:var(--text)}.hero h1 em{font-style:italic;color:var(--forest)}.hero p{font-size:15px;color:var(--text-muted);max-width:580px;line-height:1.75;margin-bottom:12px}.meta-row{display:flex;gap:32px;margin-top:36px;padding-top:32px;border-top:1px solid var(--border)}.meta-item{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-light)}.meta-item strong{display:block;font-size:13px;letter-spacing:0;text-transform:none;color:var(--text-muted);font-weight:400;margin-top:3px}.lab-wrap{padding:0 60px 100px;max-width:980px}.lab-card{background:var(--soft-white);border-radius:3px;padding:56px 56px 48px;box-shadow:var(--shadow-card);position:relative}.lab-card:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:var(--forest);border-radius:3px 3px 0 0}.card-section{margin-bottom:40px}.card-section:last-child{margin-bottom:0}.section-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--forest);margin-bottom:16px}.scenarios-intro{font-size:13px;color:var(--text-muted);margin-bottom:14px;font-style:italic}.scenarios{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px;margin-bottom:32px}.scenario{background:var(--pure-white);border:1px solid var(--border-soft);padding:14px 18px;text-align:left;cursor:pointer;transition:all .2s ease;font-family:inherit;font-size:13px;line-height:1.5;color:var(--text);font-weight:300;border-radius:2px}.scenario:hover{border-color:var(--forest);transform:translate(2px);background:var(--pure-white)}.scenario-label{display:block;font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--gold);margin-bottom:6px;font-weight:500}.decision-input{width:100%;min-height:140px;resize:vertical;background:var(--pure-white);border:1px solid var(--border-soft);color:var(--text);font-family:inherit;font-size:15px;font-weight:300;line-height:1.7;padding:20px 22px;border-radius:2px;transition:all .2s ease}.decision-input:focus{outline:none;border-color:var(--forest);box-shadow:0 0 0 3px var(--sage-tint)}.decision-input::placeholder{color:var(--text-light);font-style:italic}.perspectives{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:8px}.perspective{background:var(--pure-white);border:1px solid var(--border-soft);padding:16px 14px;cursor:pointer;transition:all .2s ease;text-align:center;border-radius:2px;font-family:inherit}.perspective:hover{border-color:var(--forest)}.perspective.selected{border-color:var(--forest);background:var(--sage-tint);box-shadow:inset 0 3px 0 var(--forest)}.perspective-name{font-family:Playfair Display,serif;font-size:16px;font-weight:400;color:var(--text);font-style:italic;margin-bottom:4px}.perspective-desc{font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-light)}.actions{display:flex;gap:12px;align-items:center;margin-top:36px;padding-top:32px;border-top:1px solid var(--border-soft)}.btn{font-family:Jost,sans-serif;font-size:11px;letter-spacing:.12em;text-transform:uppercase;padding:14px 28px;border:1px solid;cursor:pointer;transition:all .2s;font-weight:400;border-radius:0}.btn-primary{background:var(--forest);color:#fff;border-color:var(--forest)}.btn-primary:hover{background:var(--forest-deep);border-color:var(--forest-deep)}.btn-primary:disabled{opacity:.35;cursor:not-allowed}.btn-ghost{background:transparent;color:var(--text-muted);border-color:var(--border-strong)}.btn-ghost:hover{color:var(--text);border-color:var(--text-muted)}.thinking-overlay{display:none;text-align:center;padding:80px 40px;animation:fadeUp .4s ease}.thinking-overlay.active{display:block}.thinking-dots{display:inline-flex;gap:8px;margin-bottom:24px}.thinking-dot{width:6px;height:6px;border-radius:50%;background:var(--forest);animation:pulse 1.4s ease infinite}.thinking-dot:nth-child(2){animation-delay:.2s}.thinking-dot:nth-child(3){animation-delay:.4s}@keyframes pulse{0%,80%,to{transform:scale(.6);opacity:.4}40%{transform:scale(1);opacity:1}}.thinking-text{font-family:Cormorant Garamond,serif;font-size:19px;font-style:italic;color:var(--text-muted);transition:opacity .3s;min-height:32px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.result{display:none;animation:fadeUp .5s ease;margin-top:60px}.result.active{display:block}.result-header{background:var(--near-black);color:#fff;padding:52px 56px 48px;margin:0 -56px;position:relative}.result-header-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:#fff6;margin-bottom:18px;display:flex;align-items:center;gap:14px}.result-header-label:before{content:"";display:block;width:36px;height:1px;background:#ffffff40}.framed-decision{font-family:Playfair Display,serif;font-size:clamp(22px,2.5vw,30px);font-weight:400;line-height:1.35;color:#fff;letter-spacing:-.005em}.framed-decision em{font-style:italic;color:var(--gold)}.result-body{padding:48px 56px 0;margin:0 -56px}.aspects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px;margin-bottom:48px}.aspect{background:var(--pure-white);padding:28px 26px;border-radius:2px;box-shadow:var(--shadow-card);position:relative}.aspect-icon{width:28px;height:28px;margin-bottom:16px;display:flex;align-items:center;justify-content:center;border:1px solid var(--forest);border-radius:50%;font-family:Playfair Display,serif;font-size:13px;color:var(--forest);font-style:italic}.aspect-label{font-size:10px;letter-spacing:.15em;text-transform:uppercase;color:var(--forest);margin-bottom:10px;font-weight:500}.aspect-text{font-family:Cormorant Garamond,serif;font-size:17px;line-height:1.6;color:var(--text);font-weight:400}.spectrum-section{padding:36px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);margin-bottom:48px}.spectrum-label{font-size:10px;letter-spacing:.18em;text-transform:uppercase;color:var(--text-light);margin-bottom:20px;display:flex;align-items:center;gap:14px}.spectrum-label:before{content:"";display:block;width:36px;height:1px;background:var(--text-light)}.spectrum-track{position:relative;height:2px;background:var(--border);margin:44px 0 24px;border-radius:2px}.spectrum-ticks{position:absolute;top:-6px;left:0;right:0;display:flex;justify-content:space-between}.spectrum-tick{width:1px;height:14px;background:var(--border)}.spectrum-dot{position:absolute;top:50%;width:18px;height:18px;border-radius:50%;background:var(--forest);transform:translate(-50%,-50%);box-shadow:0 0 0 4px var(--sage-tint),0 0 0 8px #2a42330f;transition:left 1s cubic-bezier(.4,0,.2,1)}.spectrum-dot:after{content:attr(data-score);position:absolute;top:-28px;left:50%;transform:translate(-50%);font-family:Playfair Display,serif;font-size:13px;color:var(--forest);font-weight:500;white-space:nowrap}.spectrum-ends{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-muted);margin-top:8px}.spectrum-ends em{font-style:italic;color:var(--text)}.the-move{background:var(--forest);color:#fff;padding:40px 44px;border-radius:2px;margin-bottom:48px;position:relative}.the-move-label{font-size:10px;letter-spacing:.2em;text-transform:uppercase;color:var(--gold);margin-bottom:14px;display:flex;align-items:center;gap:14px}.the-move-label:before{content:"";display:block;width:36px;height:1px;background:var(--gold)}.the-move-text{font-family:Cormorant Garamond,serif;font-size:20px;line-height:1.65;color:#fff;font-weight:400}.reframe-section{padding:36px 0 0;border-top:1px solid var(--border-soft);margin-bottom:32px}.reframe-intro{font-family:Cormorant Garamond,serif;font-size:18px;font-style:italic;color:var(--text-muted);margin-bottom:20px;line-height:1.5}.reframe-options{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.reframe-option{background:var(--pure-white);border:1px solid var(--border-soft);padding:20px 22px;cursor:pointer;transition:all .2s ease;text-align:left;font-family:inherit;border-radius:2px;display:flex;align-items:center;justify-content:space-between;gap:12px}.reframe-option:hover{border-color:var(--forest);transform:translate(2px);background:var(--sage-tint)}.reframe-option-label{flex:1}.reframe-option-name{font-family:Playfair Display,serif;font-size:17px;font-style:italic;color:var(--text);margin-bottom:3px}.reframe-option-desc{font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.reframe-option-arrow{font-family:Playfair Display,serif;font-size:20px;color:var(--forest);transition:transform .2s}.reframe-option:hover .reframe-option-arrow{transform:translate(3px)}.result-actions{display:flex;gap:12px;flex-wrap:wrap;padding-bottom:0}.btn-gold{background:transparent;color:var(--gold);border-color:var(--gold)}.btn-gold:hover{background:var(--gold);color:#fff}.cross-cta{margin-top:60px;padding:44px 52px;background:var(--cream-dark);display:flex;align-items:center;justify-content:space-between;gap:32px}.cross-cta-text h3{font-family:Playfair Display,serif;font-size:22px;font-weight:400;margin-bottom:8px;line-height:1.3;color:var(--text)}.cross-cta-text h3 em{font-style:italic;color:var(--forest)}.cross-cta-text p{font-size:13px;color:var(--text-muted);line-height:1.6}.btn-solid{background:var(--forest);color:#fff;border-color:var(--forest);text-decoration:none;display:inline-block;white-space:nowrap}.btn-solid:hover{background:var(--forest-deep)}.error-msg{background:#d9707014;border:1px solid var(--alert);color:var(--alert);padding:16px 20px;font-size:13px;margin-top:20px;border-radius:2px;display:none}.error-msg.active{display:block}@media(max-width:768px){.hero{padding:48px 24px 40px}.lab-wrap{padding:0 24px 80px}.lab-card{padding:36px 24px 32px}.result-header{padding:40px 24px 36px;margin:0 -24px}.result-body{padding:40px 24px 0;margin:0 -24px}.aspects-grid{grid-template-columns:1fr;gap:14px}.perspectives,.reframe-options,.scenarios{grid-template-columns:1fr}.meta-row{flex-wrap:wrap;gap:16px}.cross-cta{flex-direction:column;padding:32px 24px;align-items:flex-start}.the-move{padding:32px 28px}}
