:root{--ink:#0d1717;--mint:#56f1c2;--paper:#f4f6f1;--muted:#66716d;--line:#d9dfda}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--paper);color:var(--ink);font-family:"Segoe UI",Arial,sans-serif}
.shell{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.nav{height:92px;display:flex;align-items:center;gap:24px}
.brand{display:flex;align-items:center;gap:11px;color:inherit;text-decoration:none;font-size:15px;font-weight:800;letter-spacing:-.03em}
.brand small{display:block;font-size:8px;letter-spacing:.34em;font-weight:700;color:#74807c}
.brandMark{width:29px;height:28px;display:flex;align-items:end;gap:3px;transform:skew(-18deg)}
.brandMark i{display:block;width:7px;background:var(--mint);border-radius:1px}
.brandMark i:nth-child(1){height:12px}
.brandMark i:nth-child(2){height:20px}
.brandMark i:nth-child(3){height:28px}
.nav nav{display:flex;gap:28px;margin-left:24px}
.nav nav a,.footer a{color:inherit;text-decoration:none;font-size:13px}
.nav nav a:hover{color:#187b61}
.navContacts{display:flex;align-items:center;gap:8px;margin-left:auto}
.navContact{height:42px;display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:100px;padding:0 14px;color:var(--ink);text-decoration:none;font-size:12px;font-weight:750;white-space:nowrap;transition:transform .2s,filter .2s,background .2s}
.navContact svg{width:15px;height:15px;fill:currentColor;flex:0 0 auto}
.navContact:hover{transform:translateY(-2px);filter:brightness(.96)}
.navContactPhone{background:var(--ink);color:white}
.navContactPhone svg{color:var(--mint)}
.navContactTelegram{background:var(--mint);color:var(--ink)}
.navCta,.primary{display:inline-flex;align-items:center;justify-content:space-between;gap:25px;color:var(--ink);text-decoration:none;font-weight:750;font-size:13px}
.navCta{border:1px solid #bcc4bf;border-radius:100px;padding:12px 16px 12px 20px}
.navCta span,.primary span{font-size:19px}
.hero{min-height:690px;padding-top:88px;position:relative;overflow:hidden}
.eyebrow,.kicker{font-size:11px;letter-spacing:.18em;text-transform:uppercase;font-weight:800}
.eyebrow{display:flex;align-items:center;gap:10px;color:#52615c}
.eyebrow>span{width:7px;height:7px;border-radius:50%;background:var(--mint);box-shadow:0 0 0 5px rgba(86,241,194,.18)}
h1{font-size:clamp(62px,8vw,112px);line-height:.89;letter-spacing:-.075em;margin:35px 0 42px;max-width:970px;font-weight:680}
h1 em{font-style:normal;color:transparent;-webkit-text-stroke:1.5px #64716c}
.heroBottom{display:flex;align-items:center;gap:45px;position:relative;z-index:2}
.heroBottom p{max-width:460px;color:var(--muted);line-height:1.7;font-size:15px}
.primary{background:var(--mint);padding:17px 19px 17px 23px;border-radius:3px;min-width:226px}
.primary:hover{filter:brightness(.94)}
.techVisual{position:absolute;right:12px;bottom:0;width:450px;height:380px;border-radius:50% 50% 0 0;overflow:hidden;background:radial-gradient(circle at 50% 40%,#284b44 0,#142725 36%,#0c1616 70%)}
.gridGlow{position:absolute;inset:0;background-image:linear-gradient(rgba(86,241,194,.12) 1px,transparent 1px),linear-gradient(90deg,rgba(86,241,194,.1) 1px,transparent 1px);background-size:34px 34px;transform:perspective(250px) rotateX(54deg) scale(1.5);transform-origin:bottom;mask-image:linear-gradient(transparent,black)}
.orb{position:absolute;border-radius:50%;border:1px solid rgba(86,241,194,.45);box-shadow:inset 0 0 40px rgba(86,241,194,.1),0 0 30px rgba(86,241,194,.08)}
.orb1{width:215px;height:215px;top:48px;left:118px}
.orb2{width:125px;height:125px;top:93px;left:163px;border-style:dashed}
.status{position:absolute;left:45px;right:45px;bottom:34px;background:rgba(9,21,20,.8);border:1px solid rgba(86,241,194,.18);padding:17px 20px;backdrop-filter:blur(8px);color:white}
.status b{display:block;font-size:12px}
.status b span{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--mint);margin-right:8px}
.status small{display:block;margin:7px 0 0 15px;color:#8fa49e;font-size:9px;letter-spacing:.07em}
.proof{background:var(--ink);color:white}
.proofGrid{display:grid;grid-template-columns:repeat(4,1fr);min-height:124px}
.proofGrid div{display:flex;align-items:center;gap:18px;border-right:1px solid #293332}
.proofGrid div:last-child{border:0}
.proofGrid strong{color:var(--mint);font-size:11px}
.proofGrid span{font-size:13px;line-height:1.5;color:#c1cbc7}
.section{padding-block:120px}
.sectionHead{display:flex;justify-content:space-between;align-items:end;margin-bottom:66px}
.sectionHead h2,.cta h2{font-size:clamp(38px,5vw,62px);line-height:1.04;letter-spacing:-.055em;margin:18px 0 0}
.sectionHead>p{max-width:330px;color:var(--muted);line-height:1.65;font-size:14px}
.kicker{color:#1a8065}
.serviceGrid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}
.service{min-height:290px;padding:28px;position:relative;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:.25s;background:rgba(255,255,255,.15)}
.service:hover{background:white;transform:translateY(-3px);box-shadow:0 18px 50px rgba(10,30,25,.06)}
.service>span{font-size:10px;color:#80908a}
.service h3{font-size:19px;margin:50px 0 14px;letter-spacing:-.03em}
.service p{font-size:13px;color:var(--muted);line-height:1.7;max-width:285px}
.miniArrow{position:absolute;right:25px;bottom:22px;font-size:20px;color:#a4aea9}
.approach{background:#0d1717;color:#f1f5f2;padding-block:120px}
.sectionHead.light>p{color:#8d9b96}
.sectionHead.light .kicker{color:var(--mint)}
.steps{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #394440}
.step{padding:25px 30px 15px 0;min-height:220px;border-right:1px solid #394440;margin-right:28px}
.step:last-child{border:0}
.step b{font-size:10px;color:var(--mint)}
.step h3{font-size:18px;margin:56px 0 13px}
.step p{font-size:12px;line-height:1.65;color:#8d9b96}
.cta{padding-block:110px}
.ctaCard{background:var(--mint);padding:65px 70px;position:relative;overflow:hidden}
.ctaCard:after{content:"";position:absolute;width:340px;height:340px;border:1px solid rgba(13,23,23,.16);border-radius:50%;right:-80px;top:-120px;box-shadow:0 0 0 60px rgba(13,23,23,.04),0 0 0 120px rgba(13,23,23,.025)}
.ctaCard .kicker{color:#245c4e}
.ctaCard h2{font-size:clamp(36px,5vw,58px);position:relative;z-index:1}
.ctaCard>p{font-size:14px;margin:24px 0 38px}
.contactRow{display:flex;align-items:center;gap:24px;position:relative;z-index:1}
.contactLinks{display:flex;flex-wrap:wrap;gap:12px}
.primary.dark{background:var(--ink);color:white;min-width:290px}
.contactLink{min-width:0!important;white-space:nowrap}
.contactLinkAlt{background:transparent!important;color:var(--ink)!important;border:1px solid rgba(13,23,23,.4)}
.contactLinkAlt:hover{background:rgba(13,23,23,.08)!important}
.contactRow>span{font-size:11px;color:#38675a}
.footer{border-top:1px solid var(--line);min-height:155px;display:grid;grid-template-columns:2fr 2fr 1.35fr;align-items:center}
.footer p{font-size:11px;line-height:1.8;color:#77817e}
.footer p:last-child{text-align:right}

@media(max-width:850px){.nav nav{display:none}
.navContacts{margin-left:auto}
.hero{padding-top:55px;min-height:800px}
.heroBottom{display:block}
.heroBottom .primary{margin-top:18px}
.techVisual{width:380px;height:320px;right:-70px}
.proofGrid{grid-template-columns:1fr 1fr}
.proofGrid div{padding:24px;border-bottom:1px solid #293332}
.serviceGrid{grid-template-columns:1fr 1fr}
.sectionHead{align-items:start;gap:35px}
.steps{grid-template-columns:1fr 1fr}
.step:nth-child(2){border:0}
.footer{grid-template-columns:1fr 1fr}
.footer>p:nth-child(2){display:none}
}

@media(max-width:680px){.nav{gap:8px}
.navContact{width:42px;padding:0}
.navContactText{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
}

@media(max-width:560px){.shell{width:min(100% - 30px,1180px)}
.nav{height:74px}
.navCta{font-size:0;min-width:44px;gap:0;padding:9px 13px}
.navCta span{font-size:19px}
h1{font-size:59px;margin-top:28px}
.hero{min-height:750px}
.heroBottom p{font-size:14px}
.techVisual{width:310px;height:275px;right:-40px}
.orb1{left:70px}
.orb2{left:115px}
.status{left:30px;right:30px}
.proofGrid{width:100%;grid-template-columns:1fr 1fr}
.proofGrid div{gap:11px;padding:20px 15px}
.section,.approach{padding-block:80px}
.sectionHead{display:block;margin-bottom:42px}
.sectionHead>p{margin-top:25px}
.sectionHead h2,.cta h2{font-size:39px}
.serviceGrid{grid-template-columns:1fr}
.service{min-height:245px}
.service h3{margin-top:35px}
.steps{grid-template-columns:1fr}
.step,.step:nth-child(2){border-right:0;border-bottom:1px solid #394440;min-height:170px}
.step h3{margin-top:28px}
.cta{padding-block:70px}
.ctaCard{padding:42px 25px}
.ctaCard h2 br{display:none}
.contactRow{display:block}
.contactLinks{display:grid;grid-template-columns:1fr}
.contactRow>span{display:block;margin-top:17px}
.primary.dark{min-width:100%;font-size:12px}
.contactLink{white-space:normal}
.footer{min-height:210px;grid-template-columns:1fr 1fr}
.footer p:last-child{font-size:9px}
}