@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/onest-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/onest-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/onest-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-cyrillic-600-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Onest';font-style:normal;font-weight:600;font-display:swap;src:url(../fonts/onest-latin-600-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/unbounded-cyrillic-400-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:400;font-display:swap;src:url(../fonts/unbounded-latin-400-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/unbounded-cyrillic-500-normal.woff2) format('woff2');unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}
@font-face{font-family:'Unbounded';font-style:normal;font-weight:500;font-display:swap;src:url(../fonts/unbounded-latin-500-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
body{margin:0;background:#1b1c1e}
*{box-sizing:border-box}
a{color:inherit;text-decoration:none}
.wrap{max-width:1200px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.page{background:#1b1c1e;color:#e9e6df;font-family:Onest,system-ui,sans-serif;font-size:17px;line-height:1.6;overflow-x:clip}
.hero{position:relative;overflow:hidden;background:#1b1c1e}
.hero-photo{position:absolute;top:0;right:0;bottom:0;width:66%;-webkit-mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,rgba(0,0,0,.8) 38%,#000 55%);mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.35) 18%,rgba(0,0,0,.8) 38%,#000 55%);background-image:url(../img/sasha-hero.jpg);background-size:cover;background-position:center top;background-repeat:no-repeat}
.hero-fade{position:absolute;inset:0;background:linear-gradient(0deg,#1b1c1e 0%,rgba(27,28,30,0) 22%)}
.hero-in{position:relative;min-height:760px;display:flex;flex-direction:column;justify-content:space-between;padding-top:28px;padding-bottom:64px}
.nav{display:flex;justify-content:space-between;align-items:center;gap:16px}
.brand{display:inline-flex;align-items:center;min-height:40px;padding:0;gap:12px;color:#f3f1ec;font:500 13px/1 Unbounded,sans-serif;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap;transition:color .2s}
.brand::before{content:"[";font-weight:400;transition:transform .25s}
.brand::after{content:"]";font-weight:400;transition:transform .25s}
.brand:hover::before{transform:translateX(-4px)}
.brand:hover::after{transform:translateX(4px)}
.brand:focus-visible{outline:2px solid #e9e6df;outline-offset:3px}
.nav-links{display:flex;gap:28px;font-size:15px;color:#c9c8c4}
.nav-links a{padding:8px 0;border-bottom:1px solid transparent}
.nav-links a:hover{border-color:#a8bc3c;color:#fff}
.nav-tg{display:none;font-size:15px;font-weight:500;color:#a8bc3c;padding:10px 0}
.hero-copy{max-width:660px;display:flex;flex-direction:column;gap:28px;padding-top:72px}
.hero-lead{margin:0;max-width:540px;font-size:19px;color:#d6d4cf}
.cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 28px;background:#a8bc3c;color:#1b1c1e;font:600 16px/1.2 Onest,sans-serif;border-radius:2px;transition:background .2s,transform .2s}
.cta:hover{background:#bccf55;transform:translateY(-2px)}
.cta:focus-visible,.ghost:focus-visible,.link:focus-visible,.nav-links a:focus-visible,.nav-tg:focus-visible,.foot a:focus-visible{outline:2px solid #e9e6df;outline-offset:3px}
.ghost{display:inline-flex;align-items:center;min-height:52px;padding:0 4px;color:#e9e6df;font:500 16px/1.2 Onest,sans-serif;border-bottom:1px solid #6b6e72;transition:border-color .2s}
.ghost:hover{border-color:#a8bc3c}
.link{color:#a8bc3c;border-bottom:1px solid rgba(168,188,60,.4);font-weight:500}
.eyebrow{font:500 13px/1.4 Onest,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#a8bc3c}
.h2{margin:0;font:500 clamp(26px,3.2vw,40px)/1.15 Unbounded,sans-serif;text-wrap:balance}
.head{display:flex;flex-direction:column;gap:16px;max-width:760px;margin-bottom:48px}
.sec{padding:96px 0}
.muted{color:#b7b8ba}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;background:#3a3c40;border:1px solid #3a3c40}
.grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#3a3c40;border:1px solid #3a3c40}
.cell{background:#232427;padding:36px 36px 40px;min-width:0;transition:background .25s}
.cell:hover{background:#2a2b2f}
.cell h3{margin:0 0 12px;font:600 21px/1.3 Onest,sans-serif;text-wrap:balance}
.cell p{margin:0}
.tag{font:500 12px/1 Onest,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#a8bc3c;margin-bottom:18px}
.proof{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;border-top:1px solid #3a3c40;padding-top:40px}
.num{font:500 clamp(26px,2.8vw,36px)/1.1 Unbounded,sans-serif;color:#a8bc3c}
.rev{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.quote{margin:0;padding:32px 32px 28px;background:#232427;border-top:2px solid #a8bc3c;display:flex;flex-direction:column;justify-content:space-between;gap:20px;min-width:0}
.quote p{margin:0;font-size:19px;line-height:1.5;color:#e9e6df}
.quote.big p{font-size:clamp(19px,1.8vw,23px);line-height:1.45}
.quote footer{font-size:15px;color:#a3a4a7;line-height:1.45}
.quote footer b{display:block;color:#e9e6df;font-weight:600}
.about-sec{background:#c3cfcf;color:#1b1c1e;overflow:hidden}
.about{display:grid;grid-template-columns:minmax(0,480px) minmax(0,1fr);gap:56px;align-items:end}
.about-photo{align-self:end;line-height:0}
.about-photo img{display:block;width:100%;height:auto}
.about-text{display:flex;flex-direction:column;gap:20px;max-width:640px;padding:96px 0;min-width:0;align-self:center}
.about-text p{margin:0;color:#2c2e30}
.about-text .lead{font-size:21px;line-height:1.5;font-weight:500;color:#1b1c1e}
.about-text .eyebrow{color:#4d5a0e}
.about-links{display:flex;flex-wrap:wrap;gap:12px 28px;padding-top:4px}
.about-links a{font-weight:600;color:#1b1c1e;border-bottom:2px solid #1b1c1e;padding:4px 0}
.about-links a:hover{border-color:#4d5a0e;color:#4d5a0e}
.path{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;position:relative}
.step{display:flex;flex-direction:column;gap:12px;border-top:1px solid #4a4c51;padding-top:28px;position:relative;min-width:0}
.step::before{content:"";position:absolute;top:-6px;left:0;width:11px;height:11px;border-radius:50%;background:#a8bc3c}
.step h3{margin:0;font:600 22px/1.3 Onest,sans-serif}
.step p{margin:0}
.teams{display:flex;flex-wrap:wrap;gap:10px;padding-top:6px}
.teams span{font:500 14px/1.3 Onest,sans-serif;padding:9px 14px;border:1px solid #4a4c51;color:#d6d4cf;border-radius:2px}
.clients-sec{border-top:1px solid #3a3c40}
.logos{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:36px 36px}
.logos li{display:flex;align-items:center;justify-content:center;min-width:0}
.logos img{display:block;max-width:100%;max-height:56px;width:auto;height:auto;opacity:.85;transition:opacity .2s,transform .2s}
.logos img:hover{opacity:1;transform:scale(1.05)}
.contact{background:#232427;border-top:1px solid #3a3c40}
.contact-in{display:flex;flex-direction:column;gap:28px;align-items:flex-start}
.contact-actions{display:flex;flex-wrap:wrap;gap:20px 28px;align-items:center}
.foot{padding:28px 0 36px;border-top:1px solid #3a3c40}
.foot-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px 28px;font-size:14px;color:#a3a4a7}
.foot a{color:#d6d4cf;border-bottom:1px solid #4a4c51;padding:2px 0}
.foot a:hover{border-color:#a8bc3c}
.foot-links{display:flex;gap:20px}
@keyframes rise{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@keyframes lift{from{transform:translateY(22px)}to{transform:none}}
@keyframes fadein{from{opacity:0}to{opacity:1}}
@media (prefers-reduced-motion:no-preference){
.hero-photo{animation:fadein 1.1s ease-out both}
.hero-copy>*{animation:rise .8s cubic-bezier(.2,.7,.2,1) both}
.hero-copy>*:nth-child(1){animation-delay:.05s}
.hero-copy>*:nth-child(2){animation-delay:.15s}
.hero-copy>*:nth-child(3){animation-delay:.28s}
.hero-copy>*:nth-child(4){animation-delay:.4s}
@supports (animation-timeline:view()){
.rv{animation:lift linear both;animation-timeline:view();animation-range:entry 0% entry 45%}
}
}
@media (max-width:900px){
.hero{display:flex;flex-direction:column}
.hero>.wrap{order:1;width:100%}
.hero-photo{position:relative;inset:auto;width:100%;height:520px;order:2;background-position:center 8%;-webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 28%);mask-image:linear-gradient(180deg,transparent 0%,#000 28%)}
.hero-fade{display:none}
.hero-in{min-height:0;gap:36px;padding-bottom:0}
.hero-copy{padding-top:24px}
.nav-links{display:none}
.nav-tg{display:inline-block}
.grid2,.grid3,.rev{grid-template-columns:minmax(0,1fr)}
.proof{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 20px}
.about{grid-template-columns:minmax(0,1fr);gap:0}
.about-text{padding:64px 0 40px}
.about-photo{max-width:420px;margin:0 auto;width:100%}
.about-photo img{aspect-ratio:1/1;object-fit:cover;object-position:center bottom}
.path{grid-template-columns:minmax(0,1fr);gap:36px}
.cell{padding:28px 22px 32px}
.quote{padding:26px 22px 24px}
.sec{padding:64px 0}
.head{margin-bottom:32px}
.logos{gap:28px 36px}
}
@media (max-width:520px){
.hero-lead{font-size:18px}
.hero-photo{height:440px}
.cta{width:100%}
.contact-actions{width:100%}
.contact-actions .ghost{width:100%;justify-content:center;border:1px solid #6b6e72}
.foot-in{flex-direction:column}
}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
section[id]{scroll-margin-top:24px}
.hero-photo{background-image:url(../img/sasha-hero.jpg)}
@media (max-width:900px){.hero-photo{background-image:url(../img/sasha-hero-m.jpg)}}