:root{
  --ink:#04070c;
  --ink-2:#07111f;
  --panel:#0b1523;
  --panel-2:#0f1c2c;
  --silver:#e8edf3;
  --muted:#9ca9b9;
  --blue:#1468ff;
  --blue-2:#2f8cff;
  --gold:#d4af37;
  --gold-soft:#8f7734;
  --line:rgba(255,255,255,.10);
  --line-gold:rgba(212,175,55,.34);
  --max:1180px;
  --radius:22px;
  --shadow:0 24px 80px rgba(0,0,0,.38);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
  color:var(--silver);
  background:
    radial-gradient(circle at 80% 10%, rgba(212,175,55,.13), transparent 32rem),
    radial-gradient(circle at 18% 30%, rgba(212,175,55,.07), transparent 28rem),
    linear-gradient(180deg,#03060b 0%,#07101b 44%,#04070c 100%);
  min-height:100vh;
}
body:before{
  content:"";
  position:fixed; inset:0; pointer-events:none; opacity:.18;
  background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:48px 48px;
  mask-image:linear-gradient(to bottom,black,transparent 85%);
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.container{width:min(var(--max),calc(100% - 40px));margin:auto}
.eyebrow{
  text-transform:uppercase;letter-spacing:.19em;font-size:.76rem;
  color:#b8c6d9;font-weight:700;
}
.eyebrow:before{content:"";display:inline-block;width:26px;height:1px;background:var(--gold);vertical-align:middle;margin-right:10px}
h1,h2,h3{margin:0;letter-spacing:-.035em;line-height:1.03}
h1{font-size:clamp(3.1rem,7vw,6.7rem);font-weight:760}
h2{font-size:clamp(2.2rem,4.7vw,4.4rem);font-weight:720}
h3{font-size:1.35rem}
p{line-height:1.72;color:#b7c1ce}
.lead{font-size:clamp(1.05rem,1.6vw,1.28rem);max-width:720px;color:#c9d2de}
.gold{color:var(--gold)}
.blue{color:var(--blue-2)}
.small{font-size:.91rem;color:var(--muted)}
.sep{height:1px;background:linear-gradient(90deg,transparent,var(--line-gold),transparent)}
nav{
  position:sticky;top:0;z-index:100;
  backdrop-filter:blur(18px);
  background:rgba(3,7,12,.78);
  border-bottom:1px solid var(--line);
}
.nav-wrap{height:78px;display:flex;align-items:center;justify-content:space-between;gap:22px}
.brand{display:flex;align-items:center;gap:14px;min-width:260px}
.brand img{width:210px;height:auto}
.nav-links{display:flex;align-items:center;gap:28px;font-size:.93rem;color:#c9d2dd}
.nav-links a{transition:.2s}
.nav-links a:hover{color:white}
.btn{
  display:inline-flex;align-items:center;justify-content:center;gap:10px;
  padding:13px 18px;border-radius:999px;
  font-size:.92rem;font-weight:700;letter-spacing:.01em;
  border:1px solid rgba(255,255,255,.14);
  transition:.22s ease;cursor:pointer;
}
.btn:hover{transform:translateY(-1px);border-color:rgba(255,255,255,.3)}
.btn-primary{background:linear-gradient(135deg,#a98120,#e0bd55);color:#07101a;box-shadow:0 10px 38px rgba(212,175,55,.20);border:0}
.btn-gold{background:linear-gradient(135deg,#b38d25,#e0bd55);color:#06101a;border:0}
.btn-ghost{background:rgba(255,255,255,.025)}
.hero{padding:100px 0 84px;position:relative;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:64px;align-items:center}
.hero-copy .eyebrow{margin-bottom:20px}
.hero-copy h1 span{display:block}
.hero-copy p{margin:28px 0 32px}
.cta-row{display:flex;flex-wrap:wrap;gap:12px}
.hero-visual{position:relative;min-height:520px;display:grid;place-items:center}
.shield-wrap{
  width:min(500px,90%);aspect-ratio:1;position:relative;display:grid;place-items:center;
  filter:drop-shadow(0 30px 65px rgba(0,0,0,.58));
}
.shield-wrap:before,.shield-wrap:after{
  content:"";position:absolute;border-radius:50%;
}
.shield-wrap:before{
  width:100%;height:100%;
  background:radial-gradient(circle,rgba(212,175,55,.22),transparent 64%);
  filter:blur(18px)
}
.shield-wrap:after{
  width:78%;height:78%;border:1px solid rgba(212,175,55,.17);
  box-shadow:0 0 90px rgba(20,104,255,.10) inset;
}
.shield-wrap img{position:relative;width:82%;z-index:1}
.hero-note{
  position:absolute;bottom:32px;right:0;max-width:260px;padding:16px 18px;
  border:1px solid var(--line-gold);border-radius:16px;
  background:linear-gradient(180deg,rgba(17,27,41,.92),rgba(6,12,20,.92));
  box-shadow:var(--shadow)
}
.hero-note strong{display:block;color:#f3e4ad;margin-bottom:5px}
.section{padding:92px 0}
.section-head{display:flex;justify-content:space-between;gap:48px;align-items:end;margin-bottom:38px}
.section-head p{max-width:560px;margin:0}
.pillars{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.card{
  border:1px solid var(--line);
  background:linear-gradient(180deg,rgba(14,26,42,.82),rgba(7,15,25,.88));
  border-radius:var(--radius);padding:30px;
  position:relative;overflow:hidden;box-shadow:0 18px 44px rgba(0,0,0,.16);
}
.card:after{
  content:"";position:absolute;inset:auto -20% -40% 20%;height:180px;
  background:radial-gradient(circle,rgba(20,104,255,.12),transparent 65%);
}
.card.gold-card{border-color:var(--line-gold)}
.card-index{font-size:.78rem;letter-spacing:.16em;color:var(--gold);font-weight:800;margin-bottom:38px}
.card h3{font-size:1.65rem;margin-bottom:12px}
.card p{margin:0 0 26px}
.card-link{font-weight:750;color:white;display:inline-flex;gap:8px;align-items:center}
.card-link span{color:var(--gold)}
.feature{
  display:grid;grid-template-columns:.9fr 1.1fr;gap:44px;align-items:center;
  border:1px solid var(--line);border-radius:28px;padding:44px;
  background:linear-gradient(135deg,rgba(7,16,27,.95),rgba(11,26,45,.78));
}
.feature + .feature{margin-top:24px}
.feature.reverse{grid-template-columns:1.1fr .9fr}
.feature-visual{
  min-height:390px;border-radius:22px;border:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(135deg,rgba(212,175,55,.10),transparent 55%),
    radial-gradient(circle at 50% 50%,rgba(212,175,55,.08),transparent 45%),
    #07111e;
  position:relative;overflow:hidden;padding:26px;display:flex;flex-direction:column;justify-content:space-between;
}
.feature-visual .metric{font-size:4.7rem;font-weight:780;letter-spacing:-.07em}
.feature-visual .stack{
  display:grid;gap:10px
}
.stack-line{
  border:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.03);
  padding:13px 15px;border-radius:12px;font-size:.9rem;color:#bfc9d6
}
.feature-copy .eyebrow{margin-bottom:16px}
.feature-copy h2{font-size:clamp(2.25rem,4vw,3.8rem)}
.feature-copy p{font-size:1.03rem}
.checks{list-style:none;padding:0;margin:26px 0;display:grid;gap:11px}
.checks li{display:flex;gap:10px;color:#c8d1dc}
.checks li:before{content:"◆";color:var(--gold);font-size:.7rem;margin-top:.35rem}
.quote{
  margin-top:28px;padding:18px 20px;border-left:2px solid var(--gold);
  background:rgba(255,255,255,.025);color:#dbe3ec;font-size:1.02rem
}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.proof{padding:24px;border-top:1px solid var(--line-gold);background:rgba(255,255,255,.02)}
.proof strong{display:block;font-size:1.55rem;color:white;margin-bottom:5px}
.intel{
  display:grid;grid-template-columns:1.15fr .85fr;gap:22px
}
.intel-main,.intel-side{border:1px solid var(--line);border-radius:24px;padding:34px;background:rgba(8,18,30,.82)}
.intel-side{display:grid;align-content:space-between;min-height:320px}
.kicker{color:var(--gold);font-size:.78rem;letter-spacing:.16em;text-transform:uppercase;font-weight:800}
.final-cta{
  margin:70px auto 0;border:1px solid var(--line-gold);border-radius:30px;padding:52px;
  background:
    radial-gradient(circle at 75% 20%,rgba(212,175,55,.15),transparent 28rem),
    linear-gradient(135deg,#091321,#050910);
  display:grid;grid-template-columns:1fr auto;align-items:center;gap:40px;
}
footer{padding:52px 0 35px;color:#8e9aaa}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(3,1fr);gap:32px}
.footer-brand img{width:220px;margin-bottom:18px}
.footer-col h4{color:#d8e0ea;margin:0 0 12px}
.footer-col a{display:block;margin:8px 0;font-size:.92rem}
.page-hero{padding:90px 0 58px}
.page-hero .lead{margin-top:24px}
.two-col{display:grid;grid-template-columns:1fr 1fr;gap:24px}
.three-col{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.panel{border:1px solid var(--line);border-radius:22px;padding:28px;background:rgba(9,18,30,.78)}
.panel h3{margin-bottom:12px}
.steps{display:grid;counter-reset:step;gap:14px}
.step{
  counter-increment:step;padding:22px;border:1px solid var(--line);border-radius:18px;
  display:grid;grid-template-columns:auto 1fr;gap:18px;background:rgba(255,255,255,.018)
}
.step:before{content:counter(step,decimal-leading-zero);color:var(--gold);font-weight:800}
.form{display:grid;gap:14px;max-width:760px}
label{display:grid;gap:7px;font-size:.9rem;color:#c6d0db}
input,select,textarea{
  width:100%;background:#08111d;border:1px solid rgba(255,255,255,.12);color:white;
  padding:14px 15px;border-radius:12px;font:inherit;outline:none
}
input:focus,select:focus,textarea:focus{border-color:var(--gold);box-shadow:0 0 0 3px rgba(212,175,55,.12)}
textarea{min-height:140px;resize:vertical}
.mobile-toggle{display:none;border:0;background:transparent;color:white;font-size:1.5rem}
@media(max-width:900px){
  .nav-links{display:none;position:absolute;left:20px;right:20px;top:84px;padding:20px;border:1px solid var(--line);border-radius:18px;background:#06101a;flex-direction:column;align-items:stretch}
  .nav-links.open{display:flex}
  .mobile-toggle{display:block}
  .brand img{width:185px}
  .hero{padding-top:70px}
  .hero-grid,.feature,.feature.reverse,.intel,.final-cta,.two-col{grid-template-columns:1fr}
  .hero-visual{min-height:390px}
  .pillars,.three-col,.proof-grid{grid-template-columns:1fr 1fr}
  .footer-grid{grid-template-columns:1fr 1fr}
  .section-head{display:block}
  .section-head p{margin-top:18px}
}
@media(max-width:640px){
  .container{width:min(100% - 26px,var(--max))}
  h1{font-size:3.05rem}
  .pillars,.three-col,.proof-grid,.footer-grid{grid-template-columns:1fr}
  .section{padding:68px 0}
  .feature{padding:24px}
  .feature-visual{min-height:310px}
  .hero-note{position:relative;bottom:auto;right:auto;margin-top:-20px}
  .final-cta{padding:32px}
}

.metric-days{display:flex;align-items:baseline;gap:14px}.metric-days span{font-size:inherit}.metric-days small{font-size:1rem;letter-spacing:.2em;color:var(--gold);font-weight:800}.text-link{color:#e3c563;text-decoration:underline;text-underline-offset:3px}.text-link:hover{color:#f4dda0}