:root{
  --black:#050505;
  --black-2:#0d0d0d;
  --card:#111;
  --red:#e10600;
  --red-2:#ff1a1a;
  --white:#fff;
  --muted:#c9c9c9;
  --border:rgba(255,255,255,.1);
  --font-title:'Cinzel',serif;
  --font-body:'Inter',sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:var(--font-body);background:var(--black);color:var(--white);line-height:1.6;overflow-x:hidden}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}
.site-header{position:fixed;top:0;left:0;width:100%;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:32px;padding:22px 6vw;background:linear-gradient(90deg,rgba(5,5,5,.82),rgba(26,0,0,.64));backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06);transition:.3s ease}
.site-header.scrolled{padding:14px 6vw;background:rgba(5,5,5,.95)}
.brand{display:flex;align-items:center;gap:12px;font-family:var(--font-title);letter-spacing:4px;font-size:22px;line-height:1;width:250px}.brand img{width:58px;height:58px;object-fit:contain}.brand strong{color:var(--red)}.brand.small{width:auto;font-size:15px;letter-spacing:3px}.brand.small img{width:34px;height:34px}
.main-nav{display:flex;align-items:center;justify-content:center;gap:34px;font-size:13px;text-transform:uppercase;letter-spacing:.8px}.main-nav a{color:#eee;transition:.2s}.main-nav a:hover{color:var(--red-2)}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:12px;width:270px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:10px;padding:13px 20px;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.5px;transition:.25s ease;border:1px solid transparent;cursor:pointer}.btn-primary{background:linear-gradient(135deg,var(--red),#8d0300);color:#fff;box-shadow:0 14px 34px rgba(225,6,0,.22)}.btn-primary:hover{transform:translateY(-3px);background:linear-gradient(135deg,var(--red-2),var(--red));box-shadow:0 18px 44px rgba(225,6,0,.34)}.btn-ghost,.btn-outline{background:rgba(255,255,255,.03);border-color:var(--border);color:#fff}.btn-ghost:hover,.btn-outline:hover{border-color:var(--red);color:#fff;transform:translateY(-2px)}.btn-large{padding:17px 26px;font-size:14px}.menu-toggle{display:none;background:none;border:0;color:#fff;font-size:28px}
.hero{position:relative;min-height:100vh;display:flex;align-items:center;background-image:url('assets/hero-ace.png');background-size:cover;background-position:center right;padding:120px 6vw 80px}.hero-overlay{position:absolute;inset:0;background:radial-gradient(circle at 70% 40%,rgba(225,6,0,.28),transparent 32%),linear-gradient(90deg,rgba(0,0,0,.96) 0%,rgba(0,0,0,.82) 42%,rgba(0,0,0,.45) 100%)}.hero-content{position:relative;z-index:1;max-width:680px}.eyebrow{color:var(--red-2);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:5px;margin-bottom:16px}.hero h1,.section-title h2,.feature-copy h2,.agent-copy h2,.final-cta h2{font-family:var(--font-title);font-weight:600;line-height:1.05}.hero h1{font-size:clamp(46px,7vw,92px);max-width:780px}.hero-text{max-width:540px;color:#e2e2e2;font-size:20px;margin:26px 0 34px}.hero-buttons{display:flex;gap:18px;flex-wrap:wrap}.social-proof{display:flex;align-items:center;gap:16px;margin-top:34px;color:#fff}.social-proof small{color:var(--muted)}.avatars{display:flex}.avatars span{width:36px;height:36px;border-radius:50%;border:2px solid #fff;background:linear-gradient(135deg,#eee,#541);margin-left:-8px}.avatars span:first-child{margin-left:0}
.section{padding:100px 6vw}.section-title{text-align:center;margin-bottom:54px}.section-title h2{font-size:clamp(30px,4vw,52px)}.cards-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.card,.step{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:18px;padding:34px;min-height:230px;transition:.3s}.card:hover,.step:hover{transform:translateY(-6px);border-color:rgba(225,6,0,.7);box-shadow:0 22px 60px rgba(225,6,0,.14)}.icon{font-size:42px;color:var(--red);margin-bottom:18px}.card h3,.step h3{font-size:18px;text-transform:uppercase;margin-bottom:12px}.card p,.step p,.feature-copy p,.agent-copy p,.final-cta p{color:var(--muted)}
.stats{width:88%;margin:0 auto 80px;display:grid;grid-template-columns:repeat(4,1fr);background:linear-gradient(90deg,rgba(255,255,255,.04),rgba(255,255,255,.015));border:1px solid var(--border);border-radius:18px;overflow:hidden}.stats div{padding:34px;text-align:center;border-right:1px solid var(--border)}.stats div:last-child{border-right:0}.stats strong{display:block;font-family:var(--font-title);font-size:42px;color:#fff}.stats span{color:var(--red-2);font-weight:800;text-transform:uppercase;font-size:12px;letter-spacing:1px}
.feature-section,.agent-section{width:88%;margin:0 auto 30px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:#090909}.feature-image,.agent-image{height:430px;overflow:hidden}.feature-image img,.agent-image img{width:100%;height:100%;object-fit:cover}.feature-copy,.agent-copy{padding:50px}.feature-copy h2,.agent-copy h2,.final-cta h2{font-size:clamp(32px,4vw,56px);margin-bottom:18px}.feature-copy p,.agent-copy p{font-size:18px;margin-bottom:28px}.agent-section{grid-template-columns:.9fr 1.1fr}.how{background:radial-gradient(circle at center,rgba(225,6,0,.08),transparent 38%)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.step span{display:block;color:var(--red);font-family:var(--font-title);font-size:38px;margin-bottom:14px}
.final-cta{width:88%;margin:70px auto 60px;padding:46px;border:1px solid var(--border);border-radius:20px;background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(225,6,0,.08));display:flex;align-items:center;justify-content:space-between;gap:24px}.final-cta h2{font-size:42px}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:34px 6vw;border-top:1px solid var(--border);color:#aaa}.footer-links{display:flex;gap:22px}.footer-links a:hover{color:var(--red)}
.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@media(max-width:1100px){.main-nav{gap:18px}.cards-grid,.steps{grid-template-columns:repeat(2,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.feature-section,.agent-section{grid-template-columns:1fr}.agent-image{order:-1}.brand{width:auto}.header-actions{width:auto}.btn-ghost{display:none}}
@media(max-width:820px){.site-header{padding:14px 5vw}.menu-toggle{display:block}.main-nav{position:absolute;top:86px;left:5vw;right:5vw;display:none;flex-direction:column;align-items:flex-start;background:rgba(5,5,5,.98);border:1px solid var(--border);border-radius:14px;padding:20px}.main-nav.open{display:flex}.header-actions .btn-primary{padding:12px 14px;font-size:11px}.brand span{font-size:16px}.brand img{width:44px;height:44px}.hero{background-position:center;min-height:760px;padding-top:110px}.hero h1{font-size:48px}.hero-text{font-size:17px}.cards-grid,.steps,.stats{grid-template-columns:1fr;width:100%}.stats div{border-right:0;border-bottom:1px solid var(--border)}.feature-section,.agent-section,.final-cta,.stats{width:92%}.feature-copy,.agent-copy{padding:30px}.final-cta{align-items:flex-start;flex-direction:column}.site-footer{flex-direction:column;text-align:center}.section{padding:75px 5vw}}
@media(max-width:520px){.header-actions{display:none}.hero-buttons{flex-direction:column}.btn-large{width:100%}.hero h1{font-size:40px}.eyebrow{letter-spacing:3px}.feature-image,.agent-image{height:280px}}

.platforms{
    padding:100px 8%;
    background:#080808;
}

.section-title{
    text-align:center;
    margin-bottom:60px;
}

.section-title span{
    color:#e10600;
    letter-spacing:4px;
    font-size:12px;
}

.section-title h2{
    font-size:48px;
    margin:15px 0;
}

.section-title p{
    color:#999;
    max-width:600px;
    margin:auto;
}

.platform-grid{
    display:grid;
    grid-template-columns:repeat(3,1fr);
    gap:25px;
}

.platform-card{
    background:#111;
    border:1px solid #222;
    border-radius:18px;
    padding:40px;
    text-align:center;
    transition:.3s;
}

.platform-card:hover{
    transform:translateY(-8px);
    border-color:#e10600;
    box-shadow:0 0 30px rgba(225,6,0,.25);
}

.platform-card img{
    max-width:180px;
    height:auto;
    margin-bottom:20px;
}

.platform-card p{
    color:#cfcfcf;
}

.chippix{
  position:relative;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:50px;
  align-items:center;
  padding:100px 8%;
  background:
    radial-gradient(circle at 80% 50%, rgba(225,6,0,.22), transparent 35%),
    linear-gradient(135deg, #050505 0%, #120000 100%);
  border-top:1px solid rgba(255,255,255,.08);
  border-bottom:1px solid rgba(255,255,255,.08);
  overflow:hidden;
}

.chippix-content h2{
  font-size:52px;
  line-height:1.05;
  margin:18px 0;
}

.chippix-content p{
  color:#cfcfcf;
  max-width:620px;
  font-size:18px;
  line-height:1.7;
}

.chippix-points{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:35px 0;
}

.chippix-points div{
  background:rgba(255,255,255,.04);
  border:1px solid rgba(255,255,255,.08);
  border-radius:18px;
  padding:22px;
}

.chippix-points strong{
  display:block;
  color:#fff;
  font-size:18px;
  margin-bottom:8px;
}

.chippix-points span{
  color:#999;
  font-size:14px;
}

.chippix-logo{
  display:flex;
  justify-content:center;
  align-items:center;
}

.chippix-logo img{
  width:min(420px,100%);
  filter:drop-shadow(0 0 35px rgba(225,6,0,.35));
}

@media(max-width:900px){
  .chippix{
    grid-template-columns:1fr;
    text-align:center;
  }

  .chippix-content p{
    margin:auto;
  }

  .chippix-points{
    grid-template-columns:1fr;
  }

  .chippix-content h2{
    font-size:38px;
  }
}
.platform-card img{
  width: 180px;
  max-height: 80px;
  object-fit: contain;
  margin-bottom: 24px;
  filter: drop-shadow(0 0 18px rgba(225,6,0,.35));
}
@media (max-width: 768px){

    .platform-grid{
        grid-template-columns:1fr;
        gap:20px;
    }

    .platform-card{
        padding:25px;
    }

    .platform-card img{
        width:140px;
        margin:0 auto 20px;
        display:block;
    }

}