/* virAI v2 — v3.aicommerce design system, light theme (virAI coral accent) */
:root{
  --bg:#fafafc;
  --surface:#ffffff;
  --surface2:#f3f3f8;
  --border:rgba(16,16,28,0.08);
  --border2:rgba(16,16,28,0.15);
  --text:#14141c;
  --text2:#55555f;
  --text3:#8b8b96;
  --accent:#8b5cf6;
  --accent-text:#7c3aed;
  --coral:#dd6873;
  --cta:linear-gradient(135deg,#7c3aed,#a21caf);
  --shadow:0 18px 44px rgba(30,20,60,0.10);
}
*{margin:0;padding:0;box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{font-family:'Geist',-apple-system,'Segoe UI',sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-wrap:pretty;}
.bg-grad{position:fixed;inset:0;background:radial-gradient(ellipse 90% 50% at 50% -10%,rgba(139,92,246,0.07),transparent 60%);pointer-events:none;z-index:1;}

nav{position:fixed;top:0;left:0;right:0;z-index:100;background:rgba(255,255,255,0.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-bottom:1px solid var(--border);}
.nav-inner{max-width:1160px;margin:0 auto;padding:0 24px;height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px;}
nav .logo{display:flex;align-items:center;}
nav .logo img{height:34px;display:block;}
.nav-links{display:flex;gap:22px;align-items:center;white-space:nowrap;}
.nav-links a{color:var(--text2);text-decoration:none;font-size:13.5px;font-weight:500;transition:color .15s;}
.nav-links a:hover{color:var(--text);}
.nav-cta{padding:10px 20px;border-radius:999px;background:var(--cta);color:#fff !important;font-weight:650;font-size:13.5px;transition:transform .15s,filter .15s;}
.nav-cta:hover{filter:brightness(1.06);transform:translateY(-1px);}
.nav-cta:active{transform:translateY(0) scale(.98);}
.burger{display:none;background:none;border:0;cursor:pointer;padding:8px;}
.burger span{display:block;width:22px;height:2px;background:var(--text);margin:5px 0;border-radius:2px;}

section{position:relative;z-index:2;}
.container{max-width:1160px;margin:0 auto;padding:0 24px;}
h1,h2,h3{letter-spacing:-0.025em;text-wrap:balance;}

/* hero */
.hero{padding:126px 0 66px;text-align:center;}
.badge{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:999px;background:rgba(139,92,246,0.07);border:1px solid rgba(139,92,246,0.28);color:var(--accent-text);font-size:12px;font-weight:600;letter-spacing:0.05em;text-transform:uppercase;}
.hero h1{font-size:clamp(2.15rem,4.6vw,3.35rem);font-weight:800;line-height:1.08;margin-top:24px;}
.grad{background:linear-gradient(120deg,#7c3aed,#c026d3);-webkit-background-clip:text;background-clip:text;color:transparent;}
.hero-sub{margin-top:18px;font-size:17.5px;color:var(--text2);max-width:620px;margin-left:auto;margin-right:auto;line-height:1.65;}
.hero-btns{margin-top:30px;display:flex;gap:14px;justify-content:center;flex-wrap:wrap;}
.btn{padding:15px 34px;border-radius:999px;font-size:15.5px;font-weight:650;text-decoration:none;font-family:inherit;cursor:pointer;display:inline-block;transition:transform .15s,filter .15s,border-color .15s;}
.btn:active{transform:scale(.98);}
.btn-primary{background:var(--cta);color:#fff;border:none;}
.btn-primary:hover{filter:brightness(1.06);transform:translateY(-1px);}
.btn-ghost{background:transparent;color:var(--text);border:1px solid var(--border2);}
.btn-ghost:hover{border-color:rgba(20,20,28,0.32);transform:translateY(-1px);}
.btn-sm{padding:11px 24px;font-size:14px;}
.hero-note{margin-top:16px;font-size:13px;color:var(--text3);}
.works{margin-top:40px;display:flex;gap:10px 22px;justify-content:center;flex-wrap:wrap;align-items:center;}
.works span{font-size:11.5px;text-transform:uppercase;letter-spacing:0.08em;color:var(--text3);font-weight:600;}
.works li{list-style:none;font-size:13.5px;color:var(--text2);font-weight:500;}

/* proof bar */
.proof-bar{padding:34px 0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:rgba(255,255,255,0.6);}
.proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;text-align:center;}
.proof-grid>div{background:var(--surface);border:1px solid var(--border);border-radius:16px;padding:22px 12px;}
.proof-num{font-size:27px;font-weight:800;color:var(--accent-text);letter-spacing:-0.02em;}
.proof-label{font-size:11.5px;color:var(--text3);margin-top:5px;text-transform:uppercase;letter-spacing:0.07em;font-weight:600;}

/* sections */
.sec{padding:88px 0;}
.band{padding:88px 0;background:var(--surface2);border-top:1px solid var(--border);border-bottom:1px solid var(--border);}
.section-title{font-size:clamp(1.6rem,3vw,2.2rem);font-weight:800;text-align:center;margin-bottom:14px;}
.section-sub{font-size:15.5px;color:var(--text2);text-align:center;max-width:600px;margin:0 auto 44px;line-height:1.65;}
.kicker{display:block;text-align:center;font-size:12px;font-weight:700;letter-spacing:0.09em;text-transform:uppercase;color:var(--coral);margin-bottom:10px;}

/* agent cards */
.agent-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:20px;}
.agent-card{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:28px;display:flex;flex-direction:column;gap:14px;transition:transform .18s,box-shadow .18s,border-color .18s;}
.agent-card:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:rgba(139,92,246,0.35);}
.agent-head{display:flex;align-items:center;gap:12px;}
.agent-ic{width:42px;height:42px;border-radius:12px;background:rgba(139,92,246,0.09);display:flex;align-items:center;justify-content:center;color:var(--accent-text);flex:none;}
.agent-ic svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;}
.agent-card h3{font-size:18px;font-weight:750;}
.live-pill{display:inline-flex;align-items:center;gap:6px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:0.06em;color:#16a34a;}
.live-pill i{width:7px;height:7px;border-radius:50%;background:#22c55e;box-shadow:0 0 0 0 rgba(34,197,94,0.5);animation:pulse 2s infinite;}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(34,197,94,0.45);}70%{box-shadow:0 0 0 7px rgba(34,197,94,0);}100%{box-shadow:0 0 0 0 rgba(34,197,94,0);}}
.agent-card p.desc{font-size:14.5px;color:var(--text2);line-height:1.6;}
.agent-card ul{list-style:none;display:flex;flex-direction:column;gap:8px;}
.agent-card li{font-size:13.5px;color:var(--text2);display:flex;gap:9px;align-items:flex-start;}
.agent-card li::before{content:"";width:16px;height:16px;flex:none;margin-top:2px;border-radius:50%;background:rgba(139,92,246,0.12);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%237c3aed' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12.5l4.5 4.5L19 7.5'/%3E%3C/svg%3E");background-size:11px;background-position:center;background-repeat:no-repeat;}
.agent-card .btn{margin-top:auto;text-align:center;}
.best-for{font-size:12px;color:var(--text3);}
.best-for b{color:var(--text2);font-weight:650;}
.soon-note{margin-top:26px;text-align:center;font-size:14.5px;color:var(--text2);}
.soon-note a{color:var(--accent-text);font-weight:650;text-decoration:none;}
.soon-note a:hover{text-decoration:underline;}

/* steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;counter-reset:step;}
.step{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:30px 26px;position:relative;}
.step::before{counter-increment:step;content:counter(step);position:absolute;top:-16px;left:24px;width:34px;height:34px;border-radius:50%;background:var(--cta);color:#fff;font-weight:800;font-size:15px;display:flex;align-items:center;justify-content:center;}
.step h3{font-size:17px;font-weight:750;margin:8px 0 10px;}
.step p{font-size:14.5px;color:var(--text2);line-height:1.65;}

/* why free */
.why-grid{display:grid;grid-template-columns:1.15fr 1fr;gap:34px;align-items:start;}
.why-copy h2{font-size:clamp(1.5rem,2.6vw,2rem);font-weight:800;margin-bottom:16px;}
.why-copy p{font-size:15.5px;color:var(--text2);line-height:1.7;margin-bottom:14px;}
.why-copy strong{color:var(--text);}
.ledger{background:var(--surface);border:1px solid var(--border);border-radius:18px;padding:26px;box-shadow:var(--shadow);}
.lrow{display:flex;justify-content:space-between;gap:14px;align-items:baseline;padding:14px 0;border-bottom:1px dashed var(--border);}
.lrow:last-child{border-bottom:0;}
.lrow span{font-size:14px;color:var(--text2);}
.lrow small{display:block;font-size:11.5px;color:var(--text3);}
.lrow b{font-size:16px;font-weight:800;white-space:nowrap;}
.lrow b.strike{text-decoration:line-through;color:var(--text3);}
.lrow b.g{color:#16a34a;}
.lrow.total b{color:var(--accent-text);}

/* faq */
.faq-list{max-width:780px;margin:0 auto;display:flex;flex-direction:column;gap:12px;}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:14px;overflow:hidden;}
.faq-q{width:100%;background:none;border:0;text-align:left;padding:18px 22px;font-family:inherit;font-size:15.5px;font-weight:650;color:var(--text);cursor:pointer;display:flex;justify-content:space-between;gap:14px;align-items:center;}
.faq-q::after{content:"+";font-size:20px;font-weight:500;color:var(--accent-text);transition:transform .2s;}
.faq-item.open .faq-q::after{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .28s ease;}
.faq-a p{padding:0 22px 18px;font-size:14.5px;color:var(--text2);line-height:1.7;}

/* final cta */
.final-cta{padding:92px 0;text-align:center;background:var(--surface2);border-top:1px solid var(--border);}
.final-cta h2{font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:800;}
.final-cta p{margin-top:14px;font-size:16.5px;color:var(--text2);}
.final-cta .btn{margin-top:28px;}

/* footer */
.site-footer{position:relative;z-index:2;background:#101018;color:#c9c9d4;border-top:1px solid rgba(255,255,255,0.08);padding:56px 0 30px;}
.site-footer .container{display:flex;flex-direction:column;gap:30px;}
.footer-top{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:34px;}
.footer-brand img{height:36px;display:block;margin-bottom:14px;}
.footer-tagline{font-size:14px;color:#9b9ba8;line-height:1.6;max-width:320px;}
.footer-entity{margin-top:16px;font-size:12.5px;color:#8b8b96;line-height:1.7;}
.footer-entity strong{color:#e8e8ee;}
.footer-col h4{font-size:12px;text-transform:uppercase;letter-spacing:0.08em;color:#8b8b96;margin-bottom:14px;font-weight:700;}
.footer-col a{display:block;color:#c9c9d4;text-decoration:none;font-size:13.5px;margin-bottom:10px;transition:color .15s;}
.footer-col a:hover{color:#fff;}
.disclaimers{border-top:1px solid rgba(255,255,255,0.08);padding-top:22px;display:flex;flex-direction:column;gap:10px;}
.disclaimers p{font-size:12px;color:#8b8b96;line-height:1.7;}
.disclaimers a{color:#a78bfa;text-decoration:underline;text-underline-offset:2px;}
.footer-bottom{border-top:1px solid rgba(255,255,255,0.08);padding-top:18px;font-size:12.5px;color:#63636f;display:flex;justify-content:space-between;gap:14px;flex-wrap:wrap;}

/* reveal */
.rv{opacity:0;transform:translateY(16px);transition:opacity .6s ease,transform .6s ease;}
.rv.in{opacity:1;transform:none;}

/* responsive */
@media(max-width:960px){
  .proof-grid{grid-template-columns:repeat(2,1fr);}
  .steps{grid-template-columns:1fr;}
  .why-grid{grid-template-columns:1fr;}
  .footer-top{grid-template-columns:1fr 1fr;}
}
@media(max-width:760px){
  .nav-links{display:none;}
  .burger{display:block;}
  .nav-links.open{display:flex;position:absolute;top:68px;left:0;right:0;background:#fff;flex-direction:column;padding:18px 24px;border-bottom:1px solid var(--border);gap:14px;align-items:flex-start;}
  .hero{padding:104px 0 52px;}
  .hero h1{font-size:clamp(1.9rem,8vw,2.4rem);}
  .footer-top{grid-template-columns:1fr;}
}
@media(prefers-reduced-motion:reduce){
  .rv{opacity:1;transform:none;transition:none;}
  html{scroll-behavior:auto;}
}