@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;600;700;800&family=Onest:wght@400;500;600&display=swap');
:root{--ink:#0b1524;--paper:#edf2f8;--accent:#1767f2;--soft:#dce6f3;--out:cubic-bezier(.23,1,.32,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.6 Onest,Arial,sans-serif;overflow-x:hidden}::selection{background:var(--accent);color:white}a{color:inherit;text-underline-offset:4px}.bar{height:78px;padding:0 clamp(18px,5vw,72px);display:flex;justify-content:space-between;align-items:center;background:var(--ink);color:white}.brand{font:700 17px Manrope;text-decoration:none}.bar nav{display:flex;gap:28px}.bar nav a{text-decoration:none;font-size:14px}.bar .cta{background:var(--accent);padding:12px 16px;border-radius:11px;font-weight:700}.crumbs{padding:22px clamp(18px,6vw,92px);font-size:13px;color:#60738b}.crumbs a{text-decoration:none}.service-hero{min-height:720px;padding:70px clamp(18px,6vw,92px) 90px;display:grid;grid-template-columns:1fr .9fr;gap:6vw;align-items:center;position:relative;overflow:hidden}.service-hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(#365e8c18 1px,transparent 1px),linear-gradient(90deg,#365e8c18 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(100deg,#000,transparent 75%)}.service-hero>*{position:relative}.service-hero h1{font:700 clamp(51px,6vw,92px)/.95 Manrope;letter-spacing:-.04em;margin:0}.service-hero h1 span{color:var(--accent)}.service-hero p{font-size:19px;color:#53677e;max-width:58ch;margin:30px 0}.button{display:inline-flex;justify-content:space-between;align-items:center;gap:35px;background:var(--accent);color:#fff;text-decoration:none;padding:17px 20px;border-radius:12px;font-weight:700;transition:transform 150ms var(--out),background 150ms ease}.button:after{content:'↗';font-size:21px;transition:transform 180ms var(--out)}.button:active{transform:scale(.97)}.hero-board{min-height:470px;background:var(--ink);color:white;border-radius:15px;position:relative;overflow:hidden;padding:30px}.hero-board img{width:100%;height:100%;object-fit:cover;border-radius:10px}.hero-board .floating{position:absolute;left:24px;bottom:24px;right:24px;background:#0b1524e8;padding:18px;border:1px solid #5276a6}.proof-strip{background:var(--ink);color:#fff;padding:80px clamp(18px,6vw,92px)}.proof-strip h2,.content h2,.faq h2{font:700 clamp(38px,5vw,72px)/1 Manrope;letter-spacing:-.04em;margin:0 0 50px}.gallery{display:grid;grid-template-columns:1.2fr .8fr;gap:16px}.gallery figure{margin:0;min-height:400px;position:relative;overflow:hidden;border-radius:14px}.gallery img{width:100%;height:100%;object-fit:cover;transition:transform 600ms var(--out)}.gallery figcaption{position:absolute;left:15px;bottom:15px;background:#fff;color:var(--ink);padding:10px 13px;border-radius:8px;font-weight:700}.content{padding:100px clamp(18px,7vw,108px)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#b7c4d5}.step{background:var(--paper);padding:30px;min-height:240px}.step b{color:var(--accent)}.step h3{font:600 25px Manrope}.price-panel{margin-top:70px;background:#fff;border-radius:15px;padding:clamp(30px,5vw,70px);display:grid;grid-template-columns:1fr auto;gap:30px;align-items:end}.price-panel strong{font:700 clamp(38px,5vw,72px) Manrope}.price-panel p{color:#5e7188;max-width:65ch}.faq{padding:100px clamp(18px,7vw,108px);background:#dce6f2}.faq details{border-top:1px solid #aebdd0;padding:23px 0}.faq summary{font:600 22px Manrope;cursor:pointer}.faq details p{color:#50647b;max-width:70ch}.related{padding:80px clamp(18px,7vw,108px);background:#fff}.related h2{font:700 40px Manrope}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.related a{padding:25px;background:var(--soft);border-radius:13px;text-decoration:none;font-weight:700}.foot{padding:40px clamp(18px,5vw,72px);background:var(--ink);color:#91a4bc;display:flex;justify-content:space-between}.reveal{opacity:1}.js .reveal{opacity:.001;transform:translateY(20px);transition:opacity 600ms var(--out),transform 600ms var(--out)}.js .reveal.is-visible{opacity:1;transform:none}.site-service{--accent:#1767f2}.market-service{--accent:#ff7a1a;--soft:#f4e5d8}.market-service .hero-board{background:#372015}.web-service{--accent:#1d69f5}.web-service .service-hero{background:linear-gradient(120deg,#edf2f8 0 65%,#d8e5f7 65%)}.full-service{--accent:#0f65ed}.full-service .hero-board{background:#10233d}
@media(hover:hover) and (pointer:fine){.button:hover:after{transform:translate(4px,-4px)}.button:hover{background:#0d58d3}.gallery figure:hover img{transform:scale(1.035)}.related a:hover{background:var(--accent);color:white}}
@media(max-width:760px){.bar nav{display:none}.service-hero{grid-template-columns:1fr;padding-top:40px}.service-hero h1{font-size:44px}.hero-board{min-height:360px}.gallery,.steps,.price-panel,.related-grid{grid-template-columns:1fr}.gallery figure{min-height:320px}.step{min-height:0}.foot{flex-direction:column;gap:12px}.bar .cta{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:opacity 180ms ease}.gallery img,.button,.button:after{transition-duration:0ms}}
.vk-service .hero-board{border-radius:70px 14px 14px 14px}.market-service .service-hero{grid-template-columns:.78fr 1.22fr}.market-service .hero-board{transform:rotate(1.5deg);box-shadow:0 25px 70px #44200f2b}.market-service .proof-strip{background:#2a1911}.web-service .service-hero{grid-template-columns:.82fr 1.18fr}.web-service .hero-board{min-height:540px}.full-service .service-hero{background:#dce7f5}.full-service .hero-board{clip-path:polygon(8% 0,100% 0,100% 90%,0 100%)}
@media(max-width:760px){.market-service .service-hero,.web-service .service-hero{grid-template-columns:1fr}.market-service .hero-board{transform:none}.vk-service .hero-board{border-radius:36px 12px 12px 12px}}