/* Shared styles for Case Studies hub + detail pages */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
:root{
  --orange:#F06030;--orange-d:#D84A1A;--amber:#F0A000;--blue:#0090F0;
  --grad-orange:linear-gradient(135deg,#F5471A 0%,#F96B18 45%,#FF9E17 100%);
  --green:#25D366;--line:#eadfd8;--muted:#6B7280;
}
body{font-family:'Inter',system-ui,sans-serif;color:#111;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:var(--orange-d)}

/* --- simple nav --- */
.csn{display:flex;align-items:center;justify-content:space-between;padding:16px 28px;border-bottom:1px solid #eee;position:sticky;top:0;background:#fff;z-index:30}
.csn .logo img{height:40px;width:auto;display:block}
.csn nav a{margin-left:22px;text-decoration:none;color:#12233a;font-family:'Manrope',sans-serif;font-weight:700;font-size:14.5px}
.csn nav a.cta{color:#fff;background:var(--grad-orange);padding:9px 18px;border-radius:100px}
@media(max-width:620px){.csn nav a:not(.cta){display:none}}

/* --- section eyebrow / headings (from main site) --- */
.s-pre{display:table;margin:0 auto 18px 0;font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--orange-d);border:2px solid var(--orange);border-radius:6px;padding:8px 14px;transform:rotate(-2.5deg);box-shadow:inset 0 0 0 2px rgba(240,96,48,.18);background:rgba(240,96,48,.05)}
.s-h2{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1.2px;color:#0a0a0a;margin-bottom:12px;font-family:'Manrope',sans-serif}
.s-sub{font-size:17px;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.65}

/* --- case study block (verbatim from industry pages) --- */
.cs{padding:72px 0;background:linear-gradient(165deg,#1b2e46 0%,#264c72 62%,#1b2e46 100%);border-top:1px solid rgba(255,255,255,.08)}
.cs .s-h2{color:#fff}
.cs .s-sub{color:#b6c4d4}
.cs .cs-illus{color:#93a6bb}
.cs-wrap{max-width:1400px;margin:0 auto;padding:0 28px}
.cs-head{text-align:center}
.cs-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px;margin-top:44px;align-items:start;text-align:left}
.cs-story{background:#fff;border:1px solid #eef0f3;border-radius:20px;padding:34px 36px;box-shadow:0 16px 40px rgba(20,30,50,.06)}
.cs-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.cs-meta span{font-size:12.5px;font-weight:600;color:#5b6b7d;background:#faf7f5;border:1px solid var(--line);padding:5px 12px;border-radius:20px}
.cs-block{margin-bottom:22px}
.cs-block h4{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange);margin:0 0 9px}
.cs-block h4:before{content:"";width:22px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,var(--orange),var(--amber))}
.cs-block p{margin:0;font-size:15.5px;color:#3a4654;line-height:1.68}
.cs-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cs-tags i{font-style:normal;font-size:12px;font-weight:600;color:#0f6e4a;background:#e3f6ec;border:1px solid #c7ecd6;padding:3px 9px;border-radius:6px}
.cs-journey{list-style:none;margin:8px 0 0;padding:0;counter-reset:j}
.cs-journey li{counter-increment:j;position:relative;padding:0 0 14px 40px;font-size:15px;color:#3a4654;line-height:1.55}
.cs-journey li:before{content:counter(j);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.cs-journey li:not(:last-child):after{content:"";position:absolute;left:13px;top:26px;bottom:0;width:2px;background:#d7e7dd}
.cs-journey b{color:#12233a}
.cs-side{position:sticky;top:88px}
.cs-stats{position:relative;overflow:hidden;background:linear-gradient(160deg,#12233b 0%,#0b1a2e 100%);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:26px 24px;color:#fff;box-shadow:0 28px 60px rgba(6,14,28,.45)}
.cs-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--amber))}
.cs-stats:after{content:"";position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,120,40,.20),transparent 68%);pointer-events:none}
.cs-stats h4{position:relative;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#9fb2c9;margin:0 0 18px;display:flex;align-items:center;gap:9px}
.cs-stats h4:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,96,48,.18)}
.cs-stat{position:relative;padding:14px 16px 14px 20px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:104px 1fr;align-items:center;gap:14px;margin-bottom:11px}
.cs-stat:last-child{margin-bottom:0}
.cs-stat:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:linear-gradient(var(--orange),var(--amber))}
.cs-stat .n{font-family:'Manrope',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1;background:linear-gradient(90deg,#FF9E17,#F96B18);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cs-stat .l{font-size:13px;color:#c9d5e3;line-height:1.4}
.cs-quote{position:relative;background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:30px 24px 24px;margin-top:18px;box-shadow:0 12px 30px rgba(20,30,50,.05)}
.cs-quote:before{content:"\201C";position:absolute;top:6px;left:20px;font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--orange);opacity:.16}
.cs-quote p{position:relative;margin:0 0 16px;font-size:16px;font-style:italic;color:#2a3644;line-height:1.6}
.cs-who{display:flex;align-items:center;gap:12px}
.cs-av{width:44px;height:44px;border-radius:50%;background:var(--grad-orange);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-who b{display:block;font-size:14px;color:#12233a}
.cs-who span{font-size:12.5px;color:var(--muted)}
.cs-illus{font-size:12.5px;margin-top:14px;text-align:center}
@media(max-width:900px){.cs-grid{grid-template-columns:1fr}.cs-side{position:static}}

/* back link on detail pages */
.cs-back{display:inline-flex;align-items:center;gap:6px;max-width:1400px;margin:0 auto;padding:22px 28px 0;color:var(--orange-d);text-decoration:none;font-family:'Manrope',sans-serif;font-weight:700;font-size:14px}
.cs-back:hover{text-decoration:underline}

/* CTA band */
.cs-cta{background:#fff;padding:56px 24px;text-align:center}
.cs-cta h3{font-family:'Manrope',sans-serif;font-size:28px;font-weight:800;color:#12233a;margin:0 0 8px;letter-spacing:-.5px}
.cs-cta p{color:var(--muted);margin:0 0 20px}
.cs-cta a{display:inline-block;background:var(--grad-orange);color:#fff;font-family:'Manrope',sans-serif;font-weight:700;font-size:16px;padding:14px 30px;border-radius:13px;text-decoration:none;box-shadow:0 6px 18px rgba(240,80,26,.34)}

/* footer */
.lgl-foot{background:#141414;color:#c3c9d0;padding:28px 24px;text-align:center;font-size:13.5px}
.lgl-foot a{color:#e0531f;text-decoration:none;margin:0 7px}
.lgl-foot a:hover{text-decoration:underline}
.lgl-foot .cpy{margin-bottom:8px}
.lgl-foot .cpy b{color:#fff}

/* ===== Hub page ===== */
.csh-hero{background:linear-gradient(135deg,#143a63 0%,#1b5a8f 55%,#15406b 100%);color:#fff;text-align:center;padding:64px 24px 50px}
.csh-hero .kick{display:inline-block;font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:#bfe0ff;border:1.5px solid rgba(255,255,255,.4);border-radius:6px;padding:7px 14px;margin-bottom:16px}
.csh-hero h1{font-family:'Manrope',sans-serif;font-size:46px;font-weight:800;letter-spacing:-1.4px;line-height:1.1;margin:0 0 12px}
.csh-hero p{font-size:17px;color:#cfe2f3;max-width:620px;margin:0 auto;line-height:1.6}
.csh-main{max-width:1240px;margin:0 auto;padding:40px 24px 72px}
.csh-chips{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-bottom:34px}
.csh-chip{font-family:'Manrope',sans-serif;font-weight:700;font-size:14px;padding:10px 20px;border-radius:100px;border:1.5px solid #e2dcd6;background:#fff;color:#39434f;cursor:pointer;transition:all .15s}
.csh-chip:hover{border-color:#F06030;color:#D84A1A}
.csh-chip.active{background:#12233a;color:#fff;border-color:#12233a}
.csh-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px}
.csh-card{display:flex;flex-direction:column;background:#fff;border:1px solid #eef0f3;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(20,30,50,.05);text-decoration:none;transition:transform .16s,box-shadow .16s}
.csh-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px rgba(20,30,50,.12)}
.csh-tag{align-self:flex-start;font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:100px;margin-bottom:14px}
.csh-biz{display:flex;align-items:center;gap:10px;margin-bottom:12px}
.csh-av{width:34px;height:34px;border-radius:50%;background:var(--grad-orange);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:14px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.csh-biz b{display:block;font-size:14.5px;color:#12233a;font-family:'Manrope',sans-serif}
.csh-biz span{font-size:12px;color:#8a93a0}
.csh-head{font-family:'Manrope',sans-serif;font-size:18px;font-weight:700;color:#12233a;line-height:1.3;margin:0 0 14px}
.csh-stat{display:flex;align-items:baseline;gap:8px;margin-top:auto;padding-top:12px;border-top:1px solid #f0f0f2}
.csh-stat .n{font-family:'Manrope',sans-serif;font-size:26px;font-weight:800;color:#D84A1A;letter-spacing:-.5px}
.csh-stat .l{font-size:12.5px;color:#6B7280}
.csh-read{margin-top:14px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13.5px;color:#D84A1A}
.csh-illus{text-align:center;color:#9aa1aa;font-size:12.5px;margin-top:30px}
@media(max-width:560px){.csh-hero h1{font-size:34px}}

/* WhatsApp floating button */
.wa-fab{position:fixed;right:calc(20px + env(safe-area-inset-right,0px));bottom:calc(20px + env(safe-area-inset-bottom,0px));width:58px;height:58px;display:flex;align-items:center;justify-content:center;background:#25D366;border-radius:50%;box-shadow:0 6px 18px rgba(0,0,0,.28);z-index:9999;transition:transform .18s ease,box-shadow .18s ease}
.wa-fab:hover{transform:scale(1.08);box-shadow:0 10px 24px rgba(0,0,0,.34)}
.wa-fab:focus-visible{outline:3px solid #0a7cff;outline-offset:3px}
.wa-fab svg{width:34px;height:34px;display:block}
@media(max-width:640px){.wa-fab{width:56px;height:56px}.wa-fab svg{width:32px;height:32px}}

/* ===== SITE-BASE-APPENDED (nav + buttons + base, from trades.html) ===== */


*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}
body{font-family:'Inter',system-ui,sans-serif;color:#111;background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:clip}
:root{
  /* OrderOnBot brand colours (sampled from orderonbot.com logo) */
  --orange:#F06030;
  --orange-d:#D84A1A;
  --amber:#F0A000;
  --blue:#0090F0;
  /* Section gradients (sampled from orderonbot.com) */
  --grad-orange:linear-gradient(135deg,#F5471A 0%,#F96B18 45%,#FF9E17 100%);
  --grad-blue:linear-gradient(160deg,#1462C4 0%,#1E8AD6 48%,#33BEC6 100%);
  --grad-black:linear-gradient(160deg,#282C33 0%,#15181C 55%,#0A0C0E 100%);
  /* WhatsApp Flow accents (authentic in-app green) */
  --green:#25D366;
  --green-d:#075E54;
  --green-m:#0b3d2e;
  --wa-accent:#00A884;
  --wa-accent-d:#008F72;
  --wa-title:#111B21;
  --wa-muted:#8696A0;
  --wa-sub:#667781;
  --wa-gray:#54656F;
  --ink:#23201e;
  --muted:#6B7280;
  --line:#eadfd8;
  --dark:#0B0F14;
  --border:#E5E7EB;
  --r:12px;
}
.c{max-width:1400px;margin:0 auto;padding:0 32px}
a{text-decoration:none}

/* ── BUTTONS ── */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 26px;border-radius:11px;font-size:15px;font-weight:600;cursor:pointer;border:none;transition:transform .2s,box-shadow .2s,background .2s,color .2s,border-color .2s;white-space:nowrap;letter-spacing:.1px}
.btn:active{transform:translateY(0)}
.btn-orange{background:linear-gradient(135deg,#FB6C18,#EF481A);color:#fff;box-shadow:0 6px 18px rgba(240,80,26,.34)}
.btn-orange:hover{background:linear-gradient(135deg,#FF7C22,#F5471A);transform:translateY(-2px);box-shadow:0 12px 28px rgba(240,80,26,.46)}
.btn-green{background:linear-gradient(135deg,#2BD46F,#1DB259);color:#fff;box-shadow:0 6px 18px rgba(37,211,102,.32)}
.btn-green:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(37,211,102,.44)}
.btn-outline{background:#fff;color:#111;border:1.5px solid #e4e4e4;box-shadow:0 2px 8px rgba(0,0,0,.04)}
.btn-outline:hover{border-color:#111;transform:translateY(-2px);box-shadow:0 10px 22px rgba(0,0,0,.09)}
.btn-outline-white{background:rgba(255,255,255,.12);color:#fff;border:1.5px solid rgba(255,255,255,.55);backdrop-filter:blur(6px)}
.btn-outline-white:hover{background:rgba(255,255,255,.22);border-color:#fff;transform:translateY(-2px)}
.btn-lg{padding:16px 34px;font-size:16px;border-radius:13px}

/* ── NAV ── */
.nav{position:sticky;top:0;z-index:200;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid var(--border);font-family:'Manrope',sans-serif}
.nav-i{display:flex;align-items:center;justify-content:space-between;height:95px}
.logo{display:flex;align-items:center}
.logo img{height:50px;width:auto;display:block}
.nav-links{display:flex;gap:2px}
.nav-links a{font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.2px;color:#333;padding:8px 13px;border-radius:8px;transition:color .15s,background .15s}
.nav-links a:hover{color:var(--orange);background:#faf6f2}
.nav-dd{position:relative;display:flex;align-items:center}
.nav-mega{position:absolute;top:100%;left:0;background:#fff;border:1px solid #eef0f2;border-radius:14px;box-shadow:0 22px 54px rgba(20,30,50,.17);padding:16px;width:660px;max-width:calc(100vw - 40px);display:none;z-index:70}
.nav-dd:hover .nav-mega{display:block}
.nm-grid{display:grid;gap:22px}
.nm-grid.prod{grid-template-columns:1.4fr 1fr}
.nm-grid.sol{grid-template-columns:1.6fr 1fr}
.nm-lbl{font-size:10px;letter-spacing:.5px;color:#b4a99f;text-transform:uppercase;margin-bottom:10px;font-weight:800}
.nm-card{display:flex;align-items:flex-start;gap:11px;padding:10px;border:1px solid #eef0f2;border-radius:10px;margin-bottom:8px;text-decoration:none;transition:background .12s,border-color .12s}
.nm-card:hover{background:#faf7f5;border-color:#e6ddd6}
.nm-ic{width:34px;height:34px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:#fff;font-size:17px}
.nm-t{font-size:13px;font-weight:700;color:#13233a;display:flex;align-items:center;gap:6px;text-transform:none;letter-spacing:0}
.nm-s{font-size:11.5px;color:#6b7683;margin-top:2px;display:block;text-transform:none;letter-spacing:0}
.pill{font-size:9px;font-weight:700;padding:1px 6px;border-radius:20px}
.pill.live{color:#0f6e4a;background:#e3f6ec}
.pill.soon{color:#7a5cff;background:#efeafe}
.nm-chips{display:flex;flex-wrap:wrap;gap:5px;margin:11px 0 0}
.nm-chips span{font-size:11px;color:#5b6b7d;background:#f4f6f8;border:1px solid #e7ebf0;padding:3px 8px;border-radius:20px}
.nm-all{display:inline-block;margin-top:10px;font-size:12px;color:var(--orange);font-weight:700;text-decoration:none}
.nm-foot{margin-top:12px;padding-top:11px;border-top:1px solid #f0eae4;font-size:12px;color:#8a7f75}
.nm-feat{border:1px solid #eef0f2;border-radius:10px;padding:12px}
.nm-feat .nm-card{border:none;padding:0;margin:0}
.nm-feat .nm-card:hover{background:none}.nav-mega.wide{width:740px}.nm-sb{display:flex;align-items:center;gap:10px}.nm-sbtext b{font-size:13px;color:#13233a;font-weight:700}.nm-sbtext span{display:block;font-size:11.5px;color:#6b7683;margin-top:1px;line-height:1.35}.nm-cols{display:grid;grid-template-columns:1fr 1fr;gap:0 16px;margin-top:8px}.nav-mega .nm-li{display:block;padding:4px 4px;font-size:12px;font-weight:400;color:#37414d;text-decoration:none;text-transform:none;letter-spacing:0;white-space:nowrap}.nav-mega .nm-li:hover{color:var(--orange);background:transparent}
@media(max-width:1100px){.nav-mega{position:static;width:auto;display:block;box-shadow:none;border:none;border-radius:0;padding:6px 0 6px 14px}.nm-grid{grid-template-columns:1fr!important;gap:10px}}
.nav-dd-menu{position:absolute;top:100%;left:0;background:#fff;border:1px solid #eef0f2;border-radius:12px;box-shadow:0 16px 40px rgba(20,30,50,.14);padding:8px;min-width:236px;display:none;flex-direction:column;gap:2px;z-index:60}
.nav-dd:hover .nav-dd-menu{display:flex}
.nav-dd-menu a{padding:9px 12px;border-radius:8px;font-size:13.5px;font-weight:600;color:#333;text-transform:none;letter-spacing:0;white-space:nowrap}
.nav-dd-menu a:hover{background:#f6f2ef;color:var(--orange)}
.nav-dd-all{border-top:1px solid #eef0f2;margin-top:4px;color:var(--orange)!important;font-weight:700!important}
@media(max-width:1100px){.nav-dd{flex-direction:column;align-items:stretch}.nav-dd-menu{position:static;display:flex;box-shadow:none;border:none;border-radius:0;padding:0 0 4px 20px;min-width:0}}
.nav-btns{display:flex;gap:12px}
.nav-btn{display:inline-flex;align-items:center;font-family:'Manrope',sans-serif;font-size:13px;font-weight:600;padding:10px 20px;border-radius:100px;background:#fff;color:#141414;border:1.5px solid #e2dcd6;white-space:nowrap;transition:background .16s,color .16s,box-shadow .16s}
.nav-btn.book{border-color:var(--orange)}
.nav-btn.book:hover{background:var(--orange);color:#fff;box-shadow:0 6px 16px rgba(240,96,48,.28)}
.nav-btn.login{border-color:var(--blue)}
.nav-btn.login:hover{background:var(--blue);color:#fff;box-shadow:0 6px 16px rgba(0,144,240,.26)}
.nav-burger{display:none;background:none;border:none;font-size:27px;color:#1a1a1a;cursor:pointer;line-height:1;padding:4px 6px}

/* ══════════════════════════════
   NATIVE WHATSAPP FLOW — SHEET CONTENT
══════════════════════════════ */
.nf-sheet{height:100%;background:#fff;border-radius:20px 20px 0 0;display:flex;flex-direction:column;box-shadow:0 -6px 20px rgba(0,0,0,.13);overflow:hidden}
.nf-handle{width:36px;height:5px;background:#d2d2d2;border-radius:3px;margin:8px auto 0;flex-shrink:0}
.nf-shead{display:grid;grid-template-columns:22px 1fr 22px;align-items:center;padding:9px 14px 8px;flex-shrink:0}
.nf-sback{font-size:20px;color:#111;line-height:1}
.nf-stitle{text-align:center;font-size:14px;font-weight:700;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-menu{font-size:16px;color:#333;text-align:right;letter-spacing:1.5px}
.nf-prog{height:4px;background:#e6e6e6;flex-shrink:0}
.nf-prog span{display:block;height:100%;background:var(--wa-accent);border-radius:0 3px 3px 0;transition:width .4s}
.nf-body{flex:1;overflow:hidden}
/* listing */
.nf-list{padding:2px 14px}
.nf-lrow{display:flex;align-items:center;gap:11px;padding:9px 2px;border-bottom:1px solid #f2efec}
.nf-lrow:last-child{border-bottom:none}
.nf-thumb{width:40px;height:40px;border-radius:9px;display:flex;align-items:center;justify-content:center;font-size:19px;flex-shrink:0}
.nf-linfo{flex:1;min-width:0}
.nf-lname{font-size:12.5px;font-weight:600;color:#111;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.nf-lsub{font-size:10.5px;color:#8b98a1;margin-top:1px}
.nf-chev{color:#c8ccd0;font-size:18px;flex-shrink:0}
/* detail */
.nf-hero{height:100px;background-size:cover;background-position:center;background-color:#dcd6d0}
.nf-dwrap{padding:12px 15px 2px}
.nf-dtitle{font-size:16px;font-weight:700;color:#0c0c0c;line-height:1.2}
.nf-ddesc{font-size:11.5px;color:#5b6a72;line-height:1.5;margin-top:9px}
.nf-dprice{font-size:18px;font-weight:700;color:#0c0c0c;margin-top:9px}
.nf-ddur{font-size:11px;color:#8b98a1;margin-top:6px}
/* customise form */
.nf-form{padding:12px 15px 2px}
.nf-fh{font-size:13.5px;font-weight:700;color:#111}
.nf-fsub{font-size:11px;color:#8b98a1;margin:2px 0 11px;line-height:1.4}
.nf-lbl{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#8b98a1;margin:11px 0 6px}
.nf-chip{display:flex;align-items:center;gap:9px;border:1.5px solid #e5e0db;border-radius:10px;padding:9px 10px;margin-bottom:6px;font-size:11.5px;color:#3b4a54}
.nf-chip.sel{border-color:var(--wa-accent);background:#eafaf4}
.nf-tick{width:15px;height:15px;border-radius:50%;border:2px solid #ccd0d5;flex-shrink:0}
.nf-chip.sel .nf-tick{border-color:var(--wa-accent);background:radial-gradient(var(--wa-accent) 42%,transparent 46%)}
.nf-cprice{margin-left:auto;font-weight:700;color:#111;font-size:11.5px;white-space:nowrap}
.nf-fld{border:1.5px solid #e5e0db;border-radius:10px;padding:9px 10px;color:#667781;font-size:11.5px;margin-bottom:8px}
.nf-info{background:#eafaf4;border-radius:9px;padding:7px 10px;font-size:10.5px;color:#0b7a5e;margin-bottom:8px;line-height:1.4}
.nf-rrow{display:flex;align-items:center;padding:8px 0;border-bottom:1px solid #f2efec;font-size:11.5px;color:#3b4a54}
.nf-rrow:last-child{border-bottom:none}
.nf-rrow b{margin-left:auto;color:#111;font-weight:600}
/* done */
.nf-done{padding:26px 16px 8px;text-align:center}
.nf-dtick{font-size:40px;display:block;margin-bottom:10px}
.nf-dhead{font-size:16px;font-weight:700;color:#111;margin-bottom:6px}
.nf-dsub{font-size:11.5px;color:#5b6a72;line-height:1.6}
.nf-badge{display:inline-block;background:#eafaf4;color:#0b7a5e;border-radius:20px;padding:3px 11px;font-size:10.5px;font-weight:600;margin-top:12px}
.nf-stars{color:var(--amber);font-size:10.5px}
/* sheet footer (question + green Customise pill + Managed by) */
.nf-foot{flex-shrink:0;border-top:1px solid #efece9;padding:11px 15px 10px}
.nf-q{text-align:center;font-size:11.5px;color:#68767e;line-height:1.4;margin-bottom:11px}
.nf-cta{background:var(--wa-accent);color:#fff;text-align:center;font-size:13.5px;font-weight:700;padding:12px;border-radius:24px;box-shadow:0 3px 9px rgba(35,164,85,.26)}
.nf-managed{text-align:center;font-size:10px;color:#8b98a1;margin-top:10px}
.nf-managed b{color:#54656f;font-weight:600}
.nf-managed a{color:var(--wa-accent);font-weight:500}

/* ══════════════════════════════
   HERO
══════════════════════════════ */
.hero{background:#f0f2f4 url(assets/home-5-bg.png) no-repeat left top;padding:52px 0 46px;overflow:hidden}
.hero-i{display:grid;grid-template-columns:minmax(420px,1fr) 960px;gap:24px;align-items:start}
.hero-left{max-width:520px;margin-top:48px}
@keyframes blink{0%,100%{opacity:1}50%{opacity:.3}}
.hero-h1{font-size:68px;font-weight:800;line-height:1.04;letter-spacing:-2px;color:#13233a;margin-bottom:24px}
.hero-h1 .wa{color:#1B8CF0}
.hero-uline{position:relative;white-space:nowrap}
.hero-uline::after{content:"";position:absolute;left:0;right:-4px;bottom:-9px;height:14px;background:url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 240 16'><path d='M5 11 C 70 3 160 3 235 8' fill='none' stroke='%23F5471A' stroke-width='5' stroke-linecap='round'/></svg>") no-repeat center/100% 100%}
.hero-sub{font-size:19px;color:#59616b;line-height:1.7;max-width:460px;margin-top:64px;margin-bottom:32px}
.hero-tagline{font-size:19px;font-weight:600;color:#33414f;margin:0 0 26px;line-height:1.5;max-width:480px}
.hero-tagline strong{color:var(--orange);font-weight:800}
.hero-btns{display:flex;gap:14px;margin-bottom:30px;flex-wrap:wrap}
.bico{font-size:15px;margin-right:-1px}
.play{display:inline-block;width:0;height:0;border-left:12px solid var(--orange);border-top:7px solid transparent;border-bottom:7px solid transparent;margin-right:3px}
.hero-trust{display:flex;gap:22px;flex-wrap:wrap}
.ht{display:flex;align-items:center;gap:8px;font-size:14px;color:#37414d;font-weight:500}
.ht::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;background:var(--orange);color:#fff;font-size:11px;font-weight:800;flex-shrink:0}

/* ── ORBIT: Book / Order / Market around the phone ── */
.hero-right{display:flex;justify-content:center;align-items:center}
.orbit{position:relative;width:940px;height:840px;margin:0 auto}
.orbit-arrows{position:absolute;inset:0;width:100%;height:100%;z-index:5;pointer-events:none}
.orbit-phone{position:absolute;top:24px;left:50%;transform:translateX(-50%);transform-origin:center;z-index:4}
.orbit-phone .nf-phone{border-radius:34px;padding:5px;box-shadow:0 26px 60px rgba(15,30,60,.3)}
.orbit-phone .nf-screen{border-radius:29px}
.orbit-wa{position:absolute;right:300px;bottom:224px;width:56px;height:56px;border-radius:50%;background:#25D366;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 24px rgba(37,211,102,.42);z-index:6}
.node{position:absolute;width:224px;text-align:center;z-index:2}
.node::before{content:"";position:absolute;top:-28px;left:50%;transform:translateX(-50%);width:244px;height:244px;border-radius:50%;background:#fbfcfe;border:1px solid #edf1f6;box-shadow:0 10px 30px rgba(20,40,80,.05);z-index:-1}
.node-badge{width:60px;height:60px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 12px;box-shadow:0 10px 22px rgba(0,0,0,.18);border:4px solid #fff}
.node-badge svg{width:30px;height:30px}
.badge-blue{background:#1668C7}.badge-purple{background:#7C3AED}.badge-orange{background:var(--orange)}
.node-title{font-size:25px;font-weight:800;letter-spacing:.4px;line-height:1}
.node-sub{font-size:15px;font-weight:700;color:#1f2a37;margin-top:5px}
.node-desc{font-size:13px;color:#6b7280;line-height:1.45;margin-top:6px;padding:0 26px}
.node-book{top:230px;left:18px}
.node-market{top:230px;right:18px}
.node-order{left:50%;transform:translateX(-50%);top:600px}
@media(max-width:1300px){.hero-i{grid-template-columns:1fr}.hero-left{max-width:640px;margin:0 auto;text-align:center}.hero-uline{display:inline-block}.hero-btns,.hero-trust{justify-content:center}.hero-sub,.hero-tagline{margin-left:auto;margin-right:auto}.hero-right{width:100%}.orbit{zoom:.82;margin:0 auto}}
@media(max-width:1024px){.orbit{zoom:.66}}
@media(max-width:768px){.orbit{zoom:.52}}
@media(max-width:560px){.orbit{zoom:.42}}
@media(max-width:400px){.orbit{zoom:.34}}

/* Native flow phone presentation */
.hero-phone-col{display:flex;justify-content:center;align-items:flex-end}
.nf-phone{width:266px;background:#0f141b;border-radius:30px 30px 0 0;padding:5px 5px 0;box-shadow:0 -18px 70px rgba(37,211,102,.07)}
.nf-screen{height:562px;display:flex;flex-direction:column;background:#efeae2;border-radius:25px 25px 0 0;overflow:hidden;position:relative}
.nf-phone--sm{width:280px}
.nf-phone--sm .nf-screen{height:520px}
/* dimmed WhatsApp chat behind the flow */
.nf-back{position:relative;flex-shrink:0}
.nf-stat{height:26px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;font-size:10.5px;font-weight:600;color:#0c0c0c}
.nf-batt{border:1.3px solid #0c0c0c;border-radius:3px;padding:0 3px;font-size:8px;font-weight:700;line-height:1.5}
.nf-wahdr{height:50px;display:flex;align-items:center;gap:9px;padding:0 12px;background:#f6f2ec}
.nf-wa-arrow{font-size:20px;color:#111}
.nf-ava{width:32px;height:32px;border-radius:50%;background:#b39c7d;color:#fff;display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;flex-shrink:0}
.nf-waname{line-height:1.2;min-width:0}
.nf-waname b{font-size:12.5px;color:#111;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:150px}
.nf-waname span{font-size:10.5px;color:#5b6a72;opacity:.85}
.nf-wa-menu{margin-left:auto;font-size:16px;color:#333;letter-spacing:1.5px}
.nf-peek{padding:7px 12px 0}
.nf-bubble{display:inline-block;background:#fff;border-radius:7px;padding:6px 36px 6px 10px;font-size:11px;color:#111;position:relative;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.nf-bubble i{position:absolute;right:8px;bottom:5px;font-size:8.5px;color:#8a8f93;font-style:normal}
.nf-scrim{position:absolute;inset:0;background:rgba(20,22,25,.34)}
/* sheet stack (cross-fading slides) */
.nf-sheetwrap{flex:1;position:relative;margin-top:-16px;z-index:2}
.nf-slide{position:absolute;inset:0;opacity:0;transition:opacity .45s}
.nf-slide.active{opacity:1}
/* android nav */
.nf-nav{flex-shrink:0;height:28px;background:#f6f6f6;display:flex;align-items:center;justify-content:space-around;z-index:3}
.nf-rec{width:12px;height:12px;border:2px solid #444;border-radius:3px}
.nf-home{width:13px;height:13px;border:2px solid #444;border-radius:50%}
.nf-bk{font-size:16px;color:#444}

/* ══════════════════════════════
   SECTION SHARED
══════════════════════════════ */
.s-pre{display:table;margin:0 auto 18px 0;font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;color:var(--orange-d);border:2px solid var(--orange);border-radius:6px;padding:8px 14px;transform:rotate(-2.5deg);box-shadow:inset 0 0 0 2px rgba(240,96,48,.18);background:rgba(240,96,48,.05)}
section.th-both .s-pre,.cs .s-pre{color:#ffb599;border-color:#ff8a5c;box-shadow:inset 0 0 0 2px rgba(255,138,92,.22);background:rgba(255,138,92,.06)}
section.th-both>.c,section.th-ben>.c{max-width:1400px}
.s-h2{font-size:40px;font-weight:800;line-height:1.15;letter-spacing:-1.2px;color:#0a0a0a;margin-bottom:12px}
.s-sub{font-size:17px;color:var(--muted);max-width:540px;margin:0 auto;line-height:1.65}

/* ══════════════════════════════
   S2 — THREE PRODUCTS
══════════════════════════════ */
.products{padding:80px 0;background:#fff}
.prod-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.pcard{border-radius:20px;padding:26px 22px;border:1px solid #edf0f3;display:flex;gap:12px;align-items:stretch;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 18px rgba(20,30,50,.05)}
.pcard:hover{transform:translateY(-4px);box-shadow:0 18px 44px rgba(20,30,50,.1)}
.pcard-blue{background:linear-gradient(180deg,#f4f9ff,#fff)}
.pcard-orange{background:linear-gradient(180deg,#fff6f1,#fff)}
.pcard-purple{background:linear-gradient(180deg,#faf6ff,#fff)}
.pcard-body{flex:1;min-width:0;display:flex;flex-direction:column;justify-content:flex-start}
.pc-head{display:flex;align-items:center;gap:13px;margin-bottom:18px}
.pc-badge{width:52px;height:52px;border-radius:13px;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 6px 16px rgba(0,0,0,.14)}
.pc-badge svg{width:27px;height:27px}
.pc-title{line-height:1.12}
.pc-k{display:block;font-size:22px;font-weight:800;letter-spacing:.3px}
.pc-k2{display:block;font-size:17px;font-weight:800;color:#12233a;letter-spacing:.3px}
.pc-desc{font-size:15.5px;color:#5b6169;line-height:1.6;margin-bottom:20px}
.pc-list{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:22px}
.pc-list li{font-size:14.5px;color:#37414d;display:flex;align-items:center;gap:9px}
.pc-list li::before{content:'✓';display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;color:#fff;font-size:10px;font-weight:800;flex-shrink:0}
.pl-blue li::before{background:#1668C7}.pl-orange li::before{background:var(--orange)}.pl-purple li::before{background:#7C3AED}
.pc-learn{font-size:15px;font-weight:700;display:inline-flex;align-items:center;gap:6px;transition:gap .15s}
.pc-learn:hover{gap:10px}
.lc-blue{color:#1668C7}.lc-orange{color:var(--orange)}.lc-purple{color:#7C3AED}
/* mini native-flow phone inside each product card */
.pc-phone{width:236px;height:506px;flex-shrink:0;position:relative}
.pc-phone .nf-phone{position:absolute;top:0;left:0;transform:scale(.88);transform-origin:top left;width:266px;border-radius:30px;padding:5px;box-shadow:0 14px 30px rgba(15,30,60,.22)}
.pc-phone .nf-screen{border-radius:26px}
/* marketing promo screen */
.nf-promo{background:linear-gradient(160deg,#7C3AED,#5b21b6);border-radius:12px;padding:16px 12px;text-align:center;color:#fff;margin-bottom:10px}
.nf-promo-off{font-size:30px;font-weight:900;line-height:1}
.nf-promo-t{font-size:12px;font-weight:700;margin-top:4px}
.nf-promo-s{font-size:11px;opacity:.88;margin-top:6px;line-height:1.3}
.nf-promo-btn{display:inline-block;background:#fff;color:#6d28d9;font-weight:700;font-size:12px;padding:7px 16px;border-radius:16px;margin-top:10px}
.nf-msg{background:#fff;border:1px solid #f0ece8;border-radius:9px;padding:8px 30px 8px 10px;font-size:11px;color:#111;position:relative;margin:0 2px;line-height:1.4}
.nf-msg i{position:absolute;right:8px;bottom:5px;font-size:8px;color:#8a8f93;font-style:normal}

/* ══════════════════════════════
   S3 — STATS
══════════════════════════════ */
.stats{background:linear-gradient(180deg,#FFC291,#FF9A5A);padding:60px 0 26px}
.stats-bar{display:grid;grid-template-columns:repeat(6,1fr);background:#fff;border:1px solid #eceef1;border-radius:22px;box-shadow:0 12px 40px rgba(20,30,50,.07)}
.stat-item{display:flex;align-items:center;gap:13px;padding:22px 20px;border-right:1px solid #eef0f2}
.stat-item:last-child{border-right:none}
.stat-ic{width:44px;height:44px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.stat-ic svg{width:40px;height:40px}
.stat-tx strong{display:block;font-size:17px;font-weight:800;color:#12233a;line-height:1.15;margin-bottom:3px}
.stat-tx span{display:block;font-size:12.5px;color:#8a93a0;line-height:1.35}
@media(max-width:1080px){.stats-bar{grid-template-columns:repeat(3,1fr)}.stat-item:nth-child(3n){border-right:none}.stat-item:nth-child(-n+3){border-bottom:1px solid #eef0f2}}
@media(max-width:640px){.stats-bar{grid-template-columns:repeat(2,1fr)}.stat-item{border-right:1px solid #eef0f2}.stat-item:nth-child(2n){border-right:none}.stat-item:nth-child(-n+4){border-bottom:1px solid #eef0f2}}

/* ══════════════════════════════
   S4 — SEE IT WORKING (flow screens)
══════════════════════════════ */
.demo-sec{padding:88px 0;background:#faf7f5}
.demo-tabs{display:flex;gap:6px;margin-bottom:32px;flex-wrap:wrap}
.demo-tab{padding:8px 16px;border-radius:20px;font-size:13.5px;font-weight:500;cursor:pointer;border:1.5px solid var(--line);background:#fff;color:var(--muted);transition:all .18s}
.demo-tab:hover{border-color:#9ca3af;color:#374151}
.demo-tab.active{background:linear-gradient(135deg,#FB6C18,#EF481A);border-color:transparent;color:#fff;box-shadow:0 4px 14px rgba(240,80,26,.3)}
/* The native flow strip (4 phones across) */
.flow-strip{display:flex;gap:0;align-items:flex-start;justify-content:space-between;overflow-x:auto;padding-bottom:10px}
.flow-strip::-webkit-scrollbar{height:5px}.flow-strip::-webkit-scrollbar-track{background:#f0ece8}.flow-strip::-webkit-scrollbar-thumb{background:#d6ccc5;border-radius:2px}
.nf-step{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}
.nf-step-lbl{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:10px}
.nf-step-arrow{display:flex;align-items:center;padding:0 4px;color:#c9bfb8;font-size:22px;align-self:center;margin-top:12px;flex-shrink:0}
#viewCust .flow-strip,#ownerWA .flow-strip{max-width:1400px;margin:0 auto}
/* Demo section also has copy */
.demo-i{display:grid;grid-template-columns:300px 1fr;gap:48px;align-items:start}
.demo-copy-tag{display:inline-block;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.07em;color:#0b6b43;background:#eefaf1;padding:4px 10px;border-radius:6px;margin-bottom:12px}
.demo-step-list{display:flex;flex-direction:column;gap:14px;margin:20px 0 28px}
.dsl-item{display:flex;align-items:flex-start;gap:10px}
.dsl-num{width:26px;height:26px;border-radius:50%;background:var(--green-m);color:#fff;font-size:12px;font-weight:700;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-top:2px}
.dsl-text strong{font-size:14px;font-weight:600;color:#0a0a0a;display:block}
.dsl-text span{font-size:13px;color:var(--muted)}

/* ══════════════════════════════
   S5 — INDUSTRIES (SEO)
══════════════════════════════ */
.industries{padding:30px 0 74px;background:linear-gradient(180deg,#FF9A5A,#FB8038)}
.ind-h2{font-size:30px;font-weight:800;color:#fff;letter-spacing:-.5px;margin-bottom:26px}
.ind-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:16px}
.icard{background:#fff;border:1px solid #eef0f2;border-radius:18px;overflow:hidden;box-shadow:0 4px 16px rgba(20,30,50,.05);transition:transform .2s,box-shadow .2s;cursor:pointer}
.icard:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,30,50,.12)}
.icard-photo{height:182px;background-size:cover;background-position:center;background-color:#e8eaee}
.icard-foot{display:flex;align-items:center;gap:10px;padding:13px 12px 15px}
.icard-badge{width:40px;height:40px;border-radius:50%;background:#fff;border:1px solid #eef0f2;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 4px 12px rgba(0,0,0,.1)}
.icard-badge svg{width:22px;height:22px}
.icard-label{font-size:13.5px;font-weight:700;color:#1f2a37;line-height:1.2}
.icard-all{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:14px;background:#fff;border:1px solid #eef0f2;border-radius:18px;cursor:pointer;transition:transform .2s,box-shadow .2s;box-shadow:0 4px 16px rgba(20,30,50,.05)}
.icard-all:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(20,30,50,.12)}
.allc{width:58px;height:58px;border-radius:50%;background:#eef4ff;display:flex;align-items:center;justify-content:center}
.allc svg{width:28px;height:28px}
.allt{font-size:15px;font-weight:800;color:#13233a;line-height:1.25}
@media(max-width:1200px){.ind-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:800px){.ind-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:560px){.ind-grid{grid-template-columns:repeat(2,1fr)}}

/* ══════════════════════════════
   S6 — EVERYTHING INCLUDED
══════════════════════════════ */
.everything{padding:88px 0;background:linear-gradient(160deg,#3298F0,#125FB9)}
.ev-h2{font-size:40px;font-weight:800;letter-spacing:-1.2px;color:#fff;margin-bottom:10px}
.ev-sub{font-size:17px;color:rgba(255,255,255,.85);margin:8px 0 0}
.ev-head{display:flex;align-items:flex-end;justify-content:space-between;gap:28px;margin-bottom:40px;flex-wrap:wrap}
.ev-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:2px;background:rgba(255,255,255,.14);border-radius:16px;overflow:hidden}
@media(max-width:1280px){.ev-grid{grid-template-columns:repeat(3,1fr)}}
.ev-item{background:rgba(255,255,255,.07);padding:26px 22px;transition:background .2s,transform .2s}
.ev-item:hover{background:rgba(255,255,255,.15);transform:translateY(-2px)}
.ev-icon{filter:drop-shadow(0 2px 8px rgba(0,0,0,.3))}
.ev-icon{font-size:26px;margin-bottom:12px;display:block}
.ev-title{font-size:14px;font-weight:600;color:#fff;margin-bottom:5px}
.ev-desc{font-size:12.5px;color:rgba(255,255,255,.8);line-height:1.55}

/* ══════════════════════════════
   S7 — TESTIMONIALS
══════════════════════════════ */
.reviews{padding:88px 0;background:#faf7f5}
.rev-carousel{position:relative;margin-top:44px}
.rev-grid{display:flex;gap:20px;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:4px 2px 8px;scrollbar-width:none;-ms-overflow-style:none}
.rev-grid::-webkit-scrollbar{display:none}
.rev-card{flex:0 0 380px;scroll-snap-align:start;background:#fff;border-radius:14px;border:1px solid var(--line);padding:28px;display:flex;flex-direction:column;gap:16px}
.rev-arrow{position:absolute;top:44%;transform:translateY(-50%);width:46px;height:46px;border-radius:50%;background:#fff;border:1px solid var(--line);box-shadow:0 6px 20px rgba(0,0,0,.14);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;font-size:22px;color:#333;transition:background .15s,color .15s,border-color .15s;user-select:none;padding-bottom:2px}
.rev-arrow:hover{background:#111;color:#fff;border-color:#111}
.rev-arrow-l{left:-16px}
.rev-arrow-r{right:-16px}
@media(max-width:600px){.rev-card{flex:0 0 84%}.rev-arrow{display:none}}
.rev-stars{color:#fbbf24;font-size:16px;letter-spacing:2px}
.rev-quote{font-size:15px;color:#1a1a1a;line-height:1.65;font-style:italic}
.rev-quote::before{content:'\201C'}.rev-quote::after{content:'\201D'}
.rev-author{display:flex;align-items:center;gap:10px;margin-top:auto}
.rev-av{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:700;color:#fff;flex-shrink:0}
.rev-name{font-size:14px;font-weight:600;color:#0a0a0a}
.rev-biz{font-size:12.5px;color:var(--muted)}
.rev-result{background:#eefaf1;border-radius:8px;padding:10px 14px;display:flex;align-items:center;gap:10px}
.rev-result-num{font-size:22px;font-weight:800;color:#0b6b43}
.rev-result-label{font-size:12px;color:#374151;line-height:1.35}
.rev-featured{background:var(--green-m);border-color:var(--green-m)}
.rev-featured .rev-quote,.rev-featured .rev-name{color:#fff}
.rev-featured .rev-biz,.rev-featured .rev-stars{color:rgba(255,255,255,.6)}
.rev-featured .rev-stars{color:#fde68a}
.rev-featured .rev-result{background:rgba(255,255,255,.1)}
.rev-featured .rev-result-num{color:#86efac}
.rev-featured .rev-result-label{color:rgba(255,255,255,.6)}

/* ══════════════════════════════
   S8 — CTA
══════════════════════════════ */
.cta-final{padding:100px 0;background:var(--grad-black);text-align:center;position:relative;overflow:hidden}
.cta-final::before{content:'';position:absolute;top:-80px;left:50%;transform:translateX(-50%);width:640px;height:520px;background:radial-gradient(ellipse,rgba(240,80,26,.22),transparent 70%);pointer-events:none}
.cta-final .cg::before{color:#fff}
.cta-final .cf-pre{color:rgba(255,255,255,.85)}
.cta-final .cf-sub{color:rgba(255,255,255,.9)}
.cta-final .cg{color:rgba(255,255,255,.8)}
.cf-pre{font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:rgba(255,255,255,.3);margin-bottom:14px;display:block}
.cf-h2{font-size:52px;font-weight:900;letter-spacing:-2px;color:#fff;line-height:1.05;margin-bottom:18px}
.cf-h2 span{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.18)}
.cf-sub{font-size:18px;color:rgba(255,255,255,.5);margin-bottom:40px;max-width:500px;margin-left:auto;margin-right:auto;line-height:1.6}
.cf-btns{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin-bottom:32px}
.cf-guar{display:flex;justify-content:center;gap:28px;flex-wrap:wrap}
.cg{font-size:13px;color:rgba(255,255,255,.35);display:flex;align-items:center;gap:6px}
.cg::before{content:'✓';color:#4ade80;font-weight:700}

/* ── FOOTER ── */
footer{background:linear-gradient(180deg,#faf8f6,#f1ece7);padding:52px 0 24px;border-top:1px solid #ece5df}
.footer-i{display:flex;flex-wrap:wrap;justify-content:center;gap:48px 84px;margin-bottom:48px}
.footer-i>div{flex:0 0 auto}
.footer-i>div:first-child{flex:0 0 240px}
.f-logo{display:flex;align-items:center;margin-bottom:16px}
.f-logo img{height:44px;width:auto;display:block}
.f-ln em{color:var(--orange);font-style:normal}
.f-about{font-size:14.5px;color:#6b7280;line-height:1.65;margin-bottom:16px}
.f-badge{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#0b7a5e;font-weight:600}
.f-contact{list-style:none;margin:20px 0 16px;display:flex;flex-direction:column;gap:10px}
.f-contact li{font-size:14px;color:#5b6169;display:flex;align-items:flex-start;gap:9px;line-height:1.45}
.f-contact svg{width:15px;height:15px;flex-shrink:0;margin-top:2px;color:#a79c92}
.f-contact a{color:#5b6169;transition:color .15s}
.f-contact a:hover{color:var(--orange-d)}
.f-social{display:flex;gap:10px;margin-top:2px}
.f-social a{width:34px;height:34px;border-radius:9px;background:#fff;border:1px solid #e7e0da;display:flex;align-items:center;justify-content:center;color:#6b7280;transition:background .15s,color .15s,border-color .15s,transform .15s}
.f-social a:hover{background:var(--orange);border-color:var(--orange);color:#fff;transform:translateY(-2px)}
.f-social svg{width:17px;height:17px}
.f-dot{width:6px;height:6px;border-radius:50%;background:#1fb85c;animation:blink 2s infinite}
.f-ct{font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:#9a938c;margin-bottom:16px}
.f-links{list-style:none;display:flex;flex-direction:column;gap:9px}
.f-links.cols{display:block;column-count:2;column-gap:44px;width:470px}
.f-links.cols li{margin-bottom:9px;break-inside:avoid;white-space:nowrap}
@media(max-width:600px){.f-links.cols{column-count:1;width:auto}.f-links.cols li{white-space:normal}}
.f-links a{font-size:15px;color:#5b6169;transition:color .15s}
.f-links a:hover{color:var(--orange-d)}
.f-bottom{border-top:1px solid #e7e0da;padding-top:22px;display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}
.f-copy{font-size:13.5px;color:#9ca3af}
.f-legal{display:flex;gap:20px}
.f-legal a{font-size:13.5px;color:#9ca3af;transition:color .15s}
.f-legal a:hover{color:#5b6169}

/* ── RESPONSIVE ── */
@media(max-width:1100px){
  .nav-burger{display:block}
  .nav-i{height:74px}
  .logo img{height:42px}
  .nav-links{position:absolute;top:100%;left:0;right:0;background:#fff;border-bottom:1px solid var(--border);flex-direction:column;gap:0;padding:6px 0;display:none;box-shadow:0 14px 30px rgba(0,0,0,.09);max-height:calc(100vh - 74px);overflow-y:auto;-webkit-overflow-scrolling:touch}
  .nav-links.open{display:flex}
  .nav-links a{padding:13px 32px;border-radius:0}
  .nav-btn.login{display:none}
}
.nav-mcta{display:none}
@media(max-width:640px){
  .nav-btns .nav-btn{display:none}
  .nav-links .nav-mcta{display:block;font-family:'Manrope',sans-serif;font-weight:700;text-transform:none;letter-spacing:0}
  .nav-links .nav-mcta.start{color:var(--orange)}
  .nav-links{border-top:1px solid var(--line)}
  .nav-i{padding-right:6px}
}
@media(max-width:960px){
  .demo-i{grid-template-columns:1fr}
  .cf-h2{font-size:40px}
}
@media(max-width:1250px){
  .prod-grid{grid-template-columns:1fr 1fr}
  .pcard{flex-direction:column;align-items:stretch}
  .pcard-body{order:1}
  .pc-phone{order:2;align-self:center;margin-top:8px}
}
@media(max-width:760px){
  .prod-grid{grid-template-columns:1fr}
  .pcard{max-width:600px;margin:0 auto}
}
@media(max-width:760px){
  .hero-h1{font-size:46px}
  .s-h2{font-size:32px}
  .ev-h2,.stats-h2{font-size:30px}
  .ind-h2{font-size:26px}
  .cf-h2{font-size:34px}
  .ev-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  .c{padding:0 18px}
  .hero-h1{font-size:38px}
  .hero-sub,.hero-tagline{font-size:16.5px}
  .s-h2{font-size:26px}
  .ev-h2{font-size:24px}
  .cf-h2{font-size:28px}
  .cf-sub{font-size:16px}
  .nav-btn.book{padding:11px 20px;font-size:13.5px}
}
@media(max-width:460px){
  .ev-grid{grid-template-columns:1fr}
  .hero-btns .btn-lg{width:100%;justify-content:center}
}

/* ===== TRADES PAGE ===== */
.th-hero{background-image:linear-gradient(100deg,rgba(9,16,27,.82) 0%,rgba(12,24,40,.68) 44%,rgba(13,28,46,.50) 100%),url(assets/flow/trades.jpg);background-size:cover;background-position:center;background-repeat:no-repeat;padding:60px 0 70px}
.th-hero-i{display:grid;grid-template-columns:1fr auto;gap:48px;align-items:center;max-width:1320px;margin:0 auto}
.th-hero-left{max-width:560px}
.th-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12px;font-weight:800;letter-spacing:1.5px;color:#7fd8bd;background:rgba(0,168,132,.16);border:1px solid rgba(0,168,132,.45);padding:6px 13px;border-radius:20px;text-transform:uppercase;margin-bottom:18px}
.th-h1{font-size:52px;font-weight:800;line-height:1.06;letter-spacing:-1.5px;color:#fff;margin-bottom:20px}
.th-h1 span{color:#F0A000}
.th-sub{font-size:18px;color:#c4d0dd;line-height:1.6;margin-bottom:26px;max-width:510px}
.th-hero .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.32);box-shadow:none}
.th-hero .ht{color:#cfe0d8}
.th-hero-phone{display:flex;justify-content:center}
.th-hero-phone .nf-phone{width:266px;background:#0f141b;border-radius:34px;padding:5px;box-shadow:0 26px 60px rgba(0,0,0,.5)}
.th-hero-phone .nf-screen{border-radius:29px;height:520px}
section.th-pain{padding:70px 0;background:#fff}
.th-pain-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:38px}
.th-pain-card{background:#faf7f5;border:1px solid var(--line);border-radius:14px;padding:22px;font-size:14.5px;color:#455160;line-height:1.5}
.th-pain-card{display:flex;flex-direction:column}
.th-pain-card b{display:flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;font-size:28px;margin-bottom:14px;background:#e0531f;box-shadow:0 6px 14px rgba(0,0,0,.10);flex-shrink:0}
.th-pain-grid>*:nth-child(4n+2) b{background:#d98a12}
.th-pain-grid>*:nth-child(4n+3) b{background:#1f7ae0}
.th-pain-grid>*:nth-child(4n+4) b{background:#1e9d63}
section.th-both{padding:80px 0;background:linear-gradient(165deg,#1b2e46 0%,#264c72 62%,#1b2e46 100%)}
section.th-both .s-h2{color:#fff}
section.th-both .s-sub{color:#aebccc}
section.th-both .nf-step-lbl{color:#d9e3ef}
section.th-both .nf-step-arrow{color:#8ea3ba}
section.th-both .nf-step-cap{color:#eaf1f8}
section.th-both .th-hint{background:#22364f;border:1px solid rgba(255,255,255,.14)}
#viewCust .nf-step-cap{color:#eaf1f8}
#ownerWA .nf-step-cap{color:#eaf1f8}
.th-hint{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;color:#fff;background:#12233a;border:none;padding:9px 17px;border-radius:100px;margin:16px 12px 0 0;box-shadow:0 6px 16px rgba(18,35,58,.22)}
.th-hint-ar{display:inline-block;font-size:24px;line-height:1;color:var(--orange);font-weight:900;animation:thnudge 1s ease-in-out infinite}
@keyframes thnudge{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.th-toggle{display:inline-flex;flex-wrap:wrap;justify-content:center;background:#fff;border:1px solid var(--line);border-radius:100px;padding:5px;margin:14px 0 36px;gap:4px;max-width:96%;animation:thpulse 2.6s ease-in-out infinite}
@keyframes thpulse{0%,100%{box-shadow:0 0 0 0 rgba(240,96,48,0)}50%{box-shadow:0 0 0 7px rgba(240,96,48,.13)}}
.th-tg{border:none;background:transparent;padding:12px 22px;border-radius:100px;font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;color:#6b7280;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
@media(max-width:720px){.th-toggle{border-radius:20px}.th-tg{padding:10px 14px;font-size:12.5px}}
.th-tg.active{background:var(--orange);color:#fff;box-shadow:0 4px 14px rgba(240,96,48,.3)}
.th-view{margin-top:4px}
/* portal */
.op-frame{max-width:1400px;margin:0 auto;border-radius:16px;overflow:hidden;box-shadow:0 30px 70px rgba(15,30,60,.18);border:1px solid #e5e9ef;background:#fff}
.op-top{height:42px;background:#eef1f5;display:flex;align-items:center;gap:8px;padding:0 16px;border-bottom:1px solid #e5e9ef}
.op-dot{width:11px;height:11px;border-radius:50%;background:#cfd5de}
.op-url{margin-left:12px;background:#fff;border:1px solid #e2e6ec;border-radius:8px;padding:5px 16px;font-size:12.5px;color:#7a8595;max-width:340px;flex:1}
.op-app{display:flex;min-height:470px}
.op-side{width:198px;background:#0f1b2d;padding:16px 12px;flex-shrink:0}
.op-brand{color:#fff;font-weight:800;font-size:14px;padding:4px 8px 16px;display:flex;align-items:center;gap:9px}
.op-brand i{width:22px;height:22px;border-radius:6px;background:var(--orange);display:inline-block}
.op-nav{display:flex;flex-direction:column;gap:2px}
.op-nav a{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;font-size:13.5px;color:#9fabbb;cursor:pointer;font-weight:600}
.op-nav a.active{background:rgba(255,255,255,.12);color:#fff}
.op-nav a:hover:not(.active){background:rgba(255,255,255,.06);color:#fff}
.op-main{flex:1;padding:22px 26px;background:#f7f9fc;min-width:0}
.op-h{font-size:19px;font-weight:800;color:#12233a;margin-bottom:3px}
.op-hsub{font-size:13px;color:#7a8595;margin-bottom:18px}
.op-job{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e9edf2;border-radius:11px;padding:13px 16px;margin-bottom:10px}
.op-time{font-size:14px;font-weight:800;color:#12233a;width:52px;flex-shrink:0}
.op-jbar{width:4px;align-self:stretch;border-radius:3px;min-height:34px}
.op-jinfo{flex:1;min-width:0}
.op-jinfo b{display:block;font-size:14px;color:#12233a}
.op-jinfo span{font-size:12.5px;color:#7a8595}
.op-badge{font-size:11.5px;font-weight:700;padding:4px 11px;border-radius:20px;white-space:nowrap}
.op-badge.green{background:#e7f7ee;color:#0b7a4b}
.op-badge.orange{background:#fdeee6;color:#c4501f}
.op-badge.blue{background:#e8f1fd;color:#1461c2}
.op-row{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid #e9edf2;border-radius:11px;padding:13px 16px;margin-bottom:10px}
.op-av{width:38px;height:38px;border-radius:50%;background:#e6ebf2;color:#5b6b7d;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:14px;flex-shrink:0}
.op-rowinfo{flex:1;min-width:0}
.op-rowinfo b{display:block;font-size:14px;color:#12233a}
.op-rowinfo span{font-size:12.5px;color:#7a8595}
.op-assign{background:var(--orange);color:#fff;border:none;border-radius:8px;padding:8px 15px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:'Manrope',sans-serif}
.op-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:16px}
.op-stat{background:#fff;border:1px solid #e9edf2;border-radius:12px;padding:16px 18px}
.op-stat b{display:block;font-size:26px;font-weight:800;color:#12233a}
.op-stat span{font-size:12.5px;color:#7a8595}
.op-bc{display:grid;grid-template-columns:1fr 258px;gap:24px}
.op-field{margin-bottom:14px}
.op-field label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#8a95a3;margin-bottom:6px}
.op-select{border:1px solid #dfe4ea;border-radius:9px;padding:11px 13px;font-size:13.5px;color:#374151;background:#fff;display:flex;justify-content:space-between;align-items:center}
.op-select::after{content:'\25be';color:#9aa3ad}
.op-ta{border:1px solid #dfe4ea;border-radius:9px;padding:11px 13px;font-size:13.5px;color:#374151;background:#fff;line-height:1.5;min-height:92px}
.op-send{background:var(--green);color:#fff;border:none;border-radius:10px;padding:13px;font-size:14px;font-weight:700;width:100%;cursor:pointer;font-family:'Manrope',sans-serif}
.op-preview{background:#e6ddd4;border-radius:14px;padding:16px 12px}
.op-pv-lbl{font-size:11px;color:#5b6b7d;text-align:center;margin-bottom:10px;font-weight:600}
.op-pv-bubble{background:#fff;border-radius:10px;padding:11px 13px;font-size:12.5px;color:#111;line-height:1.5;box-shadow:0 1px 1px rgba(0,0,0,.06)}
/* timeline */
.nf-step-cap{margin-top:14px;max-width:280px;font-size:13px;line-height:1.5;color:#374151;text-align:center}
.nf-step-cap b{display:block;font-family:'Manrope',sans-serif;font-weight:800;font-size:13px;letter-spacing:.02em;margin-bottom:3px}
#viewCust .nf-step-cap b{color:#b0714f}
#ownerWA .nf-step-cap b{color:#3f74b0}
.th-tl-head{display:grid;grid-template-columns:52px 1fr 1fr;gap:20px;max-width:920px;margin:40px auto 12px}
.th-tl-h{font-size:12px;font-weight:800;color:#98a3b0;text-transform:uppercase;letter-spacing:.06em}
.th-timeline{max-width:920px;margin:0 auto}
.th-tl-row{display:grid;grid-template-columns:52px 1fr 1fr;gap:20px;align-items:stretch;margin-bottom:14px}
.th-tl-num{width:52px;height:52px;border-radius:50%;background:var(--orange);color:#fff;font-weight:800;font-size:19px;display:flex;align-items:center;justify-content:center}
.th-tl-cell{background:#faf7f5;border:1px solid var(--line);border-radius:12px;padding:15px 18px}
.th-tl-cell.owner{background:#eef4fb;border-color:#d8e6f7}
.th-tl-who{font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:#b0714f;margin-bottom:5px}
.th-tl-cell.owner .th-tl-who{color:#3f74b0}
.th-tl-txt{font-size:14px;color:#374151;line-height:1.45}
/* benefits */
section.th-ben{padding:72px 0;background:#faf7f5}
.th-ben-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin:40px auto 0;max-width:1400px}
.th-ben-card{background:#fdeee7;border:1px solid #f6ddd0;border-radius:14px;padding:24px;color:#12233a;transition:transform .18s,box-shadow .18s}
.th-ben-grid>*:nth-child(6n+2){background:#fdf4dc;border-color:#f1e4bf}
.th-ben-grid>*:nth-child(6n+3){background:#e9f2fd;border-color:#d3e5f8}
.th-ben-grid>*:nth-child(6n+4){background:#e8f6ee;border-color:#cfeadd}
.th-ben-grid>*:nth-child(6n+5){background:#f1ecfb;border-color:#e0d5f5}
.th-ben-grid>*:nth-child(6n+6){background:#fbecf1;border-color:#f4d5e0}
a.th-ben-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,30,50,.10)}
.th-ben-card .ic{display:inline-flex;align-items:center;justify-content:center;width:54px;height:54px;border-radius:14px;font-size:28px;margin-bottom:15px;background:#e0531f;box-shadow:0 6px 14px rgba(0,0,0,.10)}
.th-ben-grid>*:nth-child(6n+2) .ic{background:#d98a12}
.th-ben-grid>*:nth-child(6n+3) .ic{background:#1f7ae0}
.th-ben-grid>*:nth-child(6n+4) .ic{background:#1e9d63}
.th-ben-grid>*:nth-child(6n+5) .ic{background:#7c4de0}
.th-ben-grid>*:nth-child(6n+6) .ic{background:#cf5480}
.th-ben-card h3{font-size:16px;font-weight:700;color:#12233a;margin-bottom:6px}
.th-ben-card h3 span{color:var(--orange)!important}
.th-ben-card p{font-size:13.5px;color:#586074;line-height:1.55}
@media(max-width:1280px){.th-hero-i{grid-template-columns:1fr;text-align:center}.th-hero-left{margin:0 auto;order:0}.th-hero-phone{order:1;margin-top:8px}.th-h1{font-size:40px}.op-side{display:none}}
@media(max-width:820px){.th-pain-grid,.th-ben-grid{grid-template-columns:1fr}.op-bc{grid-template-columns:1fr}.th-tl-head{display:none}.th-tl-row{grid-template-columns:1fr;gap:8px;padding-left:0;margin-bottom:26px}.th-tl-num{display:none}}
/* hero flow caption */
.th-hero-cap{margin-top:18px;display:flex;flex-direction:column;align-items:center;gap:10px}
.th-cap-dots{display:flex;gap:6px}
.th-cap-dots i{width:7px;height:7px;border-radius:50%;background:#d8dde3;transition:all .3s}
.th-cap-dots i.on{background:var(--orange);width:20px;border-radius:4px}
.th-cap-txt{font-size:13px;font-weight:700;color:#c4d0dd}
/* owner sub-toggle */
.th-owner-intro{font-size:14.5px;color:#59616b;text-align:center;max-width:660px;margin:0 auto 4px;line-height:1.5}
.th-subtoggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:100px;padding:4px;margin:14px 0 28px;gap:4px}
.th-sg{border:none;background:transparent;padding:9px 20px;border-radius:100px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;color:#6b7280;cursor:pointer;transition:all .15s}
.th-sg.active{background:#12233a;color:#fff}
/* owner WhatsApp screens */
.ow-hd{font-size:13px;font-weight:800;color:#111;padding:11px 15px 3px}
.ow-list{padding:0 12px}
.ow-item{display:flex;align-items:center;gap:11px;padding:8px 3px;border-bottom:1px solid #f2efec}
.ow-item:last-child{border-bottom:none}
.ow-date{width:42px;height:42px;border-radius:10px;display:flex;flex-direction:column;align-items:center;justify-content:center;flex-shrink:0;line-height:1}
.ow-date b{font-size:15px;font-weight:800}
.ow-date span{font-size:8px;letter-spacing:.5px;margin-top:2px;font-weight:700}
.ow-ic{width:42px;height:42px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:15px;flex-shrink:0}
.ow-it-info{flex:1;min-width:0}
.ow-it-info b{font-size:11.5px;color:#111;display:block;font-weight:600}
.ow-it-info span{font-size:9.5px;color:#8b98a1;display:block;margin-top:2px;line-height:1.35}
.ow-radio{width:16px;height:16px;border-radius:50%;border:2px solid #cfd5db;flex-shrink:0}
.ow-radio.on{border-color:var(--wa-accent);background:radial-gradient(var(--wa-accent) 42%,transparent 46%)}
.ow-sec{padding:8px 15px 3px}
.ow-sec-h{font-size:13px;font-weight:800;color:#111;margin-bottom:4px}
.ow-sec p{font-size:11px;color:#3b4a54;line-height:1.55;margin:0}
.ow-sec .mut{color:#8b98a1}
.ow-opt{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid #f2efec;font-size:12px;color:#111;font-weight:600}
.ow-photos{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin:4px 0 4px}
.ow-ph{aspect-ratio:1;border-radius:9px;background-size:cover;background-position:center;background-color:#e6ebf2;position:relative}
.ow-ph.add{display:flex;align-items:center;justify-content:center;border:1.5px dashed #cbd2da;color:#9fb0c0;font-size:22px;background:#f6f8fb}
.ow-ph .tag{position:absolute;left:5px;bottom:5px;background:rgba(0,0,0,.55);color:#fff;font-size:8px;font-weight:700;padding:1px 5px;border-radius:5px}
/* portal diary map view */
.dv-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dv-seg{display:inline-flex;border:1px solid #e2e6ec;border-radius:9px;overflow:hidden}
.dv-seg span{padding:7px 13px;font-size:12px;font-weight:700;color:#5b6b7d;background:#fff;border-right:1px solid #eef1f5}
.dv-seg span:last-child{border-right:none}
.dv-seg span.on{background:var(--orange);color:#fff}
.dv-ghost{background:#fff;border:1px solid #e2e6ec;border-radius:9px;padding:8px 12px;font-size:12px;font-weight:700;color:#5b6b7d;cursor:pointer;font-family:'Manrope',sans-serif}
.dv-new{background:var(--orange);color:#fff;border:none;border-radius:9px;padding:8px 13px;font-size:12px;font-weight:700;cursor:pointer;font-family:'Manrope',sans-serif}
.dv-legend{display:flex;flex-wrap:wrap;gap:7px 15px;margin-bottom:14px}
.dv-lg{display:flex;align-items:center;gap:6px;font-size:11.5px;font-weight:600;color:#5b6b7d}
.dv-lg i{width:9px;height:9px;border-radius:50%}
.dv-lg b{color:#98a3b0;font-weight:700}
.dv-body{display:grid;grid-template-columns:200px 1fr;gap:14px}
.dv-map{position:relative;border:1px solid #e5e9ef;border-radius:12px;overflow:hidden;min-height:320px;background:#d7e6ee}
.dv-maptag{position:absolute;top:8px;left:8px;background:rgba(255,255,255,.92);border-radius:7px;padding:3px 8px;font-size:10px;font-weight:700;color:#5b6b7d;z-index:2}
.dv-routes{position:absolute;bottom:8px;left:8px;right:8px;background:rgba(255,255,255,.95);border:1px solid #e2e6ec;border-radius:8px;padding:7px;font-size:11px;font-weight:700;color:#5b6b7d;cursor:pointer;z-index:2;font-family:'Manrope',sans-serif}
.dv-sched{border:1px solid #e5e9ef;border-radius:12px;background:#fff;overflow-x:auto}
.dv-track{display:flex;min-width:520px}
.dv-eng{flex:1;min-width:104px;border-right:1px solid #eef1f5}
.dv-eng:last-child{border-right:none}
.dv-engh{padding:9px 8px;border-bottom:1px solid #e5e9ef;font-size:11px;font-weight:700;color:#12233a;display:flex;align-items:center;gap:6px;background:#f7f9fc}
.dv-engh i{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.dv-engh b{background:#eef1f5;color:#7a8595;border-radius:10px;padding:0 6px;font-size:10px;margin-left:auto;font-weight:700}
.dv-slot{padding:7px 6px;min-height:220px}
.dv-block{border-radius:7px;padding:6px 7px;margin-bottom:6px;color:#fff}
.dv-block .t{font-weight:800;font-size:9px;opacity:.95;display:block;margin-bottom:2px;letter-spacing:.02em}
.dv-block .n{font-weight:700;font-size:10px;display:block;line-height:1.25}
.dv-block .c{font-size:9px;opacity:.92;display:block;margin-top:1px}
/* portal top nav */
.op-topbar{display:flex;align-items:center;gap:14px;background:#0f1b2d;padding:0 16px;height:52px}
.op-topbar .op-brand{padding:0;margin:0;white-space:nowrap;font-size:14px}
.op-tabs{display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none}
.op-tabs::-webkit-scrollbar{display:none}
.op-tabs a{display:flex;align-items:center;gap:6px;padding:8px 14px;border-radius:8px;font-size:13px;font-weight:600;color:#9fabbb;cursor:pointer;white-space:nowrap}
.op-tabs a.active{background:rgba(255,255,255,.14);color:#fff}
.op-tabs a:hover:not(.active){color:#fff;background:rgba(255,255,255,.06)}
.op-branch{font-size:12px;color:#c3ccd6;background:rgba(255,255,255,.08);border-radius:8px;padding:7px 12px;white-space:nowrap;flex-shrink:0}
.op-frame .op-main{min-height:460px}
/* availability chart */
.av-filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:14px}
.av-sel{border:1px solid #dfe4ea;border-radius:9px;padding:8px 12px;font-size:12.5px;color:#374151;background:#fff;display:flex;align-items:center;gap:20px}
.av-sel::after{content:'\25be';color:#9aa3ad}
.av-run{background:var(--orange);color:#fff;border:none;border-radius:9px;padding:8px 16px;font-size:12.5px;font-weight:700;cursor:pointer;font-family:'Manrope',sans-serif}
.av-note{font-size:12px;color:#7a8595;margin-bottom:10px}
.av-note b{color:#c4501f}
.av-chart{display:flex;align-items:flex-end;gap:4px;height:168px;padding:8px 6px 0;background:#fff;border:1px solid #e5e9ef;border-radius:12px;overflow-x:auto}
.av-col{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;min-width:20px;flex:1;height:100%}
.av-bars{position:relative;width:100%;max-width:18px;height:140px;display:flex;align-items:flex-end;justify-content:center}
.av-cap{width:16px;background:#e6ebf2;border-radius:3px 3px 0 0;align-self:flex-end}
.av-bk{position:absolute;bottom:0;width:8px;background:#1d6fd6;border-radius:3px 3px 0 0}
.av-x{font-size:8px;color:#98a3b0;margin-top:4px}
.av-legend{display:flex;gap:16px;justify-content:center;margin:10px 0 16px;font-size:11.5px;color:#5b6b7d}
.av-legend i{display:inline-block;width:11px;height:11px;border-radius:3px;margin-right:5px;vertical-align:-1px}
.av-tbl{width:100%;border-collapse:collapse;font-size:12.5px;clear:both}
.av-tbl th{text-align:left;color:#98a3b0;font-weight:700;font-size:11px;text-transform:uppercase;letter-spacing:.04em;padding:8px 10px;border-bottom:1px solid #e5e9ef}
.av-tbl td{padding:9px 10px;border-bottom:1px solid #f1f4f8;color:#374151}
.av-tbl td:first-child{color:#1461c2;font-weight:700}
.av-export{background:#fff;border:1px solid #e2e6ec;border-radius:8px;padding:8px 13px;font-size:12px;font-weight:700;color:#5b6b7d;cursor:pointer;float:right;margin-bottom:10px;font-family:'Manrope',sans-serif}
/* promotions */
.pr-wrap{display:grid;grid-template-columns:300px 1fr;gap:22px}
.pr-card{background:#fff;border:1px solid #e9edf2;border-radius:12px;padding:14px;margin-bottom:14px}
.pr-ct{font-size:14px;font-weight:800;color:#12233a;margin-bottom:10px}
.pr-cap{font-size:12px;color:#7a8595;margin-top:10px}
.pr-promo{position:relative;height:150px;border-radius:10px;overflow:hidden;background:radial-gradient(circle at 50% 45%,#ffd24d,#f4b301)}
.pr-rays{position:absolute;inset:0;background:repeating-conic-gradient(from 0deg at 50% 45%,rgba(255,255,255,.16) 0deg 6deg,transparent 6deg 12deg)}
.pr-badge{position:absolute;inset:24px 30px;background:#fff;border:2px dashed #111;transform:rotate(-4deg);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 6px 14px rgba(0,0,0,.18)}
.pr-10{font-size:38px;font-weight:900;color:#111;line-height:.9}
.pr-10 b{font-size:20px;vertical-align:top}
.pr-off{font-size:17px;font-weight:900;color:#111;letter-spacing:1px}
.pr-sub{font-size:7.5px;font-weight:700;color:#111;letter-spacing:1px;margin-top:2px}
.pr-tt{font-size:13px;font-weight:800;color:#12233a}
.pr-tl{font-size:11px;color:#7a8595;margin:2px 0 8px}
.pr-input{border:1px solid #dfe4ea;border-radius:9px;padding:10px 12px;font-size:13px;color:#374151;background:#fff;min-height:20px}
.pr-input.ph{color:#9aa3ad}
.pr-ghost{background:#fff;border:1px solid #dfe4ea;border-radius:9px;padding:8px 14px;font-size:12.5px;font-weight:700;color:#5b6b7d;cursor:pointer;margin-top:9px;font-family:'Manrope',sans-serif}
.pr-grid2{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px}
.pr-fld{margin-bottom:16px}
.pr-fld label,.pr-grid2 label{display:block;font-size:12.5px;font-weight:700;color:#12233a;margin-bottom:7px}
.pr-radios{display:flex;gap:22px}
.pr-r{font-size:13px;color:#5b6b7d;cursor:pointer}
.pr-r.on{color:#1461c2;font-weight:600}
.pr-radio{font-size:13px;color:#5b6b7d;padding:6px 0;cursor:pointer}
.pr-radio.on{color:#1461c2;font-weight:600}
.pr-radio .mut{color:#9aa3ad}
.pr-line{height:1px;background:#e5e9ef;margin:6px 0 16px}
.pr-net{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}
.pr-net b{font-size:15px;color:#12233a}
.pr-badge2{background:#eef1f5;color:#5b6b7d;border-radius:8px;padding:3px 12px;font-weight:700;font-size:13px}
.pr-cost{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}
.pr-cost b{font-size:15px;color:#12233a}
.pr-cost span{font-size:14px;color:#12233a;font-weight:600}
.pr-hint{font-size:11px;color:#9aa3ad;line-height:1.5;margin-bottom:16px}
.pr-actions{display:flex;gap:10px}
.pr-send{background:var(--orange);color:#fff;border:none;border-radius:9px;padding:11px 20px;font-size:13.5px;font-weight:700;cursor:pointer;font-family:'Manrope',sans-serif}
.pr-cancel{background:#fff;border:1px solid #dfe4ea;border-radius:9px;padding:11px 20px;font-size:13.5px;font-weight:700;color:#5b6b7d;cursor:pointer;font-family:'Manrope',sans-serif}
/* bookings table */
.bk-tools{display:flex;gap:8px;flex-wrap:wrap;align-items:center;margin-bottom:14px}
.bk-search{border:1px solid #dfe4ea;border-radius:9px;padding:9px 12px;font-size:12.5px;color:#9aa3ad;background:#fff;min-width:160px;flex:1}
.bk-sel{border:1px solid #dfe4ea;border-radius:9px;padding:9px 12px;font-size:12px;color:#374151;background:#fff;display:flex;align-items:center;gap:10px;white-space:nowrap}
.bk-sel::after{content:'\25be';color:#9aa3ad}
.bk-showing{font-size:12px;color:#7a8595;padding:0 4px}
.bk-cols{border:1px solid #dfe4ea;border-radius:9px;padding:9px 12px;font-size:12px;color:#5b6b7d;background:#fff;font-weight:600;cursor:pointer;white-space:nowrap}
.bk-stats{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:16px}
.bk-stat{border:1px solid #e9edf2;border-radius:11px;padding:10px 16px;background:#fff;min-width:76px}
.bk-stat span{display:block;font-size:11px;color:#98a3b0;font-weight:600;margin-bottom:3px}
.bk-stat b{font-size:17px;color:#12233a}
.bk-stat.green b{color:#0b7a4b}
.bk-stat.red b{color:#c4501f}
.bk-eod,.bk-exp{border:1px solid #e2e6ec;border-radius:9px;padding:9px 13px;font-size:12px;font-weight:700;color:#5b6b7d;background:#fff;cursor:pointer;white-space:nowrap}
.bk-scroll{overflow-x:auto;border:1px solid #e5e9ef;border-radius:12px}
.bk-tbl{width:100%;border-collapse:collapse;font-size:12.5px;min-width:720px}
.bk-tbl th{text-align:left;color:#98a3b0;font-weight:700;font-size:11px;padding:11px 12px;border-bottom:1px solid #e5e9ef;background:#f7f9fc;white-space:nowrap}
.bk-tbl td{padding:12px;border-bottom:1px solid #f1f4f8;color:#374151;vertical-align:top}
.bk-tbl tr:last-child td{border-bottom:none}
.bk-tbl td b{font-size:13px;color:#12233a}
.bk-ref{display:block;font-size:10.5px;color:#9aa3ad;font-weight:600;margin-top:2px}
.bk-tbl td.red{color:#c4501f;font-weight:700}
.bk-tbl td.mut{color:#9aa3ad}
.bk-pill{font-size:11px;font-weight:700;border-radius:20px;padding:3px 11px;white-space:nowrap}
.bk-pill.sch{background:#e8f1fd;color:#1461c2}
.bk-pill.comp{background:#e7f7ee;color:#0b7a4b}
.bk-act{display:flex;gap:6px}
.bk-upd{border:1px solid #dfe4ea;border-radius:7px;padding:6px 9px;font-size:11px;color:#5b6b7d;background:#fff;white-space:nowrap}
.bk-more{border:1px solid #dfe4ea;border-radius:7px;padding:6px 11px;font-size:11px;color:#9aa3ad;background:#fff}
@media(max-width:820px){.pr-wrap{grid-template-columns:1fr}.pr-grid2{grid-template-columns:1fr}}
@media(max-width:820px){.dv-body{grid-template-columns:1fr}.dv-map{min-height:170px}}

/* ── CASE STUDY (Format A) ── */
.cs{padding:82px 0;background:linear-gradient(165deg,#1b2e46 0%,#264c72 62%,#1b2e46 100%);border-top:1px solid rgba(255,255,255,.08)}
.cs .s-h2{color:#fff}
.cs .s-sub{color:#b6c4d4}
.cs .cs-illus{color:#93a6bb}
.cs-wrap{max-width:1400px;margin:0 auto;padding:0 28px}
.cs-head{text-align:center}
.cs-grid{display:grid;grid-template-columns:2fr 1fr;gap:34px;margin-top:44px;align-items:start;text-align:left}
.cs-story{background:#fff;border:1px solid #eef0f3;border-radius:20px;padding:34px 36px;box-shadow:0 16px 40px rgba(20,30,50,.06)}
.cs-meta{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 22px}
.cs-meta span{font-size:12.5px;font-weight:600;color:#5b6b7d;background:#faf7f5;border:1px solid var(--line);padding:5px 12px;border-radius:20px}
.cs-block{margin-bottom:22px}
.cs-block h4{display:inline-flex;align-items:center;gap:10px;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:var(--orange);margin:0 0 9px}
.cs-block h4:before{content:"";width:22px;height:2.5px;border-radius:2px;background:linear-gradient(90deg,var(--orange),var(--amber))}
.cs-block p{margin:0;font-size:15.5px;color:#3a4654;line-height:1.68}
.cs-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}
.cs-tags i{font-style:normal;font-size:12px;font-weight:600;color:#0f6e4a;background:#e3f6ec;border:1px solid #c7ecd6;padding:3px 9px;border-radius:6px}
.cs-journey{list-style:none;margin:8px 0 0;padding:0;counter-reset:j}
.cs-journey li{counter-increment:j;position:relative;padding:0 0 14px 40px;font-size:15px;color:#3a4654;line-height:1.55}
.cs-journey li:before{content:counter(j);position:absolute;left:0;top:0;width:26px;height:26px;border-radius:50%;background:var(--green);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:13px;display:flex;align-items:center;justify-content:center}
.cs-journey li:not(:last-child):after{content:"";position:absolute;left:13px;top:26px;bottom:0;width:2px;background:#d7e7dd}
.cs-journey b{color:#12233a}
.cs-side{position:sticky;top:88px}
.cs-stats{position:relative;overflow:hidden;background:linear-gradient(160deg,#12233b 0%,#0b1a2e 100%);border:1px solid rgba(255,255,255,.09);border-radius:20px;padding:26px 24px;color:#fff;box-shadow:0 28px 60px rgba(6,14,28,.45)}
.cs-stats:before{content:"";position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--orange),var(--amber))}
.cs-stats:after{content:"";position:absolute;top:-70px;right:-70px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle,rgba(240,120,40,.20),transparent 68%);pointer-events:none}
.cs-stats h4{position:relative;font-size:12px;font-weight:800;letter-spacing:1.2px;text-transform:uppercase;color:#9fb2c9;margin:0 0 18px;display:flex;align-items:center;gap:9px}
.cs-stats h4:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 4px rgba(240,96,48,.18)}
.cs-stat{position:relative;padding:14px 16px 14px 20px;border-radius:13px;background:rgba(255,255,255,.045);border:1px solid rgba(255,255,255,.06);display:grid;grid-template-columns:104px 1fr;align-items:center;gap:14px;margin-bottom:11px;transition:transform .16s,background .16s,border-color .16s}
.cs-stat:last-child{margin-bottom:0}
.cs-stat:hover{background:rgba(255,255,255,.08);border-color:rgba(240,140,60,.32);transform:translateX(3px)}
.cs-stat:before{content:"";position:absolute;left:0;top:11px;bottom:11px;width:3px;border-radius:3px;background:linear-gradient(var(--orange),var(--amber))}
.cs-stat .n{font-family:'Manrope',sans-serif;font-size:30px;font-weight:800;letter-spacing:-.5px;line-height:1;background:linear-gradient(90deg,#FF9E17,#F96B18);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.cs-stat .l{font-size:13px;color:#c9d5e3;line-height:1.4}
.cs-quote{position:relative;background:#fff;border:1px solid #eef0f3;border-radius:16px;padding:30px 24px 24px;margin-top:18px;box-shadow:0 12px 30px rgba(20,30,50,.05)}
.cs-quote:before{content:"\201C";position:absolute;top:6px;left:20px;font-family:Georgia,serif;font-size:64px;line-height:1;color:var(--orange);opacity:.16}
.cs-quote p{position:relative;margin:0 0 16px;font-size:16px;font-style:italic;color:#2a3644;line-height:1.6}
.cs-who{display:flex;align-items:center;gap:12px}
.cs-av{width:44px;height:44px;border-radius:50%;background:var(--grad-orange);color:#fff;font-family:'Manrope',sans-serif;font-weight:800;font-size:18px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.cs-who b{display:block;font-size:14px;color:#12233a}
.cs-who span{font-size:12.5px;color:var(--muted)}
.cs-illus{font-size:11.5px;color:#a4988e;margin-top:14px;font-style:italic}
@media(max-width:820px){.cs-grid{grid-template-columns:1fr}.cs-side{position:static}}
/* ── HERO: dual mini-app phones ── */
.th-hero-pwrap{display:flex;flex-direction:column;align-items:center;gap:16px}
.th-hero-ptag{display:inline-flex;align-items:center;gap:7px;font-family:'Manrope',sans-serif;font-size:12.5px;font-weight:700;color:#d6fff0;background:rgba(8,15,25,.86);border:1px solid rgba(0,168,132,.6);padding:7px 15px;border-radius:22px;text-align:center;line-height:1.3;box-shadow:0 6px 18px rgba(0,0,0,.35)}
.th-hero-phones{display:flex;gap:20px;align-items:flex-start;justify-content:center}
.hx-split{display:flex;align-items:stretch;gap:12px;justify-content:center}
.hx-panel{border-radius:18px;padding:12px 6px 8px;display:flex;flex-direction:column;align-items:center;gap:10px;border:1px solid}
.hx-panel.cust{background:linear-gradient(165deg,rgba(14,58,44,.78),rgba(9,32,26,.78));border-color:rgba(37,211,102,.42)}
.hx-panel.biz{background:linear-gradient(165deg,rgba(72,42,20,.78),rgba(40,22,10,.78));border-color:rgba(240,96,48,.48)}
.hx-head{display:flex;align-items:center;gap:9px;align-self:stretch}
.hx-ic{width:30px;height:30px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0}
.hx-panel.cust .hx-ic{background:rgba(37,211,102,.22);color:#7fffc4}
.hx-panel.biz .hx-ic{background:rgba(240,96,48,.24);color:#ffb599}
.hx-head b{font-family:'Manrope',sans-serif;font-size:12px;font-weight:800;letter-spacing:.5px;display:block;line-height:1.1}
.hx-panel.cust .hx-head b{color:#8affca}
.hx-panel.biz .hx-head b{color:#ffb599}
.hx-head span{font-size:10px;color:#c4d0dd;display:block;margin-top:2px}
.hx-arrow{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;align-self:center;flex-shrink:0}
.hx-arrow>span{width:58px;height:58px;border-radius:50%;background:rgba(255,255,255,.26);border:2px solid rgba(255,255,255,.7);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.08)}
.hx-arrow small{font-size:11.5px;font-weight:600;color:#eaf1f8;text-align:center;max-width:88px;line-height:1.35}
.th-hero-pcol{display:flex;flex-direction:column;align-items:center;gap:11px}
.th-hero-plabel{font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.4px;padding:5px 13px;border-radius:20px;white-space:nowrap}
.th-hero-plabel.cust{color:#eafff6;background:rgba(37,211,102,.20);border:1px solid rgba(37,211,102,.5)}
.th-hero-plabel.owner{color:#ffe6da;background:rgba(240,96,48,.22);border:1px solid rgba(240,96,48,.55)}
.th-hero-phone .nf-phone{width:250px}
.th-hero-phone .nf-screen{height:492px}
@media(max-width:900px){.hx-split{zoom:.92}}
@media(max-width:640px){.hx-split{zoom:.80}}
@media(max-width:520px){.hx-split{zoom:.70}}
@media(max-width:430px){.hx-split{zoom:.58}}
@media(max-width:380px){.hx-split{zoom:.5}}
/* ── Pain points (typical working day) ── */
.pn{padding:58px 0;background:linear-gradient(180deg,#ffffff 0%,#f5f1ee 100%)}
.pn-grid{display:grid;grid-template-columns:1fr 2fr;gap:44px;align-items:stretch;max-width:1400px;margin:0 auto}
.pn-left{display:flex;flex-direction:column}
.pn-left h2{font-size:33px;font-weight:800;color:#0a0a0a;line-height:1.15;letter-spacing:-.6px;margin:12px 0 14px}
.pn-left .lead{font-size:16px;color:#59616b;line-height:1.6;margin-bottom:26px}
.pn-reality{background:var(--grad-black);border-radius:18px;padding:26px 28px;color:#fff}
.pn-badge{display:inline-flex;align-items:center;gap:8px;font-size:11px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#c4d0dd;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);padding:6px 13px;border-radius:20px;margin-bottom:16px}
.pn-reality h3{font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;line-height:1.2;margin-bottom:12px}
.pn-reality h3 span{color:var(--amber)}
.pn-reality p{font-size:14.5px;color:#c4d0dd;line-height:1.6;margin-bottom:18px}
.pn-reality .fam{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:700;color:#fff;border-top:1px solid rgba(255,255,255,.12);padding-top:16px}
.pn-reality .fam:before{content:"";width:10px;height:10px;border-radius:50%;background:var(--orange);flex-shrink:0}
.pn-bridge{margin-top:auto;padding:24px 0 2px 15px;display:flex;flex-direction:column;gap:12px}
.pn-bridge .ln{width:2px;height:52px;background:repeating-linear-gradient(#cfd6de 0 5px,transparent 5px 12px)}
.pn-bridge .tx{display:inline-flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-weight:800;font-size:13.5px;color:#3a4654}
.pn-bridge .tx b{width:26px;height:26px;border-radius:50%;background:var(--orange);color:#fff;display:inline-flex;align-items:center;justify-content:center;font-size:15px;box-shadow:0 6px 14px rgba(240,96,48,.35);animation:pnbob 1.6s ease-in-out infinite}
@keyframes pnbob{0%,100%{transform:translateY(0)}50%{transform:translateY(4px)}}
.pn-right{border:1px solid #edf0f3;border-radius:20px;padding:2px 26px 16px;background:#fff;box-shadow:0 22px 48px rgba(20,30,50,.09)}
.pn-rhead{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 0;border-bottom:1px solid #eef0f3;flex-wrap:wrap}
.pn-rhead b{font-family:'Manrope',sans-serif;font-size:14px;font-weight:700;color:#12233a}
.pn-status{display:inline-flex;align-items:center;gap:7px;font-size:12px;color:#0b7a4b;font-weight:600}
.pn-status:before{content:"";width:8px;height:8px;border-radius:50%;background:#1e9d63}
.pn-item{position:relative;display:grid;grid-template-columns:38px 42px 1fr;gap:12px;padding:13px 14px 13px 10px;margin:0 -12px;border-radius:14px;border-bottom:1px solid #eef0f3;align-items:start;transition:background .18s,box-shadow .18s}
.pn-item:last-child{border-bottom:none}
.pn-item:hover{background:#fbfcfd;box-shadow:0 10px 26px rgba(20,30,50,.06)}
.pn-item:not(:last-child):after{content:"";position:absolute;left:80px;top:64px;bottom:0;width:2px;background:linear-gradient(#e6eaef,#eef0f3);z-index:0}
.pn-time{font-size:12px;font-weight:700;color:#9aa3ad;padding-top:9px}
.pn-ic{position:relative;width:40px;height:40px;border-radius:11px;display:flex;align-items:center;justify-content:center;color:var(--pc);background:var(--pcb);box-shadow:0 4px 12px color-mix(in srgb,var(--pc) 22%,transparent);transition:transform .18s;z-index:1}
.pn-item:hover .pn-ic{transform:scale(1.08)}
.pn-ic svg{width:19px;height:19px}
.pn-lbl{font-size:10px;font-weight:800;letter-spacing:.7px;text-transform:uppercase;color:#9aa3ad;margin-bottom:6px}
.pn-q{font-family:'Manrope',sans-serif;font-size:15px;font-weight:700;color:#12233a;line-height:1.35;margin-bottom:6px}
.pn-d{font-size:13px;color:#6b7683;line-height:1.45;margin-bottom:8px}
.pn-cost{background:linear-gradient(90deg,color-mix(in srgb,var(--pc) 8%,#f7f8fa),#f7f8fa);border-left:3px solid var(--pc);border-radius:0 8px 8px 0;padding:7px 14px}
.pn-cost span{display:block;font-size:9px;font-weight:800;letter-spacing:.6px;text-transform:uppercase;color:#9aa3ad;margin-bottom:2px}
.pn-cost b{font-size:13px;color:#12233a;font-weight:700}
.pn-foot{max-width:1400px;margin:34px auto 0;background:linear-gradient(120deg,#15263f 0%,#0b1a2e 100%);border:none;border-radius:20px;padding:24px 30px;display:grid;grid-template-columns:1fr auto auto;gap:26px;align-items:center;box-shadow:0 20px 44px rgba(11,26,46,.24);position:relative;overflow:hidden}
.pn-foot:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:linear-gradient(var(--orange),var(--amber))}
.pn-foot-l b{font-family:'Manrope',sans-serif;font-size:16px;font-weight:800;color:#fff;line-height:1.32;display:block;margin-bottom:6px;max-width:380px}
.pn-foot-l p{font-size:12.5px;color:#a7b4c3;line-height:1.55;max-width:360px}
.pn-down{width:44px;height:44px;border-radius:50%;border:none;display:flex;align-items:center;justify-content:center;color:#fff;background:var(--orange);justify-self:center;box-shadow:0 8px 20px rgba(240,96,48,.4);transition:transform .15s;animation:pnbob 1.6s ease-in-out infinite}
.pn-down:hover{transform:scale(1.08)}
.pn-steps{display:flex;align-items:center;gap:8px;justify-self:end;flex-wrap:wrap;font-family:'Manrope',sans-serif;font-weight:700;font-size:13px}
.pn-steps span{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.15);color:#fff;padding:7px 13px;border-radius:9px}
.pn-steps i{color:var(--amber);font-style:normal;font-size:15px}
@media(max-width:700px){.pn-foot{grid-template-columns:1fr;text-align:center;gap:18px}.pn-steps{justify-self:center}.pn-down{justify-self:center}.pn-foot-l b,.pn-foot-l p{max-width:none;margin-left:auto;margin-right:auto}}
@media(max-width:900px){.pn-grid{grid-template-columns:1fr;gap:30px}}
@media(max-width:560px){.pn-item{grid-template-columns:40px 1fr}.pn-time{grid-column:1 / -1;padding-top:0;margin-bottom:-6px}.pn-left h2{font-size:26px}}
@media(max-width:600px){.nav-btn.book{display:none}.nav-btn.start{padding:9px 16px;font-size:12.5px}}
/* ── PRICING ── */
/* ── Tiered pricing ── */
.pz{padding:78px 0;background:#faf7f5;border-top:1px solid var(--line)}
.pz-wrap{max-width:1400px;margin:0 auto;padding:0 28px}
.pz-head{text-align:center;margin:0 auto 46px}
.pz-head h2{font-size:33px;font-weight:800;color:#0a0a0a;line-height:1.15;letter-spacing:-.6px;margin:12px 0}
.pz-head p:not(.s-pre){font-size:16px;color:#59616b;line-height:1.6;max-width:720px;margin:0 auto}
.pz-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:start}
.pz-card{background:#fff;border:1px solid #e9edf2;border-radius:18px;padding:28px;display:flex;flex-direction:column;box-shadow:0 12px 30px rgba(20,30,50,.06)}
.pz-card.feat{background:var(--grad-black);border:none;color:#fff;position:relative;box-shadow:0 24px 54px rgba(15,25,45,.3)}
.pz-badge{position:absolute;top:-13px;left:24px;background:var(--orange);color:#fff;font-family:'Manrope',sans-serif;font-size:10.5px;font-weight:800;letter-spacing:.4px;padding:6px 14px;border-radius:20px;box-shadow:0 6px 14px rgba(240,96,48,.4)}
.pz-eyebrow{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:700;color:#8a94a0;margin-bottom:12px}
.pz-card.feat .pz-eyebrow{color:#9fb0c4}
.pz-card h3{font-family:'Manrope',sans-serif;font-size:24px;font-weight:800;color:#12233a;margin-bottom:8px}
.pz-card.feat h3{color:#fff}
.pz-for{font-size:13.5px;color:#6b7683;line-height:1.5;margin-bottom:18px;min-height:40px}
.pz-card.feat .pz-for{color:#c4d0dd}
.pz-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin-bottom:4px}
.pz-price .old{font-size:20px;color:#e0533a;text-decoration:line-through;font-weight:700}
.pz-price .amt{font-family:'Manrope',sans-serif;font-size:38px;font-weight:800;color:#12233a;letter-spacing:-1px;line-height:1}
.pz-card.feat .pz-price .amt{color:#fff}
.pz-price .unit{font-size:14px;color:#8a94a0;font-weight:600}
.pz-card.feat .pz-price .unit{color:#9fb0c4}
.pz-tailored{font-family:'Manrope',sans-serif;font-size:30px;font-weight:800;color:#12233a;margin-bottom:4px}
.pz-introbadge{display:inline-block;font-size:11px;font-weight:700;color:#ffd9c7;background:rgba(240,96,48,.18);border:1px solid rgba(240,96,48,.4);padding:5px 12px;border-radius:8px;margin-top:8px}
.pz-div{border-top:1px solid #eef0f3;margin:18px 0}
.pz-card.feat .pz-div{border-color:rgba(255,255,255,.14)}
.pz-incl{font-size:13px;font-weight:700;color:#12233a;margin-bottom:12px}
.pz-card.feat .pz-incl{color:#fff}
.pz-list{list-style:none;display:flex;flex-direction:column;gap:11px;margin-bottom:22px;flex:1}
.pz-list li{display:flex;align-items:flex-start;gap:9px;font-size:13.5px;color:#3a4654;line-height:1.4}
.pz-card.feat .pz-list li{color:#dfe7ef}
.pz-list li:before{content:"\2713";display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:50%;background:#e2f6ef;color:#159e7a;font-size:11px;font-weight:800;flex-shrink:0;margin-top:1px}
.pz-card.feat .pz-list li:before{background:rgba(37,211,102,.2);color:#7fffc4}
.pz-btn{display:block;text-align:center;font-family:'Manrope',sans-serif;font-weight:700;font-size:14.5px;padding:13px;border-radius:12px;text-decoration:none;transition:background .15s,border-color .15s;margin-top:auto}
.pz-btn.solid{background:var(--orange);color:#fff}
.pz-btn.solid:hover{background:var(--orange-d)}
.pz-btn.out{background:#fff;color:#12233a;border:1.5px solid #dfe4ea}
.pz-btn.out:hover{border-color:#12233a}
.pz-trust{display:flex;flex-wrap:wrap;justify-content:center;gap:14px 28px;margin-top:34px}
.pz-trust span{font-size:13px;color:#6b7683;display:inline-flex;align-items:center;gap:7px}
.pz-fine{text-align:center;font-size:12px;color:#9aa3ad;margin:16px auto 0;max-width:720px;line-height:1.5}
@media(max-width:900px){.pz-grid{grid-template-columns:1fr;max-width:440px;margin:0 auto}.pz-for{min-height:0}.pz-head h2{font-size:27px}}
.pr{padding:78px 0;background:#faf7f5;border-top:1px solid var(--line)}
.pr-wrap{max-width:1120px;margin:0 auto;padding:0 28px}
.pr-head{text-align:center}
.pr-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.pr-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px 24px;display:flex;flex-direction:column;transition:transform .18s,box-shadow .18s}
.pr-card:hover{transform:translateY(-3px);box-shadow:0 14px 30px rgba(20,30,50,.08)}
.pr-ic{width:50px;height:50px;border-radius:13px;display:flex;align-items:center;justify-content:center;font-size:24px;background:var(--grad-orange);color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.1);margin-bottom:14px}
.pr-card h3{font-family:'Manrope',sans-serif;font-size:16px;color:#12233a;margin:0 0 8px}
.pr-from{font-size:11px;font-weight:800;letter-spacing:1px;text-transform:uppercase;color:var(--orange);margin-bottom:2px}
.pr-price{font-family:'Manrope',sans-serif;font-weight:800;color:#12233a;letter-spacing:-.5px;display:flex;align-items:baseline;gap:7px;flex-wrap:wrap}
.pr-price .amt{font-size:38px;line-height:1}
.pr-price .unit{font-size:14px;color:var(--muted);font-weight:600}
.pr-card p{margin:12px 0 0;font-size:14.5px;color:#3a4654;line-height:1.6}
.pr-note{margin:22px auto 0;max-width:840px;text-align:center;font-size:13px;color:#7a7168;line-height:1.6;font-style:italic}
.pr-cta{margin:26px auto 0;max-width:720px;background:var(--grad-black);border-radius:18px;padding:32px 30px;text-align:center;color:#fff;box-shadow:0 22px 44px rgba(15,25,45,.18)}
.pr-cta h3{font-family:'Manrope',sans-serif;font-size:23px;margin:0 0 7px}
.pr-cta p{margin:0 auto 20px;color:#c4d0dd;font-size:15px;max-width:440px}
.pr-cta .hero-btns{justify-content:center}
.pr-cta .btn-outline{background:transparent;color:#fff;border-color:rgba(255,255,255,.32);box-shadow:none}
.pr-cta .btn-outline:hover{background:rgba(255,255,255,.1)}
.pr-ticks{display:flex;flex-wrap:wrap;gap:8px 20px;justify-content:center;margin-top:22px;font-size:13.5px;color:#5b6b7d}
.pr-ticks span:before{content:"\2713";color:#1e8f5b;font-weight:800;margin-right:6px}
@media(max-width:820px){.pr-grid{grid-template-columns:1fr}}
/* ── GET STARTED (lead form) ── */
.nav-btn.start{background:var(--orange);color:#fff;border-color:var(--orange)}
.nav-btn.start:hover{background:var(--orange-d);border-color:var(--orange-d);box-shadow:0 6px 16px rgba(240,96,48,.3)}
/* Get started section styles moved to assets/get-started.js */
/* ── MARKETING ── */
.mk{padding:78px 0;background:#faf7f5;border-top:1px solid var(--line)}
.mk-wrap{max-width:1400px;margin:0 auto;padding:0 28px}
.mk-main{display:grid;grid-template-columns:1.3fr .9fr;gap:40px;margin-top:40px;align-items:start}
.mk-cards{display:flex;flex-direction:column;gap:14px}
.mk-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px 20px;display:flex;gap:14px;align-items:flex-start;transition:transform .16s,box-shadow .16s}
.mk-card:hover{transform:translateY(-2px);box-shadow:0 12px 26px rgba(20,30,50,.07)}
.mk-ic{width:44px;height:44px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:21px;background:var(--grad-orange);color:#fff;box-shadow:0 6px 14px rgba(0,0,0,.1);flex-shrink:0}
.mk-tx h3{font-family:'Manrope',sans-serif;font-size:15px;color:#12233a;margin:0 0 4px}
.mk-tx p{margin:0;font-size:13.5px;color:#3a4654;line-height:1.55}
.mk-phonewrap{display:flex;flex-direction:column;align-items:center;gap:12px;position:sticky;top:88px}
.mk-plabel{font-family:'Manrope',sans-serif;font-size:11.5px;font-weight:800;letter-spacing:.4px;padding:5px 12px;border-radius:20px;color:#0b6b47;background:#e3f6ec;border:1px solid #c7ecd6}
.mk-plabel.own{color:#b23c12;background:#fdeee7;border-color:#f6ddd0}
.mk-phone .nf-phone{width:250px;border-radius:32px;padding:5px;background:#0f141b;box-shadow:0 26px 60px rgba(15,30,60,.28)}
.mk-phone .nf-screen{height:500px;border-radius:27px}
.mk-chat{flex:1;background:#e5ddd5;padding:12px 10px;display:flex;flex-direction:column;gap:8px;overflow:hidden}
.mk-in{align-self:flex-start;max-width:93%;background:#fff;border-radius:3px 10px 10px 10px;overflow:hidden;box-shadow:0 1px 1px rgba(0,0,0,.12)}
.mk-hero{height:94px;background-size:cover;background-position:center}
.mk-txt{padding:8px 10px;font-size:11.5px;color:#111;line-height:1.5}
.mk-time{display:block;text-align:right;font-size:8.5px;color:#8a8f93;margin-top:3px}
.mk-cta{border-top:1px solid #eef0f2;text-align:center;color:#0a7cff;font-size:12.5px;font-weight:600;padding:9px}
.mk-note{align-self:center;font-size:9.5px;color:#5b6a72;background:rgba(255,255,255,.6);padding:2px 9px;border-radius:8px}
.mk-composer{margin-top:34px}
.mk-comp{margin-top:12px;display:grid;grid-template-columns:1.15fr 1fr;gap:22px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:24px;box-shadow:0 14px 30px rgba(20,30,50,.06)}
.mk-comp h4{font-family:'Manrope',sans-serif;font-size:13px;color:#12233a;margin:0 0 14px;display:flex;align-items:center;gap:8px}
.mk-field{margin-bottom:13px}
.mk-flabel{font-size:10.5px;font-weight:800;color:#9a8f85;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}
.mk-sel{border:1.5px solid #e2dcd6;border-radius:9px;padding:9px 11px;font-size:13px;color:#12233a;background:#faf7f5}
.mk-chips{display:flex;flex-wrap:wrap;gap:6px}
.mk-chip{font-size:11.5px;padding:4px 10px;border-radius:16px;background:#f4f6f8;border:1px solid #e7ebf0;color:#5b6b7d}
.mk-chip.on{background:#e3f6ec;border-color:#bfe6cf;color:#0b6b47;font-weight:600}
.mk-send{margin-top:4px;background:var(--grad-orange);color:#fff;border:none;border-radius:10px;padding:11px;font-family:'Manrope',sans-serif;font-weight:700;font-size:13.5px;text-align:center}
.mk-anal{border-left:1px solid #f0eae4;padding-left:22px}
.mk-srow{display:flex;justify-content:space-between;align-items:center;font-size:13px;color:#3a4654;padding:7px 0;border-bottom:1px dashed #eee}
.mk-srow b{font-family:'Manrope',sans-serif;color:#12233a}
.mk-srow.read b{color:var(--orange)}
.mk-bars{display:flex;align-items:flex-end;gap:14px;height:64px;margin-top:16px}
.mk-barwrap{flex:1;display:flex;flex-direction:column;align-items:center;gap:6px}
.mk-bar{width:100%;border-radius:6px 6px 0 0;background:var(--grad-orange)}
.mk-barwrap small{font-size:10.5px;color:#8a7f75}
/* ── VOICE AGENT (dark) ── */
.vx{padding:78px 0;background:linear-gradient(165deg,#0e1a2b 0%,#132a44 62%,#0e1a2b 100%)}
.vx-wrap{max-width:1400px;margin:0 auto;padding:0 28px}
.vx .s-pre{color:#8fe6cb;border-color:#34c79b;box-shadow:inset 0 0 0 2px rgba(52,199,155,.2);background:rgba(52,199,155,.06)}
.vx .s-h2{color:#fff}
.vx .s-sub{color:#c4d0dd;margin-left:auto;margin-right:auto}
.vx-main{display:grid;grid-template-columns:1fr 1fr;gap:34px;margin-top:40px;align-items:stretch}
.vx-call{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px;display:flex;flex-direction:column}
.vx-call-hdr{display:flex;align-items:center;gap:9px;font-family:'Manrope',sans-serif;font-size:13px;font-weight:700;color:#cfe0d8;margin-bottom:16px}
.vx-dot{width:9px;height:9px;border-radius:50%;background:#25D366;animation:vxpulse 1.6s infinite}
@keyframes vxpulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5)}70%{box-shadow:0 0 0 8px rgba(37,211,102,0)}100%{box-shadow:0 0 0 0 rgba(37,211,102,0)}}
.vx-log{display:flex;flex-direction:column;gap:10px;max-height:360px;overflow-y:auto;scrollbar-width:none}
.vx-log::-webkit-scrollbar{display:none}
.vx-line{max-width:84%;padding:9px 13px;border-radius:14px;font-size:13.5px;line-height:1.45;opacity:0;transform:translateY(6px);animation:vxin .35s forwards}
@keyframes vxin{to{opacity:1;transform:none}}
.vx-agent{align-self:flex-start;background:#1c3450;color:#eaf1f8;border-bottom-left-radius:4px}
.vx-caller{align-self:flex-end;background:#245640;color:#eafaf1;border-bottom-right-radius:4px}
.vx-who{display:block;font-size:9.5px;font-weight:800;letter-spacing:.5px;text-transform:uppercase;opacity:.55;margin-bottom:3px}
.vx-flow{background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.12);border-radius:18px;padding:20px}
.vx-step{display:flex;align-items:center;gap:12px;color:#eaf1f8}
.vx-step span{width:38px;height:38px;border-radius:11px;background:rgba(255,255,255,.08);display:flex;align-items:center;justify-content:center;font-size:18px;flex-shrink:0}
.vx-step b{font-family:'Manrope',sans-serif;font-size:14px;display:block}
.vx-step small{font-size:12px;color:#9fb0c4}
.vx-arrow{color:#41586f;font-size:14px;margin:2px 0 2px 18px}
.vx-proof{display:flex;flex-wrap:wrap;gap:8px 16px;margin-top:20px;font-size:13px;color:#bcd0c6}
.vx-proof span{white-space:nowrap}
.vx-btn{margin-top:22px}
@media(max-width:860px){.mk-main{grid-template-columns:1fr}.mk-comp{grid-template-columns:1fr}.mk-anal{border-left:none;border-top:1px solid #f0eae4;padding-left:0;padding-top:16px}.vx-main{grid-template-columns:1fr}.mk-phonewrap{position:static}}
/* ── on-page section sub-nav ── */
.thnav{position:sticky;z-index:150;background:rgba(255,255,255,.97);backdrop-filter:blur(10px);border-bottom:1px solid var(--border)}
.thnav-in{max-width:1160px;margin:0 auto;display:flex;justify-content:center;gap:28px;padding:0 22px;overflow-x:auto;scrollbar-width:none}
.thnav-in::-webkit-scrollbar{display:none}
.thnav-chip{flex:0 0 auto;font-family:'Manrope',sans-serif;font-weight:700;font-size:12.5px;letter-spacing:.2px;color:#5b6b7d;text-decoration:none;padding:12px 2px;border-bottom:2.5px solid transparent;white-space:nowrap;transition:color .14s,border-color .14s}
.thnav-chip:hover{color:var(--orange)}
.thnav-chip.active{color:#12233a;border-bottom-color:var(--orange)}
@media(max-width:640px){.thnav-in{gap:18px;padding:0 14px}}
/* ── real portal screenshots ── */
.shot{border-radius:14px;overflow:hidden;border:1px solid #e5e9ef;box-shadow:0 20px 48px rgba(15,30,60,.15);background:#fff}
.shot-bar{display:flex;align-items:center;gap:7px;padding:9px 13px;background:#f1ece7;border-bottom:1px solid #e7ddd4}
.shot-bar i{width:11px;height:11px;border-radius:50%;background:#d7ccc2}
.shot-url{margin-left:10px;font-size:11.5px;color:#8a7f75;background:#fff;border:1px solid #e7ddd4;border-radius:20px;padding:3px 12px;font-family:'Manrope',sans-serif}
.shot img{display:block;width:100%;height:auto}
.shot-flag{max-width:860px;margin:16px auto 0}
.shot-cap{font-size:13px;color:#6b7280;text-align:center;margin:13px auto 0;max-width:560px;line-height:1.55}
.mshots-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px 24px;max-width:900px;margin:40px auto 0}
.mshots-fig{margin:0}
@media(max-width:820px){.mshots-grid{grid-template-columns:1fr}}
/* portal tabbed viewer (auto-rotating) */
.ptab{max-width:1400px;margin:34px auto 0}
.ptab-tabs{display:flex;gap:9px;justify-content:center;flex-wrap:wrap;padding:0;margin:0}
.ptab-tabs::-webkit-scrollbar{display:none}
.ptab-tab{flex:0 0 auto;display:inline-flex;align-items:center;gap:8px;background:#fff;border:1px solid var(--line);color:#5b6b7d;font-family:'Manrope',sans-serif;font-weight:700;font-size:13.5px;padding:11px 18px;border-radius:100px;cursor:pointer;white-space:nowrap;box-shadow:0 2px 7px rgba(20,30,50,.05);transition:background .15s,color .15s,border-color .15s,box-shadow .15s}
.ptab-tab:hover{color:#12233a;border-color:#d8cfc8}
.ptab-tab.active{background:var(--orange);color:#fff;border-color:transparent;box-shadow:0 10px 22px rgba(240,96,48,.34)}
.ptab-tic{font-size:15px;line-height:1}
.ptab-desc{max-width:1240px;margin:20px auto 22px;text-align:center;font-size:16px;color:#3a4654;line-height:1.6;min-height:52px;transition:opacity .3s}
.ptab-stage{position:relative;width:100%;aspect-ratio:1568/772;background:#0e1a2b}
.ptab-img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity .5s}
.ptab-img.active{opacity:1}
@media(max-width:640px){.ptab-tab{font-size:12px;padding:9px 13px}.ptab-desc{font-size:14.5px}}


/* ===== Pricing hub (per-business-type panels) ===== */
.pz-panel{display:none}
.pz-panel.active{display:block}
.pz-faq{max-width:820px;margin:48px auto 0}
.pz-faq-h{text-align:center;font-family:'Manrope',sans-serif;font-size:26px;font-weight:800;color:#12233a;margin:0 0 22px;letter-spacing:-.4px}
.pz-faq-item{border:1px solid #eadfd8;border-radius:12px;background:#fff;margin-bottom:12px;padding:0 20px}
.pz-faq-item>summary{list-style:none;cursor:pointer;padding:16px 0;font-family:'Manrope',sans-serif;font-weight:700;font-size:16px;color:#12233a;display:flex;justify-content:space-between;align-items:center;gap:14px}
.pz-faq-item>summary::-webkit-details-marker{display:none}
.pz-faq-item>summary::after{content:"+";font-size:22px;color:var(--orange);font-weight:700;line-height:1}
.pz-faq-item[open]>summary::after{content:"\2212"}
.pz-faq-item p{margin:0 0 16px;font-size:15px;color:#3a4654;line-height:1.65}