:root{--navy:#0b2757;--blue:#1682f7;--lime:#cbff43;--pale:#eff8ff;--muted:#51627d;--line:#dce6f0}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;color:var(--navy);background:#f0f7fc;font-size:15px}a{color:var(--blue);text-decoration:none}button,input,select{font:inherit}button{cursor:pointer}.shell{max-width:1280px;margin:24px auto;background:#fff;box-shadow:0 15px 55px #0c3b6512;border-radius:17px;overflow:hidden}.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:19px 45px;background:#fff}.logo{font-weight:900;letter-spacing:-1.4px;font-size:28px;color:var(--navy);white-space:nowrap}.logo span{color:var(--blue)}.logo small{font-size:11px;letter-spacing:-.2px}.leaf{color:#86d800;font-size:21px;display:inline-block;transform:rotate(-24deg);margin-right:-5px}.nav{display:flex;gap:25px;align-items:center}.nav a{font-size:12px;color:var(--navy);font-weight:750}.cta,.primary{border:0;background:var(--lime);color:#08234d;border-radius:7px;font-weight:800;padding:15px 24px;display:inline-flex;align-items:center;justify-content:center;gap:10px}.cta{padding:12px 17px;font-size:12px}.outline{display:inline-flex;padding:14px 22px;border:1px solid #9db0c6;border-radius:7px;color:var(--navy);font-weight:750}.hero{position:relative;background:linear-gradient(115deg,#fff 0%,#f2f9ff 62%,#d9f0ff 100%);min-height:455px;overflow:hidden}.hero-inner{padding:45px 55px;max-width:60%;position:relative;z-index:2}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:800;color:#5a7292;text-transform:uppercase}.hero h1{font-size:clamp(40px,4.4vw,66px);letter-spacing:-2.8px;line-height:1.04;margin:17px 0 16px}.hero h1 em{color:var(--blue);font-style:normal}.hero p{font-size:17px;line-height:1.5;color:#3c4f6e;max-width:460px}.hero-actions{display:flex;gap:14px;margin:25px 0}.hero-image{position:absolute;right:0;top:0;height:100%;width:49%;object-fit:cover;object-position:center}.hero:after{content:"";position:absolute;right:0;bottom:0;width:35%;height:10px;background:var(--blue)}.proofs{display:flex;gap:22px;margin-top:30px}.proofs span{font-size:12px;font-weight:700;max-width:150px}.proofs b{color:var(--blue);margin-right:5px}.section{padding:35px 55px}.section.alt{background:#eff8ff}.section h2{font-size:29px;line-height:1.13;letter-spacing:-.7px;margin:9px 0}.section-intro{color:var(--muted);max-width:650px;line-height:1.5}.section-header{display:flex;align-items:end;justify-content:space-between;gap:20px}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:22px}.service{padding:22px;border:1px solid var(--line);border-radius:13px;box-shadow:0 4px 12px #163c6410}.service h3{font-size:17px;margin:13px 0 8px}.service p{font-size:13px;line-height:1.5;color:var(--muted)}.bubble{display:inline-flex;align-items:center;justify-content:center;background:#e4f4ff;color:var(--blue);width:49px;height:49px;border-radius:50%;font-size:26px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:30px}.step .number{display:inline-flex;background:var(--blue);color:white;border-radius:50%;width:31px;height:31px;align-items:center;justify-content:center;font-weight:800}.step h3{font-size:15px;margin-bottom:7px}.step p{font-size:13px;color:var(--muted);line-height:1.5}.sectors{display:grid;grid-template-columns:repeat(5,1fr);gap:11px;margin-top:20px}.sector{border:1px solid var(--line);border-radius:9px;overflow:hidden}.sector .art{height:85px;background:linear-gradient(140deg,#7db9e2,#d5ebf8);display:flex;align-items:center;justify-content:center;font-size:37px}.sector strong{display:block;padding:10px;font-size:12px}.insights{display:grid;grid-template-columns:repeat(3,1fr);gap:13px;margin-top:19px}.insight{border:1px solid var(--line);border-radius:9px;padding:17px}.insight small{color:var(--blue);font-weight:700}.insight h3{font-size:15px}.footer{background:#0d2b57;color:white;padding:34px 55px;display:flex;justify-content:space-between;gap:20px;align-items:center}.footer p{color:#d1deee;font-size:13px}.footer a{color:white}.compare-hero{min-height:340px}.compare-hero .hero-inner{max-width:65%;padding:45px 55px}.compare-hero h1{font-size:clamp(38px,4vw,58px)}.compare-hero .hero-image{width:43%;object-position:center}.comparison{padding:0 45px 40px;background:linear-gradient(#eef8ff,#fff)}.form-panel{position:relative;margin-top:-10px;background:white;border-radius:17px;padding:35px 40px;box-shadow:0 10px 35px #1b52751b;z-index:3}.progress{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:32px}.progress-item{text-align:center;font-size:12px;font-weight:750;color:#7487a1}.progress-item b{display:flex;width:29px;height:29px;align-items:center;justify-content:center;background:#d4e2ef;color:#526981;border-radius:50%;margin:0 auto 9px}.progress-item.active b,.progress-item.done b{background:var(--blue);color:white}.progress-item.active{color:var(--navy)}.form-layout{display:grid;grid-template-columns:1.35fr 1fr;gap:35px}.form-layout h2{font-size:23px;letter-spacing:-.5px;margin:0 0 9px}.form-layout p{color:var(--muted);font-size:14px}.field{display:block;font-weight:750;font-size:13px;margin:17px 0 7px}.control{width:100%;padding:15px;border:1px solid #c6d5e5;border-radius:7px;color:var(--navy);background:white}.primary.wide{width:100%;margin-top:16px}.side-panel{background:#f3f8fd;padding:22px;border-radius:12px}.side-panel h3{margin-top:0}.side-panel li{margin:13px 0;font-size:13px;list-style:none}.side-panel li:before{content:'✓';display:inline-flex;align-items:center;justify-content:center;background:#caff48;border-radius:50%;width:20px;height:20px;margin-right:10px}.side-panel ul{padding:0}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 14px}.form-actions{display:flex;gap:12px;align-items:center;margin-top:16px}.back{background:white;border:1px solid #bccce0;padding:13px 18px;border-radius:7px;color:var(--navy)}.fineprint{font-size:11px!important;color:#71839b!important}.error{color:#b42318!important;font-size:13px}.hidden{display:none!important}.confirmation{background:#eef8ff;border-radius:9px;padding:17px;line-height:1.8}.trustbar{display:flex;justify-content:space-around;gap:15px;padding:28px 35px;background:#f4faff;font-size:12px;font-weight:700}.trustbar span:before{content:'✓';color:var(--blue);margin-right:7px}.suppliers{text-align:center;background:#f0f8ff;padding:32px}.suppliers p{color:var(--muted)}@media(max-width:850px){.shell{margin:0;border-radius:0}.topbar{padding:17px 22px;flex-wrap:wrap}.nav{order:3;width:100%;overflow:auto;gap:18px;padding-top:8px}.nav a{white-space:nowrap}.hero-inner,.compare-hero .hero-inner{max-width:100%;padding:35px 25px 250px}.hero-image,.compare-hero .hero-image{top:auto;bottom:0;height:240px;width:100%;object-position:center}.hero h1{font-size:43px}.proofs{flex-wrap:wrap}.section{padding:34px 24px}.cards,.steps,.insights{grid-template-columns:1fr}.sectors{grid-template-columns:repeat(2,1fr)}.comparison{padding:0 15px 30px}.form-panel{padding:25px 17px}.form-layout{grid-template-columns:1fr}.progress-item{font-size:10px}.footer{padding:30px 25px;flex-direction:column;align-items:start}.form-grid{grid-template-columns:1fr}.trustbar{flex-wrap:wrap}.section-header{align-items:start;flex-direction:column}}@media(min-width:851px) and (max-width:1050px){.nav{gap:10px}.topbar{padding:18px 25px}.hero-inner{max-width:65%}.hero-image{width:45%}}

/* V4 fidelity corrections: exact approved brand and photo-led editorial cards */
.logo-image {display:inline-flex;align-items:center;flex-shrink:0;line-height:1}
.logo-image img {display:block;width:156px;height:auto;object-fit:contain}
.footer-logo {background:#fff;border-radius:6px;padding:5px}
.footer-logo img {width:145px}
.sector .art {height:100px;background:#e8f2f8;display:block;overflow:hidden}
.sector .art img {display:block;width:100%;height:100%;object-fit:cover}
.sector strong {min-height:46px}
.insight {display:grid;grid-template-columns:92px 1fr;column-gap:13px;align-content:center;padding:11px;min-height:110px}
.insight-photo {grid-row:1 / span 3;width:92px;height:80px;object-fit:cover;border-radius:5px}
.insight small {align-self:end}
.insight h3 {font-size:13px;line-height:1.35;margin:6px 0}
.insight .fineprint {margin:0}
@media(max-width:850px){.logo-image img{width:142px}.insight{grid-template-columns:92px 1fr}}

/* V5: visual reference fidelity refinements */
.logo-image img{width:156px;height:auto}
.hero-image{image-rendering:auto}
.trustbar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:start;gap:22px;padding:28px 42px}
.trustbar span:before{content:none}
.trust-point{display:flex;gap:10px;align-items:flex-start}
.trust-point strong{display:block;font-size:12px;line-height:1.25}
.trust-point small{display:block;font-size:10px;color:#5d7089;font-weight:400;line-height:1.4;margin-top:4px}
.trust-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:30px;height:30px;border-radius:9px;background:#e2f2ff;color:#087afa;font-size:20px;font-weight:800}
.comparison-steps .step-visual{display:flex;align-items:center;gap:12px}
.comparison-steps .step-icon{display:inline-flex;align-items:center;justify-content:center;width:49px;height:49px;border-radius:50%;background:#e7f5ff}
.comparison-steps .step-icon svg{width:26px;height:26px;fill:none;stroke:#087afa;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.comparison-steps .step{position:relative}
.comparison-steps .step:not(:last-child):after{content:"›";position:absolute;right:10px;top:6px;color:#b4c8db;font-size:32px;font-weight:300}
.supplier-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:24px;margin:27px 0 22px}
.supplier-wordmark{font-size:20px;font-weight:850;color:#637b9d;letter-spacing:-.8px;white-space:nowrap}
.supplier-wordmark small{display:block;font-size:10px;font-weight:600;letter-spacing:0}
.suppliers p{max-width:750px;margin:10px auto;color:#5b6c83;font-size:12px;line-height:1.5}
@media(max-width:850px){.trustbar{grid-template-columns:repeat(2,1fr);padding:24px;gap:20px}.comparison-steps .step:not(:last-child):after{display:none}}
@media(max-width:480px){.trustbar{grid-template-columns:1fr}.supplier-strip{gap:16px}.supplier-wordmark{font-size:17px}}


/* V7: edge-to-edge responsive section architecture; content remains readable. */
html,body{width:100%;overflow-x:clip}
body{background:#fff}
.shell{width:100%;max-width:none;margin:0;border-radius:0;box-shadow:none;overflow:visible;background:#fff}
.content-wrap{width:min(100% - 96px,1360px);margin-inline:auto}
.topbar{padding:0;background:#fff}
.topbar>.content-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:90px}
.hero{min-height:560px;background:linear-gradient(105deg,#fff 0%,#f2f9ff 58%,#d9f0ff 100%)}
.hero-inner{width:min(100% - 96px,1360px);max-width:none;margin-inline:auto;padding:80px 0 70px;min-height:560px}
.hero-inner>h1,.hero-inner>p,.hero-inner>.hero-actions,.hero-inner>.proofs{max-width:650px}
.hero-image{width:48%;object-position:center}
.hero h1{font-size:clamp(46px,4.4vw,76px)}
.section{padding:76px 0}
.section h2{font-size:clamp(30px,2.7vw,43px)}
.cards{gap:24px;margin-top:32px}
.service{padding:30px;min-height:230px}
.steps{gap:34px;margin-top:34px}
.sectors{gap:18px;margin-top:28px}
.sector .art{height:clamp(125px,12vw,190px)}
.sector strong{padding:15px;font-size:14px}
.insights{gap:22px;margin-top:30px}
.insight{min-height:150px;grid-template-columns:120px 1fr;gap:16px;padding:18px}
.insight-photo{width:120px;height:110px}
.footer{padding:0}
.footer>.content-wrap{display:flex;align-items:center;justify-content:space-between;gap:30px;padding-block:50px}
.compare-hero{min-height:440px}
.compare-hero .hero-inner{width:min(100% - 96px,1360px);max-width:none;padding:65px 0;min-height:440px}
.compare-hero .hero-inner>h1,.compare-hero .hero-inner>p{max-width:700px}
.compare-hero .hero-image{width:43%}
.comparison{padding:0 0 70px}
.comparison>.content-wrap{padding-top:0}
.form-panel{margin-top:-24px;padding:45px 55px}
.trustbar{display:block;padding:0;background:#f4faff}
.trustbar>.content-wrap{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:25px;padding-block:30px}
.suppliers{padding:0}
.suppliers>.content-wrap{padding-block:65px}
@media(max-width:1050px){.content-wrap,.hero-inner,.compare-hero .hero-inner{width:min(100% - 56px,1360px)}.topbar>.content-wrap{gap:14px}.nav{gap:12px}.hero-image{width:45%;opacity:.88}.hero-inner>h1,.hero-inner>p{max-width:55%}.sectors{grid-template-columns:repeat(3,1fr)}}
@media(max-width:850px){.content-wrap,.hero-inner,.compare-hero .hero-inner{width:calc(100% - 40px)}.topbar>.content-wrap{flex-wrap:wrap;padding-block:16px}.nav{order:3;width:100%;gap:18px;overflow-x:auto}.hero,.compare-hero{min-height:0}.hero-inner,.compare-hero .hero-inner{min-height:0;padding:45px 0 260px;max-width:none}.hero-inner>h1,.hero-inner>p,.hero-inner>.hero-actions,.hero-inner>.proofs{max-width:100%}.hero-image,.compare-hero .hero-image{width:100%;height:235px;top:auto;bottom:0;opacity:1}.section{padding:50px 0}.cards,.steps,.insights{grid-template-columns:1fr}.sectors{grid-template-columns:repeat(2,1fr)}.footer>.content-wrap{flex-direction:column;align-items:flex-start;padding-block:38px}.comparison{padding:0 0 40px}.form-panel{padding:26px 18px}.trustbar>.content-wrap{grid-template-columns:repeat(2,1fr);gap:20px}.suppliers>.content-wrap{padding-block:45px}.insight{grid-template-columns:100px 1fr}.insight-photo{width:100px;height:95px}}
@media(max-width:480px){.hero h1{font-size:42px}.hero-actions{flex-wrap:wrap}.trustbar>.content-wrap{grid-template-columns:1fr}.sectors{gap:12px}.sector .art{height:120px}.topbar>.content-wrap{gap:12px}}