:root{--bg:#12161d;--bg2:#1a202a;--ln:#2b3442;--gold:#c8a45d;--gold2:#e3c98d;--tx:#e8ebf0;--mut:#9aa5b5;--lt:#f4f1ea;--ink:#171b22}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:"Nunito","Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.65;font-size:17px}
a{color:var(--gold)}
.w{max-width:1160px;margin:0 auto;padding:0 22px}
.hd{position:sticky;top:0;z-index:20;background:rgba(18,22,29,.94);border-bottom:1px solid var(--ln);backdrop-filter:blur(6px)}
.hd .w{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:70px}
.br{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--tx)}
.lg{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:2px solid var(--gold);color:var(--gold);font-weight:900;font-size:22px;letter-spacing:-1px}
.br span{font-size:13px;letter-spacing:.2em;text-transform:uppercase;line-height:1.25;color:var(--mut)}
.br span b{display:block;color:var(--tx);font-size:15px;letter-spacing:.14em}
.nv{display:flex;gap:26px;flex-wrap:wrap}
.nv a{color:var(--tx);text-decoration:none;font-size:14px;letter-spacing:.06em;text-transform:uppercase;font-weight:700;padding:6px 0;border-bottom:2px solid transparent}
.nv a:hover{color:var(--gold);border-color:var(--gold)}
#mt,.bg{display:none}
.hero{padding:92px 0 96px;background:radial-gradient(900px 500px at 85% 20%,rgba(200,164,93,.13),transparent 60%),var(--bg);border-bottom:1px solid var(--ln)}
.hero .w{display:grid;grid-template-columns:1.1fr .9fr;gap:40px;align-items:center}
.kick{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:700}
.hero h1{font-size:54px;line-height:1.08;margin:18px 0 22px;font-weight:800}
.hero h1 em{font-style:normal;color:var(--gold)}
.hero .ld{font-size:20px;color:#c7cfdb;max-width:560px;margin:0 0 34px}
.bt{display:flex;gap:14px;flex-wrap:wrap}
.b{display:inline-block;background:var(--gold);color:#1a1405;text-decoration:none;font-weight:800;font-size:15px;letter-spacing:.06em;text-transform:uppercase;padding:15px 30px;border:2px solid var(--gold)}
.b:hover{background:var(--gold2);border-color:var(--gold2)}
.b.o{background:transparent;color:var(--gold)}
.b.o:hover{background:rgba(200,164,93,.12)}
.art svg{display:block;width:100%;height:auto}
.s{padding:84px 0}
.s.l{background:var(--lt);color:var(--ink)}
.s.d2{background:var(--bg2)}
.s h2{font-size:36px;line-height:1.15;margin:0 0 14px;font-weight:800}
.s .k{font-size:13px;letter-spacing:.24em;text-transform:uppercase;color:var(--gold);font-weight:700;display:block;margin-bottom:10px}
.l .k{color:#9a7a33}
.sb{max-width:720px;color:var(--mut);margin:0 0 44px;font-size:18px}
.l .sb{color:#566070}
.sv{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.sv>div{border:1px solid var(--ln);background:var(--bg2);padding:34px 30px;position:relative}
.sv>div:before{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:var(--gold)}
.sv i{font-style:normal;font-size:46px;font-weight:900;color:rgba(200,164,93,.35);line-height:1;display:block;margin-bottom:12px}
.sv h3{margin:0 0 12px;font-size:23px}
.sv p{margin:0;color:#c0c8d4;font-size:16.5px}
.tl{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:0;counter-reset:t}
.tl li{position:relative;padding:34px 14px 0 0;counter-increment:t}
.tl li:before{content:"";position:absolute;left:0;top:11px;right:0;border-top:2px solid #cfc7b4}
.tl li:after{content:counter(t);position:absolute;left:0;top:0;width:24px;height:24px;border-radius:50%;background:var(--ink);color:#fff;font-size:12px;font-weight:800;display:flex;align-items:center;justify-content:center}
.tl b{display:block;font-size:17px;line-height:1.3;margin-bottom:6px}
.tl span{font-size:14.5px;color:#566070;line-height:1.45;display:block}
.bim{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bim p{color:#c0c8d4;margin:0 0 16px}
.qt{border-left:3px solid var(--gold);padding:6px 0 6px 24px;font-size:18px;color:var(--tx)!important}
.sp{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--ln);border:1px solid var(--ln)}
.sp div{background:var(--bg);padding:26px 24px}
.sp b{display:block;font-size:19px;color:var(--gold);margin-bottom:6px}
.sp span{font-size:15px;color:#b3bdca;line-height:1.5;display:block}
.ob{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.ob>div{background:#fff;border:1px solid #e1dccf;padding:30px 28px}
.ob h3{margin:0 0 10px;font-size:21px}
.ob p{margin:0;color:#566070;font-size:16px}
.ct{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.ct .m{display:block;font-size:34px;font-weight:800;color:var(--gold);text-decoration:none;margin:6px 0 16px;word-break:break-all}
.ct .m:hover{color:var(--gold2)}
.ct p{color:#c0c8d4;margin:0 0 14px}
.nt{border:1px solid var(--ln);padding:26px 28px;color:var(--mut);font-size:15px}
.fo{border-top:1px solid var(--ln);padding:28px 0;color:var(--mut);font-size:14px}
.fo b{color:var(--tx)}
@media(max-width:980px){
.hero .w,.bim,.ct{grid-template-columns:1fr}
.hero h1{font-size:42px}
.art{max-width:520px}
.sv,.ob{grid-template-columns:1fr}
.tl{grid-template-columns:repeat(2,1fr);row-gap:26px}
.tl li:before{right:12px}
}
@media(max-width:760px){
body{font-size:16px}
.bg{display:block;font-weight:700;font-size:13px;letter-spacing:.08em;text-transform:uppercase;padding:9px 16px;border:1px solid var(--ln);color:var(--tx);cursor:pointer}
.hd .w{flex-wrap:wrap;padding-top:10px;padding-bottom:10px;min-height:0}
.nv{display:none;width:100%;flex-direction:column;gap:0;padding-bottom:8px}
#mt:checked~.nv{display:flex}
.nv a{padding:12px 0;border-bottom:1px solid var(--ln)}
.br span{font-size:11px}
.hero{padding:52px 0 56px}
.hero h1{font-size:33px}
.hero .ld{font-size:17.5px}
.s{padding:54px 0}
.s h2{font-size:28px}
.sb{font-size:16.5px;margin-bottom:30px}
.sv>div{padding:26px 22px}
.ct .m{font-size:23px}
.sp{grid-template-columns:1fr}
}