:root{--blue:#0754be;--ink:#111827;--muted:#5f6876;--line:#dde3eb;--soft:#f5f8fd}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:14px/1.55 Inter,Arial,sans-serif;background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1120px,calc(100% - 40px));margin:auto}.header{height:72px;border-bottom:1px solid #e8edf4;background:rgba(255,255,255,.95);position:relative;z-index:20}.header__row{height:100%;display:flex;align-items:center;gap:40px}.brand{display:block;width:250px}.brand img{display:block;width:100%;height:50px;object-fit:contain}.header nav{display:flex;gap:38px;margin-left:auto;font-size:12px;font-weight:600}.button{min-height:46px;padding:0 25px;border:1px solid var(--blue);border-radius:5px;background:var(--blue);color:white;display:inline-flex;align-items:center;justify-content:center;gap:17px;font-weight:700}.button--small{min-height:40px;padding:0 21px;font-size:12px}.button--outline{color:var(--blue);background:white}.burger{display:none;margin-left:auto;background:none;border:0}.burger i{display:block;width:25px;height:2px;background:#15243a;margin:5px}.hero{min-height:475px;background:linear-gradient(120deg,#fff 35%,#edf4ff 100%);overflow:hidden;position:relative}.hero:after{content:"";position:absolute;right:-80px;top:-110px;width:490px;height:650px;background:linear-gradient(145deg,transparent 39%,rgba(208,222,246,.55) 40%,transparent 69%);pointer-events:none}.hero__grid{display:grid;grid-template-columns:53% 47%;align-items:center;min-height:475px}.hero__content{z-index:2;padding:40px 0 26px}.eyebrow{color:var(--blue);font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;margin-bottom:8px}.hero h1{font-size:42px;line-height:1.12;letter-spacing:-.02em;margin:14px 0 20px}.hero h1 em{font-style:normal;color:var(--blue)}.hero__content>p{color:#4c5664;max-width:550px;font-size:14px}.actions{display:flex;gap:16px;margin:24px 0}.facts{display:flex;gap:25px;margin-top:34px;font-size:10px;color:#475569;white-space:nowrap}.hero__visual{width:670px;z-index:1;margin-left:-70px}.hero__visual img{width:100%;display:block}.section{padding:34px 0}.section h2,.cta h2{font-size:27px;line-height:1.2;margin:0 0 20px;letter-spacing:-.02em}.services{position:relative;margin-top:-2px}.services .container{padding:17px 0 20px;background:white}.services__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.services article{border:1px solid var(--line);border-radius:9px;padding:25px;min-height:220px;display:flex;flex-direction:column}.icon{font-size:30px;color:var(--blue);font-weight:400}.services h3{margin:17px 0 7px}.services p{font-size:12px;color:var(--muted);margin:0 0 18px}.services a,.portfolio a,.reviews a{color:var(--blue);font-size:12px;font-weight:700;margin-top:auto}.advantages{border-top:1px solid #eef1f5}.advantages__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:25px}.advantages article{display:flex;gap:18px}.advantages article>b{color:var(--blue);font-size:27px}.advantages h3{font-size:13px;margin:2px 0 6px}.advantages p{font-size:11px;color:var(--muted);margin:0}.portfolio{border-top:1px solid #eef1f5}.section__head{display:flex;align-items:end;justify-content:space-between}.section__head .button{margin-bottom:20px}.portfolio__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.portfolio__grid article{border:1px solid var(--line);border-radius:8px;overflow:hidden;padding-bottom:15px}.project{height:150px;color:white;padding:35px 22px;background-size:cover;position:relative;overflow:hidden}.project:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,8,16,.9),rgba(2,8,16,.2))}.project span{position:relative;font-size:17px;font-weight:700}.project--one{background:linear-gradient(120deg,#111,#3d291e)}.project--two{background:radial-gradient(circle at 70% 70%,#a9875d,#111 60%)}.project--three{background:linear-gradient(120deg,#071525,#46382b)}.portfolio h3,.portfolio p,.portfolio article>a{margin-left:17px;margin-right:17px}.portfolio h3{font-size:13px;margin-top:13px;margin-bottom:3px}.portfolio p{font-size:11px;color:var(--muted);margin-bottom:7px}.process{border-top:1px solid #eef1f5}.steps{display:grid;grid-template-columns:repeat(5,1fr);position:relative;text-align:center}.steps:before{content:"";position:absolute;top:23px;left:10%;right:10%;border-top:1px dashed #9bb8de}.steps article{position:relative;padding:0 15px}.steps b{width:48px;height:48px;border:1px solid #a7c2e5;border-radius:50%;background:#fff;display:grid;place-items:center;margin:auto;color:var(--blue);font-size:21px;position:relative}.steps h3{font-size:12px;margin:9px 0 3px}.steps p{font-size:10px;color:var(--muted)}.reviews{background:#fbfcfe}.reviews__grid{display:grid;grid-template-columns:1fr 1.15fr 1.15fr;gap:20px;align-items:stretch}.reviews h2{margin-bottom:9px}.reviews p{font-size:12px;color:var(--muted)}blockquote{margin:0;border:1px solid var(--line);border-radius:8px;padding:20px}blockquote header{display:flex;align-items:center;gap:12px}.avatar{display:grid;place-items:center;width:40px;height:40px;background:#dbe7ef;border-radius:50%;font-size:10px}.avatar--woman{background:#f1ddd4}blockquote b{font-size:12px}blockquote small{display:block;font-weight:400;color:var(--muted)}.cta{min-height:104px;margin-top:20px;margin-bottom:20px;padding:21px 38px;background:linear-gradient(110deg,#0c2e64,#075ccc);color:white;border-radius:6px;display:flex;align-items:center;justify-content:space-between}.cta h2{margin-bottom:3px}.cta p{margin:0;color:#dce9ff}.cta .actions{margin:0}.button--white{background:white;color:var(--blue);border-color:white}.button--telegram{background:transparent;border-color:#8bb8ff}footer{padding:12px 0 0}.footer__grid{display:grid;grid-template-columns:1.35fr .8fr .8fr 1fr;gap:50px;padding:0 0 24px}.footer .brand{width:230px}.footer p,.footer a{display:block;font-size:11px;color:var(--muted);margin:6px 0}.footer h3{font-size:12px;margin:15px 0 10px}.footer .button{color:white;display:inline-flex}.social{margin-top:20px}.copyright{border-top:1px solid #edf0f3;padding:14px 0;display:flex;justify-content:space-between;font-size:10px;color:#87909c}
@media(max-width:900px){.header nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;padding:20px;box-shadow:0 12px 25px #0c2e6420;flex-direction:column;gap:16px}.header nav.open{display:flex}.header>.container>.button{display:none}.burger{display:block}.brand{width:210px}.hero__grid{grid-template-columns:1fr;min-height:auto;padding-top:30px}.hero__visual{width:95%;margin:-20px auto 0}.hero{min-height:auto}.hero__content{text-align:center}.hero__content>p{margin-left:auto;margin-right:auto}.actions,.facts{justify-content:center}.services__grid,.advantages__grid{grid-template-columns:repeat(2,1fr)}.portfolio__grid{grid-template-columns:1fr 1fr}.portfolio__grid article:last-child{grid-column:span 2}.reviews__grid{grid-template-columns:1fr 1fr}.reviews__grid>div{grid-column:span 2}.footer__grid{grid-template-columns:1fr 1fr}.cta{gap:20px}}
@media(max-width:600px){.container{width:min(100% - 28px,1120px)}.header{height:64px}.header nav{top:64px}.brand{width:175px}.brand img{height:43px}.hero__content{padding-top:20px}.eyebrow{font-size:10px}.hero h1{font-size:31px}.hero h1 br{display:none}.hero__content>p{font-size:13px}.hero .actions{flex-direction:column}.hero .button{width:100%}.facts{display:grid;grid-template-columns:1fr 1fr;gap:12px;text-align:left;margin-top:23px}.hero__visual{width:120%;margin-left:-10%;margin-top:0}.section{padding:28px 0}.section h2,.cta h2{font-size:23px}.services__grid,.advantages__grid,.portfolio__grid,.reviews__grid{grid-template-columns:1fr}.services article{min-height:190px}.advantages article{padding:6px 0}.section__head{align-items:start}.section__head>.button{display:none}.portfolio__grid article:last-child,.reviews__grid>div{grid-column:auto}.steps{grid-template-columns:1fr;text-align:left;gap:12px}.steps:before{top:20px;bottom:20px;left:23px;right:auto;border-left:1px dashed #9bb8de;border-top:0}.steps article{display:grid;grid-template-columns:48px 1fr;column-gap:14px;padding:0}.steps b{grid-row:span 2}.steps h3{margin:3px 0}.steps p{margin:0}.cta{width:calc(100% - 28px);padding:25px 20px;flex-direction:column;align-items:flex-start}.cta .actions{width:100%;flex-direction:column}.cta .button{width:100%}.footer__grid{grid-template-columns:1fr;gap:5px}.copyright{flex-direction:column;gap:5px}}