:root{
  --bg:#050505;
  --bg-soft:#0a0a0a;
  --panel:#101010;
  --panel-2:#141414;
  --gold:#e5c85c;
  --gold-2:#f2d56f;
  --gold-muted:rgba(229,200,92,.2);
  --text:#f7f5ef;
  --muted:#a8a39a;
  --line:rgba(255,255,255,.08);
  --shadow:0 30px 80px rgba(0,0,0,.45);
  --max:1400px;
  --radius:26px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  background:radial-gradient(circle at top right, rgba(229,200,92,.08), transparent 26%), linear-gradient(180deg, #050505 0%, #070707 100%);
  color:var(--text);
  overflow-x:hidden;
  cursor:none;
}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.cursor{
  position:fixed;left:0;top:0;width:18px;height:18px;border:1px solid rgba(229,200,92,.65);border-radius:50%;pointer-events:none;z-index:9999;transform:translate(-50%,-50%);mix-blend-mode:screen;
}
.cursor::after{
  content:"";position:absolute;inset:4px;background:var(--gold);border-radius:50%;opacity:.7;
}
.grain,.ambient,.scanlines{position:fixed;inset:0;pointer-events:none;z-index:0}
.ambient{background:radial-gradient(circle at 15% 20%, rgba(229,200,92,.09), transparent 24%), radial-gradient(circle at 80% 10%, rgba(229,200,92,.05), transparent 22%), radial-gradient(circle at 50% 70%, rgba(255,255,255,.02), transparent 25%)}
.grain{opacity:.045;background-image:url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" width="180" height="180" viewBox="0 0 180 180"><filter id="n"><feTurbulence type="fractalNoise" baseFrequency="1.1" numOctaves="2" stitchTiles="stitch"/></filter><rect width="180" height="180" filter="url(%23n)" opacity="1"/></svg>')}
.scanlines{background:linear-gradient(transparent 50%, rgba(255,255,255,.015) 51%);background-size:100% 4px;opacity:.15}
.site{position:relative;z-index:1}
.container{width:min(calc(100% - 40px), var(--max));margin:auto}
.navbar{
  position:fixed;top:0;left:0;right:0;z-index:1000;
  background:linear-gradient(180deg, rgba(5,5,5,.88), rgba(5,5,5,.3), transparent);
  backdrop-filter:blur(12px);
  transition:.35s ease;
}
.navbar.scrolled{background:rgba(5,5,5,.86);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;padding:18px 0;gap:20px}
.brand{display:flex;align-items:center;gap:18px}
.brand-logo{height:58px;width:auto;filter:drop-shadow(0 10px 30px rgba(229,200,92,.08))}
.nav-links{display:flex;gap:34px;align-items:center}
.nav-links a{font-size:12px;letter-spacing:.22em;text-transform:uppercase;color:#f1efe8;opacity:.85;position:relative}
.nav-links a::after{content:"";position:absolute;left:0;bottom:-8px;width:0;height:1px;background:var(--gold);transition:.35s ease}
.nav-links a:hover::after{width:100%}
.nav-cta{padding:12px 18px;border:1px solid rgba(229,200,92,.45);border-radius:999px;background:rgba(229,200,92,.06);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02)}
.mobile-toggle{display:none;flex-direction:column;gap:5px;background:none;border:0;padding:0;cursor:pointer}
.mobile-toggle span{width:24px;height:2px;background:#fff;display:block;transition:.3s}
.hero{min-height:100vh;position:relative;display:flex;align-items:flex-end;padding:140px 0 70px;overflow:hidden}
.hero-bg{position:absolute;inset:-10%;background:
  radial-gradient(circle at 68% 32%, rgba(229,200,92,.18), transparent 18%),
  radial-gradient(circle at 20% 18%, rgba(255,255,255,.06), transparent 14%),
  linear-gradient(125deg, rgba(255,255,255,.025), transparent 35%),
  linear-gradient(180deg, rgba(0,0,0,.05), rgba(0,0,0,.45));transform:scale(1.15)}
.hero-lines{position:absolute;inset:0;background:linear-gradient(120deg, transparent 0%, rgba(229,200,92,.08) 42%, transparent 47%), linear-gradient(300deg, transparent 0%, rgba(255,255,255,.03) 34%, transparent 39%);opacity:.55}
.hero-grid{position:absolute;inset:auto 0 0 0;height:40vh;background:linear-gradient(180deg, transparent, rgba(255,255,255,.02));mask-image:linear-gradient(to top, black 40%, transparent 100%)}
.hero-grid::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px);background-size:80px 80px;transform:perspective(900px) rotateX(72deg) scale(1.7);transform-origin:bottom center;opacity:.32}
.hero-content{position:relative;z-index:2;display:grid;grid-template-columns:1.1fr .9fr;gap:32px;align-items:end}
.eyebrow{display:inline-flex;align-items:center;gap:12px;padding:10px 14px;border:1px solid rgba(229,200,92,.25);border-radius:999px;color:var(--gold);font-size:11px;letter-spacing:.32em;text-transform:uppercase;background:rgba(229,200,92,.04);backdrop-filter:blur(10px)}
.eyebrow.mini{margin-bottom:14px}
.eyebrow span{width:6px;height:6px;background:var(--gold);border-radius:50%;box-shadow:0 0 16px rgba(229,200,92,.7)}
.hero-title{margin:18px 0 18px;font-size:clamp(54px,11vw,148px);line-height:.88;font-weight:800;letter-spacing:-.06em;text-transform:uppercase}
.hero-title .line{display:block;overflow:hidden}
.hero-title .line-inner{display:block}
.hero-title .accent{color:var(--gold)}
.hero-copy{max-width:720px;color:#d7d1c6;font-size:16px;line-height:1.8}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap;margin-top:28px}
.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 22px;min-width:180px;border-radius:999px;font-size:12px;letter-spacing:.22em;text-transform:uppercase;overflow:hidden;transition:.35s ease;border:1px solid var(--line)}
.btn-primary{background:linear-gradient(180deg, var(--gold-2), var(--gold));color:#111;font-weight:700;box-shadow:0 15px 35px rgba(229,200,92,.24)}
.btn-secondary{background:rgba(255,255,255,.02);color:#fff;border-color:rgba(229,200,92,.28)}
.btn-block{width:100%}
.btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg, transparent, rgba(255,255,255,.35), transparent);transform:translateX(-140%)}
.btn:hover::before{animation:shine 1s ease}
.btn:hover{transform:translateY(-2px)}
@keyframes shine{to{transform:translateX(140%)}}
.hero-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;align-self:end}
.stat{padding:22px;border:1px solid var(--line);border-radius:22px;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));box-shadow:var(--shadow);backdrop-filter:blur(14px)}
.stat strong{display:block;font-size:28px;color:var(--gold);margin-bottom:6px}
.stat span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.section{padding:110px 0;position:relative}
.section-tight{padding-top:0}
.section-head{display:flex;justify-content:space-between;gap:28px;align-items:end;margin-bottom:38px}
.kicker{font-size:11px;letter-spacing:.34em;text-transform:uppercase;color:var(--gold)}
.section h2{margin:10px 0 0;font-size:clamp(30px,4vw,64px);line-height:.96;text-transform:uppercase;letter-spacing:-.04em}
.section p.lead{max-width:760px;color:#beb8ae;line-height:1.8}
.showcase{display:grid;grid-template-columns:1.05fr .95fr;gap:28px;align-items:stretch}
.panel{position:relative;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));box-shadow:var(--shadow)}
.panel-visual{min-height:540px;padding:34px;background:
  radial-gradient(circle at 78% 18%, rgba(229,200,92,.16), transparent 22%),
  linear-gradient(135deg, rgba(255,255,255,.03), transparent 26%),
  linear-gradient(180deg, #0c0c0c, #090909)}
.panel-visual::before{content:"";position:absolute;inset:auto -10% -14% -10%;height:66%;background:linear-gradient(180deg, transparent, rgba(229,200,92,.06));transform:skewY(-8deg)}
.wireframe{position:absolute;inset:24px;opacity:.52}
.wireframe::before,.wireframe::after{content:"";position:absolute;border:1px solid rgba(229,200,92,.18);border-radius:28px}
.wireframe::before{inset:8% 14% 30% 14%;transform:skewX(-18deg)}
.wireframe::after{inset:32% 7% 14% 7%;transform:skewX(-18deg)}
.visual-copy{position:absolute;left:34px;bottom:34px;right:34px;z-index:2}
.visual-copy h3{margin:0 0 12px;font-size:clamp(28px,4vw,56px);line-height:.94;text-transform:uppercase;letter-spacing:-.04em;max-width:520px}
.visual-copy p{max-width:540px;margin:0;color:#beb8ae;line-height:1.8}
.feature-stack{display:grid;gap:18px;padding:10px}
.feature-card{padding:26px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.01));position:relative;overflow:hidden}
.feature-card::before{content:"";position:absolute;inset:auto -18% -36% auto;width:180px;height:180px;background:radial-gradient(circle, rgba(229,200,92,.18), transparent 70%)}
.feature-card small{display:block;color:var(--gold);font-size:11px;letter-spacing:.28em;text-transform:uppercase;margin-bottom:10px}
.feature-card h3{margin:0 0 10px;font-size:26px;text-transform:uppercase;letter-spacing:-.03em}
.feature-card p{margin:0;color:#bdb6ac;line-height:1.7}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}
.metric{padding:20px;border-radius:20px;border:1px solid var(--line);background:rgba(255,255,255,.015)}
.metric strong{display:block;font-size:34px;color:var(--gold);margin-bottom:6px}
.metric span{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}
.story-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.story-card{padding:24px;min-height:280px;border:1px solid var(--line);border-radius:24px;background:linear-gradient(180deg, rgba(255,255,255,.025), rgba(255,255,255,.012));position:relative;overflow:hidden}
.story-card::after{content:"";position:absolute;inset:auto 0 0 0;height:2px;background:linear-gradient(90deg, transparent, var(--gold), transparent);opacity:.5}
.story-card .num{font-size:14px;letter-spacing:.28em;color:var(--gold);margin-bottom:36px;display:block}
.story-card h3{font-size:30px;line-height:1.02;text-transform:uppercase;letter-spacing:-.03em;margin:0 0 10px}
.story-card p{margin:0;color:#b9b3aa;line-height:1.75}
.marquee-wrap{overflow:hidden;border-block:1px solid var(--line);background:#080808}
.marquee{display:flex;gap:26px;white-space:nowrap;padding:18px 0;font-size:clamp(28px,4vw,52px);font-weight:800;letter-spacing:-.04em;text-transform:uppercase;color:#ddd8cf}
.marquee span{color:var(--gold)}
.cta-panel{padding:40px;border-radius:30px;border:1px solid var(--line);background:
  radial-gradient(circle at 80% 20%, rgba(229,200,92,.12), transparent 18%),
  linear-gradient(180deg, rgba(255,255,255,.03), rgba(255,255,255,.015));display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}
.cta-panel h3{margin:0 0 10px;font-size:clamp(30px,4vw,60px);line-height:.95;text-transform:uppercase;letter-spacing:-.04em}
.cta-panel p{margin:0;color:#c4beb4;line-height:1.8;max-width:760px}
.lead-form{display:grid;gap:12px;min-width:min(100%, 360px)}
.lead-form input{
  width:100%;padding:16px 18px;border-radius:16px;border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);color:#fff;outline:none;
}
.lead-form input::placeholder{color:#9e988f}
.lead-form input:focus{border-color:rgba(229,200,92,.45);box-shadow:0 0 0 4px rgba(229,200,92,.08)}
.footer{padding:34px 0 50px;color:#999285}
.footer-row{display:flex;justify-content:space-between;gap:18px;align-items:center;border-top:1px solid var(--line);padding-top:24px}
.footer-links{display:flex;gap:22px;flex-wrap:wrap}
.reveal,.reveal-up,.reveal-left,.reveal-right,.scale-in{opacity:0}
@media (max-width: 1100px){
  .hero-content,.showcase,.cta-panel{grid-template-columns:1fr}
  .hero-stats,.metrics,.story-grid{grid-template-columns:repeat(2,1fr)}
  .nav-links{
    position:fixed;inset:78px 14px auto 14px;display:grid;gap:14px;padding:18px;border:1px solid var(--line);border-radius:22px;background:rgba(10,10,10,.96);backdrop-filter:blur(14px);
    transform:translateY(-12px);opacity:0;pointer-events:none;transition:.28s ease;
  }
  .nav-links.is-open{transform:translateY(0);opacity:1;pointer-events:auto}
  .mobile-toggle{display:flex}
}
@media (max-width: 720px){
  body{cursor:auto}
  .cursor{display:none}
  .container{width:min(calc(100% - 28px), var(--max))}
  .hero{padding-top:120px;padding-bottom:40px}
  .brand-logo{height:42px}
  .hero-title{font-size:54px}
  .hero-actions{flex-direction:column;align-items:stretch}
  .hero-stats,.metrics,.story-grid{grid-template-columns:1fr}
  .section{padding:86px 0}
  .section-head{flex-direction:column;align-items:flex-start}
  .panel-visual{min-height:380px}
  .cta-panel{padding:26px}
  .footer-row{flex-direction:column;align-items:flex-start}
}