/* =========================================================================
   Whatsoza — Components
   ========================================================================= */

/* ---- Grid helpers ------------------------------------------------------- */
.wz-grid{display:grid;gap:var(--s-5);}
.wz-grid--2{grid-template-columns:repeat(auto-fit,minmax(300px,1fr));}
.wz-grid--3{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));}
.wz-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));}
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;}
@media(max-width:860px){.split{grid-template-columns:1fr;}}
.stack-sm>*+*{margin-top:.75rem;} .stack>*+*{margin-top:1.25rem;}

/* ---- Buttons ------------------------------------------------------------ */
.btn-wz{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;font-family:var(--font-body);font-weight:600;font-size:1rem;line-height:1;padding:.85rem 1.4rem;border-radius:var(--r-pill);border:1.5px solid transparent;cursor:pointer;transition:transform var(--t),background var(--t),box-shadow var(--t),border-color var(--t),color var(--t);text-decoration:none;white-space:nowrap;}
.btn-wz .wz-icon{width:18px;height:18px;transition:transform var(--t);}
.btn-wz:hover .wz-icon--arrow{transform:translateX(3px);}
.btn-wz--primary{background:var(--c-primary);color:#fff;box-shadow:var(--sh-primary);}
.btn-wz--primary:hover{background:var(--c-primary-600);color:#fff;transform:translateY(-2px);box-shadow:0 18px 40px -12px rgba(14,124,107,.55);}
.btn-wz--ghost{background:transparent;color:var(--c-ink);border-color:var(--c-border);}
.btn-wz--ghost:hover{border-color:var(--c-primary);color:var(--c-primary-700);background:var(--c-primary-50);}
.btn-wz--light{background:#fff;color:var(--c-ink);border-color:var(--c-border);}
.btn-wz--light:hover{transform:translateY(-2px);box-shadow:var(--sh-2);color:var(--c-primary-700);}
.btn-wz--wa{background:var(--c-wa);color:#06371b;}
.btn-wz--wa:hover{background:var(--c-wa-600);color:#06371b;transform:translateY(-2px);}
.btn-wz--lg{padding:1.05rem 1.85rem;font-size:1.05rem;}
.btn-wz--sm{padding:.55rem 1.05rem;font-size:.9rem;}
.btn-wz--block{display:flex;width:100%;}
.section--dark .btn-wz--ghost{color:#fff;border-color:var(--c-dark-border);}
.section--dark .btn-wz--ghost:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.4);color:#fff;}
.cta-band .btn-wz--ghost,.page-hero--dark .btn-wz--ghost{color:#fff;border-color:rgba(255,255,255,.45);}
.cta-band .btn-wz--ghost:hover{background:rgba(255,255,255,.1);color:#fff;}

.link-arrow{display:inline-flex;align-items:center;gap:.35rem;font-weight:600;color:var(--c-primary-600);}
.link-arrow .wz-icon{width:18px;height:18px;transition:transform var(--t);}
.link-arrow:hover{color:var(--c-primary-700);}
.link-arrow:hover .wz-icon{transform:translateX(3px);}

/* ---- Pills / badges ----------------------------------------------------- */
.pill{display:inline-flex;align-items:center;gap:.4rem;padding:.35rem .8rem;border-radius:var(--r-pill);font-size:var(--fs-xs);font-weight:600;background:var(--c-surface-2);color:var(--c-body);border:1px solid var(--c-border);}
.pill .wz-icon{width:14px;height:14px;}
.pill--primary{background:var(--c-primary-50);color:var(--c-primary-700);border-color:var(--c-primary-100);}
.pill--accent{background:#FCF3D5;color:var(--c-accent-600);border-color:#F7E3A0;}
.pill--wa{background:#E4F9EC;color:#0f7a37;border-color:#C7F0D6;}
.section--dark .pill{background:var(--c-dark-card);color:var(--c-on-dark);border-color:var(--c-dark-border);}

/* ---- Icon badge --------------------------------------------------------- */
.icon-badge{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:14px;background:var(--c-primary-50);color:var(--c-primary-600);border:1px solid var(--c-primary-100);}
.icon-badge .wz-icon{width:24px;height:24px;}
.icon-badge--lg{width:60px;height:60px;border-radius:16px;}
.icon-badge--accent{background:#FCF3D5;color:var(--c-accent-600);border-color:#F7E3A0;}
.icon-badge--wa{background:#E4F9EC;color:#0f7a37;border-color:#C7F0D6;}
.icon-badge--ink{background:var(--c-ink);color:#fff;border-color:var(--c-ink);}
.section--dark .icon-badge{background:var(--c-dark-card);color:var(--c-primary-200);border-color:var(--c-dark-border);}

/* ---- Cards -------------------------------------------------------------- */
.card-wz{background:#fff;border:1px solid var(--c-border);border-radius:var(--r);padding:var(--s-5);box-shadow:var(--sh-1);transition:transform var(--t),box-shadow var(--t),border-color var(--t);height:100%;display:flex;flex-direction:column;}
.card-wz:hover{transform:translateY(-4px);box-shadow:var(--sh-2);border-color:var(--c-primary-200);}
.card-wz h3{font-size:1.15rem;margin:.9rem 0 .4rem;}
.card-wz p{font-size:.92rem;color:var(--c-body);margin-bottom:.9rem;}
.card-wz .link-arrow{margin-top:auto;}
.card-wz--flat{box-shadow:none;}
.card-wz--pad-lg{padding:var(--s-6);}
.section--dark .card-wz{background:var(--c-dark-card);border-color:var(--c-dark-border);}
.section--dark .card-wz h3{color:#fff;} .section--dark .card-wz p{color:var(--c-on-dark-muted);}

/* ---- Section head ------------------------------------------------------- */
.section-head{max-width:64ch;margin-bottom:var(--s-7);}
.section-head--center{margin-inline:auto;text-align:center;}
.section-head h2{margin:.6rem 0 0;}
.section-head p{margin-top:.8rem;font-size:var(--fs-lead);color:var(--c-body);}
.section--dark .section-head p{color:var(--c-on-dark-muted);}

/* ---- Header ------------------------------------------------------------- */
.site-header{position:sticky;top:0;z-index:1000;background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(12px);-webkit-backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--c-border);transition:box-shadow var(--t),height var(--t);}
.site-header.is-scrolled{box-shadow:var(--sh-1);}
.nav-wrap{display:flex;align-items:center;justify-content:space-between;gap:1rem;height:72px;}
.brand{display:flex;align-items:center;gap:.6rem;font-family:var(--font-display);font-weight:800;font-size:1.25rem;color:var(--c-ink);letter-spacing:-.02em;}
.brand img,.brand__logo{height:30px;width:auto;display:block;}
@media (max-width:420px){.brand img,.brand__logo{height:26px;}}
.brand:hover{color:var(--c-ink);}
.nav-primary{display:flex;align-items:center;gap:.15rem;}
.nav-item{position:relative;}
.nav-link{display:inline-flex;align-items:center;gap:.3rem;padding:.6rem .8rem;border-radius:var(--r-sm);font-weight:500;color:var(--c-body);font-size:.95rem;background:none;border:0;cursor:pointer;font-family:inherit;}
.nav-link:hover,.nav-link.active{color:var(--c-primary-700);background:var(--c-primary-50);}
.nav-link .chev{width:15px;height:15px;transition:transform var(--t);}
.nav-item:hover .nav-link .chev,.nav-item:focus-within .nav-link .chev{transform:rotate(180deg);}
.nav-actions{display:flex;align-items:center;gap:.55rem;}

/* Mega / dropdown panels */
.nav-panel{position:absolute;top:calc(100% + 10px);left:50%;transform:translateX(-50%) translateY(8px);background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-3);padding:var(--s-5);opacity:0;visibility:hidden;transition:opacity var(--t),transform var(--t),visibility var(--t);z-index:1001;}
.nav-item:hover .nav-panel,.nav-item:focus-within .nav-panel{opacity:1;visibility:visible;transform:translateX(-50%) translateY(0);}
.nav-panel::before{content:"";position:absolute;top:-10px;left:0;right:0;height:10px;}
/* Wide mega panels: pin centered in the viewport (just under the sticky
   header) so they never overflow the edge, regardless of which nav item they
   belong to. left:50% + translateX(-50%) centers on the full-width header. */
.nav-panel--mega{position:fixed;top:70px;left:50%;width:min(960px,94vw);}
.nav-panel--mega::before{top:-16px;height:16px;}
.nav-panel--sm{width:300px;left:0;transform:translateX(0) translateY(8px);}
.nav-item:hover .nav-panel--sm,.nav-item:focus-within .nav-panel--sm{transform:translateX(0) translateY(0);}
.mega-grid{display:grid;grid-template-columns:repeat(3,1fr) 1.1fr;gap:var(--s-4);}
.mega-col-title{font-size:.72rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary-600);font-weight:700;margin:0 0 .5rem;font-family:var(--font-body);}
.mega-link{display:flex;gap:.55rem;padding:.5rem;border-radius:var(--r-sm);color:var(--c-body);font-size:.88rem;align-items:flex-start;line-height:1.3;}
.mega-link:hover{background:var(--c-surface);color:var(--c-primary-700);}
.mega-link .wz-icon{width:18px;height:18px;color:var(--c-primary-600);margin-top:1px;flex:none;}
.mega-link strong{display:block;font-weight:600;color:var(--c-ink);font-size:.9rem;}
.mega-link:hover strong{color:var(--c-primary-700);}
.mega-feature{background:linear-gradient(165deg,var(--c-primary-700),var(--c-primary));border-radius:var(--r);padding:var(--s-4);color:#fff;display:flex;flex-direction:column;gap:.6rem;justify-content:space-between;}
.mega-feature__title{color:#fff;font-size:1rem;margin:0 0 .2rem;font-family:var(--font-display);font-weight:700;}
.mega-feature p{color:rgba(255,255,255,.85);font-size:.84rem;margin:0;}
.dd-link{display:flex;gap:.6rem;align-items:center;padding:.6rem .6rem;border-radius:var(--r-sm);color:var(--c-body);font-size:.92rem;}
.dd-link:hover{background:var(--c-surface);color:var(--c-primary-700);}
.dd-link .wz-icon{width:18px;height:18px;color:var(--c-primary-600);}
/* Services mega: one clearly separated block per group (4 columns x 2 rows) */
.mega-services{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--s-6) var(--s-5);}
.mega-group{align-content:start;}
.mega-group__title{font-size:.7rem;text-transform:uppercase;letter-spacing:.08em;color:var(--c-primary-600);font-weight:700;margin:0 0 .45rem;padding-bottom:.45rem;border-bottom:1px solid var(--c-border);font-family:var(--font-body);}
.mega-services .mega-link{padding:.32rem .4rem;}
.mega-foot{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap;margin-top:var(--s-5);padding-top:var(--s-4);border-top:1px solid var(--c-border);}

.nav-toggle{display:none;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--c-border);border-radius:var(--r-sm);background:#fff;color:var(--c-ink);cursor:pointer;}
@media(max-width:992px){
  .nav-primary,.nav-actions .hide-md{display:none;}
  .nav-toggle{display:inline-flex;}
}

/* Mobile drawer */
.mobile-backdrop{position:fixed;inset:0;background:rgba(11,18,32,.5);opacity:0;visibility:hidden;transition:var(--t);z-index:1100;}
.mobile-backdrop.is-open{opacity:1;visibility:visible;}
.mobile-nav{position:fixed;top:0;right:0;bottom:0;width:min(380px,92vw);background:#fff;z-index:1200;transform:translateX(100%);transition:transform var(--t-lg);overflow-y:auto;display:flex;flex-direction:column;padding:1.2rem;}
.mobile-nav.is-open{transform:none;}
.mobile-nav__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;}
.m-acc{border-top:1px solid var(--c-border);}
.m-acc__trigger{width:100%;display:flex;justify-content:space-between;align-items:center;padding:.95rem .3rem;background:none;border:0;font:inherit;font-weight:600;color:var(--c-ink);cursor:pointer;}
.m-acc__trigger .wz-icon{transition:transform var(--t);color:var(--c-primary);}
.m-acc__trigger[aria-expanded="true"] .wz-icon{transform:rotate(180deg);}
.m-acc__panel{display:none;padding:0 .3rem .8rem;}
.m-acc__panel.is-open{display:block;}
.m-acc__panel a{display:block;padding:.5rem .3rem;color:var(--c-body);font-size:.92rem;}
.m-acc__panel a:hover{color:var(--c-primary-700);}
.mobile-nav__cta{margin-top:auto;padding-top:1.2rem;display:grid;gap:.6rem;}

/* ---- Hero --------------------------------------------------------------- */
.hero{position:relative;overflow:hidden;background:radial-gradient(120% 120% at 85% 0%,var(--c-primary-50) 0%,#fff 55%);}
.hero::after{content:"";position:absolute;inset:0;background-image:radial-gradient(var(--c-border) 1px,transparent 1px);background-size:26px 26px;opacity:.5;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%);pointer-events:none;}
.hero>.container-wz{position:relative;z-index:1;}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(2rem,5vw,4rem);align-items:center;padding-block:clamp(3rem,7vw,6rem);}
@media(max-width:920px){.hero-grid{grid-template-columns:1fr;}}
.hero h1{font-size:var(--fs-display);font-weight:800;letter-spacing:-.025em;line-height:1.05;}
.hero-cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:var(--s-5);}
.hero-trust{margin-top:var(--s-5);display:flex;flex-wrap:wrap;gap:.5rem 1.3rem;color:var(--c-muted);font-size:.85rem;align-items:center;}
.hero-trust span{display:inline-flex;align-items:center;gap:.4rem;}
.hero-trust .wz-icon{width:16px;height:16px;color:var(--c-primary);}
.hero-trust-row{display:flex;flex-wrap:wrap;align-items:center;gap:.7rem 1.1rem;}
.hero-trust-note{display:inline-flex;align-items:center;gap:.4rem;color:var(--c-muted);font-size:.85rem;font-weight:500;}
.hero-trust-note .wz-icon{width:16px;height:16px;color:var(--c-primary);}

/* ---- Chat mockup -------------------------------------------------------- */
.chat-mock{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);box-shadow:var(--sh-3);overflow:hidden;max-width:380px;margin-inline:auto;}
.chat-mock__head{background:var(--c-primary-700);color:#fff;padding:.8rem 1rem;display:flex;align-items:center;gap:.6rem;}
.chat-mock__avatar{width:38px;height:38px;border-radius:50%;background:var(--c-primary);display:grid;place-items:center;color:#fff;}
.chat-mock__avatar .wz-icon{width:20px;height:20px;}
.chat-mock__name{font-weight:600;font-size:.95rem;line-height:1.1;}
.chat-mock__status{font-size:.72rem;opacity:.8;display:flex;align-items:center;gap:.3rem;}
.chat-mock__status::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--c-wa);}
.chat-mock__body{padding:1rem;background:#ECE5DD;display:flex;flex-direction:column;gap:.55rem;min-height:300px;}
.bubble{max-width:82%;padding:.6rem .8rem;border-radius:14px;font-size:.85rem;line-height:1.45;box-shadow:0 1px 1px rgba(0,0,0,.08);position:relative;}
.bubble--in{background:#fff;align-self:flex-start;border-top-left-radius:4px;color:#222;}
.bubble--out{background:#D9FDD3;align-self:flex-end;border-top-right-radius:4px;color:#0a3d1f;}
.bubble time{display:block;text-align:right;color:rgba(0,0,0,.4);font-size:.62rem;margin-top:3px;}
.chat-mock__input{padding:.6rem .8rem;background:#fff;border-top:1px solid var(--c-border);display:flex;align-items:center;gap:.5rem;color:var(--c-muted);font-size:.82rem;}
.chat-mock__input .send{margin-left:auto;width:30px;height:30px;border-radius:50%;background:var(--c-wa);color:#fff;display:grid;place-items:center;}
.chat-mock__input .send .wz-icon{width:16px;height:16px;}

/* ---- Stats -------------------------------------------------------------- */
.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(170px,1fr));gap:var(--s-5);}
.stat{text-align:center;padding:var(--s-3);}
.stat__num{font-family:var(--font-display);font-weight:800;font-size:clamp(2rem,4vw,2.9rem);color:var(--c-ink);line-height:1;letter-spacing:-.02em;}
.stat__num .unit{color:var(--c-primary);}
.section--dark .stat__num{color:#fff;} .section--dark .stat__num .unit{color:var(--c-primary-200);}
.stat__label{margin-top:.5rem;color:var(--c-muted);font-size:.9rem;}
.section--dark .stat__label{color:var(--c-on-dark-muted);}

/* ---- Steps / process ---------------------------------------------------- */
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:var(--s-6) var(--s-5);}
.step{position:relative;}
.step__n{width:46px;height:46px;border-radius:50%;background:var(--c-primary);color:#fff;display:grid;place-items:center;font-family:var(--font-display);font-weight:700;font-size:1.05rem;margin-bottom:.9rem;position:relative;z-index:1;box-shadow:var(--sh-primary);}
.step h3{font-size:1.1rem;}
.step p{font-size:.9rem;color:var(--c-body);margin:0;}
@media(min-width:880px){.steps--line .step:not(:last-child)::after{content:"";position:absolute;top:23px;left:46px;right:-12px;height:2px;background:linear-gradient(90deg,var(--c-primary-200),transparent);}}
.section--dark .step p{color:var(--c-on-dark-muted);}

/* ---- Check / feature lists ---------------------------------------------- */
.check-list{list-style:none;padding:0;margin:0;display:grid;gap:.7rem;}
.check-list li{display:flex;gap:.6rem;align-items:flex-start;font-size:.95rem;}
.check-list li>.wz-icon{color:var(--c-primary);flex:none;width:20px;height:20px;margin-top:2px;}
.check-list--2{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));}
.feature{display:flex;gap:.8rem;align-items:flex-start;}
.feature .icon-badge{flex:none;}
.feature h3{font-size:1.05rem;margin:.1rem 0 .25rem;}
.feature p{font-size:.9rem;margin:0;color:var(--c-body);}

/* ---- Tiles (industry / integration) ------------------------------------ */
.tile{display:flex;flex-direction:column;gap:.55rem;padding:var(--s-5);border:1px solid var(--c-border);border-radius:var(--r);background:#fff;transition:transform var(--t),box-shadow var(--t),border-color var(--t);height:100%;}
.tile:hover{border-color:var(--c-primary-200);box-shadow:var(--sh-2);transform:translateY(-3px);}
.tile h3{font-size:1.05rem;margin:0;}
.tile p{font-size:.86rem;margin:0;color:var(--c-muted);}
.tile__tag{font-size:.7rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--c-primary-600);}

/* ---- Testimonials ------------------------------------------------------- */
.slider{position:relative;}
.slider__track{display:flex;gap:var(--s-5);overflow-x:auto;scroll-snap-type:x mandatory;scroll-behavior:smooth;padding-bottom:1rem;-ms-overflow-style:none;scrollbar-width:none;}
.slider__track::-webkit-scrollbar{display:none;}
.slider__track>*{scroll-snap-align:start;flex:0 0 min(420px,86%);}
.slider__nav{display:flex;gap:.5rem;justify-content:center;margin-top:.6rem;}
.slider__btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--c-border);background:#fff;color:var(--c-ink);display:grid;place-items:center;cursor:pointer;transition:var(--t);}
.slider__btn:hover{border-color:var(--c-primary);color:var(--c-primary-700);background:var(--c-primary-50);}
.t-card{background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-1);height:100%;display:flex;flex-direction:column;}
.t-card .quote-mark{color:var(--c-primary-200);width:34px;height:34px;margin-bottom:.4rem;}
.t-quote{font-family:var(--font-display);font-weight:600;font-size:1.12rem;color:var(--c-ink);line-height:1.5;margin-bottom:1.2rem;}
.t-author{display:flex;align-items:center;gap:.8rem;margin-top:auto;}
.t-avatar{width:46px;height:46px;border-radius:50%;background:var(--c-primary-100);color:var(--c-primary-700);display:grid;place-items:center;font-weight:700;font-family:var(--font-display);}
.t-author .name{font-weight:600;color:var(--c-ink);font-size:.95rem;}
.t-author .role{font-size:.82rem;color:var(--c-muted);}
.stars{display:inline-flex;gap:2px;color:var(--c-accent);}
.stars .wz-icon{width:16px;height:16px;}

/* ---- Case cards --------------------------------------------------------- */
.case-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--sh-1);transition:transform var(--t),box-shadow var(--t);height:100%;}
.case-card:hover{transform:translateY(-4px);box-shadow:var(--sh-2);}
.case-card__top{padding:var(--s-5);background:linear-gradient(160deg,var(--c-surface),#fff);border-bottom:1px solid var(--c-border);}
.case-card__result{font-family:var(--font-display);font-weight:800;font-size:2rem;color:var(--c-primary-700);line-height:1;}
.case-card__body{padding:var(--s-5);display:flex;flex-direction:column;gap:.6rem;flex:1;}
.case-card__body h3{font-size:1.1rem;margin:0;}
.case-card__meta{font-size:.78rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;}

/* ---- Logo strip / trust ------------------------------------------------- */
.logo-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1rem 2.4rem;}
.logo-strip span{color:var(--c-muted);font-weight:600;font-size:1.05rem;display:inline-flex;align-items:center;gap:.5rem;opacity:.85;}
.logo-strip .wz-icon{color:var(--c-primary);opacity:.9;}
.badge-row{display:flex;flex-wrap:wrap;gap:.8rem;}
.trust-badge{display:flex;gap:.55rem;align-items:center;padding:.7rem 1rem;border:1px solid var(--c-border);border-radius:var(--r);background:#fff;font-size:.85rem;font-weight:600;color:var(--c-ink);}
.trust-badge .wz-icon{color:var(--c-primary);width:20px;height:20px;}
.section--dark .trust-badge{background:var(--c-dark-card);border-color:var(--c-dark-border);color:#fff;}
.section--dark .trust-badge .wz-icon{color:var(--c-primary-200);}

/* ---- Pricing ------------------------------------------------------------ */
.price-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:var(--s-5);align-items:stretch;}
.price-card{position:relative;background:#fff;border:1px solid var(--c-border);border-radius:var(--r-lg);padding:var(--s-6);box-shadow:var(--sh-1);display:flex;flex-direction:column;}
.price-card--featured{border-color:var(--c-primary);box-shadow:var(--sh-2);}
.price-card__flag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--c-primary);color:#fff;font-size:.72rem;font-weight:700;letter-spacing:.04em;text-transform:uppercase;padding:.3rem .8rem;border-radius:var(--r-pill);}
.price-card h3{font-size:1.3rem;margin:0 0 .3rem;}
.price-card .tagline{color:var(--c-muted);font-size:.92rem;margin-bottom:1rem;}
.price-card .best-for{font-size:.8rem;font-weight:600;color:var(--c-primary-700);text-transform:uppercase;letter-spacing:.04em;margin-bottom:1rem;}
.price-card .check-list{margin-bottom:1.4rem;}
.price-card .btn-wz{margin-top:auto;}

/* ---- Accordion ---------------------------------------------------------- */
.accordion-wz{border:1px solid var(--c-border);border-radius:var(--r);overflow:hidden;background:#fff;}
.acc-item+.acc-item{border-top:1px solid var(--c-border);}
.acc-trigger{width:100%;text-align:left;background:none;border:0;padding:1.15rem 1.3rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;cursor:pointer;font-family:var(--font-display);font-weight:600;color:var(--c-ink);font-size:1.02rem;}
.acc-trigger .wz-icon{transition:transform var(--t);color:var(--c-primary);flex:none;}
.acc-trigger[aria-expanded="true"]{color:var(--c-primary-700);}
.acc-trigger[aria-expanded="true"] .wz-icon{transform:rotate(45deg);}
.acc-panel{max-height:0;overflow:hidden;transition:max-height var(--t-lg) ease;}
.acc-panel__inner{padding:0 1.3rem 1.25rem;color:var(--c-body);font-size:.95rem;}

/* ---- Breadcrumb --------------------------------------------------------- */
.breadcrumb-wz{display:flex;flex-wrap:wrap;gap:.45rem;font-size:.84rem;color:var(--c-muted);padding:1rem 0 0;align-items:center;}
.breadcrumb-wz a{color:var(--c-muted);}
.breadcrumb-wz a:hover{color:var(--c-primary-700);}
.breadcrumb-wz .sep{opacity:.45;}
.breadcrumb-wz [aria-current]{color:var(--c-body);font-weight:600;}
/* Eyebrow-style breadcrumb (replaces the hero kicker): "— HOME / PRICING" */
.breadcrumb-wz--brow{padding:0 0 20px;gap:.4rem;font-size:.82rem;font-weight:700;letter-spacing:.01em;
  color:var(--c-muted);}
.breadcrumb-wz--brow::before{content:"";width:22px;height:2px;border-radius:2px;background:var(--c-primary);flex:0 0 auto;margin-right:.2rem;}
.breadcrumb-wz--brow a{color:var(--c-muted);font-weight:600;}
.breadcrumb-wz--brow a:hover{color:var(--c-primary-700);}
.breadcrumb-wz--brow .sep{color:var(--c-muted);opacity:.6;font-weight:400;}
.breadcrumb-wz--brow [aria-current]{color:var(--c-primary-700);font-weight:700;}
.phero--dark .breadcrumb-wz--brow,.phero--dark .breadcrumb-wz--brow a,.phero--dark .breadcrumb-wz--brow .sep{color:var(--c-on-dark-muted);}
.phero--dark .breadcrumb-wz--brow [aria-current]{color:var(--c-primary-200);}
.phero--dark .breadcrumb-wz--brow::before{background:var(--c-primary-200);}

/* ---- Page hero ---------------------------------------------------------- */
.page-hero{position:relative;background:radial-gradient(120% 120% at 90% 0%,var(--c-primary-50),#fff 60%);border-bottom:1px solid var(--c-border);padding-block:clamp(2rem,4vw,3.5rem) clamp(2.5rem,5vw,4rem);}
.page-hero--dark{background:linear-gradient(160deg,var(--c-dark),var(--c-dark-2));color:#fff;border-bottom:0;}
.page-hero--dark h1{color:#fff;} .page-hero--dark .lead{color:var(--c-on-dark-muted);}
.page-hero h1{font-size:var(--fs-h1);max-width:20ch;}
.page-hero .lead{max-width:62ch;margin-top:.8rem;}
.page-hero__cta{margin-top:var(--s-5);display:flex;gap:.7rem;flex-wrap:wrap;}

/* ---- CTA band ----------------------------------------------------------- */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(150deg,var(--c-dark) 0%,var(--c-primary-700) 100%);border-radius:var(--r-xl);padding:clamp(2.5rem,6vw,4.5rem);text-align:center;color:#fff;}
.cta-band::after{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:var(--c-wa);opacity:.12;right:-80px;top:-120px;}
.cta-band>*{position:relative;z-index:1;}
.cta-band h2{color:#fff;}
.cta-band .lead{color:rgba(255,255,255,.82);max-width:54ch;margin-inline:auto;}
.cta-band__btns{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap;margin-top:var(--s-5);}
.cta-band__note{margin-top:1rem;font-size:.82rem;color:rgba(255,255,255,.7);}

/* ---- WhatsApp float ----------------------------------------------------- */
.wa-float{position:fixed;right:18px;bottom:18px;z-index:900;display:inline-flex;align-items:center;gap:.55rem;background:var(--c-wa);color:#06371b;padding:.7rem .95rem;border-radius:var(--r-pill);box-shadow:0 12px 30px -8px rgba(37,211,102,.6);font-weight:600;font-size:.9rem;transition:transform var(--t),background var(--t);}
.wa-float:hover{background:var(--c-wa-600);color:#06371b;transform:translateY(-2px);}
.wa-float .wz-icon{width:26px;height:26px;}
.wa-float__pulse{position:absolute;inset:0;border-radius:var(--r-pill);box-shadow:0 0 0 0 rgba(37,211,102,.5);animation:waPulse 2.6s infinite;}
@keyframes waPulse{0%{box-shadow:0 0 0 0 rgba(37,211,102,.5);}70%{box-shadow:0 0 0 16px rgba(37,211,102,0);}100%{box-shadow:0 0 0 0 rgba(37,211,102,0);}}
@media(max-width:520px){.wa-float__label{display:none;}}
@media (prefers-reduced-motion:reduce){.wa-float__pulse{animation:none;}}

/* ---- Modal (exit intent) ------------------------------------------------ */
.modal-wz{position:fixed;inset:0;z-index:1500;display:grid;place-items:center;padding:1rem;background:rgba(11,18,32,.6);opacity:0;visibility:hidden;transition:var(--t);}
.modal-wz.is-open{opacity:1;visibility:visible;}
.modal-card{background:#fff;border-radius:var(--r-lg);max-width:480px;width:100%;padding:var(--s-7);box-shadow:var(--sh-3);position:relative;transform:translateY(12px);transition:transform var(--t-lg);}
.modal-wz.is-open .modal-card{transform:none;}
.modal-close{position:absolute;top:.9rem;right:.9rem;width:38px;height:38px;border-radius:50%;border:1px solid var(--c-border);background:#fff;display:grid;place-items:center;cursor:pointer;color:var(--c-muted);}
.modal-close:hover{color:var(--c-ink);border-color:var(--c-primary);}

/* ---- Forms -------------------------------------------------------------- */
.form-wz .field{margin-bottom:1rem;}
.form-wz label{display:block;font-weight:600;font-size:.9rem;color:var(--c-ink);margin-bottom:.35rem;}
.form-wz label .req{color:var(--c-error);}
.form-wz .control{width:100%;padding:.8rem 1rem;border:1.5px solid var(--c-border);border-radius:var(--r-sm);font:inherit;color:var(--c-ink);background:#fff;transition:border var(--t),box-shadow var(--t);}
.form-wz .control::placeholder{color:#9aa6b5;}
.form-wz .control:focus{border-color:var(--c-primary);box-shadow:var(--ring);outline:none;}
.form-wz .control.is-invalid{border-color:var(--c-error);}
.form-wz select.control{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23697587' stroke-width='2' stroke-linecap='round'%3E%3Cpolyline points='6 9 12 15 18 9'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .9rem center;background-size:18px;padding-right:2.4rem;}
textarea.control{min-height:130px;resize:vertical;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 1rem;}
@media(max-width:600px){.form-grid{grid-template-columns:1fr;}}
.form-note{font-size:.8rem;color:var(--c-muted);margin-top:.3rem;}
.honeypot{position:absolute!important;left:-9999px;width:1px;height:1px;overflow:hidden;}
.alert-wz{padding:.9rem 1.1rem;border-radius:var(--r-sm);font-size:.9rem;margin-bottom:1.1rem;display:flex;gap:.6rem;align-items:flex-start;}
.alert-wz .wz-icon{flex:none;width:20px;height:20px;margin-top:1px;}
.alert-wz--error{background:#FDECEE;border:1px solid #F6C9CE;color:#9B2530;}
.alert-wz--success{background:#E7F7EE;border:1px solid #BFE9CF;color:#0F7A37;}

/* ---- Prose (articles / legal) ------------------------------------------ */
.prose{max-width:72ch;}
.prose h2{margin-top:2rem;} .prose h3{margin-top:1.6rem;}
.prose p,.prose li{font-size:1.02rem;color:var(--c-body);}
.prose ul,.prose ol{padding-left:1.3rem;} .prose li{margin-bottom:.4rem;}
.prose a{color:var(--c-primary-700);text-decoration:underline;text-underline-offset:3px;}
/* Legal/cookie table */
.legal-table__wrap{overflow-x:auto;margin:1.1rem 0;}
.legal-table{width:100%;border-collapse:collapse;font-size:.92rem;min-width:520px;}
.legal-table th,.legal-table td{padding:.55rem .65rem;text-align:left;border-bottom:1px solid var(--c-border);vertical-align:top;}
.legal-table thead th{border-bottom:2px solid var(--c-border);font-weight:700;color:var(--c-ink);white-space:nowrap;}
.legal-table code{font-size:.86em;background:var(--c-surface-2);padding:.1em .35em;border-radius:5px;}
/* "In short" summary box atop a legal page */
.legal-tldr{background:var(--c-surface);border:1px solid var(--c-border);border-left:4px solid var(--c-primary);border-radius:12px;padding:1.1rem 1.3rem;margin:0 0 1.6rem;}
.legal-tldr h2{margin:0 0 .5rem !important;font-size:1.05rem;}
.legal-tldr ul{margin:.3rem 0 0;}
.legal-tldr li{font-size:.95rem;margin-bottom:.3rem;}
.legal-tldr .legal-tldr__note{margin:.7rem 0 0;font-size:.85rem;color:var(--c-muted);}

/* ---- Misc --------------------------------------------------------------- */
/* Spacing utilities beyond Bootstrap's mt-5 cap (used for CTAs under grids) */
.mt-6{margin-top:3.5rem;} .mt-7{margin-top:4.5rem;} .mt-8{margin-top:6rem;}
.eyebrow-row{display:flex;align-items:center;gap:1rem;flex-wrap:wrap;justify-content:space-between;}
.divider-soft{height:1px;background:var(--c-border);border:0;}
.bg-noise{position:relative;}
.anchor-offset{scroll-margin-top:90px;}
.tag-list{display:flex;flex-wrap:wrap;gap:.5rem;}

/* ========================================================================
   Editorial primitives — layout variety without card abuse
   ===================================================================== */

/* Large typographic statements */
.lede{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.3vw,1.6rem);line-height:1.45;letter-spacing:-.01em;color:var(--c-ink);max-width:24ch;}
.big-statement{font-family:var(--font-display);font-weight:700;font-size:clamp(1.6rem,3.4vw,2.5rem);line-height:1.22;letter-spacing:-.02em;color:var(--c-ink);max-width:20ch;}
.big-statement .text-grad{display:inline;}

/* Text + visual split (alternating) */
.media-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center;}
.media-split--wide-text{grid-template-columns:1.1fr .9fr;}
.media-split--reverse .media-split__text{order:2;}
@media(max-width:880px){.media-split,.media-split--wide-text{grid-template-columns:1fr;} .media-split--reverse .media-split__text{order:0;}}

/* Feature rows (icon + text, no card chrome) */
.feature-rows{display:grid;gap:1.7rem;}
.feature-rows--2{grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:1.8rem 2.6rem;}
.feature-rows--3{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.8rem 2.4rem;}
.feature-row{display:flex;gap:1rem;align-items:flex-start;}
.feature-row__icon{flex:none;color:var(--c-primary);}
.feature-row__icon .wz-icon{width:26px;height:26px;}
.feature-row h3{font-size:1.05rem;margin:0 0 .3rem;}
.feature-row p{margin:0;font-size:.95rem;color:var(--c-body);}
.section--dark .feature-row p{color:var(--c-on-dark-muted);}
.section--dark .feature-row h3{color:#fff;}

/* Numbered editorial flow (ruled, not floating cards) */
.flow{display:grid;}
.flow__item{display:grid;grid-template-columns:3rem 1fr;gap:1.2rem;padding:1.5rem 0;border-top:1px solid var(--c-border);align-items:start;}
.flow__item:last-child{border-bottom:1px solid var(--c-border);}
.flow__n{font-family:var(--font-display);font-weight:700;font-size:1.15rem;color:var(--c-primary);line-height:1.2;}
.flow__item h3{margin:0 0 .3rem;font-size:1.15rem;}
.flow__item p{margin:0;color:var(--c-body);}
.flow--compact .flow__item{padding:1.1rem 0;}

/* Ruled lists (outcomes, checklists — no boxes) */
.ruled-list{list-style:none;margin:0;padding:0;}
.ruled-list li{display:flex;gap:.9rem;align-items:flex-start;padding:.85rem 0;border-top:1px solid var(--c-border);font-size:1rem;}
.ruled-list li:last-child{border-bottom:1px solid var(--c-border);}
.ruled-list .wz-icon{color:var(--c-primary);flex:none;margin-top:2px;width:20px;height:20px;}
.section--dark .ruled-list li{border-color:var(--c-dark-border);}

/* Directory index (hub lists — plain linked rows, no cards) */
.directory{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:0 2.2rem;}
.dir-link{display:flex;align-items:center;gap:.7rem;padding:.7rem 0;border-bottom:1px solid var(--c-border);color:var(--c-ink);font-weight:500;}
.dir-link:hover{color:var(--c-primary-700);}
.dir-link .wz-icon{color:var(--c-primary);width:18px;height:18px;flex:none;}
.dir-link .arr{margin-left:auto;color:var(--c-border);transition:transform var(--t),color var(--t);}
.dir-link:hover .arr{transform:translateX(3px);color:var(--c-primary);}

/* Comparison table */
.table-wrap{overflow-x:auto;}
.cmp-table{width:100%;border-collapse:collapse;font-size:.95rem;}
.cmp-table th,.cmp-table td{text-align:left;padding:.95rem 1.1rem;border-bottom:1px solid var(--c-border);vertical-align:top;}
.cmp-table thead th{font-family:var(--font-display);font-size:1rem;color:var(--c-ink);border-bottom:2px solid var(--c-ink);}
.cmp-table th.cmp-dim{color:var(--c-muted);font-weight:600;font-family:var(--font-body);width:22%;font-size:.9rem;}
.cmp-table thead .cmp-us{color:var(--c-primary-700);}
.cmp-table td.cmp-us{background:var(--c-primary-50);font-weight:500;color:var(--c-ink);}
@media(max-width:720px){
  .cmp-table,.cmp-table tbody,.cmp-table tr,.cmp-table td{display:block;width:100%;}
  .cmp-table thead{display:none;}
  .cmp-table tr{border:1px solid var(--c-border);border-radius:var(--r);margin-bottom:1rem;padding:.3rem .2rem;}
  .cmp-table td{border:0;padding:.55rem 1rem;}
  .cmp-table td::before{content:attr(data-label);display:block;font-size:.72rem;text-transform:uppercase;letter-spacing:.06em;color:var(--c-muted);margin-bottom:.25rem;}
  .cmp-table td.cmp-us{background:var(--c-primary-50);border-radius:var(--r-sm);margin:.2rem .4rem;}
}

/* Inline metadata (country facts etc.) */
.meta-inline{display:flex;flex-wrap:wrap;gap:1.3rem;color:var(--c-muted);font-size:.92rem;align-items:center;}
.meta-inline span{display:inline-flex;align-items:center;gap:.45rem;}
.meta-inline .wz-icon{color:var(--c-primary);width:17px;height:17px;}
.section--dark .meta-inline{color:var(--c-on-dark-muted);}

/* Two-up "who is this for" panels (compare) */
.who-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;}
@media(max-width:720px){.who-grid{grid-template-columns:1fr;}}
.who-col{padding:1.5rem 0 0;border-top:3px solid var(--c-primary);}
.who-col--alt{border-top-color:var(--c-border);}
.who-col h3{font-size:1.1rem;margin:0 0 .5rem;}

/* Softer, more intentional cards (less generic-SaaS) */
.card-wz--flat{box-shadow:none;background:transparent;border-color:transparent;padding:0;}
.card-wz--flat:hover{transform:none;box-shadow:none;border-color:transparent;}
.card-wz--plain{box-shadow:none;}

/* Quote / editorial testimonial */
.pullquote{border-left:3px solid var(--c-primary);padding:.2rem 0 .2rem 1.5rem;}
.pullquote p{font-family:var(--font-display);font-weight:600;font-size:clamp(1.2rem,2.2vw,1.55rem);line-height:1.45;color:var(--c-ink);margin:0 0 .6rem;letter-spacing:-.01em;}
.pullquote cite{font-style:normal;color:var(--c-muted);font-size:.95rem;}

/* Section intro helper with left accent (editorial band) */
.kicker-rule{display:inline-flex;align-items:center;gap:.6rem;}
.kicker-rule::before{content:"";width:28px;height:2px;background:var(--c-primary);}

/* ========================================================================
   Whatsoza diagram language — branded, responsive, accessible flows.
   HTML/CSS (not images): text stays crawlable, reflows horizontal→vertical.
   Node + directional connector + branch rail. One consistent grammar.
   ===================================================================== */
.dgm{margin:0;}
.dgm__head{margin-bottom:1.3rem;}
.dgm__title{font-family:var(--font-display);font-weight:700;font-size:1.1rem;color:var(--c-ink);margin:0;letter-spacing:-.01em;}
.dgm__cap{color:var(--c-muted);font-size:.88rem;margin:.3rem 0 0;}
.section--dark .dgm__title{color:#fff;} .section--dark .dgm__cap{color:var(--c-on-dark-muted);}

/* Flow container: mobile-first vertical column; horizontal on desktop. */
.dgm-flow{display:flex;flex-direction:column;align-items:stretch;gap:0;}
@media(min-width:860px){ .dgm--h .dgm-flow{flex-direction:row;align-items:center;} }

/* Node */
.dgm-node{display:flex;align-items:center;gap:.7rem;background:#fff;border:1px solid var(--c-border);border-radius:14px;padding:.75rem .9rem;box-shadow:var(--sh-1);flex:1 1 0;min-width:0;}
.dgm-node__ic{width:40px;height:40px;border-radius:11px;background:var(--c-primary-50);color:var(--c-primary-600);display:grid;place-items:center;flex:none;border:1px solid var(--c-primary-100);}
.dgm-node__ic .wz-icon{width:21px;height:21px;}
.dgm-node__ic--num{font-family:var(--font-display);font-weight:700;font-size:1.05rem;}
.dgm-node__tx{min-width:0;display:flex;flex-direction:column;}
.dgm-node__lb{font-weight:600;color:var(--c-ink);font-size:.92rem;line-height:1.2;}
.dgm-node__sb{font-size:.76rem;color:var(--c-muted);line-height:1.25;margin-top:1px;}
.dgm-node--brand{background:linear-gradient(155deg,var(--c-primary-700),var(--c-primary));border-color:transparent;box-shadow:var(--sh-primary);}
.dgm-node--brand .dgm-node__ic{background:rgba(255,255,255,.18);color:#fff;border-color:transparent;}
.dgm-node--brand .dgm-node__lb{color:#fff;} .dgm-node--brand .dgm-node__sb{color:rgba(255,255,255,.85);}
.dgm-node__ic--logo{background:#fff;padding:4px;border-color:transparent;}
.dgm-node__ic--logo img{width:100%;height:100%;object-fit:contain;display:block;}
.dgm-node--wa{border-color:#C7F0D6;} .dgm-node--wa .dgm-node__ic{background:#E4F9EC;color:#0f7a37;border-color:#C7F0D6;}
.dgm-node--out .dgm-node__ic{background:#FCF3D5;color:var(--c-accent-600);border-color:#F7E3A0;}
.section--dark .dgm-node{background:var(--c-dark-card);border-color:var(--c-dark-border);}
.section--dark .dgm-node__lb{color:#fff;} .section--dark .dgm-node__sb{color:var(--c-on-dark-muted);}
.section--dark .dgm-node__ic{background:rgba(18,169,155,.14);color:var(--c-primary-200);border-color:var(--c-dark-border);}
.section--dark .dgm-node--brand{background:linear-gradient(155deg,var(--c-primary),var(--c-primary-700));box-shadow:var(--sh-primary);}
.section--dark .dgm-node--brand .dgm-node__lb{color:#fff;} .section--dark .dgm-node--brand .dgm-node__sb{color:rgba(255,255,255,.85);}
.section--dark .dgm-node--brand .dgm-node__ic--logo{background:#fff;color:inherit;}

/* Connector (directional): down on mobile, right on desktop */
.dgm-conn{display:flex;align-items:center;justify-content:center;flex:none;color:var(--c-primary);}
.dgm-conn{height:30px;} .dgm-conn .wz-icon{width:20px;height:20px;}
.dgm-conn__h{display:none;}
@media(min-width:860px){ .dgm--h .dgm-conn{height:auto;width:40px;} .dgm--h .dgm-conn__v{display:none;} .dgm--h .dgm-conn__h{display:flex;} }
.section--dark .dgm-conn{color:var(--c-primary-200);}

/* Branch group: parallel nodes joined by a rail */
.dgm-group{display:flex;flex-direction:column;gap:.55rem;flex:1 1 0;position:relative;padding-left:1.1rem;}
.dgm-group::before{content:"";position:absolute;left:0;top:20px;bottom:20px;width:2px;background:var(--c-primary-100);border-radius:2px;}
.dgm-group .dgm-node::before{content:"";position:absolute;left:-1.1rem;top:50%;width:1.1rem;height:2px;background:var(--c-primary-100);transform:translateY(-50%);}
.dgm-group .dgm-node{position:relative;}
.section--dark .dgm-group::before,.section--dark .dgm-group .dgm-node::before{background:var(--c-dark-border);}
@media(min-width:860px){ .dgm--h .dgm-group{max-width:230px;} }

/* Decision branch (compare): a question node splitting into two paths */
.dgm-decision{display:grid;gap:1rem;}
@media(min-width:720px){ .dgm-decision{grid-template-columns:1fr 1fr;} }
.dgm-path{border:1px solid var(--c-border);border-radius:var(--r);padding:1.1rem;background:#fff;box-shadow:var(--sh-1);}
.dgm-path__q{font-size:.8rem;color:var(--c-muted);text-transform:uppercase;letter-spacing:.05em;font-weight:600;margin:0 0 .5rem;}
.dgm-path__a{font-family:var(--font-display);font-weight:700;color:var(--c-ink);margin:0 0 .6rem;}
.dgm-path--us{border-color:var(--c-primary);box-shadow:var(--sh-2);}
.dgm-path--us .dgm-path__a{color:var(--c-primary-700);}

/* ========================================================================
   Trust / social-proof system
   ===================================================================== */
.trust-bar{display:flex;flex-wrap:wrap;justify-content:center;gap:.7rem 1.9rem;align-items:center;}
.trust-bar__item{display:inline-flex;align-items:center;gap:.5rem;font-size:.9rem;font-weight:600;color:var(--c-ink);}
.trust-bar__item .wz-icon{color:var(--c-primary);width:18px;height:18px;}
.section--dark .trust-bar__item{color:#fff;} .section--dark .trust-bar__item .wz-icon{color:var(--c-primary-200);}

.meta-badge{display:inline-flex;align-items:center;gap:.5rem;padding:.5rem .9rem;border-radius:var(--r-pill);background:var(--c-primary-50);color:var(--c-primary-700);border:1px solid var(--c-primary-100);font-weight:600;font-size:.88rem;}
.meta-badge .wz-icon{color:var(--c-primary-600);width:18px;height:18px;}
.section--dark .meta-badge{background:var(--c-dark-card);color:#fff;border-color:var(--c-dark-border);}
.section--dark .meta-badge .wz-icon{color:var(--c-primary-200);}

.logo-strip--brands{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:1.4rem 3rem;}
.logo-strip__label{text-align:center;color:var(--c-muted);font-weight:600;margin-bottom:1.4rem;}
.logo-strip--brands .brand-logo{height:30px;width:auto;opacity:.6;filter:grayscale(1);transition:opacity var(--t),filter var(--t);}
.logo-strip--brands .brand-logo:hover{opacity:1;filter:grayscale(0);}
.section--dark .logo-strip__label{color:var(--c-on-dark-muted);}
.section--dark .logo-strip--brands .brand-logo{filter:grayscale(1) brightness(0) invert(1);opacity:.7;}
.section--dark .logo-strip--brands .brand-logo:hover{opacity:1;}
.demo-logo{display:inline-flex;align-items:center;gap:.6rem;}
.demo-logo__mark{width:36px;height:36px;border-radius:9px;display:grid;place-items:center;color:#fff;font-family:var(--font-display);font-weight:800;font-size:.82rem;letter-spacing:-.02em;flex:none;}
.demo-logo__name{font-family:var(--font-display);font-weight:700;color:var(--c-ink);font-size:.95rem;letter-spacing:-.01em;opacity:.72;transition:opacity var(--t);}
.demo-logo:hover .demo-logo__name{opacity:1;}
.section--dark .demo-logo__name{color:#fff;opacity:.85;}

/* Editorial testimonial (large quote + monogram attribution) */
.quote-editorial{max-width:62ch;}
.quote-editorial__q{font-family:var(--font-display);font-weight:600;font-size:clamp(1.3rem,2.6vw,1.9rem);line-height:1.42;color:var(--c-ink);letter-spacing:-.01em;margin:0 0 1.3rem;}
.section--dark .quote-editorial__q{color:#fff;}
.quote-attr{display:flex;align-items:center;gap:.8rem;}
.quote-attr .demo-logo__mark{width:46px;height:46px;border-radius:12px;font-size:1rem;}
.quote-attr__name{font-weight:700;color:var(--c-ink);line-height:1.3;}
.section--dark .quote-attr__name{color:#fff;}
.quote-attr__role{font-size:.85rem;color:var(--c-muted);}
.section--dark .quote-attr__role{color:var(--c-on-dark-muted);}

/* Demo rating (visual only — never schema) */
.rating-demo{display:inline-flex;align-items:center;gap:.6rem;}
.rating-demo__val{font-family:var(--font-display);font-weight:800;font-size:1.7rem;color:var(--c-ink);line-height:1;}
.section--dark .rating-demo__val{color:#fff;}
.rating-demo .stars{color:var(--c-accent);}
.rating-demo__cap{font-size:.82rem;color:var(--c-muted);}