:root{
 --ink:#0c2d25;--forest:#153e2f;--night:#071e18;--soft:#eff3e9;
 --lime:#c7f47d;--gold:#e7b76f;--muted:#9cb7a6;--line:rgba(194,224,193,.18);
 --surface:#102c24;--surface2:#173a2e;--white:#f9faf0;--red:#f9ab95;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#071e18;color:var(--white);font-family:Inter,"Segoe UI",system-ui,sans-serif;font-size:15px;line-height:1.5}
button,input,select{font:inherit}
a{color:inherit}
button{cursor:pointer}
button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--lime);outline-offset:3px}
button:disabled{opacity:.45;cursor:not-allowed}
.wrap{max-width:1410px;padding:0 clamp(18px,3.2vw,42px);margin:0 auto}
.topbar{position:sticky;top:0;z-index:30;background:rgba(5,23,17,.94);backdrop-filter:blur(18px);border-bottom:1px solid rgba(201,241,187,.13)}
.topinner{display:flex;align-items:center;gap:18px;justify-content:space-between;min-height:70px}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-weight:850;letter-spacing:-.05em;font-size:21px}
.brandicon{display:grid;place-items:center;width:34px;height:34px;border:1.5px solid var(--lime);border-radius:50%;color:var(--lime);font-size:22px;font-weight:450}
.navright{display:flex;align-items:center;gap:12px}
.navright a{font-weight:700;color:#c5d7c8;font-size:13px;text-decoration:none}
.navright a:hover{color:var(--lime)}
.langswitch{display:inline-flex;gap:2px;border:1px solid #5c836b;border-radius:40px;padding:3px}
.langswitch button{border:0;border-radius:40px;background:transparent;color:#d5e4d4;font-size:12px;font-weight:800;padding:7px 10px}
.langswitch button[aria-pressed=true]{background:var(--lime);color:var(--night)}
.hero{overflow:hidden;position:relative;padding:51px 0 31px;background:radial-gradient(ellipse at 82% 10%,#2c6c483d 0,transparent 42%),linear-gradient(160deg,#08231c 0%,#12372c 63%,#153629 100%)}
.hero:before{content:"";position:absolute;width:640px;height:640px;top:-470px;right:-170px;border-radius:50%;border:1px solid rgba(200,239,171,.15);box-shadow:0 0 0 80px rgba(164,227,123,.025),0 0 0 160px rgba(164,227,123,.018);pointer-events:none}
.eyebrow{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;font-size:11px;letter-spacing:.18em;font-weight:900;color:var(--lime)}
.pulse{display:inline-block;width:7px;height:7px;background:#bfff89;border-radius:50%;box-shadow:0 0 0 5px rgba(176,249,126,.1)}
.hero h1{font-size:clamp(40px,6.4vw,87px);line-height:.99;letter-spacing:-.075em;max-width:990px;margin:16px 0 18px;font-weight:830}
.hero h1 em{font-style:normal;color:var(--lime)}
.herolead{max-width:700px;color:#c5d9c8;font-size:clamp(15px,1.7vw,18px);margin:0 0 20px}
.hero-meta{display:flex;gap:10px;flex-wrap:wrap;margin:18px 0 0}
.hero-meta span{border:1px solid rgba(179,222,172,.24);border-radius:30px;padding:7px 12px;color:#c5ddc8;font-size:11px;font-weight:700}
.dashboard{padding-bottom:65px;background:linear-gradient(180deg,#153629 0,#0b241c 230px,#081d17 100%)}
.dashboard-grid{display:grid;grid-template-columns:minmax(285px,335px) minmax(0,1fr);gap:19px;align-items:start}
.panel{background:#102d24;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 15px 38px rgba(0,0,0,.12)}
.panelhead{padding:22px 22px 13px}
.panelhead h2,.panelhead h3{font-size:20px;letter-spacing:-.04em;line-height:1.15;margin:0 0 6px}
.panelhead p{font-size:12px;color:#a5bbac;margin:0}
.panelbody{padding:0 21px 21px}
.inputpanel{position:relative;z-index:1}
fieldset{padding:0;margin:0;border:0}
.fieldgroup{display:grid;grid-template-columns:1fr 1fr;gap:11px;margin:15px 0}
.fieldgroup.single{grid-template-columns:1fr}
.field{min-width:0;display:flex;flex-direction:column}
.field label{font-size:11px;letter-spacing:.02em;font-weight:800;color:#c9ddce;margin:0 0 6px}
.field .hint{font-size:10px;color:#8fa997;margin-top:4px}
.field input,.field select{min-width:0;width:100%;color:#f5ffef;background:#09241c;border:1px solid #466454;border-radius:10px;padding:10px 12px;min-height:43px;outline:0}
.field input:focus,.field select:focus{border-color:var(--lime);box-shadow:0 0 0 3px rgba(198,246,122,.11)}
.field input::-webkit-inner-spin-button{opacity:.3}
.sectioncap{display:flex;align-items:center;gap:8px;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#aad694;font-weight:900;margin:18px 0 11px}
.sectioncap:after{content:"";flex:1;height:1px;background:#355344}
.quickrow{display:flex;gap:7px;flex-wrap:wrap}
.chip{font-size:11px;border:1px solid #52715b;color:#d3e6d4;background:#183b2f;border-radius:25px;font-weight:800;padding:7px 11px}
.chip:hover,.chip.active{background:var(--lime);color:var(--night);border-color:var(--lime)}
.hintbox{background:#193f30;border:1px solid #3c6450;padding:12px 14px;border-radius:12px;color:#cbdac9;font-size:11px;line-height:1.55;margin-top:15px}
.bigarea{min-width:0}
.kpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-bottom:16px}
.kpi{border:1px solid #365d45;background:linear-gradient(150deg,#1d4635,#102c23);border-radius:17px;padding:18px 16px;min-width:0}
.kpi label{display:block;font-size:10px;letter-spacing:.04em;color:#b3ceb7;font-weight:800;text-transform:uppercase;line-height:1.3}
.kpi strong{display:block;font-weight:900;letter-spacing:-.065em;font-size:clamp(22px,2.6vw,34px);line-height:1.15;margin:6px 0 3px}
.kpi:nth-child(3) strong{color:var(--lime)}
.kpi small{font-size:10px;color:#93ab98}
.scene-panel{background:linear-gradient(145deg,#102f25 0,#143c2d 100%);position:relative;min-height:420px}
.scene-panel:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 70% 20%,#82c77612,transparent 48%);pointer-events:none}
.scene-head{display:flex;align-items:flex-start;justify-content:space-between;gap:13px;position:relative;z-index:2;padding:18px 22px 0}
.scene-head h2{font-size:20px;letter-spacing:-.05em;margin:0 0 4px}
.scene-head p{font-size:11px;color:#9fbaa5;margin:0}
.scene-controls{display:flex;gap:5px;flex-wrap:wrap;justify-content:flex-end}
.scene-controls button{background:#1c4635;border:1px solid #547d57;border-radius:9px;padding:7px 9px;color:#e0efd5;font-size:11px;font-weight:800;min-height:34px}
.scene-controls button[aria-pressed=true]{background:#c9f18f;color:#0f3125;border-color:#c9f18f}
.scene-stage{position:relative}
#orchard{width:100%;height:385px;display:block;touch-action:pan-y}
.scene-vignette{pointer-events:none;position:absolute;inset:0;box-shadow:inset 0 -26px 65px rgba(10,28,20,.42)}
.scene-foot{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;align-items:center;border-top:1px solid rgba(195,233,183,.13);padding:10px 22px 16px;position:relative;z-index:2}
.scene-foot span{font-size:11px;color:#aecab3}
.scene-foot strong{font-size:11px;color:#def2d8}
.lower-grid{display:grid;grid-template-columns:1.22fr .78fr;gap:16px;margin-top:16px;align-items:stretch}
.metrics{padding:24px}
.metrics h2,.comparison h2{letter-spacing:-.045em;font-size:22px;margin:0 0 14px}
.metrics-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.metric{background:#0a251d;border:1px solid #284d3a;border-radius:13px;padding:17px 16px}
.metric label{font-size:11px;color:#9db9a7;display:block;line-height:1.4}
.metric strong{font-size:clamp(20px,2.4vw,28px);display:block;font-weight:900;letter-spacing:-.052em;line-height:1.25;margin-top:5px}
.metric small{display:block;color:#9cbaa4;font-size:10px;margin-top:3px}
.metric.wide{grid-column:1/-1;background:linear-gradient(140deg,#244e38,#1c3e2d);border-color:#508454}
.metric.wide strong{font-size:clamp(27px,3.2vw,38px);color:var(--lime)}
.warning{display:flex;align-items:flex-start;gap:9px;border-left:3px solid #dca85b;background:#443a26;color:#f9dfb1;padding:12px 15px;border-radius:8px;font-size:12px;margin-top:15px}
.warning[hidden]{display:none}
.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:16px}
.btn{border:1px solid #a5c38a;border-radius:11px;display:inline-flex;justify-content:center;align-items:center;gap:6px;padding:11px 14px;font-size:12px;font-weight:850;text-decoration:none;min-height:44px}
.btn.primary{color:#0b261c;background:var(--lime);border-color:var(--lime)}
.btn.secondary{color:#e1f2de;background:#204336;border-color:#577e5b}
.btn:hover{transform:translateY(-1px)}
.comparison{padding:24px}
.comparebox{border:1px solid #466e50;border-radius:14px;padding:16px;background:#18392b;min-height:132px}
.comparebox .tag{display:inline-block;background:#bfe993;color:#0c2b21;border-radius:40px;padding:4px 9px;font-size:10px;font-weight:900;margin-bottom:9px}
.comparebox p{font-size:12px;color:#cadfcb;margin:0 0 8px}
.comparebox strong{color:white;font-size:19px;letter-spacing:-.04em}
.comparebox small{display:block;font-size:11px;color:#c3dac5;margin-top:6px}
.comparehint{font-size:11px;color:#a7c1ae;margin-top:11px}
.deltas{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:11px}
.delta{background:#09261c;border-radius:12px;padding:12px}
.delta small{display:block;color:#a8baa9;font-size:10px}
.delta strong{font-size:16px;color:#d7f1bd}
.sources{padding:26px 0 42px;border-top:1px solid #2f5340;background:#081b15}
.sources h2{font-size:24px;letter-spacing:-.04em;margin:0 0 11px}
.sources p,.sources li{font-size:12px;color:#bed3c1}
.sources a{color:#c9eeac}
.sources ul{padding-left:18px}
.disclaimer{border-left:3px solid #dbad70;background:#263323;border-radius:10px;padding:15px 18px;margin-top:13px;color:#eadcc2;font-size:12px}
.statusline{font-size:11px;color:#afc8b3;min-height:18px;margin-top:9px}
small{font-size:11px}
.no-motion *{animation:none!important;transition:none!important}
@media (max-width:1100px){
.dashboard-grid{grid-template-columns:300px minmax(0,1fr)}
.lower-grid{grid-template-columns:1fr}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:750px){
.topinner{min-height:61px}.navright a:nth-child(2){display:none}
.hero{padding:38px 0 25px}.hero h1{font-size:clamp(38px,12vw,67px)}
.dashboard-grid{grid-template-columns:1fr}
.panelhead{padding:18px 18px 10px}.panelbody{padding:0 18px 18px}
.kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}
.kpi{padding:13px}.scene-head{display:block;padding:16px 15px 0}
.scene-controls{justify-content:flex-start;margin-top:12px}
#orchard{height:320px}
.scene-foot{padding:8px 14px 15px}
.metrics,.comparison{padding:18px}
}
@media (max-width:390px){
.brand{font-size:16px}.brandicon{width:30px;height:30px}
.navright a{font-size:11px}.kpi strong{font-size:23px}
.fieldgroup{gap:8px}.field label{font-size:10px}
}
@media (prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Real-time scrubbers for the three most useful scenario inputs */
.field .tuning{width:100%;height:16px;min-height:0;margin:9px 0 0;padding:0;background:transparent;border:0;border-radius:0;accent-color:var(--lime);cursor:ew-resize;appearance:none;-webkit-appearance:none}
.field .tuning::-webkit-slider-runnable-track{height:5px;border-radius:10px;background:linear-gradient(90deg,#d3f39d,#517b55)}
.field .tuning::-webkit-slider-thumb{-webkit-appearance:none;width:17px;height:17px;border-radius:50%;background:var(--lime);border:2px solid #244b34;margin-top:-6px;box-shadow:0 0 0 3px rgba(191,239,132,.15)}
.field .tuning::-moz-range-track{height:5px;border-radius:10px;background:linear-gradient(90deg,#d3f39d,#517b55)}
.field .tuning::-moz-range-thumb{height:16px;width:16px;border:2px solid #244b34;background:var(--lime);border-radius:50%}
@media print{body,.dashboard,.hero,.sources{background:#fff!important;color:#111!important}.topbar,.scene-controls,.actions,.tuning,.pb360-launch{display:none!important}.dashboard-grid{grid-template-columns:1fr 1.8fr}.hero{padding:12px 0}.hero h1{font-size:35px}.panel,.kpi,.metric,.comparebox{background:#fff!important;color:#111!important;border-color:#aaa!important;box-shadow:none!important}.panel *,.kpi *,.metric *{color:#111!important}#orchard{height:210px}.sources{padding:12px 0}.sources a{color:#145!important}}