/* =====================================================================
   INFOSSEL — page styles (product detail, catalog, FAQ, 404)
   Loaded only on the pages that need it, so the homepage critical CSS
   stays small.
   ===================================================================== */

.shell--narrow{width:min(820px,100% - var(--gutter)*2)}

/* ---------------------------- BREADCRUMB ---------------------------- */
.crumbs ol{list-style:none;display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;padding:0;margin:0 0 1.5rem}
.crumbs li{display:flex;align-items:center;gap:.4rem;font-size:.82rem;color:var(--muted)}
.crumbs a{color:var(--text-2);transition:color .2s}
.crumbs a:hover{color:#fff}
.crumbs i{font-size:.68rem;opacity:.5}
.crumbs [aria-current]{color:var(--text)}

/* ---------------------------- PAGE HEAD ----------------------------- */
.page-head{padding-top:calc(var(--nav-h) + clamp(2.5rem,6vw,4.5rem));padding-bottom:clamp(1.5rem,3vw,2.5rem)}
.page-head h1{max-width:18ch}
.page-head .lede{margin-top:1rem}

/* ============================ PRODUCT DETAIL ======================== */
.pdp-hero{padding-top:calc(var(--nav-h) + clamp(2rem,5vw,3.5rem));padding-bottom:clamp(2rem,5vw,3.5rem)}
.pdp-hero__grid{display:grid;gap:clamp(2rem,4vw,3rem);align-items:start}
@media (min-width:900px){.pdp-hero__grid{grid-template-columns:1.35fr .65fr}}
.pdp-hero h1{font-size:var(--step-3);max-width:16ch}
.pdp-hero__tagline{
  font-family:var(--font-display);font-size:var(--step-1);font-weight:600;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;
  max-width:24ch;margin:.5rem 0 1rem;line-height:1.25;
}
.pdp-hero__ctas{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1.75rem}

/* At-a-glance panel — the answer block a scanner reads first */
.pdp-facts{padding:1.5rem;position:sticky;top:calc(var(--nav-h) + 1rem)}
@media (max-width:899px){.pdp-facts{position:static}}
.pdp-facts__title{
  font-family:var(--font-mono);font-size:.72rem;letter-spacing:.18em;text-transform:uppercase;
  color:var(--muted);margin:0 0 1rem;
}
.pdp-facts dl{margin:0 0 1.25rem;display:grid;gap:.1rem}
.pdp-facts dl>div{
  display:flex;justify-content:space-between;gap:1rem;align-items:baseline;
  padding:.6rem 0;border-bottom:1px solid var(--border);
}
.pdp-facts dl>div:last-child{border-bottom:0}
.pdp-facts dt{font-size:.84rem;color:var(--text-2)}
.pdp-facts dd{margin:0;font-size:.84rem;font-weight:600;text-align:right}

.lang-row__label{font-size:.78rem;color:var(--muted);align-self:center;margin-right:.2rem}

/* --------------------------- ANSWER BLOCKS -------------------------- */
.answers{display:grid;gap:1.1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.answer{padding:1.6rem}
.answer h3{
  font-size:1rem;margin-bottom:.7rem;display:flex;align-items:flex-start;gap:.5rem;line-height:1.35;
}
.answer h3::before{
  content:"";width:3px;align-self:stretch;min-height:1.1em;border-radius:2px;
  background:var(--grad-brand);flex-shrink:0;
}
.answer p{margin:0;color:var(--text-2);font-size:.92rem}

/* ----------------------------- FEATURES ----------------------------- */
.feature-grid{display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.feature{display:flex;gap:1rem;padding:1.25rem 1.35rem;align-items:flex-start}
.feature i{
  font-size:1.15rem;color:var(--red);flex-shrink:0;margin-top:.15rem;
  width:34px;height:34px;display:grid;place-items:center;border-radius:9px;
  background:linear-gradient(150deg,rgba(239,0,1,.16),rgba(51,80,245,.16));
}
.is-icloud .feature i{color:var(--signal)}
.feature h3{font-size:.94rem;margin:0 0 .3rem;line-height:1.4}
.feature p{margin:0;font-size:.85rem;color:var(--text-2)}

/* Small pill used for app capabilities */
.tag{
  padding:.24rem .6rem;border-radius:6px;font-size:.72rem;color:var(--text-2);
  border:1px solid var(--border);background:var(--hover-tint);
}

/* ------------------------------ VIDEOS ------------------------------ */
.video-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}
.video{margin:0}
.video__poster{
  display:block;width:100%;padding:0;border:1px solid var(--border);background:none;
  border-radius:var(--r-md);overflow:hidden;position:relative;cursor:pointer;
  transition:transform .3s var(--ease),border-color .3s;
}
.video__poster:hover{transform:translateY(-3px);border-color:rgba(239,0,1,.5)}
.video__poster img{width:100%;aspect-ratio:16/9;object-fit:cover;display:block}
.video__play{
  position:absolute;inset:0;display:grid;place-items:center;
  background:linear-gradient(180deg,rgba(6,9,20,.05),rgba(6,9,20,.45));
}
.video__play i{
  width:56px;height:56px;border-radius:50%;display:grid;place-items:center;
  background:var(--grad-brand);color:#fff;font-size:1.6rem;
  box-shadow:0 10px 30px -8px rgba(239,0,1,.8);transition:transform .3s var(--ease);
}
.video__poster:hover .video__play i{transform:scale(1.1)}
.video figcaption{margin-top:.65rem;font-size:.84rem;color:var(--text-2)}

/* --------------------------- INTEGRATIONS --------------------------- */
.integ-grid{display:grid;gap:.65rem;grid-template-columns:repeat(auto-fill,minmax(230px,1fr))}
.integ{
  display:flex;align-items:center;gap:.75rem;padding:.8rem .95rem;border-radius:var(--r-sm);
  border:1px solid var(--border);background:var(--hover-tint);
}
.integ i{color:var(--signal);font-size:1.05rem;flex-shrink:0}
.integ strong{display:block;font-size:.88rem;font-weight:600}
.integ span{display:block;font-size:.74rem;color:var(--muted);line-height:1.35}

/* -------------------------------- FAQ ------------------------------- */
.faq{display:grid;gap:.6rem}
.faq__item{
  border:1px solid var(--border);border-radius:var(--r-md);background:var(--hover-tint);
  overflow:hidden;transition:border-color .25s;
}
.faq__item[open]{border-color:rgba(239,0,1,.35)}
.faq__item summary{
  display:flex;justify-content:space-between;align-items:center;gap:1rem;
  padding:1.1rem 1.35rem;cursor:pointer;list-style:none;
  font-family:var(--font-display);font-weight:600;font-size:.98rem;line-height:1.4;
}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item summary i{
  flex-shrink:0;color:var(--red);transition:transform .3s var(--ease);font-size:.9rem;
}
.faq__item[open] summary i{transform:rotate(45deg)}
.faq__answer{padding:0 1.35rem 1.25rem;color:var(--text-2);font-size:.92rem}

/* ---------------------------- PDP CTA ------------------------------- */
.pdp-cta{display:grid;gap:clamp(2rem,4vw,3rem);padding:clamp(1.75rem,4vw,3rem)}
@media (min-width:860px){.pdp-cta{grid-template-columns:1fr .85fr;align-items:center}}
.pdp-form .field-row{display:grid;gap:0 1rem;grid-template-columns:1fr 1fr}
@media (max-width:520px){.pdp-form .field-row{grid-template-columns:1fr}}

/* Sticky conversion bar — mobile only, where the CTA scrolls away */
.pdp-sticky{
  position:fixed;left:0;right:0;bottom:64px;z-index:880;display:none;
  align-items:center;gap:.6rem;padding:.7rem var(--gutter);
  background:rgba(6,9,18,.95);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);
  border-top:1px solid var(--border);
}
.pdp-sticky__name{
  flex:1;min-width:0;font-family:var(--font-display);font-weight:700;font-size:.86rem;
  overflow:hidden;text-overflow:ellipsis;white-space:nowrap;
}
@media (max-width:767px){.pdp-sticky{display:flex}}

/* ============================== CATALOG ============================= */
.filters{display:grid;gap:1rem;margin-bottom:1.25rem}
.filters__search{position:relative;max-width:520px}
.filters__search i{
  position:absolute;left:1rem;top:50%;transform:translateY(-50%);color:var(--muted);pointer-events:none;
}
.filters__search input{
  width:100%;padding:.8rem 1rem .8rem 2.6rem;border-radius:999px;font:inherit;font-size:.92rem;
  background:var(--hover-tint);border:1px solid var(--border);color:var(--text);
}
.filters__search input:focus{outline:none;border-color:rgba(56,225,255,.55)}
.filters__row{display:flex;flex-wrap:wrap;gap:.5rem}
.filter-chip{
  display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1rem;border-radius:999px;
  border:1px solid var(--border);background:var(--hover-tint);
  font-size:.86rem;font-weight:500;color:var(--text-2);transition:.22s var(--ease);
}
.filter-chip:hover{color:#fff;border-color:var(--border-strong);background:var(--hover-tint-2)}
.filter-chip.is-on{background:var(--grad-brand);border-color:transparent;color:#fff}
.filter-chip--sm{padding:.38rem .8rem;font-size:.8rem}
.filter-chip i{font-size:.9rem}
.filters__count{font-size:.86rem;color:var(--muted);margin:0 0 2rem}
.filters__count a{color:var(--red)}

/* ------------------------------- EMPTY ------------------------------ */
.empty{padding:clamp(2.5rem,6vw,4rem);text-align:center;max-width:620px;margin-inline:auto}
.empty i{font-size:2rem;color:var(--muted);display:block;margin-bottom:1rem}
.empty h2{font-size:1.25rem}
.empty p{color:var(--text-2);font-size:.92rem;max-width:46ch;margin-inline:auto}

/* --------------------- REDUCED MOTION / PRINT ----------------------- */
@media (prefers-reduced-motion:reduce){
  .video__poster:hover,.feature:hover{transform:none}
}
@media print{
  .nav,.fab,.mobile-bar,.chatbot,.pdp-sticky,.lead-popup,.mesh,.grid-bg,.rail{display:none!important}
  body{background:#fff;color:#000}
  .glass{border:1px solid #ccc;background:#fff;box-shadow:none}
}

/* =====================================================================
   INTERIOR PAGE COMPONENTS
   ===================================================================== */

/* ------------------------------ CONTACT ----------------------------- */
.contact-grid{display:grid;gap:1.5rem}
@media (min-width:900px){.contact-grid{grid-template-columns:.9fr 1.1fr;align-items:start}}
.contact-info{display:grid;gap:1.25rem}
.contact-card{padding:1.5rem}
.contact-card h2{font-size:1rem;display:flex;align-items:center;gap:.6rem;margin-bottom:1rem}
.contact-card h2 i{color:var(--red)}
.contact-card address{font-style:normal;color:var(--text-2);font-size:.92rem;margin-bottom:1rem;line-height:1.7}
.contact-card p{font-size:.92rem;margin:0 0 .5rem}
.contact-card a:hover{color:var(--red)}
.contact-form-card{padding:clamp(1.5rem,3vw,2.25rem)}
.contact-form-card h2{font-size:1.25rem;margin-bottom:.5rem}
.map-frame{padding:6px;overflow:hidden;border-radius:var(--r-lg)}
.map-frame iframe{border-radius:calc(var(--r-lg) - 6px);filter:grayscale(.3) contrast(1.05)}

.tick-list{list-style:none;padding:0;margin:0;display:grid;gap:.55rem}
.tick-list li{display:flex;gap:.6rem;font-size:.9rem;color:var(--text-2);line-height:1.5}
.tick-list li::before{content:"\F26E";font-family:"bootstrap-icons";color:var(--red);flex-shrink:0;font-size:.85rem}

.mini-dl{margin:0;display:grid;gap:.1rem}
.mini-dl>div{display:flex;justify-content:space-between;gap:1rem;padding:.5rem 0;border-bottom:1px solid var(--border)}
.mini-dl>div:last-child{border-bottom:0}
.mini-dl dt{font-size:.84rem;color:var(--muted)}
.mini-dl dd{margin:0;font-size:.84rem;font-weight:600;text-align:right}
.mini-dl code{font-family:var(--font-mono);font-size:.8rem;background:var(--hover-tint-2);padding:.15rem .45rem;border-radius:5px}

/* ------------------------------- NOTICE ----------------------------- */
.notice{display:flex;gap:1rem;padding:1.25rem 1.4rem;align-items:flex-start;font-size:.92rem;color:var(--text-2);line-height:1.6}
.notice i{color:var(--signal);font-size:1.15rem;flex-shrink:0;margin-top:.15rem}
.notice strong{color:var(--text);display:block;margin-bottom:.2rem}

/* --------------------------------- AI ------------------------------- */
.ai-grid{display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}
.ai-module{padding:1.75rem}
.ai-module__icon{
  width:46px;height:46px;border-radius:13px;display:grid;place-items:center;margin-bottom:1.1rem;
  background:var(--grad-brand);color:#fff;font-size:1.2rem;
  box-shadow:0 10px 28px -12px rgba(239,0,1,.8);
}
.ai-module h2{font-size:1.1rem;margin-bottom:.6rem}
.ai-module p{color:var(--text-2);font-size:.9rem}
.risk-row{display:flex;gap:.5rem;margin:1rem 0 .75rem}
.risk{flex:1;text-align:center;padding:.5rem;border-radius:9px;font-size:.8rem;font-weight:600;border:1px solid var(--border)}
.risk--low{color:#3DDC84;background:rgba(61,220,132,.1);border-color:rgba(61,220,132,.3)}
.risk--med{color:var(--gold);background:rgba(245,181,68,.1);border-color:rgba(245,181,68,.3)}
.risk--high{color:var(--red);background:rgba(239,0,1,.12);border-color:rgba(239,0,1,.35)}
.quote-list{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.5rem}
.quote-list li{
  font-family:var(--font-mono);font-size:.82rem;color:var(--text-2);
  padding:.55rem .8rem;border-radius:9px;background:var(--hover-tint);border-left:2px solid var(--red);
}

/* ------------------------------- DEMO ------------------------------- */
.demo-grid{display:grid;gap:2rem}
@media (min-width:900px){.demo-grid{grid-template-columns:1fr .8fr;align-items:start}}
.demo-list{display:grid;gap:.5rem}
.demo-row{
  display:flex;align-items:center;gap:.9rem;padding:.85rem 1.1rem;border-radius:var(--r-sm);
  border:1px solid var(--border);background:var(--hover-tint);transition:.22s var(--ease);
}
.demo-row:hover{background:var(--hover-tint-2);border-color:rgba(239,0,1,.4);transform:translateX(3px)}
.demo-row i{color:var(--red);font-size:1.05rem;flex-shrink:0}
.demo-row__name{flex:1;font-size:.92rem;font-weight:500}
.demo-row__go{font-size:.8rem;color:var(--muted);display:flex;align-items:center;gap:.35rem;white-space:nowrap}
.demo-row:hover .demo-row__go{color:var(--text)}

/* ----------------------------- INDUSTRIES --------------------------- */
.industry-card{display:flex;flex-direction:column;padding:1.6rem}
.industry-card i{font-size:1.5rem;color:var(--red);margin-bottom:.9rem}
.industry-card h2{font-size:1.05rem;margin-bottom:.4rem}
.industry-card p{color:var(--text-2);font-size:.88rem;flex:1}
.industry-card__go{margin-top:1rem;font-size:.84rem;color:var(--text-2);display:flex;align-items:center;gap:.4rem}
.industry-card:hover .industry-card__go{color:var(--red)}

/* ---------------------------- LEADERSHIP ---------------------------- */
.md-grid{display:grid;gap:clamp(1.75rem,4vw,3rem);padding:clamp(1.75rem,4vw,3rem);align-items:center}
@media (min-width:820px){.md-grid{grid-template-columns:.42fr .58fr}}
.md-photo img{width:100%;border-radius:var(--r-lg);object-fit:cover;aspect-ratio:4/5}
.md-photo__placeholder{
  width:100%;aspect-ratio:4/5;border-radius:var(--r-lg);display:grid;place-items:center;
  background:linear-gradient(150deg,rgba(239,0,1,.15),rgba(51,80,245,.15));
  border:1px solid var(--border);font-size:3rem;color:var(--muted);
}
.md-message{color:var(--text-2);font-size:1rem;line-height:1.75}
.md-sign{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border);display:grid;gap:.15rem}
.md-sign strong{font-family:var(--font-display);font-size:1rem}
.md-sign span{font-size:.84rem;color:var(--muted)}

/* ----------------------------- TIMELINE ----------------------------- */
.timeline{list-style:none;padding:0;margin:0;position:relative}
.timeline::before{content:"";position:absolute;left:7px;top:8px;bottom:8px;width:2px;background:var(--grad-rail);opacity:.5}
.timeline__item{position:relative;padding-left:2.5rem;padding-bottom:2rem}
.timeline__item:last-child{padding-bottom:0}
.timeline__item::before{
  content:"";position:absolute;left:0;top:6px;width:16px;height:16px;border-radius:50%;
  background:var(--bg);border:2px solid var(--red);
}
.timeline__year{
  font-family:var(--font-mono);font-size:.74rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--signal);display:block;margin-bottom:.35rem;
}
.timeline__body h3{font-size:1.02rem;margin-bottom:.3rem}
.timeline__body p{color:var(--text-2);font-size:.9rem;margin:0}

/* ------------------------------- BLOG ------------------------------- */
.post-meta{font-size:.84rem;color:var(--muted);margin-bottom:1.5rem}
.post-body{color:var(--text-2);font-size:1.02rem;line-height:1.8}
.post-body h2{font-size:1.4rem;margin:2.5rem 0 .8rem;color:var(--text)}
.post-body h3{font-size:1.1rem;margin:2rem 0 .6rem;color:var(--text)}
.post-body p{margin-bottom:1.2rem}
.post-body ul,.post-body ol{margin:0 0 1.2rem;padding-left:1.4rem}
.post-body li{margin-bottom:.5rem}
.post-body a{color:var(--red);text-decoration:underline;text-underline-offset:3px}
.post-body blockquote{
  margin:1.5rem 0;padding:1rem 1.4rem;border-left:3px solid var(--red);
  background:var(--hover-tint);border-radius:0 var(--r-sm) var(--r-sm) 0;
}
.post-body code{font-family:var(--font-mono);font-size:.88em;background:var(--hover-tint-2);padding:.15rem .4rem;border-radius:5px}
.post-body img{border-radius:var(--r-md);margin:1.5rem 0}

/* --------------------------- PRODUCT FINDER ------------------------- */
.wizard{max-width:680px;margin-inline:auto}
.wizard__progress{height:4px;border-radius:2px;background:var(--hover-tint-2);overflow:hidden;margin-bottom:2rem}
.wizard__bar{height:100%;background:var(--grad-brand);width:0;transition:width .45s var(--ease)}
.wizard__step{display:none}
.wizard__step.is-active{display:block}
.wizard__q{font-family:var(--font-display);font-size:var(--step-1);font-weight:700;margin-bottom:1.5rem;line-height:1.3}
.wizard__opts{display:grid;gap:.6rem;margin-bottom:1.5rem}
.wizard__opt{
  display:flex;align-items:center;gap:.8rem;padding:.95rem 1.2rem;border-radius:var(--r-sm);
  border:1px solid var(--border);background:var(--hover-tint);cursor:pointer;
  font-size:.95rem;text-align:left;color:var(--text);transition:.2s var(--ease);width:100%;
}
.wizard__opt:hover{background:var(--hover-tint-2);border-color:var(--border-strong)}
.wizard__opt.is-on{background:var(--grad-brand);border-color:transparent;color:#fff}
.wizard__nav{display:flex;gap:.6rem;justify-content:space-between;align-items:center}
.wizard__count{font-size:.82rem;color:var(--muted)}

/* =====================================================================
   BRAND BANDS + COMPACT CATALOG
   27 products in one grid reads as a wall. These rules give the catalog
   structure: two brand bands, category groups inside each, lighter cards.
   ===================================================================== */

.brand-band{padding-block:clamp(3.5rem,7vw,6rem);position:relative}
.brand-band.section--ink{margin-block:clamp(2rem,4vw,3.5rem);border-radius:var(--r-xl)}
@media (max-width:700px){.brand-band.section--ink{border-radius:0}}

.brand-band__head{
  display:grid;gap:1.5rem;align-items:center;margin-bottom:clamp(2rem,4vw,3rem);
  padding-bottom:1.75rem;border-bottom:1px solid var(--border);
}
@media (min-width:900px){
  .brand-band__head{grid-template-columns:auto 1fr auto;gap:2.5rem}
}
.brand-band__mark img{height:56px;width:auto}
@media (max-width:899px){.brand-band__mark img{height:44px}}
.brand-band__intro h2{margin-bottom:.5rem}
.brand-band__intro .lede{font-size:var(--step-0);max-width:52ch}
.brand-band__count{text-align:center;display:grid;gap:.1rem;min-width:96px}
.brand-band__num{
  font-family:var(--font-mono);font-size:2.4rem;font-weight:600;line-height:1;
  background:var(--grad-brand);-webkit-background-clip:text;background-clip:text;color:transparent;
}
.brand-band__count span:last-child{
  font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;
  text-transform:uppercase;color:var(--muted);
}
@media (max-width:899px){
  .brand-band__count{text-align:left;display:flex;align-items:baseline;gap:.5rem}
  .brand-band__num{font-size:1.6rem}
}
.brand-band__foot{
  display:flex;flex-wrap:wrap;gap:.75rem;margin-top:2.5rem;
  padding-top:1.75rem;border-top:1px solid var(--border);
}

/* ---------------------------- CATEGORY GROUP ------------------------ */
.cat-group{margin-bottom:clamp(2rem,4vw,3rem)}
.cat-group:last-of-type{margin-bottom:0}
.cat-group__title{
  display:flex;align-items:center;gap:.75rem;margin-bottom:1.1rem;
  font-family:var(--font-mono);font-size:.76rem;letter-spacing:.18em;
  text-transform:uppercase;color:var(--muted);font-weight:500;
}
.cat-group__title::after{content:"";flex:1;height:1px;background:var(--border)}
.cat-group__n{
  order:3;font-size:.7rem;padding:.1rem .5rem;border-radius:999px;
  border:1px solid var(--border);color:var(--muted);letter-spacing:0;
}

.brand-rule{
  font-family:var(--font-display);font-size:1.5rem;margin:3rem 0 1.5rem;
  padding-bottom:.75rem;border-bottom:2px solid;
  border-image:var(--grad-brand) 1;
}
.brand-rule:first-of-type{margin-top:0}

/* ---------------------------- COMPACT CARD -------------------------- */
.compact-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(268px,1fr))}

.pcard--compact{padding:1.15rem 1.25rem}
.pcard--compact .pcard__head{gap:.7rem;margin-bottom:.7rem;align-items:center}
.pcard--compact .pcard__icon{width:38px;height:38px;font-size:1.05rem;border-radius:11px}
.pcard--compact .pcard__name{font-size:.95rem;margin:0;line-height:1.3}
.pcard--compact .pcard__desc{font-size:.84rem;margin-bottom:.8rem;color:var(--text-2)}
.pcard--compact .pcard__features{gap:.32rem;margin-bottom:.9rem}
.pcard--compact .pcard__features li{font-size:.79rem;line-height:1.4}
.pcard--compact .pcard__features i{font-size:.72rem;margin-top:.18rem}
.pcard--compact .pcard__actions{padding-top:.8rem;gap:.4rem;align-items:center}

/* Video count replaces a row of language buttons on the card. The full
   language list is on the product page, where it does not crowd the grid. */
.pcard__vid{
  margin-left:auto;display:inline-flex;align-items:center;gap:.28rem;
  font-family:var(--font-mono);font-size:.72rem;color:var(--muted);
}
.pcard__vid i{font-size:.85rem;color:var(--red)}

/* Inside the dark band the glass needs its own surface, not the page's */
.section--ink .glass{background:var(--glass-bg);border-color:var(--border)}
.section--ink .btn--ghost{border-color:var(--border-strong);color:var(--text)}

/* ------------------------- CONTACT ACTIONS -------------------------- */
/* Call and WhatsApp are the two things a finance owner actually does.
   They get real target size, not a text link in a paragraph. */
.contact-actions{display:grid;gap:.6rem;margin-bottom:1.25rem}
.contact-action{
  display:flex;align-items:center;gap:.9rem;padding:.85rem 1rem;
  border-radius:var(--r-md);border:1px solid var(--border);background:var(--surface-2);
  transition:.25s var(--ease);
}
.contact-action:hover{border-color:var(--border-strong);transform:translateY(-2px)}
.contact-action__icon{
  width:40px;height:40px;border-radius:11px;display:grid;place-items:center;flex-shrink:0;
  background:var(--grad-brand);color:#fff;font-size:1.05rem;
}
.contact-action--wa .contact-action__icon{background:#0B7A43}
.contact-action strong{display:block;font-size:.92rem;line-height:1.3}
.contact-action em{
  display:block;font-style:normal;font-family:var(--font-mono);
  font-size:.82rem;color:var(--text-2);margin-top:.1rem;
}
.contact-hours{font-size:.85rem;color:var(--muted);margin:.35rem 0}
.contact-hours i{color:var(--red);margin-right:.35rem}