/* ===== Color refresh: blue / indigo / cyan accents (loads after styles.css) ===== */
:root{--acc:#2563eb;--acc-2:#6d5dfc;--cyan:#06b6d4;--grad:linear-gradient(135deg,#2563eb 0%,#5b5bf5 55%,#7c5cff 100%);--soft:#f4f7ff;--soft-2:#e9eefc;--line:#e3e8f4;--navy:#0b1226}
.btn-primary{background:var(--grad);color:#fff;box-shadow:0 8px 22px rgba(37,99,235,.32)}
.btn-primary:hover{background:var(--grad);filter:brightness(1.08);box-shadow:0 12px 28px rgba(37,99,235,.42)}
.btn-ghost{border-color:#cfd8f3;color:var(--navy)}.btn-ghost:hover{border-color:var(--acc);color:var(--acc)}
.site-footer .btn-light{border-color:var(--acc);color:var(--acc)}.site-footer li a.btn:hover{background:var(--acc);color:#fff}
.nav a:hover{background:var(--soft);color:var(--acc)}
.h2 em{font-style:normal;background:linear-gradient(90deg,#2563eb,#7c5cff);-webkit-background-clip:text;background-clip:text;color:transparent}
.h2.inv em{background:linear-gradient(90deg,#60a5fa,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}
.eyebrow{color:var(--acc);background:#eaf0ff;padding:6px 12px;border-radius:999px;letter-spacing:.08em}
.eyebrow-inv{color:#93b4ff;background:rgba(96,165,250,.12)}
.section-soft{background:linear-gradient(180deg,#f4f7ff,#f8f9fe)}

/* Hero */
.hero{position:relative;overflow:hidden;padding:64px 0 84px;background:
 radial-gradient(700px 420px at 88% 8%,rgba(124,92,255,.20),transparent 62%),
 radial-gradient(640px 420px at 62% 92%,rgba(6,182,212,.16),transparent 60%),
 radial-gradient(620px 380px at 0% 0%,rgba(37,99,235,.12),transparent 60%),#fff}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(37,99,235,.14) 1px,transparent 1px);background-size:26px 26px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none}
.hero .wrap{position:relative;z-index:1}
.hero-grid{grid-template-columns:1.02fr .98fr;gap:40px}
.h1{font-size:clamp(34px,4.3vw,54px);line-height:1.06}
.h1 .hl{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;padding:0}
.hero .lead{font-size:clamp(17px,1.4vw,19px);max-width:560px}
.hero-points .ic{color:var(--acc)}
.hero-visual{padding:10px 0}
.hero-visual::before{inset:2% 4%;border-radius:44px;transform:none;opacity:1;background:linear-gradient(145deg,#2563eb 0%,#6d5dfc 55%,#06b6d4 120%);box-shadow:0 40px 90px rgba(79,70,229,.35)}
.hero-visual::after{content:"";position:absolute;inset:2% 4%;border-radius:44px;background:radial-gradient(circle at 20% 15%,rgba(255,255,255,.35),transparent 45%),radial-gradient(circle at 85% 90%,rgba(255,255,255,.18),transparent 40%)}
.hero-visual .phone{position:relative;z-index:2;margin:34px 0}
.phone{background:#0b1226;border-color:#1f2a4d}
.phone-notch{background:#0b1226}
.bubble.in{background:var(--grad);color:#fff}
.bubble.out{background:#eef2fc}
.avatar{background:var(--grad)}
.float-chip{border:0;box-shadow:0 14px 34px rgba(11,18,38,.22);z-index:4}
.float-chip .ic{width:30px;height:30px;padding:7px;border-radius:9px;color:#fff;background:var(--grad)}
.fc-2 .ic{background:linear-gradient(135deg,#06b6d4,#2563eb)}
.fc-3 .ic{background:linear-gradient(135deg,#10b981,#06b6d4)}
.fc-1{left:-14px}.fc-2{right:-8px}

/* Channel strip under hero */
.strip{background:#fff;border-bottom:1px solid var(--line)}
.strip .wrap{display:flex;flex-wrap:wrap;gap:12px 28px;align-items:center;justify-content:center;padding-top:22px;padding-bottom:22px}
.strip p{margin:0;font-size:13px;font-weight:600;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.strip span{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;color:var(--navy)}
.strip span .ic{color:var(--acc)}

/* Icons / cards */
.card-ico,.emp-ico,.contact-list .ci{background:var(--grad);color:#fff;box-shadow:0 8px 18px rgba(79,70,229,.25)}
.grid>*:nth-child(3n+2) .card-ico{background:linear-gradient(135deg,#0ea5e9,#2563eb)}
.grid>*:nth-child(3n+3) .card-ico{background:linear-gradient(135deg,#7c5cff,#c026d3)}
.chan-ico{background:#eaf0ff;color:var(--acc)}
.card:hover,.chan:hover{border-color:var(--acc);box-shadow:0 14px 34px rgba(37,99,235,.14)}
.outcome:hover{border-color:#bcd0ff}

/* Workflow */
.wire{background:repeating-linear-gradient(90deg,var(--acc) 0 5px,transparent 5px 10px);background-size:10px 2px;opacity:.85}
.wf-mini .wire,.hub-lines i::before{background:repeating-linear-gradient(180deg,var(--acc) 0 5px,transparent 5px 10px);background-size:2px 10px}
.node-trigger{border-color:var(--acc)}.node-trigger .node-ico{background:var(--grad);color:#fff}
.node-ai{border-color:#c9c3ff}.node-ai .node-ico{background:#efecff;color:#6d5dfc}
.node-channel .node-ico{background:#e6f4ff;color:#0284c7}
.canvas{box-shadow:0 20px 50px rgba(37,99,235,.10)}
.canvas-body{background-color:#fbfcff;background-image:radial-gradient(#cfd8f3 1px,transparent 1px)}
.wf-loop .ic{color:var(--acc-2)}
.hub-core{background:var(--grad);box-shadow:0 18px 40px rgba(79,70,229,.35)}.hub-core small{color:#dbe4ff}
.timeline::before{background:#cfd8f3}.timeline li::before{border-color:var(--acc)}.timeline li:first-child::before{background:var(--acc)}
@media(max-width:1080px){.wf .wire{background:repeating-linear-gradient(180deg,var(--acc) 0 5px,transparent 5px 10px);background-size:2px 10px}}

/* Dark section */
.section-dark{background:radial-gradient(800px 420px at 85% 0%,rgba(109,93,252,.35),transparent 60%),radial-gradient(700px 420px at 0% 100%,rgba(37,99,235,.30),transparent 60%),#0b1226}
.emp{background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));border-color:rgba(147,180,255,.22)}
.emp:hover{border-color:#7aa2ff;box-shadow:0 20px 50px rgba(37,99,235,.25)}
.emp-ico{background:var(--grad);color:#fff}
.emp-grid .emp:nth-child(2) .emp-ico{background:linear-gradient(135deg,#06b6d4,#2563eb)}
.emp-grid .emp:nth-child(3) .emp-ico{background:linear-gradient(135deg,#7c5cff,#c026d3)}
.badge{border-color:rgba(147,180,255,.4);color:#c7d7ff}
.ticks li::before{background-color:#3b82f6;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8'/%3E%3C/svg%3E")}
.ticks-dark li::before{background-color:var(--acc)}

/* Tabs / demo */
.tab:hover{border-color:var(--acc);color:var(--acc)}
.tab.is-active{background:var(--grad);border-color:transparent;color:#fff;box-shadow:0 8px 20px rgba(37,99,235,.3)}
.demo-grid{background:linear-gradient(135deg,#f1f5ff,#f7f4ff);border-color:#dfe6fb}
.widget-head{background:var(--grad)}
.site-mock{background:linear-gradient(#f8faff,#eef2fc)}
.dash-kpis div{background:#f1f5ff}.dash-kpis div:nth-child(2) b{color:var(--acc)}.dash-kpis div:nth-child(3) b{color:#12a150}.dash-kpis div:nth-child(4) b{color:#d97706}
.browser,.phone{box-shadow:0 30px 70px rgba(37,99,235,.22)}

/* Steps / FAQ */
.step-n{background:var(--grad);box-shadow:0 8px 18px rgba(79,70,229,.3)}
.steps li:hover{border-color:var(--acc)}
.faq details[open]{border-color:var(--acc)}.faq summary::after{color:var(--acc)}

/* CTA */
.cta-card{background:radial-gradient(600px 360px at 100% 0%,rgba(124,92,255,.55),transparent 60%),radial-gradient(500px 360px at 0% 100%,rgba(6,182,212,.35),transparent 60%),linear-gradient(135deg,#0b1226,#1e3a8a)}
.cta-card::before{display:none}
.cta-points .ic{color:#67e8f9}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--acc);box-shadow:0 0 0 4px rgba(37,99,235,.15)}
.check-consent input{accent-color:var(--acc)}
.form-card{box-shadow:0 20px 50px rgba(37,99,235,.10)}

/* Footer / inner pages */
.site-footer{background:linear-gradient(#f8f9fe,#eef2fc)}
.page-hero{background:radial-gradient(600px 300px at 90% 0%,rgba(124,92,255,.14),transparent 60%),linear-gradient(#fff,#f4f7ff)}
.thanks-ico{background:var(--grad);color:#fff}
.consent-sample .box{border-color:var(--acc)}

/* hero balance */
.hero-visual .phone-screen{min-height:480px}
.hero-visual .fc-1{left:-26px;top:16%}
.hero-visual .fc-2{right:-26px;top:7%}
.hero-visual .fc-3{left:-26px;bottom:14%}