:root{
  --royal:#214895; --royal-deep:#16305f; --green:#00AD6A; --green-deep:#008a54;
  --sky:#35A0DA; --sky-soft:#D2EDFA; --turq:#12b6a8;
  --ink:#0f1b33; --muted:#5a6b86; --line:#e6ecf5; --bg:#ffffff; --bg-soft:#f5f8fd;
  --shadow-sm:0 2px 10px rgba(33,72,149,.06); --shadow:0 12px 40px rgba(33,72,149,.10);
  --shadow-lg:0 24px 70px rgba(22,48,95,.18);
  --r:16px; --r-lg:24px; --maxw:1180px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body, h1, h2, h3, h4, h5, h6, button, input, select, textarea, .disp{font-family:'Cairo',sans-serif !important}
body{color:var(--ink);background:var(--bg);line-height:1.75;-webkit-font-smoothing:antialiased;overflow-x:hidden}
h1,h2,h3,h4,.disp{line-height:1.3}
a{text-decoration:none;color:inherit}
img{max-width:100%;display:block}
.wrap{max-width:var(--maxw);margin:0 auto;padding:0 20px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:600;letter-spacing:.02em;color:var(--royal);background:var(--sky-soft);padding:7px 15px;border-radius:100px}
.eyebrow.green{color:var(--green-deep);background:#e2f7ee}
section{padding:74px 0;position:relative}
.sec-head{text-align:center;max-width:720px;margin:0 auto 46px}
.sec-head h2{font-size:clamp(26px,4vw,40px);font-weight:800;color:var(--ink);margin:16px 0 12px;letter-spacing:-.01em}
.sec-head p{color:var(--muted);font-size:17px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;font-family:'Cairo',sans-serif;font-weight:600;font-size:16px;padding:15px 26px;border-radius:12px;cursor:pointer;border:none;transition:.22s;white-space:nowrap}
.btn-green{background:var(--green);color:#fff;box-shadow:0 10px 26px rgba(0,173,106,.32)}
.btn-green:hover{background:var(--green-deep);transform:translateY(-2px);box-shadow:0 14px 32px rgba(0,173,106,.4)}
.btn-wa{background:#fff;color:var(--turq);border:2px solid var(--turq)}
.btn-wa:hover{background:var(--turq);color:#fff;transform:translateY(-2px)}
.btn-royal{background:var(--royal);color:#fff}
.btn-royal:hover{background:var(--royal-deep);transform:translateY(-2px)}
.btn-ghost{background:transparent;color:var(--royal);border:2px solid var(--line)}
.btn-ghost:hover{border-color:var(--royal);background:var(--bg-soft)}
.btn svg{width:19px;height:19px;flex:none}

/* Header */
.hdr{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.hdr-in{display:flex;align-items:center;justify-content:space-between;height:70px}
.hdr-logo img{height:34px;width:auto}
.hdr-actions{display:flex;align-items:center;gap:12px}
.hdr-phone{display:inline-flex;align-items:center;gap:8px;font-weight:600;color:var(--royal);font-size:15px;direction:ltr}
.hdr-phone svg{width:18px;height:18px}
.hdr .btn{padding:10px 18px;font-size:14px}

/* Hero */
.hero{background:
  radial-gradient(1100px 500px at 88% -10%,rgba(53,160,218,.14),transparent 60%),
  radial-gradient(900px 500px at 5% 110%,rgba(0,173,106,.10),transparent 55%),
  linear-gradient(180deg,#fbfdff,#f3f8fe);
  padding:56px 0 66px;border-bottom:1px solid var(--line);overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:52px;align-items:center}
.hero h1{font-size:clamp(25px,3.3vw,39px);font-weight:800;line-height:1.42;color:var(--royal-deep)}
.hero h1 .g{color:var(--green)} .hero h1 .b{color:inherit}
.hero-sub{font-size:17px;color:#3d4a63;margin:20px 0 12px;max-width:560px;line-height:1.85}
.hero-bul{list-style:none;margin:16px 0 26px;display:grid;gap:9px}
.hero-bul li{display:flex;align-items:center;gap:10px;font-size:15.5px;font-weight:500;color:var(--ink)}
.hero-bul .tick{width:22px;height:22px;border-radius:50%;background:#e2f7ee;color:var(--green-deep);display:grid;place-items:center;flex:none;font-size:13px;font-weight:700}
.hero-cta{display:flex;gap:13px;flex-wrap:wrap}
.hero-micro{margin-top:16px;font-size:13.5px;color:var(--muted);display:flex;align-items:center;gap:8px}
.hero-micro svg{width:16px;height:16px;color:var(--green)}

/* Hero signature: conversation -> insight */
.sigcard{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:22px;position:relative}
.sigcard::before{content:"";position:absolute;inset:-1px;border-radius:var(--r-lg);padding:1px;background:linear-gradient(135deg,var(--sky),var(--green));-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;opacity:.5;pointer-events:none}
.sig-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sig-badge{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:var(--royal);background:var(--sky-soft);padding:6px 12px;border-radius:100px}
.sig-live{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--green-deep);font-weight:600}
.sig-dot{width:8px;height:8px;border-radius:50%;background:var(--green);animation:pulse 1.6s infinite}
@keyframes pulse{0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(0,173,106,.5)}50%{opacity:.6;box-shadow:0 0 0 6px rgba(0,173,106,0)}}
.wave{display:flex;align-items:center;gap:3px;height:38px;padding:6px 10px;background:var(--bg-soft);border-radius:10px;margin-bottom:6px}
.wave span{flex:1;background:linear-gradient(var(--sky),var(--royal));border-radius:4px;animation:wv 1.1s ease-in-out infinite}
@keyframes wv{0%,100%{height:22%}50%{height:100%}}
.chat-line{display:flex;gap:8px;margin:8px 0;font-size:13.5px}
.chat-ava{width:26px;height:26px;border-radius:8px;background:var(--royal);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:700;flex:none}
.chat-ava.cust{background:var(--green)}
.chat-txt{background:var(--bg-soft);padding:8px 12px;border-radius:10px;color:var(--ink)}
.sig-arrow{text-align:center;color:var(--sky);font-size:20px;margin:6px 0}
.sig-out{background:linear-gradient(135deg,var(--royal),var(--royal-deep));color:#fff;border-radius:14px;padding:15px 16px}
.sig-out h4{font-size:13px;opacity:.85;font-weight:500;margin-bottom:10px;display:flex;align-items:center;gap:7px}
.sig-out .row{display:flex;justify-content:space-between;font-size:13px;padding:6px 0;border-bottom:1px solid rgba(255,255,255,.12)}
.sig-out .row:last-child{border:none}
.sig-out .tag{background:rgba(255,255,255,.16);padding:2px 9px;border-radius:100px;font-size:11.5px;font-weight:600}
.sig-out .tag.pos{background:rgba(0,173,106,.9)}

/* Trust bar */
.trust{background:#fff;border-bottom:1px solid var(--line);padding:30px 0}
.trust-lab{text-align:center;font-size:12.5px;font-weight:600;letter-spacing:.08em;color:var(--muted);margin-bottom:18px}
.trust-row{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:12px}
.trust-chip{display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:600;color:var(--royal-deep);background:var(--bg-soft);border:1px solid var(--line);padding:10px 16px;border-radius:100px}
.trust-chip svg{width:17px;height:17px;color:var(--green)}
.trust-chip.part{color:var(--muted)}
.trust-row.logos{gap:14px}
.logo-chip{display:inline-flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 20px;box-shadow:var(--shadow-sm);transition:.25s;height:76px}
.logo-chip:hover{transform:translateY(-3px);box-shadow:var(--shadow);border-color:transparent}
.logo-chip img{height:46px !important;width:auto;max-width:190px;object-fit:contain}
@media(max-width:600px){.logo-chip{height:64px !important;padding:12px 14px}.logo-chip img{height:36px !important;max-width:130px}}
.g2note{margin-top:14px;text-align:center;font-size:12px;color:var(--muted)}

/* Problem */
.problem{background:var(--bg-soft)}
.prob-grid{display:grid;grid-template-columns:1fr 1fr;gap:44px;align-items:center}
.prob-list{display:grid;gap:12px}
.prob-item{display:flex;gap:13px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:16px 18px;box-shadow:var(--shadow-sm)}
.prob-x{width:30px;height:30px;border-radius:9px;background:#fdecec;color:#e05a5a;display:grid;place-items:center;flex:none;font-weight:700}
.prob-side{background:linear-gradient(150deg,var(--royal),var(--royal-deep));color:#fff;border-radius:var(--r-lg);padding:34px 30px;box-shadow:var(--shadow)}
.prob-side h3{font-size:23px;font-weight:700;margin-bottom:8px}
.prob-side p{opacity:.9;font-size:15.5px;margin-bottom:20px}
.prob-side ul{list-style:none;display:grid;gap:11px}
.prob-side li{display:flex;gap:10px;align-items:flex-start;font-size:15px}
.prob-side .tick{color:#7ff0c0;font-weight:800;flex:none}

/* Unified value */
.uni-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.uni-card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:26px 22px;box-shadow:var(--shadow-sm);transition:.25s}
.uni-card:hover{transform:translateY(-4px);box-shadow:var(--shadow);border-color:transparent}
.uni-ic{width:52px;height:52px;border-radius:14px;display:grid;place-items:center;margin-bottom:16px;background:var(--sky-soft);color:var(--royal)}
.uni-ic svg{width:26px;height:26px}
.uni-card h3{font-size:18px;font-weight:700;margin-bottom:8px}
.uni-card p{color:var(--muted);font-size:14.5px}

/* Capabilities tabs */
.caps{background:linear-gradient(180deg,#fff,var(--bg-soft))}
.tabs{display:flex;justify-content:center;gap:10px;margin-bottom:36px;flex-wrap:wrap}
.tab{display:inline-flex;align-items:center;gap:11px;padding:12px 22px;border-radius:14px;background:#fff;border:1.5px solid var(--line);cursor:pointer;font-family:'Cairo';font-weight:600;font-size:15.5px;color:var(--muted);transition:.22s}
.tab img{width:26px;height:26px;object-fit:contain}
.tab.active{border-color:var(--royal);color:var(--royal);box-shadow:var(--shadow-sm);background:#fff}
.tab.active.bc{border-color:var(--green);color:var(--green-deep)}
.panel{display:none;animation:fade .4s} .panel.active{display:block}
@keyframes fade{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.cap{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-sm);transition:.25s}
.cap:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.cap-ic{width:48px;height:48px;border-radius:13px;display:grid;place-items:center;margin-bottom:15px}
.cap-ic svg{width:24px;height:24px}
.ic-b{background:var(--sky-soft);color:var(--royal)} .ic-g{background:#e2f7ee;color:var(--green-deep)}
.cap h3{font-size:17px;font-weight:700;margin-bottom:7px}
.cap p{color:var(--muted);font-size:14px}
.cap .out{margin-top:11px;font-size:13px;color:var(--green-deep);font-weight:600;display:flex;gap:7px;align-items:flex-start}

/* Beva spotlight */
.beva{background:linear-gradient(150deg,var(--royal-deep),var(--royal) 55%,#2b5aa8);color:#fff;overflow:hidden}
.beva::after{content:"";position:absolute;top:-120px;left:-80px;width:420px;height:420px;background:radial-gradient(circle,rgba(0,173,106,.35),transparent 70%);border-radius:50%}
.beva-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center;position:relative;z-index:2}
.beva .eyebrow{background:rgba(255,255,255,.14);color:#cfe6ff}
.beva h2{font-size:clamp(26px,4vw,38px);font-weight:800;margin:16px 0 14px}
.beva h2 .hl{color:#5fe0b0}
.beva>.wrap>.beva-grid p.lead{opacity:.9;font-size:16.5px;margin-bottom:24px}
.beva-feats{display:grid;gap:14px}
.beva-feat{display:flex;gap:14px}
.beva-feat .fi{width:44px;height:44px;border-radius:12px;background:rgba(255,255,255,.12);display:grid;place-items:center;flex:none}
.beva-feat .fi svg{width:22px;height:22px;color:#7ff0c0}
.beva-feat h4{font-size:16px;font-weight:700;margin-bottom:3px}
.beva-feat p{opacity:.85;font-size:14px;margin:0}
.beva-visual{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:26px;backdrop-filter:blur(6px)}
.bv-head{display:flex;align-items:center;gap:12px;margin-bottom:18px}
.bv-orb{width:56px;height:56px;border-radius:16px;background:linear-gradient(135deg,var(--green),var(--sky));display:grid;place-items:center;position:relative}
.bv-orb svg{width:28px;height:28px;color:#fff}
.bv-ring{position:absolute;inset:-6px;border:2px solid rgba(127,240,192,.5);border-radius:20px;animation:pulse2 2s infinite}
@keyframes pulse2{0%{transform:scale(1);opacity:.8}100%{transform:scale(1.25);opacity:0}}
.bv-stat{display:flex;justify-content:space-between;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.1);font-size:14.5px}
.bv-stat:last-child{border:none}
.bv-stat b{font-family:'Cairo';font-weight:700;color:#7ff0c0}

/* Sectors */
.sec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.sector{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:24px;box-shadow:var(--shadow-sm);border-top:3px solid var(--sky);transition:.25s}
.sector:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.sector .se-ic{font-size:26px;margin-bottom:12px;width:50px;height:50px;border-radius:13px;background:var(--bg-soft);display:grid;place-items:center}
.sector .se-ic svg{width:26px;height:26px;color:var(--royal)}
.sector h3{font-size:17px;font-weight:700;margin-bottom:7px}
.sector p{color:var(--muted);font-size:14px}

/* Points mechanic (signature) */
.points{background:var(--royal-deep);color:#fff;overflow:hidden;position:relative}
.points .sec-head h2{color:#fff}.points .sec-head p{color:#c3d4ef}
.points .eyebrow{background:rgba(255,255,255,.14);color:#cfe6ff}
.pts-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;max-width:900px;margin:0 auto}
.pt-card{background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:var(--r);padding:26px 22px;text-align:center}
.pt-badge{width:66px;height:66px;border-radius:50%;display:grid;place-items:center;margin:0 auto 16px;font-family:'Cairo';font-weight:800;font-size:26px;position:relative}
.pt-1{background:rgba(53,160,218,.25);color:#8fd0f5;border:2px solid #35A0DA}
.pt-3{background:rgba(0,173,106,.22);color:#6ff0be;border:2px solid var(--green)}
.pt-5{background:rgba(255,196,64,.18);color:#ffd98a;border:2px solid #f0b93c}
.pt-card h3{font-size:17px;font-weight:700;margin-bottom:10px}
.pt-card ul{list-style:none;display:grid;gap:8px;text-align:right}
.pt-card li{font-size:13.5px;opacity:.9;display:flex;gap:8px}
.pt-card li::before{content:"•";color:#5fe0b0}
.pts-note{text-align:center;margin-top:26px;font-size:14px;color:#c3d4ef}

/* Packages */
.pkg-toggle{display:flex;justify-content:center;margin-bottom:34px}
.pkg-toggle .pt-wrap{display:inline-flex;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px;padding:5px}
.pkg-toggle button{display:inline-flex;align-items:center;gap:9px;border:none;background:transparent;padding:11px 20px;border-radius:10px;cursor:pointer;font-family:'Cairo';font-weight:600;font-size:14.5px;color:var(--muted);transition:.2s}
.pkg-toggle button img{width:22px;height:22px}
.pkg-toggle button.on{background:#fff;color:var(--royal);box-shadow:var(--shadow-sm)}
.pkg-toggle button.on.bc{color:var(--green-deep)}
.pkg-set{display:none}.pkg-set.on{display:block;animation:fade .4s}
.pkg-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}
.pkg{background:#fff;border:1.5px solid var(--line);border-radius:var(--r-lg);padding:28px 24px;box-shadow:var(--shadow-sm);position:relative;display:flex;flex-direction:column;transition:.25s}
.pkg:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pkg.pop{border-color:var(--green);box-shadow:0 18px 50px rgba(0,173,106,.16)}
.pkg .flag{position:absolute;top:-13px;right:24px;background:var(--green);color:#fff;font-size:12px;font-weight:700;padding:5px 14px;border-radius:100px;font-family:'Cairo'}
.pkg-name{font-family:'Cairo';font-size:20px;font-weight:700;color:var(--royal)}
.pkg-pts{font-size:13.5px;color:var(--muted);margin:4px 0 16px}
.pkg-price{display:flex;align-items:baseline;gap:6px;padding-bottom:8px}
.pkg-price .num{font-family:'Cairo';font-size:40px;font-weight:800;color:var(--ink);line-height:1}
.pkg-price .cur{font-size:16px;font-weight:600;color:var(--muted)}
.pkg-per{font-size:12.5px;color:var(--sky);font-weight:600;margin-bottom:18px}
.pkg-feats{list-style:none;display:grid;gap:10px;margin-bottom:22px;flex:1}
.pkg-feats li{display:flex;gap:9px;font-size:13.5px;color:var(--ink)}
.pkg-feats .ck{color:var(--green);font-weight:800;flex:none}
.pkg .btn{width:100%}
.pkg.pop .btn{background:var(--green);color:#fff}
.pkg-cost{margin-top:34px;background:var(--bg-soft);border:1px solid var(--line);border-radius:var(--r);padding:22px 26px;max-width:900px;margin-left:auto;margin-right:auto}
.pkg-cost h4{font-family:'Cairo';font-size:16px;font-weight:700;margin-bottom:14px;color:var(--royal);display:flex;align-items:center;gap:9px}
.pkg-cost-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.cost-i{background:#fff;border:1px solid var(--line);border-radius:12px;padding:14px 16px}
.cost-i .cp{font-family:'Cairo';font-weight:800;font-size:20px;color:var(--green-deep)}
.cost-i .cd{font-size:13px;color:var(--muted);margin-top:3px}
.pkg-ex{text-align:center;margin-top:18px;font-size:13.5px;color:var(--muted)}
.pkg-ex b{color:var(--royal)}

/* Why */
.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.why{text-align:center;padding:26px 18px;border-radius:var(--r);background:#fff;border:1px solid var(--line);box-shadow:var(--shadow-sm)}
.why .wi{width:56px;height:56px;border-radius:16px;margin:0 auto 14px;display:grid;place-items:center;background:linear-gradient(135deg,var(--sky-soft),#e2f7ee)}
.why .wi svg{width:28px;height:28px;color:var(--royal)}
.why h3{font-size:16px;font-weight:700;margin-bottom:6px}
.why p{font-size:13.5px;color:var(--muted)}

/* FAQ */
.faq{background:var(--bg-soft)}
.faq-list{max-width:820px;margin:0 auto;display:grid;gap:12px}
.faq-item{background:#fff;border:1px solid var(--line);border-radius:14px;overflow:hidden;transition:.2s}
.faq-item.open{border-color:var(--royal);box-shadow:var(--shadow-sm)}
.faq-q{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:18px 22px;cursor:pointer;font-family:'Cairo';font-weight:600;font-size:15.5px;color:var(--ink)}
.faq-q .ar{width:26px;height:26px;border-radius:8px;background:var(--bg-soft);display:grid;place-items:center;flex:none;transition:.25s;color:var(--royal);font-weight:700}
.faq-item.open .ar{transform:rotate(45deg);background:var(--royal);color:#fff}
.faq-a{max-height:0;overflow:hidden;transition:max-height .3s ease;padding:0 22px}
.faq-item.open .faq-a{max-height:340px;padding-bottom:20px}
.faq-a p{color:var(--muted);font-size:14.5px}

/* Lead / final CTA */
.final{background:linear-gradient(150deg,var(--royal),var(--royal-deep));color:#fff;position:relative;overflow:hidden}
.final::before{content:"";position:absolute;bottom:-140px;right:-90px;width:480px;height:480px;background:radial-gradient(circle,rgba(0,173,106,.3),transparent 70%);border-radius:50%}
.final-grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:center;position:relative;z-index:2}
.final h2{font-size:clamp(26px,4vw,38px);font-weight:800;margin-bottom:14px}
.final .lead{opacity:.92;font-size:17px;margin-bottom:24px}
.final-tr{list-style:none;display:grid;gap:12px;margin-bottom:26px}
.final-tr li{display:flex;gap:11px;align-items:center;font-size:15.5px}
.final-tr .ti{width:34px;height:34px;border-radius:10px;background:rgba(255,255,255,.13);display:grid;place-items:center;flex:none}
.final-tr .ti svg{width:18px;height:18px;color:#7ff0c0}
.final-wa{margin-top:8px}
.lead-card{background:#fff;color:var(--ink);border-radius:var(--r-lg);padding:30px;box-shadow:var(--shadow-lg)}
.lead-card h3{font-family:'Cairo';font-size:21px;font-weight:700;margin-bottom:5px}
.lead-card .sub{color:var(--muted);font-size:14px;margin-bottom:20px}
.fld{margin-bottom:14px}
.fld label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px;color:var(--ink)}
.fld input,.fld select{width:100%;padding:13px 15px;border:1.5px solid var(--line);border-radius:11px;font-family:inherit;font-size:14.5px;background:var(--bg-soft);transition:.2s}
.fld input:focus,.fld select:focus{outline:none;border-color:var(--royal);background:#fff}
.fld-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.lead-card .btn{width:100%;margin-top:6px;font-size:16.5px;padding:16px}
.lead-note{text-align:center;font-size:12px;color:var(--muted);margin-top:12px;display:flex;align-items:center;justify-content:center;gap:6px}
.lead-note svg{width:14px;height:14px;color:var(--green)}
.lead-ok{display:none;text-align:center;padding:20px 0}
.lead-ok.show{display:block}
.lead-ok .ok-ic{width:64px;height:64px;border-radius:50%;background:#e2f7ee;color:var(--green);display:grid;place-items:center;margin:0 auto 16px}
.lead-ok .ok-ic svg{width:32px;height:32px}
.lead-ok h3{margin-bottom:8px}.lead-ok p{color:var(--muted);font-size:14.5px}

/* Footer */
.ftr{background:var(--ink);color:#aeb9cc;padding:40px 0 28px;text-align:center}
.ftr img{height:30px;margin:0 auto 16px;}
.ftr-links{display:flex;justify-content:center;gap:22px;flex-wrap:wrap;margin-bottom:18px;font-size:14px}
.ftr-links a:hover{color:#fff}
.ftr-copy{font-size:12.5px;opacity:.6}
.ftr-copy a{color:#8fd0f5}

/* Sticky mobile bar */
.sticky{position:fixed;bottom:0;right:0;left:0;z-index:70;background:#fff;border-top:1px solid var(--line);box-shadow:0 -6px 24px rgba(22,48,95,.12);padding:10px 12px;display:none;gap:9px}
.sticky .btn{flex:1;padding:13px 8px;font-size:14px}
.sticky .btn-call{background:var(--royal);color:#fff}

/* WhatsApp float */
.wa-float{position:fixed;bottom:24px;left:24px;z-index:65;width:58px;height:58px;border-radius:50%;background:var(--turq);display:grid;place-items:center;box-shadow:0 10px 30px rgba(18,182,168,.4);transition:.25s}
.wa-float:hover{transform:scale(1.08)}
.wa-float svg{width:30px;height:30px;color:#fff}

/* Responsive */
@media(max-width:920px){
  .hero-grid,.prob-grid,.beva-grid,.final-grid{grid-template-columns:1fr;gap:34px}
  .uni-grid,.cap-grid,.sec-grid,.pkg-cards,.pts-grid,.pkg-cost-row{grid-template-columns:1fr 1fr}
  .why-grid{grid-template-columns:1fr 1fr}
  .beva-grid{direction:ltr}.beva-grid>*{direction:rtl}
}
@media(max-width:600px){
  section{padding:52px 0}
  .hdr-phone{display:none}
  .uni-grid,.cap-grid,.sec-grid,.pkg-cards,.pts-grid,.why-grid,.pkg-cost-row,.fld-row{grid-template-columns:1fr}
  .hero{padding-bottom:40px}
  .sticky{display:flex}
  .wa-float{display:none}
  body{padding-bottom:70px}
  .hero-cta .btn{flex:1}
}

/* ===== AI Voice Agent card ===== */
.agentcard{position:relative;background:linear-gradient(160deg,#16305f,#214895 60%,#1f5a9e);border-radius:26px;padding:34px 26px 26px;text-align:center;box-shadow:0 30px 80px rgba(22,48,95,.35);overflow:hidden;color:#fff}
.ac-glow{position:absolute;top:-40%;left:50%;transform:translateX(-50%);width:130%;height:80%;background:radial-gradient(ellipse at center,rgba(0,173,106,.5),transparent 62%);filter:blur(10px);animation:acglow 6s ease-in-out infinite}
@keyframes acglow{0%,100%{opacity:.55} 50%{opacity:.9}}
.ac-status{position:relative;display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:600;color:#bfe9d6;background:rgba(0,173,106,.18);border:1px solid rgba(0,173,106,.4);padding:6px 14px;border-radius:100px;margin-bottom:20px}
.ac-dot{width:8px;height:8px;border-radius:50%;background:#2fe39b;box-shadow:0 0 0 0 rgba(47,227,155,.6);animation:acdot 1.6s infinite}
@keyframes acdot{0%,100%{box-shadow:0 0 0 0 rgba(47,227,155,.6)} 50%{box-shadow:0 0 0 7px rgba(47,227,155,0)}}
.ac-orb-wrap{position:relative;width:112px;height:112px;margin:6px auto 16px}
.ac-orb{position:absolute;inset:22px;border-radius:50%;background:linear-gradient(140deg,#00d486,#35A0DA);display:grid;place-items:center;box-shadow:0 10px 34px rgba(0,173,106,.55);z-index:2}
.ac-orb svg{width:32px;height:32px;color:#fff}
.ac-ring{position:absolute;inset:0;border:2px solid rgba(47,227,155,.55);border-radius:50%;animation:acring 2.6s ease-out infinite}
.ac-ring.r2{animation-delay:.8s;border-color:rgba(53,160,218,.5)} .ac-ring.r3{animation-delay:1.6s;border-color:rgba(255,255,255,.35)}
@keyframes acring{0%{transform:scale(.55);opacity:.9} 100%{transform:scale(1.15);opacity:0}}
.ac-name{font-family:'Cairo';font-size:22px;font-weight:800}
.ac-role{font-size:13px;color:#a9c6ec;margin-bottom:18px}
.ac-wave{display:flex;align-items:center;justify-content:center;gap:3px;height:40px;margin-bottom:14px}
.ac-wave i{width:4px;border-radius:4px;background:linear-gradient(#2fe39b,#35A0DA);animation:acw 1s ease-in-out infinite}
.ac-wave i:nth-child(odd){animation-duration:.85s} .ac-wave i:nth-child(3n){animation-duration:1.2s;background:linear-gradient(#35A0DA,#7fe3ff)}
.ac-wave i:nth-child(1){animation-delay:0s}.ac-wave i:nth-child(2){animation-delay:.08s}.ac-wave i:nth-child(3){animation-delay:.16s}.ac-wave i:nth-child(4){animation-delay:.24s}.ac-wave i:nth-child(5){animation-delay:.32s}.ac-wave i:nth-child(6){animation-delay:.4s}.ac-wave i:nth-child(7){animation-delay:.12s}.ac-wave i:nth-child(8){animation-delay:.2s}.ac-wave i:nth-child(9){animation-delay:.28s}.ac-wave i:nth-child(10){animation-delay:.36s}.ac-wave i:nth-child(11){animation-delay:.06s}.ac-wave i:nth-child(12){animation-delay:.18s}.ac-wave i:nth-child(13){animation-delay:.3s}.ac-wave i:nth-child(14){animation-delay:.24s}.ac-wave i:nth-child(15){animation-delay:.1s}.ac-wave i:nth-child(16){animation-delay:.34s}.ac-wave i:nth-child(17){animation-delay:.14s}.ac-wave i:nth-child(18){animation-delay:.26s}.ac-wave i:nth-child(19){animation-delay:.04s}.ac-wave i:nth-child(20){animation-delay:.22s}.ac-wave i:nth-child(21){animation-delay:.16s}
@keyframes acw{0%,100%{height:22%}50%{height:100%}}
.ac-caption{min-height:22px;font-size:14px;color:#dbe8fb;margin-bottom:20px;font-weight:500}
.ac-cursor{display:inline-block;width:2px;height:15px;background:#2fe39b;margin-inline-start:2px;vertical-align:-2px;animation:accur 1s steps(1) infinite}
@keyframes accur{50%{opacity:0}}
.ac-btn{width:100%;background:linear-gradient(135deg,#00d486,#00AD6A);color:#fff;font-size:16.5px;padding:16px;box-shadow:0 14px 34px rgba(0,173,106,.45)}
.ac-btn:hover{transform:translateY(-2px);box-shadow:0 18px 42px rgba(0,173,106,.55)}
.ac-btn svg{width:20px;height:20px}
.ac-foot{font-size:12px;color:#9fbde6;margin-top:14px}

/* ===== G2 section ===== */
.g2sec{position:relative;background:linear-gradient(180deg,#fff,var(--bg-soft));overflow:hidden}
.g2-bg{position:absolute;inset:0;background:radial-gradient(600px 300px at 85% 0,rgba(53,160,218,.10),transparent 60%),radial-gradient(500px 300px at 10% 100%,rgba(0,173,106,.08),transparent 60%);pointer-events:none}
.g2-highlights{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:34px;position:relative}
.g2-hl{background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 22px;text-align:center;box-shadow:var(--shadow-sm);min-width:180px}
.g2-hl b{display:block;font-family:'Cairo';font-weight:800;font-size:18px;color:#ff492c}
.g2-hl span{font-size:12.5px;color:var(--muted)}
.g2-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative;max-width:920px;margin:0 auto}
.g2-badge{background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;display:grid;place-items:center;box-shadow:var(--shadow-sm);transition:.3s;opacity:0;transform:translateY(16px)}
.g2-badge.in{opacity:1;transform:none}
.g2-badge:hover{transform:translateY(-6px);box-shadow:var(--shadow)}
.g2-badge img{height:118px;width:auto;filter:drop-shadow(0 6px 12px rgba(22,48,95,.12))}
.g2-link{text-align:center;margin-top:24px;font-size:13px;color:var(--muted);position:relative}
.g2-link a{color:var(--sky);font-weight:600}

/* ===== Challenge flow ===== */
.problem{position:relative;overflow:hidden}
.ch-bg{position:absolute;inset:0;background:radial-gradient(700px 340px at 50% -10%,rgba(53,160,218,.10),transparent 60%);pointer-events:none}
.ch-flow{position:relative;display:grid;grid-template-columns:1fr auto 1fr;gap:26px;align-items:center;max-width:1000px;margin:0 auto}
.ch-col{display:grid;gap:12px}
.ch-tag{justify-self:start;font-family:'Cairo';font-weight:700;font-size:13px;padding:5px 14px;border-radius:100px;margin-bottom:4px}
.ch-tag.red{color:#e05a5a;background:#fdecec} .ch-tag.green{color:var(--green-deep);background:#e2f7ee}
.ch-chip{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid var(--line);border-radius:14px;padding:14px 16px;font-size:14.5px;box-shadow:var(--shadow-sm);transition:.3s}
.ch-chip .ci{width:26px;height:26px;border-radius:8px;background:#fdecec;color:#e05a5a;display:grid;place-items:center;flex:none;font-weight:700;font-size:13px}
.ch-chip.ok{border-color:#d7f2e6}
.ch-chip.ok .ci.g{background:#e2f7ee;color:var(--green-deep)}
.ch-out .ch-chip:hover{transform:translateX(-4px);border-color:var(--green)}
.ch-core{position:relative;width:150px;height:150px;display:grid;place-items:center}
.cc-node{width:82px;height:82px;border-radius:24px;background:linear-gradient(140deg,var(--royal),var(--royal-deep));display:grid;place-items:center;box-shadow:0 16px 40px rgba(33,72,149,.4);z-index:2;position:relative}
.cc-node svg{width:42px;height:42px;color:#7fe3ff}
.cc-ring{position:absolute;width:100%;height:100%;border:2px dashed rgba(33,72,149,.3);border-radius:50%;animation:ccspin 14s linear infinite}
.cc-ring.d2{width:74%;height:74%;border-color:rgba(0,173,106,.35);animation-duration:9s;animation-direction:reverse}
.cc-ring.d3{width:124%;height:124%;border-style:solid;border-color:rgba(53,160,218,.18);animation-duration:20s}
@keyframes ccspin{to{transform:rotate(360deg)}}
.cc-label{position:absolute;bottom:-30px;font-family:'Cairo';font-weight:700;font-size:13px;color:var(--royal);white-space:nowrap}

/* scroll reveal */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .6s ease,transform .6s ease}
.reveal.in{opacity:1;transform:none}
.ch-prob.in{transition-delay:0s}.ch-core.in{transition-delay:.15s}.ch-out.in{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.reveal,.g2-badge{opacity:1!important;transform:none!important}}

@media(max-width:920px){
  .g2-badges{grid-template-columns:repeat(3,1fr)}
  .ch-flow{grid-template-columns:1fr;gap:20px;max-width:520px}
  .ch-core{transform:rotate(90deg);margin:8px auto}.cc-label{transform:rotate(-90deg);bottom:auto;right:-46px}
  .ch-out .ch-chip:hover{transform:none}
}
@media(max-width:600px){
  .g2-badges{grid-template-columns:repeat(2,1fr)}
  .g2-badge img{height:96px}
  .agentcard{padding:28px 20px 22px}
}