*{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#020611;
  --panel:rgba(255,255,255,.055);
  --panel2:rgba(255,255,255,.09);
  --line:rgba(255,255,255,.12);
  --text:#f7f9ff;
  --muted:#a7b3d0;
  --blue:#4dc3ff;
  --violet:#7a5cff;
  --cyan:#65f0ff;
}
html{scroll-behavior:smooth}
body{
  font-family:Inter,sans-serif;
  background:var(--bg);
  color:var(--text);
  overflow-x:hidden;
}
body:before{
  content:"";
  position:fixed;inset:0;z-index:-4;
  background:
    radial-gradient(circle at 15% 10%,rgba(77,195,255,.24),transparent 35%),
    radial-gradient(circle at 85% 20%,rgba(122,92,255,.22),transparent 34%),
    radial-gradient(circle at 50% 100%,rgba(101,240,255,.1),transparent 40%),
    #020611;
}
#particles{position:fixed;inset:0;width:100%;height:100%;z-index:-3}
.noise{position:fixed;inset:0;pointer-events:none;z-index:3;opacity:.055;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:70px 70px}
.cursor-glow{position:fixed;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(77,195,255,.16),transparent 65%);pointer-events:none;z-index:-1;transform:translate(-50%,-50%)}
.navbar{
  position:fixed;top:18px;left:50%;transform:translateX(-50%);
  width:min(1220px,calc(100% - 36px));height:76px;padding:0 18px 0 24px;
  display:flex;align-items:center;justify-content:space-between;z-index:999;
  background:rgba(5,9,22,.62);backdrop-filter:blur(24px);
  border:1px solid var(--line);border-radius:26px;
  box-shadow:0 24px 90px rgba(0,0,0,.32)
}
.brand{display:flex;align-items:center;gap:13px;text-decoration:none;color:white;font-weight:900}
.brand img{width:44px;height:44px;object-fit:cover;border-radius:14px;box-shadow:0 0 30px rgba(77,195,255,.28)}
nav{display:flex;gap:34px}
nav a{color:#dce6ff;text-decoration:none;font-size:.94rem;transition:.25s}
nav a:hover{color:var(--blue)}
.btn{
  display:inline-flex;align-items:center;justify-content:center;
  border:none;text-decoration:none;color:white;cursor:pointer;
  padding:16px 25px;border-radius:16px;font-weight:900;
  background:linear-gradient(135deg,var(--blue),var(--violet));
  box-shadow:0 20px 60px rgba(68,126,255,.34),inset 0 1px rgba(255,255,255,.28);
  transition:.28s ease;
}
.btn:hover{transform:translateY(-5px);box-shadow:0 30px 80px rgba(68,126,255,.5)}
.btn.ghost{background:rgba(255,255,255,.055);border:1px solid var(--line);box-shadow:none}
.nav-btn{padding:13px 20px}
.mobile-cta{display:none}
.hero{
  min-height:100vh;
  display:grid;grid-template-columns:1.05fr 1fr;gap:80px;align-items:center;
  padding:155px 7vw 95px;position:relative
}
.eyebrow{color:#8bdcff;letter-spacing:.16em;font-size:.76rem;font-weight:900;text-transform:uppercase;margin-bottom:18px}
.hero h1,.section-head h2,.pain h2,.story-copy h2,.final-cta h2{
  font-family:"Space Grotesk",Inter,sans-serif;
  letter-spacing:-.06em;
}
.hero h1{font-size:clamp(3.4rem,7vw,7.6rem);line-height:.88;max-width:900px}
.hero h1 span{display:block;background:linear-gradient(120deg,#fff,var(--blue) 42%,var(--violet));-webkit-background-clip:text;color:transparent}
.hero p{color:var(--muted);font-size:1.15rem;line-height:1.85;max-width:670px;margin:30px 0 34px}
.hero-actions{display:flex;gap:16px;flex-wrap:wrap}
.proof-strip{display:flex;gap:14px;flex-wrap:wrap;margin-top:42px}
.proof-strip div{padding:18px 22px;border-radius:20px;background:var(--panel);border:1px solid var(--line);backdrop-filter:blur(18px);min-width:145px}
.proof-strip strong{display:block;font-size:1.5rem;color:#fff}.proof-strip small{color:var(--muted)}
.hero-visual{position:relative;height:720px;perspective:1200px}
.ai-core{position:absolute;inset:50% auto auto 50%;width:500px;height:500px;transform:translate(-50%,-50%);transform-style:preserve-3d}
.ring{position:absolute;border-radius:50%;border:1px solid rgba(112,213,255,.22);box-shadow:0 0 80px rgba(77,195,255,.12)}
.r1{inset:0;animation:spin 18s linear infinite}
.r2{inset:58px;animation:spin 13s linear infinite reverse;border-color:rgba(122,92,255,.32)}
.r3{inset:118px;animation:pulse 4s ease-in-out infinite;border-color:rgba(255,255,255,.2)}
.core-logo{position:absolute;inset:175px;border-radius:38px;display:grid;place-items:center;background:rgba(255,255,255,.08);border:1px solid var(--line);backdrop-filter:blur(20px);box-shadow:0 0 90px rgba(77,195,255,.44)}
.core-logo img{width:90px;border-radius:22px}
.node{position:absolute;padding:12px 16px;border-radius:999px;background:rgba(255,255,255,.075);border:1px solid var(--line);backdrop-filter:blur(15px);font-size:.82rem;font-weight:900}
.n1{top:0;left:50%;transform:translateX(-50%)}.n2{top:18%;right:0}.n3{bottom:18%;right:0}.n4{bottom:0;left:50%;transform:translateX(-50%)}.n5{bottom:18%;left:0}.n6{top:18%;left:0}
.live-dashboard{position:absolute;right:0;bottom:20px;width:430px;transform:rotateX(10deg) rotateY(-16deg) rotateZ(3deg)}
.window,.roi-card,.cta-box,.testimonial,.compare-card,.feature-card,.pain-grid div{background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.045));border:1px solid var(--line);backdrop-filter:blur(22px);box-shadow:0 40px 120px rgba(0,0,0,.32),inset 0 1px rgba(255,255,255,.16)}
.window{border-radius:32px;padding:22px}
.window-top{display:flex;align-items:center;gap:8px;margin-bottom:20px;color:#cfdbff;font-size:.84rem}
.window-top i{width:10px;height:10px;border-radius:50%;background:var(--blue)}.window-top i:nth-child(2){background:var(--violet)}.window-top i:nth-child(3){background:var(--cyan)}
.dash-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.mini-stat{padding:14px;border-radius:16px;background:rgba(255,255,255,.06)}
.mini-stat b{display:block}.mini-stat small{color:var(--muted);font-size:.72rem}
.pipeline{margin-top:20px;display:grid;gap:14px}.pipeline div span{display:block;color:#ccd8f6;font-size:.78rem;margin-bottom:7px}.pipeline b{display:block;height:10px;border-radius:999px;background:linear-gradient(90deg,var(--blue),var(--violet))}
.section,.pain,.scroll-story,.final-cta{padding:135px 7vw}
.pain{text-align:center}
.pain h2{font-size:clamp(2.5rem,5vw,5.2rem);line-height:.95;max-width:1050px;margin:0 auto 60px}
.pain-grid,.feature-grid,.results,.testimonial-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.pain-grid div,.feature-card,.testimonial{padding:34px;border-radius:30px}
.pain-grid span{color:var(--blue);font-weight:900}.pain-grid h3,.feature-card h3{font-size:1.45rem;margin:16px 0}.pain-grid p,.feature-card p,.testimonial p{color:var(--muted);line-height:1.8}
.section-head{text-align:center;max-width:900px;margin:0 auto 68px}.section-head h2,.story-copy h2{font-size:clamp(2.6rem,5vw,5.2rem);line-height:.95}.section-head p,.story-copy p{color:var(--muted);line-height:1.8;margin-top:18px}
.feature-grid{grid-template-columns:repeat(4,1fr)}
.feature-card{transition:.35s;transform-style:preserve-3d}.feature-card:hover{border-color:rgba(77,195,255,.55)}
.scroll-story{display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:70px}
.story-board{display:grid;grid-template-columns:.9fr 1fr;gap:24px;align-items:center}
.phone-card{border-radius:44px;padding:34px 24px;background:#071021;border:1px solid var(--line);box-shadow:0 50px 130px rgba(0,0,0,.45)}
.phone-top{width:80px;height:7px;border-radius:999px;background:#1d2b45;margin:0 auto 26px}
.message{padding:14px 16px;border-radius:18px;margin:12px 0;line-height:1.45;font-size:.92rem}.message.lead{background:#17233b;color:#eaf1ff;margin-right:40px}.message.ai{background:linear-gradient(135deg,rgba(77,195,255,.22),rgba(122,92,255,.22));margin-left:40px}
.automation-flow{display:grid;gap:15px}.flow-step{padding:20px 24px;border-radius:20px;background:var(--panel);border:1px solid var(--line);position:relative;overflow:hidden}.flow-step:before{content:"";position:absolute;left:0;top:0;height:100%;width:4px;background:linear-gradient(var(--blue),var(--violet))}.flow-step.active{box-shadow:0 0 40px rgba(77,195,255,.22)}
.roi-card{border-radius:34px;padding:34px;display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:center;max-width:1050px;margin:auto}
.roi-inputs{display:grid;gap:18px}.roi-inputs label{display:grid;gap:8px;color:#dce6ff;font-weight:700}.roi-inputs input, form input{padding:17px 18px;border-radius:16px;border:1px solid var(--line);background:rgba(0,0,0,.23);color:white;font:inherit}
.roi-output{padding:34px;border-radius:28px;background:rgba(255,255,255,.055);border:1px solid var(--line)}.roi-output small{color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.roi-output strong{display:block;font-size:clamp(3rem,6vw,5.2rem);font-family:"Space Grotesk";margin:12px 0;background:linear-gradient(135deg,#fff,var(--blue),var(--violet));-webkit-background-clip:text;color:transparent}.roi-output p{color:var(--muted);line-height:1.7}
.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.industry{padding:28px;border-radius:24px;background:var(--panel);border:1px solid var(--line);text-align:center;font-weight:900;transition:.3s}.industry:hover{transform:translateY(-8px);border-color:var(--blue)}
.testimonial-grid{grid-template-columns:repeat(3,1fr)}.testimonial strong{display:block;margin-top:22px}.testimonial span{display:block;color:var(--blue);font-size:.9rem;margin-top:6px}
.comparison{display:grid;grid-template-columns:1fr 1fr;gap:24px}.compare-card{padding:42px;border-radius:34px}.compare-card h3{font-size:1.6rem;margin-bottom:24px}.compare-card li{list-style:none;padding:15px 0;color:#ccd8f6;border-bottom:1px solid rgba(255,255,255,.08)}.good{border-color:rgba(77,195,255,.4)}
.final-cta{padding-bottom:105px}.cta-box{max-width:1050px;margin:auto;text-align:center;border-radius:44px;padding:80px 46px;background:linear-gradient(135deg,rgba(77,195,255,.16),rgba(122,92,255,.14))}
.cta-box h2{font-size:clamp(2.8rem,5vw,5.8rem);line-height:.94}.cta-box p{color:var(--muted);margin:20px auto 32px;max-width:650px;line-height:1.8}
form{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}form button{grid-column:span 4}
footer{padding:45px 7vw;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--muted)}
.reveal{opacity:0;transform:translateY(38px);transition:opacity .85s ease,transform .85s ease}.reveal.visible{opacity:1;transform:translateY(0)}
@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.08);opacity:.55}}
@media(max-width:1100px){nav{display:none}.hero,.scroll-story,.comparison,.roi-card{grid-template-columns:1fr}.feature-grid,.pain-grid,.testimonial-grid,.industry-grid{grid-template-columns:1fr 1fr}.hero-visual{height:560px}.live-dashboard{right:50%;transform:translateX(50%) rotateX(8deg) rotateY(-10deg);width:390px}form{grid-template-columns:1fr}form button{grid-column:auto}}
@media(max-width:700px){.navbar{top:10px;height:68px}.nav-btn{display:none}.mobile-cta{display:flex;position:fixed;bottom:18px;left:18px;right:18px;z-index:1000;align-items:center;justify-content:center;background:linear-gradient(135deg,var(--blue),var(--violet));color:white;text-decoration:none;padding:16px;border-radius:18px;font-weight:900;box-shadow:0 20px 70px rgba(68,126,255,.5)}.hero,.section,.pain,.scroll-story,.final-cta{padding-left:22px;padding-right:22px}.hero{padding-top:125px}.hero h1{font-size:3.25rem}.feature-grid,.pain-grid,.testimonial-grid,.industry-grid,.story-board{grid-template-columns:1fr}.ai-core{width:340px;height:340px}.core-logo{inset:115px}.node{display:none}.hero-visual{height:430px}.live-dashboard{width:320px}.proof-strip{display:grid;grid-template-columns:1fr}.cta-box{padding:55px 22px}footer{flex-direction:column;gap:18px;text-align:center}}