:root{
  --bg:#000;
  --panel:#090909;
  --text:#f1eee8;
  --muted:#9b9b9b;
  --gold:#cea75a;
  --line:#1c1c1c;
}
*{box-sizing:border-box}
html{background:var(--bg);scroll-behavior:smooth}
body{
  margin:0;
  background:
    radial-gradient(circle at 73% 35%, rgba(206,167,90,.06), transparent 27rem),
    var(--bg);
  color:var(--text);
  font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  -webkit-font-smoothing:antialiased;
}
a{color:inherit;text-decoration:none}
.shell{width:min(1180px,calc(100% - 40px));margin:0 auto}
.topbar{
  min-height:86px;display:flex;align-items:center;justify-content:space-between;
  border-bottom:1px solid var(--line);
}
.brand-mini{font-size:.8rem;letter-spacing:.36em;font-weight:500}
.brand-z{color:var(--gold)}
nav{display:flex;gap:30px;font-size:.86rem;color:#bcbcbc}
nav a,.footer-links a{transition:color .18s ease}
nav a:hover,.footer-links a:hover{color:var(--gold)}
.hero{
  min-height:680px;
  display:grid;grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  align-items:center;gap:80px;padding:72px 0 80px;
}
.eyebrow{
  color:var(--gold);letter-spacing:.24em;font-size:.68rem;font-weight:600;
  margin:0 0 28px;
}
h1{font-size:clamp(3.4rem,8vw,7.2rem);line-height:.91;letter-spacing:-.055em;margin:0;font-weight:500}
h1 span{color:var(--gold)}
.domains{
  margin:28px 0 0;color:#ddd;font-size:clamp(.8rem,1.8vw,1rem);
  letter-spacing:.12em;text-transform:uppercase;
}
.domains i{font-style:normal;color:var(--gold);padding:0 .5em}
.intro{
  max-width:690px;margin:34px 0 0;color:#aaa;font-size:clamp(1.05rem,2vw,1.25rem);
  line-height:1.65;
}
.actions{display:flex;gap:12px;margin-top:38px;flex-wrap:wrap}
.actions a{
  border:1px solid #2a2a2a;padding:13px 18px;border-radius:999px;
  font-size:.9rem;transition:.18s ease;
}
.actions .primary{background:var(--text);color:#080808;border-color:var(--text)}
.actions .primary:hover{background:var(--gold);border-color:var(--gold)}
.actions .secondary:hover{border-color:#777}
.mark{display:flex;justify-content:flex-end;align-items:center}
.mark img{
  width:min(100%,520px);aspect-ratio:1/1;object-fit:cover;border-radius:50%;
  filter:saturate(.88) contrast(1.03);
  box-shadow:0 0 0 1px rgba(206,167,90,.08),0 30px 100px rgba(0,0,0,.85);
}
.focus{
  display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);
  border-bottom:1px solid var(--line);
}
.focus article{padding:40px 32px 44px;border-right:1px solid var(--line)}
.focus article:first-child{padding-left:0}
.focus article:last-child{border-right:0;padding-right:0}
.focus span{font-size:.67rem;color:var(--gold);letter-spacing:.15em}
.focus h2{font-size:1.02rem;font-weight:500;margin:20px 0 12px}
.focus p{font-size:.9rem;color:#8e8e8e;line-height:1.6;margin:0}
footer{
  min-height:120px;display:flex;justify-content:space-between;align-items:center;
  color:#858585;font-size:.78rem;letter-spacing:.08em;
}
.footer-links{display:flex;gap:26px}
@media (max-width:780px){
  .shell{width:min(100% - 28px,680px)}
  .topbar{min-height:70px}
  .brand-mini{letter-spacing:.22em}
  .hero{grid-template-columns:1fr;min-height:auto;gap:48px;padding:70px 0 60px}
  .copy{order:1}
  .mark{order:2;justify-content:flex-start}
  .mark img{width:min(78vw,390px)}
  .domains{line-height:1.8;letter-spacing:.08em}
  .focus{grid-template-columns:1fr}
  .focus article,.focus article:first-child,.focus article:last-child{
    padding:28px 0;border-right:0;border-bottom:1px solid var(--line)
  }
  .focus article:last-child{border-bottom:0}
}
@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto}}