:root{--cyan:#00c6e0;--cyan2:#00a8c6;--cyan3:#00daf5;--cyan-glow:rgba(0,198,224,0.22);--cyan-glow2:rgba(0,198,224,0.08);--bg:#f8feff;--bg2:#f0fbfd;--surface:#ffffff;--border:rgba(0,198,224,0.18);--border2:rgba(0,198,224,0.35);--dark:#071820;--dark2:#0d2533;--text:#0a1e28;--text2:#3a6070;--text3:#7aa5b5;--green:#22c55e;--gold:#f59e0b;--r:14px;--r2:10px;--shadow:0 4px 24px rgba(0,150,180,0.10);--shadow2:0 12px 48px rgba(0,150,180,0.18)}
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Plus Jakarta Sans',sans-serif;background:var(--bg);color:var(--text);overflow-x:hidden;line-height:1.6}
body::after{content:'';position:fixed;inset:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.025'/%3E%3C/svg%3E");pointer-events:none;z-index:9998}
nav{position:fixed;top:0;left:0;right:0;z-index:200;display:flex;align-items:center;justify-content:space-between;padding:0 5%;height:70px;background:rgba(248,254,255,0.88);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);transition:all .3s}
nav.scrolled{background:rgba(248,254,255,0.97);box-shadow:var(--shadow)}
.nav-logo{display:flex;align-items:center;gap:10px;text-decoration:none}
.nav-logo img{width:38px;height:38px;object-fit:contain;border-radius:8px}
.nav-logo-text{font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:1.1rem;color:var(--dark);letter-spacing:-.03em}
.nav-logo-text span{color:var(--cyan2)}
.nav-links{display:flex;align-items:center;gap:32px;list-style:none}
.nav-links a{font-size:.875rem;font-weight:500;color:var(--text2);text-decoration:none;transition:color .2s}
.nav-links a:hover,.nav-links a.active{color:var(--cyan2)}
.nav-links .has-dropdown{position:relative}
.dropdown-trigger{background:none;border:none;font-family:'Plus Jakarta Sans',sans-serif;font-size:.875rem;font-weight:500;color:var(--text2);cursor:pointer;padding:0;display:flex;align-items:center;gap:5px;transition:color .2s}
.dropdown-trigger:hover{color:var(--cyan2)}
.dropdown-trigger .chev{font-size:.65em;transition:transform .2s}
.has-dropdown.open .dropdown-trigger .chev{transform:rotate(180deg)}
.dropdown{position:absolute;top:100%;left:50%;transform:translateX(-50%);background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);box-shadow:var(--shadow2);padding:10px;min-width:200px;display:none;flex-direction:column;gap:2px;margin-top:14px;z-index:250}
.has-dropdown:hover .dropdown,.has-dropdown.open .dropdown{display:flex}
.dropdown a{padding:9px 12px;border-radius:8px;white-space:nowrap;color:var(--text2);text-decoration:none;font-size:.875rem}
.dropdown a:hover,.dropdown a.active{background:var(--bg2);color:var(--cyan2)}
.nav-cta{padding:9px 22px;background:var(--cyan2);color:#fff;border:none;border-radius:8px;font-size:.875rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;text-decoration:none;transition:all .2s;box-shadow:0 4px 16px var(--cyan-glow)}
.nav-cta:hover{background:var(--cyan);transform:translateY(-1px)}
.hamburger{display:none;flex-direction:column;gap:5px;cursor:pointer;padding:4px;background:none;border:none}
.hamburger span{display:block;width:22px;height:2px;background:var(--text2);border-radius:2px;transition:all .3s}
.mobile-menu{display:none;position:fixed;top:70px;left:0;right:0;background:rgba(248,254,255,.98);backdrop-filter:blur(20px);padding:20px 5%;flex-direction:column;gap:16px;border-bottom:1px solid var(--border);z-index:199;max-height:80vh;overflow-y:auto}
.mobile-menu.open{display:flex}
.mobile-menu a{color:var(--text2);text-decoration:none;font-size:1rem;padding:8px 0;border-bottom:1px solid var(--border)}
.mobile-menu .nav-cta{width:fit-content;margin-top:4px}
#hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:100px 5% 60px;text-align:center;position:relative;overflow:hidden}
.hero-blob{position:absolute;border-radius:50%;pointer-events:none;filter:blur(80px)}
.hero-blob-1{width:700px;height:500px;background:radial-gradient(ellipse,rgba(0,198,224,.15) 0%,transparent 70%);top:-150px;left:-150px}
.hero-blob-2{width:600px;height:400px;background:radial-gradient(ellipse,rgba(0,198,224,.1) 0%,transparent 70%);bottom:0;right:-100px}
.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 16px;border-radius:100px;border:1px solid var(--border2);background:rgba(0,198,224,.07);font-size:.78rem;font-weight:600;color:var(--cyan2);margin-bottom:24px;letter-spacing:.05em;text-transform:uppercase;animation:fadeUp .7s ease both}
.hero-badge::before{content:'●';font-size:.5rem;animation:pulse 2s infinite}
@keyframes pulse{0%,100%{opacity:1}50%{opacity:.3}}
h1{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2.4rem,6.5vw,5rem);font-weight:800;line-height:1.05;letter-spacing:-.04em;max-width:950px;margin:0 auto 20px;color:var(--dark);animation:fadeUp .7s .08s ease both}
h1 .cyan{color:var(--cyan2)}
h1 .underline-cyan{position:relative;display:inline-block}
h1 .underline-cyan::after{content:'';position:absolute;bottom:-4px;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cyan),var(--cyan3));border-radius:4px}
.hero-sub{font-size:clamp(.95rem,2vw,1.15rem);color:var(--text2);max-width:600px;margin:0 auto 40px;font-weight:400;line-height:1.75;animation:fadeUp .7s .16s ease both}
.hero-cta-row{display:flex;gap:14px;flex-wrap:wrap;justify-content:center;animation:fadeUp .7s .24s ease both}
.btn-main{padding:14px 30px;background:var(--cyan2);color:#fff;border:none;border-radius:10px;font-size:1rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;text-decoration:none;transition:all .25s;box-shadow:0 6px 24px var(--cyan-glow);display:inline-flex;align-items:center;gap:8px}
.btn-main:hover{background:var(--cyan);transform:translateY(-2px)}
.btn-ghost{padding:14px 30px;background:transparent;color:var(--dark);border:1.5px solid var(--border2);border-radius:10px;font-size:1rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;text-decoration:none;transition:all .25s;display:inline-flex;align-items:center;gap:8px}
.btn-ghost:hover{background:var(--bg2);transform:translateY(-2px)}
.hero-dashboard{margin-top:60px;position:relative;z-index:1;animation:fadeUp .8s .35s ease both;max-width:1000px;width:100%}
.hero-dashboard img{width:100%;height:auto;border-radius:var(--r);box-shadow:0 32px 80px rgba(0,150,180,.22),0 0 0 1px var(--border);border:1px solid var(--border2)}
.hero-dashboard::before{content:'';position:absolute;inset:-1px;border-radius:calc(var(--r) + 1px);background:linear-gradient(135deg,var(--cyan2),transparent 50%);z-index:-1;opacity:.25}
.hero-stats{display:flex;gap:40px;justify-content:center;flex-wrap:wrap;margin-top:48px;padding-top:40px;border-top:1px solid var(--border);width:100%;max-width:700px;animation:fadeUp .7s .4s ease both}
.stat{text-align:center}
.stat-n{font-family:'Bricolage Grotesque',sans-serif;font-size:2rem;font-weight:800;color:var(--dark);line-height:1}
.stat-n span{color:var(--cyan2)}
.stat-l{font-size:.75rem;color:var(--text3);margin-top:4px;text-transform:uppercase;letter-spacing:.07em}
@keyframes fadeUp{from{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}
#trusted{padding:36px 5%;background:var(--dark);border-top:1px solid rgba(255,255,255,.05)}
.trusted-inner{max-width:1100px;margin:0 auto;display:flex;flex-direction:column;align-items:center;gap:20px}
.trusted-label{font-size:.75rem;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;text-align:center}
.trusted-logos{display:flex;gap:36px;flex-wrap:wrap;justify-content:center}
.tlogo{font-family:'Bricolage Grotesque',sans-serif;font-size:.9rem;font-weight:700;color:rgba(255,255,255,.35);transition:color .2s}
.tlogo:hover{color:rgba(0,198,224,.6)}
.section{position:relative;padding:96px 5%}
.section-inner{max-width:1200px;margin:0 auto}
.section-center{text-align:center}
.tag{display:inline-block;padding:5px 14px;border-radius:100px;border:1px solid var(--border2);background:rgba(0,198,224,.07);font-size:.73rem;font-weight:700;color:var(--cyan2);letter-spacing:.08em;text-transform:uppercase;margin-bottom:14px}
.sec-title{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(1.7rem,4vw,2.7rem);font-weight:800;letter-spacing:-.04em;line-height:1.1;margin-bottom:14px;color:var(--dark)}
.sec-sub{font-size:1rem;color:var(--text2);max-width:560px;line-height:1.75}
.sec-sub.center{margin:0 auto}
.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
#services{background:var(--bg)}
.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:56px}
.svc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:44px;transition:all .3s;position:relative;overflow:hidden}
.svc-card::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--cyan2),var(--cyan3));transform:scaleX(0);transform-origin:left;transition:transform .35s}
.svc-card:hover{border-color:var(--border2);box-shadow:var(--shadow2);transform:translateY(-4px)}
.svc-card:hover::before{transform:scaleX(1)}
.svc-icon{width:60px;height:60px;border-radius:14px;display:grid;place-items:center;font-size:1.6rem;background:linear-gradient(135deg,rgba(0,198,224,.12),rgba(0,198,224,.04));border:1px solid var(--border2);margin-bottom:24px}
.svc-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.45rem;font-weight:800;letter-spacing:-.03em;margin-bottom:10px;color:var(--dark)}
.svc-card p{color:var(--text2);font-size:.95rem;line-height:1.72;margin-bottom:24px}
.svc-feats{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:28px}
.svc-feats li{display:flex;align-items:flex-start;gap:9px;font-size:.875rem;color:var(--text2);line-height:1.5}
.svc-feats li::before{content:'✓';color:var(--cyan2);font-weight:700;flex-shrink:0}
.svc-link{display:inline-flex;align-items:center;gap:6px;font-size:.875rem;font-weight:700;color:var(--cyan2);text-decoration:none;transition:gap .2s}
.svc-link:hover{gap:10px}
.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:56px}
.trust-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:32px;transition:all .3s}
.trust-card:hover{border-color:var(--border2);box-shadow:var(--shadow2);transform:translateY(-4px)}
.trust-icon{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;font-size:1.35rem;color:var(--cyan2);background:linear-gradient(135deg,rgba(0,198,224,.12),rgba(0,198,224,.04));border:1px solid var(--border2);margin-bottom:20px}
.trust-card h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1.1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--dark)}
.trust-card p{color:var(--text2);font-size:.9rem;line-height:1.68}
@media(max-width:900px){.trust-grid{grid-template-columns:1fr}}
#how{background:var(--dark);overflow:hidden}
#how .sec-title,#how .tag{color:#fff}
#how .sec-sub{color:rgba(255,255,255,.55)}
.how-tabs{display:flex;gap:12px;margin-top:40px;flex-wrap:wrap}
.how-tab{padding:9px 22px;border-radius:100px;border:1px solid rgba(255,255,255,.15);background:transparent;color:rgba(255,255,255,.5);font-size:.85rem;font-weight:600;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .25s}
.how-tab.active{background:var(--cyan2);border-color:var(--cyan2);color:#fff}
.how-panels{margin-top:40px}
.how-panel{display:none}
.how-panel.active{display:grid;grid-template-columns:1fr 1.1fr;gap:60px;align-items:start}
.how-steps{display:flex;flex-direction:column;gap:0}
.how-step{display:flex;gap:20px;padding:24px 0;border-bottom:1px solid rgba(255,255,255,.07)}
.how-step:last-child{border-bottom:none}
.step-num{width:36px;height:36px;border-radius:50%;background:rgba(0,198,224,.15);border:1px solid rgba(0,198,224,.3);display:grid;place-items:center;font-family:'Bricolage Grotesque',sans-serif;font-size:.85rem;font-weight:800;color:var(--cyan3);flex-shrink:0;margin-top:2px}
.step-body h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1rem;font-weight:700;color:#fff;margin-bottom:6px}
.step-body p{font-size:.875rem;color:rgba(255,255,255,.5);line-height:1.65}
.how-visual{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);padding:28px;display:flex;flex-direction:column;gap:14px}
.how-visual-title{font-size:.75rem;font-weight:700;color:rgba(255,255,255,.35);letter-spacing:.1em;text-transform:uppercase;margin-bottom:4px}
.flow{display:flex;flex-direction:column;gap:0}
.flow-node{display:flex;align-items:center;gap:14px;padding:14px 18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);border-radius:10px}
.flow-icon{width:36px;height:36px;border-radius:8px;display:grid;place-items:center;font-size:1rem;flex-shrink:0}
.flow-icon.c{background:rgba(0,198,224,.15);border:1px solid rgba(0,198,224,.25)}
.flow-icon.g{background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.2)}
.flow-icon.o{background:rgba(245,158,11,.1);border:1px solid rgba(245,158,11,.2)}
.flow-text{font-size:.82rem;color:rgba(255,255,255,.7);line-height:1.4}
.flow-text strong{color:#fff;font-weight:600}
.flow-arrow{text-align:center;color:var(--cyan2);font-size:.8rem;padding:4px 0;opacity:.5}
.call-log{display:flex;flex-direction:column;gap:10px}
.clog{display:flex;align-items:center;gap:12px;padding:12px 16px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);border-radius:10px}
.clog-av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:800;font-size:.8rem;flex-shrink:0;background:linear-gradient(135deg,var(--cyan2),var(--cyan3))}
.clog-info{flex:1}
.clog-name{font-size:.82rem;font-weight:600;color:#fff}
.clog-sub{font-size:.72rem;color:rgba(255,255,255,.4)}
.clog-badge{font-size:.68rem;padding:3px 9px;border-radius:100px;font-weight:700}
.cb-booked{background:rgba(34,197,94,.12);color:#4ade80;border:1px solid rgba(34,197,94,.2)}
.cb-live{background:rgba(0,198,224,.1);color:var(--cyan3);border:1px solid rgba(0,198,224,.2)}
.cb-q{background:rgba(245,158,11,.1);color:#fbbf24;border:1px solid rgba(245,158,11,.2)}
.wave{display:flex;align-items:center;gap:2px}
.wave span{display:block;width:3px;border-radius:3px;background:var(--cyan3);animation:wave .8s ease-in-out infinite}
.wave span:nth-child(1){height:6px;animation-delay:0s}
.wave span:nth-child(2){height:12px;animation-delay:.1s}
.wave span:nth-child(3){height:8px;animation-delay:.2s}
.wave span:nth-child(4){height:14px;animation-delay:.15s}
.wave span:nth-child(5){height:6px;animation-delay:.05s}
@keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.35)}}
#usecases{background:var(--bg2)}
.uc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.uc-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px;transition:all .3s}
.uc-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-3px)}
.uc-icon{font-size:2rem;margin-bottom:14px}
.uc-card h4,.uc-card h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1rem;font-weight:800;letter-spacing:-.02em;margin-bottom:8px;color:var(--dark)}
.uc-card p{font-size:.855rem;color:var(--text2);line-height:1.65}
.uc-tag{display:inline-block;margin-top:12px;font-size:.72rem;font-weight:700;color:var(--cyan2);background:rgba(0,198,224,.08);border:1px solid var(--border);border-radius:100px;padding:3px 10px}
#industries{background:var(--bg)}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:48px}
.ind-grid.ind-grid-3{grid-template-columns:repeat(3,1fr);max-width:900px;margin-left:auto;margin-right:auto}
@media(max-width:900px){.ind-grid.ind-grid-3{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.ind-grid.ind-grid-3{grid-template-columns:1fr}}
.ind-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);padding:24px 20px;text-align:center;transition:all .3s;text-decoration:none;display:block}
.ind-card:hover{border-color:var(--border2);background:linear-gradient(135deg,rgba(0,198,224,.05),var(--surface));transform:translateY(-3px);box-shadow:var(--shadow)}
.ind-icon{font-size:2rem;margin-bottom:12px}
.ind-card h4{font-family:'Bricolage Grotesque',sans-serif;font-size:.95rem;font-weight:700;color:var(--dark);margin-bottom:6px}
.ind-card p{font-size:.78rem;color:var(--text3);line-height:1.5}
#compare{background:var(--dark);overflow:hidden}
#compare .sec-title{color:#fff}
#compare .tag{color:var(--cyan3)}
.compare-wrap{margin-top:52px;border-radius:var(--r);overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.compare-header{display:grid;grid-template-columns:2fr 1.2fr 1.2fr;background:rgba(255,255,255,.04)}
.ch-cell{padding:18px 24px;font-family:'Bricolage Grotesque',sans-serif;font-size:.85rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.ch-ai{color:var(--cyan3);background:rgba(0,198,224,.1);display:flex;align-items:center;gap:8px}
.ch-human{color:rgba(255,255,255,.45);display:flex;align-items:center;gap:8px}
.compare-row{display:grid;grid-template-columns:2fr 1.2fr 1.2fr;border-top:1px solid rgba(255,255,255,.06)}
.compare-row:hover{background:rgba(255,255,255,.03)}
.cr-feature{padding:16px 24px;font-size:.9rem;color:rgba(255,255,255,.7);display:flex;align-items:center;gap:10px}
.cr-ai,.cr-human{padding:16px 24px;display:flex;align-items:center;gap:8px;font-size:.875rem;font-weight:600}
.cr-ai{color:#4ade80}
.cr-human{color:rgba(255,255,255,.35)}
.compare-footer{padding:20px 24px;background:rgba(0,198,224,.08);border-top:1px solid rgba(0,198,224,.2);display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.compare-footer p{font-size:.875rem;color:rgba(255,255,255,.65)}
.compare-footer strong{color:var(--cyan3)}
#pricing{background:linear-gradient(180deg,var(--bg) 0%,var(--bg2) 100%)}
.pricing-toggle{display:flex;gap:20px;justify-content:center;margin:36px 0 0;flex-wrap:wrap}
.ptab{padding:9px 24px;border-radius:100px;border:1.5px solid var(--border2);background:transparent;color:var(--text2);font-size:.875rem;font-weight:700;cursor:pointer;font-family:'Plus Jakarta Sans',sans-serif;transition:all .25s}
.ptab.active{background:var(--cyan2);border-color:var(--cyan2);color:#fff}
.pricing-section{display:none;margin-top:52px}
.pricing-section.active{display:block}
.setup-banner{background:linear-gradient(135deg,var(--dark) 0%,var(--dark2) 100%);border-radius:var(--r);padding:28px 36px;display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-bottom:28px;border:1px solid rgba(0,198,224,.2)}
.setup-banner-left h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.2rem;font-weight:800;color:#fff;letter-spacing:-.02em}
.setup-banner-left p{font-size:.85rem;color:rgba(255,255,255,.5);margin-top:4px}
.setup-price{font-family:'Bricolage Grotesque',sans-serif;font-size:2.2rem;font-weight:800;color:var(--cyan3);white-space:nowrap}
.setup-price span{font-size:1rem;color:rgba(255,255,255,.4)}
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.plan-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:36px 28px;position:relative;transition:all .3s}
.plan-card:hover{border-color:var(--border2);box-shadow:var(--shadow2);transform:translateY(-4px)}
.plan-card.popular{border-color:rgba(0,198,224,.45);box-shadow:0 0 40px rgba(0,198,224,.1)}
.plan-card.popular::before{content:'MOST POPULAR';position:absolute;top:-1px;left:50%;transform:translateX(-50%);background:var(--cyan2);color:#fff;font-size:.65rem;font-weight:800;letter-spacing:.1em;padding:5px 16px;border-radius:0 0 10px 10px}
.plan-name{font-family:'Bricolage Grotesque',sans-serif;font-size:.85rem;font-weight:800;color:var(--text3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}
.plan-price{font-family:'Bricolage Grotesque',sans-serif;font-size:2.8rem;font-weight:800;color:var(--dark);line-height:1;margin-bottom:6px}
.plan-price sup{font-size:1.1rem;vertical-align:super}
.plan-period{font-size:.8rem;color:var(--text3);margin-bottom:8px}
.plan-desc{font-size:.85rem;color:var(--text2);line-height:1.6;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid var(--border)}
.plan-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.plan-feats li{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--text2)}
.plan-feats li::before{content:'✓';color:var(--cyan2);font-weight:800;flex-shrink:0}
.plan-btn{width:100%;padding:13px;border-radius:10px;font-size:.95rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:all .25s;display:block;text-align:center;text-decoration:none}
.plan-btn-outline{background:transparent;border:1.5px solid var(--border2);color:var(--text)}
.plan-btn-outline:hover{background:var(--bg2);border-color:var(--cyan2);color:var(--cyan2)}
.plan-btn-fill{background:var(--cyan2);border:none;color:#fff;box-shadow:0 4px 16px var(--cyan-glow)}
.plan-btn-fill:hover{background:var(--cyan)}
.calling-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:44px;display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}
.calling-info h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.5rem;font-weight:800;letter-spacing:-.03em;color:var(--dark);margin-bottom:12px}
.calling-info p{font-size:.95rem;color:var(--text2);line-height:1.7;margin-bottom:20px}
.calling-feats{list-style:none;display:flex;flex-direction:column;gap:10px;margin-bottom:28px}
.calling-feats li{display:flex;align-items:center;gap:9px;font-size:.875rem;color:var(--text2)}
.calling-feats li::before{content:'✓';color:var(--cyan2);font-weight:800}
.calling-pricing-box{background:linear-gradient(135deg,var(--dark),var(--dark2));border-radius:var(--r);padding:36px;text-align:center;border:1px solid rgba(0,198,224,.2)}
.calling-pricing-box h4{font-family:'Bricolage Grotesque',sans-serif;font-size:.85rem;font-weight:800;color:rgba(255,255,255,.4);letter-spacing:.1em;text-transform:uppercase;margin-bottom:20px}
.calling-setup{margin-bottom:16px;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.08)}
.cs-label,.cu-label{font-size:.75rem;color:rgba(255,255,255,.4);text-transform:uppercase;letter-spacing:.08em;margin-bottom:6px}
.cs-val{font-family:'Bricolage Grotesque',sans-serif;font-size:2rem;font-weight:800;color:#fff}
.cs-sub{font-size:.75rem;color:rgba(255,255,255,.35);margin-top:3px}
.calling-usage{margin-top:16px}
.cu-val{font-family:'Bricolage Grotesque',sans-serif;font-size:2.4rem;font-weight:800;color:var(--cyan3)}
.cu-sub{font-size:.8rem;color:rgba(255,255,255,.4);margin-top:4px}
#cta{background:var(--dark);text-align:center;padding:96px 5%;position:relative;overflow:hidden}
.cta-blob{position:absolute;width:700px;height:400px;background:radial-gradient(ellipse,rgba(0,198,224,.14) 0%,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%);pointer-events:none}
.cta-inner{position:relative;z-index:1;max-width:720px;margin:0 auto}
.cta-inner h2{font-family:'Bricolage Grotesque',sans-serif;font-size:clamp(2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.04em;color:#fff;margin-bottom:16px}
.cta-inner>p{font-size:1rem;color:rgba(255,255,255,.55);margin-bottom:36px;line-height:1.7}
.cta-form{display:grid;gap:22px;max-width:720px;margin:0 auto 16px;text-align:left}
.form-group{display:flex;flex-direction:column;gap:10px}
.form-group label{font-size:.95rem;color:rgba(255,255,255,.85);font-weight:600}
.form-group input,.form-group select{width:100%;padding:14px 16px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);border-radius:14px;color:#fff;font-size:.95rem;font-family:'Plus Jakarta Sans',sans-serif;outline:none;transition:border-color .2s,box-shadow .2s;-webkit-appearance:none;appearance:none}
.form-group input:focus,.form-group select:focus{border-color:var(--cyan2);box-shadow:0 0 12px rgba(0,198,224,.18)}
.form-group select{background-color:#0d2533;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2300c6e0' stroke-width='2' fill='none' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 16px center;padding-right:44px}
.form-group select option{background:#0d2533;color:#fff}
.product-options{display:flex;gap:15px;flex-wrap:wrap;margin-top:10px}
.product-card{flex:1;cursor:pointer}
.product-card input[type="radio"]{position:absolute;opacity:0;width:1px;height:1px}
.card-content{padding:20px;border-radius:14px;border:1px solid rgba(255,255,255,.15);background:rgba(255,255,255,.06);text-align:center;transition:.3s ease;cursor:pointer}
.card-content i{font-size:22px;margin-bottom:10px;color:var(--cyan2);display:block}
.card-content h4{color:#fff;font-size:.9rem;margin-bottom:4px}
.card-content p{color:rgba(255,255,255,.5);font-size:.78rem}
.product-card:hover .card-content{transform:translateY(-4px);border-color:var(--cyan2)}
.product-card input:checked+.card-content{border:2px solid var(--cyan2);box-shadow:0 0 18px rgba(34,198,224,.25)}
.checkbox-label{display:flex;align-items:center;gap:12px;color:rgba(255,255,255,.8);font-size:.95rem;cursor:pointer}
.checkbox-label input[type="checkbox"]{width:18px;height:18px;flex-shrink:0;cursor:pointer;appearance:none;-webkit-appearance:none;background:rgba(255,255,255,.08);border:2px solid rgba(255,255,255,.3);border-radius:4px;transition:all .2s;position:relative}
.checkbox-label input[type="checkbox"]:checked{background:var(--cyan2);border-color:var(--cyan2)}
.checkbox-label input[type="checkbox"]:checked::after{content:'✓';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#fff;font-size:13px;font-weight:900;line-height:1}
.btn-submit{width:100%;padding:16px;background:linear-gradient(135deg,#22d3ee,#3b82f6);border:none;border-radius:14px;color:#fff;font-size:1rem;font-weight:700;font-family:'Plus Jakarta Sans',sans-serif;cursor:pointer;transition:transform .25s,box-shadow .25s}
.btn-submit:hover{transform:translateY(-2px);box-shadow:0 10px 20px rgba(34,211,238,.3)}
.btn-submit:disabled{opacity:.6;cursor:not-allowed;transform:none}
#successMessage{display:none;padding:32px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);border-radius:14px;margin-top:20px}
#successMessage h3{color:#fff;font-size:1.3rem;margin-bottom:8px;font-weight:800}
#successMessage p{color:#fff;font-weight:600}
.cta-note{font-size:.78rem;color:rgba(255,255,255,.3);margin-top:16px}
#errorMessage{font-size:.85rem;color:#f87171;min-height:20px}
footer{background:var(--dark2);border-top:1px solid rgba(255,255,255,.07);padding:56px 5% 28px}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;max-width:1200px;margin:0 auto 40px}
.footer-brand p{font-size:.85rem;color:rgba(255,255,255,.4);margin-top:14px;line-height:1.7;max-width:280px}
.footer-col h5{font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:.85rem;color:rgba(255,255,255,.6);margin-bottom:14px}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.footer-col ul a{font-size:.85rem;color:rgba(255,255,255,.35);text-decoration:none;transition:color .2s}
.footer-col ul a:hover{color:rgba(0,198,224,.7)}
.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:24px;border-top:1px solid rgba(255,255,255,.07);font-size:.78rem;color:rgba(255,255,255,.25);gap:16px;flex-wrap:wrap;max-width:1200px;margin:0 auto}

/* ---- New: breadcrumb ---- */
.breadcrumb{max-width:1200px;margin:86px auto 0;padding:0 5%;font-size:.8rem;color:var(--text3)}
.breadcrumb a{color:var(--text3);text-decoration:none}
.breadcrumb a:hover{color:var(--cyan2)}
.breadcrumb span{margin:0 6px}

/* ---- New: sub-page hero (industry pages) ---- */
.subhero{padding:36px 5% 64px;text-align:center;position:relative;overflow:hidden}
.subhero h1{font-size:clamp(2rem,5vw,3.4rem)}
.subhero .hero-sub{max-width:680px}
.subhero-stats{display:flex;gap:32px;justify-content:center;flex-wrap:wrap;margin-top:36px}
.subhero-stats .stat-n{font-size:1.6rem}

/* ---- New: answer-first intro block (AEO) ---- */
.answer-block{max-width:820px;margin:0 auto 64px;padding:28px 32px;background:var(--surface);border:1px solid var(--border2);border-left:4px solid var(--cyan2);border-radius:var(--r2);font-size:1.05rem;line-height:1.75;color:var(--text)}
.answer-block strong{color:var(--dark)}

/* ---- New: FAQ accordion ---- */
#faq{background:var(--bg2)}
.faq-list{max-width:820px;margin:48px auto 0;display:flex;flex-direction:column;gap:12px}
.faq-item{background:var(--surface);border:1px solid var(--border);border-radius:var(--r2);overflow:hidden}
.faq-q{width:100%;text-align:left;padding:20px 24px;background:none;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;font-family:'Plus Jakarta Sans',sans-serif;font-size:.98rem;font-weight:700;color:var(--dark)}
.faq-q .plus{font-size:1.3rem;color:var(--cyan2);transition:transform .25s;flex-shrink:0}
.faq-item.open .faq-q .plus{transform:rotate(45deg)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item.open .faq-a{max-height:400px}
.faq-a p{padding:0 24px 20px;font-size:.9rem;color:var(--text2);line-height:1.7}

/* ---- New: content page blocks (long-form industry copy) ---- */
.content-block{max-width:820px;margin:0 auto}
.content-block h2{font-family:'Bricolage Grotesque',sans-serif;font-size:1.6rem;font-weight:800;color:var(--dark);letter-spacing:-.03em;margin:40px 0 14px}
.content-block h2:first-child{margin-top:0}
.content-block h3{font-family:'Bricolage Grotesque',sans-serif;font-size:1.15rem;font-weight:700;color:var(--dark);margin:28px 0 10px}
.content-block p{font-size:.98rem;color:var(--text2);line-height:1.8;margin-bottom:14px}
.content-block ul{margin:0 0 16px 20px;color:var(--text2);font-size:.95rem;line-height:1.9}
.content-block a{color:var(--cyan2);font-weight:600}

/* ---- New: related-pages / internal linking strip ---- */
#related{background:var(--bg)}
.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}
.related-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:28px;text-decoration:none;display:block;transition:all .3s}
.related-card:hover{border-color:var(--border2);box-shadow:var(--shadow);transform:translateY(-3px)}
.related-card .tag{margin-bottom:12px}
.related-card h4{font-family:'Bricolage Grotesque',sans-serif;font-size:1.05rem;font-weight:800;color:var(--dark);margin-bottom:8px}
.related-card p{font-size:.85rem;color:var(--text2);line-height:1.6}
.related-card .rlink{margin-top:14px;font-size:.82rem;font-weight:700;color:var(--cyan2)}

@media(max-width:1100px){.ind-grid{grid-template-columns:repeat(2,1fr)}.uc-grid{grid-template-columns:1fr 1fr}.how-panel.active{grid-template-columns:1fr;gap:32px}.calling-card{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.related-grid{grid-template-columns:1fr}}
@media(max-width:900px){.services-grid,.plans-grid{grid-template-columns:1fr}.plans-grid{max-width:440px;margin:0 auto}.compare-header,.compare-row{grid-template-columns:1.5fr 1fr 1fr}}
@media(max-width:768px){.nav-links,.nav-cta{display:none}.hamburger{display:flex}.uc-grid,.ind-grid{grid-template-columns:1fr}.setup-banner{flex-direction:column;align-items:flex-start}.cr-feature,.ch-cell,.cr-ai,.cr-human{padding:12px 14px;font-size:.78rem}.footer-grid{grid-template-columns:1fr;gap:28px}.hero-stats{gap:20px}.product-options{flex-direction:column}.answer-block{padding:20px}}
