:root{--ink:#07111c;--panel:#0b1825;--paper:#f2f5f6;--muted:#9aa8b6;--line:rgba(195,222,238,.16);--ice:#bfeaff;--blue:#4cc4ff;--orange:#f0a35e;--max:1180px}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--ink);color:var(--paper);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}
a{color:inherit;text-decoration:none}
h1,h2,h3,p{margin-top:0}
.ambient{position:fixed;border-radius:50%;filter:blur(120px);pointer-events:none;opacity:.12;z-index:-1}
.ambient-one{width:600px;height:600px;background:var(--blue);top:-200px;right:-280px}
.ambient-two{width:400px;height:400px;background:var(--orange);top:700px;left:-300px}
.site-header{height:84px;max-width:var(--max);margin:auto;padding:0 24px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:relative;z-index:5}
.brand{display:flex;gap:13px;align-items:center}
.brand-mark{width:43px;height:43px;border:1px solid rgba(191,234,255,.45);display:grid;place-items:center;font:800 12px Arial;letter-spacing:1px;clip-path:polygon(12% 0,88% 0,100% 30%,100% 82%,75% 100%,25% 100%,0 82%,0 30%)}
.brand strong{display:block;font:700 14px Arial;letter-spacing:1.2px}
.brand small{display:block;font-size:10px;letter-spacing:6px;color:var(--muted);margin-top:3px}
nav{display:flex;gap:30px;font-size:14px;color:#b9c5ce}
nav a:hover{color:#fff}
.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;background:var(--blue);color:#04111a;padding:17px 22px;border-radius:4px;font-weight:700;box-shadow:0 12px 35px rgba(76,196,255,.16);transition:.25s}
.button:hover{transform:translateY(-2px);background:#77d4ff}
.button span{font-size:20px}
.button-small{padding:11px 18px;font-size:13px}
.hero{max-width:var(--max);margin:auto;min-height:720px;padding:96px 24px 80px;display:grid;grid-template-columns:1.08fr .92fr;align-items:center;gap:76px}
.eyebrow{font:700 11px Arial;letter-spacing:2.3px;text-transform:uppercase;color:var(--ice);display:flex;align-items:center;gap:10px}
.eyebrow span{width:28px;height:1px;background:var(--blue)}
h1,h2{font-family:Arial,Helvetica,sans-serif;letter-spacing:-.045em;line-height:1.02}
h1{font-size:clamp(49px,6vw,78px);margin:22px 0 28px}
h1 em,h2 em{font-style:normal;color:var(--blue)}
.hero-lede{font-size:19px;line-height:1.65;color:#b7c3cc;max-width:650px}
.hero-actions{display:flex;align-items:center;gap:28px;margin:35px 0 46px}
.text-link{font-weight:700;border-bottom:1px solid rgba(255,255,255,.35);padding-bottom:5px}
.proof-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);padding-top:24px}
.proof-strip div{border-right:1px solid var(--line);padding-right:15px;margin-right:15px}
.proof-strip div:last-child{border:0}
.proof-strip strong,.proof-strip span{display:block}
.proof-strip strong{font-size:14px}
.proof-strip span{color:var(--muted);font-size:11px;margin-top:5px}
.hero-visual{height:530px;position:relative;display:grid;place-items:center;background:radial-gradient(circle,rgba(76,196,255,.09),transparent 62%)}
.orbit{position:absolute;border:1px solid var(--line);border-radius:50%}
.orbit-a{width:430px;height:430px}
.orbit-b{width:330px;height:330px;border-style:dashed;animation:spin 26s linear infinite}
.signal-card{position:absolute;background:linear-gradient(145deg,rgba(17,35,51,.96),rgba(7,17,28,.94));border:1px solid rgba(191,234,255,.27);box-shadow:0 30px 70px rgba(0,0,0,.4);backdrop-filter:blur(12px)}
.card-main{width:300px;height:300px;padding:28px;transform:rotate(-3deg);font:700 10px Arial;letter-spacing:1.6px}
.live-dot{display:inline-block;width:7px;height:7px;background:#64e1ad;border-radius:50%;box-shadow:0 0 12px #64e1ad;margin-right:8px}
.metric{margin-top:60px}
.metric small,.metric strong{display:block}
.metric small{color:var(--muted);font:500 12px DM Sans}
.metric strong{font:700 30px Arial;margin-top:6px;letter-spacing:-1px}
.bars{height:74px;display:flex;align-items:end;gap:9px;margin-top:31px}
.bars i{flex:1;background:linear-gradient(var(--blue),rgba(76,196,255,.1));height:25%;animation:pulse 3s ease-in-out infinite}
.bars i:nth-child(2){height:44%;animation-delay:.2s}
.bars i:nth-child(3){height:37%;animation-delay:.4s}
.bars i:nth-child(4){height:65%;animation-delay:.6s}
.bars i:nth-child(5){height:72%;animation-delay:.8s}
.bars i:nth-child(6){height:95%;animation-delay:1s}
.card-small{width:155px;padding:16px 18px}
.card-small span{font:600 9px Arial;color:var(--blue);float:right}
.card-small strong,.card-small small{display:block}
.card-small strong{font:700 13px Manrope}
.card-small small{font-size:10px;color:var(--muted);margin-top:5px}
.card-sites{top:46px;left:0}
.card-systems{right:-15px;top:125px}
.card-scale{left:12px;bottom:50px}
.local-tag{position:absolute;right:14px;bottom:48px;font-size:12px;line-height:1.5;color:var(--muted)}
.local-tag strong{color:white}
.problem-band{max-width:var(--max);margin:auto;padding:40px 24px 60px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:grid;grid-template-columns:.65fr 1.35fr;gap:30px}
.problem-band>p{color:var(--blue);font-weight:700}
.problem-band h2{font-size:clamp(30px,4vw,47px);margin-bottom:32px}
.problem-list{display:flex;flex-wrap:wrap;gap:10px}
.problem-list span{border:1px solid var(--line);border-radius:99px;padding:10px 14px;font-size:12px;color:#b8c4ce}
.section{max-width:var(--max);margin:auto;padding:120px 24px}
.section-heading{display:grid;grid-template-columns:1fr 1.2fr 1fr;align-items:end;gap:30px;margin-bottom:58px}
.section-heading .eyebrow{align-self:start}
.section-heading h2{font-size:clamp(39px,5vw,62px);margin:0}
.section-heading>p:last-child{color:var(--muted);line-height:1.7}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.service-card{background:rgba(11,24,37,.65);border:1px solid var(--line);padding:34px;min-height:420px;position:relative;transition:.3s}
.service-card:hover{transform:translateY(-5px);border-color:rgba(76,196,255,.45)}
.service-card.featured{background:linear-gradient(160deg,rgba(28,69,91,.75),rgba(11,24,37,.8))}
.service-no{position:absolute;right:20px;top:18px;color:#566979;font:600 11px Manrope}
.service-icon{width:48px;height:48px;border:1px solid rgba(76,196,255,.3);display:grid;place-items:center;color:var(--blue);font-size:22px;margin-bottom:66px}
.service-card h3{font:700 24px/1.2 Arial;margin-bottom:18px}
.service-card p{color:#aebbc5;line-height:1.65}
.service-card ul{padding:22px 0 0;margin:0;border-top:1px solid var(--line);list-style:none;display:flex;gap:8px;flex-wrap:wrap}
.service-card li{font-size:11px;border:1px solid var(--line);padding:7px 10px;border-radius:50px}
.service-card.compact{grid-column:1/-1;min-height:0;display:grid;grid-template-columns:auto .55fr 1fr;gap:26px;align-items:center}
.service-card.compact .service-icon{margin:0}
.service-card.compact h3,.service-card.compact p{margin:0}
.process{border-top:1px solid var(--line)}
.steps{display:grid;grid-template-columns:repeat(3,1fr)}
.steps article{padding:32px 38px;border-left:1px solid var(--line)}
.steps article:last-child{border-right:1px solid var(--line)}
.steps span{font:600 11px Arial;color:var(--blue)}
.steps h3{font:700 20px/1.3 Arial;margin:48px 0 15px}
.steps p{color:var(--muted);font-size:14px;line-height:1.7}
.about{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}
.about-art{height:590px;overflow:hidden;position:relative;border:1px solid var(--line)}
.about-art img{width:100%;height:100%;object-fit:cover;object-position:center top;filter:saturate(.72) brightness(.72)}
.about-art:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(7,17,28,.88))}
.about-art span{position:absolute;z-index:1;bottom:24px;left:24px;font:700 10px Arial;letter-spacing:2px}
.about-copy h2{font-size:clamp(43px,5vw,65px);margin:24px 0 30px}
.about-copy .large{font-size:19px;line-height:1.7;color:#b8c4cd}
.principles{margin-top:40px;border-top:1px solid var(--line)}
.principles div{padding:18px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr 1fr}
.principles span{color:var(--muted);font-size:13px}
.referral{background:linear-gradient(120deg,rgba(20,58,79,.8),rgba(11,24,37,.65));display:grid;grid-template-columns:1.2fr 1fr;align-items:end;gap:80px;border:1px solid rgba(76,196,255,.2);padding-top:75px;padding-bottom:75px}
.referral h2{font-size:clamp(42px,6vw,70px);margin:22px 0 0}
.referral>div:last-child p{color:#b8c4cd;line-height:1.7}
.referral .text-link{display:inline-block;margin-top:15px}
.cta{text-align:center;background:var(--blue);color:#06121b;max-width:none;padding:110px 24px}
.cta .eyebrow{justify-content:center;color:#173749}
.cta .eyebrow span{background:#173749}
.cta h2{font-size:clamp(47px,7vw,78px);margin:28px 0}
.cta>p:not(.eyebrow){max-width:660px;margin:0 auto 35px;line-height:1.7}
.button-light{background:#07111c;color:white}
.button-light:hover{background:#152b3d}
.cta-actions{display:flex;justify-content:center;align-items:center;gap:30px}
.cta-actions>a:last-child{font-weight:700;border-bottom:1px solid rgba(0,0,0,.3)}
footer{max-width:var(--max);margin:auto;min-height:180px;padding:48px 24px;display:grid;grid-template-columns:1fr 1fr 1fr;align-items:center;gap:30px;color:var(--muted);font-size:12px}
footer p:nth-child(2){text-align:center}
footer p:last-child{text-align:right}
.mobile-cta{display:none}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .7s,transform .7s}
.reveal.visible{opacity:1;transform:none}
@keyframes spin{to{transform:rotate(360deg)}
}
@keyframes pulse{50%{filter:brightness(1.5);transform:scaleY(.92)}
}
@media(max-width:900px){nav{display:none}
.hero{grid-template-columns:1fr;padding-top:70px}
.hero-visual{height:480px}
.problem-band,.about,.referral{grid-template-columns:1fr}
.section-heading{grid-template-columns:1fr;margin-bottom:42px}
.service-grid{grid-template-columns:1fr 1fr}
.service-card.compact{grid-column:1/-1}
.about-art{height:520px}
.steps{grid-template-columns:1fr}
.steps article,.steps article:last-child{border:0;border-top:1px solid var(--line);padding-left:0}
.referral{gap:35px;margin-left:16px;margin-right:16px}
}
@media(max-width:620px){body{padding-bottom:66px}
.site-header{height:70px}
.site-header .button{display:none}
.brand strong{font-size:11px}
.brand small{font-size:8px}
.hero{min-height:auto;padding:64px 20px}
.hero-actions{align-items:flex-start;flex-direction:column}
.hero-actions .button{width:100%}
.proof-strip{grid-template-columns:1fr;gap:17px}
.proof-strip div{border-right:0}
.hero-visual{height:420px;margin-top:8px}
.orbit-a{width:350px;height:350px}
.orbit-b{width:275px;height:275px}
.card-main{width:245px;height:245px}
.metric{margin-top:38px}
.card-small{width:130px}
.card-sites{top:35px}
.card-systems{right:0}
.local-tag{display:none}
.problem-band{padding:36px 20px}
.section{padding:88px 20px}
.service-grid{grid-template-columns:1fr}
.service-card{min-height:360px}
.service-card.compact{display:block}
.service-card.compact .service-icon{margin-bottom:24px}
.service-card.compact h3{margin-bottom:12px}
.steps{display:block}
.about{gap:42px}
.about-art{height:460px}
.principles div{grid-template-columns:1fr;gap:5px}
.referral{padding:54px 24px}
.cta-actions{flex-direction:column}
.cta-actions .button{width:100%}
footer{grid-template-columns:1fr;text-align:left;padding-bottom:40px}
footer p:nth-child(2),footer p:last-child{text-align:left}
.mobile-cta{display:flex;position:fixed;left:10px;right:10px;bottom:10px;height:52px;background:var(--blue);color:#05121b;z-index:20;align-items:center;justify-content:space-between;padding:0 20px;border-radius:5px;font-weight:800;box-shadow:0 10px 40px #000}
}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important}
.reveal{opacity:1;transform:none}
}
.microcopy{font-size:12px;color:var(--muted);max-width:620px;margin:-22px 0 36px;line-height:1.6}
.secondary-capabilities{margin:24px 0 0;color:var(--muted);font-size:12px;text-align:center}
.review{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.review-deliverables{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}
.review-deliverables article{padding:36px;border-right:1px solid var(--line)}
.review-deliverables article:last-child{border:0}
.review-deliverables span,.example-card>small{font:700 10px Arial;letter-spacing:1.5px;color:var(--blue)}
.review-deliverables h3{font:700 20px/1.25 Arial;margin:38px 0 12px}
.review-deliverables p,.example-card>p{color:var(--muted);line-height:1.65;font-size:14px}
.review-note{text-align:center;color:var(--ice);font-size:13px;margin:24px 0 0}
.examples{padding-top:100px}.example-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.example-card{background:rgba(11,24,37,.72);border:1px solid var(--line);padding:28px}.example-card h3{font:700 23px Arial;margin:28px 0 10px}
.browser-mock{height:230px;background:#eef4f7;border-radius:5px;overflow:hidden;color:#07111c}.browser-bar{height:28px;background:#dce6eb;padding:9px}.browser-bar i{display:inline-block;width:7px;height:7px;background:#91a5b0;border-radius:50%;margin-right:4px}
.mock-hero{height:202px;padding:42px;display:flex;flex-direction:column;align-items:flex-start;background:linear-gradient(130deg,#fff,#dff1fa)}.mock-hero b{font:800 25px Manrope}.mock-hero span{font-size:13px;margin:8px 0 24px;color:#536671}.mock-hero button{border:0;background:#0b7fb5;color:white;padding:10px 15px;border-radius:3px}
.flow-mock{height:230px;display:flex;align-items:center;justify-content:center;gap:10px;background:radial-gradient(circle,rgba(76,196,255,.11),transparent 70%);border:1px solid var(--line)}.flow-mock span{background:#11293a;border:1px solid rgba(76,196,255,.3);padding:18px 13px;font:700 11px Arial;text-align:center}.flow-mock i{color:var(--blue);font-style:normal}
.contact{max-width:none;background:linear-gradient(125deg,#0b2435,#091520);display:grid;grid-template-columns:1fr 1fr;gap:70px;padding-left:max(24px,calc((100vw - var(--max))/2 + 24px));padding-right:max(24px,calc((100vw - var(--max))/2 + 24px))}
.contact-copy h2{font-size:clamp(43px,5vw,67px);margin:25px 0}.contact-copy>p:not(.eyebrow){color:#b8c4cd;line-height:1.7}.direct-contact{display:flex;flex-direction:column;align-items:flex-start;gap:14px;margin-top:32px;font-weight:700}.direct-contact a{border-bottom:1px solid rgba(255,255,255,.25)}
.inquiry-form{background:#f2f5f6;color:#07111c;padding:34px;border-radius:4px;display:grid;grid-template-columns:1fr 1fr;gap:18px}.inquiry-form label{font-size:12px;font-weight:700;display:flex;flex-direction:column;gap:7px}.inquiry-form label:nth-child(3),.inquiry-form label:nth-child(4),.inquiry-form button,.form-note{grid-column:1/-1}
.inquiry-form input,.inquiry-form select{width:100%;border:1px solid #cdd9df;background:white;border-radius:3px;padding:14px;font:500 14px DM Sans;color:#07111c}.inquiry-form input:focus,.inquiry-form select:focus{outline:2px solid var(--blue);outline-offset:1px}.inquiry-form .button{border:0;cursor:pointer;margin-top:5px}.form-note{font-size:10px;color:#647783;line-height:1.5;margin:0}
.partner-strip{max-width:var(--max);margin:28px auto 0;padding:25px 24px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;gap:20px;color:var(--muted);font-size:13px}.partner-strip p{margin:0}.partner-strip strong,.partner-strip a{color:white}.partner-strip a{white-space:nowrap;font-weight:700}
@media(max-width:900px){.review-deliverables,.contact{grid-template-columns:1fr}.review-deliverables article{border-right:0;border-bottom:1px solid var(--line)}.example-grid{grid-template-columns:1fr}.contact{gap:40px}}
@media(max-width:620px){.microcopy{margin-top:-20px}.review-deliverables article{padding:28px}.flow-mock{flex-direction:column}.flow-mock i{transform:rotate(90deg)}.inquiry-form{grid-template-columns:1fr;padding:24px}.inquiry-form label{grid-column:1/-1}.partner-strip{margin-left:12px;margin-right:12px;align-items:flex-start;flex-direction:column}.browser-mock,.flow-mock{height:210px}.mock-hero{height:182px;padding:32px}}