@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-500.woff2') format('woff2');font-weight:400 500;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-cyrillic-500.woff2') format('woff2');font-weight:400 500;font-display:swap;unicode-range:U+0400-052F}
@font-face{font-family:Manrope;src:url('/fonts/manrope-latin-600.woff2') format('woff2');font-weight:600 900;font-display:swap}
@font-face{font-family:Manrope;src:url('/fonts/manrope-cyrillic-600.woff2') format('woff2');font-weight:600 900;font-display:swap;unicode-range:U+0400-052F}
:root{--bg:#f4f4f8;--bg2:#fff;--panel:#fff;--ink:#272a30;--muted:#6e7179;--line:rgba(39,42,48,.12);--accent:#383d45;--accent2:#68717e;--acid:#383d45;--gold:linear-gradient(90deg,#272a30,#535b67);--radius:28px;color-scheme:light}
body,h1,h2,h3,h4,button,input,textarea,select,.wordmark,.num,.metric,.marquee,.step .num,.service .num,.case .metric{font-family:Manrope,Arial,sans-serif!important}
body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased}
header,header.scrolled{background:rgba(255,255,255,.82)!important;border-bottom:1px solid var(--line);box-shadow:none!important;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}
.wordmark{font-size:36px!important;letter-spacing:-.08em!important;font-weight:900!important;line-height:1;white-space:nowrap}
.wordmark span{font-size:.58em;letter-spacing:-.04em;background:none!important;color:var(--ink)!important}
#flow,.grain{display:none!important}
.hero{min-height:82svh;padding-top:160px;padding-bottom:96px;overflow:hidden}
.hero:after{content:'tech';position:absolute;right:4vw;bottom:0;font-size:clamp(110px,23vw,330px);line-height:1;font-weight:600;letter-spacing:-.09em;color:rgba(39,42,48,.035);pointer-events:none;z-index:-1}
.hero h1{font-size:clamp(40px,6.3vw,88px);letter-spacing:-.065em;line-height:1.06;max-width:17ch}
.hero p{font-size:clamp(17px,1.7vw,21px);line-height:1.65;max-width:56ch;margin-top:28px}
h2{letter-spacing:-.045em;line-height:1.15}h3{letter-spacing:-.025em}
.btn,.cta,button[type=submit]{min-height:48px;border-radius:999px;box-shadow:0 4px 14px rgba(39,42,48,.06)!important}
.btn-primary,.cta{background:#272a30!important;color:#fff!important}
.btn-primary:after{display:none!important}
.btn-ghost{background:rgba(255,255,255,.85)!important;color:var(--ink)!important;border:1px solid var(--line)}
.btn:hover,.cta:hover{transform:translateY(-2px)!important}
.service,.step,.plan,.case,.region-card,.contact-box,.calc{background:#fff;box-shadow:0 8px 28px rgba(39,42,48,.035)!important;border-color:var(--line)!important}
.service:hover,.case:hover,.plan:hover{transform:translateY(-3px)!important;box-shadow:0 12px 30px rgba(39,42,48,.07)!important}
.service:before,.case:before{display:none!important}
.strip,.marquee{background:rgba(255,255,255,.55)}
input,textarea,select{color:var(--ink);background:#f6f6f9!important;border-color:var(--line)!important}
input:focus-visible,textarea:focus-visible,select:focus-visible,a:focus-visible,button:focus-visible{outline:2px solid #596c88;outline-offset:4px}
.region-card{color:var(--ink)}
footer{color:var(--muted);line-height:1.8}footer a{color:var(--ink)}
.rv{filter:none!important;transition:opacity .45s,transform .45s}.in-hero.on{animation-duration:.6s}
@media(min-width:1500px){body>section,body>main,header{padding-left:max(64px,calc((100vw - 1400px)/2))!important;padding-right:max(64px,calc((100vw - 1400px)/2))!important}}
@media(max-width:760px){header{padding:18px 20px!important}.wordmark{font-size:31px!important}.header-right{gap:8px}.header-right .btn{padding:12px 16px;font-size:12px}.hero{min-height:76svh;padding-top:128px;padding-bottom:72px}.hero h1{font-size:clamp(38px,9.5vw,60px)}section{padding:64px 20px}.services,.pricing{grid-template-columns:1fr}.hero-actions{gap:12px}.hero-actions .btn{white-space:normal}.scroll-hint{display:none}.service,.step,.plan,.case{padding:24px;border-radius:24px}.marquee{font-size:11px}footer{overflow-wrap:anywhere}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.rv,.in-hero{opacity:1!important;transform:none!important;filter:none!important}}
.hero .hero-sml{font-size:13px;line-height:1.7;max-width:66ch;margin-top:22px}.grad{background:none!important;color:#535b67!important}

/* The suffix shares the original wordmark's lowercase height and baseline. */
.wordmark{display:inline-flex;align-items:flex-start;gap:4px;line-height:1;flex-shrink:0}
.wordmark img{display:block;width:112px;height:auto;aspect-ratio:900/357;object-fit:contain;flex-shrink:0}
.wordmark .brand-tech,.logo .brand-tech{font-family:Manrope,Arial,sans-serif!important;-webkit-text-stroke:.45px currentColor;font-size:39px!important;font-weight:900!important;letter-spacing:-.06em!important;line-height:1;color:#272a30!important;background:none!important;margin:0;align-self:flex-start;transform:none;padding-top:0}
@media(max-width:760px){.wordmark{gap:3px}.wordmark img{width:88px}.wordmark .brand-tech{font-size:31px!important}}
