@import url('https://fonts.googleapis.com/css2?family=Sora:wght@500;600;700;800&family=IBM+Plex+Sans:wght@400;500;600&display=swap');
:root{--char:#1d2126;--char-2:#2a3037;--yel:#f2b705;--yel-d:#d49f00;--steel:#5d6a77;--bg:#f4f5f6;--ink:#15181c;--text:#434b53;--muted:#6f7a84;--line:#dfe3e7;--r:6px;--wrap:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth}html,body{overflow-x:hidden}
body{margin:0;font-family:"IBM Plex Sans",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:17px;line-height:1.7;color:var(--text);background:#fff}
img{max-width:100%;height:auto;display:block}a{color:inherit}
h1,h2,h3,h4{font-family:Sora,"Segoe UI",Arial,sans-serif;color:var(--ink);line-height:1.12;margin:0 0 .5em;font-weight:700;letter-spacing:-.02em;overflow-wrap:break-word}
h1{font-size:clamp(2.3rem,5vw,3.9rem);font-weight:800}h2{font-size:clamp(1.75rem,3.3vw,2.6rem)}h3{font-size:1.22rem}p{margin:0 0 1em}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 22px}
.kick{display:inline-flex;align-items:center;gap:10px;font:700 .78rem/1 Sora,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);margin-bottom:16px}
.kick::before{content:"";width:14px;height:14px;background:var(--yel);clip-path:polygon(0 0,100% 50%,0 100%)}
.btn{display:inline-flex;align-items:center;gap:10px;font:700 .96rem/1 Sora,sans-serif;text-decoration:none;padding:16px 24px;border-radius:var(--r);transition:.2s}
.btn-yel{background:var(--yel);color:var(--ink)}.btn-yel:hover{background:var(--yel-d)}
.btn-dark{background:var(--char);color:#fff}.btn-dark:hover{background:var(--char-2)}
.btn-out{border:2px solid rgba(255,255,255,.5);color:#fff}.btn-out:hover{border-color:var(--yel);color:var(--yel)}
.top{background:var(--char);color:#b9c1c9;font-size:.88rem}
.top .wrap{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 18px;padding-top:8px;padding-bottom:8px}.top a{color:#fff;text-decoration:none}
.head{background:#fff;position:sticky;top:0;z-index:40;box-shadow:0 1px 0 var(--line)}
.head .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:78px}
.logo{display:flex;align-items:center;gap:12px;text-decoration:none}
.logo .mk{width:44px;height:44px;background:var(--yel);display:grid;place-items:center;font:800 1rem/1 Sora,sans-serif;color:var(--ink);clip-path:polygon(0 0,100% 0,100% 72%,72% 100%,0 100%)}
.logo b{display:block;font:800 1.2rem/1.05 Sora,sans-serif;color:var(--ink);letter-spacing:-.02em}.logo small{display:block;font:500 .72rem/1.3 "IBM Plex Sans",sans-serif;color:var(--muted);letter-spacing:.1em;text-transform:uppercase}
.nav{display:flex;flex-wrap:wrap;align-items:center;gap:2px}
.nav a{text-decoration:none;font:600 .95rem/1 Sora,sans-serif;padding:11px 14px;color:var(--ink);border-bottom:3px solid transparent}
.nav a:hover,.nav a.on{border-bottom-color:var(--yel)}.nav a.cta{background:var(--char);color:#fff;margin-left:10px;border-radius:var(--r);border-bottom:0}.nav a.cta:hover{background:var(--char-2)}
.burger{display:none;background:var(--bg);border:0;border-radius:var(--r);padding:10px 16px;font:600 .95rem Sora,sans-serif;color:var(--ink)}
.hero{background:var(--char);color:#c9d0d6;display:grid;grid-template-columns:1fr 1fr;min-height:600px}
.hero .txt{padding:80px 56px 80px max(22px,calc((100vw - var(--wrap))/2 + 22px));display:flex;flex-direction:column;justify-content:center}
.hero h1{color:#fff}.hero h1 em{font-style:normal;color:var(--yel)}.hero .kick{color:#fff}
.hero .lead{font-size:1.14rem;max-width:560px}
.hero .actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.hero .pic{position:relative;overflow:hidden}
.hero .pic img{width:100%;height:100%;object-fit:cover}
.hero .pic::after{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background:var(--yel)}
.stats{background:var(--yel)}
.stats .wrap{display:grid;grid-template-columns:repeat(4,1fr)}
.stats div{padding:22px 16px;border-right:1px solid rgba(21,24,28,.15)}.stats div:last-child{border-right:0}
.stats b{display:block;font:800 1.1rem/1.2 Sora,sans-serif;color:var(--ink)}.stats span{font-size:.92rem;color:#3b3a2c}
.sec{padding:92px 0}.sec.bg{background:var(--bg)}.sec.dark{background:var(--char);color:#c0c8cf}.sec.dark h2,.sec.dark h3{color:#fff}.sec.dark .kick{color:#fff}
.head2{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;margin-bottom:42px}.head2 p{max-width:500px;margin:0}
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:2px;background:var(--line);border:2px solid var(--line)}
.svc{background:#fff;text-decoration:none;display:flex;flex-direction:column;position:relative;transition:.2s}
.svc img{width:100%;aspect-ratio:16/10;object-fit:cover;filter:saturate(.85)}
.svc div{padding:24px 26px 28px}.svc .n{font:800 .9rem/1 Sora,sans-serif;color:var(--yel-d);letter-spacing:.08em}
.svc h3{margin:10px 0 8px}.svc p{margin:0;color:var(--muted)}
.svc:hover{background:var(--char)}.svc:hover h3{color:#fff}.svc:hover p{color:#b7c0c8}.svc:hover img{filter:none}
.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.frame{position:relative;padding:0 24px 24px 0}
.frame::before{content:"";position:absolute;right:0;bottom:0;width:70%;height:70%;background:var(--yel);z-index:0}
.frame img{position:relative;z-index:1;width:100%;aspect-ratio:4/3;object-fit:cover}
.bars{list-style:none;padding:0;margin:18px 0 26px;display:grid;gap:10px}
.bars li{padding:12px 16px;background:var(--bg);border-left:4px solid var(--yel);font-weight:500;color:var(--ink)}
.sec.bg .bars li{background:#fff}
.phases{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:40px;border-top:1px solid #3a424b}
.phase{padding:26px 22px 0 0}.phase b{display:block;font:800 2.4rem/1 Sora,sans-serif;color:var(--yel);margin-bottom:12px}
.phase p{margin:0;color:#aab3bb}
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;gap:12px}
.gallery img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.gallery img:first-child{aspect-ratio:auto}
.band{position:relative;background:var(--char) center/cover no-repeat}
.band::before{content:"";position:absolute;inset:0;background:rgba(21,24,28,.86)}
.band .wrap{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding-top:54px;padding-bottom:54px}
.band h2{color:#fff;margin:0}.band p{color:#c0c8cf;margin:6px 0 0}
.ptop{background:var(--char);color:#c0c8cf;border-bottom:6px solid var(--yel)}.ptop .wrap{padding-top:60px;padding-bottom:54px}.ptop h1{color:#fff;margin:0}.ptop .kick{color:#fff}
.crumb{margin-top:12px;font-size:.95rem}.crumb a{color:var(--yel)}
.table{width:100%;border-collapse:collapse;background:#fff;border:1px solid var(--line)}
.table th,.table td{text-align:left;padding:14px 16px;border-bottom:1px solid var(--line);vertical-align:top}.table th{width:34%;color:var(--ink);background:var(--bg)}
.box{background:#fff;border:1px solid var(--line);border-top:5px solid var(--yel);padding:30px}
.box dl{margin:0}.box dt{font:700 .72rem/1 Sora,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--steel);margin-top:16px}.box dt:first-child{margin-top:0}.box dd{margin:6px 0 0;color:var(--ink)}
.gridc{display:grid;grid-template-columns:1fr 1.1fr;gap:40px}
form.q{display:grid;grid-template-columns:1fr 1fr;gap:14px}form.q label{display:flex;flex-direction:column;gap:6px;font:600 .88rem Sora,sans-serif;color:var(--ink)}
form.q .full{grid-column:1/-1}form.q input,form.q select,form.q textarea{font:inherit;padding:12px 14px;border:1px solid #c9d0d6;border-radius:var(--r);color:var(--ink);background:#fff}
form.q textarea{min-height:120px}form.q input:focus,form.q select:focus,form.q textarea:focus{outline:2px solid var(--yel);border-color:var(--yel-d)}
.note{font-size:.9rem;color:var(--muted)}.map{width:100%;height:300px;border:0;margin-top:20px}
.legal{max-width:840px}.legal h2{font-size:1.4rem;margin-top:1.7em}.legal .upd{color:var(--muted);font-size:.92rem}
.foot{background:var(--ink);color:#99a3ac;font-size:.95rem}
.foot .wrap{display:grid;grid-template-columns:1.4fr 1fr 1fr 1.3fr;gap:34px;padding-top:62px;padding-bottom:36px}
.foot h4{color:#fff;font-size:1rem}.foot ul{list-style:none;padding:0;margin:0}.foot li{margin-bottom:8px}.foot a{color:#d3d9de;text-decoration:none}.foot a:hover{color:var(--yel)}
.foot .logo b{color:#fff}.foot .logo small{color:#7d8891}
.legalbar{border-top:1px solid #2b3137}.legalbar .wrap{display:flex!important;flex-wrap:wrap;justify-content:space-between;gap:10px;padding-top:18px!important;padding-bottom:22px!important;font-size:.85rem;color:#7d8891}.legalbar a{color:#b6c0c8}
@media(max-width:1000px){.hero{grid-template-columns:1fr;min-height:0}.hero .txt{padding:60px 22px}.hero .pic{height:360px}.hero .pic::after{width:100%;height:8px;bottom:auto}.split,.gridc{grid-template-columns:1fr}.grid3{grid-template-columns:1fr 1fr}.phases{grid-template-columns:1fr 1fr}.stats .wrap{grid-template-columns:1fr 1fr}.stats div:nth-child(2){border-right:0}.foot .wrap{grid-template-columns:1fr 1fr}}
@media(max-width:720px){.head .wrap{flex-wrap:wrap;padding-top:10px;padding-bottom:10px}.burger{display:inline-block}.nav{display:none;width:100%;flex-direction:column;align-items:stretch;padding-bottom:10px}.nav.open{display:flex}.nav a.cta{margin-left:0;text-align:center}
.hero .pic{height:260px}.sec{padding:60px 0}.grid3,.phases{grid-template-columns:1fr}.gallery{grid-template-columns:1fr 1fr}.gallery img:first-child{grid-column:span 2;aspect-ratio:16/10}form.q{grid-template-columns:1fr}.foot .wrap{grid-template-columns:1fr}.stats .wrap{grid-template-columns:1fr}.stats div{border-right:0;border-bottom:1px solid rgba(21,24,28,.15)}}