/* ── RESET ── */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',sans-serif;background:#030712;color:#e2e8f0;line-height:1.6;overflow-x:hidden}
a{text-decoration:none;color:inherit}
.container{max-width:1160px;margin:0 auto;padding:0 24px}
.hidden{display:none!important}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 26px;border-radius:8px;font-weight:600;font-size:15px;cursor:pointer;border:none;transition:all .2s;white-space:nowrap}
.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;box-shadow:0 4px 16px rgba(99,102,241,.35)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(99,102,241,.45)}
.btn-ghost{background:rgba(255,255,255,.07);color:#fff;border:1px solid rgba(255,255,255,.12)}
.btn-ghost:hover{background:rgba(255,255,255,.12)}
.btn-outline{background:transparent;color:#a78bfa;border:1.5px solid #6366f1}
.btn-outline:hover{background:rgba(99,102,241,.1)}
.btn-sm{padding:9px 18px;font-size:13px}
.btn-lg{padding:15px 34px;font-size:16px}
.w-full{width:100%;margin-top:4px}

/* ── ANNOUNCE BAR ── */
.announce-bar{background:linear-gradient(90deg,#4f46e5,#7c3aed);padding:10px;text-align:center;font-size:13px;color:#e0e7ff;font-weight:500}
.announce-bar a{color:#fff;font-weight:700;text-decoration:underline}

/* ── NAV ── */
#nav{position:sticky;top:0;z-index:100;background:rgba(3,7,18,.9);backdrop-filter:blur(20px);border-bottom:1px solid rgba(255,255,255,.06);padding:14px 0}
.nav-inner{display:flex;align-items:center;justify-content:space-between}
.logo{font-size:20px;font-weight:900;color:#fff;display:flex;align-items:center;gap:6px}
.logo-bolt{color:#6366f1;font-size:20px}
.logo-accent{color:#6366f1}
.nav-links{display:flex;align-items:center;gap:28px;list-style:none}
.nav-links a{color:#94a3b8;font-size:14px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:#fff}
.hamburger{display:none;background:none;border:none;color:#fff;font-size:22px;cursor:pointer}

/* ── TAG ── */
.tag{display:inline-block;background:rgba(99,102,241,.12);color:#818cf8;border:1px solid rgba(99,102,241,.25);padding:5px 14px;border-radius:20px;font-size:12px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;margin-bottom:14px}

/* ── SECTION HEADS ── */
.section-head{margin-bottom:56px}
.section-head.center{text-align:center}
.section-head.center p{margin:0 auto}
.section-head h2{font-size:clamp(26px,3.5vw,42px);font-weight:800;color:#fff;margin-bottom:12px;line-height:1.2}
.section-head p{font-size:17px;color:#94a3b8;max-width:580px}

/* ── GRAD ── */
.grad{background:linear-gradient(135deg,#6366f1,#a78bfa,#ec4899);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}

/* ── HERO ── */
.hero{min-height:100vh;display:flex;align-items:center;padding:120px 0 80px;position:relative;overflow:hidden}
.hero-glow{position:absolute;top:-200px;left:50%;transform:translateX(-50%);width:900px;height:900px;background:radial-gradient(circle,rgba(99,102,241,.15) 0%,transparent 70%);pointer-events:none}
.hero-inner{position:relative;text-align:center;max-width:860px;margin:0 auto}
.hero-eyebrow{display:inline-flex;align-items:center;gap:8px;background:rgba(99,102,241,.1);border:1px solid rgba(99,102,241,.25);color:#a5b4fc;padding:7px 18px;border-radius:30px;font-size:13px;font-weight:600;margin-bottom:28px}
.hero h1{font-size:clamp(40px,6vw,80px);font-weight:900;color:#fff;line-height:1.05;margin-bottom:24px}
.hero-sub{font-size:clamp(16px,2vw,20px);color:#94a3b8;max-width:660px;margin:0 auto 40px}
.hero-actions{display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-bottom:60px}
.social-proof{display:inline-flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:20px 36px}
.proof-item{text-align:center}
.proof-num{display:block;font-size:26px;font-weight:800;color:#a78bfa}
.proof-label{font-size:12px;color:#64748b;font-weight:500}
.proof-div{width:1px;height:36px;background:rgba(255,255,255,.07)}

/* ── TRUST BAR ── */
.trust-bar{padding:24px 0;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}
.trust-label-text{text-align:center;color:#475569;font-size:13px;margin-bottom:14px;font-weight:500}
.trust-locations{display:flex;justify-content:center;gap:32px;flex-wrap:wrap}
.trust-locations span{color:#64748b;font-size:14px;font-weight:500}

/* ── FEATURE HIGHLIGHT ── */
.feature-highlight{padding:100px 0;background:rgba(99,102,241,.03);border-top:1px solid rgba(99,102,241,.1);border-bottom:1px solid rgba(99,102,241,.1)}
.feat-grid{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}
.feat-text .tag{margin-bottom:16px}
.feat-text h2{font-size:clamp(26px,3vw,40px);font-weight:800;color:#fff;margin-bottom:16px}
.feat-text p{color:#94a3b8;font-size:16px;margin-bottom:24px}
.feat-list{list-style:none;margin-bottom:32px}
.feat-list li{color:#a5b4fc;font-size:15px;padding:6px 0;font-weight:500}

/* PHONE MOCK */
.phone-mock{display:flex;justify-content:center}
.phone-screen{background:#111827;border:1px solid rgba(255,255,255,.1);border-radius:20px;padding:24px;max-width:340px;box-shadow:0 0 60px rgba(99,102,241,.2)}
.chat-msg{padding:12px 16px;border-radius:12px;font-size:14px;margin-bottom:10px;max-width:85%;line-height:1.5}
.incoming{background:rgba(255,255,255,.07);color:#e2e8f0;align-self:flex-start}
.outgoing{background:linear-gradient(135deg,#4f46e5,#7c3aed);color:#fff;margin-left:auto;text-align:right}
.ai-msg::before{content:""}
.chat-time{font-size:11px;color:#475569;text-align:center;margin-top:8px}

/* ── SERVICES ── */
.services{padding:100px 0}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.svc-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:32px;position:relative;transition:all .3s}
.svc-card:hover{border-color:rgba(99,102,241,.35);transform:translateY(-4px);box-shadow:0 16px 40px rgba(0,0,0,.3)}
.svc-card.highlight{border-color:rgba(99,102,241,.4);background:rgba(99,102,241,.05)}
.svc-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.svc-icon{font-size:34px;margin-bottom:14px}
.svc-card h3{font-size:18px;font-weight:700;color:#fff;margin-bottom:10px}
.svc-card p{font-size:14px;color:#94a3b8;margin-bottom:16px}
.svc-tag{display:inline-block;background:rgba(99,102,241,.12);color:#818cf8;padding:4px 12px;border-radius:6px;font-size:12px;font-weight:600}

/* ── DEMO VIDEO ── */
.demo-video{padding:100px 0}
.video-container{max-width:820px;margin:0 auto;border-radius:20px;overflow:hidden;border:1px solid rgba(255,255,255,.08);box-shadow:0 0 80px rgba(99,102,241,.2)}
.video-placeholder{background:linear-gradient(135deg,#0f172a,#1e1b4b);aspect-ratio:16/9;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;cursor:pointer}
.play-circle{width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:28px;color:#fff;box-shadow:0 0 40px rgba(99,102,241,.5)}
.video-placeholder p{color:#94a3b8;font-size:16px;font-weight:500}
.video-placeholder span{color:#475569;font-size:13px}

/* ── PROCESS ── */
.process{padding:100px 0;background:rgba(255,255,255,.01)}
.steps-row{display:flex;align-items:flex-start;justify-content:center;gap:12px;flex-wrap:wrap;margin-top:48px}
.step{flex:1;min-width:180px;max-width:220px;text-align:center}
.step-n{font-size:52px;font-weight:900;color:rgba(99,102,241,.2);line-height:1;margin-bottom:12px}
.step h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:8px}
.step p{font-size:13px;color:#64748b}
.step-arrow{font-size:26px;color:rgba(99,102,241,.25);margin-top:28px}

/* ── PRICING ── */
.pricing{padding:100px 0}
.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.price-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:16px;padding:36px;position:relative;transition:all .3s}
.price-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-4px)}
.price-card.featured{border-color:rgba(99,102,241,.45);background:rgba(99,102,241,.06)}
.price-badge{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 16px;border-radius:20px;font-size:12px;font-weight:700;white-space:nowrap}
.price-name{font-size:13px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.price-amt{font-size:38px;font-weight:900;color:#fff}
.price-amt span{font-size:15px;font-weight:400;color:#64748b}
.price-mo{font-size:13px;color:#64748b;margin:6px 0 24px}
.price-list{list-style:none;margin-bottom:28px}
.price-list li{color:#94a3b8;font-size:14px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.04)}
.price-list li.off{color:#334155}

/* ── BLOG ── */
.blog{padding:100px 0}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:48px}
.blog-card{background:rgba(255,255,255,.02);border:1px solid rgba(255,255,255,.07);border-radius:14px;padding:28px;transition:all .3s}
.blog-card:hover{border-color:rgba(99,102,241,.3);transform:translateY(-3px)}
.blog-cat{font-size:12px;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:.06em;margin-bottom:10px}
.blog-card h3{font-size:16px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.4}
.blog-card p{font-size:13px;color:#94a3b8;margin-bottom:14px}
.blog-meta{font-size:12px;color:#475569;margin-bottom:12px}
.blog-link{font-size:13px;color:#818cf8;font-weight:600}
.newsletter-box{background:rgba(99,102,241,.06);border:1px solid rgba(99,102,241,.2);border-radius:16px;padding:40px;text-align:center}
.newsletter-box h3{font-size:22px;font-weight:700;color:#fff;margin-bottom:8px}
.newsletter-box p{color:#94a3b8;margin-bottom:24px}
.newsletter-form{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.newsletter-form input{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:13px 18px;border-radius:8px;font-size:15px;font-family:inherit;outline:none;min-width:280px}
.newsletter-form input::placeholder{color:#475569}

/* ── TRIAL ── */
.trial{padding:100px 0}
.trial-wrap{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.trial-left h2{font-size:clamp(26px,3vw,38px);font-weight:800;color:#fff;margin-bottom:14px}
.trial-left p{color:#94a3b8;margin-bottom:24px}
.trial-perks{list-style:none;margin-bottom:28px}
.trial-perks li{color:#a5b4fc;font-size:15px;padding:7px 0;font-weight:500}
.trial-contact{display:flex;flex-direction:column;gap:8px;font-size:15px;color:#94a3b8}
.trial-contact strong{color:#fff}
.form-card{background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:36px}
.form-card h3{font-size:20px;font-weight:700;color:#fff;margin-bottom:22px}
#trialForm{display:flex;flex-direction:column;gap:12px}
#trialForm input,#trialForm select{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);color:#e2e8f0;padding:13px 15px;border-radius:8px;font-size:15px;font-family:inherit;outline:none}
#trialForm input::placeholder{color:#475569}
#trialForm input:focus,#trialForm select:focus{border-color:#6366f1}
#trialForm select option{background:#0f172a}
.form-note{font-size:12px;color:#475569;text-align:center;margin-top:4px}
.form-success{text-align:center;padding:32px 16px}
.form-success h3{font-size:22px;font-weight:700;color:#fff;margin:12px 0 8px}
.form-success p{color:#94a3b8}

/* ── FOOTER ── */
footer{border-top:1px solid rgba(255,255,255,.06);padding:60px 0 0}
.footer-inner{display:grid;grid-template-columns:1.2fr 1fr;gap:48px;padding-bottom:48px}
.footer-brand p{color:#475569;font-size:14px;margin-top:10px}
.footer-cols{display:flex;gap:48px}
.footer-col{display:flex;flex-direction:column;gap:10px}
.footer-col strong{color:#fff;font-size:14px;margin-bottom:4px}
.footer-col a{color:#64748b;font-size:13px;transition:color .2s}
.footer-col a:hover{color:#a78bfa}
.footer-bottom{border-top:1px solid rgba(255,255,255,.05);padding:20px 0}
.footer-bottom .container{display:flex;justify-content:space-between;font-size:13px;color:#374151;flex-wrap:wrap;gap:8px}

/* ── RESPONSIVE ── */
@media(max-width:900px){
  .services-grid,.pricing-grid,.blog-grid{grid-template-columns:1fr}
  .feat-grid{grid-template-columns:1fr}
  .trial-wrap{grid-template-columns:1fr}
  .footer-inner{grid-template-columns:1fr}
  .nav-links{display:none}
  .nav-links.open{display:flex;flex-direction:column;position:absolute;top:56px;left:0;right:0;background:#030712;padding:24px;border-bottom:1px solid rgba(255,255,255,.08);gap:16px;z-index:99}
  .hamburger{display:block}
  .steps-row{flex-direction:column;align-items:center}
  .step-arrow{display:none}
  .proof-div{display:none}
}

/* ── AVATAR DEMO SECTION ── */
.avatar-demo{padding:100px 0;background:linear-gradient(180deg,#0a0f1e 0%,#030712 100%)}
.avatar-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.avatar-screen{background:#0f172a;border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:0;overflow:hidden;box-shadow:0 0 60px rgba(99,102,241,.15)}
.avatar-screen-header{background:rgba(99,102,241,.1);padding:12px 16px;display:flex;align-items:center;gap:8px;border-bottom:1px solid rgba(99,102,241,.2)}
.dot{width:10px;height:10px;border-radius:50%}
.dot.red{background:#ff5f57}
.dot.yellow{background:#febc2e}
.dot.green{background:#28c840}
.avatar-screen-body{padding:24px;display:flex;flex-direction:column;gap:16px}
.avatar-bubble{display:flex;gap:12px;align-items:flex-start}
.avatar-bubble.ai .bubble-icon{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0}
.avatar-bubble .bubble-text{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:12px 16px;font-size:14px;color:#e2e8f0;line-height:1.5}
.avatar-bubble.user{flex-direction:row-reverse}
.avatar-bubble.user .bubble-text{background:rgba(99,102,241,.15);border-color:rgba(99,102,241,.3);color:#c7d2fe}
.avatar-badge{display:inline-flex;align-items:center;gap:8px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.25);color:#4ade80;padding:8px 16px;border-radius:20px;font-size:13px;font-weight:600;margin-top:16px}
.pulse{width:8px;height:8px;border-radius:50%;background:#4ade80;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(1.5)}}

/* ── BLOG SECTION ENHANCED ── */
.blog{padding:100px 0;background:#030712}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;margin-bottom:56px}
.blog-card{background:#0f172a;border:1px solid rgba(255,255,255,.06);border-radius:14px;padding:28px;transition:all .3s;cursor:pointer}
.blog-card:hover{border-color:rgba(99,102,241,.4);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.blog-cat{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#818cf8;margin-bottom:10px}
.blog-card h3{font-size:17px;font-weight:700;color:#fff;margin-bottom:10px;line-height:1.4}
.blog-card p{font-size:14px;color:#64748b;margin-bottom:14px;line-height:1.6}
.blog-meta{font-size:12px;color:#475569;margin-bottom:12px}
.blog-link{font-size:14px;color:#818cf8;font-weight:600}
.blog-link:hover{color:#a78bfa}
.newsletter-box{background:linear-gradient(135deg,rgba(99,102,241,.1),rgba(139,92,246,.1));border:1px solid rgba(99,102,241,.25);border-radius:16px;padding:48px;text-align:center}
.newsletter-box h3{font-size:24px;font-weight:800;color:#fff;margin-bottom:8px}
.newsletter-box p{color:#94a3b8;margin-bottom:24px}
.newsletter-form{display:flex;gap:12px;max-width:480px;margin:0 auto}
.newsletter-form input{flex:1;background:#0f172a;border:1px solid rgba(255,255,255,.1);border-radius:8px;padding:12px 16px;color:#fff;font-size:15px}
.newsletter-form input::placeholder{color:#475569}

/* ── RESPONSIVE ── */
@media(max-width:768px){
  .avatar-demo-grid{grid-template-columns:1fr}
  .blog-grid{grid-template-columns:1fr}
  .newsletter-form{flex-direction:column}
}

/* ── DEMO VIDEOS SECTION ── */
.demo-videos{padding:80px 0;background:#020817}
.demo-videos-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}
.demo-vid-card{background:#0f172a;border:1px solid rgba(255,255,255,.07);border-radius:14px;overflow:hidden;transition:all .3s}
.demo-vid-card:hover{border-color:rgba(99,102,241,.4);transform:translateY(-4px);box-shadow:0 20px 40px rgba(0,0,0,.3)}
.demo-vid-thumb{width:100%;aspect-ratio:16/9;background:linear-gradient(135deg,#0f172a,#1e1b4b);display:flex;align-items:center;justify-content:center;font-size:40px;cursor:pointer;position:relative}
.demo-vid-play{width:56px;height:56px;border-radius:50%;background:rgba(99,102,241,.8);display:flex;align-items:center;justify-content:center;font-size:20px}
.demo-vid-info{padding:16px}
.demo-vid-title{font-size:15px;font-weight:700;color:#fff;margin-bottom:4px}
.demo-vid-sub{font-size:13px;color:#64748b}
@media(max-width:768px){.demo-videos-grid{grid-template-columns:1fr}}