@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700&display=swap');
:root{--ink:#102c27;--muted:#61716c;--paper:#f3f0e9;--card:#fbfaf6;--line:#dcd8cd;--green:#1f7059;--lime:#a9c768;--gold:#c89d4c;--red:#b84e45;--navy:#183b49;--shadow:0 18px 50px rgba(24,45,39,.09)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',sans-serif}.grain{position:fixed;inset:0;pointer-events:none;opacity:.18;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.06'/%3E%3C/svg%3E")}.pl-topbar{height:80px;padding:0 max(28px,calc((100vw - 1450px)/2));display:flex;align-items:center;gap:30px;background:rgba(251,250,246,.9);backdrop-filter:blur(18px);border-bottom:1px solid var(--line);position:sticky;top:0;z-index:30}.pl-brand img{width:126px;display:block}.product-switch{display:flex;gap:8px;margin-right:auto}.product-switch a{min-width:180px;text-decoration:none;color:var(--ink);padding:9px 14px;border:1px solid var(--line);border-radius:14px;display:grid;grid-template-columns:auto 1fr;column-gap:7px;align-items:baseline;background:#fff}.product-switch a span{font-size:10px;font-weight:800;letter-spacing:.13em}.product-switch a strong{font:700 15px 'Manrope'}.product-switch a small{grid-column:1/3;color:var(--muted);font-size:9px}.product-switch a.active{background:var(--ink);color:#fff;border-color:var(--ink)}.product-switch a.active small{color:#b9cbc5}.data-status{display:grid;grid-template-columns:auto 1fr;column-gap:8px}.data-status i{width:8px;height:8px;border-radius:50%;background:#4ca67d;margin-top:5px;box-shadow:0 0 0 5px #4ca67d22}.data-status span{font-size:11px;font-weight:700}.data-status small{grid-column:2;color:var(--muted);font-size:9px}.pl-shell{max-width:1450px;margin:auto;padding:52px 28px 90px}.pl-hero{display:grid;grid-template-columns:1.2fr .8fr;gap:70px;align-items:end;margin-bottom:34px}.back{color:var(--muted);text-decoration:none;font-size:11px}.eyebrow{font-size:10px;letter-spacing:.18em;color:var(--green);font-weight:800;margin:28px 0 12px}.pl-hero h1{font:700 clamp(42px,6vw,82px)/.94 'Manrope';letter-spacing:-.055em;margin:0}.pl-hero h1 span{color:#73837d}.lead{max-width:680px;color:var(--muted);line-height:1.7;font-size:14px}.hero-controls{background:var(--ink);padding:22px;border-radius:22px;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:12px;box-shadow:var(--shadow)}label span{display:block;font-size:9px;letter-spacing:.12em;text-transform:uppercase;color:#abc2bb;margin-bottom:6px}select{width:100%;border:1px solid #ffffff26;background:#173b34;color:#fff;border-radius:10px;padding:11px;font:600 11px inherit}.hero-controls button{grid-column:1/3;border:0;border-radius:10px;padding:12px;background:#f3f0e9;color:var(--ink);font-weight:700;cursor:pointer}.storyline{background:#e7e1d4;border:1px solid #d9d1c1;border-radius:22px;padding:24px 28px;display:grid;grid-template-columns:1fr auto;gap:30px;align-items:center;margin-bottom:18px}.storyline>div>span,.storyline p{font-size:9px;letter-spacing:.12em;color:var(--muted)}.storyline strong{display:block;font:700 22px 'Manrope';margin:5px 0}.story-metrics{display:flex;gap:34px}.story-metrics span{border-left:1px solid #cbc3b4;padding-left:20px}.story-metrics small{display:block;color:var(--muted);font-size:9px}.story-metrics b{font-size:17px}.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.kpi-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:20px;min-height:190px;position:relative;overflow:hidden;cursor:pointer;box-shadow:0 8px 30px rgba(20,45,38,.04);transition:.25s}.kpi-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:#a7bcb4}.kpi-card header{display:flex;align-items:center;gap:10px}.kpi-card header span{font-size:9px;color:#94a19c}.kpi-card header p{margin:0;font-size:11px;font-weight:700}.kpi-card header i{margin-left:auto}.kpi-card>strong{font:700 clamp(25px,3vw,39px) 'Manrope';letter-spacing:-.045em;display:block;margin:22px 0 5px}.kpi-card>div b{font-size:11px;color:var(--green)}.kpi-card>div small{font-size:9px;color:var(--muted);margin-left:7px}.kpi-card em{position:absolute;left:20px;right:20px;bottom:14px;height:32px}.kpi-card.accent{background:var(--ink);color:#fff}.kpi-card.accent small{color:#b5c7c1}.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:14px;margin-top:14px}.panel{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:22px;box-shadow:0 8px 30px rgba(20,45,38,.035)}.panel header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.panel header p,.section-head p,.methodology p{margin:0 0 5px;font-size:9px;letter-spacing:.14em;text-transform:uppercase;color:var(--green);font-weight:800}.panel h2,.section-head h2,.methodology h2{font:700 19px 'Manrope';margin:0}.legend{display:flex;gap:12px;font-size:9px;color:var(--muted)}.legend i{display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:4px}.legend .rev{background:var(--green)}.legend .cost{background:#aab5b0}.legend .result{background:var(--gold)}.chart{height:280px;margin-top:16px;position:relative}.chart svg{width:100%;height:100%;overflow:visible}.trend-panel footer{display:flex;justify-content:space-between;font-size:9px;color:var(--muted);border-top:1px solid var(--line);padding-top:10px}.trend-panel footer b{color:var(--gold)}.focus-panel select{width:auto;background:#edf0eb;color:var(--ink);border-color:var(--line)}.mini-summary{display:flex;gap:10px}.mini-summary span{flex:1;padding:10px;background:#efede6;border-radius:10px}.mini-summary small{display:block;color:var(--muted);font-size:8px}.mini-summary b{font-size:12px}.section-head{display:flex;justify-content:space-between;align-items:end;margin:40px 0 14px}.section-head span{font-size:10px;color:var(--muted)}.portfolio-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.pu-card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;cursor:pointer;transition:.25s;position:relative;overflow:hidden}.pu-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:var(--pu)}.pu-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.pu-card header{display:flex;justify-content:space-between}.pu-card header span{font-size:9px;color:var(--muted)}.pu-card h3{font:700 15px 'Manrope';margin:8px 0 15px}.pu-card>strong{font:700 24px 'Manrope'}.pu-card>small{display:block;color:var(--muted);font-size:9px}.pu-card footer{display:flex;justify-content:space-between;margin-top:15px;padding-top:10px;border-top:1px solid var(--line);font-size:9px}.pu-card footer b.good{color:var(--green)}.pu-card footer b.bad{color:var(--red)}.lower{grid-template-columns:1fr 1fr}.panel-action{border:0;background:transparent;color:var(--green);font-weight:700;cursor:pointer}.driver-list{margin-top:22px}.driver{display:grid;grid-template-columns:150px 1fr 95px;gap:12px;align-items:center;margin:13px 0;font-size:10px}.driver i{height:8px;background:#e7e8e2;border-radius:8px;overflow:hidden}.driver i b{display:block;height:100%;background:var(--green);border-radius:8px}.driver strong{text-align:right}.bridge{display:flex;align-items:flex-end;gap:10px;height:210px;margin-top:16px}.bridge-item{flex:1;text-align:center}.bridge-item div{height:150px;display:flex;align-items:flex-end;justify-content:center}.bridge-item i{display:block;width:55%;min-height:3px;background:var(--green);border-radius:8px 8px 2px 2px}.bridge-item.negative i{background:var(--red)}.bridge-item b{display:block;font-size:10px}.bridge-item span{font-size:8px;color:var(--muted)}.portfolio-table-panel{margin-top:14px}.portfolio-table-panel header span{font-size:9px;color:var(--muted)}.table-wrap{overflow:auto;margin-top:18px}table{width:100%;border-collapse:collapse;min-width:1050px}th{text-align:left;color:var(--muted);font-size:8px;letter-spacing:.08em;text-transform:uppercase;padding:10px;border-bottom:1px solid var(--line)}td{padding:12px 10px;border-bottom:1px solid #e6e2d9;font-size:10px}td.num{text-align:right;font-variant-numeric:tabular-nums}td button{border:0;background:#e6eee9;color:var(--ink);border-radius:8px;padding:7px 9px;font-weight:700;cursor:pointer}.good{color:var(--green)}.bad{color:var(--red)}.methodology{display:grid;grid-template-columns:1.2fr repeat(4,1fr);gap:20px;margin-top:30px;padding:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.methodology strong{font-size:9px}.methodology span{display:block;font-size:9px;color:var(--muted);line-height:1.5;margin-top:5px}.pl-footer{display:flex;justify-content:space-between;padding:30px max(28px,calc((100vw - 1450px)/2));background:var(--ink);color:#fff;font-size:10px}.drill-overlay{position:fixed;inset:0;z-index:100;display:flex;justify-content:flex-end}.drill-overlay.hidden{display:none}.drill-backdrop{position:absolute;inset:0;border:0;background:#091814b8;backdrop-filter:blur(6px)}.drill{width:min(900px,92vw);height:100%;position:relative;background:var(--paper);padding:32px;overflow:auto;box-shadow:-30px 0 80px #0003}.drill>header{display:flex;justify-content:space-between;border-bottom:1px solid var(--line);padding-bottom:20px}.drill>header p{font-size:9px;color:var(--green);font-weight:800;letter-spacing:.14em}.drill>header h2{font:700 32px 'Manrope';margin:3px 0}.drill>header span{color:var(--muted);font-size:11px}.drill>header button{border:0;background:var(--ink);color:#fff;width:38px;height:38px;border-radius:50%;font-size:20px;cursor:pointer}.drill-kpis{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:22px 0}.drill-kpis article{background:var(--card);border:1px solid var(--line);padding:15px;border-radius:14px}.drill-kpis span{display:block;color:var(--muted);font-size:8px}.drill-kpis strong{font:700 18px 'Manrope';display:block;margin-top:6px}.drill-section{background:var(--card);border:1px solid var(--line);border-radius:16px;padding:18px;margin-top:12px}.drill-section h3{font:700 15px 'Manrope';margin:0 0 12px}.drill-bars{display:flex;align-items:flex-end;height:220px;gap:8px}.drill-bar{flex:1;text-align:center}.drill-bar div{height:175px;display:flex;align-items:flex-end;gap:2px;justify-content:center}.drill-bar i{display:block;width:38%;background:var(--green);border-radius:5px 5px 0 0}.drill-bar i.alt{background:#b8c1bd}.drill-bar span{font-size:8px;color:var(--muted)}.source-note{font-size:9px;color:var(--muted);line-height:1.6}.spark{width:100%;height:100%}
@media(max-width:1000px){.pl-topbar{height:auto;padding:12px 18px;flex-wrap:wrap}.product-switch{order:3;width:100%}.product-switch a{flex:1;min-width:0}.data-status{margin-left:auto}.pl-shell{padding:35px 18px}.pl-hero{grid-template-columns:1fr;gap:25px}.kpi-grid,.portfolio-grid{grid-template-columns:repeat(2,1fr)}.dashboard-grid{grid-template-columns:1fr}.methodology{grid-template-columns:1fr 1fr}.storyline{grid-template-columns:1fr}.story-metrics{justify-content:space-between}}
@media(max-width:620px){.pl-topbar{position:relative}.pl-brand img{width:105px}.data-status{display:none}.product-switch{display:grid;grid-template-columns:1fr 1fr}.product-switch a{padding:12px;min-height:68px}.pl-hero h1{font-size:45px}.hero-controls{grid-template-columns:1fr}.hero-controls button{grid-column:auto}.story-metrics{display:grid;grid-template-columns:1fr 1fr}.kpi-grid,.portfolio-grid{grid-template-columns:1fr}.kpi-card{min-height:165px}.section-head{align-items:flex-start;gap:10px}.chart{height:235px}.methodology{grid-template-columns:1fr}.drill{width:100vw;padding:20px}.drill-kpis{grid-template-columns:1fr 1fr}.driver{grid-template-columns:110px 1fr 75px}.pl-footer{display:block}.pl-footer p{color:#afc2bc}}