*{margin:0;padding:0;box-sizing:border-box}
:root{
  --bg:#0b1120;--bg2:#0e1527;
  --blue:#5b8def;--cyan:#2dd4bf;--purple:#8b5cf6;
  --green:#10b981;--orange:#f59e0b;--red:#ef4444;
  --white:#fff;--gray:#9aa5b8;--muted:#7d8799;
  --card:#121a2c;--border:#1d283f;
}
*{-webkit-tap-highlight-color:transparent}
body{background:var(--bg);color:var(--white);font-family:'DM Sans',sans-serif;line-height:1.6;font-size:15px}
.wrap{max-width:680px;margin:0 auto;padding:0 18px}
a{color:inherit;text-decoration:none}

/* HERO */
.hero{background:linear-gradient(160deg,#0b1120,#0d1630,#0e1b3f);padding:52px 18px 44px;text-align:center;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse 60% 40% at 80% 20%,rgba(91,141,239,.14),transparent),radial-gradient(ellipse 40% 30% at 20% 80%,rgba(45,212,191,.09),transparent);pointer-events:none}
.z-badge{display:inline-flex;align-items:center;gap:10px;margin-bottom:22px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:100px;padding:6px 16px 6px 8px}
.z-icon{width:32px;height:32px;background:var(--blue);border-radius:8px;display:grid;place-items:center;font-family:'Syne',sans-serif;font-weight:800;font-size:16px}
.z-name{font-family:'Syne',sans-serif;font-weight:800;font-size:15px;letter-spacing:.3px}
.hero-tag{display:inline-block;background:rgba(91,141,239,.15);border:1px solid rgba(91,141,239,.3);color:#8fb0f5;font-size:11px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;padding:5px 14px;border-radius:100px;margin-bottom:18px}
.hero h1{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(26px,6vw,38px);line-height:1.1;margin-bottom:14px;background:linear-gradient(135deg,#fff 30%,#8fb0f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-sub{color:#9aa5b8;font-size:14px;max-width:440px;margin:0 auto 24px}
.hero-caps{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin-bottom:28px}
.cap{background:rgba(255,255,255,.05);border:1px solid var(--border);border-radius:100px;padding:5px 13px;font-size:12px;font-weight:500;color:#cbd5e1}
.cta-row{display:flex;gap:10px;justify-content:center;flex-wrap:wrap}
.btn-primary{background:var(--blue);color:#fff;padding:14px 28px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;transition:opacity .2s;cursor:pointer}
.btn-primary:hover{opacity:.85}
.btn-wa{background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;padding:14px 28px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;transition:opacity .2s}
.btn-wa:hover{opacity:.85}
.btn-ghost{background:rgba(255,255,255,.06);color:#fff;padding:14px 28px;border-radius:12px;font-weight:600;font-size:14px;text-decoration:none;display:inline-block;border:1px solid var(--border);transition:background .2s}
.btn-ghost:hover{background:rgba(255,255,255,.1)}

/* SECTIONS */
.sec{padding:40px 18px}
.sec.alt{background:var(--bg2)}
.sec-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;color:var(--cyan);font-weight:600;margin-bottom:8px}
.sec-title{font-family:'Syne',sans-serif;font-weight:700;font-size:22px;margin-bottom:8px}
.sec-sub{color:var(--gray);font-size:13px;margin-bottom:24px}

/* PROBLEMS */
.prob-list{display:flex;flex-direction:column;gap:8px;margin-bottom:20px}
.prob-item{display:flex;align-items:flex-start;gap:12px;background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.15);border-radius:10px;padding:13px 16px}
.prob-x{color:#f87171;font-size:16px;font-weight:700;min-width:20px;margin-top:1px}
.prob-item p{font-size:13px;color:#e2e8f0;line-height:1.5}
.solution-bar{background:linear-gradient(135deg,rgba(91,141,239,.12),rgba(45,212,191,.08));border:1px solid rgba(91,141,239,.25);border-radius:10px;padding:14px 18px;text-align:center;font-size:13px;font-weight:500;color:#8fb0f5}

/* SERVICE CARDS */
.svc-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.svc-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}
.svc-icon{font-size:26px;margin-bottom:10px}
.svc-card h3{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;margin-bottom:6px}
.svc-card p{font-size:12px;color:var(--gray);margin-bottom:12px;line-height:1.5}
.svc-items{display:flex;flex-direction:column;gap:4px}
.svc-items span{font-size:11.5px;color:#9aa5b8;display:flex;align-items:center;gap:6px}
.svc-items span::before{content:'→';color:var(--cyan);font-size:10px;flex-shrink:0}

/* AUTOMATION FLOW */
.flow{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px;margin-bottom:16px}
.flow-step{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}
.flow-step:last-child{border-bottom:none}
.flow-num{width:28px;height:28px;background:linear-gradient(135deg,var(--blue),var(--purple));border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;flex-shrink:0}
.flow-step p{font-size:13px;color:#e2e8f0;flex:1}
.flow-tag{font-size:10px;background:rgba(45,212,191,.15);color:var(--cyan);padding:2px 8px;border-radius:100px;white-space:nowrap}

/* PROOF */
.proof-section-label{font-size:12px;font-weight:600;color:var(--cyan);margin:16px 0 8px;letter-spacing:.3px}
.proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:10px}
.proof-card{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden}
.proof-card .cap{font-size:10px;font-weight:600;color:var(--cyan);padding:8px 10px 4px;background:var(--card)}
.proof-card img{width:100%;display:block}
.proof-wide{background:var(--card);border:1px solid var(--border);border-radius:10px;overflow:hidden;margin-bottom:10px}
.proof-wide .cap{font-size:10px;font-weight:600;color:var(--cyan);padding:8px 10px 4px}
.proof-wide img{width:100%;display:block}
.video-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
.vid-card{border-radius:10px;overflow:hidden;border:1px solid var(--border);text-decoration:none;display:block;transition:transform .2s}
.vid-card:hover{transform:scale(1.02)}
.vid-inner{padding:24px 12px;text-align:center}
.vid-inner.ugc{background:linear-gradient(135deg,#0d1530,#1a1b45)}
.vid-inner.cgi1{background:linear-gradient(135deg,#0c1b33,#0e1c30)}
.vid-inner.cgi2{background:linear-gradient(135deg,#0d1a0a,#0c1b33)}
.vid-inner.ugc2{background:linear-gradient(135deg,#1a1238,#1d1030)}
.play{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;margin:0 auto 8px;font-size:14px}
.play.blue{background:rgba(91,141,239,.85)}
.play.cyan{background:rgba(45,212,191,.8)}
.play.green{background:rgba(16,185,129,.8)}
.play.purple{background:rgba(139,92,246,.8)}
.vid-title{font-size:12px;font-weight:600;color:#fff}
.vid-sub{font-size:10px;color:var(--gray);margin-top:2px}
.vid-tag{display:inline-block;font-size:10px;font-weight:600;padding:2px 8px;border-radius:100px;margin-top:5px}
.tag-ugc{background:rgba(91,141,239,.3);color:#8fb0f5}
.tag-cgi{background:rgba(45,212,191,.2);color:#7ee8da}

/* WHY */
.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.why-item{background:var(--card);border:1px solid rgba(16,185,129,.2);border-radius:10px;padding:14px;display:flex;gap:10px}
.why-tick{color:#34d399;font-size:16px;min-width:20px;margin-top:1px}
.why-item p{font-size:12.5px;color:#e2e8f0;line-height:1.5}

/* PRICING */
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.price-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}
.price-card.featured{background:linear-gradient(145deg,#1a1b45,#1b1d4a);border-color:rgba(139,92,246,.4)}
.price-card.dark{background:linear-gradient(145deg,#0c1730,#0b1222);border-color:rgba(45,212,191,.3)}
.price-badge{font-size:10px;font-weight:700;letter-spacing:1px;color:#f59e0b;margin-bottom:6px}
.price-card h3{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;margin-bottom:4px}
.price-amount{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;margin-bottom:4px;color:var(--white)}
.price-card.featured .price-amount{color:#b9a2fb}
.price-card.dark .price-amount{color:var(--cyan)}
.price-sub{font-size:11px;color:var(--gray);margin-bottom:12px}
.price-feats{display:flex;flex-direction:column;gap:5px}
.price-feats span{font-size:11.5px;color:var(--gray);display:flex;gap:6px;align-items:flex-start;line-height:1.4}
.price-feats span.yes::before{content:'✓';color:#34d399;font-weight:700;flex-shrink:0}
.price-note{background:rgba(139,92,246,.1);border:1px solid rgba(139,92,246,.2);border-radius:8px;padding:10px 14px;font-size:12px;color:#b9a2fb;text-align:center;margin-top:10px;grid-column:1/-1}

/* FAQ */
.faq-list{display:flex;flex-direction:column;gap:8px}
.faq-item{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:14px 16px;display:flex;justify-content:space-between;align-items:center;gap:12px}
.faq-item p{font-size:13px;color:#e2e8f0}
.yes-tag{font-size:11px;font-weight:600;background:rgba(16,185,129,.15);color:#34d399;padding:3px 10px;border-radius:100px;white-space:nowrap;flex-shrink:0}

/* CTA FOOTER */
.cta-footer{background:linear-gradient(135deg,#0d1530,#1a1b45,#0d1530);border-top:1px solid rgba(91,141,239,.3);padding:44px 18px;text-align:center}
.cta-footer h2{font-family:'Syne',sans-serif;font-weight:800;font-size:26px;margin-bottom:10px;background:linear-gradient(135deg,#fff,#8fb0f5);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.cta-footer .sub{color:#9aa5b8;font-size:13px;margin-bottom:28px}
.contact-row{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:16px}
.contact-btn{display:block;background:rgba(255,255,255,.06);border:1px solid var(--border);border-radius:12px;padding:14px 22px;text-decoration:none;min-width:190px;transition:background .2s}
.contact-btn:hover{background:rgba(255,255,255,.1)}
.contact-btn .cl{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:var(--cyan);margin-bottom:4px}
.contact-btn .cv{font-family:'Syne',sans-serif;font-weight:700;font-size:14px;color:#fff}
.footer-note{font-size:11px;color:var(--muted)}



@media(max-width:480px){
  .svc-grid,.proof-grid,.video-grid,.why-grid,.price-grid{grid-template-columns:1fr}
  .cta-row{flex-direction:column;align-items:stretch}
  .btn-primary,.btn-wa,.btn-ghost{text-align:center}
  .contact-row{flex-direction:column;align-items:stretch}
  .contact-btn{min-width:unset}
}

/* GEO PRICING TOGGLE */
html[data-geo="intl"] .price-in{display:none}
html[data-geo="in"] .price-intl{display:none}
html:not([data-geo]) .price-in{display:none}
.geo-toggle{font-size:11px;color:var(--gray);text-align:center;margin-top:10px}
.geo-toggle a{color:var(--cyan);text-decoration:underline;cursor:pointer}


/* =====================================================================
   PDF-ALIGNED THEME (navy + blue / teal / purple) — additions
   ===================================================================== */
:root{--teal:#2dd4bf;--c-blue:#5b8def;--c-teal:#2dd4bf;--c-purple:#8b5cf6}
html{scroll-behavior:smooth;scroll-padding-top:76px}
.wrap{max-width:1040px}
.hero-sub{max-width:580px}
.btn-primary{color:#0b1120}
.hero-tag{color:#8fb0f5}
.cta-row .btn-primary,.cta-row .btn-wa,.cta-row .btn-ghost{min-width:170px;text-align:center}
.svc-grid{grid-template-columns:repeat(3,1fr)}
.price-grid{grid-template-columns:1fr 1fr}
.price-grid.three{grid-template-columns:repeat(3,1fr)}
.price-badge{color:#2dd4bf}
.sec-label.blue{color:#5b8def}.sec-label.purple{color:#8b5cf6}
.prob-item{background:rgba(239,68,68,.05);border-color:rgba(239,68,68,.14)}
.solution-bar{color:#8fb0f5}
.why-item{border-color:rgba(45,212,191,.22)}
.why-tick{color:#2dd4bf}
.yes-tag{background:rgba(45,212,191,.14);color:#2dd4bf}
.price-feats span.yes::before{color:#2dd4bf}

/* icon circle (matches the PDF's outlined icons) */
.ic{--c:#5b8def;width:44px;height:44px;border-radius:50%;border:1.5px solid var(--c);color:var(--c);display:grid;place-items:center;flex:none;background:rgba(255,255,255,.02)}
.ic svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.ic.sm{width:36px;height:36px}.ic.sm svg{width:17px;height:17px}
.c-blue{--c:#5b8def}.c-teal{--c:#2dd4bf}.c-purple{--c:#8b5cf6}

/* ---------- top navbar ---------- */
.topbar{position:sticky;top:0;z-index:60;background:rgba(11,17,32,.9);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.topbar-in{max-width:1040px;margin:0 auto;padding:0 18px;height:60px;display:flex;align-items:center;gap:12px}
.menu-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:#fff;display:grid;place-items:center;cursor:pointer;flex:none}
.menu-btn:hover{border-color:#5b8def}
.menu-btn svg,.sb-close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.brand{display:flex;align-items:center;gap:9px;font-family:'Syne',sans-serif;font-weight:800;font-size:15px;letter-spacing:.3px;white-space:nowrap}
.brand .z-icon{width:30px;height:30px;font-size:15px}
.brand b{color:#5b8def;font-weight:800}
.topnav{display:none;margin-left:auto;align-items:center;gap:2px}
.topnav>a,.dd-btn{font-size:13px;font-weight:500;color:var(--gray);padding:8px 12px;border-radius:8px;background:none;border:0;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:5px}
.topnav>a:hover,.dd-btn:hover,.topnav>a.active,.dd-btn.active{color:#fff;background:rgba(255,255,255,.05)}
.dd-btn svg{width:13px;height:13px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.dd{position:relative}
.dd-menu{display:none;position:absolute;top:100%;left:0;min-width:290px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:8px;box-shadow:0 20px 44px rgba(0,0,0,.5)}
.dd:hover .dd-menu,.dd:focus-within .dd-menu{display:block}
.dd-menu a{display:flex;align-items:center;gap:11px;padding:9px 10px;border-radius:10px;font-size:13px;color:#e2e8f0}
.dd-menu a:hover,.dd-menu a.active{background:rgba(255,255,255,.05)}
.dd-menu a small{display:block;font-size:11px;color:var(--gray)}
.dd-menu hr{border:0;border-top:1px solid var(--border);margin:6px 4px}
.nav-cta{margin-left:auto;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-size:13px;font-weight:600;padding:9px 16px;border-radius:10px;white-space:nowrap}
.nav-cta:hover{opacity:.9}

/* ---------- sidebar drawer ---------- */
.scrim{position:fixed;inset:0;background:rgba(3,6,14,.65);opacity:0;pointer-events:none;transition:opacity .25s;z-index:70}
.sidebar{position:fixed;top:0;left:0;bottom:0;width:min(330px,88vw);background:var(--bg2);border-right:1px solid var(--border);transform:translateX(-100%);visibility:hidden;transition:transform .28s ease,visibility 0s .28s;z-index:80;overflow-y:auto;padding:16px 14px 30px}
body.nav-open .sidebar{transform:none;visibility:visible;transition:transform .28s ease,visibility 0s 0s}
body.nav-open .scrim{opacity:1;pointer-events:auto}
body.nav-open{overflow:hidden}
.sb-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.sb-close{width:38px;height:38px;border-radius:10px;border:1px solid var(--border);background:var(--card);color:#fff;display:grid;place-items:center;cursor:pointer}
.sb-label{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--teal);margin:18px 8px 8px}
.sb-link{display:flex;align-items:center;gap:12px;padding:9px 8px;border-radius:12px;font-size:13.5px;font-weight:500;color:#e2e8f0}
.sb-link:hover,.sb-link.active{background:rgba(255,255,255,.05)}
.sb-link.active{box-shadow:inset 3px 0 0 var(--c,#5b8def)}
.sb-link small{display:block;font-size:11px;color:var(--gray);font-weight:400}
.sb-cta{display:block;margin-top:18px;text-align:center;background:linear-gradient(135deg,#25d366,#128c7e);color:#fff;font-weight:600;font-size:14px;padding:13px;border-radius:12px}
.sb-mail{display:block;text-align:center;font-size:12px;color:var(--gray);margin-top:10px}

@media(min-width:900px){
  .topnav{display:flex}
  .nav-cta{margin-left:8px}
}

/* ---------- home: service link cards ---------- */
a.svc-card{display:block;transition:border-color .2s,transform .2s}
a.svc-card:hover{border-color:var(--c,#5b8def);transform:translateY(-2px)}
a.svc-card .ic{margin-bottom:12px}
.svc-more{display:inline-block;margin-top:14px;font-size:12px;font-weight:600;color:var(--c,#5b8def)}
.svc-card .svc-items span::before{color:var(--c,#2dd4bf)}

/* ---------- pricing rows (PDF "Your Investment" slide) ---------- */
.invest{display:flex;flex-direction:column;gap:12px}
.invest-row{--c:#5b8def;display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px;transition:border-color .2s,transform .2s}
a.invest-row:hover{border-color:var(--c);transform:translateY(-1px)}
.ir-main h3{font-family:'Syne',sans-serif;font-weight:700;font-size:16px;margin-bottom:4px}
.ir-main p{font-size:13px;color:var(--gray);max-width:520px;line-height:1.5}
.ir-price{text-align:right}
.ir-amt{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;color:var(--c);white-space:nowrap}
.ir-sub{font-size:12px;color:var(--muted);margin-top:4px}
.invest-note{font-size:12px;font-style:italic;color:var(--muted);text-align:center;margin-top:16px}
@media(max-width:720px){
  .invest-row{grid-template-columns:auto 1fr}
  .ir-price{grid-column:1/-1;text-align:left;padding-top:4px;border-top:1px solid var(--border)}
  .ir-amt{font-size:20px;margin-top:10px}
}

/* ---------- service pages ---------- */
.crumbs{font-size:12px;color:var(--gray);margin-bottom:14px}
.crumbs a:hover{color:#fff}.crumbs span{margin:0 6px;opacity:.5}
.pg-hero{text-align:center}
.pg-hero .ic{margin:0 auto 16px;width:56px;height:56px}.pg-hero .ic svg{width:27px;height:27px}
.pg-hero .hero-tag{margin-bottom:14px}
.ps-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.ps-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:20px 22px}
.ps-card .k{font-size:10.5px;letter-spacing:2px;text-transform:uppercase;font-weight:700;margin-bottom:8px}
.ps-card.prob .k{color:#f87171}
.ps-card.sol{border-color:rgba(var(--rgb,91,141,239),.45)}
.ps-card.sol .k{color:var(--c,#5b8def)}
.ps-card p{font-size:15px;color:#e2e8f0;line-height:1.55}
.inc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}
.inc-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px}
.inc-card .ic{margin-bottom:12px}
.inc-card h3{font-family:'Syne',sans-serif;font-weight:700;font-size:14.5px;margin-bottom:5px}
.inc-card p{font-size:12.5px;color:var(--gray);line-height:1.55}
.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}
.step{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;position:relative}
.step .n{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;color:#34456b;margin-bottom:6px}
.step h3{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;margin-bottom:5px}
.step p{font-size:12.5px;color:var(--gray);line-height:1.55}
.feat-box{background:var(--card);border:1.5px solid rgba(139,92,246,.6);border-radius:16px;padding:22px 24px;display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:center}
.feat-box .k{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:#8b5cf6;margin-bottom:6px}
.feat-box h3{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;margin-bottom:6px}
.feat-box p{font-size:13px;color:var(--gray)}
.feat-box ul{list-style:none;display:flex;flex-direction:column;gap:9px}
.feat-box li{font-size:13.5px;display:flex;align-items:center;gap:10px}
.feat-box li::before{content:'';width:9px;height:9px;border-radius:50%;background:#2dd4bf;flex:none}
.feat-box a.lnk{display:inline-block;margin-top:12px;font-size:12.5px;font-weight:600;color:#8fb0f5}
.own-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.own-card{background:var(--card);border:1.5px solid rgba(91,141,239,.45);border-radius:14px;padding:18px;display:flex;gap:14px;align-items:flex-start}
.own-card:nth-child(2){border-color:rgba(45,212,191,.45)}.own-card:nth-child(3){border-color:rgba(139,92,246,.5)}
.own-card h3{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;margin-bottom:3px}
.own-card p{font-size:12.5px;color:var(--gray)}
.proof-link{display:flex;align-items:center;justify-content:space-between;gap:14px;background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px 22px}
.proof-link p{font-size:13.5px;color:#e2e8f0}.proof-link p small{display:block;font-size:12px;color:var(--gray);margin-top:2px}
.other-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.other-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;font-size:13px;font-weight:600;transition:border-color .2s}
.other-card:hover{border-color:var(--c,#5b8def)}
.pg-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}
.btn-line{display:inline-block;padding:13px 24px;border-radius:12px;font-weight:600;font-size:14px;border:1.5px solid var(--c,#8b5cf6);color:var(--c,#8b5cf6)}
.btn-line:hover{background:rgba(255,255,255,.04)}

@media(max-width:899px){
  .svc-grid{grid-template-columns:1fr 1fr}
  .inc-grid,.price-grid.three,.other-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr 1fr}
}
@media(max-width:640px){
  .ps-grid,.feat-box,.own-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .svc-grid,.inc-grid,.price-grid.three,.other-grid,.steps{grid-template-columns:1fr}
  .proof-link{flex-direction:column;align-items:flex-start}
}

/* =====================================================================
   INDUSTRIES, CALCULATOR, ERP BLOCK
   ===================================================================== */
.band{background:linear-gradient(135deg,rgba(91,141,239,.10),rgba(45,212,191,.07));border:1px solid rgba(91,141,239,.25);border-radius:16px;padding:22px 24px;text-align:center}
.band h2{font-family:'Syne',sans-serif;font-weight:800;font-size:clamp(20px,3.4vw,28px);line-height:1.2;margin-bottom:8px}
.band p{color:var(--gray);font-size:14px;max-width:640px;margin:0 auto}
.chips{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-top:14px}
.chip{display:inline-flex;align-items:center;gap:7px;background:rgba(255,255,255,.04);border:1px solid var(--border);border-radius:100px;padding:6px 13px;font-size:12px;font-weight:500;color:#e2e8f0}
.chip::before{content:'';width:7px;height:7px;border-radius:50%;background:#2dd4bf}
.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}
a.ind-card{display:flex;align-items:center;gap:12px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:12px 14px;transition:border-color .2s,transform .2s}
a.ind-card:hover{border-color:var(--c,#5b8def);transform:translateY(-1px)}
.ind-card b{display:block;font-size:13px;font-weight:600;line-height:1.3}
.ind-card small{display:block;font-size:11px;color:var(--gray);margin-top:2px}
.ind-more{text-align:center;margin-top:16px}
.auto-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.auto-card{background:var(--card);border:1px solid var(--border);border-radius:14px;padding:18px;display:flex;flex-direction:column;gap:8px}
.auto-card h3{font-family:'Syne',sans-serif;font-weight:700;font-size:15px}
.auto-card p{font-size:13px;color:var(--gray);line-height:1.55}
.auto-meta{display:flex;gap:8px;flex-wrap:wrap;margin-top:auto;padding-top:4px}
.tag{font-size:10.5px;font-weight:600;padding:3px 10px;border-radius:100px;background:rgba(45,212,191,.14);color:#2dd4bf}
.tag.core{background:rgba(139,92,246,.16);color:#b9a2fb}
.tag.hrs{background:rgba(91,141,239,.14);color:#8fb0f5}
.fine{font-size:11.5px;color:var(--muted);margin-top:12px;line-height:1.5}
.note-box{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);border-radius:10px;padding:11px 14px;font-size:12.5px;color:#fcd34d;margin-top:14px}

.calc{background:var(--card);border:1px solid var(--border);border-radius:16px;padding:22px}
.calc h3{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;margin-bottom:12px}
.calc-inputs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px}
.calc-inputs label{display:block;font-size:11px;color:var(--gray);margin-bottom:5px;line-height:1.3}
.calc-inputs .fld{display:flex;align-items:center;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:0 10px}
.calc-inputs .fld:focus-within{border-color:#5b8def}
.calc-inputs .fld span{font-size:12px;color:var(--gray)}
.calc-inputs input{width:100%;background:none;border:0;outline:0;color:#fff;font-family:inherit;font-size:14px;font-weight:600;padding:10px 6px}
.calc-list{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:20px}
.calc-list label{display:flex;align-items:center;gap:10px;background:var(--bg);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12.5px;cursor:pointer}
.calc-list input{accent-color:#2dd4bf;width:16px;height:16px;flex:none}
.calc-list .nm{flex:1;line-height:1.35}
.calc-list .hh{font-size:11px;color:var(--gray);white-space:nowrap}
.calc-out{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}
.kpi{background:var(--bg);border:1px solid var(--border);border-radius:12px;padding:14px}
.kpi .k{font-size:10.5px;letter-spacing:1.5px;text-transform:uppercase;color:var(--gray);font-weight:600;margin-bottom:6px}
.kpi .v{font-family:'Syne',sans-serif;font-weight:800;font-size:22px;color:#fff}
.kpi .s{font-size:11.5px;color:var(--gray);margin-top:3px}
.kpi.hl{border-color:rgba(45,212,191,.5);background:rgba(45,212,191,.06)}
.kpi.hl .v{color:#2dd4bf}
.kpi.pl .v{color:#8fb0f5}
.calc-cta{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-top:16px}
details.how{margin-top:14px;font-size:12.5px;color:var(--gray)}
details.how summary{cursor:pointer;color:#8fb0f5;font-weight:600}
details.how table{width:100%;border-collapse:collapse;margin-top:10px;font-size:12px}
details.how th,details.how td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--border)}
details.how th{color:#e2e8f0;font-weight:600}
details.how ul{margin:8px 0 0 18px;line-height:1.6}

.erp-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:14px 0}
.erp-mod{background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;font-size:12.5px;display:flex;align-items:center;gap:8px}
.erp-mod::before{content:'';width:7px;height:7px;border-radius:50%;background:#8b5cf6;flex:none}
.erp-cols{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.erp-box{background:var(--card);border:1.5px solid rgba(139,92,246,.5);border-radius:14px;padding:18px 20px}
.erp-box h3{font-family:'Syne',sans-serif;font-weight:700;font-size:15px;margin-bottom:8px}
.erp-box ul{list-style:none;display:flex;flex-direction:column;gap:8px}
.erp-box li{font-size:13px;color:#e2e8f0;display:flex;gap:9px;line-height:1.5}
.erp-box li::before{content:'\2713';color:#2dd4bf;font-weight:700;flex:none}

@media(max-width:899px){
  .ind-grid{grid-template-columns:repeat(3,1fr)}
  .calc-inputs{grid-template-columns:repeat(3,1fr)}
  .calc-out{grid-template-columns:1fr 1fr}
  .erp-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .ind-grid{grid-template-columns:1fr 1fr}
  .auto-grid,.calc-list,.erp-cols{grid-template-columns:1fr}
  .calc-inputs{grid-template-columns:1fr 1fr}
  .calc{padding:16px}
}
@media(max-width:380px){.ind-grid,.calc-out{grid-template-columns:1fr}}

/* ---------- empathy blocks ---------- */
blockquote.hook{border-left:3px solid #2dd4bf;background:rgba(45,212,191,.05);border-radius:0 12px 12px 0;padding:16px 20px;margin:4px 0 18px;font-size:clamp(15px,2.2vw,17px);line-height:1.6;color:#e8edf7;font-style:italic}
.hook-end{font-size:13px;color:var(--gray);margin-top:14px}
.ba{display:grid;grid-template-columns:1fr;gap:8px}
.ba>div{font-size:13px;line-height:1.55;border-radius:10px;padding:10px 12px}
.ba span{display:block;font-size:10px;letter-spacing:1.5px;text-transform:uppercase;font-weight:700;margin-bottom:3px}
.ba .b{background:rgba(239,68,68,.06);border:1px solid rgba(239,68,68,.16);color:#d5dbe8}
.ba .b span{color:#f87171}
.ba .a{background:rgba(45,212,191,.07);border:1px solid rgba(45,212,191,.22);color:#e8f7f4}
.ba .a span{color:#2dd4bf}
.grp-label{font-size:11px;letter-spacing:2px;text-transform:uppercase;font-weight:700;color:var(--teal);margin:22px 2px 10px}
.grp-label:first-child{margin-top:0}
details.sb-grp{margin:2px 0}
details.sb-grp summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;padding:9px 8px;border-radius:10px;font-size:13px;font-weight:600;color:#cbd5e1}
details.sb-grp summary::-webkit-details-marker{display:none}
details.sb-grp summary:hover{background:rgba(255,255,255,.04)}
details.sb-grp summary span{font-size:11px;color:var(--muted);font-weight:500}
details.sb-grp[open] summary{color:#fff}

/* ---- chat assistant ---- */
#zc{position:fixed;right:16px;bottom:16px;z-index:60;font-family:inherit}
.zc-fab{display:flex;align-items:center;gap:8px;background:linear-gradient(135deg,#5b8def,#2dd4bf);color:#07101f;border:0;border-radius:999px;padding:12px 18px;font-weight:700;font-size:15px;cursor:pointer;box-shadow:0 8px 24px rgba(0,0,0,.4)}
.zc-box{display:none;flex-direction:column;position:absolute;right:0;bottom:56px;width:min(390px,calc(100vw - 32px));height:min(600px,calc(100vh - 100px));background:var(--bg2);border:1px solid var(--border);border-radius:16px;box-shadow:0 18px 50px rgba(0,0,0,.55);overflow:hidden}
.zc-box.open{display:flex}
.zc-head{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;padding:14px 16px;background:var(--card);border-bottom:1px solid var(--border)}
.zc-head b{display:block;color:var(--white);font-size:15px}.zc-head small{color:var(--gray);font-size:12px}
.zc-x{background:none;border:0;color:var(--gray);font-size:26px;line-height:1;cursor:pointer;padding:0 4px}
.zc-log{flex:1;overflow-y:auto;padding:14px;display:flex;flex-direction:column;gap:10px}
.zc-m{max-width:92%;padding:10px 13px;border-radius:14px;font-size:14px;line-height:1.5;color:#e6ebf5}
.zc-bot{background:var(--card);border:1px solid var(--border);align-self:flex-start}
.zc-user{background:#1f3a6b;align-self:flex-end}
.zc-m p{margin:0 0 8px}.zc-m p:last-child{margin-bottom:0}
.zc-m ul{margin:4px 0 8px;padding-left:18px}.zc-m li{margin:3px 0}
.zc-q{font-style:italic;color:#cfe3ff;border-left:3px solid var(--cyan);padding-left:10px}
.zc-est{background:rgba(45,212,191,.08);border:1px solid rgba(45,212,191,.3);border-radius:10px;padding:8px 10px}
.zc-sm{color:var(--gray);font-size:12.5px}
.zc-acts{display:flex;flex-wrap:wrap;gap:8px;margin-top:8px}
.zc-btn{display:inline-block;background:linear-gradient(135deg,#5b8def,#2dd4bf);color:#07101f!important;font-weight:700;font-size:13px;padding:8px 12px;border-radius:999px;text-decoration:none}
.zc-chips{display:flex;flex-wrap:wrap;gap:8px}
.zc-chips button{background:transparent;border:1px solid var(--blue);color:#cfe3ff;border-radius:999px;padding:7px 12px;font-size:13px;cursor:pointer}
.zc-chips button:hover{background:rgba(91,141,239,.18)}
.zc-form{display:flex;gap:8px;padding:10px;border-top:1px solid var(--border);background:var(--card)}
.zc-form input{flex:1;min-width:0;background:var(--bg);border:1px solid var(--border);color:var(--white);border-radius:10px;padding:10px 12px;font-size:16px}
.zc-form button{background:var(--blue);border:0;color:#fff;font-weight:700;border-radius:10px;padding:0 14px;cursor:pointer}
.zc-foot{font-size:11px;color:var(--muted);text-align:center;padding:6px 10px 9px;background:var(--card)}
.zc-dots i{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--gray);margin:0 2px;animation:zcb 1s infinite}
.zc-dots i:nth-child(2){animation-delay:.15s}.zc-dots i:nth-child(3){animation-delay:.3s}
@keyframes zcb{0%,80%,100%{opacity:.3}40%{opacity:1}}
@media(max-width:520px){#zc{right:12px;bottom:12px}.zc-box{position:fixed;right:8px;left:8px;bottom:8px;width:auto;height:calc(100vh - 16px)}.zc-fab span{display:none}.zc-fab{padding:14px}}
@media print{#zc{display:none}}
.zc-cb{margin-top:10px;padding-top:8px;border-top:1px dashed var(--border);font-size:12.5px;color:var(--gray)}
.zc-cb a{color:var(--cyan);font-weight:700;text-decoration:none}
.zc-all{display:flex;flex-direction:column;gap:6px;background:var(--card);border:1px solid var(--border);border-radius:12px;padding:10px}
.zc-grp{font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin-top:6px}
.zc-note{font-size:12.5px;color:var(--gray);border-top:1px dashed var(--border);padding-top:8px;margin-top:4px}

/* ---- simple numbered services (home) ---- */
.svc-list{display:flex;flex-direction:column;gap:18px;margin-top:18px}
.svc-row{--c:#5b8def;background:var(--card);border:1px solid var(--border);border-radius:16px;padding:20px}
.svc-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.svc-num{width:34px;height:34px;border-radius:8px;background:var(--c);color:#07101f;font-weight:800;display:grid;place-items:center;flex:none}
.svc-head h3{font-size:19px;margin:0}.svc-head h3 a{color:var(--c);text-decoration:none;border-bottom:1.5px solid var(--c)}
.svc-body{display:flex;gap:16px;align-items:flex-start}
.svc-body p{color:var(--gray);margin:0 0 8px}
.svc-body ul{margin:0 0 10px;padding-left:18px;color:#e6ebf5;line-height:1.7}
.svc-nest{margin-top:16px;padding-top:14px;border-top:1px dashed var(--border)}
.svc-nest h4{margin:0 0 6px;font-size:15px;color:var(--white)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 4px}
.ind-chip{display:inline-block;border:1px solid var(--border);background:var(--bg2);color:#cfe3ff;border-radius:999px;padding:7px 12px;font-size:13px;text-decoration:none}
.ind-chip:hover{border-color:var(--c);color:var(--white)}
.ind-note{font-size:13px;color:var(--gray);margin-top:12px}.ind-note a{color:var(--cyan)}
.dd-sub{padding-left:24px!important;font-size:13px;opacity:.9}
@media(max-width:520px){.svc-body .ic{display:none}.svc-row{padding:16px}}

/* ---- clickable service boxes ---- */
.svc-short{color:var(--gray);margin:0 0 10px}
.svc-links{list-style:none;margin:0 0 12px;padding:0;display:flex;flex-direction:column;gap:6px}
.svc-links a{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:11px 14px;border:1px solid var(--border);border-radius:10px;background:var(--bg2);color:#e6ebf5;text-decoration:none;font-size:14.5px}
.svc-links a:hover{border-color:var(--c)}.svc-links i{font-style:normal;color:var(--c);font-size:20px;line-height:1}
.svc-ind{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px;margin:4px 0 14px;border:1.5px solid var(--c);border-radius:12px;background:rgba(91,141,239,.08);text-decoration:none;color:var(--white)}
.svc-ind small{display:block;color:var(--gray);margin-top:2px}.svc-ind b{font-size:24px;color:var(--c)}
.ind-callout{margin-top:18px;padding:14px 16px;border:1px dashed var(--c,#5b8def);border-radius:12px;color:#e6ebf5;font-size:14.5px}
.ind-callout a{display:inline-block;margin-left:6px;color:var(--cyan)}

.svc-bul{margin:0 0 14px;padding-left:20px;color:#e6ebf5;font-size:15.5px;line-height:1.7}
.svc-bul a{color:inherit;text-decoration:none}.svc-bul a:hover{text-decoration:underline}
.svc-bul li::marker{color:var(--c)}
.svc-sub{font-size:12px;letter-spacing:1px;text-transform:uppercase;color:var(--gray);margin:2px 0 8px}
.svc-links a strong{display:block;font-size:14.5px;color:var(--white)}
.svc-links a small{display:block;color:var(--gray);font-size:13px;margin-top:2px;line-height:1.4}
.inc-card:target,[id]:target>.inc-card{border-color:var(--c);box-shadow:0 0 0 2px var(--c)}
html{scroll-padding-top:80px}