.twin-hero{padding:42px 0 30px;border-bottom:1px solid var(--ink);background:linear-gradient(180deg,#f4f1e9 0%,#e9e5da 100%)}.twin-hero-grid{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(290px,.5fr);gap:56px;align-items:end}.twin-hero h1{font:400 clamp(58px,7.4vw,104px)/.88 var(--serif);letter-spacing:-.064em;margin:12px 0 16px}.twin-hero h1 em{font-style:italic;text-decoration:underline;text-decoration-color:var(--lime);text-decoration-thickness:5px;text-underline-offset:8px}.twin-hero p{max-width:830px;margin:0;color:#4d5349;font-size:16px;line-height:1.62}.twin-hero-note{border:1px solid var(--ink);background:#171a15;color:#f3f0e8;padding:18px;display:grid;gap:10px;box-shadow:8px 8px 0 rgba(23,26,21,.08)}.twin-hero-note span{font:800 7px var(--mono);letter-spacing:.11em;color:var(--lime)}.twin-hero-note strong{font:400 27px/1 var(--serif)}.twin-hero-note small{font:8px/1.55 var(--mono);color:#adb4a9}

.twin-work{padding:30px 0 64px;background:#151813;color:#f3f0e8}.twin-toolbar{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:stretch;margin-bottom:12px;border:1px solid #50574e;background:#1c2019}.twin-identity{display:grid;grid-template-columns:210px minmax(180px,.65fr) minmax(220px,1fr);gap:0;min-width:0}.identity-field,.identity-output{padding:11px 12px;border-right:1px solid #50574e;min-width:0}.identity-field>span,.identity-output>span{display:block;margin-bottom:6px;color:#8f988c;font:800 6px var(--mono);letter-spacing:.09em;text-transform:uppercase}.identity-field select,.identity-field input{width:100%;min-width:0;height:38px;border:1px solid #60685d;background:#10130f;color:#f3f0e8;padding:0 10px;font:700 10px var(--mono);border-radius:0;outline:none}.identity-field select:focus,.identity-field input:focus{border-color:var(--lime);box-shadow:0 0 0 2px rgba(184,255,63,.12)}.identity-output strong{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 21px/1.05 var(--serif);color:#f4f0e8}.identity-output small{display:block;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#8f978c;font:7px var(--mono)}.twin-toolbar-actions{display:flex;align-items:center;gap:6px;padding:10px}.twin-toolbar-actions button{min-height:38px;border:1px solid #6a7267;background:transparent;color:#f0ede5;padding:0 11px;font:800 7px var(--mono);text-transform:uppercase;cursor:pointer}.twin-toolbar-actions button:hover,.twin-toolbar-actions button:focus-visible{border-color:var(--lime);color:var(--lime)}.twin-toolbar-actions .lime{background:var(--lime);color:#171914;border-color:var(--lime)}.twin-toolbar-actions .lime:hover{background:#171914;color:var(--lime)}

.twin-workspace{display:grid;grid-template-columns:332px minmax(0,1fr);border:1px solid #62695f;background:#20241d;min-height:760px}.twin-deck{border-right:1px solid #62695f;background:#eeeae0;color:#171914;display:flex;flex-direction:column}.twin-active{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:10px;align-items:center;padding:13px 14px;border-bottom:1px solid var(--ink);background:#fff}.twin-active span{display:block;font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.07em;color:#6a7067}.twin-active strong{display:block;margin-top:4px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font:400 17px/1.05 var(--serif)}.twin-active a{border:1px solid var(--ink);padding:7px 8px;color:var(--ink);font:800 7px var(--mono);text-transform:uppercase;text-decoration:none}.twin-active a:hover{background:var(--lime)}
.twin-steps{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--ink);background:#ddd9cf}.twin-steps button{position:relative;border:0;border-right:1px solid var(--ink);background:transparent;color:#555b52;padding:11px 5px;cursor:pointer;text-align:center;overflow:hidden}.twin-steps button:last-child{border-right:0}.twin-steps button i{display:block;font:800 6px var(--mono);font-style:normal;color:#7a8177}.twin-steps button span{display:block;margin-top:3px;font:800 7px var(--mono);text-transform:uppercase}.twin-steps button:after{content:'';position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--lime);transform:scaleX(0);transform-origin:left}.twin-steps button.active{background:#171914;color:#f3f0e8}.twin-steps button.active i{color:var(--lime)}.twin-steps button.active:after{transform:scaleX(1)}
.twin-context-strip{padding:10px 13px;border-bottom:1px solid var(--ink);background:#d9ff91;color:#171914}.twin-context-strip span{display:block;font:800 6px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#5e6c4c}.twin-context-strip strong{display:block;margin-top:4px;font:700 8px/1.45 var(--mono)}
.twin-panel{display:none;padding:18px 17px 16px}.twin-panel.active{display:block}.panel-kicker{font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#69725f}.twin-panel h2{font:400 29px/1 var(--serif);letter-spacing:-.026em;margin:7px 0 18px}.twin-field{padding:12px 0;border-top:1px solid #cbc6bb}.twin-field label{display:flex;align-items:end;justify-content:space-between;gap:10px;margin-bottom:8px;font:800 8px var(--mono);text-transform:uppercase;color:#5c6259}.twin-field label small{font:7px/1.3 var(--mono);font-weight:700;text-transform:none;color:#858a82;text-align:right}.twin-field output{color:#171914}.twin-field input[type=number],.twin-field input[type=text],.twin-field select{width:100%;box-sizing:border-box;border:1px solid var(--ink);background:#fff;color:#171914;padding:11px;font:700 11px var(--mono);border-radius:0}.twin-field input[type=range]{width:100%;accent-color:#171914}.field-pair{display:grid;grid-template-columns:minmax(0,1fr) 108px;gap:7px}.quick-row,.stress-buttons{display:grid;grid-template-columns:repeat(5,1fr);gap:4px;margin-top:8px}.stress-buttons{grid-template-columns:repeat(4,1fr)}.quick-row button,.stress-buttons button{border:1px solid #aaa59b;background:#f8f5ee;padding:7px 3px;font:800 7px var(--mono);cursor:pointer}.quick-row button:hover,.stress-buttons button:hover{border-color:var(--ink);background:var(--lime)}.panel-note{margin:10px 0 0;padding:10px;border-left:3px solid #94a185;background:#e4e0d6;color:#666c63;font:8px/1.5 var(--mono)}.deck-footer{margin-top:auto;padding:13px 15px;border-top:1px solid var(--ink);display:grid;gap:8px;background:#e4e0d6}.deck-footer button{border:1px solid var(--ink);background:#fff;padding:9px;font:800 7px var(--mono);text-transform:uppercase;cursor:pointer}.deck-footer button:hover{background:#171914;color:#f3f0e8}.deck-footer span{font:7px var(--mono);color:#747a71;text-align:center}

.twin-stage{position:relative;padding:18px;background:radial-gradient(circle at 78% 6%,rgba(184,255,63,.055),transparent 22%),#20241d;overflow:hidden}.twin-stage:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.017) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.017) 1px,transparent 1px);background-size:44px 44px}.twin-stage>*{position:relative;z-index:1}.stage-top{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:12px}.stage-top>div:first-child>span{display:block;font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--lime)}.stage-top h2{font:400 34px/1 var(--serif);margin:5px 0 0}.stage-state{text-align:right}.stage-state span{display:block;font:800 7px var(--mono);color:#8f978b;letter-spacing:.08em}.stage-state strong{display:block;margin-top:4px;font:700 11px var(--mono);color:#f1eee6}
.twin-kpis{display:grid;grid-template-columns:1.25fr 1fr 1fr;border:1px solid #5b6358;background:#151813}.twin-kpi{padding:13px 14px;border-right:1px solid #5b6358;min-height:88px}.twin-kpi:last-child{border-right:0}.twin-kpi span{display:block;color:#818a7e;font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.08em}.twin-kpi strong{display:block;margin-top:7px;font:400 28px/1 var(--serif);color:#f2efe7}.twin-kpi.primary strong{color:var(--lime)}.twin-kpi small{display:block;margin-top:5px;color:#858d82;font:8px/1.35 var(--mono)}
.twin-pulse-track{height:38px;display:grid;grid-template-columns:repeat(5,1fr);align-items:center;position:relative;margin:8px 0 2px;color:#6f786c;font:800 6px var(--mono);letter-spacing:.09em;text-align:center}.twin-pulse-track:before{content:'';position:absolute;left:8%;right:8%;top:18px;height:1px;background:#4c5349}.twin-pulse-track span{position:relative;z-index:1;background:#20241d;padding:0 4px}.twin-pulse-track i{position:absolute;top:15px;height:7px;background:linear-gradient(90deg,transparent,var(--lime),#fff);left:0;width:0;transform-origin:left;opacity:0;box-shadow:0 0 12px rgba(184,255,63,.3)}
.twin-chart{height:314px;border:1px solid #596055;background:#0f120e;position:relative;overflow:hidden}.chart-head{position:absolute;z-index:2;left:12px;right:12px;top:10px;display:flex;justify-content:space-between;gap:12px;align-items:center}.chart-head>span{font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.09em;color:#747d70}.chart-head>div{font:700 7px var(--mono);color:#737c70;display:flex;gap:5px;align-items:center}.chart-head i{width:18px;height:2px;display:inline-block}.legend-base{background:#7c8579}.legend-live{background:var(--lime);margin-left:8px}.twin-chart svg{width:100%;height:100%;display:block}.twin-chart .grid{stroke:#282d26;stroke-width:1}.twin-chart .ghost{fill:none;stroke:#798277;stroke-width:1.5;stroke-dasharray:7 6;vector-effect:non-scaling-stroke;opacity:.84}.twin-chart .trace{fill:none;stroke:var(--lime);stroke-width:3;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.twin-chart .fill{fill:url(#twinFill)}.twin-chart .point{fill:#f3f0e8;stroke:#10130f;stroke-width:2;vector-effect:non-scaling-stroke}.twin-chart .point.end{fill:var(--lime)}.twin-chart .axis-label{fill:#7b8477;font:700 8px var(--mono)}
.twin-equation{display:grid;grid-template-columns:1fr auto 1fr auto 1fr auto 1fr auto 1.1fr;border:1px solid #596055;border-top:0;background:#151813;align-items:stretch}.twin-equation button,.twin-equation>div{border:0;background:transparent;color:#f3f0e8;text-align:left;padding:10px 11px;cursor:pointer}.twin-equation button:hover{background:#20251d}.twin-equation b{align-self:center;color:#71796e;font:700 12px var(--mono)}.twin-equation span{display:block;color:#7d867a;font:800 6px var(--mono);text-transform:uppercase}.twin-equation strong{display:block;margin-top:4px;font:700 10px var(--mono)}.twin-equation>div{background:rgba(184,255,63,.06)}.twin-equation>div strong{color:var(--lime)}

.twin-analysis-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.driver-card,.sensitivity-card,.target-card{border:1px solid #596055;background:#252a21}.card-head{display:flex;justify-content:space-between;gap:10px;padding:10px 12px;border-bottom:1px solid #4c5349}.card-head span{font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#dfe2da}.card-head b{font:700 6px var(--mono);text-transform:uppercase;color:#818a7e}.driver-bars{padding:10px 12px;display:grid;gap:8px}.driver-row{display:grid;grid-template-columns:70px minmax(0,1fr) 72px;gap:8px;align-items:center}.driver-row span{font:800 7px var(--mono);text-transform:uppercase;color:#8e978b}.driver-track{height:8px;background:#161914;position:relative;overflow:hidden}.driver-track:after{content:'';position:absolute;left:50%;top:0;bottom:0;width:1px;background:#4f574c}.driver-track i{position:absolute;top:2px;height:4px;background:#8d968a}.driver-row.positive .driver-track i{left:50%;background:var(--lime)}.driver-row.negative .driver-track i{right:50%;background:#d0d4ca}.driver-row strong{text-align:right;font:700 8px var(--mono);color:#e7e9e2}.sensitivity-grid{display:grid;grid-template-columns:repeat(3,1fr)}.sensitivity-grid>div{padding:13px 11px;border-right:1px solid #4c5349}.sensitivity-grid>div:last-child{border-right:0}.sensitivity-grid span{font:800 6px var(--mono);text-transform:uppercase;color:#899286}.sensitivity-grid strong{display:block;margin-top:7px;font:400 18px/1 var(--serif);color:#f1eee6}.sensitivity-grid small{display:block;margin-top:4px;color:#7d8679;font:7px/1.3 var(--mono)}
.target-card{display:grid;grid-template-columns:1.2fr .7fr .8fr;gap:12px;align-items:center;margin-top:10px;padding:13px 14px}.target-card>div:first-child>span{font:800 7px var(--mono);color:var(--lime);text-transform:uppercase;letter-spacing:.08em}.target-card h3{font:400 23px/1 var(--serif);margin:5px 0}.target-card p{margin:0;color:#959d92;font:8px/1.4 var(--mono)}.target-input label,.target-answer span{display:block;font:800 6px var(--mono);text-transform:uppercase;color:#818a7e;margin-bottom:6px}.target-input input{width:100%;box-sizing:border-box;border:1px solid #747c70;background:#10130f;color:#f3f0e8;padding:10px;font:700 11px var(--mono)}.target-answer{border-left:1px solid #4c5349;padding-left:13px}.target-answer strong{display:block;color:var(--lime);font:400 24px/1 var(--serif)}.target-answer small{display:block;margin-top:5px;color:#7f887c;font:7px/1.35 var(--mono)}
.snapshot-drawer{margin-top:10px;border:1px solid #596055;background:#171a15}.snapshot-drawer summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:10px;padding:11px 13px}.snapshot-drawer summary::-webkit-details-marker{display:none}.snapshot-drawer summary span{font:800 7px var(--mono);text-transform:uppercase;letter-spacing:.08em;color:#e2e5dd}.snapshot-drawer summary b{font:700 7px var(--mono);text-transform:uppercase;color:#7f887c}.snapshot-drawer[open] summary{border-bottom:1px solid #4c5349}.snapshot-grid{display:grid;grid-template-columns:repeat(4,1fr)}.snapshot-card{padding:12px;border-right:1px solid #4c5349;min-height:122px}.snapshot-card:last-child{border-right:0}.snapshot-card>span{font:800 6px var(--mono);color:#899286;text-transform:uppercase}.snapshot-card>strong{display:block;margin-top:9px;color:var(--lime);font:400 22px/1 var(--serif)}.snapshot-card>small{display:block;margin-top:6px;color:#8c9589;font:7px/1.4 var(--mono)}.snapshot-actions{display:flex;gap:5px;margin-top:9px}.snapshot-actions button{border:1px solid #626a60;background:transparent;color:#e5e8df;padding:6px 7px;font:800 6px var(--mono);text-transform:uppercase}.snapshot-actions button:hover{border-color:var(--lime);color:var(--lime)}.snapshot-empty{grid-column:1/-1;padding:18px;color:#8d968a;font:8px/1.5 var(--mono)}
.twin-brief{margin-top:10px;border:1px solid #596055;background:#11140f;padding:12px 13px;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:14px;align-items:center}.twin-brief span{display:block;font:800 6px var(--mono);text-transform:uppercase;color:#7e877b}.twin-brief strong{display:block;margin-top:4px;color:#e8ebe3;font:700 9px/1.48 var(--mono)}.twin-brief a{border:1px solid #6b7367;padding:8px 9px;text-decoration:none;color:#f0ede5;font:800 7px var(--mono);text-transform:uppercase}.twin-brief a:hover{background:var(--lime);color:#171914;border-color:var(--lime)}

.twin-next{padding:34px 0 46px;background:#f3f0e8;border-bottom:1px solid var(--ink)}.twin-next-grid{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--ink)}.twin-next article{padding:22px;border-right:1px solid var(--ink)}.twin-next article:last-child{border-right:0}.twin-next article>span{font:800 7px var(--mono);color:#66725b;text-transform:uppercase}.twin-next article>strong{display:block;font:400 29px/1 var(--serif);margin:13px 0 8px}.twin-next p{margin:0;color:#5e645a;font-size:10px;line-height:1.55}.twin-next a{display:inline-flex;margin-top:10px;border:1px solid var(--ink);padding:8px 9px;font:800 7px var(--mono);text-transform:uppercase}.twin-next a:hover{background:var(--lime)}

@media(prefers-reduced-motion:no-preference){.twin-steps button:after{transition:transform .3s cubic-bezier(.2,.78,.2,1)}.twin-panel.active{animation:twinPanelIn .3s cubic-bezier(.2,.78,.2,1) both}.twin-pulse-track i.run{animation:twinPulseRun .56s cubic-bezier(.2,.75,.2,1) both}.twin-chart .point.end.pulse{animation:twinPoint .34s ease}.driver-track i{transition:width .32s cubic-bezier(.2,.78,.2,1),left .32s cubic-bezier(.2,.78,.2,1),right .32s cubic-bezier(.2,.78,.2,1)}.twin-kpi strong.change,.stage-state strong.change{animation:twinValue .28s cubic-bezier(.2,.78,.2,1)}.snapshot-card.new{animation:twinSnapshot .42s cubic-bezier(.2,.78,.2,1) both}.identity-output strong{transition:opacity .18s ease,transform .18s ease}.identity-output strong.type-change{animation:twinType .32s cubic-bezier(.2,.78,.2,1)}@keyframes twinPanelIn{from{opacity:.4;transform:translateX(-12px)}to{opacity:1;transform:none}}@keyframes twinPulseRun{0%{opacity:0;transform:scaleX(0)}12%{opacity:1}78%{opacity:1;transform:scaleX(1)}100%{opacity:0;transform:scaleX(1)}}@keyframes twinPoint{50%{transform:scale(1.7);transform-box:fill-box;transform-origin:center}}@keyframes twinValue{from{opacity:.45;transform:translateY(5px)}to{opacity:1;transform:none}}@keyframes twinSnapshot{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes twinType{0%{opacity:.25;transform:translateY(5px)}to{opacity:1;transform:none}}}
@media(max-width:1120px){.twin-toolbar{grid-template-columns:1fr}.twin-toolbar-actions{border-top:1px solid #50574e;justify-content:flex-end}.twin-identity{grid-template-columns:190px minmax(180px,.7fr) 1fr}.twin-workspace{grid-template-columns:300px minmax(0,1fr)}.twin-analysis-grid{grid-template-columns:1fr}.target-card{grid-template-columns:1fr 1fr}.target-card>div:first-child{grid-column:1/-1}}
@media(max-width:900px){.twin-hero-grid,.twin-workspace{grid-template-columns:1fr}.twin-deck{border-right:0;border-bottom:1px solid #62695f}.twin-identity{grid-template-columns:1fr 1fr}.identity-output{grid-column:1/-1;border-top:1px solid #50574e}.identity-field.optional{border-right:0}.twin-panel{min-height:310px}.stage-top{align-items:flex-start}.twin-kpis{grid-template-columns:1fr 1fr}.twin-kpi:first-child{grid-column:1/-1;border-right:0;border-bottom:1px solid #5b6358}.snapshot-grid{grid-template-columns:1fr 1fr}.snapshot-card:nth-child(2n){border-right:0}.snapshot-card:nth-child(-n+2){border-bottom:1px solid #4c5349}}
@media(max-width:680px){.twin-hero{padding-top:34px}.twin-identity{grid-template-columns:1fr}.identity-field,.identity-output{border-right:0;border-bottom:1px solid #50574e}.identity-output{border-top:0}.twin-toolbar-actions{display:grid;grid-template-columns:1fr 1fr}.twin-toolbar-actions button:last-child{grid-column:1/-1}.twin-stage{padding:13px}.twin-kpis,.twin-analysis-grid,.target-card,.twin-next-grid{grid-template-columns:1fr}.twin-kpi,.twin-kpi:first-child{grid-column:auto;border-right:0;border-bottom:1px solid #5b6358}.twin-kpi:last-child{border-bottom:0}.twin-chart{height:260px}.chart-head>div{display:none}.twin-equation{grid-template-columns:1fr auto 1fr}.twin-equation button:nth-of-type(3),.twin-equation button:nth-of-type(4),.twin-equation>b:nth-of-type(3),.twin-equation>b:nth-of-type(4),.twin-equation>div{display:none}.sensitivity-grid{grid-template-columns:1fr}.sensitivity-grid>div{border-right:0;border-bottom:1px solid #4c5349}.sensitivity-grid>div:last-child{border-bottom:0}.target-card>div:first-child{grid-column:auto}.target-answer{border-left:0;border-top:1px solid #4c5349;padding:10px 0 0}.snapshot-grid{grid-template-columns:1fr}.snapshot-card{border-right:0;border-bottom:1px solid #4c5349}.snapshot-card:last-child{border-bottom:0}.twin-brief{grid-template-columns:1fr}.twin-next article{border-right:0;border-bottom:1px solid var(--ink)}.twin-next article:last-child{border-bottom:0}}
@media(prefers-reduced-motion:reduce){.twin-panel,.twin-pulse-track i,.twin-chart .point,.driver-track i,.twin-kpi strong,.stage-state strong,.snapshot-card,.identity-output strong{animation:none!important;transition:none!important}}