:root{--navy:#082f49;--deep:#061f31;--blue:#087ea4;--aqua:#15b8a6;--ice:#e9f8f7;--ink:#13242d;--muted:#63757e;--line:#dbe5e8;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{color:inherit;text-decoration:none}.nav{height:78px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,32px);border-bottom:1px solid #e8eef0;position:sticky;top:0;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);z-index:20}.brand{display:flex;align-items:center;gap:10px;font-size:18px;font-weight:700;color:var(--navy)}.brand b{color:var(--aqua)}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:50% 50% 48% 52%;background:linear-gradient(145deg,var(--blue),var(--aqua));color:#fff;font-weight:800}.nav nav{display:flex;gap:28px;font-size:13px;font-weight:600;color:#49616c}.nav nav a:hover{color:var(--blue)}.button{display:inline-block;background:linear-gradient(135deg,var(--blue),#079b9b);color:#fff;padding:14px 20px;border-radius:7px;font-size:13px;font-weight:700;box-shadow:0 8px 20px rgba(8,126,164,.14)}.button.small{padding:11px 15px}.button.ghost{background:#fff;color:var(--navy);border:1px solid #c8d7dc;box-shadow:none}.button.light{background:#fff;color:var(--navy)}.hero{min-height:650px;display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:7vw;padding:80px max(7vw,48px);background:radial-gradient(circle at 80% 30%,#dff9f5 0,transparent 26%),linear-gradient(120deg,#f9fcfc,#edf8f8)}.hero-copy{max-width:760px}.eyebrow{font-size:11px;letter-spacing:.16em;font-weight:800;color:var(--blue);margin-bottom:18px}.hero h1{font-size:clamp(44px,5vw,70px);line-height:1.03;letter-spacing:-.045em;margin:0 0 24px;color:var(--deep)}.hero h1 span{color:var(--blue)}.lede,.section-lede{font-size:18px;line-height:1.75;color:var(--muted);max-width:720px}.actions{display:flex;gap:12px;margin:32px 0}.proof{display:flex;flex-wrap:wrap;gap:12px 24px;border-top:1px solid #d7e7e8;padding-top:22px;color:#60747c;font-size:12px;font-weight:700}.hero-panel{background:linear-gradient(155deg,#083a56,#06273b);color:#fff;border-radius:18px;padding:36px;min-height:370px;position:relative;overflow:hidden;box-shadow:0 30px 70px rgba(6,31,49,.2)}.orb{position:absolute;width:250px;height:250px;border:1px solid rgba(57,221,198,.3);border-radius:50%;right:-80px;top:-90px;box-shadow:0 0 80px rgba(21,184,166,.16)}.panel-label{font-size:10px;letter-spacing:.18em;color:#6edbce;font-weight:800}.flow{display:flex;align-items:center;justify-content:space-between;margin:75px 0 45px}.flow div{display:flex;flex-direction:column;gap:6px}.flow b{color:#5fe0d1;font-size:25px}.flow span{font-size:12px;color:#c9dce4}.flow i{font-style:normal;color:#4e7789}.hero-panel h3{font-size:26px;margin:0 0 12px}.hero-panel>p:last-child{color:#afc7d1;line-height:1.7;font-size:14px}.section{padding:100px max(7vw,48px)}.intro>h2,.process>h2{font-size:clamp(34px,4vw,50px);line-height:1.15;letter-spacing:-.035em;max-width:880px;margin:0 0 20px;color:var(--deep)}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.cards article{border:1px solid var(--line);border-radius:12px;padding:32px;transition:.2s;background:#fff}.cards article:hover{transform:translateY(-4px);box-shadow:0 18px 45px rgba(18,53,67,.08)}.cards article>span{color:var(--aqua);font-weight:800;font-size:12px}.cards h3{font-size:21px;color:var(--navy)}.cards p{color:var(--muted);line-height:1.7;font-size:14px}.cards a,.text-link{color:var(--blue);font-weight:800;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:9vw;align-items:center;padding:100px max(9vw,60px)}.split.dark{background:var(--deep);color:#fff}.split h2{font-size:clamp(34px,4vw,52px);line-height:1.1;letter-spacing:-.035em;margin:0 0 24px}.split>div>p{line-height:1.8;color:var(--muted)}.split.dark>div>p{color:#b7cad2}.checklist{border-left:1px solid #285065;padding-left:45px}.checklist h3{font-size:15px;margin-bottom:20px}.checklist p{margin:9px 0!important;color:#d5e3e8!important;font-size:14px}.checklist .button{margin-top:22px}.feature-box{background:var(--ice);border-radius:18px;padding:50px;display:flex;flex-direction:column;gap:16px}.feature-box .drop{font-size:42px;color:var(--aqua)}.feature-box small{font-weight:800;letter-spacing:.14em;color:var(--blue)}.feature-box strong{font-size:27px;line-height:1.3;color:var(--navy)}.feature-box p{margin:0!important}.process{text-align:center;background:#f7fafb}.process>h2,.process>.eyebrow{margin-left:auto;margin-right:auto}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:var(--line);border:1px solid var(--line);margin-top:50px;text-align:left}.steps div{background:#fff;padding:32px}.steps b{color:var(--aqua);font-size:24px}.steps h3{color:var(--navy)}.steps p{color:var(--muted);font-size:13px;line-height:1.6}.cta{text-align:center;padding:100px 24px;background:linear-gradient(135deg,#087ea4,#079b8e);color:#fff}.cta .eyebrow{color:#aaf3e9}.cta h2{font-size:clamp(34px,4vw,52px);margin:0 auto 18px;max-width:800px}.cta p{max-width:680px;margin:0 auto 28px;color:#d7f1ef;line-height:1.7}footer{padding:35px max(5vw,32px);display:flex;align-items:center;justify-content:space-between;gap:25px;color:#70818a;font-size:11px}footer .brand{font-size:14px}footer .mark{width:28px;height:28px}@media(max-width:900px){.nav nav{display:none}.hero,.split{grid-template-columns:1fr}.hero{padding:65px 28px}.hero-panel{min-height:320px}.cards{grid-template-columns:1fr}.section,.split{padding:75px 28px}.steps{grid-template-columns:1fr 1fr}footer{flex-direction:column;text-align:center}}@media(max-width:560px){.nav{padding:0 18px}.nav .button{display:none}.hero h1{font-size:42px}.actions{flex-direction:column}.steps{grid-template-columns:1fr}.proof{gap:10px 15px}.feature-box{padding:32px}.checklist{padding-left:24px}.flow{margin-top:55px}}
.contact-details{display:flex;justify-content:center;flex-wrap:wrap;gap:12px 24px;margin-top:25px;font-size:13px;font-weight:700}.secondary-contact{margin-left:8px}.form-hero{padding:85px max(12vw,48px) 65px;background:linear-gradient(120deg,#f9fcfc,#edf8f8);text-align:center}.form-hero h1{font-size:clamp(42px,5vw,64px);letter-spacing:-.045em;color:var(--deep);margin:0 0 20px}.form-hero>p:last-child{max-width:800px;margin:auto;color:var(--muted);font-size:17px;line-height:1.75}.submission-wrap{padding:65px max(12vw,48px) 100px;background:#f7fafb}.opportunity-form{max-width:1000px;margin:auto}.form-notice{display:flex;flex-direction:column;gap:6px;padding:18px 22px;margin-bottom:22px;background:#fff8df;border:1px solid #eadb9d;border-radius:10px;color:#66551a;font-size:13px;line-height:1.6}.opportunity-form fieldset{border:1px solid var(--line);border-radius:14px;background:#fff;padding:30px;margin:0 0 22px}.opportunity-form fieldset.standout{border-color:#9dded8;background:linear-gradient(145deg,#fff,#f1fbfa)}.opportunity-form legend{padding:0 10px;font-size:19px;font-weight:800;color:var(--navy)}.opportunity-form legend span{color:var(--aqua);font-size:12px;margin-right:9px}.fieldset-intro{color:var(--muted);font-size:14px;line-height:1.7;max-width:820px;margin:0 0 25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.form-grid label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;color:#36515e}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea{width:100%;border:1px solid #cddce1;border-radius:7px;padding:13px 14px;font:500 14px Manrope,Arial,sans-serif;color:var(--ink);background:#fff;outline:none}.form-grid textarea{resize:vertical;line-height:1.6}.form-grid input:focus,.form-grid textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px rgba(8,126,164,.08)}.form-grid small{font-weight:500;color:var(--muted);line-height:1.5}.form-submit{text-align:center;padding:20px}.form-submit button:disabled{opacity:.48;cursor:not-allowed}.form-submit p{font-size:12px;color:var(--muted);line-height:1.6}.form-submit a{color:var(--blue);font-weight:700}@media(max-width:700px){.form-hero,.submission-wrap{padding-left:22px;padding-right:22px}.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.opportunity-form fieldset{padding:23px 18px}.secondary-contact{margin:10px 0 0}}
/* 2026 brand and typography refinement */
.nav{height:88px;padding:0 max(6vw,42px)}
.brand{gap:12px;min-width:235px}
.brand-mark{width:38px;height:46px;display:block;flex:0 0 auto}
.brand-mark svg{display:block;width:100%;height:100%}
.brand-wordmark{display:flex;flex-direction:column;line-height:1}
.brand-wordmark strong{font-size:20px;letter-spacing:.035em;color:#123f86;font-weight:800}
.brand-wordmark strong span{color:#178fc4}
.brand-wordmark small{margin-top:5px;font-size:8px;letter-spacing:.34em;color:#687984;font-weight:700}
.nav nav{gap:34px;font-size:13px}
.hero{min-height:610px;grid-template-columns:minmax(0,1.12fr) minmax(390px,.72fr);gap:6vw;padding:72px max(8vw,60px)}
.hero-copy{max-width:700px}
.eyebrow{font-size:10px;letter-spacing:.18em;margin-bottom:20px}
.hero h1{font-size:clamp(44px,4.25vw,62px);line-height:1.055;letter-spacing:-.04em;margin-bottom:22px;max-width:690px}
.lede{font-size:16px;line-height:1.7;max-width:650px}
.actions{margin:28px 0}
.button{padding:13px 19px;font-size:12.5px}
.proof{font-size:10.5px;gap:10px 22px;padding-top:20px}
.hero-panel{padding:34px;min-height:345px;border-radius:16px}
.flow{margin:65px 0 38px}
.hero-panel h3{font-size:23px;line-height:1.3}
.hero-panel>p:last-child{font-size:13px;line-height:1.65}
.section{padding-top:90px;padding-bottom:90px}
.intro>h2,.process>h2{font-size:clamp(32px,3.5vw,46px);line-height:1.17;max-width:900px}
.section-lede{font-size:16px;line-height:1.75;max-width:850px}
.cards{margin-top:46px}
.split h2{font-size:clamp(32px,3.5vw,46px)}
.footer-brand{min-width:auto}
@media(max-width:900px){.nav{height:78px}.brand{min-width:auto}.hero{padding:58px 28px}.hero h1{font-size:clamp(40px,8vw,54px)}}
@media(max-width:560px){.brand-mark{width:31px;height:38px}.brand-wordmark strong{font-size:16px}.brand-wordmark small{font-size:6px}.hero h1{font-size:39px;line-height:1.08}.lede{font-size:15px}}

/* Master logo supplied by SmartLake */
.master-logo{display:flex;align-items:center;min-width:0;width:327px;height:70px}
.master-logo img{display:block;width:100%;height:auto;max-height:70px;object-fit:contain}
@media(max-width:1100px){.master-logo{width:255px}}
@media(max-width:900px){.master-logo{width:225px;height:58px}.master-logo img{max-height:58px}}

/* Corrected master-logo treatment: preserve supplied artwork intact */
.master-logo{width:300px;height:82px;overflow:hidden;display:flex;align-items:center;justify-content:flex-start}
.master-logo img{width:300px!important;height:82px!important;max-height:none!important;object-fit:contain!important;object-position:center!important;clip-path:none!important;transform:none!important}
@media(max-width:1100px){.master-logo{width:255px;height:70px}.master-logo img{width:255px!important;height:70px!important}}
@media(max-width:900px){.master-logo{width:220px;height:62px}.master-logo img{width:220px!important;height:62px!important}}

/* Remove the isolated droplet-tail remnant above the SMARTLAKE wordmark */
.master-logo{position:relative}
.master-logo::after{content:"";position:absolute;left:54.5%;top:7%;width:13.5%;height:12%;background:#fff;pointer-events:none}

/* Exact supplied two-piece SmartLake header logo */
.master-logo{width:335px!important;height:78px!important;display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:9px!important;overflow:visible!important;position:relative!important}
.master-logo>img{display:none!important}
.master-logo::before,.master-logo::after{content:""!important;display:block!important;position:static!important;pointer-events:none!important;background-repeat:no-repeat!important;background-position:center!important;background-size:contain!important;flex:0 0 auto!important}
.master-logo::before{width:54px!important;height:62px!important;background-image:url("assets/smartlake-drop.webp")!important;background-color:transparent!important}
.master-logo::after{width:258px!important;height:58px!important;background-image:url("assets/smartlake-wordmark.webp")!important;background-color:transparent!important}
@media(max-width:1100px){.master-logo{width:285px!important;height:70px!important;gap:7px!important}.master-logo::before{width:46px!important;height:54px!important}.master-logo::after{width:220px!important;height:49px!important}}
@media(max-width:900px){.master-logo{width:245px!important;height:62px!important;gap:6px!important}.master-logo::before{width:40px!important;height:47px!important}.master-logo::after{width:190px!important;height:42px!important}}

/* SmartLake logo-matched visual system */
:root{--navy:#123f86;--deep:#123f86;--blue:#178fc4;--aqua:#22a9df;--ice:#eef8fc;--ink:#173b64;--muted:#61788e;--line:#d6e5ef}
.nav{background:rgba(255,255,255,.97);border-bottom-color:#dbe8f1}
.nav nav{color:#536f89}.nav nav a:hover{color:#178fc4}
.button{background:linear-gradient(135deg,#123f86,#178fc4);box-shadow:0 8px 20px rgba(18,63,134,.15)}
.hero{background:radial-gradient(circle at 80% 30%,#e7f7fd 0,transparent 28%),linear-gradient(120deg,#fbfdff,#eff8fc)}
.hero-panel{background:linear-gradient(155deg,#123f86,#0b315f);box-shadow:0 30px 70px rgba(18,63,134,.2)}
.orb{border-color:rgba(34,169,223,.35);box-shadow:0 0 80px rgba(34,169,223,.16)}
.panel-label,.flow b{color:#69cef1}.cta{background:linear-gradient(135deg,#123f86,#178fc4)}
.feature-box{background:#eef8fc}.split.dark{background:#0b315f}.process{background:#f6fafd}
.master-logo{width:320px!important;height:74px!important;gap:8px!important}
.master-logo::before,.master-logo::after{display:none!important}
.master-logo>img{display:block!important;position:static!important;object-fit:contain!important;max-height:none!important;flex:0 0 auto!important}
.master-logo .logo-drop{width:52px!important;height:60px!important}
.master-logo .logo-wordmark{width:250px!important;height:55px!important}
@media(max-width:1100px){.master-logo{width:270px!important}.master-logo .logo-drop{width:44px!important;height:52px!important}.master-logo .logo-wordmark{width:210px!important;height:47px!important}}
@media(max-width:900px){.master-logo{width:235px!important}.master-logo .logo-drop{width:38px!important;height:46px!important}.master-logo .logo-wordmark{width:184px!important;height:41px!important}}

/* Center TECHNOLOGIES beneath SMARTLAKE in the compact footer wordmark */
.footer-brand .brand-wordmark small{display:block;width:100%;text-align:center;letter-spacing:.26em;padding-left:.26em;box-sizing:border-box}

/* 2026-10 concise B2B layout refinement */
.hero{grid-template-columns:minmax(0,1.08fr) minmax(360px,.68fr);padding-top:66px;padding-bottom:66px}
.hero-copy{max-width:760px}.hero h1{max-width:750px;font-size:clamp(43px,4vw,59px)}
.lede{max-width:680px;font-size:16px}.proof{max-width:680px}
.intro>h2,.process>h2{max-width:760px}.section-lede{max-width:760px}
.cards article p{max-width:34ch}.split>div>p{max-width:610px}
.cta>p{max-width:720px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.hero{grid-template-columns:1fr;padding-top:48px;padding-bottom:54px}.hero-panel{min-height:300px}.cards{grid-template-columns:1fr}.split{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.steps{grid-template-columns:1fr}.hero h1{font-size:38px}.actions{align-items:stretch}.actions .button{text-align:center}}
