:root{--blue:#2448e8;--navy:#061d50;--sky:#eaf4ff;--yellow:#fff02c;--white:#fff;--grey:#f5f7fb;--line:#dbe3f2;--muted:#55647b;--wrap:1240px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--navy);font:16px/1.55 "Archivo",sans-serif;overflow-x:hidden}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1;letter-spacing:-.045em}h2{font-size:clamp(2.2rem,3.5vw,4rem)}a{color:inherit;text-decoration:none}img{display:block;width:100%}button,input,select{font:inherit}.wrap{max-width:var(--wrap);padding-inline:26px;margin:auto}.skip,.sr{position:absolute;left:-9999px}.skip:focus{left:1rem;top:1rem;background:white;padding:1rem;z-index:99}.demo-bar{height:36px;background:#03143a;color:white;display:flex;justify-content:space-between;align-items:center;padding:0 28px;font-size:12px}.utility{height:34px;padding:0 4vw;display:flex;justify-content:space-between;align-items:center;background:var(--blue);color:white;font-size:12px}header{background:white;position:sticky;top:0;z-index:20;box-shadow:0 10px 30px rgba(6,29,80,.06)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;gap:26px}.logo{display:flex;align-items:center;gap:10px}.logo>b{display:grid;place-items:center;background:var(--blue);color:white;width:40px;height:40px;font-size:24px}.logo span{display:flex;flex-direction:column}.logo strong{font-size:18px;line-height:1}.logo small{font-size:7px;letter-spacing:.14em;color:var(--blue);margin-top:5px}.nav>nav{display:flex;gap:30px;font-size:14px;font-weight:700}.nav-actions{display:flex;align-items:center;gap:12px}.login{border:1px solid var(--blue);padding:11px 16px;color:var(--blue);font-weight:700;font-size:13px}.button{display:inline-flex;align-items:center;justify-content:center;background:var(--blue);color:white;border:0;padding:12px 18px;min-height:46px;font-weight:700}.nav-actions button{display:none;background:none;border:0;font-size:22px}.search{display:grid;grid-template-columns:1fr 220px 110px;gap:8px;padding-bottom:16px;position:relative}.search input,.search select{border:1px solid var(--line);padding:12px;background:white;color:var(--muted)}.search p{position:absolute;left:26px;bottom:-6px;font-size:11px;color:var(--blue)}#mobile-nav{display:none;padding:12px 26px 22px}#mobile-nav a{display:block;padding:10px 0;border-bottom:1px solid var(--line)}.hero{background:linear-gradient(115deg,#fff 0,#fff 45%,var(--sky) 45%)}.hero-grid{display:grid;grid-template-columns:.9fr 1.2fr;align-items:center;min-height:650px;padding-right:0}.hero-grid>div:first-child{padding:60px 40px 60px 0}.eyebrow{text-transform:uppercase;letter-spacing:.12em;color:var(--blue);font-size:12px;font-weight:800;margin-bottom:18px}.hero h1{font-size:clamp(3.5rem,5.5vw,6.4rem)}.hero-grid>div:first-child>p:not(.eyebrow){font-size:18px;color:var(--muted);max-width:530px;margin-top:24px}.buttons{display:flex;gap:26px;align-items:center;margin-top:32px}.text-link{font-weight:700;color:var(--blue);text-decoration:underline}.hero-media{height:650px;position:relative;overflow:hidden}.hero-media img{height:100%;object-fit:cover;object-position:center}.hero-media aside{position:absolute;right:0;bottom:42px;background:var(--blue);color:white;padding:22px 30px;font-size:23px;font-weight:800;line-height:1.05}.benefits{display:grid;grid-template-columns:repeat(4,1fr);padding-block:30px}.benefits article{display:grid;grid-template-columns:45px 1fr;gap:3px 12px;padding:0 20px;border-right:1px solid var(--line)}.benefits article:last-child{border:0}.benefits span{grid-row:1/3;font-size:31px;color:var(--blue)}.benefits b,.benefits small{display:block}.benefits small{font-size:12px;color:var(--muted)}.section{padding-block:105px}.title-row,.product-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:44px}.title-row a{color:var(--blue);font-weight:700}.range-grid{display:grid;grid-template-columns:1.15fr 1fr 1fr;grid-template-rows:230px 230px;gap:12px}.range-grid a{position:relative;overflow:hidden;border:1px solid var(--line);background:var(--grey)}.range-grid a img{height:calc(100% - 48px);object-fit:cover;transition:.45s}.range-grid a:hover img{transform:scale(1.04)}.range-grid .range-main{grid-row:span 2}.range-grid .range-main img{height:calc(100% - 48px)}.range-grid b{position:absolute;left:16px;bottom:14px}.range-grid span{position:absolute;right:16px;bottom:13px}.blue-band{background:var(--blue);color:white;padding:70px 0}.blue-band .wrap{display:grid;grid-template-columns:1.5fr repeat(3,.7fr);gap:30px;align-items:center}.blue-band h2{color:white;font-size:clamp(2rem,3vw,3.5rem)}.blue-band p{color:#ccd6ff;max-width:460px;margin-top:14px}.blue-band article{border-left:1px solid #7b91f4;padding-left:28px;display:flex;flex-direction:column;gap:18px}.blue-band article span{font-size:34px}.product-heading [role=tablist]{display:flex;border-bottom:1px solid var(--line)}.product-heading button{border:0;background:white;padding:12px 18px;color:var(--muted)}.product-heading button.is-active{color:var(--blue);border-bottom:3px solid var(--blue)}.products{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.products article{border:1px solid var(--line);padding:12px;display:flex;flex-direction:column}.products article[hidden]{display:none}.products img{height:250px;object-fit:cover;background:var(--grey)}.products article>p{font-size:11px;color:var(--blue);font-weight:800;text-transform:uppercase;margin-top:16px}.products h3{font-size:22px;margin:7px 0}.products span,.products small{font-size:13px;color:var(--muted)}.products small{margin-top:18px}.products a{border:1px solid var(--blue);color:var(--blue);font-weight:700;text-align:center;padding:10px;margin-top:12px}.about{background:var(--sky);padding:90px 0}.about-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:60px;align-items:center}.about img{height:500px;object-fit:cover}.about-grid>div>p:not(.eyebrow){color:var(--muted);font-size:18px;margin:23px 0}.about ul{list-style:none;margin:0 0 26px;padding:0}.about li{border-top:1px solid #bdd3ee;padding:16px 0;font-weight:600}.about li span{color:var(--blue);margin-right:12px}.about a{font-weight:800;color:var(--blue);text-decoration:underline}.delivery{display:grid;grid-template-columns:1.3fr .7fr;gap:60px;align-items:center}.delivery ol{display:grid;grid-template-columns:repeat(3,1fr);list-style:none;padding:0;margin:42px 0 0}.delivery li{display:flex;flex-direction:column;border-right:1px solid var(--line);padding-right:20px}.delivery li+li{padding-left:20px}.delivery li b{font-size:25px;color:var(--blue)}.delivery li strong{margin:10px 0 5px}.delivery li span{font-size:13px;color:var(--muted)}.delivery form{background:var(--navy);color:white;padding:38px}.delivery form h3{font-size:28px}.delivery form label{display:block;font-size:12px;margin:24px 0 6px}.delivery form input{width:100%;padding:13px;border:0}.yellow{width:100%;padding:13px;background:var(--yellow);color:var(--navy);border:0;font-weight:800;margin-top:10px}.delivery form p{font-size:12px;color:#c7d5f4;margin-top:14px}.faq{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.faq details{border-top:1px solid var(--line);padding:20px}.faq details:last-child{border-bottom:1px solid var(--line)}.faq summary{display:flex;justify-content:space-between;font-weight:700;cursor:pointer}.faq details p{color:var(--muted);padding-top:14px}.cta{background:var(--yellow);padding:80px 0}.cta .wrap{display:flex;justify-content:space-between;align-items:center}.cta h2{font-size:clamp(3rem,5vw,5rem)}.cta p{margin:16px 0 26px}.navy{display:inline-flex;background:var(--navy);color:white;padding:14px 20px;font-weight:700}.cta .wrap>span{font-size:180px;line-height:.5;color:var(--blue)}footer{background:var(--navy);color:white;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:50px}.footer-grid>div{display:flex;flex-direction:column;gap:8px}.footer-grid h3{font-size:14px;margin-bottom:10px}.footer-grid a,.footer-grid small{font-size:13px;color:#cbd5ed}.copy{border-top:1px solid #38507c;margin-top:45px;padding-top:20px;font-size:12px}.has-motion .reveal{opacity:0;transform:translateY(22px);transition:.6s}.has-motion .reveal.is-visible{opacity:1;transform:none}@media(max-width:900px){.nav>nav,.login{display:none}.nav-actions button{display:block}#mobile-nav{display:block}.hero-grid,.about-grid,.delivery,.faq{grid-template-columns:1fr}.hero-grid>div:first-child{padding:70px 26px}.hero-media{height:480px}.benefits,.blue-band .wrap{grid-template-columns:repeat(2,1fr);gap:28px}.range-grid{grid-template-columns:1fr 1fr}.range-grid .range-main{grid-row:auto}.products{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.demo-bar span,.utility span:last-child,.nav-actions .button{display:none}.search{grid-template-columns:1fr}.search select{display:none}.hero-grid{padding:0}.hero h1{font-size:3.4rem}.buttons{align-items:flex-start;flex-direction:column}.benefits,.range-grid,.blue-band .wrap,.products{grid-template-columns:1fr}.range-grid{grid-template-rows:none}.range-grid a,.range-grid .range-main{height:280px}.title-row,.product-heading{align-items:flex-start;flex-direction:column;gap:24px}.product-heading [role=tablist]{overflow:auto;width:100%}.about img{height:360px}.delivery ol{grid-template-columns:1fr}.delivery li,.delivery li+li{border-right:0;border-top:1px solid var(--line);padding:16px 0}.cta .wrap>span{display:none}.footer-grid{grid-template-columns:1fr}}

[hidden]{display:none!important}

/* Approved mockup alignment: compact partner story with the original photo */
.about{padding:0;background:linear-gradient(100deg,#eef8ff 0%,#e4f3ff 52%,#edf8ff 100%)}
.about{scroll-margin-top:78px}
.about .about-grid{grid-template-columns:1.08fr .92fr;gap:54px;min-height:540px;padding-block:58px;align-items:center}
.about img{width:100%;height:auto;aspect-ratio:1.44/1;object-fit:cover;object-position:center;border-radius:5px;box-shadow:0 14px 30px rgba(6,29,80,.08)}
.about-grid>div>p:not(.eyebrow){font-size:16px;line-height:1.5;max-width:520px;margin:18px 0 16px}
.about .eyebrow{margin-bottom:10px}
.about h2{font-size:clamp(2.55rem,3.9vw,4.25rem)}
.about ul{margin-bottom:16px}
.about li{padding:13px 0}
@media(max-width:900px){.about .about-grid{grid-template-columns:1fr;gap:38px;padding-block:70px}.about img{max-width:760px;margin:auto}.about-grid>div{max-width:760px}}
@media(max-width:640px){.about .about-grid{padding-block:54px}.about h2{font-size:2.65rem}}
