@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--ink:#10251f;--accent:#e4ff3f;--soft:#e7ece8;--paper:#f4f2ea;--muted:#69756f;--line:#d8ddd9;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'DM Sans',sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.tool-header{height:76px;padding:0 clamp(20px,5vw,74px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid rgba(16,37,31,.12)}.tool-brand{display:flex;align-items:center;gap:11px;font:800 17px 'Manrope'}.tool-brand i{width:39px;height:39px;background:var(--accent);display:grid;place-items:center;font:normal 800 12px 'Manrope';clip-path:polygon(0 0,100% 0,100% 78%,78% 100%,0 100%)}.tool-brand small{display:block;font:700 7px 'DM Sans';letter-spacing:.2em}.tool-header nav{display:flex;gap:28px;align-items:center;font-size:12px;font-weight:700}.tool-header nav a:last-child{background:var(--ink);color:#fff;padding:10px 14px}.industry-hero{background:var(--ink);color:#fff;padding:clamp(55px,7vw,100px) clamp(22px,7vw,110px) 45px;display:grid;grid-template-columns:1fr 1fr;gap:8vw;align-items:end}.industry-hero .kicker{color:var(--accent);font-size:10px;font-weight:700;letter-spacing:.2em;text-transform:uppercase}.industry-hero h1{font:700 clamp(44px,6vw,88px)/.98 'Manrope';letter-spacing:-.065em;margin:22px 0}.industry-hero h1 em{color:var(--accent);font-weight:400}.industry-hero p{color:#a9bab4;max-width:560px;font-size:17px}.hero-proof{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #365047}.hero-proof div{padding:20px 15px 0 0}.hero-proof b,.hero-proof span{display:block}.hero-proof b{font:700 24px 'Manrope';color:var(--accent)}.hero-proof span{font-size:9px;color:#91a29c}.tool-shell{padding:clamp(55px,7vw,100px) clamp(20px,7vw,110px);display:grid;grid-template-columns:minmax(280px,.72fr) minmax(520px,1.28fr);gap:6vw;align-items:start}.tool-copy .kicker,.benefits .kicker{font-size:10px;letter-spacing:.17em;text-transform:uppercase;color:#748139;font-weight:700}.tool-copy h2{font:700 clamp(36px,4vw,58px)/1.04 'Manrope';letter-spacing:-.055em;margin:17px 0}.tool-copy>p{color:var(--muted);max-width:440px}.controls{margin-top:35px;border-top:1px solid #cbd1cd}.control{padding:20px 0;border-bottom:1px solid #cbd1cd}.control-head{display:flex;justify-content:space-between;margin-bottom:10px}.control-head label{font-weight:700}.control-head output{font:700 17px 'Manrope'}.control input[type=range]{--value:50%;appearance:none;width:100%;height:5px;background:linear-gradient(90deg,var(--accent) var(--value),#d4d9d6 var(--value));border-radius:4px}.control input[type=range]::-webkit-slider-thumb{appearance:none;width:23px;height:23px;border-radius:50%;background:var(--accent);border:6px solid var(--ink)}.control select{width:100%;background:#fff;border:1px solid var(--line);padding:12px;color:var(--ink);font-weight:700}.tool-panel{background:#fff;box-shadow:0 25px 70px rgba(16,37,31,.13);padding:25px}.panel-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.panel-head span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.live{color:#778b2a!important;font-weight:700}.visual{height:390px;background:var(--soft);position:relative;overflow:hidden;padding:24px;display:grid;place-items:center}.metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);border-top:0}.metric{padding:16px;border-right:1px solid var(--line)}.metric:last-child{border:0}.metric span,.metric strong{display:block}.metric span{font-size:9px;color:var(--muted);text-transform:uppercase}.metric strong{font:700 clamp(17px,2vw,25px) 'Manrope';margin-top:4px}.tool-cta{display:flex;justify-content:space-between;align-items:center;background:var(--accent);padding:16px 18px;margin-top:16px;font-weight:700}.benefits{padding:80px clamp(20px,7vw,110px);background:#e9e6dc}.benefits h2{font:700 clamp(35px,4vw,58px)/1.05 'Manrope';letter-spacing:-.05em;max-width:750px}.benefit-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:45px}.benefit-grid article{border-top:1px solid #bec5c0;padding-top:23px}.benefit-grid b{font:700 20px 'Manrope'}.benefit-grid p{color:var(--muted)}.tool-footer{background:#091814;color:#fff;padding:45px clamp(20px,7vw,110px);display:flex;justify-content:space-between}.tool-footer p{color:#7d9088}.back-link{color:var(--accent);font-weight:700}
/* Visuals */.radar{width:250px;height:250px;border-radius:50%;border:1px solid #879a92;position:relative;background:repeating-radial-gradient(circle,transparent 0 23px,rgba(16,37,31,.09) 24px 25px)}.radar:before,.radar:after{content:"";position:absolute;background:#879a92;opacity:.35}.radar:before{width:1px;height:100%;left:50%}.radar:after{height:1px;width:100%;top:50%}.radar-fill{position:absolute;inset:18%;background:color-mix(in srgb,var(--accent) 55%,transparent);clip-path:polygon(50% 0,92% 38%,75% 91%,22% 80%,7% 34%);transition:.3s}.radar-label{position:absolute;font-size:9px;font-weight:700}.radar-label:nth-of-type(1){top:5px;left:42%}.radar-label:nth-of-type(2){right:-15px;top:44%}.radar-label:nth-of-type(3){bottom:2px;right:24px}.radar-label:nth-of-type(4){bottom:15px;left:2px}.radar-label:nth-of-type(5){top:42%;left:-22px}.teeth{display:grid;grid-template-columns:repeat(8,1fr);gap:9px;width:min(100%,520px)}.tooth{height:58px;border:2px solid #91a29b;border-radius:50% 50% 42% 42%;background:#fff;display:grid;place-items:center;font-size:9px}.tooth.active{background:var(--accent);border-color:var(--ink);box-shadow:0 4px 12px rgba(16,37,31,.15)}.bar-chart{height:300px;width:100%;display:flex;gap:16px;align-items:end;padding:25px;border-bottom:2px solid var(--ink)}.bar-col{flex:1;text-align:center;font-size:9px}.bar-col i{display:block;background:var(--ink);height:var(--h);min-height:10px;position:relative}.bar-col i:after{content:"";position:absolute;left:0;right:0;bottom:0;height:var(--cost);background:var(--accent)}.car-map{width:220px;height:320px;border:3px solid var(--ink);border-radius:65px 65px 45px 45px;position:relative;background:#d6ddd9;display:grid;place-items:center;font:800 28px 'Manrope'}.car-map:before,.car-map:after{content:"";position:absolute;left:35px;right:35px;height:66px;border:2px solid #71817b}.car-map:before{top:35px}.car-map:after{bottom:35px}.car-zone{position:absolute;background:var(--accent);border:2px solid var(--ink);font-size:8px;padding:7px}.zone-a{top:12px;left:-35px}.zone-b{right:-45px;top:43%}.zone-c{bottom:15px;left:-35px}.match-ring{width:250px;height:250px;border-radius:50%;display:grid;place-items:center;background:conic-gradient(var(--accent) var(--score),#d4dbd7 0);position:relative}.match-ring:before{content:"";position:absolute;inset:23px;border-radius:50%;background:var(--soft)}.match-ring strong{position:relative;font:800 54px 'Manrope'}.tables{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.table-dot{width:62px;height:62px;border-radius:50%;border:4px solid #fff;background:#aebcb6;display:grid;place-items:center;font-weight:700}.table-dot.full{background:var(--accent);border-color:var(--ink)}.building-yield{display:flex;align-items:end;gap:9px;height:280px}.building-yield i{display:block;width:55px;background:var(--ink);height:var(--h);position:relative}.building-yield i:after{content:"";position:absolute;inset:12px 11px;background:repeating-linear-gradient(0deg,var(--accent) 0 8px,transparent 8px 19px)}.heatmap{display:grid;grid-template-columns:repeat(7,1fr);gap:6px;width:100%}.heatmap i{height:45px;background:color-mix(in srgb,var(--accent) var(--heat),#d4dbd7);border-radius:3px}.quote-stack{width:100%;display:grid;gap:13px}.quote-row{display:grid;grid-template-columns:110px 1fr 60px;align-items:center;font-size:10px}.quote-row i{height:22px;width:var(--w);background:var(--accent);border-left:5px solid var(--ink)}.funnel{width:100%;display:grid;justify-items:center;gap:8px}.funnel div{width:var(--w);background:var(--ink);color:#fff;padding:13px;text-align:center;font-size:10px}.funnel div:last-child{background:var(--accent);color:var(--ink)}
@media(max-width:900px){.industry-hero,.tool-shell{grid-template-columns:1fr}.hero-proof{margin-top:20px}.tool-panel{margin-top:10px}.benefit-grid{grid-template-columns:1fr}.tool-header nav a:not(:last-child){display:none}}@media(max-width:560px){.visual{height:330px;padding:14px}.metrics{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.teeth{gap:5px}.tooth{height:43px}.tables{gap:10px}.table-dot{width:50px;height:50px}.tool-footer{display:block}.industry-hero h1{font-size:46px}}