:root{--bg:#0b1425;--panel:#15243a;--cyan:#75e4df;--text:#f4f8fc}*{box-sizing:border-box}html,body{overflow-anchor:none}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.55 Inter,Arial,sans-serif;overflow-x:hidden}a{color:inherit;text-decoration:none}header{display:flex;align-items:center;justify-content:space-between;padding:19px max(4vw,24px);border-bottom:1px solid #ffffff20;position:sticky;top:0;background:#0b1425ee;backdrop-filter:blur(14px);z-index:10}.logo{font-size:22px;font-weight:900;letter-spacing:-1px}.logo span,em{color:var(--cyan)}nav{display:flex;gap:25px;font-size:14px}nav a:hover{color:var(--cyan)}.button{display:inline-block;border:0;border-radius:8px;padding:15px 22px;background:var(--cyan);color:#071525;font-weight:800;cursor:pointer}.button:hover{background:#a2ffef}.secondary{margin-left:22px;border-bottom:1px solid #7b95a9;padding-bottom:5px}.wrap{max-width:1190px;margin:auto;padding:0 25px}section{padding:110px 0}section.hero{padding:110px 0 65px;min-height:690px;background:radial-gradient(ellipse at 75% 15%,#1e5360 0%,transparent 48%),#0b1425}.hero h1{font-size:clamp(44px,6.2vw,86px);line-height:1.08;letter-spacing:-.055em;max-width:1130px;margin:28px 0}.lead{font-size:20px;color:#b9c8d6;max-width:760px;margin:20px 0 32px}small{letter-spacing:.13em;font-size:12px;font-weight:800;color:var(--cyan)}h2{font-size:clamp(37px,4.7vw,62px);letter-spacing:-.045em;line-height:1.13;margin:20px 0 35px}h3{font-size:21px;line-height:1.2;margin:12px 0}p{color:#c4d0de}em{font-style:normal}i{color:#8793a2;font-style:normal}.faces{display:flex;gap:12px;margin-top:70px;flex-wrap:wrap}.face{width:110px;text-align:center}.face img{width:100%;height:122px;object-fit:cover;border-radius:12px}.face span{font-size:12px}.fine{font-size:12px;color:#8c9aad;margin-top:23px}.white{background:#f7f8f8;color:#152235}.white p{color:#596575}.white small{color:#277d80}.three,.four,.two,.team{display:grid;gap:17px}.three{grid-template-columns:repeat(3,1fr)}.four{grid-template-columns:repeat(4,1fr)}.two{grid-template-columns:repeat(2,1fr)}article{border:1px solid #ffffff21;background:#ffffff09;padding:26px;border-radius:15px}article b{color:var(--cyan)}.white article{background:white;border:1px solid #e1e5e8}.white article b{color:#287c7c}.statement{font-size:25px;margin-top:40px;color:#27374a!important}.metrics{margin-top:40px}.four article strong{font-size:48px;letter-spacing:-.05em;color:var(--cyan)}sup{font-size:17px}.team{grid-template-columns:repeat(4,1fr);margin-top:40px}.person{padding:0!important;overflow:hidden}.person img{display:block;width:100%;aspect-ratio:5/5;object-fit:cover}.person-body{padding:23px}.person .role{font-size:13px;font-weight:800;color:#168083}.person p{min-height:105px}.person a,.two a{font-weight:800;color:#138387}.steps{margin-top:45px}.chat{max-width:700px;margin:60px auto 0;padding:25px;background:#192b43;border:1px solid #35536b;border-radius:22px}.message{background:#283b55;padding:18px 23px;border-radius:16px;max-width:85%;margin:14px 0}.message.right{margin-left:auto;background:#1c625f}.contact{display:grid;grid-template-columns:1fr 1fr;gap:65px}.contact form{background:#fff;border:1px solid #e0e5e9;padding:30px;border-radius:20px}.contact label{display:block;font-size:14px;font-weight:700;margin-bottom:18px}input,textarea{display:block;width:100%;padding:14px;margin-top:7px;border:1px solid #d5dde3;border-radius:8px;font:inherit}footer{padding:35px 0;border-top:1px solid #ffffff20;font-weight:800}footer span{float:right;font-weight:400;color:#8b9aaa}@media(max-width:850px){nav{display:none}.three,.four,.team{grid-template-columns:repeat(2,1fr)}.contact{grid-template-columns:1fr}section{padding:70px 0}.hero{min-height:auto!important}.hero h1{font-size:52px}}@media(max-width:540px){header .button{font-size:11px;padding:11px}.logo{font-size:17px}.three,.four,.team,.two{grid-template-columns:1fr}.hero h1{font-size:43px}.secondary{display:block;margin:22px 0}.face{width:75px}.face img{height:90px}.person p{min-height:0}footer span{float:none;display:block}}

/* V2 editorial photography */
.hero .wrap{position:relative;isolation:isolate}.hero .wrap:before{content:"";position:absolute;z-index:-1;right:0;top:0;width:52%;height:390px;background:linear-gradient(90deg,#0b1425 0%,transparent 25%),url('assets/team-hero.jpg') center/cover no-repeat;opacity:.8;border-radius:18px}.hero h1,.hero .lead{max-width:690px;text-shadow:0 2px 15px #071525}.person img{object-fit:cover;object-position:center top}.face img{object-fit:cover}.hero .faces{position:relative}@media(max-width:750px){.hero .wrap:before{position:relative;display:block;width:100%;height:190px;top:auto;margin-bottom:22px;background: url('assets/team-hero.jpg') center/cover no-repeat}.hero h1{font-size:clamp(34px,9vw,58px)}}

/* Version 2.1 editorial photo direction */
section.hero{background:linear-gradient(90deg,#09121f 0%,#09121fd8 38%,#09121f15 100%),url('assets/hero-team.webp') center center/cover no-repeat;min-height:720px}
.hero h1{max-width:800px;font-size:clamp(43px,5.5vw,77px);text-shadow:0 3px 22px #06121a}
.hero .lead{max-width:570px;color:#f0f4f8}
.hero .faces{display:none}
.campaign-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.campaign-grid article{position:relative;overflow:hidden;border-radius:16px;background:#0b1425;min-height:440px;display:flex;flex-direction:column;justify-content:flex-end}
.campaign-grid img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.campaign-grid article:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#071321 2%,#0713210a 85%)}
.campaign-grid article>div{position:relative;z-index:1;padding:22px}
.campaign-grid h3{font-size:25px;color:white}.campaign-grid p{color:#e0e9f0}.campaign-grid a{color:#75e4df;font-weight:800}
.person img{object-fit:cover;object-position:top}
@media(max-width:760px){section.hero{background:linear-gradient(180deg,#09121ff2 0%,#09121fdc 55%,#09121f66 100%),url('assets/hero-team.webp') 58% center/cover no-repeat}.campaign-grid{grid-template-columns:1fr}.campaign-grid article{min-height:380px}.hero .lead{font-size:18px}}

/* new.sotrudniki.ai */
.hero .wrap:before{display:none!important}.contact form h3{color:#152235}
