:root{--navy:#071822;--navy2:#0b2633;--ink:#10252e;--cyan:#20d6cf;--cyan2:#0bb8bb;--paper:#f3f7f7;--white:#fff;--muted:#58717a;--line:#cddcde}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,system-ui,sans-serif;font-size:16px;line-height:1.6}
a{color:inherit}
.topbar{height:88px;padding:0 clamp(22px,5vw,72px);display:flex;align-items:center;justify-content:space-between;background:var(--navy);color:#fff;position:absolute;z-index:5;width:100%;border-bottom:1px solid #ffffff22}
.brand{display:flex;align-items:center;text-decoration:none}.essetre-logo{display:block;width:clamp(245px,25vw,360px);height:auto}.footer-logo{width:clamp(260px,30vw,420px)}
.top-link{font-size:14px;text-decoration:none;border-bottom:1px solid var(--cyan);padding-bottom:3px}
.hero{min-height:760px;height:100svh;position:relative;display:flex;align-items:center;overflow:hidden;background:var(--navy)}
.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}
.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,14,21,.97) 0%,rgba(3,14,21,.88) 38%,rgba(3,14,21,.18) 76%),linear-gradient(0deg,rgba(3,14,21,.55),transparent 55%)}
.hero-content{position:relative;z-index:2;color:#fff;width:min(830px,90vw);margin-left:clamp(22px,7vw,110px);padding-top:78px}
.eyebrow{text-transform:uppercase;letter-spacing:.16em;font-size:13px;font-weight:800;color:var(--cyan);margin:0 0 20px}.eyebrow.dark{color:#087f84}
h1,h2,h3,p{margin-top:0}h1{font-size:clamp(42px,5.7vw,82px);line-height:1.03;letter-spacing:-.055em;margin-bottom:28px;max-width:1000px}h1 em{color:var(--cyan);font-style:normal}
.lead{font-size:clamp(17px,1.55vw,22px);line-height:1.55;color:#d7e2e4;max-width:660px;margin-bottom:34px}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:24px;min-height:54px;padding:14px 22px;border-radius:5px;font-size:15px;font-weight:800;text-decoration:none;transition:.2s ease;border:1px solid transparent}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--cyan);color:#032026}.button-primary:hover{background:#6de9e4}.button-secondary{border-color:#ffffff70;color:#fff;background:#0a1c2599}.button-secondary:hover{border-color:#fff}.link-note{font-size:13px;color:#a8babc;margin-top:12px;display:none}
.scroll-cue{position:absolute;right:clamp(20px,4vw,66px);bottom:36px;color:#c8d7d9;font-size:11px;letter-spacing:.2em;z-index:2;display:flex;gap:12px;align-items:center}.scroll-cue span{color:var(--cyan);font-size:20px}
.promise{padding:clamp(76px,10vw,140px) clamp(22px,7vw,110px);max-width:1500px;margin:auto}.section-heading{display:grid;grid-template-columns:1fr 1.4fr;gap:50px;align-items:start;margin-bottom:75px}.section-heading h2,.catalog-cta h2,.mascot-card h2,.location h2{font-size:clamp(34px,4.3vw,62px);line-height:1.06;letter-spacing:-.045em;margin:0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefits article{background:var(--paper);padding:42px clamp(20px,3vw,42px)}.number{font-size:13px;color:#07888c;font-weight:800;letter-spacing:.14em}.benefits h3{font-size:22px;margin:40px 0 14px}.benefits p{color:var(--muted);margin:0}
.catalog-cta{margin:0 clamp(22px,4vw,60px);background:var(--navy);color:#fff;padding:clamp(50px,7vw,90px);display:flex;justify-content:space-between;align-items:end;gap:40px;border-radius:16px}.catalog-cta .eyebrow{margin-bottom:14px}.catalog-cta h2{max-width:700px}
.lead-section{padding:clamp(75px,9vw,125px) clamp(22px,7vw,110px);display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(40px,7vw,100px);align-items:start;max-width:1500px;margin:auto}.lead-heading h2{font-size:clamp(34px,4.3vw,62px);line-height:1.06;letter-spacing:-.045em;margin:0 0 24px}.lead-heading>p:last-child{color:var(--muted);font-size:18px;max-width:560px}.auto-contact-form{background:#fff;border:1px solid var(--line);padding:clamp(24px,4vw,44px);border-radius:14px;box-shadow:0 20px 60px #0a26330d}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-weight:700}.form-grid label>span,.consent b{color:#087f84}.form-grid small{font-weight:500;color:var(--muted)}.form-grid .full{grid-column:1/-1}.auto-contact-form input,.auto-contact-form select,.auto-contact-form textarea{width:100%;border:1px solid #b9cbce;border-radius:5px;padding:13px 14px;background:#fff;color:var(--ink);font:inherit}.auto-contact-form input:focus,.auto-contact-form select:focus,.auto-contact-form textarea:focus{outline:3px solid #20d6cf44;border-color:var(--cyan2)}.auto-contact-form textarea{resize:vertical}.consent{display:flex;gap:12px;align-items:flex-start;margin:24px 0 20px;color:var(--muted);font-size:14px;font-weight:500}.consent input{width:18px;height:18px;margin:3px 0 0;flex:0 0 auto}.consent a{color:#087f84;font-weight:700}.honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0}.auto-contact-form .submit{border:0;cursor:pointer}.auto-contact-form .submit:disabled{opacity:.65;cursor:wait}.form-note{margin:14px 0 0;color:var(--muted);font-size:13px}.form-status{min-height:26px;margin-top:12px;font-weight:700}.form-status.success{color:#14763b}.form-status.error{color:#b31626}
.mascot-card{margin:clamp(70px,9vw,130px) auto;padding:clamp(28px,4vw,55px);max-width:1240px;display:grid;grid-template-columns:180px 1fr auto;align-items:center;gap:45px;background:#fff;border:1px solid var(--line);box-shadow:0 20px 60px #0a26330d}.mascot-photo{width:180px;aspect-ratio:4/5;overflow:hidden;border-radius:14px;box-shadow:-9px 9px 0 var(--cyan);background:#e8eff0}.mascot-photo img{width:100%;height:100%;object-fit:cover;object-position:center;display:block}.network-logo{width:58px;height:58px;object-fit:contain;display:block;margin-bottom:18px}.mascot-copy h2{font-size:clamp(28px,3vw,44px);margin-bottom:18px}.mascot-copy p:last-child{color:var(--muted);margin:0;max-width:720px}.text-link{font-weight:800;color:#087f84;text-decoration:none;white-space:nowrap}.text-link[aria-disabled="true"]{opacity:.55;pointer-events:none}
.location{background:var(--cyan);padding:clamp(55px,7vw,90px) clamp(22px,7vw,110px);display:flex;align-items:end;justify-content:space-between;gap:30px}.location .eyebrow{color:#074a4d}.location p:last-child{margin:20px 0 0;font-weight:600}.button.light{background:#fff;color:var(--navy);border-color:#fff}
footer{background:var(--navy);color:#fff;padding:45px clamp(22px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:25px}footer p{font-size:13px;color:#91a8ad;margin:0}
@media(max-width:850px){.topbar{height:76px}.brand-mark{width:42px;height:42px}.hero{min-height:720px}.hero-content{padding-top:90px}.hero-shade{background:linear-gradient(90deg,rgba(3,14,21,.94),rgba(3,14,21,.58)),linear-gradient(0deg,rgba(3,14,21,.7),transparent)}.section-heading,.lead-section{grid-template-columns:1fr;gap:35px}.section-heading{gap:12px;margin-bottom:45px}.benefits{grid-template-columns:1fr}.catalog-cta,.location{align-items:flex-start;flex-direction:column}.mascot-card{grid-template-columns:120px 1fr;gap:24px;margin-left:20px;margin-right:20px}.mascot-photo{width:120px}.mascot-card .text-link{grid-column:2}.scroll-cue{display:none}}
@media(max-width:560px){.top-link{display:none}h1{font-size:42px}.hero{height:auto;min-height:100svh;padding:100px 0 48px;align-items:flex-start}.hero-content{margin:0 20px;width:auto;padding-top:0}.hero-actions{flex-direction:column}.button{width:100%}.hero-image{object-position:62% center}.promise,.lead-section{padding-left:20px;padding-right:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.catalog-cta{margin:0 12px;padding:44px 24px}.mascot-card{grid-template-columns:1fr}.mascot-photo{width:100%;max-width:260px}.mascot-card .text-link{grid-column:1}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:850px){.essetre-logo{width:250px}}
@media(max-width:560px){.essetre-logo{width:210px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}