:root{--bg:#262626;--bg2:#1c1c1c;--card:#1e1e1e;--tx:#f2f2f2;--mu:#bdbdbd;--a:#c9a227}
body.agents{--a:#b7814a}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:"Open Sans",Arial,sans-serif;background:var(--bg);color:var(--tx);line-height:1.6;font-size:16px}
a{color:var(--a)}
.w{max-width:1120px;margin:0 auto;padding:0 24px}
h1,h2,.d{font-family:Anton,Impact,sans-serif;font-weight:400;text-transform:uppercase;letter-spacing:.5px;line-height:1.08}
h2{font-size:clamp(30px,4.6vw,46px);margin-bottom:16px}
.k{font-size:12px;letter-spacing:3px;color:var(--mu);display:flex;align-items:center;gap:12px;margin-bottom:10px}
.k:after{content:"";width:60px;height:1px;background:var(--a)}
header{position:sticky;top:0;z-index:9;background:rgba(28,28,28,.95);border-bottom:1px solid #333}
.nav{display:flex;align-items:center;justify-content:space-between;height:62px}
.logo{font-family:Anton,sans-serif;font-size:26px;color:#fff;text-decoration:none;letter-spacing:.5px}
nav a{color:var(--tx);text-decoration:none;margin-left:20px;font-size:14px;font-weight:600}
nav a.on,nav a:hover{color:var(--a)}
.btn{display:inline-block;background:var(--a);color:#161616;font-weight:700;padding:12px 22px;text-decoration:none}
.btn.o{background:none;color:var(--a);border:1px solid var(--a)}
.hero{min-height:78vh;display:flex;align-items:center;justify-content:center;text-align:center;padding:60px 0;position:relative}
.ring{width:min(440px,82vw);aspect-ratio:1;border-radius:50%;border:3px solid var(--a);background:radial-gradient(circle,#1e1e1e 55%,#262626 72%);box-shadow:0 0 0 22px #222, 0 0 80px rgba(0,0,0,.6);display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px}
.ring .d{font-size:clamp(56px,12vw,96px);text-transform:none}
.ring p{font-size:clamp(15px,2.2vw,19px);margin-top:6px}
.side{position:absolute;left:18px;bottom:30px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:11px;color:var(--mu);letter-spacing:1px}
section{padding:84px 0}
section.alt{background:var(--bg2)}
.lead{font-size:18px;color:#dcdcdc;max-width:640px}
.g3{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:34px}
.g2{display:grid;gap:40px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));align-items:center}
.c{background:var(--card);padding:26px;box-shadow:0 8px 24px rgba(0,0,0,.35)}
.c.f{background:var(--a);color:#161616}
.c.f p{color:#222}
.c h3{font-size:16px;margin-bottom:6px}
.c p{color:var(--mu);font-size:15px}
.n{font-family:Anton,sans-serif;color:var(--a);font-size:30px}
.big{font-family:Anton,sans-serif;color:var(--a);font-size:clamp(54px,9vw,84px);line-height:1}
.acc{color:var(--a);font-weight:700}
.ticks{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:24px}
.ticks div{padding-left:24px;position:relative;font-weight:700}
.ticks div:before{content:"✓";position:absolute;left:0;color:var(--a)}
.ticks i{display:block;font-weight:400;color:var(--mu);font-size:14px}
.block{border-left:6px solid var(--a);padding-left:22px}
.quote{font-size:clamp(22px,3vw,30px);font-weight:700}
.stars{color:var(--a);font-size:28px;letter-spacing:6px}
.photo{width:100%;max-width:380px;box-shadow:16px 16px 0 var(--a)}
ul.b{list-style:none}
ul.b li{padding:8px 0 8px 22px;position:relative;color:#dcdcdc}
ul.b li:before{content:"";position:absolute;left:0;top:16px;width:9px;height:9px;background:var(--a)}
.route{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));margin-top:40px}
.route a{display:block;text-decoration:none;color:var(--tx);background:var(--card);padding:34px;border-top:6px solid var(--c)}
.route a:hover{transform:translateY(-3px)}
.route .d{font-size:34px;color:var(--c)}
.cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px}
.ct{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:26px}
.ct div{display:flex;gap:14px}
.ct b.dot{flex:none;width:30px;height:30px;border-radius:50%;background:var(--a);color:#161616;display:flex;align-items:center;justify-content:center}
footer{padding:26px 0;color:#888;font-size:13px;border-top:1px solid #333;background:var(--bg2)}
@media(max-width:720px){nav a.h{display:none}.side{display:none}section{padding:58px 0}.ticks{grid-template-columns:1fr}}
nav a.login{color:var(--mu);font-weight:400;font-size:13px}