/* Energy, data and intelligence: the supplied brand palette. */
:root{--teal:#087c78;--aqua:#73e8cc;--line:#dce6ef}
body{background:#f6f9fc}
header{position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(16px);z-index:20}
nav{height:100px}
nav .links{gap:26px;font-size:12px;font-weight:600}
nav .links>a:not(.small-link):hover{color:#087c78}
.small-link{background:#122d57;color:white!important;border-radius:25px;transition:background .2s,transform .2s}
.small-link:hover{background:#087c78;transform:translateY(-2px)}
.hero{padding-top:78px;padding-bottom:125px;gap:60px}
.hero:before{background:radial-gradient(ellipse at 83% 25%,#0f7b7955,transparent 54%),linear-gradient(105deg,#091b36 6%,#112f56 56%,#064e59 100%)}
.hero:after{content:'';position:absolute;inset:0 calc((min(1180px,100vw - 64px) - 100vw)/2);z-index:-1;opacity:.12;background:url('energy-landscape.webp') center 62%/cover;pointer-events:none;mask-image:linear-gradient(to right,transparent 10%,#000 100%)}
.hero h1{font-size:clamp(46px,4.8vw,68px);line-height:1.08;letter-spacing:-3px}
.hero h1 em{color:#8cefd4;background:linear-gradient(105deg,#d0ffe8,#62dcd2 65%,#8bbaff);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.hero .eyebrow{background:#ffffff09;border-color:#b4e8f52b;color:#e4f2f8;font-size:11px;padding:10px 14px}
.hero .dot{background:#74e8c3;box-shadow:0 0 0 4px #74e8c311}
.hero .lead{color:#d3dfed;max-width:470px;font-size:17px}
.hero-note{color:#bccdde;margin-top:25px}
.btn{background:linear-gradient(110deg,#b6f2d5,#72d9c9);color:#0c3445;box-shadow:0 9px 25px #030e1f22;transition:transform .2s,box-shadow .2s,background .2s}
.btn:hover{background:#c2ffe7;transform:translateY(-3px);box-shadow:0 13px 28px #030e1f30}
.text-link{border-color:#aec9de55;font-size:12px;background:#ffffff04;transition:background .2s}
.dashboard{border:1px solid #ffffffb0;box-shadow:0 34px 85px #020c2366,0 0 70px #61d8c214;transform:perspective(1400px) rotateY(-5deg) rotateX(2deg)}
.dash-head{background:linear-gradient(110deg,#fff,#f2f8fc)}
.pill{background:#e1f5ef;color:#176651;font-size:10px;font-weight:600}
.kpi{background:linear-gradient(145deg,#f1f5fb,#e9f0f8);border:1px solid #e5edf6}
.kpi:last-child{background:linear-gradient(140deg,#e4f6ef,#d8f0f1);border-color:#d3e9e5}
.kpi:last-child strong{color:#126d60}
.bar{background:linear-gradient(to top,#a9c4e9,#d4e4f7)}
.bar:nth-child(4){background:linear-gradient(to top,#527eba,#8bb6df)}
.bar:nth-child(5){background:linear-gradient(to top,#24588f,#5799bf)}
.bar:last-child{background:linear-gradient(to top,#087976,#57c7b2)}
.insight{background:linear-gradient(110deg,#e7f6f0,#eff9fc);border:1px solid #d5ebe3}
.insight-icon{color:#087976}.caption{color:#c1d6e2;margin-top:22px;text-align:center}
.proof{border-radius:18px;border-color:#e3edf3;box-shadow:0 18px 55px #1637520c;padding:34px 38px}
.proof .label{color:#08766a}.proof strong{font-size:32px;letter-spacing:-1.3px}
.proof>div+div{border-left:1px solid #e2eaf0;padding-left:28px}
.eyebrow{color:#08796e;letter-spacing:1.8px}
.section{padding:96px 0}
.section-top{gap:60px}.section-top p{font-size:15px;line-height:1.8}
.energy-scene{position:relative;margin:0 0 24px;height:290px;overflow:hidden;border-radius:22px;background:#122d57}
.energy-scene img{width:100%;height:100%;object-fit:cover;object-position:50% 58%;display:block}
.energy-scene:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#071b35b0,transparent 70%),linear-gradient(0deg,#081b36c9,transparent 65%)}
.energy-scene figcaption{position:absolute;z-index:1;left:30px;right:30px;bottom:24px;display:flex;align-items:end;justify-content:space-between;gap:25px;color:#fff}
.scene-title{font-size:27px;font-weight:600;line-height:1.3;letter-spacing:-.8px;max-width:460px}
.scene-note{font-size:10px;line-height:1.5;color:#e0eaf4;text-align:right;max-width:160px}
.problem{border-color:#e0e9f0;box-shadow:0 5px 20px #173b6204;transition:transform .2s,box-shadow .2s}
.problem:hover{transform:translateY(-4px);box-shadow:0 15px 35px #173b620c}
.problem .number{background:#ecf5f6;color:#08796e}
.dark{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#0c7b7370,transparent 60%),linear-gradient(120deg,#0d2343,#143963);padding:55px;border:1px solid #ffffff12;box-shadow:0 24px 55px #16375217}
.dark:before{content:'';position:absolute;right:-180px;top:-210px;width:540px;height:540px;border:1px solid #83e4d52b;border-radius:50%;box-shadow:0 0 0 70px #83e4d509,0 0 0 140px #83e4d504;z-index:-1;pointer-events:none}
.dark .eyebrow{color:#82e3cc}.workflow .number{color:#87e4d5}.workflow article:first-child{border-top-color:#74ddc5}.workflow article{border-top-color:#638aab55}
.feature{background:linear-gradient(150deg,#fff 60%,#edf5fb);border-color:#dee8f1;box-shadow:0 8px 26px #1c3e6905;transition:transform .2s,box-shadow .2s}
.feature:hover{transform:translateY(-5px);box-shadow:0 18px 38px #1c3e6910}
.feature:nth-child(2){background:linear-gradient(150deg,#fff 60%,#edf8f4)}
.feature:nth-child(3){background:linear-gradient(150deg,#fff 60%,#eef1fc)}
.feature-icon{background:linear-gradient(135deg,#e7f1fc,#dceae9);color:#146b77;width:48px;height:48px;box-shadow:inset 0 0 0 1px #ccdfed66}
.feature .tag{color:#0a786d;line-height:1.6}.feature h3{font-size:24px;line-height:1.2}
.feature-bottom{border-top:1px solid #dce8ee;margin-top:auto;width:100%;padding-top:20px;color:#1a6374}
.feature p{min-height:95px}.mini-flow,.scenario-bars,.diagnostic-tags{margin-bottom:22px}
.scenario-bars span:last-child i{background:linear-gradient(90deg,#087976,#7bcdb6)}
.diagnostic-tags span{background:#e7f1f7;color:#335b7c}
.next{background:linear-gradient(110deg,#e7f0fa,#e5f5ee);border-color:#d4e8e5;padding:29px 32px}.next .badge{background:#fff;color:#087267;border:1px solid #c8e6db}.next-symbol{color:#0c8174}
.founder .signature{background:linear-gradient(140deg,#fff 55%,#e9f3f8);box-shadow:0 12px 35px #183d6208;overflow:hidden}
.avatar{background:linear-gradient(140deg,#173864,#087d76);color:#fff;width:55px;height:55px}
.closing{position:relative;overflow:hidden;isolation:isolate;background:radial-gradient(ellipse at 75% 110%,#1c9a826b,transparent 60%),linear-gradient(115deg,#10284a,#13575d);color:white;padding:49px 48px}
.closing:after{content:'';position:absolute;right:-70px;top:-120px;width:400px;height:400px;border:1px solid #a5f2da25;border-radius:50%;box-shadow:0 0 0 50px #a5f2da08,0 0 0 100px #a5f2da05;z-index:-1}
.closing .eyebrow{color:#8ce9d0}.closing h2{color:white}.closing>div>p{color:#cfe6e8}.closing .btn{background:linear-gradient(110deg,#b6f2d5,#72d9c9);color:#0b3444}.closing .btn:hover{background:#c2ffe7}.closing-action>p{color:#c7dce3}
footer{border-top:1px solid #dfebf0}.foot small{line-height:1.7}
@media(min-width:721px){.logo-image{width:130px;height:96px}.logo-image img{width:218px;left:-44px;top:-24px}}
@media(max-width:1050px){.hero{gap:30px}.hero h1{font-size:48px}.hero .lead{font-size:16px}.proof{padding:28px}.proof strong{font-size:27px}.proof>div+div{padding-left:18px}.feature h3{font-size:22px}.feature p{min-height:118px}.dark{padding:38px}}
@media(max-width:720px){nav{height:92px}.hero{padding:45px 0 87px;gap:36px}.hero:after{inset:0 -18px;background-position:70% center;opacity:.09}.hero h1{font-size:clamp(43px,9.5vw,60px);letter-spacing:-2.3px}.hero .lead{font-size:16px}.hero .eyebrow{font-size:10px}.hero-note{font-size:11px}.dashboard{transform:none}.caption{font-size:10px;line-height:1.6}.proof{padding:25px;gap:22px 12px}.proof>div+div{border-left:0;padding-left:0}.proof strong{font-size:26px}.section{padding:64px 0}.section-top{gap:5px}.energy-scene{height:260px;border-radius:18px}.energy-scene figcaption{left:22px;right:22px;bottom:20px;flex-direction:column;align-items:start;gap:12px}.scene-title{font-size:24px;max-width:290px}.scene-note{text-align:left;max-width:250px;font-size:9px}.dark{padding:32px 25px}.feature h3{font-size:26px}.feature p{min-height:0}.feature-bottom{padding-top:20px}.next{padding:25px}.closing{padding:32px 27px}.closing h2{font-size:36px}.small-link{padding:12px 14px}.foot small{font-size:10px}}
.product-demo{padding-bottom:0;scroll-margin-top:105px}.demo-window{border:1px solid #d2e1ed;background:#f0f6fb;border-radius:19px;box-shadow:0 25px 65px #153d6d13;overflow:hidden}.demo-toolbar{display:flex;align-items:center;gap:18px;background:#fff;border-bottom:1px solid #dce7f0;padding:15px 22px;font-size:11px;color:#5c7189}.window-dots{display:flex;gap:5px}.window-dots i{height:7px;width:7px;border-radius:50%;background:#c8d7e5}.window-dots i:last-child{background:#73c6b5}.demo-label{margin-left:auto;color:#156b5c;background:#e9f6f0;border-radius:20px;padding:6px 10px;font-size:10px}.demo-content{padding:26px}.demo-heading{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:22px}.demo-heading h3{margin:0;font-size:25px}.demo-heading p{margin:5px 0 0;font-size:11px;color:#61738a}.demo-heading>span{font-size:10px;color:#52677f;background:#fff;padding:9px;border:1px solid #dce6f0;border-radius:5px}.demo-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.demo-metrics>div{background:#fff;padding:17px 15px;border-radius:10px;border:1px solid #e0eaf2}.demo-metrics small{font-size:11px;color:#53718a}.demo-metrics strong{display:block;font-size:25px;letter-spacing:-.8px;margin:10px 0}.demo-metrics em{font-size:13px;font-style:normal;letter-spacing:0}.demo-metrics span{font-size:10px;color:#687e94;line-height:1.5;display:block}.demo-metrics>div:last-child{background:linear-gradient(135deg,#e4f5ef,#edf7fa);border-color:#cde5df}.demo-panels{display:grid;grid-template-columns:1.1fr 1fr;gap:15px;margin-top:16px}.demo-chart{background:#fff;padding:22px;border:1px solid #dfeaf2;border-radius:11px;min-width:0}.demo-chart h4,.priority-panel h4{font-size:13px;margin:0 0 8px}.demo-chart>p{font-size:10px;color:#617b92;margin:0 0 20px}.chart-legend{display:flex;gap:12px}.chart-legend span:first-child{color:#2866b2}.chart-legend span:nth-child(2){color:#09876f}.chart-legend small{margin-left:auto}.paired-chart{display:flex;gap:15px;height:161px;padding-top:12px}.chart-pair{flex:1;min-width:0;text-align:center}.pair-bars{height:132px;display:flex;align-items:end;gap:4px;border-bottom:1px solid #dce7ef;background:repeating-linear-gradient(to top,transparent 0,transparent 43px,#eef3f7 44px)}.pair-bars i{flex:1;position:relative;min-width:0;background:linear-gradient(to top,#3267ad,#81acdf);border-radius:3px 3px 0 0}.pair-bars i:nth-child(2){background:linear-gradient(to top,#098772,#6dc7ac)}.pair-bars i span{position:absolute;top:-15px;left:0;right:0;font-style:normal;font-size:8px;color:#607a90}.chart-pair>small{display:block;font-size:9px;margin-top:8px;color:#5f748a}.finance-bar{margin:18px 0}.finance-bar>div{display:flex;justify-content:space-between;gap:12px;font-size:11px;margin-bottom:8px}.finance-bar strong{font-size:13px}.finance-bar>i{display:block;width:var(--amount);height:14px;border-radius:4px;background:linear-gradient(90deg,#285d9b,#7da5da)}.finance-bar.received>i{background:linear-gradient(90deg,#087e70,#67c7ab)}.pending-total{display:flex;justify-content:space-between;border-top:1px solid #e0eaf2;padding-top:15px;margin-top:21px;font-size:12px}.pending-total strong{color:#94630d}.demo-chart .finance-note{margin:7px 0 0;font-size:10px}.priority-panel{margin-top:16px;background:#fff;border:1px solid #dfeaf2;border-radius:11px;padding:20px}.priority-title{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-bottom:15px}.priority-title>div{display:flex;align-items:center;gap:9px}.priority-title h4{margin:0}.priority-title>span{font-size:10px;color:#647b91}.attention-symbol{display:grid;place-items:center;width:20px;height:20px;background:#fff0cc;border-radius:5px;color:#8b610b;font-weight:bold}.table-scroll{overflow:auto}.table-scroll:focus-visible{outline:2px solid #3981bc;outline-offset:4px}table{width:100%;border-collapse:collapse;text-align:left;font-size:11px;min-width:570px}th{color:#62798f;font-size:10px;font-weight:500;padding:10px;background:#f2f7fa}td{padding:14px 10px;border-bottom:1px solid #edf2f6}tbody tr:last-child td{border-bottom:0}.status-tag{color:#8b610b;background:#fff4d9;border-radius:4px;padding:5px 8px;font-size:10px;white-space:nowrap}.blue-tag{color:#2e689a;background:#eaf3fc}.demo-footnote{font-size:10px;color:#647b91;line-height:1.7;margin:16px 5px 0}
@media(max-width:950px){.demo-metrics strong{font-size:21px}.paired-chart{gap:9px}.demo-chart{padding:18px}.demo-content{padding:20px}}
@media(max-width:720px){.product-demo{padding-bottom:0;scroll-margin-top:95px}.demo-toolbar{padding:12px;gap:9px;font-size:9px}.demo-label{font-size:8px;padding:5px 7px}.demo-content{padding:13px}.demo-heading{align-items:start}.demo-heading h3{font-size:21px}.demo-heading>span{max-width:96px;line-height:1.5;font-size:8px}.demo-metrics{grid-template-columns:1fr 1fr;gap:8px}.demo-metrics>div{padding:13px 10px}.demo-metrics small{font-size:9px}.demo-metrics strong{font-size:22px}.demo-metrics span{font-size:9px}.demo-metrics em{font-size:11px}.demo-panels{grid-template-columns:1fr;gap:10px;margin-top:10px}.demo-chart{padding:18px 15px}.paired-chart{gap:13px}.priority-panel{padding:16px 12px;margin-top:10px}.priority-title{align-items:start;flex-direction:column;gap:8px}.demo-footnote{font-size:9px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}.btn:hover,.small-link:hover,.problem:hover,.feature:hover{transform:none}}
.period-controls,.filter-controls{display:flex;gap:4px;padding:4px;border:1px solid #d9e5ef;background:#edf4f8;border-radius:8px;flex-wrap:wrap}.period-controls button,.filter-controls button{border:0;background:transparent;padding:8px 11px;border-radius:5px;font:inherit;font-size:10px;color:#526a80;cursor:pointer;transition:background .2s,color .2s,box-shadow .2s}.period-controls button[aria-pressed=true],.filter-controls button[aria-pressed=true]{background:#fff;color:#125e6e;box-shadow:0 2px 5px #143b5f12;font-weight:700}.period-controls button:hover,.filter-controls button:hover{color:#07493e;background:#fff}.action-detail{font:inherit;font-size:11px;font-weight:600;color:#126980;border:0;background:#edf6f9;padding:8px 10px;border-radius:5px;cursor:pointer;text-align:left}.action-detail:hover,.action-detail[aria-expanded=true]{background:#d6eee7;color:#07574c}.action-detail span{margin-left:8px}.action-explanation{margin-top:15px;background:linear-gradient(110deg,#eaf5f1,#eef5fc);border:1px solid #cce6de;border-radius:9px;padding:20px;font-size:12px;line-height:1.7}.action-explanation strong{color:#126556}.action-explanation p{margin:8px 0;color:#426075}.action-explanation small{font-size:10px;color:#59758b}.demo-live{font-size:10px;color:#60788e;margin:14px 0 0}.chart-pair{max-width:90px}.paired-chart{justify-content:space-around}.hero .visual{animation:arrive .9s ease-out both}.hero>div:first-child{animation:arrive .7s ease-out both}@keyframes arrive{from{opacity:.5;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@media(max-width:720px){.demo-heading{flex-direction:column;gap:14px}.period-controls{align-self:stretch;justify-content:center}.period-controls button{flex:1}.filter-controls{width:100%}.filter-controls button{flex:1}.action-detail{white-space:nowrap}}@media(prefers-reduced-motion:reduce){.hero .visual,.hero>div:first-child{animation:none}}