/* IndiaBulkSMS v2 — product-led SaaS layout.
   Light canvas, ink-navy type, signal blue for action, marigold for price/highlight,
   one colour per channel (SMS blue, RCS violet, WhatsApp green, Voice amber). */
:root{
  --bg:#FFFFFF; --bg-soft:#F4F7FC; --bg-tint:#EAF0FE; --surface:#FFFFFF; --line:#E1E7F0; --line-2:#CDD6E4;
  --fg:#0B1630; --fg-2:#2A3754; --muted:#5B6987;
  --brand:#1F4FE0; --brand-hover:#1438B0; --brand-soft:#E6EDFF;
  --accent:#F2A20C; --accent-ink:#8A5A00; --accent-soft:#FFF4DC;
  --sms:#1F4FE0; --rcs:#7A3FE4; --wa:#169C5C; --voice:#D9820B;
  --sms-soft:#E6EDFF; --rcs-soft:#F0E8FF; --wa-soft:#E0F5EA; --voice-soft:#FFF1DB;
  --ink:#071126; --ink-2:#0E1C38; --on-ink:#ECF1FA; --on-ink-muted:#9AA9C4; --ink-line:#1E2E4E;
  --ok:#119162;
  --display:"Archivo","Segoe UI",Roboto,Arial,sans-serif;
  --body:"Source Sans 3","Segoe UI",Roboto,Arial,sans-serif;
  --mono:"JetBrains Mono",ui-monospace,Menlo,Consolas,monospace;
  --r:16px; --r-sm:10px;
  --shadow:0 1px 2px rgba(11,22,48,.05),0 12px 32px -8px rgba(11,22,48,.12);
  --shadow-lg:0 2px 4px rgba(11,22,48,.04),0 40px 80px -20px rgba(11,22,48,.28);
}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]){
  --bg:#080E1B; --bg-soft:#0D1526; --bg-tint:#111D36; --surface:#111A2C; --line:#1F2C45; --line-2:#2A3A58;
  --fg:#EAF0F9; --fg-2:#C8D3E5; --muted:#93A2BD;
  --brand:#6F93FF; --brand-hover:#8FAAFF; --brand-soft:#16244A;
  --accent:#FFB838; --accent-ink:#FFCF73; --accent-soft:#33270C;
  --sms:#6F93FF; --rcs:#A982FF; --wa:#3DCB86; --voice:#FFB547;
  --sms-soft:#16244A; --rcs-soft:#251A45; --wa-soft:#0E2F22; --voice-soft:#33240C;
  --ink:#050A14; --ink-2:#0B1528; --on-ink:#ECF1FA; --on-ink-muted:#9AA9C4; --ink-line:#1B2945;
  --ok:#3DCB86;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -8px rgba(0,0,0,.5);
  --shadow-lg:0 40px 80px -20px rgba(0,0,0,.7); color-scheme:dark}}
:root[data-theme="dark"]{
  --bg:#080E1B; --bg-soft:#0D1526; --bg-tint:#111D36; --surface:#111A2C; --line:#1F2C45; --line-2:#2A3A58;
  --fg:#EAF0F9; --fg-2:#C8D3E5; --muted:#93A2BD;
  --brand:#6F93FF; --brand-hover:#8FAAFF; --brand-soft:#16244A;
  --accent:#FFB838; --accent-ink:#FFCF73; --accent-soft:#33270C;
  --sms:#6F93FF; --rcs:#A982FF; --wa:#3DCB86; --voice:#FFB547;
  --sms-soft:#16244A; --rcs-soft:#251A45; --wa-soft:#0E2F22; --voice-soft:#33240C;
  --ink:#050A14; --ink-2:#0B1528; --on-ink:#ECF1FA; --on-ink-muted:#9AA9C4; --ink-line:#1B2945;
  --ok:#3DCB86;
  --shadow:0 1px 2px rgba(0,0,0,.3),0 12px 32px -8px rgba(0,0,0,.5);
  --shadow-lg:0 40px 80px -20px rgba(0,0,0,.7); color-scheme:dark}

*,*::before,*::after{box-sizing:border-box}
[hidden]{display:none!important}
html{scroll-behavior:smooth;scroll-padding-top:90px}
body{margin:0;background:var(--bg);color:var(--fg);font:400 17px/1.6 var(--body);-webkit-font-smoothing:antialiased}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--surface)}
img{max-width:100%}
a{color:var(--brand)}
h1,h2,h3,h4{font-family:var(--display);line-height:1.08;margin:0;text-wrap:balance;letter-spacing:-.022em;color:var(--fg)}
h1{font-size:clamp(2.3rem,5.4vw,4.1rem);font-weight:800;font-stretch:104%}
h2{font-size:clamp(1.8rem,3.4vw,2.75rem);font-weight:800;font-stretch:104%}
h3{font-size:1.18rem;font-weight:700;letter-spacing:-.01em;line-height:1.25}
p{margin:0}
:focus-visible{outline:3px solid var(--accent);outline-offset:2px;border-radius:6px}
.wrap{max-width:1240px;margin:0 auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font:600 .76rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}
.eyebrow::before{content:"";width:18px;height:2px;background:currentColor;border-radius:2px}
.lead{font-size:1.18rem;line-height:1.55;color:var(--muted);max-width:60ch}
.mono{font-family:var(--mono)}
.muted{color:var(--muted)}
.hl{color:var(--brand)}
.mark{background:linear-gradient(transparent 62%,var(--accent-soft) 62%);padding:0 .08em}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5em;padding:.85em 1.4em;border-radius:12px;font:700 .98rem/1 var(--display);text-decoration:none;border:1.5px solid transparent;cursor:pointer;white-space:nowrap;transition:background .15s,color .15s,border-color .15s,transform .15s,box-shadow .15s}
.btn:hover{transform:translateY(-1px)}
.btn svg{width:18px;height:18px}
.btn-primary{background:var(--brand);color:#fff;box-shadow:0 8px 20px -8px color-mix(in srgb,var(--brand) 70%,transparent)}
.btn-primary:hover{background:var(--brand-hover);color:#fff}
.btn-light{background:var(--surface);color:var(--fg);border-color:var(--line-2)}
.btn-light:hover{border-color:var(--fg)}
.btn-accent{background:var(--accent);color:#1C1300}
.btn-ink{background:var(--fg);color:var(--bg)}
.btn-onink{background:transparent;color:var(--on-ink);border-color:var(--ink-line)}
.btn-onink:hover{border-color:var(--on-ink)}
.btn-sm{padding:.6em 1em;font-size:.88rem;border-radius:10px}
.link{font:700 .95rem/1 var(--display);color:var(--brand);text-decoration:none;display:inline-flex;align-items:center;gap:.35rem}
.link svg{width:16px;height:16px;transition:transform .15s}
.link:hover svg{transform:translateX(3px)}

/* Announcement */
.announce{background:var(--ink);color:var(--on-ink-muted);font-size:.88rem}
.announce .wrap{display:flex;justify-content:center;align-items:center;gap:.6rem;padding-block:.55rem;text-align:center;flex-wrap:wrap}
.announce b{color:var(--on-ink);font-weight:600}
.announce a{color:var(--accent);font-weight:600;text-decoration:none}
.announce .pill{font:600 .68rem/1 var(--mono);letter-spacing:.08em;background:var(--accent);color:#1C1300;padding:.3rem .5rem;border-radius:6px}

/* Header */
.site-header{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:color-mix(in srgb,var(--surface) 92%,transparent);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}
.nav-in{display:flex;align-items:center;gap:1.5rem;min-height:72px}
.logo{display:flex;align-items:center;gap:.6rem;text-decoration:none;color:var(--fg);flex:none}
.logo svg{width:38px;height:38px}
.logo b{font:800 1.24rem/1 var(--display);font-stretch:110%;letter-spacing:-.03em}
.logo b span{color:var(--brand)}
.nav{display:flex;align-items:center;gap:.1rem;flex:1}
.nav>a,.nav .dd>button{font:600 .95rem/1 var(--display);color:var(--fg-2);text-decoration:none;padding:.75rem .8rem;border-radius:8px;background:none;border:0;cursor:pointer;display:flex;align-items:center;gap:.3rem}
.nav>a:hover,.nav .dd>button:hover,.nav .dd.open>button{color:var(--fg);background:var(--bg-soft)}
.nav>a[aria-current="page"],.nav .dd.cur>button{color:var(--brand)}
.nav .dd{position:relative}
.nav .dd>button svg{width:14px;height:14px;transition:transform .15s;opacity:.6}
.mega{position:absolute;top:calc(100% + 10px);left:-1rem;background:var(--surface);border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow-lg);padding:1rem;visibility:hidden;opacity:0;translate:0 6px;transition:opacity .16s,visibility .16s,translate .16s}
.mega.w-lg{width:min(860px,92vw);display:grid;grid-template-columns:1.55fr 1fr;gap:.6rem}
.mega.w-md{width:min(400px,92vw)}
.dd:hover .mega,.dd:focus-within .mega,.dd.open .mega{visibility:visible;opacity:1;translate:0 0}
.dd:hover>button svg,.dd.open>button svg{transform:rotate(180deg)}
.mega h4{font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.5rem .7rem .7rem}
.mega .cols{display:grid;grid-template-columns:1fr 1fr;gap:.15rem}
.mega a{display:flex;gap:.75rem;align-items:flex-start;padding:.65rem .7rem;border-radius:12px;text-decoration:none;color:var(--fg)}
.mega a:hover{background:var(--bg-soft)}
.mega a .ic{flex:none;width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand)}
.mega a .ic svg{width:19px;height:19px}
.mega a b{display:block;font:700 .93rem/1.2 var(--display)}
.mega a span span{display:block;font-size:.83rem;color:var(--muted);line-height:1.35;margin-top:.2rem}
.mega aside{background:var(--bg-soft);border-radius:14px;padding:.4rem}
.mega .promo{margin:.5rem;padding:1rem;border-radius:12px;background:var(--ink);color:var(--on-ink);display:grid;gap:.5rem}
.mega .promo b{font:700 1rem/1.25 var(--display);color:var(--on-ink)}
.mega .promo small{color:var(--on-ink-muted);font-size:.85rem;line-height:1.4}
.mega .promo .link{color:var(--accent)}
.nav-cta{display:flex;gap:.5rem;align-items:center;margin-left:auto}
.nav-cta .login{font:600 .95rem/1 var(--display);color:var(--fg-2);text-decoration:none;padding:.75rem .8rem}
.nav-cta .login:hover{color:var(--brand)}
.menu-btn{display:none;background:none;border:1.5px solid var(--line-2);border-radius:10px;padding:.5rem;color:var(--fg);cursor:pointer}
.menu-btn svg{width:22px;height:22px;display:block}
.mobile-only{display:none}
@media (max-width:1100px){
  .menu-btn{display:block}
  .nav-cta .login,.nav-cta .btn{display:none}
  .nav{position:fixed;inset:calc(72px + env(safe-area-inset-top,0px)) 0 0;background:var(--surface);flex-direction:column;align-items:stretch;gap:0;padding:.5rem max(20px,env(safe-area-inset-right,0px)) calc(2rem + env(safe-area-inset-bottom,0px)) max(20px,env(safe-area-inset-left,0px));overflow-y:auto;display:none}
  .nav.open{display:flex}
  .nav>a,.nav .dd>button{padding:1rem .2rem;border-bottom:1px solid var(--line);border-radius:0;font-size:1.05rem;width:100%;justify-content:space-between;background:none}
  .mega,.mega.w-lg,.mega.w-md{position:static;width:auto;visibility:visible;opacity:1;translate:none;box-shadow:none;border:0;padding:.3rem 0 .8rem;display:none}
  .dd.open .mega{display:grid;grid-template-columns:1fr}
  .dd:hover .mega{display:none}.dd.open:hover .mega{display:grid}
  .mega .cols{grid-template-columns:1fr}
  .mega .promo{display:none}
  .mobile-only{display:flex;gap:.6rem;margin-top:1.2rem}
  .mobile-only .btn{flex:1}
}

/* Sections */
section{padding-block:clamp(64px,9vw,112px)}
.soft{background:var(--bg-soft)}
.ink{background:var(--ink);color:var(--on-ink)}
.ink h1,.ink h2,.ink h3{color:var(--on-ink)}
.ink .lead,.ink .muted{color:var(--on-ink-muted)}
.ink .eyebrow{color:var(--accent)}
.head{display:grid;gap:1rem;margin-bottom:clamp(2.2rem,4vw,3.4rem);max-width:780px}
.head.c{margin-inline:auto;text-align:center;justify-items:center}
.head-row{display:flex;justify-content:space-between;align-items:end;gap:2rem;flex-wrap:wrap;margin-bottom:clamp(2.2rem,4vw,3.4rem)}
.head-row .head{margin:0}
.grid{display:grid;gap:1.25rem}
.grid>*{min-width:0}
.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}
@media (max-width:980px){.g3,.g4{grid-template-columns:repeat(2,1fr)}}
@media (max-width:620px){.g2,.g3,.g4{grid-template-columns:1fr}}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split.top{align-items:start}
.split>*{min-width:0}
@media (max-width:920px){.split{grid-template-columns:1fr}}
.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.7rem;display:flex;flex-direction:column;gap:.75rem}
.card p{color:var(--muted);font-size:.97rem}
.ic-tile{width:46px;height:46px;border-radius:12px;display:grid;place-items:center;background:var(--brand-soft);color:var(--brand);flex:none}
.ic-tile svg{width:23px;height:23px}
.c-sms{--c:var(--sms);--cs:var(--sms-soft)}.c-rcs{--c:var(--rcs);--cs:var(--rcs-soft)}.c-wa{--c:var(--wa);--cs:var(--wa-soft)}.c-voice{--c:var(--voice);--cs:var(--voice-soft)}.c-brand{--c:var(--brand);--cs:var(--brand-soft)}
[class*="c-"] .ic-tile{background:var(--cs);color:var(--c)}

/* Hero */
.hero{position:relative;overflow:hidden;padding-block:clamp(48px,7vw,96px) clamp(64px,8vw,110px);background:radial-gradient(1200px 520px at 85% -10%,var(--bg-tint),transparent 60%),var(--bg)}
.hero::before{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--line-2) 1px,transparent 1.2px);background-size:22px 22px;mask-image:linear-gradient(180deg,#000 0%,transparent 75%);-webkit-mask-image:linear-gradient(180deg,#000 0%,transparent 75%);opacity:.55;pointer-events:none}
.hero .wrap{position:relative}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.hero-grid>*{min-width:0}
@media (max-width:980px){.hero-grid{grid-template-columns:1fr}}
.badge-row{display:inline-flex;align-items:center;gap:.6rem;padding:.35rem .9rem .35rem .4rem;border:1px solid var(--line);background:var(--surface);border-radius:40px;font-size:.88rem;color:var(--fg-2);text-decoration:none;box-shadow:var(--shadow)}
.badge-row .new{font:700 .68rem/1 var(--mono);letter-spacing:.06em;background:var(--rcs-soft);color:var(--rcs);padding:.35rem .55rem;border-radius:20px}
.hero h1{margin-top:1.4rem}
.hero h1 .rot{color:var(--brand);display:inline-block}
.hero .lead{margin-top:1.4rem}
.ctas{display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2rem}
.assure{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.6rem;color:var(--muted);font-size:.92rem}
.assure span{display:flex;gap:.4rem;align-items:center}
.assure svg{width:17px;height:17px;color:var(--ok)}

/* Channel stage (phone + tabs) */
.stage{position:relative;display:grid;justify-items:center;gap:1.4rem}
.stage-bg{position:absolute;inset:8% 4% 14%;border-radius:32px;background:linear-gradient(160deg,var(--cs,var(--brand-soft)),transparent 70%);transition:background .4s}
.phone{position:relative;width:min(320px,82vw);aspect-ratio:9/18.5;max-width:100%;border-radius:46px;background:#0B1220;padding:11px;box-shadow:var(--shadow-lg),inset 0 0 0 1.5px #2B3650}
.phone::before{content:"";position:absolute;top:20px;left:50%;translate:-50% 0;width:88px;height:24px;border-radius:20px;background:#0B1220;z-index:3}
.screen{position:relative;height:100%;border-radius:36px;overflow:hidden;background:#F2F4F8;display:flex;flex-direction:column;font-family:var(--body);color:#0B1630}
.scr{position:absolute;inset:0;display:flex;flex-direction:column;opacity:0;transition:opacity .35s}
.scr.on{opacity:1}
.sbar{display:flex;justify-content:space-between;padding:16px 26px 0;font:600 12px/1 var(--body);color:#0B1630}
.chead{display:flex;align-items:center;gap:10px;padding:26px 16px 12px;border-bottom:1px solid #E1E6EF;background:#fff}
.chead .av{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;color:#fff;font:800 12px/1 var(--display);flex:none}
.chead b{font:700 14px/1.1 var(--display);display:flex;align-items:center;gap:4px}
.chead small{display:block;font-size:11px;color:#6B7690;margin-top:2px}
.chead .vf{width:14px;height:14px;color:#1F4FE0}
.cbody{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:9px;overflow:hidden}
.day{align-self:center;font:600 10px/1 var(--mono);color:#7A86A0;background:#E4E8F0;padding:5px 8px;border-radius:8px}
.bub{max-width:86%;background:#fff;border-radius:16px 16px 16px 4px;padding:10px 12px;font-size:13px;line-height:1.4;box-shadow:0 1px 1px rgba(0,0,0,.05)}
.bub .t{display:block;font:500 10px/1 var(--mono);color:#8A94AA;margin-top:6px;text-align:right}
.bub b{font-weight:700}
.otp{font:700 18px/1 var(--mono);letter-spacing:.18em;color:#1F4FE0;display:block;margin:6px 0 2px}
/* RCS card */
.rcard{max-width:92%;background:#fff;border-radius:18px;overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.06)}
.rcard .img{height:120px;background:linear-gradient(135deg,#7A3FE4,#C04AD9 55%,#F2A20C);position:relative;display:grid;place-items:center;color:#fff}
.rcard .img b{font:900 34px/1 var(--display);font-stretch:115%;letter-spacing:-.03em}
.rcard .img small{position:absolute;top:10px;left:12px;font:700 10px/1 var(--mono);background:rgba(255,255,255,.22);padding:4px 6px;border-radius:6px}
.rcard .bd{padding:10px 12px;font-size:12.5px;line-height:1.4}
.rcard .bd b{display:block;font:700 14px/1.2 var(--display);margin-bottom:3px}
.rbtns{display:grid;gap:6px;padding:0 10px 10px}
.rbtns span{display:block;text-align:center;font:700 12.5px/1 var(--display);color:#7A3FE4;border:1.5px solid #E5DAFB;padding:9px;border-radius:20px}
.chips{display:flex;gap:6px;flex-wrap:wrap}
.chips span{font:600 11.5px/1 var(--display);color:#7A3FE4;background:#F0E8FF;padding:7px 10px;border-radius:20px}
/* WhatsApp */
.scr.wa .chead{background:#0B6E4F;color:#fff;border:0}
.scr.wa .chead small{color:#BFE6D5}
.scr.wa .cbody{background:#E9E2D6}
.wa-doc{display:flex;gap:9px;align-items:center;background:#F3F5F7;border-radius:10px;padding:8px}
.wa-doc i{width:30px;height:36px;background:#E5484D;border-radius:4px;color:#fff;font:800 8px/36px var(--mono);text-align:center;font-style:normal;flex:none}
.wa-doc b{display:block;font-size:12px}.wa-doc small{font-size:10.5px;color:#6B7690}
.wa-img{height:96px;border-radius:10px;background:linear-gradient(135deg,#169C5C,#7FD3A6);margin-bottom:6px;display:grid;place-items:center;color:#fff;font:800 15px/1.1 var(--display);text-align:center}
.scr.wa .bub .t::after{content:" ✓✓";color:#34B7F1}
/* Voice */
.scr.voice{background:linear-gradient(180deg,#14213D,#0B1220);color:#fff}
.scr.voice .sbar{color:#fff}
.vc{flex:1;display:flex;flex-direction:column;align-items:center;padding:56px 18px 30px;text-align:center}
.vc .av{width:84px;height:84px;border-radius:50%;background:#D9820B;display:grid;place-items:center;font:800 26px/1 var(--display);margin-bottom:14px;box-shadow:0 0 0 10px rgba(217,130,11,.15),0 0 0 22px rgba(217,130,11,.07)}
.vc b{font:700 18px/1.2 var(--display)}
.vc small{color:#9AA9C4;font-size:12px;margin-top:4px}
.wave{display:flex;align-items:center;gap:3px;height:56px;margin:30px 0 8px}
.wave i{width:4px;border-radius:3px;background:#FFB547;animation:wv 1.1s ease-in-out infinite}
@keyframes wv{50%{transform:scaleY(.35)}}
.vc .tr{font:500 12px/1.5 var(--mono);color:#C8D3E5;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);padding:10px 12px;border-radius:12px;margin-top:14px;max-width:240px}
.vc .end{margin-top:auto;width:56px;height:56px;border-radius:50%;background:#E5484D;display:grid;place-items:center}
.vc .end svg{width:24px;height:24px}
.tabs{position:relative;display:inline-flex;gap:.25rem;padding:.3rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);flex-wrap:wrap;justify-content:center}
.tabs button{font:700 .86rem/1 var(--display);padding:.65rem .9rem;border-radius:10px;border:0;background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:.4rem}
.tabs button i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.tabs button[aria-selected="true"]{background:var(--cs);color:var(--c)}
.float-chip{position:absolute;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.7rem .9rem;display:flex;gap:.6rem;align-items:center;font-size:.85rem}
.float-chip b{display:block;font:800 1.05rem/1 var(--display)}
.float-chip small{color:var(--muted);font-size:.78rem}
.float-chip .dot{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--wa-soft);color:var(--wa)}
.float-chip .dot svg{width:17px;height:17px}
.fc1{left:0;top:16%}.fc2{right:0;top:52%}
@media (max-width:560px){.float-chip{display:none}}

/* Logo strip / stats */
.statbar{border-block:1px solid var(--line);background:var(--surface)}
.statbar .wrap{display:grid;grid-template-columns:repeat(5,1fr);padding-block:0}
.statbar .wrap>div{padding:1.6rem 1.2rem;border-left:1px solid var(--line)}
.statbar .wrap>div:first-child{border-left:0;padding-left:0}
.statbar b{display:block;font:800 1.9rem/1 var(--display);font-stretch:108%;letter-spacing:-.03em}
.statbar b span{color:var(--brand)}
.statbar small{color:var(--muted);font-size:.9rem;display:block;margin-top:.45rem}
@media (max-width:900px){.statbar .wrap{grid-template-columns:repeat(2,1fr)}.statbar .wrap>div{border-left:0;border-top:1px solid var(--line);padding-left:0}.statbar .wrap>div:first-child,.statbar .wrap>div:nth-child(2){border-top:0}}

/* Product cards */
.pcard{position:relative;text-decoration:none;color:var(--fg);transition:border-color .15s,box-shadow .2s,transform .2s;overflow:hidden}
.pcard:hover{border-color:var(--c,var(--brand));box-shadow:var(--shadow);transform:translateY(-3px)}
.pcard .top{display:flex;justify-content:space-between;align-items:start}
.pcard .price{font:600 .78rem/1.3 var(--mono);color:var(--muted);text-align:right}
.pcard .price b{display:block;font:700 1.15rem/1 var(--mono);color:var(--accent-ink)}
.pcard ul{list-style:none;margin:.2rem 0 0;padding:0;display:grid;gap:.4rem;font-size:.92rem;color:var(--fg-2)}
.pcard ul li{display:flex;gap:.5rem;align-items:flex-start}
.pcard ul svg{width:16px;height:16px;color:var(--c,var(--brand));flex:none;margin-top:.25rem}
.pcard .link{margin-top:auto;padding-top:.6rem;color:var(--c,var(--brand))}
.pcard.big{grid-column:span 2;display:grid;grid-template-columns:1fr 1fr;gap:1.6rem}
@media (max-width:980px){.pcard.big{grid-column:span 2}}
@media (max-width:620px){.pcard.big{grid-column:auto;grid-template-columns:1fr}}

/* Explorer */
.explorer{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.explorer>*{min-width:0}
@media (max-width:920px){.explorer{grid-template-columns:1fr}}
.ex-list{display:grid;gap:.6rem}
.ex-item{border:1px solid var(--line);border-radius:var(--r);background:var(--surface);padding:1.1rem 1.3rem;cursor:pointer;text-align:left;font:inherit;color:inherit;display:grid;gap:.4rem;transition:border-color .15s,box-shadow .15s}
.ex-item h3{display:flex;align-items:center;gap:.6rem;font-size:1.08rem}
.ex-item h3 i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.ex-item p{color:var(--muted);font-size:.95rem;display:none}
.ex-item[aria-selected="true"]{border-color:var(--c);box-shadow:0 0 0 3px var(--cs)}
.ex-item[aria-selected="true"] p{display:block}

/* Promise / compliance */
.promise{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--ink-line);border-radius:var(--r);overflow:hidden}
.promise>div{padding:1.8rem;border-right:1px solid var(--ink-line);border-bottom:1px solid var(--ink-line);display:grid;gap:.6rem;align-content:start}
.promise>div:nth-child(3n){border-right:0}
.promise>div:nth-last-child(-n+3){border-bottom:0}
.promise .ic-tile{background:var(--ink-2);color:var(--accent);border:1px solid var(--ink-line)}
.promise p{color:var(--on-ink-muted);font-size:.96rem}
@media (max-width:860px){.promise{grid-template-columns:1fr}.promise>div{border-right:0!important;border-bottom:1px solid var(--ink-line)!important}.promise>div:last-child{border-bottom:0!important}}

/* Notice */
.notice{display:grid;grid-template-columns:auto 1fr auto;gap:1.4rem;align-items:center;padding:1.6rem 1.8rem;border-radius:var(--r);background:var(--accent-soft);border:1px solid color-mix(in srgb,var(--accent) 40%,transparent)}
.notice .ic-tile{background:var(--accent);color:#1C1300}
.notice h3{font-size:1.1rem;margin-bottom:.3rem}
.notice p{color:var(--fg-2);font-size:.97rem}
@media (max-width:760px){.notice{grid-template-columns:1fr}}

/* Code */
.code{background:var(--ink-2);border:1px solid var(--ink-line);border-radius:var(--r);overflow:hidden;box-shadow:var(--shadow-lg)}
.code-tabs{display:flex;gap:.2rem;padding:.6rem;border-bottom:1px solid var(--ink-line);overflow-x:auto}
.code-tabs button{font:600 .8rem/1 var(--mono);color:var(--on-ink-muted);background:none;border:0;padding:.55rem .8rem;border-radius:8px;cursor:pointer;white-space:nowrap}
.code-tabs button[aria-selected="true"]{background:var(--ink);color:var(--on-ink)}
.code pre{margin:0;padding:1.3rem 1.4rem;overflow-x:auto;font:500 .84rem/1.75 var(--mono);color:#C8D3E5}
.code .k{color:#8FAAFF}.code .s{color:#7FE0B0}.code .c{color:#6B7A99}.code .n{color:#FFB547}
.code-foot{display:flex;justify-content:space-between;gap:1rem;flex-wrap:wrap;padding:.8rem 1.4rem;border-top:1px solid var(--ink-line);font:500 .76rem/1.4 var(--mono);color:var(--on-ink-muted)}
.code-foot .ok{color:#3DCB86}

/* Industry */
.ind{padding:1.6rem;border-radius:var(--r);background:var(--surface);border:1px solid var(--line);display:grid;gap:.7rem;align-content:start}
.ind .tags{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.3rem}
.tag{font:600 .7rem/1 var(--mono);letter-spacing:.04em;padding:.35rem .55rem;border-radius:6px;background:var(--cs);color:var(--c)}

/* Steps */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem;counter-reset:s}
.steps>div{counter-increment:s;position:relative;padding:1.8rem;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);display:grid;gap:.5rem}
.steps>div::before{content:counter(s);width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:var(--fg);color:var(--bg);font:800 1rem/1 var(--display);margin-bottom:.6rem}
.steps p{color:var(--muted);font-size:.96rem}
@media (max-width:760px){.steps{grid-template-columns:1fr}}

/* Pricing */
.price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
@media (max-width:980px){.price-grid{grid-template-columns:repeat(2,1fr)}}
@media (max-width:440px){.price-grid{grid-template-columns:1fr}}
.plan{position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.5rem;display:flex;flex-direction:column;gap:1rem}
.plan.pop{border:2px solid var(--brand);box-shadow:var(--shadow);background:linear-gradient(180deg,var(--brand-soft),var(--surface) 45%)}
.plan .badge{position:absolute;top:-12px;left:1.5rem;background:var(--brand);color:#fff;font:700 .66rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;padding:.4rem .65rem;border-radius:20px}
.plan .qty{font:800 1.5rem/1 var(--display);font-stretch:106%}
.plan .qty small{display:block;font:500 .76rem/1 var(--mono);color:var(--muted);margin-top:.4rem}
.plan .rate{display:flex;align-items:baseline;gap:.35rem}
.plan .rate b{font:800 2.5rem/1 var(--display);font-stretch:106%;letter-spacing:-.03em}
.plan .rate span{font:500 .82rem/1 var(--mono);color:var(--muted)}
.plan .total{display:flex;justify-content:space-between;align-items:baseline;font-size:.88rem;color:var(--muted);padding-top:.9rem;border-top:1px dashed var(--line-2)}
.plan .total b{font:700 1.08rem/1 var(--mono);color:var(--fg);font-variant-numeric:tabular-nums}
.plan .btn{margin-top:auto}
.plan:not(.pop) .btn{background:var(--bg-soft);color:var(--fg);box-shadow:none}
.plan:not(.pop) .btn:hover{background:var(--brand);color:#fff}
.notes{display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem 1.6rem;margin-top:1.6rem;font-size:.9rem;color:var(--muted)}
.notes span{display:flex;gap:.4rem;align-items:center}
.notes svg{width:15px;height:15px;color:var(--ok)}
.seg{display:inline-flex;flex-wrap:wrap;gap:.3rem;padding:.3rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:14px}
.seg button{font:700 .9rem/1 var(--display);padding:.7rem 1rem;border:0;border-radius:10px;background:none;color:var(--muted);cursor:pointer;display:flex;align-items:center;gap:.45rem}
.seg button i{width:8px;height:8px;border-radius:50%;background:var(--c)}
.seg button[aria-selected="true"]{background:var(--surface);color:var(--fg);box-shadow:var(--shadow)}

/* Calculator */
.calc{display:grid;grid-template-columns:1.2fr .8fr;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface);box-shadow:var(--shadow)}
.calc>*{min-width:0}
.calc .in{padding:2rem;display:grid;gap:1.4rem;align-content:start}
.calc .out{padding:2rem;background:var(--ink);color:var(--on-ink);display:grid;gap:1rem;align-content:start}
.calc label.l{font:600 .74rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.7rem}
.packs{display:flex;flex-wrap:wrap;gap:.4rem}
.packs button{font:700 .88rem/1 var(--mono);padding:.65rem .8rem;border-radius:10px;border:1.5px solid var(--line-2);background:var(--surface);color:var(--fg);cursor:pointer;font-variant-numeric:tabular-nums}
.packs button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand-soft);color:var(--brand)}
.calc .out .row{display:flex;justify-content:space-between;gap:1rem;font-size:.95rem;color:var(--on-ink-muted);padding-bottom:.8rem;border-bottom:1px solid var(--ink-line)}
.calc .out .row b{font:600 1rem/1.3 var(--mono);color:var(--on-ink);font-variant-numeric:tabular-nums}
.calc .out .grand{display:grid;gap:.3rem;margin-top:.4rem}
.calc .out .grand small{font:600 .74rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent)}
.calc .out .grand b{font:800 2.6rem/1 var(--display);font-stretch:106%;letter-spacing:-.03em;font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
@media (max-width:820px){.calc{grid-template-columns:1fr}}

/* Rates table */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.rates{width:100%;border-collapse:collapse;font-size:.96rem;min-width:620px}
.rates th,.rates td{text-align:left;padding:1rem 1.25rem;border-bottom:1px solid var(--line)}
.rates th{font:600 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);background:var(--bg-soft)}
.rates tr:last-child td{border-bottom:0}
.rates td.r{font-family:var(--mono);font-variant-numeric:tabular-nums}
.rates td.r strong{color:var(--accent-ink)}
.rates .ch{display:flex;align-items:center;gap:.6rem;font:700 1rem/1.2 var(--display)}
.rates .ch i{width:10px;height:10px;border-radius:50%;background:var(--c)}
.rates tr.hi td{background:var(--brand-soft)}

/* Page hero */
.phero{position:relative;overflow:hidden;padding-block:clamp(48px,6vw,84px) clamp(56px,7vw,96px);background:radial-gradient(900px 420px at 90% 0%,var(--cs,var(--bg-tint)),transparent 65%),var(--bg-soft);border-bottom:1px solid var(--line)}
.crumbs{display:flex;flex-wrap:wrap;gap:.45rem;font:500 .8rem/1 var(--mono);color:var(--muted);margin-bottom:1.3rem}
.crumbs a{color:var(--muted);text-decoration:none}.crumbs a:hover{color:var(--brand)}
.phero h1{font-size:clamp(2.1rem,4.6vw,3.5rem);margin-top:1rem;max-width:18ch}
.phero .lead{margin-top:1.2rem}
.kpis{display:flex;flex-wrap:wrap;gap:.6rem;margin-top:1.8rem}
.kpis span{display:inline-flex;align-items:center;gap:.45rem;font:600 .84rem/1 var(--display);padding:.55rem .8rem;border-radius:20px;background:var(--surface);border:1px solid var(--line);color:var(--fg-2)}
.kpis svg{width:15px;height:15px;color:var(--c,var(--brand))}
.phero .stage{transform:scale(.92);transform-origin:top center}

/* Terms panel */
.terms{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.terms-head{padding:1.2rem 1.5rem;display:flex;justify-content:space-between;align-items:center;gap:1rem;border-bottom:1px solid var(--line)}
.terms-head h3{font-size:1.02rem}
.terms ul{list-style:none;margin:0;padding:.5rem 1.5rem;display:grid}
.terms li{display:flex;gap:.7rem;align-items:flex-start;padding:.7rem 0;border-bottom:1px solid var(--line);font-size:.97rem}
.terms li:last-child{border-bottom:0}
.terms li svg{flex:none;width:18px;height:18px;color:var(--c,var(--ok));margin-top:.2rem}
.terms-foot{padding:1.1rem 1.5rem;background:var(--bg-soft);font-size:.92rem;color:var(--muted);display:grid;gap:.4rem}
.terms-foot b{color:var(--fg)}
.prose{display:grid;gap:1.1rem}
.prose p{color:var(--muted);max-width:64ch}
.prose p strong{color:var(--fg)}

/* Feature list */
.feat{display:flex;gap:1rem;align-items:flex-start}
.feat .ic-tile{width:42px;height:42px;border-radius:11px}
.feat .ic-tile svg{width:20px;height:20px}
.feat h3{font-size:1.02rem}
.feat p{color:var(--muted);font-size:.94rem;margin-top:.25rem}
.checks{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1.5rem}
.checks li{display:flex;gap:.6rem;align-items:flex-start}
.checks svg{flex:none;width:20px;height:20px;color:var(--brand);margin-top:.15rem}
@media (max-width:520px){.checks{grid-template-columns:1fr}}

/* FAQ */
.faq{display:grid;gap:.7rem}
.faq details{background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:0 1.4rem}
.faq summary{list-style:none;cursor:pointer;padding:1.2rem 0;font:700 1.03rem/1.35 var(--display);display:flex;justify-content:space-between;gap:1rem;align-items:center}
.faq summary::-webkit-details-marker{display:none}
.faq summary svg{flex:none;width:20px;height:20px;color:var(--brand);transition:transform .2s}
.faq details[open] summary svg{transform:rotate(45deg)}
.faq .ans{padding:0 0 1.3rem;color:var(--muted);display:grid;gap:.7rem}
.faq .ans ul{margin:0;padding-left:1.2rem;display:grid;gap:.3rem}

/* Forms */
.form{display:grid;gap:1rem}
.form .row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media (max-width:560px){.form .row{grid-template-columns:1fr}}
.field{display:grid;gap:.4rem}
.field label{font:600 .86rem/1 var(--display);color:var(--fg-2)}
.field input,.field select,.field textarea{font:inherit;font-size:1rem;padding:.85rem 1rem;border:1.5px solid var(--line-2);border-radius:12px;background:var(--surface);color:var(--fg);width:100%}
.field textarea{min-height:120px;resize:vertical}
.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.form-msg{font-size:.94rem;padding:.9rem 1rem;border-radius:12px;background:var(--wa-soft);color:var(--fg)}

/* CTA */
.cta{position:relative;overflow:hidden;border-radius:28px;background:var(--ink);color:var(--on-ink);padding:clamp(2rem,5vw,4rem);display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}
.cta::before{content:"";position:absolute;right:-120px;top:-160px;width:520px;height:520px;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--brand) 55%,transparent),transparent);opacity:.6;pointer-events:none}
.cta>*{position:relative;min-width:0}
.cta h2{color:var(--on-ink)}
.cta p{color:var(--on-ink-muted);margin-top:.9rem}
.cta form{display:grid;gap:.7rem}
.cta input{font:inherit;padding:1rem 1.1rem;border-radius:12px;border:1.5px solid var(--ink-line);background:var(--ink-2);color:var(--on-ink);width:100%;min-width:0}
.cta input::placeholder{color:var(--on-ink-muted)}
.cta .form-msg{background:var(--ink-2);color:var(--on-ink);border:1px solid var(--ink-line)}
@media (max-width:860px){.cta{grid-template-columns:1fr}}

/* Contact & bank */
.contact-card{display:flex;gap:1rem;align-items:flex-start;padding:1.4rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.contact-card small{display:block;font:600 .72rem/1 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:var(--muted);margin-bottom:.4rem}
.contact-card .val{font:700 1.05rem/1.45 var(--display);word-break:break-word;user-select:all}
.bank{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);overflow:hidden}
.bank-head{padding:1.3rem 1.5rem;display:flex;align-items:center;gap:.9rem;border-bottom:1px solid var(--line)}
.bank-head small{display:block;color:var(--muted);font-size:.88rem}
.bank dl{margin:0;padding:.3rem 1.5rem 1rem}
.bank dl>div{display:grid;grid-template-columns:96px 1fr auto;gap:.6rem;align-items:center;padding:.7rem 0;border-bottom:1px dashed var(--line-2)}
.bank dl>div:last-child{border-bottom:0}
.bank dt{font:600 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.bank dd{margin:0;font:600 1rem/1.3 var(--mono);font-variant-numeric:tabular-nums;user-select:all;word-break:break-all}
.copy{font:600 .76rem/1 var(--mono);background:var(--bg-soft);border:1px solid var(--line);color:var(--fg);padding:.45rem .65rem;border-radius:8px;cursor:pointer}
.copy:hover{border-color:var(--brand);color:var(--brand)}

/* Legal */
.legal{display:grid;grid-template-columns:260px 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:start}
.legal>*{min-width:0}
.toc{position:sticky;top:calc(96px + env(safe-area-inset-top,0px));display:grid;gap:.2rem;padding:1rem;border:1px solid var(--line);border-radius:var(--r);background:var(--surface)}
.toc b{font:600 .72rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:.4rem .6rem .7rem}
.toc a{color:var(--fg-2);text-decoration:none;padding:.5rem .6rem;border-radius:8px;font-size:.93rem}
.toc a:hover{background:var(--bg-soft);color:var(--brand)}
.doc{display:grid;gap:2.6rem;max-width:72ch}
.doc section{padding:0;display:grid;gap:.9rem;scroll-margin-top:100px}
.doc h2{font-size:1.45rem;display:flex;gap:.8rem;align-items:baseline}
.doc h2 span{font:600 .85rem/1 var(--mono);color:var(--brand)}
.doc p,.doc li{color:var(--fg-2)}
.doc ul{margin:0;padding-left:1.2rem;display:grid;gap:.45rem}
.doc .callout{padding:1.1rem 1.3rem;border-radius:12px;background:var(--bg-soft);border:1px solid var(--line);font-size:.95rem}
.meta-row{display:flex;flex-wrap:wrap;gap:.5rem 1.4rem;margin-top:1.4rem;font:500 .84rem/1 var(--mono);color:var(--muted)}
@media (max-width:900px){.legal{grid-template-columns:1fr}.toc{position:static}}

/* Footer */
.site-footer{background:var(--ink);color:var(--on-ink-muted);font-size:.94rem;padding-bottom:env(safe-area-inset-bottom,0px)}
.foot-grid{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:2.5rem;padding-block:4.5rem 3rem}
.foot-grid>*{min-width:0}
@media (max-width:980px){.foot-grid{grid-template-columns:1fr 1fr}}
@media (max-width:520px){.foot-grid{grid-template-columns:1fr}}
.site-footer h4{font:600 .72rem/1 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--on-ink);margin-bottom:1.1rem}
.site-footer ul{list-style:none;margin:0;padding:0;display:grid;gap:.65rem}
.site-footer a{color:var(--on-ink-muted);text-decoration:none}
.site-footer a:hover{color:var(--accent)}
.site-footer .logo{color:var(--on-ink)}
.site-footer .blurb{margin-top:1.1rem;max-width:34ch;line-height:1.55}
.site-footer .contact{margin-top:1.4rem;display:grid;gap:.4rem}
.site-footer .contact b{color:var(--on-ink);font-weight:600}
.areas{border-top:1px solid var(--ink-line);padding-block:1.6rem;display:grid;gap:.5rem;font-size:.85rem}
.areas b{color:var(--on-ink);font-weight:600}
.foot-bottom{border-top:1px solid var(--ink-line);padding-block:1.4rem;display:flex;flex-wrap:wrap;justify-content:space-between;gap:.8rem;font-size:.86rem}
.foot-bottom nav{display:flex;flex-wrap:wrap;gap:1.2rem}

.float-call{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:40;display:flex;align-items:center;gap:.5rem;background:var(--wa);color:#fff;text-decoration:none;font:700 .9rem/1 var(--display);padding:.9rem 1.15rem;border-radius:40px;box-shadow:0 12px 30px -6px rgba(0,0,0,.35)}
.float-call svg{width:18px;height:18px}
.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.mt2{margin-top:2rem}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
.badge-row svg{width:16px;height:16px;flex:none}
.calc .l{font:600 .74rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:block;margin-bottom:.7rem}
.fc1{top:auto;bottom:24%;left:0}.fc2{top:9%;right:0}

/* ---- Hero effects ---- */
.hero-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(70px);animation:drift 16s ease-in-out infinite alternate}
.b1{width:540px;height:540px;right:-6%;top:-18%;background:color-mix(in srgb,var(--brand) 26%,transparent)}
.b2{width:420px;height:420px;right:24%;bottom:-24%;background:color-mix(in srgb,var(--rcs) 20%,transparent);animation-duration:20s;animation-delay:-6s}
.b3{width:300px;height:300px;left:-8%;top:30%;background:color-mix(in srgb,var(--accent) 16%,transparent);animation-duration:22s;animation-delay:-11s}
@keyframes drift{0%{transform:translate(0,0) scale(1)}50%{transform:translate(-50px,40px) scale(1.12)}100%{transform:translate(40px,-30px) scale(.95)}}
.bubbles span{position:absolute;bottom:-50px;padding:.45rem .75rem;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);font:600 .72rem/1 var(--mono);color:var(--muted);white-space:nowrap;opacity:0;animation:rise 16s linear infinite}
@keyframes rise{0%{transform:translateY(0);opacity:0}10%{opacity:.75}75%{opacity:.6}100%{transform:translateY(-760px);opacity:0}}
@media (max-width:980px){.bubbles span:nth-child(n+5){display:none}}
.hero .wrap{z-index:1}
.reveal>*{animation:up .8s cubic-bezier(.2,.7,.2,1) both}
.reveal>*:nth-child(2){animation-delay:.08s}.reveal>*:nth-child(3){animation-delay:.16s}.reveal>*:nth-child(4){animation-delay:.24s}.reveal>*:nth-child(5){animation-delay:.32s}
.hero .stage{animation:up 1s .2s cubic-bezier(.2,.7,.2,1) both}
@keyframes up{from{transform:translateY(18px);opacity:.2}to{transform:none;opacity:1}}
.rotator{display:inline-grid;vertical-align:bottom}
.rotator>span{grid-area:1/1;color:var(--c);opacity:0;transform:translateY(.45em);transition:opacity .4s,transform .45s cubic-bezier(.2,.7,.2,1);background:linear-gradient(var(--cs),var(--cs)) 0 90%/0% .22em no-repeat}
.rotator>span.on{opacity:1;transform:none;background-size:100% .22em;transition:opacity .4s,transform .45s cubic-bezier(.2,.7,.2,1),background-size .7s .25s ease}
.rings{position:absolute;left:50%;top:44%;width:0;height:0;z-index:0}
.rings i{position:absolute;left:-170px;top:-170px;width:340px;height:340px;border-radius:50%;border:1.5px solid var(--c);opacity:0;animation:ring 4.2s ease-out infinite}
.rings i:nth-child(2){animation-delay:1.4s}.rings i:nth-child(3){animation-delay:2.8s}
@keyframes ring{0%{transform:scale(.55);opacity:.45}100%{transform:scale(1.7);opacity:0}}
.hero .phone{transform:perspective(1100px) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .25s ease-out}
.hero .float-chip{animation:bob 5s ease-in-out infinite}
.hero .fc2{animation-delay:-2.5s}
@keyframes bob{50%{translate:0 -8px}}
.float-chip .dot{background:var(--cs,var(--wa-soft));color:var(--c,var(--wa));transition:background .3s,color .3s}
.float-chip .dot2{background:var(--accent-soft);color:var(--accent-ink)}
.float-chip.pop{animation:pop .45s cubic-bezier(.3,1.6,.5,1),bob 5s ease-in-out infinite}
@keyframes pop{0%{scale:.85;opacity:.4}100%{scale:1;opacity:1}}
.tabs button{position:relative}
.playing .tabs button[aria-selected="true"]::after{content:"";position:absolute;left:12px;right:12px;bottom:3px;height:2px;border-radius:2px;background:var(--c);transform-origin:left;animation:prog 4.2s linear}
@keyframes prog{from{transform:scaleX(0)}to{transform:scaleX(1)}}
.rotator>span{justify-self:start}

/* ---- WhatsApp API screen ---- */
.c-waapi{--c:var(--wa);--cs:var(--wa-soft)}
.wa-btns{display:grid;border-top:1px solid #E4E8EE}
.wa-btns span{text-align:center;font:600 12.5px/1 var(--body);color:#0B84C6;padding:10px;border-bottom:1px solid #E4E8EE}
.wa-btns span:last-child{border-bottom:0}

/* ---- Pricing tables ---- */
.ptables{display:grid;gap:2rem}
.ptable-wrap{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.ptable-head{display:flex;align-items:baseline;gap:.4rem 1rem;flex-wrap:wrap;padding:1.2rem 1.5rem;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--cs),transparent 70%)}
.ptable-head h3{font-size:1.15rem;display:flex;align-items:center;gap:.55rem}
.ptable-head h3::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--c)}
.ptable-head p{color:var(--muted);font-size:.92rem}
.ptable-scroll{overflow-x:auto}
.ptable{width:100%;border-collapse:collapse;font-size:.98rem}
.ptable th{font:600 .7rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted);text-align:left;padding:.95rem 1.5rem;background:var(--bg-soft);border-bottom:1px solid var(--line);white-space:nowrap}
.ptable td{padding:1rem 1.5rem;border-bottom:1px solid var(--line);vertical-align:middle;white-space:nowrap}
.ptable tbody tr:last-child td{border-bottom:0}
.ptable tbody tr{transition:background .15s}
.ptable tbody tr:hover{background:var(--bg-soft)}
.ptable .n{text-align:right;font-family:var(--mono);font-variant-numeric:tabular-nums}
.ptable th.n{text-align:right}
.ptable .pk b{font:800 1.12rem/1 var(--display);font-stretch:106%}
.ptable .pk small{margin-left:.4rem;font:500 .74rem/1 var(--mono);color:var(--muted)}
.ptable .rt b{font:800 1.3rem/1 var(--display);color:var(--c)}
.ptable .rt small{margin-left:.25rem;font-size:.74rem;color:var(--muted)}
.ptable .net{font-weight:700;color:var(--fg);font-size:1.02rem}
.ptable .val{font:600 .82rem/1 var(--mono);color:var(--fg-2)}
.ptable .act{text-align:right;width:1%}
.ptable tr.pop{background:var(--cs)}
.ptable tr.pop:hover{background:var(--cs)}
.ptable tr.pop td:first-child{box-shadow:inset 4px 0 0 var(--c)}
.pbadge{display:inline-block;margin-left:.6rem;font:700 .62rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--c);color:#fff;padding:.35rem .5rem;border-radius:20px;vertical-align:middle}
.ptable-more{text-align:center;margin-top:1.2rem}
@media (max-width:760px){
  .ptable,.ptable tbody,.ptable tr,.ptable td{display:block;width:auto}
  .ptable thead{display:none}
  .ptable tbody tr{display:grid;grid-template-columns:1fr 1fr;gap:.2rem 1rem;padding:1rem 1.2rem;border-bottom:1px solid var(--line)}
  .ptable tbody tr:last-child{border-bottom:0}
  .ptable td{padding:.35rem 0;border:0;white-space:normal;text-align:left!important}
  .ptable td[data-l]::before{content:attr(data-l);display:block;font:600 .64rem/1.2 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.25rem}
  .ptable td.pk{grid-column:1/-1}
  .ptable td.pk::before{display:none}
  .ptable td.act{grid-column:1/-1;width:auto;padding-top:.6rem}
  .ptable td.act .btn{width:100%}
  .ptable tr.pop td:first-child{box-shadow:none}
  .ptable tr.pop{box-shadow:inset 4px 0 0 var(--c)}
}
.tiers{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem;align-items:end;height:300px;padding:1.4rem;border:1px solid var(--line);border-radius:20px;background:var(--surface)}
.tiers>div{height:var(--h);min-height:110px;border-radius:12px;background:linear-gradient(180deg,var(--c),color-mix(in srgb,var(--c) 55%,transparent));color:#fff;padding:.9rem .8rem;display:flex;flex-direction:column;justify-content:flex-start;gap:.25rem;min-width:0}
.tiers b{font:800 1.25rem/1 var(--display);overflow-wrap:anywhere}
.tiers span{font:600 .72rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.tiers small{font-size:.78rem;opacity:.85;line-height:1.25}
@media (max-width:480px){.tiers{height:260px;gap:.5rem;padding:1rem}.tiers b{font-size:1rem}.tiers>div{padding:.7rem .5rem}}
.tiers b{overflow-wrap:normal;font-size:clamp(.9rem,1.7vw,1.25rem)}

/* ======== v3 additions ======== */
.hp{position:absolute!important;left:-9999px!important;width:1px;height:1px;overflow:hidden}
.wa-ic{width:20px;height:20px;flex:none}
.btn-wa{background:#1FA855;color:#fff;box-shadow:0 8px 20px -8px rgba(31,168,85,.6)}
.btn-wa:hover{background:#178C46;color:#fff}

/* Login dropdown */
.login-dd{position:relative}
.nav-cta .login{display:flex;align-items:center;gap:.3rem;background:none;border:0;cursor:pointer;font:600 .95rem/1 var(--display);color:var(--fg-2);padding:.75rem .8rem;border-radius:8px}
.nav-cta .login svg{width:14px;height:14px;opacity:.6;transition:transform .15s}
.nav-cta .login:hover,.login-dd.open .login{background:var(--bg-soft);color:var(--fg)}
.mega.w-sm{width:300px;left:auto;right:0}
.login-dd .mega a span span{font-family:var(--mono);font-size:.74rem}
.mob-login{flex-direction:column;align-items:stretch;gap:.1rem!important}
.mob-login h4{font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:.6rem 0 .4rem}
.mob-login a:not(.btn){display:flex;gap:.75rem;align-items:center;padding:.6rem .2rem;text-decoration:none;color:var(--fg);border-bottom:1px solid var(--line)}
.mob-login a .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--cs,var(--brand-soft));color:var(--c,var(--brand))}
.mob-login a .ic svg{width:18px;height:18px}
.mob-login a b{display:block;font:700 .95rem/1.2 var(--display)}
.mob-login a span span{display:block;font:500 .74rem/1.3 var(--mono);color:var(--muted)}
.mob-login .btn{margin-top:1rem}
@media (max-width:1100px){.nav-cta .login-dd{display:none}}

/* WhatsApp widget */
.wa-widget{position:fixed;right:calc(18px + env(safe-area-inset-right,0px));bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:45;display:flex;flex-direction:column;align-items:flex-end;gap:.8rem}
.wa-fab{display:flex;align-items:center;gap:.55rem;background:#1FA855;color:#fff;border:0;cursor:pointer;font:700 .95rem/1 var(--display);padding:.85rem 1.15rem .85rem .95rem;border-radius:40px;box-shadow:0 14px 34px -8px rgba(0,0,0,.4);position:relative}
.wa-fab .wa-ic{width:26px;height:26px}
.wa-fab::before{content:"";position:absolute;inset:0;border-radius:40px;box-shadow:0 0 0 0 rgba(31,168,85,.55);animation:waPulse 2.6s infinite}
.wa-fab.open::before{animation:none}
@keyframes waPulse{70%{box-shadow:0 0 0 14px rgba(31,168,85,0)}100%{box-shadow:0 0 0 0 rgba(31,168,85,0)}}
.wa-pop{width:min(330px,calc(100vw - 36px));background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow-lg);animation:popIn .25s cubic-bezier(.2,.8,.2,1)}
@keyframes popIn{from{transform:translateY(10px) scale(.97);opacity:0}}
.wa-pop-head{display:flex;align-items:center;gap:.7rem;padding:1rem;background:#0B6E4F;color:#fff}
.wa-pop-head b{display:block;font:700 1rem/1.2 var(--display);color:#fff}
.wa-pop-head small{display:block;font-size:.8rem;color:#C9EBDD}
.wa-av{width:40px;height:40px;border-radius:50%;background:#1FA855;display:grid;place-items:center;flex:none}
.wa-av .wa-ic{width:24px;height:24px}
.wa-x{margin-left:auto;background:rgba(255,255,255,.15);color:#fff;border:0;width:30px;height:30px;border-radius:50%;font-size:1.2rem;line-height:1;cursor:pointer}
.wa-pop-body{padding:1rem;background:#E9E2D6}
.wa-msg{background:#fff;color:#0B1630;border-radius:4px 14px 14px 14px;padding:.75rem .9rem;font-size:.93rem;line-height:1.45;max-width:92%;box-shadow:0 1px 1px rgba(0,0,0,.06)}
.wa-start{margin:1rem 1rem .4rem;display:flex}
.wa-num{display:block;text-align:center;font:500 .76rem/1 var(--mono);color:var(--muted);padding-bottom:1rem}
@media (max-width:520px){.wa-fab span{display:none}.wa-fab{padding:.9rem}}

/* Callback form */
.cb-form .btn{width:100%}
.cb-note{color:var(--on-ink-muted);font-size:.84rem}
.cta .form-msg a{color:var(--accent);font-weight:700}

/* Consent + messages */
.consent{display:flex;gap:.7rem;align-items:flex-start;font-size:.92rem;color:var(--fg-2);line-height:1.45;cursor:pointer;padding:.85rem 1rem;border:1px solid var(--line);border-radius:12px;background:var(--bg-soft)}
.consent input{width:18px;height:18px;margin-top:.15rem;flex:none;accent-color:var(--brand)}
.form-msg.err{background:#FDECEC;color:#8A1C1C}
:root[data-theme="dark"] .form-msg.err{background:#3A1515;color:#FFC9C9}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .form-msg.err{background:#3A1515;color:#FFC9C9}}
button[disabled]{opacity:.7;cursor:progress}

/* Product tiles (calculator + pricing tabs) */
.ptiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:.6rem}
.ptile{display:flex;align-items:center;gap:.7rem;text-align:left;padding:.75rem .85rem;border:1.5px solid var(--line);border-radius:14px;background:var(--surface);color:var(--fg);cursor:pointer;font:inherit;transition:border-color .15s,box-shadow .15s,transform .15s}
.ptile:hover{border-color:var(--c);transform:translateY(-1px)}
.ptile .ic-tile{width:38px;height:38px;border-radius:10px}
.ptile .ic-tile svg{width:19px;height:19px}
.pt-txt{min-width:0}
.pt-txt b{display:block;font:700 .92rem/1.2 var(--display)}
.pt-txt small{display:block;font:500 .74rem/1.3 var(--mono);color:var(--muted);margin-top:.2rem}
.ptile[aria-selected="true"]{border-color:var(--c);background:var(--cs);box-shadow:0 0 0 3px var(--cs)}
.ptile[aria-selected="true"] .ic-tile{background:var(--c);color:#fff}
.ptabs{grid-template-columns:repeat(6,1fr);max-width:1180px;margin:0 auto 2rem}
@media (max-width:1100px){.ptabs{grid-template-columns:repeat(3,1fr)}}
@media (max-width:520px){.ptabs{grid-template-columns:1fr 1fr}.ptiles{grid-template-columns:1fr 1fr}.ptile{padding:.6rem}.ptile .ic-tile{width:32px;height:32px}}

/* Calculator steps */
.calc .in{gap:2rem}
.step{display:grid;gap:1rem}
.step-h{display:flex;gap:.8rem;align-items:center}
.step-h>span{width:32px;height:32px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font:800 .95rem/1 var(--display);flex:none}
.step-h b{display:block;font:700 1.05rem/1.2 var(--display)}
.step-h small{display:block;color:var(--muted);font-size:.86rem;margin-top:.15rem}
.packs{display:grid;grid-template-columns:repeat(auto-fill,minmax(104px,1fr));gap:.5rem}
.packs button{display:grid;gap:.3rem;text-align:left;padding:.75rem .8rem;border-radius:12px;border:1.5px solid var(--line);background:var(--surface);color:var(--fg);cursor:pointer;font:inherit;transition:border-color .15s,background .15s}
.packs button:hover{border-color:var(--brand)}
.packs button b{font:800 1rem/1 var(--display);font-variant-numeric:tabular-nums}
.packs button small{font:500 .72rem/1 var(--mono);color:var(--muted)}
.packs button[aria-pressed="true"]{border-color:var(--brand);background:var(--brand);color:#fff}
.packs button[aria-pressed="true"] small{color:rgba(255,255,255,.8)}
.calc .out .btn{margin-top:.4rem}
.calc-alt{color:var(--on-ink-muted);font-size:.84rem;text-align:center}
.calc-alt a{color:var(--on-ink)}

/* Price ladder */
.ladder-wrap{background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:var(--shadow)}
.ladder{list-style:none;margin:0;padding:.5rem}
.rung{display:grid;grid-template-columns:minmax(150px,1fr) minmax(210px,1.4fr) minmax(170px,1.1fr) minmax(130px,.8fr) auto;gap:1.2rem;align-items:center;padding:1rem 1.1rem;border-radius:14px;transition:background .15s}
.rung+.rung{border-top:1px solid var(--line)}
.rung:hover{background:var(--bg-soft)}
.rung.pop{background:var(--cs);border-top-color:transparent;box-shadow:inset 0 0 0 1.5px var(--c)}
.rung.pop+.rung{border-top-color:transparent}
.r-qty b{font:800 1.3rem/1 var(--display);font-stretch:106%;display:block}
.r-qty small{font:500 .74rem/1 var(--mono);color:var(--muted);display:inline-block;margin-top:.35rem}
.pbadge{display:inline-block;margin-left:.5rem;font:700 .6rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;background:var(--c);color:#fff;padding:.32rem .5rem;border-radius:20px;vertical-align:middle}
.r-top{display:flex;align-items:baseline;gap:.35rem;flex-wrap:wrap}
.r-top b{font:800 1.45rem/1 var(--display);color:var(--c)}
.r-top span{font:500 .78rem/1 var(--mono);color:var(--muted)}
.save{margin-left:auto;font:700 .68rem/1 var(--mono);font-style:normal;padding:.3rem .5rem;border-radius:6px;background:var(--wa-soft);color:var(--ok)}
.save.base{background:var(--bg-soft);color:var(--muted)}
.bar{height:6px;border-radius:6px;background:var(--line);margin-top:.6rem;overflow:hidden}
.bar i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,var(--c),color-mix(in srgb,var(--c) 55%,transparent))}
.r-break{display:grid;gap:.35rem;font:600 .95rem/1.3 var(--mono);font-variant-numeric:tabular-nums}
.r-break small{font-weight:500;color:var(--muted);font-size:.8rem}
.vchip{display:inline-flex;align-items:center;gap:.3rem;justify-self:start;font:600 .7rem/1 var(--mono);padding:.3rem .5rem;border-radius:6px;background:var(--bg-soft);color:var(--fg-2);border:1px solid var(--line)}
.vchip svg{width:12px;height:12px}
.r-net small{display:block;font:600 .64rem/1 var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin-bottom:.35rem}
.r-net b{font:800 1.25rem/1 var(--display);font-variant-numeric:tabular-nums}
.r-btn svg{width:15px;height:15px}
.ladder-wrap+.ladder-wrap{margin-top:0}
@media (max-width:980px){.rung{grid-template-columns:1fr 1fr;gap:.8rem 1rem}.r-rate{grid-column:2}.r-break{grid-column:1}.r-net{grid-column:2;text-align:right}.r-btn{grid-column:1/-1}}
@media (max-width:420px){.rung{padding:1rem .8rem}.r-qty b{font-size:1.15rem}}

/* Inner page hero art */
.phero .hero-fx{position:absolute;inset:0;overflow:hidden;pointer-events:none}
.phero .blob{opacity:.85}
.phero .b1{right:-8%;top:-30%;background:color-mix(in srgb,var(--c,var(--brand)) 24%,transparent)}
.phero .b2{left:30%;bottom:-40%;right:auto;background:color-mix(in srgb,var(--accent) 14%,transparent)}
.phero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:56px 56px;mask-image:radial-gradient(ellipse at 80% 30%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 80% 30%,#000,transparent 70%);opacity:.5;pointer-events:none}
.phero .wrap{position:relative;z-index:1}
.phero-art{display:grid;place-items:center;min-width:0}
.orbit{position:relative;width:min(380px,80vw);aspect-ratio:1;max-width:100%}
.o-ring{position:absolute;border-radius:50%;border:1.5px dashed color-mix(in srgb,var(--c,var(--brand)) 40%,transparent)}
.o-ring.r1{inset:8%;animation:spin 60s linear infinite}
.o-ring.r2{inset:26%;border-style:solid;border-color:var(--line);background:radial-gradient(circle,var(--surface) 0%,transparent 72%)}
.o-spin{position:absolute;inset:8%;animation:spin 36s linear infinite}
.o-node{position:absolute;width:52px;height:52px;margin:-26px;display:grid;place-items:center}
.o-node>span{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--surface);color:var(--c);border:1px solid var(--line);box-shadow:var(--shadow);animation:spin 36s linear infinite reverse}
.o-node svg{width:24px;height:24px}
.o-node.n1{left:50%;top:0}.o-node.n2{left:100%;top:50%}.o-node.n3{left:50%;top:100%}.o-node.n4{left:0;top:50%}
.o-core{position:absolute;inset:36%;display:grid;place-items:center}
.o-core>span{width:100%;height:100%;border-radius:28px;display:grid;place-items:center;background:linear-gradient(145deg,var(--c,var(--brand)),color-mix(in srgb,var(--c,var(--brand)) 65%,#000));color:#fff;box-shadow:0 20px 40px -12px color-mix(in srgb,var(--c,var(--brand)) 60%,transparent)}
.o-core svg{width:44%;height:44%}
.o-chip{position:absolute;z-index:2;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow);padding:.65rem .9rem;animation:bob 5s ease-in-out infinite}
.o-chip b{display:block;font:800 1.1rem/1 var(--display)}
.o-chip small{display:block;color:var(--muted);font-size:.78rem;margin-top:.25rem;white-space:nowrap}
.o-chip.oc1{left:-4%;top:14%}.o-chip.oc2{right:-4%;bottom:12%;animation-delay:-2.5s}
@keyframes spin{to{transform:rotate(360deg)}}
@media (max-width:980px){.phero-art{display:none}}
.phero .phero-art .stage{transform:none}
.phero:has(.phero-art) h1{max-width:16ch}

/* UPI QR */
.bank.upi .qr{padding:1.2rem 1.5rem .4rem;display:grid;place-items:center}
.bank.upi .qr img{width:min(240px,100%);height:auto;border-radius:12px;border:1px solid var(--line);background:#fff;padding:8px}
.bank.upi dl>div{grid-template-columns:70px 1fr auto}
.bank.upi dd{font-size:.86rem}
@media (max-width:520px){.ptiles .ptile:last-child:nth-child(odd){grid-column:1/-1}}

/* ======== Easebuzz / pay online ======== */
.paybanner{display:flex;align-items:center;gap:1.1rem;padding:1.2rem 1.4rem;margin-bottom:1.6rem;border-radius:18px;background:linear-gradient(100deg,var(--brand-soft),var(--surface) 70%);border:1px solid var(--line);color:var(--fg);text-decoration:none;transition:box-shadow .15s,transform .15s}
.paybanner:hover{box-shadow:var(--shadow);transform:translateY(-1px)}
.paybanner b{display:block;font:800 1.15rem/1.2 var(--display)}
.paybanner span:not(.ic-tile):not(.btn){display:block;color:var(--muted);font-size:.94rem;margin-top:.2rem}
.paybanner .btn{margin-left:auto;flex:none}
@media (max-width:640px){.paybanner{flex-wrap:wrap}.paybanner .btn{margin-left:0;width:100%}}
.amt{display:flex;align-items:stretch;border:1.5px solid var(--line-2);border-radius:12px;overflow:hidden;background:var(--surface)}
.amt:focus-within{border-color:var(--brand);box-shadow:0 0 0 4px var(--brand-soft)}
.amt span{display:grid;place-items:center;padding:0 1rem;background:var(--bg-soft);font:700 1.2rem/1 var(--display);color:var(--fg-2);border-right:1px solid var(--line)}
.amt input{border:0!important;box-shadow:none!important;font:700 1.25rem/1 var(--mono)!important;border-radius:0!important}
.hint{color:var(--muted);font-size:.85rem}
.btn-pay{width:100%;padding:1.05em;font-size:1.05rem}
.btn-pay svg{width:18px;height:18px}
.pay-sum dl{margin:.2rem 0 0;display:grid}
.pay-sum dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--line-2)}
.pay-sum dt{color:var(--muted)}
.pay-sum dd{margin:0;font-weight:700;text-align:right;overflow-wrap:anywhere}
.pay-sum dd[data-sum="amount"]{font:800 1.5rem/1 var(--display);color:var(--brand)}
.pay-steps{margin:.2rem 0 0;padding-left:1.2rem;display:grid;gap:.45rem;color:var(--fg-2)}
.r-btns{display:flex;gap:.4rem;align-items:center}
.r-wa{padding:.55em .65em}
.r-wa .wa-ic{width:18px;height:18px}
@media (max-width:980px){.r-btns{grid-column:1/-1}.r-btns .btn:first-child{flex:1}}
.calc .out .btn{width:100%}
/* payment result pages (pay.php / payment-response.php) */
.pay-result .site-header{position:static}
.result-card{max-width:620px;margin:0 auto;background:var(--surface);border:1px solid var(--line);border-radius:24px;box-shadow:var(--shadow-lg);padding:clamp(1.6rem,4vw,2.6rem);display:grid;gap:1rem;justify-items:start}
.result-ic{width:60px;height:60px;border-radius:50%;display:grid;place-items:center}
.result-ic svg{width:30px;height:30px}
.result-card h1{font-size:clamp(1.8rem,4vw,2.4rem)}
.result-rows{margin:0;width:100%;display:grid;border-top:1px solid var(--line)}
.result-rows>div{display:flex;justify-content:space-between;gap:1rem;padding:.7rem 0;border-bottom:1px dashed var(--line-2)}
.result-rows dt{color:var(--muted)}
.result-rows dd{margin:0;font:600 .95rem/1.4 var(--mono);text-align:right;overflow-wrap:anywhere}
.ts-box{min-height:65px}

/* ======== Clients ======== */
.clients-band{padding-bottom:clamp(56px,7vw,88px);overflow:hidden}
.marquee{display:grid;gap:.9rem;mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);-webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)}
.mq-row{display:flex;gap:.9rem;width:max-content;animation:mq 70s linear infinite}
.mq-row.rev{animation-direction:reverse;animation-duration:80s}
.marquee:hover .mq-row{animation-play-state:paused}
@keyframes mq{to{transform:translateX(calc(-50% - .45rem))}}
.client{position:relative;display:flex;align-items:center;gap:.75rem;min-height:84px;padding:.9rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;min-width:0}
.marquee .client{width:250px;flex:none}
.c-mono{flex:none;width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--bg-soft);border:1px solid var(--line);color:var(--fg-2);font:800 .95rem/1 var(--display);letter-spacing:.02em}
.client b{font:700 .92rem/1.25 var(--display);color:var(--fg-2);overflow-wrap:anywhere}
.client img{position:absolute;inset:12px 16px;width:calc(100% - 32px);height:calc(100% - 24px);object-fit:contain;opacity:0;transition:opacity .3s,filter .3s;filter:grayscale(1)}
.client:hover img{filter:none}
.client.has-logo img{opacity:1}
.client.has-logo .c-mono,.client.has-logo b{visibility:hidden}
:root[data-theme="dark"] .client.has-logo{background:#fff}
@media (prefers-color-scheme:dark){:root:not([data-theme="light"]) .client.has-logo{background:#fff}}
.cgroup{display:grid;gap:1rem;padding-block:1.6rem;border-top:1px solid var(--line)}
.cgroup:first-of-type{border-top:0;padding-top:0}
.cg-head{display:flex;align-items:center;gap:.8rem}
.cg-head .ic-tile{width:38px;height:38px;border-radius:10px}
.cg-head .ic-tile svg{width:19px;height:19px}
.cg-head h3{font-size:1.1rem}
.cg-head small{margin-left:auto;font:600 .72rem/1 var(--mono);color:var(--muted);letter-spacing:.06em;text-transform:uppercase}
.client-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:.8rem}
@media (prefers-reduced-motion:reduce){.mq-row{animation:none;flex-wrap:wrap;width:auto}.mq-row .client[aria-hidden="true"]{display:none}.marquee{mask-image:none;-webkit-mask-image:none}}
@media (max-width:520px){.marquee .client{width:210px}.client{min-height:76px}.client-grid{grid-template-columns:1fr 1fr}.client b{font-size:.84rem}.c-mono{width:38px;height:38px}}

/* ======== Mobile pass: readable labels + 44px tap targets ======== */
@media (max-width:760px){
  .save,.pbadge,.r-net small,.announce .pill,.tag,.bank dt,.badge-row .new,.vchip,.cg-head small,.pt-txt small,.packs button small{font-size:12px!important}
  .btn-sm{min-height:44px;padding:.7em 1.1em}
  .r-wa{min-width:48px;justify-content:center}
  .copy{min-height:40px;padding:.55rem .8rem}
  .code-tabs button{min-height:40px;padding:.65rem .9rem}
  .tabs button{min-height:42px}
  .contact-card .btn{min-height:44px}
}

/* ======== Mobile layout fixes ======== */
.btn{max-width:100%}
.cta form,.cb-form{min-width:0;width:100%}
.cb-form .btn{white-space:normal;text-align:center;line-height:1.25}
@media (max-width:760px){
  .announce .wrap{flex-wrap:nowrap;gap:.5rem;font-size:.82rem;padding-block:.5rem}
  .announce .ann-long{display:none}
  .announce a{white-space:nowrap}
  .btn{white-space:normal;text-align:center;line-height:1.25}
  section{padding-block:56px}
  .head{margin-bottom:1.8rem}
  .head-row{margin-bottom:1.8rem;gap:1rem}
  .cta{border-radius:20px;padding:1.6rem 1.25rem}
  .cta h2{font-size:1.6rem}
  /* home */
  .hero .phone{width:min(270px,74vw)}
  .statbar .wrap{grid-template-columns:repeat(2,1fr)}
  .statbar .wrap>div{padding:1.1rem 0}
  .statbar .wrap>div:last-child{grid-column:1/-1;border-top:1px solid var(--line)}
  .statbar b{font-size:1.6rem}
  .grid.g4 .pcard ul{display:none}
  .pcard{padding:1.3rem}
  .rates{min-width:0}
  .rates th:nth-child(2),.rates td:nth-child(2),.rates th:nth-child(3),.rates td:nth-child(3){display:none}
  .rates th,.rates td{padding:.9rem .9rem}
  .promise>div{padding:1.3rem}
  /* pricing */
  .notes{flex-direction:column;align-items:flex-start;gap:.45rem;max-width:420px;margin-inline:auto}
  .notes span{align-items:flex-start}
  .notes svg{margin-top:.2rem;flex:none}
  .bar{display:none}
  .r-break{font-size:.88rem}
  .ladder{padding:.3rem}
  .rung{padding:.9rem .8rem;gap:.6rem .8rem}
  /* WhatsApp API tiers -> horizontal bars */
  .tiers{height:auto;grid-template-columns:1fr;gap:.5rem;align-items:stretch;padding:1rem}
  .tiers>div{height:auto;min-height:0;width:var(--h);min-width:62%;flex-direction:row;align-items:baseline;flex-wrap:wrap;gap:.2rem .5rem;padding:.7rem .9rem}
  .tiers b{font-size:1.05rem}
  /* footer: links in two columns */
  .foot-grid{grid-template-columns:1fr 1fr;gap:2rem 1.2rem;padding-block:3rem 2rem}
  .foot-grid>div:first-child{grid-column:1/-1}
  .site-footer ul{gap:.55rem}
  .foot-bottom{flex-direction:column}
  .phero{padding-block:36px 44px}
  .phero h1{font-size:clamp(1.9rem,8vw,2.4rem)}
  .kpis{gap:.4rem}
  .kpis span{font-size:.8rem;padding:.45rem .65rem}
}
@media (max-width:400px){.foot-grid{grid-template-columns:1fr 1fr}.site-footer{font-size:.9rem}}
/* reduced-motion client strip: tidy two-column grid instead of one long column */
@media (prefers-reduced-motion:reduce){
  .mq-row{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));width:auto;padding-inline:max(16px,env(safe-area-inset-left,0px))}
  .marquee .client{width:auto}
}
@media (prefers-reduced-motion:reduce) and (max-width:520px){.mq-row{grid-template-columns:1fr 1fr}}

/* Mobile menu: the header's blur effect trapped the fixed menu inside the 72px header bar */
@media (max-width:1100px){
  .site-header{backdrop-filter:none;-webkit-backdrop-filter:none;background:var(--surface)}
  .nav{z-index:60;box-shadow:0 20px 40px -20px rgba(0,0,0,.25)}
  .nav{overscroll-behavior:contain}
  body.menu-open .wa-widget{display:none}
}
/* Client names: wrap between words, never mid-word */
.client b{overflow-wrap:normal;word-break:normal;hyphens:manual}
@media (max-width:520px){
  .client-grid .client{flex-direction:column;align-items:flex-start;gap:.55rem;min-height:0;padding:.85rem}
  .client-grid .client b{font-size:.84rem;line-height:1.25}
  .client-grid .client img{inset:10px}
  .mq-row .client{width:220px}
}
@media (prefers-reduced-motion:reduce) and (max-width:520px){
  .mq-row .client{flex-direction:column;align-items:flex-start;gap:.5rem;padding:.85rem;min-height:0;width:auto}
}
@media (max-width:1100px){.nav{bottom:0;height:auto}}
.cg-head small{white-space:nowrap}
@media (max-width:1100px){
  .nav-in>.logo,.nav-cta{position:relative;z-index:70}
  .site-header{z-index:55}
}
.menu-btn{position:relative}
.menu-btn.x svg{opacity:0}
.menu-btn.x::before,.menu-btn.x::after{content:"";position:absolute;left:50%;top:50%;width:20px;height:2px;margin:-1px 0 0 -10px;background:currentColor;border-radius:2px;transform:rotate(45deg)}
.menu-btn.x::after{transform:rotate(-45deg)}
@media (max-width:520px){
  .bank dl{padding:.2rem 1.1rem .8rem}
  .bank dl>div,.bank.upi dl>div{grid-template-columns:1fr auto;grid-template-areas:"t t" "d c";row-gap:.3rem}
  .bank dt{grid-area:t}
  .bank dd{grid-area:d;word-break:normal;overflow-wrap:anywhere;font-size:1.02rem}
  .bank dl>div>.copy,.bank dl>div>span{grid-area:c}
  .bank-head{padding:1.1rem}
  .wa-fab{padding:.75rem}
  .wa-fab .wa-ic{width:24px;height:24px}
}
.ptable-more{text-align:center;margin-top:1.6rem}
.more-btn{font-size:1.05rem;padding:.95em 1.5em}
.more-btn svg{width:18px;height:18px}

/* ======== Page-specific hero illustrations ======== */
.hart{position:relative;width:min(440px,100%);display:grid;gap:.7rem;font-size:.92rem}
.hart .ic-tile{width:40px;height:40px;border-radius:11px}
.hart .ic-tile svg{width:20px;height:20px}
.h-label{font:600 .7rem/1 var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:.2rem}
.h-card,.h-win{background:var(--surface);border:1px solid var(--line);border-radius:20px;box-shadow:var(--shadow-lg)}
.h-card{padding:1.3rem}
@keyframes hIn{from{opacity:0;transform:translateY(10px)}}
.h-chan,.h-ind,.h-pay,.h-toc li,.h-priv li{animation:hIn .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
/* window chrome */
.h-win{overflow:hidden}
.h-bar{display:flex;align-items:center;gap:6px;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:var(--bg-soft)}
.h-bar i{width:9px;height:9px;border-radius:50%;background:var(--line-2)}
.h-bar span{margin-left:.6rem;font:600 .74rem/1 var(--mono);color:var(--muted)}
/* services */
.h-chan{display:flex;align-items:center;gap:.8rem;padding:.75rem .95rem;background:var(--surface);border:1px solid var(--line);border-radius:14px;box-shadow:var(--shadow)}
.h-chan:nth-child(odd){margin-left:1.6rem}.h-chan:nth-child(3){margin-left:3rem}
.h-chan b{display:block;font:700 .95rem/1.2 var(--display)}
.h-chan small{display:block;font:500 .72rem/1.3 var(--mono);color:var(--c);margin-top:.15rem}
.h-chan em{margin-left:auto;font:700 .8rem/1 var(--mono);font-style:normal;color:var(--accent-ink);background:var(--accent-soft);padding:.35rem .5rem;border-radius:8px;white-space:nowrap}
/* pricing */
.h-ph{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}
.h-ph small{display:block;font:600 .72rem/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.08em}
.h-ph b{display:block;font:800 1.5rem/1.1 var(--display);margin-top:.35rem}
.h-rate{font:800 2.2rem/1 var(--display);color:var(--voice)}
.h-rate small{font:500 .78rem/1 var(--mono);color:var(--muted);margin-left:.2rem}
.h-bars{display:grid;grid-template-columns:repeat(8,1fr);gap:.4rem;align-items:end;height:150px;margin-top:1.2rem;padding-bottom:2.2rem;position:relative;border-bottom:1px dashed var(--line-2)}
.h-bcol{position:relative;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center}
.h-bcol i{width:100%;border-radius:6px 6px 2px 2px;background:var(--line);transform-origin:bottom;animation:hGrow .8s cubic-bezier(.2,.7,.2,1) both}
.h-bcol.on i{background:linear-gradient(180deg,var(--voice),color-mix(in srgb,var(--voice) 55%,transparent))}
@keyframes hGrow{from{transform:scaleY(0)}}
.h-bcol small{position:absolute;bottom:-1.35rem;font:600 .66rem/1 var(--mono);color:var(--muted)}
.h-bcol span{position:absolute;bottom:-2.3rem;font:500 .6rem/1 var(--mono);color:var(--muted)}
.h-bcol.on small,.h-bcol.on span{color:var(--fg);font-weight:700}
.h-cap{font-size:.78rem;color:var(--muted);margin-top:.6rem}
.h-tot{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-top:.9rem;padding-top:.9rem;border-top:1px solid var(--line)}
.h-tot span{font:500 .8rem/1.3 var(--mono);color:var(--muted)}
.h-tot b{font:800 1.5rem/1 var(--display)}
/* industries */
.h-inds{grid-template-columns:1fr 1fr;gap:.7rem}
.h-ind{background:var(--surface);border:1px solid var(--line);border-radius:16px;padding:1rem;box-shadow:var(--shadow);display:grid;gap:.45rem;justify-items:start}
.h-ind:nth-child(even){transform:translateY(14px)}
.h-ind .ic-tile{background:var(--rcs-soft);color:var(--rcs)}
.h-ind b{font:700 .95rem/1.2 var(--display)}
.h-ind small{font-size:.76rem;line-height:1.35;color:var(--fg-2);background:var(--bg-soft);border-radius:10px 10px 10px 3px;padding:.4rem .55rem}
/* about */
.h-about{display:grid;grid-template-columns:auto 1fr;gap:1.2rem;align-items:start}
.h-since{background:var(--brand);color:#fff;border-radius:16px;padding:1rem .9rem;text-align:center}
.h-since small{display:block;font:600 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;opacity:.85}
.h-since b{display:block;font:800 1.7rem/1 var(--display);margin-top:.3rem}
.h-tl{list-style:none;margin:0;padding:0;display:grid;gap:.85rem;position:relative}
.h-tl::before{content:"";position:absolute;left:6px;top:8px;bottom:8px;width:2px;background:var(--line)}
.h-tl li{display:flex;gap:.8rem;position:relative}
.h-tl .h-dot{flex:none;width:14px;height:14px;border-radius:50%;background:var(--c,var(--brand));border:3px solid var(--surface);box-shadow:0 0 0 1px var(--line);margin-top:.2rem;z-index:1}
.h-tl b{display:block;font:800 .82rem/1 var(--mono);color:var(--c,var(--brand))}
.h-tl p{color:var(--fg-2);font-size:.88rem;line-height:1.35;margin-top:.15rem}
/* partner */
.h-panel{padding:1rem;display:grid;gap:.8rem}
.h-brand{display:flex;gap:.7rem;align-items:center}
.h-logo{width:38px;height:38px;border-radius:10px;background:linear-gradient(135deg,var(--rcs),var(--brand));color:#fff;display:grid;place-items:center;font:800 .85rem/1 var(--display)}
.h-brand b{display:block;font:800 1rem/1.2 var(--display)}
.h-brand small{color:var(--muted);font-size:.76rem}
.h-kpis{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.h-kpis div{background:var(--bg-soft);border-radius:12px;padding:.6rem .7rem}
.h-kpis small{display:block;font:600 .64rem/1 var(--mono);color:var(--muted);text-transform:uppercase;letter-spacing:.06em}
.h-kpis b{display:block;font:800 1.05rem/1 var(--display);margin-top:.35rem}
.h-kpis .up{color:var(--ok)}
.h-tr{display:grid;grid-template-columns:1.4fr 1fr .8fr;gap:.5rem;padding:.55rem .2rem;border-bottom:1px solid var(--line);font-size:.82rem;color:var(--fg-2)}
.h-tr b{color:var(--rcs);text-align:right}
.h-th{font:600 .64rem/1 var(--mono);text-transform:uppercase;letter-spacing:.06em;color:var(--muted);border-bottom:1px solid var(--line-2)}
.h-th span:last-child{text-align:right}
.h-tag{justify-self:end;font:500 .7rem/1 var(--mono);color:var(--muted)}
/* payments */
.h-pay{display:flex;align-items:center;gap:.9rem;padding:1rem 1.1rem;background:var(--surface);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow)}
.h-pay:nth-child(3){margin-left:1.5rem}.h-pay:nth-child(4){margin-left:3rem}
.h-pay b{display:block;font:700 1rem/1.2 var(--display)}
.h-pay small{display:block;color:var(--muted);font-size:.8rem;margin-top:.15rem}
.h-pay>svg{margin-left:auto;width:20px;height:20px;color:var(--ok);flex:none}
.h-qr{flex:none;width:44px;height:44px;padding:4px;background:#fff;border:1px solid var(--line);border-radius:8px;display:grid;grid-template-columns:repeat(7,1fr);gap:1px}
.h-qr i{background:#0B1630;border-radius:1px}.h-qr b{background:transparent}
/* pay online */
.h-co{padding:1.1rem;display:grid;gap:.55rem}
.h-amt{background:var(--brand-soft);border-radius:14px;padding:.9rem 1rem;margin-bottom:.3rem}
.h-amt small{display:block;font:600 .66rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.h-amt b{display:block;font:800 1.9rem/1.1 var(--display);color:var(--brand);margin-top:.3rem}
.h-amt span{font-size:.8rem;color:var(--fg-2)}
.h-opt{display:flex;gap:.7rem;align-items:center;padding:.6rem .8rem;border:1.5px solid var(--line);border-radius:12px}
.h-opt.on{border-color:var(--brand);background:var(--bg-soft)}
.h-radio{width:16px;height:16px;border-radius:50%;border:2px solid var(--line-2);flex:none}
.h-opt.on .h-radio{border:5px solid var(--brand)}
.h-opt b{font:700 .9rem/1.2 var(--display)}.h-opt small{display:block;color:var(--muted);font-size:.74rem}
.h-paybtn{display:flex;align-items:center;justify-content:center;gap:.5rem;margin-top:.4rem;background:var(--brand);color:#fff;border-radius:12px;padding:.8rem;font:700 .95rem/1 var(--display)}
.h-paybtn svg{width:16px;height:16px}
.h-secure{text-align:center;font:500 .7rem/1 var(--mono);color:var(--muted)}
/* contact */
.h-wa .h-bar{background:#0B6E4F;border-color:#0B6E4F}.h-wa .h-bar span{color:#C9EBDD}.h-wa .h-bar i{background:rgba(255,255,255,.3)}
.h-chead{display:flex;gap:.7rem;align-items:center;padding:.8rem 1rem;border-bottom:1px solid var(--line)}
.h-av{width:36px;height:36px;border-radius:50%;background:#1FA855;color:#fff;display:grid;place-items:center;flex:none}
.h-av .wa-ic{width:20px;height:20px}
.h-chead b{display:block;font:700 .92rem/1.2 var(--display)}.h-chead small{color:var(--ok);font-size:.74rem}
.h-msgs{padding:1rem;display:flex;flex-direction:column;gap:.55rem;background:color-mix(in srgb,#E9E2D6 55%,var(--surface))}
.h-in,.h-out{max-width:82%;padding:.6rem .8rem;border-radius:14px;font-size:.85rem;line-height:1.4;color:#0B1630;animation:hIn .5s both}
.h-in{background:#fff;border-radius:4px 14px 14px 14px}
.h-out{align-self:flex-end;background:#D9FDD3;border-radius:14px 4px 14px 14px;animation-delay:.4s}
.h-in:nth-child(3){animation-delay:.8s}
.h-typing{display:flex;gap:4px;padding:.6rem .8rem;background:#fff;border-radius:14px;width:max-content}
.h-typing i{width:6px;height:6px;border-radius:50%;background:#8A94AA;animation:hTyp 1.2s infinite}
.h-typing i:nth-child(2){animation-delay:.15s}.h-typing i:nth-child(3){animation-delay:.3s}
@keyframes hTyp{50%{opacity:.25;transform:translateY(-2px)}}
.h-chips{display:flex;flex-wrap:wrap;gap:.4rem}
.h-chips span{display:inline-flex;align-items:center;gap:.4rem;font:600 .76rem/1 var(--display);padding:.5rem .7rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;color:var(--fg-2)}
.h-chips svg{width:14px;height:14px;color:var(--wa)}
/* legal */
.h-dh{display:flex;gap:.8rem;align-items:center;padding-bottom:.9rem;border-bottom:1px solid var(--line)}
.h-dh b{display:block;font:800 1.05rem/1.2 var(--display)}.h-dh small{color:var(--muted);font-size:.78rem}
.h-toc{list-style:none;margin:.6rem 0 0;padding:0;display:grid}
.h-toc li{display:flex;gap:.8rem;align-items:center;padding:.5rem 0;border-bottom:1px dashed var(--line);font-size:.88rem;color:var(--fg-2)}
.h-toc li span{font:600 .74rem/1 var(--mono);color:var(--brand)}
.h-sign{display:flex;align-items:center;gap:.6rem;margin-top:.9rem;font:500 .74rem/1 var(--mono);color:var(--muted)}
.h-sign span{width:40px;height:2px;background:var(--brand)}
.h-priv{text-align:center;display:grid;justify-items:center;gap:.6rem}
.h-shield{width:76px;height:76px;border-radius:24px;display:grid;place-items:center;background:linear-gradient(145deg,var(--rcs),color-mix(in srgb,var(--rcs) 60%,#000));color:#fff;box-shadow:0 18px 36px -12px color-mix(in srgb,var(--rcs) 60%,transparent)}
.h-shield svg{width:38px;height:38px}
.h-pt{font:800 1.15rem/1.2 var(--display)}
.h-priv ul{list-style:none;margin:.3rem 0 0;padding:0;display:grid;gap:.5rem;width:100%;text-align:left}
.h-priv li{display:flex;gap:.7rem;align-items:center;padding:.65rem .8rem;background:var(--bg-soft);border-radius:12px;font-size:.88rem;color:var(--fg-2)}
.h-priv li svg{width:18px;height:18px;color:var(--rcs);flex:none}
/* thank you */
.h-dl{display:flex;justify-content:space-between;align-items:center;padding:.8rem 1rem;border-radius:14px;background:var(--wa-soft);color:var(--wa);font:800 1rem/1 var(--mono);letter-spacing:.08em}
.h-dl svg{width:22px;height:22px}
.h-steps{list-style:none;margin:1rem 0 0;padding:0;display:grid;gap:.9rem}
.h-steps li{display:flex;gap:.8rem;align-items:center}
.h-steps .h-dot{width:28px;height:28px;border-radius:50%;display:grid;place-items:center;border:2px solid var(--line-2);flex:none}
.h-steps li.done .h-dot{background:var(--wa);border-color:var(--wa);color:#fff}
.h-steps .h-dot svg{width:15px;height:15px}
.h-steps b{display:block;font:700 .95rem/1.2 var(--display)}.h-steps small{color:var(--muted);font-size:.8rem}
/* 404 */
.h-bub{position:relative;background:var(--bg-soft);border-radius:18px 18px 18px 4px;padding:1.1rem 1.2rem}
.h-bub b{display:block;font:600 .82rem/1 var(--mono);color:var(--muted)}
.h-bub span{display:block;font:800 1.2rem/1.2 var(--display);margin-top:.5rem}
.h-bub em{position:absolute;right:1rem;top:1rem;font:800 .78rem/1 var(--mono);font-style:normal;color:#fff;background:#E5484D;padding:.35rem .5rem;border-radius:6px}
.h-retry{margin-top:1rem}
.h-retry small{font:600 .7rem/1 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}
.h-retry div{display:flex;gap:.4rem;margin-top:.5rem}
.h-retry span{font:700 .82rem/1 var(--display);padding:.55rem .8rem;border-radius:20px;background:var(--brand-soft);color:var(--brand)}
.phero:has(.hart) .hero-grid{align-items:center}
/* Talk to sales: the one highlighted header action */
.btn-sales{padding:.75em 1.25em;font-size:.95rem;box-shadow:0 10px 24px -8px color-mix(in srgb,var(--brand) 75%,transparent)}
.btn-sales svg{width:16px;height:16px}
@media (max-width:1100px){.nav-cta .btn-sales{display:inline-flex;padding:.6em 1em;font-size:.88rem}}
@media (max-width:400px){.nav-cta .btn-sales span{display:none}.nav-cta .btn-sales{padding:.65em}}
/* Plain dark strip above the header (no text) */
.topstrip{height:36px;background:var(--ink)}
@media (max-width:760px){.topstrip{height:28px}}
.notice-plain{grid-template-columns:auto 1fr}

/* Pay Online banner: explanatory, nothing that looks clickable */
.h-paysafe .h-card{display:grid;gap:1.1rem;pointer-events:none;user-select:none}
.h-ps-top{display:flex;gap:.9rem;align-items:center}
.h-ps-lock{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(145deg,var(--sms),color-mix(in srgb,var(--sms) 60%,#000));color:#fff;flex:none}
.h-ps-lock svg{width:26px;height:26px}
.h-ps-top b{display:block;font:800 1.1rem/1.2 var(--display)}
.h-ps-top small{display:block;color:var(--muted);font-size:.8rem;margin-top:.15rem}
.h-ps-steps{list-style:none;margin:0;padding:0;display:grid;gap:.2rem;position:relative}
.h-ps-steps::before{content:"";position:absolute;left:13px;top:20px;bottom:20px;width:2px;background:repeating-linear-gradient(var(--line-2) 0 4px,transparent 4px 8px)}
.h-ps-steps li{display:flex;gap:.75rem;align-items:center;padding:.55rem 0;animation:hIn .6s cubic-bezier(.2,.7,.2,1) both;animation-delay:var(--d,0s)}
.h-sn{position:relative;z-index:1;width:28px;height:28px;border-radius:50%;background:var(--fg);color:var(--bg);display:grid;place-items:center;font:800 .8rem/1 var(--display);flex:none}
.h-ps-steps .ic-tile{width:36px;height:36px;border-radius:10px;background:var(--sms-soft);color:var(--sms)}
.h-ps-steps .ic-tile svg{width:18px;height:18px}
.h-ps-steps b{display:block;font:700 .95rem/1.2 var(--display)}
.h-ps-steps small{display:block;color:var(--muted);font-size:.8rem}
.h-ps-methods{border-top:1px dashed var(--line-2);padding-top:.9rem}
.h-ps-methods small{font:600 .66rem/1 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.h-ps-methods div{display:flex;flex-wrap:wrap;gap:.35rem .9rem;margin-top:.55rem}
.h-ps-methods span{font:600 .84rem/1 var(--display);color:var(--fg-2);display:inline-flex;align-items:center;gap:.35rem}
.h-ps-methods span::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--ok)}
.h-ps-down{display:flex;align-items:center;justify-content:center;gap:.4rem;font:700 .88rem/1 var(--display);color:var(--brand)}
.h-ps-down svg{width:16px;height:16px;transform:rotate(90deg);animation:psDown 1.6s ease-in-out infinite}
@keyframes psDown{50%{transform:rotate(90deg) translateX(4px)}}

/* ======== Compact mobile layout: shorter pages, less scrolling ======== */
.fcol>summary{list-style:none;cursor:default}
.fcol>summary::-webkit-details-marker{display:none}
.fcol>summary h4{display:block}
.fcol-chev{width:16px;height:16px;flex:none}
@media (min-width:641px){.fcol>summary{pointer-events:none}.fcol-chev{display:none}.areas-d>summary{display:none}.areas-d{display:grid;gap:.5rem}}
.swipe-hint{display:none}
@media (max-width:640px){
  section{padding-block:40px}
  .head,.head-row{margin-bottom:1.2rem}
  .head .lead{font-size:1rem}
  h2{font-size:clamp(1.45rem,6.4vw,1.8rem)}
  .phero{padding-block:28px 34px}
  .phero .lead{font-size:1rem}
  /* card rows become side-swipe carousels */
  .grid.g3,.grid.g4,.promise,.steps:not([style]){display:grid;grid-auto-flow:column;grid-template-columns:none;grid-auto-columns:82%;gap:.75rem;overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;margin-inline:-20px;padding:0 20px .6rem;scroll-padding-inline:20px;scrollbar-width:none}
  .grid.g3::-webkit-scrollbar,.grid.g4::-webkit-scrollbar,.promise::-webkit-scrollbar,.steps::-webkit-scrollbar{display:none}
  .grid.g3>*,.grid.g4>*,.promise>*,.steps:not([style])>*{scroll-snap-align:start;min-width:0}
  .grid.g3>.feat{background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1rem}
  .promise{border:0;border-radius:0;overflow-x:auto}
  .promise>div{border:1px solid var(--ink-line)!important;border-radius:var(--r);padding:1.1rem}
  .steps>div{padding:1.2rem}
  .swipe-hint{display:flex;align-items:center;gap:.4rem;font:600 .74rem/1 var(--mono);letter-spacing:.06em;text-transform:uppercase;color:var(--muted);margin:.2rem 0 0}
  .ink .swipe-hint{color:var(--ink-muted,rgba(255,255,255,.6))}
  /* product overview: use-case cards two per row */
  .prose .grid.g2{grid-template-columns:1fr 1fr;gap:.6rem}
  .prose .grid.g2>.card{padding:.9rem!important}
  .prose .grid.g2 .ic-tile{width:32px!important;height:32px!important}
  .prose .grid.g2 h3{font-size:.9rem!important;margin-top:.5rem}
  .prose .grid.g2 p{font-size:.8rem;line-height:1.4}
  .terms li{padding-block:.45rem;font-size:.9rem}
  /* home: one phone preview is enough on a small screen */
  section:has(>.explorer){display:none}
  .hero .phone{width:min(230px,62vw)}
  .cta>div>p:not(.eyebrow){display:none}
  .cta h2{font-size:1.4rem}
  /* price ladder: two short lines per pack */
  .ladder{padding:.2rem}
  .rung{grid-template-columns:1fr auto;grid-template-areas:"q n" "r b" "v v";gap:.35rem .6rem;padding:.7rem .75rem;align-items:center}
  .r-qty{grid-area:q;display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .4rem}
  .r-qty b{font-size:1.05rem!important}
  .r-qty .pbadge{font-size:.62rem;padding:.2rem .45rem}
  .r-rate{grid-area:r;grid-column:auto!important}
  .r-top b{font-size:1.1rem}
  .r-top .save{font-size:.68rem}
  .r-net{grid-area:n;grid-column:auto!important;text-align:right;display:block}
  .r-net small{display:none}
  .r-net b{font-size:1.05rem;display:block}
  .r-net::after{content:"incl. GST";display:block;font:500 .66rem/1.2 var(--mono);color:var(--muted)}
  .r-break{grid-area:v;grid-column:auto!important;display:none}
  .r-break:has(.vchip){display:flex}
  .r-break>span:first-child{display:none}
  .r-btns{grid-area:b;grid-column:auto!important;justify-self:end;gap:.35rem}
  .r-btns .btn:first-child{flex:none;padding:.5rem .8rem;font-size:.82rem;min-height:38px}
  .r-wa{min-width:38px!important;min-height:38px;padding:.45rem!important}
  /* footer: link groups fold away */
  .foot-grid{grid-template-columns:1fr!important;gap:0;padding-block:2rem 1rem}
  .foot-grid>div:first-child{margin-bottom:1rem}
  .fcol{border-top:1px solid var(--ink-line)}
  .fcol>summary{display:flex;justify-content:space-between;align-items:center;padding:.85rem 0;cursor:pointer}
  .fcol>summary h4{margin:0}
  .fcol-chev{transition:transform .2s;opacity:.7}
  .fcol[open] .fcol-chev{transform:rotate(180deg)}
  .fcol>ul{padding-bottom:.9rem}
  .areas{padding-block:1rem;font-size:.8rem}
  .areas-d{border-top:0}
  .ind>p.muted{display:none}
  .ind{padding:1.1rem}
  .doc{font-size:.95rem}
  .doc section{gap:.6rem}
  .toc{padding:1rem}
  .toc a{padding-block:.3rem}
}
/* Full terms list (own-number WhatsApp) */
.fterms{counter-reset:ft;list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.8rem}
.fterms li{counter-increment:ft;position:relative;background:var(--surface);border:1px solid var(--line);border-radius:var(--r);padding:1.1rem 1.2rem 1.1rem 3.2rem;font-size:.95rem;line-height:1.55;color:var(--muted)}
.fterms li::before{content:counter(ft,decimal-leading-zero);position:absolute;left:1.1rem;top:1.15rem;font:700 .8rem/1.6 var(--mono);color:var(--c,var(--brand))}
.fterms li b{color:var(--fg);display:block;margin-bottom:.15rem}
.fterms-note{margin-top:1.2rem;color:var(--muted)}
@media (max-width:760px){.fterms{grid-template-columns:1fr;gap:.5rem}.fterms li{padding:.85rem .9rem .85rem 2.6rem;font-size:.9rem}.fterms li::before{left:.9rem;top:.9rem}}