@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600&family=Manrope:wght@400;500;600&display=swap');
:root{--navy:#071f33;--navy-2:#0d2c45;--orange:#f36b21;--orange-dark:#db5612;--cream:#f7f5ef;--white:#fff;--ink:#10283a;--muted:#60717e;--line:#dce2e5}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"DM Sans",sans-serif}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.site-header{background:rgba(247,245,239,.95);border-bottom:1px solid rgba(7,31,51,.1);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav-wrap{height:96px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;align-items:center}.logo img{display:block;width:270px;height:auto;object-fit:contain}.site-header .logo img{mix-blend-mode:multiply}.nav-wrap nav{display:flex;gap:32px;font-size:14px;color:#465d6d}.nav-wrap nav a:hover{color:var(--orange)}
.button{border:0;border-radius:5px;background:var(--orange);color:#fff;padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-weight:600;font-size:14px;cursor:pointer;transition:.2s ease;box-shadow:0 9px 24px rgba(243,107,33,.18)}.button:hover{background:var(--orange-dark);transform:translateY(-1px)}.button-small{padding:11px 17px;box-shadow:none}.button-ghost{background:transparent;border:1px solid rgba(255,255,255,.3);box-shadow:none}.button-ghost:hover{background:rgba(255,255,255,.08)}
.hero{position:relative;overflow:hidden;background:var(--navy);color:#fff}.hero-grid{min-height:670px;display:grid;grid-template-columns:1.18fr .82fr;gap:74px;align-items:center;padding-block:82px}.hero-copy{position:relative;z-index:2}.eyebrow{margin:0 0 24px;display:flex;align-items:center;gap:10px;text-transform:uppercase;letter-spacing:.16em;font-size:11px;font-weight:600;color:#b8c6cf}.eyebrow span{width:22px;height:2px;background:var(--orange)}.eyebrow.dark{color:#748590}.hero h1,.section-heading h2,.case-copy h2,.final-cta h2{font-family:"Manrope",sans-serif;font-weight:500;letter-spacing:-.045em}.hero h1{font-size:clamp(48px,5.3vw,76px);line-height:1.05;margin:0;max-width:780px}.hero-lead{font-size:18px;line-height:1.7;color:#b8c6cf;max-width:690px;margin:28px 0 34px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap}.trust-line{display:flex;gap:25px;margin-top:28px;color:#c5d0d7;font-size:13px}.trust-line span{display:flex;gap:7px;align-items:center}.trust-line i{font-style:normal;color:var(--orange)}.hero-orbit{position:absolute;border:1px solid rgba(255,255,255,.07);border-radius:50%}.orbit-one{width:640px;height:640px;right:-140px;top:-240px}.orbit-two{width:440px;height:440px;right:-50px;top:-140px}
.callback-card{position:relative;z-index:2;background:#fff;color:var(--ink);padding:40px;border-radius:9px;box-shadow:0 30px 70px rgba(0,0,0,.22)}.callback-card .card-kicker{text-transform:uppercase;letter-spacing:.13em;font-size:10px;color:var(--orange);font-weight:600;margin:0 0 10px}.callback-card h2{font-family:"Manrope",sans-serif;font-size:30px;letter-spacing:-.035em;margin:0 0 11px}.callback-card>p:not(.card-kicker),.success>p:not(.card-kicker){font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px}.callback-card form{display:grid;gap:13px}.callback-card label{display:grid;gap:7px;font-size:12px;font-weight:600}.callback-card input{width:100%;border:1px solid var(--line);border-radius:4px;padding:13px 14px;outline:none;background:#fbfcfc}.callback-card input:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,107,33,.12)}.form-button{width:100%;margin-top:5px}.callback-card small{display:block;text-align:center;color:#81909a;font-size:10px;margin-top:14px}.success{padding-block:48px;text-align:center}.success-icon{display:grid;place-items:center;margin:0 auto 22px;width:54px;height:54px;border-radius:50%;background:rgba(243,107,33,.12);color:var(--orange);font-size:25px}.text-button{border:0;background:none;color:var(--orange);font-weight:600;cursor:pointer}
.metrics{background:#fff;border-bottom:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-block:27px}.metrics-grid div{padding:0 28px;border-right:1px solid var(--line)}.metrics-grid div:first-child{padding-left:0}.metrics-grid div:last-child{border-right:0}.metrics-grid strong{display:block;color:var(--navy);font-family:"Manrope",sans-serif;font-size:25px;font-weight:500}.metrics-grid span{font-size:12px;color:var(--muted)}
.supplier-section{background:#fff;text-align:center;padding:35px 0 31px;border-bottom:1px solid var(--line)}.supplier-section p{margin:0 0 24px;color:#778792;text-transform:uppercase;letter-spacing:.14em;font-size:10px;font-weight:600}.supplier-row{display:flex;justify-content:center;align-items:center;gap:34px;flex-wrap:wrap}.supplier-row span{font-family:"Manrope",sans-serif;font-weight:600;color:#526775;font-size:16px}.supplier-section small{display:block;margin-top:22px;color:#99a4aa;font-size:9px}
.comparator{background:var(--navy);color:#fff;padding-block:100px;position:relative;overflow:hidden}.comparator:before{content:"";position:absolute;width:560px;height:560px;border:1px solid rgba(255,255,255,.06);border-radius:50%;left:-300px;bottom:-330px}.comparator-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center;position:relative}.comparator-copy h2{font-family:"Manrope",sans-serif;font-size:clamp(40px,4vw,58px);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px}.comparator-copy>p:not(.eyebrow){color:#b1c0c9;line-height:1.75;max-width:500px}.comparator-copy ul{list-style:none;padding:0;margin:32px 0 0;display:grid;gap:13px;color:#d6dfe4;font-size:13px}.comparator-copy li:before{content:"✓";color:var(--orange);margin-right:10px}.comparator-panel{background:#fff;color:var(--ink);border-radius:10px;padding:38px 42px;min-height:500px;box-shadow:0 30px 70px rgba(0,0,0,.24)}.progress-head{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#7a8a95}.progress-head b{font-size:12px;color:var(--ink)}.progress-track{height:3px;background:#e8edef;margin:15px 0 34px;overflow:hidden}.progress-track i{display:block;height:100%;background:var(--orange);transition:width .3s ease}.compare-step{animation:stepIn .25s ease}.compare-step fieldset{border:0;padding:0;margin:0 0 25px}.compare-step legend{font-family:"Manrope",sans-serif;font-weight:600;margin-bottom:13px}.choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.choice{border:1px solid var(--line);background:#fbfcfc;border-radius:6px;padding:20px;text-align:left;display:grid;gap:7px;cursor:pointer;color:var(--ink)}.choice>span{font-size:24px}.choice b{font-size:14px}.choice small{color:var(--muted);font-size:11px}.choice.active,.pill-choice.active{border-color:var(--orange);background:#fff7f1;box-shadow:0 0 0 2px rgba(243,107,33,.1)}.energy-choices{display:flex;gap:9px;flex-wrap:wrap}.pill-choice{border:1px solid var(--line);background:#fff;color:var(--ink);padding:10px 15px;border-radius:99px;cursor:pointer;font-size:12px}.compare-next{width:100%;margin-top:5px}.button:disabled{opacity:.4;cursor:not-allowed;transform:none}.compare-step form{display:grid;gap:17px}.compare-step label{display:grid;gap:7px;font-size:12px;font-weight:600}.compare-step input,.compare-step select{width:100%;border:1px solid var(--line);background:#fbfcfc;border-radius:4px;padding:13px 14px;outline:none;color:var(--ink)}.compare-step input:focus,.compare-step select:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,107,33,.1)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.compare-actions{display:flex;justify-content:space-between;align-items:center;margin-top:7px}.back-button{border:0;background:none;color:var(--muted);font-weight:600;font-size:12px;cursor:pointer;padding:10px 0}.back-button:hover{color:var(--orange)}.consent{grid-template-columns:auto 1fr!important;align-items:start;font-weight:400!important;color:var(--muted);line-height:1.5}.consent input{width:16px!important;margin-top:2px}.compare-success{text-align:center;padding:75px 25px}.compare-success>span{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff1e8;color:var(--orange);font-size:25px;margin:0 auto 24px}.compare-success .eyebrow{justify-content:center;margin-bottom:12px}.compare-success h3{font-family:"Manrope",sans-serif;font-size:32px;margin:0 0 12px}.compare-success>p:not(.eyebrow){color:var(--muted);max-width:480px;margin:0 auto 20px;line-height:1.6}@keyframes stepIn{from{opacity:0;transform:translateX(8px)}to{opacity:1;transform:none}}
.section{padding-block:110px}.section-heading{display:flex;justify-content:space-between;gap:70px;align-items:flex-end;margin-bottom:50px}.section-heading>div{max-width:650px}.section-heading h2,.case-copy h2{font-size:clamp(38px,4vw,56px);line-height:1.12;margin:0}.section-heading>p{max-width:420px;color:var(--muted);line-height:1.7;margin:0}.situation-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #bec9cf;border-left:1px solid #bec9cf}.situation{min-height:190px;padding:29px 30px;display:grid;grid-template-columns:40px 1fr auto;gap:18px;align-items:start;border-right:1px solid #bec9cf;border-bottom:1px solid #bec9cf;background:rgba(255,255,255,.24);transition:.2s}.situation:hover{background:#fff}.situation-number{color:var(--orange);font-size:11px;margin-top:5px}.situation h3{font-family:"Manrope",sans-serif;font-size:20px;margin:0 0 12px}.situation p{margin:0;color:var(--muted);font-size:14px;line-height:1.65}.situation>a{width:36px;height:36px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center;color:var(--orange)}.situation:hover>a{background:var(--orange);color:#fff;border-color:var(--orange)}
.method{background:var(--navy);color:#fff;padding-block:110px;position:relative;overflow:hidden}.method-glow{position:absolute;width:500px;height:500px;border-radius:50%;right:-250px;bottom:-280px;background:radial-gradient(circle,rgba(243,107,33,.18),transparent 68%)}.section-heading.light{position:relative}.section-heading.light>p{color:#aebdc6}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:34px;position:relative}.step{border-top:1px solid rgba(255,255,255,.22);padding-top:24px}.step>span{display:block;color:var(--orange);font-size:11px;margin-bottom:42px}.step h3{font-family:"Manrope",sans-serif;font-size:19px;margin:0 0 13px}.step p{font-size:13px;line-height:1.7;color:#aebdc6;margin:0}
.case-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:center}.case-copy p:not(.eyebrow){color:var(--muted);line-height:1.75;max-width:570px}.inline-link{display:inline-flex;gap:26px;border-bottom:1px solid var(--orange);padding-bottom:7px;margin-top:12px;color:var(--navy);font-weight:600;font-size:14px}.inline-link span{color:var(--orange)}.result-card{background:#fff;padding:45px 48px;border-radius:8px;border:1px solid var(--line);box-shadow:0 25px 60px rgba(7,31,51,.08)}.result-card>p{color:var(--muted);font-size:12px;margin:0}.result-card>strong{display:block;font-family:"Manrope",sans-serif;color:var(--orange);font-size:88px;font-weight:500;line-height:1.1;margin:10px 0 28px}.result-card>strong span{font-size:38px}.result-details{display:grid;grid-template-columns:1fr 1fr;gap:23px;padding-top:25px;border-top:1px solid var(--line)}.result-details div{display:grid;gap:5px}.result-details span{font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:#8b989f}.result-details b{font-size:13px;font-weight:600}
.final-cta{background:var(--orange);color:#fff;border-radius:8px;padding:55px 64px;margin-bottom:110px;display:flex;align-items:center;justify-content:space-between;gap:60px;position:relative;overflow:hidden}.final-cta:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.18);border-radius:50%;right:-100px;top:-140px}.final-cta .eyebrow{color:#fff}.final-cta .eyebrow span{background:#fff}.final-cta h2{font-size:40px;margin:0}.final-cta>div>p:last-child{max-width:700px;margin:14px 0 0;color:#fff1e9;line-height:1.6}.button-light{position:relative;z-index:2;background:#fff;color:var(--navy);box-shadow:none;white-space:nowrap}.button-light:hover{background:var(--navy);color:#fff}
footer{background:#061825;color:#fff;padding:70px 0 28px}.footer-grid{display:grid;grid-template-columns:1.5fr .6fr .8fr;gap:70px;padding-bottom:55px}.footer-logo{background:#fff;border-radius:6px;padding:8px 12px}.footer-logo img{width:320px;height:auto}.footer-grid>div{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.footer-grid p,.footer-grid a,.footer-grid span{font-size:12px;color:#9dafba;line-height:1.6}.footer-grid b{font-size:12px}.footer-grid a:hover{color:var(--orange)}.legal{border-top:1px solid rgba(255,255,255,.1);padding-top:24px;display:flex;gap:30px;flex-wrap:wrap;color:#718490;font-size:10px}.legal a:last-child{margin-left:auto}
@media(max-width:900px){.nav-wrap nav{display:none}.hero-grid{grid-template-columns:1fr;gap:48px}.metrics-grid{grid-template-columns:1fr 1fr;gap:22px}.metrics-grid div:nth-child(2){border-right:0}.comparator-grid{grid-template-columns:1fr;gap:45px}.section-heading{align-items:flex-start;flex-direction:column;gap:24px}.steps-grid{grid-template-columns:1fr 1fr}.case-grid{grid-template-columns:1fr;gap:50px}.final-cta{align-items:flex-start;flex-direction:column}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:1/-1}}
@media(max-width:620px){.container{width:min(100% - 32px,1180px)}.site-header .button-small{display:none}.nav-wrap{height:82px}.nav-wrap .logo img{width:228px}.hero-grid{padding-block:56px}.hero h1{font-size:44px}.hero-lead{font-size:16px}.hero-actions .button{width:100%}.trust-line{gap:12px;flex-wrap:wrap}.callback-card{padding:27px 22px}.metrics-grid div{padding:0 12px;border:0}.metrics-grid div:first-child{padding-left:12px}.metrics-grid strong{font-size:21px}.supplier-row{gap:18px 24px}.supplier-row span{font-size:13px}.comparator{padding-block:76px}.comparator-panel{padding:28px 20px;min-height:0}.choice-grid,.form-row{grid-template-columns:1fr}.compare-actions{align-items:stretch;flex-direction:column-reverse;gap:8px}.compare-actions .button{width:100%}.section,.method{padding-block:76px}.section-heading h2,.case-copy h2{font-size:37px}.situation-grid{grid-template-columns:1fr}.situation{min-height:auto;padding:24px 18px;grid-template-columns:32px 1fr auto}.steps-grid{grid-template-columns:1fr}.step>span{margin-bottom:20px}.result-card{padding:30px 24px}.result-card>strong{font-size:68px}.final-cta{padding:38px 25px;margin-bottom:76px}.final-cta h2{font-size:34px}.button-light{white-space:normal}.footer-grid{grid-template-columns:1fr}.footer-grid>div:first-child{grid-column:auto}.footer-logo img{width:min(280px,70vw)}.legal{gap:12px 20px}.legal a:last-child{margin-left:0}}
.compare-step{display:none}.compare-step.active{display:block}.compare-success{display:none}.compare-success.active{display:block}.honeypot{position:absolute!important;left:-9999px!important}.form-message{color:#b42318;font-size:12px;margin-top:12px}
