:root{--bg:#f7f2e8;--surface:#fffaf0;--surface-muted:#efe8d8;--surface-strong:#e6d8bf;--ink:#1a2421;--ink-muted:#5f6964;--line:#d9ccb5;--crust:#9c442e;--crust-dark:#7e3224;--evergreen:#203734;--evergreen-dark:#152320;--steel:#596a70;--proof:#71865c;--robot:#d9a73a;--success-bg:#dfead1;--success-ink:#31552c;color:var(--ink);background:var(--bg);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}html,body,#root{min-height:100%;overflow-x:hidden}body{margin:0}button,input{font:inherit}button{cursor:pointer}.nav{border-bottom:1px solid var(--line);z-index:5;background:#f7f2e8eb;justify-content:space-between;align-items:center;padding:18px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand,.nav nav button{color:var(--ink);background:0 0;border:0;align-items:center;gap:9px;display:inline-flex}.brand{font-weight:800}.nav nav{flex-wrap:wrap;gap:8px;display:flex}.nav nav button{border-radius:6px;padding:9px 12px}.nav nav button.active{background:var(--evergreen);color:#fff}.hero{grid-template-columns:minmax(0,1.04fr) minmax(320px,.72fr);gap:clamp(28px,5vw,70px);min-height:680px;padding:clamp(44px,8vw,110px) clamp(18px,5vw,72px) 42px;display:grid}.heroText{align-self:center}.eyebrow{color:var(--crust-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 12px;font-size:.78rem;font-weight:800}h1,h2,h3,p{margin-top:0}h1{color:var(--ink);letter-spacing:0;max-width:980px;margin-bottom:22px;font-size:clamp(2.55rem,6vw,5.7rem);line-height:.94}.hero p:not(.eyebrow),.pageHead p,.note{color:var(--ink-muted);max-width:760px;font-size:1.08rem}.actions,.chips,.segments{gap:12px;display:flex}.actions{flex-wrap:wrap;margin:30px 0}.actions button{background:var(--crust);color:#fff;border:0;border-radius:6px;align-items:center;gap:8px;padding:13px 17px;font-weight:800;display:inline-flex}.actions .secondary{background:var(--evergreen)}.chips{flex-wrap:wrap}.chips span{border:1px solid var(--line);color:var(--ink-muted);border-radius:999px;padding:8px 12px}.dash,.panel,.feature{background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:0 18px 50px #3a302114}.dash{align-self:center;min-height:460px;padding:28px}.dashHead{justify-content:space-between;display:flex}.dashHead b{background:var(--success-bg);color:var(--success-ink);border-radius:999px;padding:5px 10px}.big{color:var(--crust);margin-top:50px;font-size:clamp(5rem,12vw,9rem);font-weight:900;line-height:1}.metrics,.stack{gap:12px;display:grid}.metrics{grid-template-columns:repeat(2,1fr);margin-top:28px}.metric{background:var(--surface-muted);border-radius:6px;min-width:0;padding:14px}.metric span{color:var(--ink-muted);font-size:.82rem;display:block}.metric strong{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;font-size:1.45rem;line-height:1.1;display:block}.band,.page{padding:58px clamp(18px,5vw,72px)}.band{background:var(--evergreen);color:#fff}.band h2{max-width:850px;font-size:clamp(1.8rem,3vw,3rem)}.grid3,.grid4{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:26px;display:grid}.grid4{grid-template-columns:repeat(4,1fr)}.feature{color:var(--ink);padding:24px}.feature svg{color:var(--crust)}.feature p{color:var(--ink-muted)}.pageHead{margin-bottom:28px}.pageHead h1{font-size:clamp(2.2rem,5vw,4.8rem)}.modelLayout{grid-template-columns:320px minmax(0,1.2fr);gap:18px;display:grid}.modelLayout .panel:nth-child(n+3){grid-column:1/-1}.panel{min-width:0;padding:24px}.panel h2{margin-bottom:18px;font-size:1.25rem}label{color:var(--ink-muted);margin:12px 0 8px;font-size:.86rem;font-weight:800;display:block}input[type=range]{accent-color:var(--crust);width:100%}.segments{flex-wrap:wrap;margin-bottom:18px}.segments button{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink);border-radius:6px;min-width:46px;padding:9px 10px;font-weight:800}.segments .selected{background:var(--evergreen);color:#fff}.toggle{background:var(--surface-muted);border:1px solid var(--line);color:var(--ink);border-radius:6px;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-top:10px;padding:12px;display:flex}.toggle.on{background:var(--success-bg);border-color:#bfd0a8}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid #e8dfce;padding:13px 8px}td:last-child{color:var(--crust-dark);text-align:right;font-weight:800}.total th,.total td{color:var(--ink);font-size:1.15rem}.kpiRow,.finance,.pitchStrip{grid-template-columns:repeat(4,1fr);gap:12px;margin-bottom:18px;display:grid}.assumptionGrid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.referenceGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.referenceGroup{background:var(--surface-muted);border:1px solid var(--line);border-radius:6px;padding:16px}.referenceGroup h3{margin-bottom:10px;font-size:1rem}.referenceGroup ul{color:var(--ink-muted);margin:0;padding-left:20px}.referenceGroup li{margin:8px 0}.numberInput{margin:0}.numberInput span{margin-bottom:7px;display:block}.numberInput input{border:1px solid var(--line);color:var(--ink);background:#fffdf7;border-radius:6px;width:100%;min-height:42px;padding:9px 10px}.autoGrid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-bottom:18px;display:grid}.workflowShowcase{border-bottom:1px solid var(--line);border-top:1px solid var(--line);background:linear-gradient(#fffaf0 0%,#f0e6d3 100%);margin:0 calc(-1*clamp(18px,5vw,72px)) 18px;padding:clamp(18px,3vw,30px) clamp(18px,5vw,72px);box-shadow:0 24px 70px #3a30211a}.workflowHeader{grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:18px;margin-bottom:18px;display:grid}.workflowHeader h2{max-width:900px;margin-bottom:0;font-size:clamp(1.8rem,3.2vw,3.4rem);line-height:1}.ingredientLegend{flex-wrap:wrap;gap:10px;margin-top:16px;display:flex}.ingredientLegend span{border:1px solid var(--line);color:var(--ink);background:#fffaf0c7;border-radius:999px;align-items:center;gap:8px;padding:7px 10px 7px 7px;font-weight:800;display:inline-flex}.ingredientLegend b{color:var(--ink);border:1px solid #1a242147;border-radius:999px;justify-content:center;align-items:center;min-width:28px;height:28px;padding:0 6px;font-size:.72rem;display:inline-flex}.scene{aspect-ratio:16/10;background:var(--bg);border:1px solid var(--line);border-radius:6px;width:100%;min-width:0;max-width:100%;min-height:390px;overflow:hidden}.workflowShowcase .scene{aspect-ratio:21/9;min-height:620px}.homeShowcase .scene{aspect-ratio:auto;width:100%;min-height:1100px}.cookieShowcase .scene{min-height:540px}.cookieShowcase .workflowHeader{align-items:start}.cookieControls{border:1px solid var(--line);background:#fffaf0d1;border-radius:8px;gap:12px;min-width:min(420px,100%);padding:14px;display:grid}.cookieControls label{margin-top:0}.cookieStageList{gap:8px;margin-bottom:14px;display:grid}.cookieStageList article{background:var(--surface-muted);border-radius:6px;padding:10px}.cookieStageList b,.cookieStageList span{display:block}.cookieStageList span{color:var(--ink-muted);margin-top:3px;font-size:.86rem}.homeControls{border:1px solid var(--line);background:#fffaf0d1;border-radius:8px;gap:12px;min-width:260px;padding:14px;display:grid}.homeControls b{color:var(--crust-dark);font-size:1.35rem;display:block}.homeControls label{margin-top:0}.phaseOnePage .pageHead p{max-width:920px}.phaseOneShowcase .workflowHeader{align-items:start}.phaseOneShowcase .scene{min-height:680px}.phaseOneVerdict{background:var(--evergreen);border:1px solid var(--evergreen);color:#fff;border-radius:8px;min-width:min(320px,100%);padding:18px}.phaseOneVerdict b,.phaseOneVerdict span{display:block}.phaseOneVerdict b{font-size:1.35rem;line-height:1.05}.phaseOneVerdict span{color:#d6ded6;margin-top:6px}.phaseOneLayout{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:18px;display:grid}.splitCost{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin:16px 0;display:grid}.phaseOneLayout>*{min-width:0}.phaseOneLayout .panel:first-child,.phaseOneLayout .panel:nth-child(5),.phaseOneLayout .panel:nth-child(8){grid-column:1/-1}.phaseOneStatement{border-left:5px solid var(--robot);min-width:0;margin-bottom:18px;padding-left:16px}.phaseOneStatement strong{overflow-wrap:anywhere;margin-bottom:8px;font-size:1.25rem;line-height:1.18;display:block}.phaseOneStatement p{color:var(--ink-muted);max-width:920px;margin-bottom:0}.phaseOnePrinciples{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.tightList{color:var(--ink-muted);margin:0 0 16px;padding-left:20px}.tightList li{margin:9px 0}.warningList li::marker{color:var(--crust)}.phaseRoadmap{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.phaseRoadmap article{border-left:4px solid var(--robot);padding-left:14px}.phaseRoadmap span{background:var(--evergreen);color:#fff;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;margin-bottom:10px;font-weight:900;display:inline-flex}.phaseRoadmap b{font-size:1.05rem;display:block}.phaseRoadmap p{color:var(--ink-muted);margin:7px 0 0;font-size:.92rem}.sceneFallback{justify-content:center;align-items:center;padding:24px;display:flex}.sceneFallback div{background:var(--surface);border:1px solid var(--line);text-align:center;border-radius:8px;max-width:520px;padding:18px}.sceneFallback strong,.sceneFallback span{display:block}.sceneFallback span{color:var(--ink-muted);margin-top:6px}.sceneControls{background:var(--evergreen);color:#fff;border-radius:6px;grid-template-columns:auto minmax(0,1fr) minmax(220px,.42fr);align-items:center;gap:12px;margin-top:12px;padding:12px;display:grid}.sceneControls button{background:var(--robot);color:var(--evergreen-dark);border:0;border-radius:6px;justify-content:center;align-items:center;width:42px;height:36px;display:inline-flex}.sceneControls strong,.sceneControls span{display:block}.sceneControls span{color:#d6ded6;font-size:.9rem}.phaseScrubber{align-self:stretch;gap:7px;display:grid}.phaseScrubber span{color:#fff;font-size:.82rem;font-weight:800}.phaseScrubber input{accent-color:var(--robot);width:100%}.insightGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-top:14px;display:grid}.insightGrid article{border:1px solid var(--line);background:#fffaf0d1;border-radius:8px;min-width:0;padding:12px}.insightGrid span{color:var(--ink-muted);font-size:.78rem;font-weight:800;display:block}.insightGrid strong{color:var(--ink);overflow-wrap:anywhere;margin-top:4px;font-size:1.05rem;line-height:1.15;display:block}.insightGrid p{color:var(--ink-muted);margin:7px 0 0;font-size:.82rem}.sceneTelemetry{grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:12px;display:grid}.sceneTelemetry .metric{border:1px solid var(--line);background:#fffaf0d6;padding:10px}.sceneTelemetry .metric strong{font-size:1rem}.stageTimeline,.timingGrid{gap:10px;display:grid}.stageTimeline{margin-top:12px;display:flex;overflow-x:auto}.stageTimeline div{border:1px solid var(--line);background:#fffaf0b8;border-radius:6px;flex-basis:0;min-width:118px;min-height:72px;padding:10px}.stageTimeline .current{background:var(--evergreen);border-color:var(--evergreen);color:#fff}.stageTimeline b,.stageTimeline span{display:block}.stageTimeline b{font-size:.86rem;line-height:1.15}.stageTimeline span{color:var(--ink-muted);margin-top:5px;font-size:.78rem}.stageTimeline .current span{color:#d6ded6}.timingGrid{grid-template-columns:repeat(2,1fr);margin-bottom:16px}.wide{margin-top:16px}.purchaseGrid{grid-template-columns:1fr;gap:20px;display:grid;overflow-x:auto}.purchaseGrid h3{font-size:1rem}.purchaseGrid table{table-layout:fixed}.purchaseGrid td{color:var(--ink-muted);text-align:left;overflow-wrap:anywhere;font-weight:500}.purchaseGrid td:nth-child(4){color:var(--crust-dark);font-weight:800}.purchaseGrid th{overflow-wrap:anywhere}.slim{margin-top:22px;margin-left:calc(-1*clamp(18px,5vw,72px));margin-right:calc(-1*clamp(18px,5vw,72px))}footer{background:var(--evergreen-dark);color:#d8d0be;justify-content:space-between;align-items:center;gap:18px;padding:28px clamp(18px,5vw,72px);display:flex}@media (width<=980px){.hero,.modelLayout,.autoGrid,.purchaseGrid,.workflowHeader,.phaseOneLayout,.phaseOnePrinciples,.phaseRoadmap,.splitCost{grid-template-columns:1fr}.grid3,.grid4,.kpiRow,.finance,.pitchStrip,.insightGrid,.sceneTelemetry,.assumptionGrid,.referenceGrid{grid-template-columns:1fr 1fr}.nav{flex-direction:column;align-items:flex-start;gap:12px}.sceneControls{grid-template-columns:auto minmax(0,1fr)}.phaseScrubber{grid-column:1/-1}.workflowShowcase .scene{aspect-ratio:auto}}@media (width<=560px){.grid3,.grid4,.kpiRow,.finance,.pitchStrip,.assumptionGrid,.referenceGrid,.insightGrid,.sceneTelemetry,.timingGrid,.metrics{grid-template-columns:1fr}h1{font-size:2.35rem}.scene{min-height:300px}.workflowShowcase .scene{aspect-ratio:auto;min-height:360px}.homeShowcase .scene{min-height:720px}.cookieShowcase .scene{min-height:420px}.phaseOneShowcase .scene{min-height:480px}.phaseOneStatement strong{font-size:1.08rem}footer{flex-direction:column;align-items:flex-start}}