/* main.css — deferred component + layout styles (loaded non-render-blocking).
   Pairs with critical.css. BEM-ish naming, custom-property driven, no framework. */

/* ---------- Layout primitives ---------- */
.card-grid{display:grid;gap:1.5rem}
.card-grid--3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}
.card-grid--4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.section__title{font-size:clamp(2rem,1.5rem + 2.4vw,3rem);margin-bottom:1.5rem}
.section--surface{background:var(--c-surface)}

/* ---------- Cards ---------- */
.card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;transition:transform .2s,box-shadow .2s;display:flex;flex-direction:column}
.card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.card__media img{width:100%;aspect-ratio:3/2;object-fit:cover}
.card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.card__eyebrow{font-family:var(--font-h);font-weight:600;font-size:.78rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary)}
.card__title{font-size:1.25rem;margin:0}
.card__excerpt{color:var(--c-muted);margin:0}
.card__link{margin-top:auto;font-family:var(--font-h);font-weight:600;color:var(--c-primary)}
.card__link::after{content:" →"}
.card--service{padding:1.75rem;background:linear-gradient(180deg,#fff,var(--c-surface))}

/* ---------- Feature / process ---------- */
.feature{padding:1.75rem;border:1px solid var(--c-line);border-radius:var(--r);background:#fff}
.feature__title{font-size:1.15rem}
.process{list-style:none;counter-reset:step;padding:0;display:grid;gap:1.25rem}
.process__step{display:flex;gap:1.25rem;align-items:flex-start}
.process__num{flex:0 0 auto;width:2.75rem;height:2.75rem;border-radius:50%;display:grid;place-items:center;background:var(--c-primary-tint);color:var(--c-primary);font-family:var(--font-h);font-weight:800}

/* ---------- Glass stat cards ---------- */
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem}
.stat{padding:2rem 1.5rem;border-radius:var(--r);text-align:center;background:linear-gradient(135deg,rgba(255,255,255,.14),rgba(255,255,255,.04));border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(10px);color:#fff}
.stat__num{font-family:var(--font-h);font-weight:800;font-size:2.75rem;color:#fff;line-height:1}
.stat__label{font-size:.9rem;color:#f0dcef}

/* ---------- CTA band ---------- */
.cta-band{background:linear-gradient(135deg,#81007F,#5C005A);color:#fff;border-radius:24px;margin-inline:clamp(1rem,5vw,2rem)}
.cta-band__inner{text-align:center;max-width:680px;margin-inline:auto}
.cta-band h2{color:#fff}
.cta-band p{color:#f0dcef}

/* ---------- FAQ ---------- */
.faq__item{border:1px solid var(--c-line);border-radius:12px;margin-bottom:.75rem;background:#fff}
.faq__item summary{cursor:pointer;padding:1.1rem 1.35rem;font-family:var(--font-h);font-weight:600;list-style:none}
.faq__item summary::-webkit-details-marker{display:none}
.faq__item[open] summary{color:var(--c-primary)}
.faq__answer{padding:0 1.35rem 1.25rem;color:var(--c-muted)}

/* ---------- Gallery ---------- */
.gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1rem}
.gallery-grid img{border-radius:12px;aspect-ratio:3/2;object-fit:cover;width:100%}

/* ---------- Filters (projects) ---------- */
.filters{display:flex;gap:.6rem;flex-wrap:wrap;margin-bottom:2rem}
.chip{font-family:var(--font-h);font-weight:600;font-size:.9rem;padding:.5rem 1.1rem;border-radius:999px;border:1px solid var(--c-line);background:#fff;cursor:pointer;transition:all .15s}
.chip.is-active,.chip:hover{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

/* ---------- Breadcrumbs ---------- */
.breadcrumbs ol{list-style:none;display:flex;gap:.5rem;flex-wrap:wrap;padding:0;margin:0 0 1.5rem;font-size:.85rem;color:var(--c-muted)}
.breadcrumbs li:not(:last-child)::after{content:"/";margin-left:.5rem;color:var(--c-line)}

/* ---------- Service hero ---------- */
.svc-hero{background:linear-gradient(135deg,#81007F,#5C005A);color:#fff;padding-block:clamp(3rem,6vw,5rem)}
.svc-hero .breadcrumbs ol{color:#e6c7e4}
.svc-hero__title{color:#fff}
.svc-hero__tagline{color:#f0dcef;font-size:1.15rem;max-width:640px}
.svc-hero__cta{display:flex;gap:1rem;align-items:center;flex-wrap:wrap;margin-top:1.5rem}
.svc-hero__price{font-family:var(--font-h);font-weight:700;color:#fff;background:rgba(255,255,255,.18);padding:.4rem .9rem;border-radius:999px}

/* ---------- Badges (equipment availability) ---------- */
.badge{display:inline-block;font-size:.75rem;font-weight:600;font-family:var(--font-h);padding:.25rem .6rem;border-radius:999px}
.badge--available{background:#e6f7ec;color:#137a3b}
.badge--limited{background:var(--c-accent-soft,#FFF4D6);color:#8a6100}
.badge--booked{background:#fbe6e6;color:#9c1f1f}

/* ---------- Footer ---------- */
.site-footer{background:var(--c-secondary);color:#b7bfcc;padding-block:4rem 2rem;margin-top:4rem}
.site-footer__grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:2.5rem;align-items:start}
.site-footer__col{min-width:0}
.site-footer__brand p{margin:.75rem 0;font-size:.92rem;line-height:1.6}
.site-footer__brand address{font-style:normal;font-size:.9rem;line-height:1.7;margin-top:1rem}
.site-footer .brand-text--light{color:#fff}
.site-footer .brand-text--light span{color:var(--c-accent)}
.site-footer a{color:#b7bfcc}
.site-footer a:hover{color:#fff}
.brand-text--light{color:#fff}
.footer-widget__title{color:#fff;font-size:1rem;margin-bottom:1rem}
.footer-menu{list-style:none;padding:0;margin:0;display:grid;gap:.5rem}
.footer-map iframe{width:100%;height:150px;border:0;border-radius:12px;display:block}
.footer-map{border-radius:12px;overflow:hidden}
.site-footer__bottom{border-top:1px solid rgba(255,255,255,.1);margin-top:3rem;padding-top:1.5rem;font-size:.85rem}

/* ---------- Floating conversion buttons ---------- */
.float-btn{position:fixed;right:1.25rem;z-index:200;font-family:var(--font-h);font-weight:600;font-size:.85rem;color:#fff;padding:.85rem 1rem;border-radius:999px;box-shadow:0 8px 24px rgba(0,0,0,.2)}
.float-btn--wa{bottom:5.5rem;background:#25D366}
.float-btn--call{bottom:1.25rem;background:var(--c-primary)}
.sticky-cta{position:fixed;left:0;right:0;bottom:0;z-index:120;background:#fff;border-top:1px solid var(--c-line);display:flex;gap:1rem;align-items:center;justify-content:center;padding:.85rem 5.5rem;box-shadow:0 -6px 24px rgba(17,17,17,.08)}
.sticky-cta span{font-family:var(--font-h);font-weight:600}

/* ---------- Mobile nav ---------- */
/* ===== Mobile navigation drawer ===== */
.mobile-nav{display:none;position:fixed;inset:0;z-index:200;background:#fff;flex-direction:column;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:0 0 calc(1.5rem + env(safe-area-inset-bottom))}
@media(max-width:900px){.mobile-nav:not([hidden]){display:flex}.mobile-nav.is-open{display:flex}}
@media(min-width:901px){.mobile-nav{display:none!important}}
body.nav-open{overflow:hidden}
body.nav-open .float-btn{display:none!important}
.mobile-nav__head{position:sticky;top:0;z-index:2;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1.25rem;background:var(--brand,#81007F);color:#fff;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.mobile-nav__brand{font-family:var(--font-h);font-weight:800;font-size:1.15rem;color:#fff;text-decoration:none;letter-spacing:.3px}
.mobile-nav__brand span{font-weight:500;opacity:.85}
.mobile-nav__close{appearance:none;border:0;background:rgba(255,255,255,.16);color:#fff;width:44px;height:44px;border-radius:50%;font-size:1.7rem;line-height:1;display:grid;place-items:center;cursor:pointer;transition:background .15s}
.mobile-nav__close:active{background:rgba(255,255,255,.32)}
.mobile-nav__menu{list-style:none;padding:.25rem 0;margin:0;font-family:var(--font-h);font-weight:600;font-size:1.08rem}
.mobile-nav__menu li{margin:0}
.mobile-nav__menu a{display:flex;align-items:center;gap:.6rem;padding:1rem 1.5rem;color:#1a1a1a;text-decoration:none;border-bottom:1px solid #f1eef3;transition:background .15s,color .15s,box-shadow .15s}
.mobile-nav__menu a:active{background:#faf4fa;color:var(--brand,#81007F)}
.mobile-nav__menu .current-menu-item>a,.mobile-nav__menu .current_page_item>a,.mobile-nav__menu .current-menu-ancestor>a{color:var(--brand,#81007F);box-shadow:inset 4px 0 0 var(--brand,#81007F);background:#faf4fa}
.mobile-nav__menu .menu-item-has-children>a{position:relative}
.mobile-nav__menu .menu-item-has-children>a::after{content:"";margin-left:auto;width:8px;height:8px;border-right:2px solid #b58fb4;border-bottom:2px solid #b58fb4;transform:rotate(45deg);flex:0 0 auto}
.mobile-nav__menu .sub-menu{list-style:none;margin:0;padding:0;background:#faf7fb}
.mobile-nav__menu .sub-menu a{padding-left:2.6rem;font-weight:500;font-size:1rem;color:#4a3f4a;border-bottom:1px solid #f3eef5}
.mobile-nav__menu .sub-menu a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--brand,#81007F);opacity:.55;flex:0 0 auto}
.mobile-nav__menu .sub-menu .menu-item-has-children>a::after{display:none}
.mobile-nav__cta{display:grid;gap:.75rem;padding:1.5rem 1.5rem 0}
body.nav-open{overflow:hidden}

/* ---------- Pagination ---------- */
.pagination{display:flex;gap:.5rem;justify-content:center;margin-top:3rem}
.pagination .page-numbers{padding:.5rem .9rem;border:1px solid var(--c-line);border-radius:8px;font-family:var(--font-h)}
.pagination .current{background:var(--c-primary);color:#fff;border-color:var(--c-primary)}

/* ---------- Responsive ---------- */
@media(max-width:600px){.site-footer__grid{grid-template-columns:1fr}}
@media(max-width:960px){.site-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:860px){
  .site-footer__grid{grid-template-columns:1fr 1fr}
  .sticky-cta{flex-direction:column;gap:.5rem}
  .sticky-cta span{display:none}
}

/* ---------- Reduced motion + focus ---------- */
@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}
:focus-visible{outline:3px solid var(--c-accent);outline-offset:2px;border-radius:4px}


/* ============ Client logo marquee ============ */
.clients{padding-block:2.5rem 1rem;background:var(--c-white)}
.clients__eyebrow{text-align:center;font-family:var(--font-h);font-weight:600;letter-spacing:.06em;text-transform:uppercase;font-size:.8rem;color:var(--c-muted);margin:0 0 1.5rem}
.logo-marquee{overflow:hidden;position:relative;width:100%;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}
.logo-marquee__track{display:flex;gap:3rem;width:max-content;animation:vtc-marquee 38s linear infinite}
.logo-marquee:hover .logo-marquee__track{animation-play-state:paused}
.logo-marquee__item{font-family:var(--font-h);font-weight:800;font-size:1.35rem;color:#8a8f98;white-space:nowrap;letter-spacing:-.01em;opacity:.75;transition:color .2s,opacity .2s}
.logo-marquee__item:hover{color:var(--c-primary);opacity:1}
@keyframes vtc-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.logo-marquee__track{animation:none;flex-wrap:wrap;justify-content:center}}

/* ============ Footer social + legal ============ */
.footer-social{display:flex;gap:.6rem;margin-top:1.25rem}
.footer-social a{display:inline-flex;align-items:center;justify-content:center;width:2.1rem;height:2.1rem;border-radius:50%;background:rgba(255,255,255,.1);transition:background .2s}
.footer-social a:hover{background:var(--c-primary)}
.footer-social svg{width:1.05rem;height:1.05rem;fill:#fff}
.site-footer__legal a{color:#c9b8c8}
.site-footer__legal a:hover{color:#fff}
.site-footer__bottom{display:flex;flex-wrap:wrap;gap:.5rem 1.5rem;justify-content:space-between;align-items:center}

/* ============ Contact / quote form ============ */
.quote-form{display:grid;gap:1.1rem;max-width:640px}
.quote-grid{display:grid;grid-template-columns:1fr;gap:2.5rem}
@media(min-width:860px){.quote-grid{grid-template-columns:1.1fr .9fr}}
.quote-form label{display:block;font-family:var(--font-h);font-weight:600;font-size:.9rem;margin-bottom:.35rem}
.quote-form input,.quote-form select,.quote-form textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--c-line);border-radius:12px;font:inherit;background:#fff}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{outline:2px solid var(--c-primary);border-color:var(--c-primary)}
.quote-info{background:var(--c-surface);border-radius:var(--r);padding:2rem}
.quote-info h3{margin-top:0}
.quote-info ul{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.75rem}
.quote-info li{padding-left:1.6rem;position:relative;color:var(--c-muted)}
.quote-info li::before{content:"";position:absolute;left:0;top:.5em;width:.7rem;height:.7rem;border-radius:50%;background:var(--c-primary)}

/* ============ Equipment catalog cards ============ */
.equip-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}
.equip-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.equip-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.equip-card__media{aspect-ratio:4/3;overflow:hidden;background:var(--c-surface)}
.equip-card__media img{width:100%;height:100%;object-fit:cover}
.equip-card__body{padding:1.25rem;display:flex;flex-direction:column;gap:.5rem;flex:1}
.equip-card__cat{font-family:var(--font-h);font-weight:600;font-size:.72rem;letter-spacing:.06em;text-transform:uppercase;color:var(--c-primary)}
.equip-card__title{font-size:1.1rem;margin:0}
.equip-card__price{font-family:var(--font-h);font-weight:800;color:var(--c-secondary)}
.equip-card__avail{font-size:.82rem;color:#1a8a4a;font-weight:600}
.equip-card .btn{margin-top:auto}

/* ============ About page ============ */
.about-hero{background:linear-gradient(135deg,#81007F,#5C005A 65%,#3d0038);color:#fff;padding-block:clamp(4rem,9vw,7rem)}
.about-hero h1{color:#fff;font-size:clamp(2.4rem,1.8rem + 3vw,3.75rem)}
.about-hero p{color:#f0dcef;font-size:1.2rem;max-width:680px}
.about-values{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.5rem}
.about-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1.5rem;text-align:center}
.about-stat__num{font-family:var(--font-h);font-weight:800;font-size:2.75rem;color:var(--c-primary);line-height:1}


/* ============ Multi-step forms (consultation + hire) ============ */
.cform{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:2rem;box-shadow:var(--shadow)}
.cform__progress{height:6px;background:var(--c-surface);border-radius:999px;overflow:hidden;margin-bottom:.6rem}
.cform__bar{height:100%;width:16%;background:linear-gradient(90deg,var(--c-primary),var(--c-primary-dark));transition:width .3s}
.cform__stepnote{font-family:var(--font-h);font-weight:600;font-size:.85rem;color:var(--c-muted);margin:0 0 1.5rem}
.cform__step{display:none;border:0;padding:0;margin:0}
.cform__step.is-active{display:block;animation:cfIn .25s ease}
@keyframes cfIn{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
.cform__step legend{font-family:var(--font-h);font-weight:800;font-size:1.35rem;margin-bottom:1.25rem;color:var(--c-secondary)}
.cform__step h3{font-size:1.05rem;margin:1.5rem 0 .75rem;color:var(--c-primary)}
.cf-grid{display:grid;grid-template-columns:1fr 1fr;gap:1rem 1.25rem}
@media(max-width:640px){.cf-grid{grid-template-columns:1fr}}
.cf-field{display:flex;flex-direction:column;gap:.35rem}
.cf-field--full{grid-column:1/-1}
.cf-field--qty{max-width:220px}
.cf-field label,.cf-label{font-family:var(--font-h);font-weight:600;font-size:.88rem}
.cf-field input,.cf-field select,.cf-field textarea{padding:.7rem .85rem;border:1px solid var(--c-line);border-radius:10px;font:inherit;background:#fff;width:100%}
.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:2px solid var(--c-primary);border-color:var(--c-primary)}
.cf-hint{color:var(--c-muted);font-size:.9rem;margin:0 0 1rem}
.cf-checkgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.5rem;margin-top:.35rem}
.cf-checkgrid--big{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem}
.cf-check{display:flex;align-items:flex-start;gap:.5rem;padding:.6rem .75rem;border:1px solid var(--c-line);border-radius:10px;cursor:pointer;font-size:.92rem;background:#fff;transition:border-color .15s,background .15s}
.cf-check:hover{border-color:var(--c-primary)}
.cf-check input{margin-top:.15rem;accent-color:var(--c-primary)}
.cf-checkgrid--big .cf-check{font-family:var(--font-h);font-weight:600}
.cf-consent{grid-column:1/-1;margin-top:1.5rem;font-size:.9rem;color:var(--c-muted);align-items:flex-start}
.cf-sub{border-top:1px solid var(--c-line);padding-top:1rem;margin-top:1rem}
.cf-sub:first-child{border-top:0;padding-top:0;margin-top:0}
.cform__nav{display:flex;gap:1rem;justify-content:space-between;margin-top:2rem;flex-wrap:wrap}
.cform__nav .btn--accent{margin-left:auto}
.cf-status{margin-top:1rem;font-family:var(--font-h);font-weight:600}

/* ============ Hire package cards ============ */
.pkg-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1.75rem}
.pkg-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s;position:relative}
.pkg-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}
.pkg-card__media{aspect-ratio:16/10;overflow:hidden;background:var(--c-surface);display:block}
.pkg-card__media img{width:100%;height:100%;object-fit:cover}
.pkg-card__body{padding:1.5rem;display:flex;flex-direction:column;gap:.6rem;flex:1}
.pkg-card__badge{position:absolute;top:1rem;right:1rem;background:var(--c-accent);color:#fff;font-family:var(--font-h);font-weight:700;font-size:.72rem;padding:.3rem .7rem;border-radius:999px;text-transform:uppercase;letter-spacing:.04em}
.pkg-card__title{font-size:1.3rem;margin:0}
.pkg-card__cap{color:var(--c-muted);font-size:.9rem;margin:0}
.pkg-card__list{list-style:none;padding:0;margin:.5rem 0;display:grid;gap:.4rem}
.pkg-card__list li{position:relative;padding-left:1.5rem;font-size:.92rem}
.pkg-card__list li::before{content:"\2713";position:absolute;left:0;color:var(--c-primary);font-weight:800}
.pkg-card__price{font-family:var(--font-h);font-weight:800;font-size:1.75rem;color:var(--c-secondary);margin-top:auto}
.pkg-card__actions{display:flex;gap:.6rem;flex-wrap:wrap;margin-top:.5rem}
.pkg-card__actions .btn{flex:1;min-width:120px}

/* ============ Single package ============ */
.pkg-single__media{border-radius:var(--r);overflow:hidden;margin:0 0 1.5rem}
.pkg-included{list-style:none;padding:0;margin:1rem 0;display:grid;gap:.5rem}
.pkg-included li{padding:.65rem .9rem;background:var(--c-surface);border-radius:8px}
.pkg-services,.pkg-addons{list-style:none;padding:0;margin:.75rem 0;display:grid;gap:.5rem}
.pkg-services li{position:relative;padding-left:1.6rem}
.pkg-services li::before{content:"\2713";position:absolute;left:0;color:#1a8a4a;font-weight:800}
.pkg-addons li{display:flex;justify-content:space-between;gap:1rem;padding:.6rem .9rem;border:1px solid var(--c-line);border-radius:8px}
.pkg-addons em{font-style:normal;font-family:var(--font-h);font-weight:700;color:var(--c-primary)}
.pkg-sidebar{position:sticky;top:100px}
.pkg-sidebar__price{font-family:var(--font-h);font-weight:800;font-size:2rem;color:var(--c-secondary)}
.pkg-sidebar__note{color:var(--c-muted);font-size:.88rem;margin:.25rem 0 1rem}
.pkg-sidebar ul{list-style:none;padding:0;margin:0 0 1.25rem;display:grid;gap:.5rem}
.pkg-sidebar ul li{position:relative;padding-left:1.5rem;font-size:.9rem}
.pkg-sidebar ul li::before{content:"\2713";position:absolute;left:0;color:var(--c-primary);font-weight:800}

/* === Equipment Hire Guide + shared resource layouts === */
.section__lead{max-width:720px;margin:0 auto 2.5rem;text-align:center;color:var(--c-muted);font-size:1.1rem}
.feature-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.25rem}
.feature-card{background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:1.6rem;transition:transform .15s,box-shadow .2s}
.feature-card:hover{transform:translateY(-3px);box-shadow:0 14px 34px rgba(129,0,127,.10)}
.feature-card h3{margin:0 0 .5rem;font-size:1.15rem;color:var(--c-primary)}
.feature-card p{margin:0;color:var(--c-muted)}
.step-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.step-card{position:relative;background:#fff;border:1px solid var(--c-line);border-radius:16px;padding:1.6rem 1.6rem 1.4rem;padding-top:2.6rem}
.step-card__num{position:absolute;top:-18px;left:1.4rem;width:44px;height:44px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%;background:linear-gradient(135deg,#81007F,#5C005A);color:#fff;font-family:var(--font-h);font-weight:700;font-size:1.15rem;box-shadow:0 6px 16px rgba(129,0,127,.28)}
.step-card h3{margin:0 0 .5rem;font-size:1.1rem;color:var(--c-secondary)}
.step-card p{margin:0;color:var(--c-muted)}
.faq-list{display:grid;gap:.8rem}
.faq-item{background:#fff;border:1px solid var(--c-line);border-radius:14px;overflow:hidden}
.faq-item summary{cursor:pointer;list-style:none;padding:1.1rem 1.3rem;font-family:var(--font-h);font-weight:600;color:var(--c-secondary);position:relative;padding-right:2.6rem}
.faq-item summary::-webkit-details-marker{display:none}
.faq-item summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.4rem;color:var(--c-primary);transition:transform .2s}
.faq-item[open] summary::after{content:"\2013"}
.faq-item__a{padding:0 1.3rem 1.2rem;color:var(--c-muted)}
.faq-item__a p{margin:0}

.logo-marquee__img{height:44px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1);opacity:.7;transition:filter .2s,opacity .2s}
.logo-marquee__item:hover .logo-marquee__img{filter:grayscale(0);opacity:1}
.logo-marquee__name{font-family:var(--font-h);font-weight:800;font-size:1.35rem;color:#8a8f98;white-space:nowrap;letter-spacing:-.01em}
.logo-marquee__item:hover .logo-marquee__name{color:var(--c-primary)}

.brand-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1.25rem;align-items:center}
.brand-grid__item{display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:1.4rem;min-height:96px}
.brand-grid__item img{max-height:56px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.brand-grid__item:hover img{filter:grayscale(0);opacity:1}
.brand-grid__name{font-family:var(--font-h);font-weight:700;color:#8a8f98}

.hero__stats{display:flex;flex-wrap:wrap;gap:2.2rem;margin-top:2.5rem}
.hero__stat{display:flex;flex-direction:column;line-height:1.1}
.hero__stat-num{font-family:var(--font-h);font-weight:800;font-size:2.1rem;color:#fff}
.hero__stat-lbl{font-size:.9rem;color:#f0dcef;margin-top:.25rem;font-weight:500}
@media(max-width:600px){.hero__stats{gap:1.4rem 2rem}.hero__stat-num{font-size:1.7rem}}
/* Brands carousel (About page) */
.brand-carousel{position:relative;display:flex;align-items:center;gap:.5rem}
.brand-carousel__track{display:flex;gap:1.25rem;overflow-x:auto;scroll-behavior:smooth;scroll-snap-type:x mandatory;padding:.25rem;flex:1;-ms-overflow-style:none;scrollbar-width:none}
.brand-carousel__track::-webkit-scrollbar{display:none}
.brand-carousel__item{flex:0 0 calc((100% - (1.25rem * 5)) / 6);min-width:150px;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;background:#fff;border:1px solid var(--c-line);border-radius:12px;padding:1.4rem;min-height:96px}
.brand-carousel__item img{max-height:56px;width:auto;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.75;transition:filter .2s,opacity .2s}
.brand-carousel__item:hover img{filter:grayscale(0);opacity:1}
.brand-carousel__name{font-family:var(--font-h);font-weight:700;color:#8a8f98;text-align:center}
.brand-carousel__nav{flex:0 0 auto;width:44px;height:44px;border-radius:50%;border:1px solid var(--c-line);background:#fff;color:var(--c-ink,#111);font-size:1.5rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background .2s,color .2s}
.brand-carousel__nav:hover{background:var(--c-accent,#81007F);color:#fff}
@media(max-width:900px){.brand-carousel__item{flex:0 0 calc((100% - 1.25rem) / 2)}}
@media(max-width:560px){.brand-carousel__item{flex:0 0 85%}}
/* Package sidebar action hints */
.pkg-sidebar__hint{font-size:.82rem;color:var(--c-muted,#6b7280);margin:.35rem 0 0;line-height:1.4}

/* Form success banner (Post/Redirect/Get) */
.cf-success-banner{background:#f2fbf5;border:1px solid #1a8a4a;border-left:4px solid #1a8a4a;color:#14663a;padding:1rem 1.25rem;border-radius:10px;margin:0 0 1.5rem;line-height:1.5;font-size:.98rem}
.cf-success-banner strong{color:#0f5a30}

/* Anti-spam honeypot (visually hidden, off-screen). */
.vtech-hp{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}

/* ---------- Sticky CTA + floating buttons: visibility fixes ---------- */
/* Respect [hidden] so the bar stays hidden until the JS reveals it after the
   hero scrolls away. The base .sticky-cta{display:flex} rule used to override
   [hidden], leaving the bar stuck over the hero on page load. */
.sticky-cta[hidden]{display:none}
/* When the bar is visible, reserve space so it cannot cover footer content and
   raise the floating buttons so they do not overlap it. Uses :has() on modern
   browsers; older browsers simply keep the previous layout. */
body:has(.sticky-cta:not([hidden])){padding-bottom:5rem}
body:has(.sticky-cta:not([hidden])) .float-btn--call{bottom:6.25rem}
body:has(.sticky-cta:not([hidden])) .float-btn--wa{bottom:10.5rem}

/* =====================================================================
   v5.39.0 UI/UX refresh
   Appended last so it refines the earlier rules without rewriting them.
   ===================================================================== */
:root{
  --c-ink:#16111a;--c-muted:#545c69;--c-line:#e7e3ea;--c-surface:#f8f6f9;
  --r:16px;--r-lg:22px;
  --shadow-sm:0 2px 10px rgba(22,17,26,.06);
  --shadow:0 18px 44px rgba(92,0,90,.14);
  --ease:cubic-bezier(.2,.7,.2,1);
}
body{color:var(--c-ink);text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}
p{margin:0 0 1em}
::selection{background:var(--c-primary);color:#fff}

/* ---- Section headings ---- */
.section-head{max-width:740px;margin:0 auto clamp(2rem,4vw,3rem);text-align:center}
.section-head .section__title{margin-bottom:.75rem}
.section-head p{color:var(--c-muted);font-size:1.08rem;margin:0}
.eyebrow{display:inline-flex;align-items:center;gap:.5rem;font-family:var(--font-h);font-weight:700;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--c-primary);margin:0 0 .85rem}
.eyebrow::before{content:"";width:22px;height:2px;border-radius:2px;background:currentColor}
.section__title{letter-spacing:-.025em;text-wrap:balance}
.section-more{text-align:center;margin:2.5rem 0 0}

/* ---- Header + navigation ---- */
.site-header__inner{min-height:72px}
.site-nav__menu>li>a{padding-block:.5rem}
.site-nav__menu>li>a::before{content:"";position:absolute;left:0;right:0;bottom:.15rem;height:2px;border-radius:2px;background:var(--c-primary);transform:scaleX(0);transform-origin:left;transition:transform .25s var(--ease)}
.site-nav__menu>li>a:hover::before,.site-nav__menu>.current-menu-item>a::before,.site-nav__menu>.current-menu-ancestor>a::before,.site-nav__menu>.current_page_item>a::before{transform:scaleX(1)}
.site-nav__menu>li>a:hover,.site-nav__menu>.current-menu-item>a,.site-nav__menu>.current-menu-ancestor>a,.site-nav__menu>.current_page_item>a{color:var(--c-primary)}
.site-nav__menu .menu-item-has-children>a::before{bottom:.55rem}
.nav-toggle{width:44px;height:44px;align-items:center;justify-content:center;border-radius:12px}
.nav-toggle:hover{background:var(--c-primary-tint)}
@media(max-width:600px){
  .utility-social{display:none}
  .utility-bar__inner{justify-content:center}
  .utility-bar__contact{gap:1rem;justify-content:center}
}

/* ---- Buttons ---- */
.btn{min-height:46px;border-radius:12px;transition:transform .2s var(--ease),background .2s,box-shadow .2s,color .2s,border-color .2s}
.btn--accent,.btn:not(.btn--ghost):not(.btn--light):not(.btn--outline-light):not(.btn--wa){box-shadow:0 8px 20px rgba(129,0,127,.22)}
.btn--accent:hover{box-shadow:0 12px 26px rgba(129,0,127,.3)}
.btn--ghost:hover{border-color:var(--c-primary);color:var(--c-primary);background:var(--c-primary-tint)}
.btn--light{background:#fff;color:var(--c-primary);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.btn--light:hover{background:#fff;color:var(--c-primary-dark)}
.btn--outline-light{background:transparent;color:#fff;border-color:rgba(255,255,255,.55)}
.btn--outline-light:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* ---- Hero ---- */
.hero__title{text-wrap:balance;max-width:16ch}
.hero__sub{line-height:1.6}
.hero__stats{padding-top:1.75rem;border-top:1px solid rgba(255,255,255,.18);max-width:640px}

/* ---- Cards (shared) ---- */
.card{border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}
.card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:transparent}
.card__media{margin:0;overflow:hidden;background:var(--c-surface)}
.card__media img{transition:transform .6s var(--ease)}
.card:hover .card__media img{transform:scale(1.05)}
.card__title{color:var(--c-ink);line-height:1.25}
.card__link{display:inline-flex;align-items:center;gap:.35rem}
.card__link::after{transition:transform .2s var(--ease)}
.card:hover .card__link::after{transform:translateX(4px)}

/* Service cards: full-bleed image, padded text */
.card--service{padding:0;background:#fff}
.card--service>.card__title,.card--service>.card__excerpt,.card--service>.card__link{padding-inline:1.5rem}
.card--service>.card__title{margin-top:1.35rem;margin-bottom:.5rem}
.card--service>.card__excerpt{margin-bottom:1rem}
.card--service>.card__link{padding-bottom:1.5rem;margin-top:auto}

/* Industry cards: text over image */
.card--overlay{position:relative;border:0;min-height:260px;background:#1a0019}
.card--overlay .card__media{position:absolute;inset:0}
.card--overlay .card__media img{height:100%;aspect-ratio:auto}
.card--overlay::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(20,0,18,0) 30%,rgba(20,0,18,.85) 100%);transition:background .3s}
.card--overlay:hover::after{background:linear-gradient(180deg,rgba(92,0,90,.15) 10%,rgba(60,0,58,.92) 100%)}
.card--overlay .card__body{position:relative;z-index:1;margin-top:auto;padding:1.5rem}
.card--overlay .card__title{color:#fff;font-size:1.3rem}
.card--overlay .card__excerpt{color:rgba(255,255,255,.82);font-size:.95rem}
.card--overlay .card__title::after{content:" \2192";display:inline-block;opacity:0;transform:translateX(-6px);transition:opacity .25s,transform .25s var(--ease)}
.card--overlay:hover .card__title::after{opacity:1;transform:none}

/* ---- Why VTECH + process ---- */
.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:1.25rem}
.why-card{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.75rem;box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s}
.why-card:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.why-card__icon{display:inline-grid;place-items:center;width:46px;height:46px;border-radius:12px;background:var(--c-primary-tint);margin-bottom:1rem}
.why-card__icon svg{width:22px;height:22px;fill:var(--c-primary)}
.why-card__title{font-size:1.12rem;margin-bottom:.45rem}
.why-card p{color:var(--c-muted);margin:0;font-size:.97rem}
.process-band{margin-top:clamp(2.5rem,5vw,4rem);background:linear-gradient(135deg,#81007F,#5C005A);border-radius:var(--r-lg);padding:clamp(1.75rem,4vw,3rem);color:#fff}
.process-band__title{color:#fff;font-size:clamp(1.4rem,1.1rem + 1vw,1.85rem);margin-bottom:1.75rem;text-align:center}
.process-steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;counter-reset:none}
.process-steps__item{position:relative}
.process-steps__num{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:#fff;color:var(--c-primary);font-family:var(--font-h);font-weight:800;margin-bottom:.9rem}
.process-steps__item:not(:last-child)::after{content:"";position:absolute;top:21px;left:54px;right:-12px;height:2px;background:rgba(255,255,255,.28)}
.process-steps h4{color:#fff;font-size:1.05rem;margin:0 0 .35rem}
.process-steps p{color:rgba(255,255,255,.82);font-size:.94rem;margin:0}
@media(max-width:900px){
  .process-steps{grid-template-columns:1fr 1fr}
  .process-steps__item::after{display:none}
}
@media(max-width:520px){.process-steps{grid-template-columns:1fr}}

/* ---- FAQ ---- */
.faq__item{border-radius:14px;transition:border-color .2s,box-shadow .2s}
.faq__item:hover{border-color:#d9c6d8}
.faq__item[open]{box-shadow:var(--shadow-sm);border-color:#d9c6d8}
.faq__item summary{position:relative;padding-right:3rem}
.faq__item summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--c-primary-tint);color:var(--c-primary);font-size:1.15rem;line-height:1;transition:transform .25s var(--ease)}
.faq__item[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.faq__answer{line-height:1.7}

/* ---- CTA band ---- */
.cta-band{border-radius:var(--r-lg);position:relative;overflow:hidden;box-shadow:var(--shadow)}
.cta-band::before{content:"";position:absolute;width:420px;height:420px;right:-120px;top:-160px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.16),transparent 70%)}
.cta-band__inner{position:relative}
.cta-band__actions{display:flex;gap:.85rem;justify-content:center;flex-wrap:wrap;margin-top:1.5rem}

/* ---- Forms ---- */
.quote-form input,.quote-form select,.quote-form textarea,.cf-field input,.cf-field select,.cf-field textarea{transition:border-color .2s,box-shadow .2s;min-height:46px}
.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus,.cf-field input:focus,.cf-field select:focus,.cf-field textarea:focus{outline:0;border-color:var(--c-primary);box-shadow:0 0 0 4px rgba(129,0,127,.14)}
@media(max-width:768px){
  input,select,textarea{font-size:16px}
  .cform{padding:1.35rem}
  .cform__nav .btn{flex:1}
}

/* ---- Footer: responsive order fix (one column on phones) ---- */
@media(max-width:960px){.site-footer__grid{grid-template-columns:1fr 1fr}}
@media(max-width:600px){
  .site-footer__grid{grid-template-columns:1fr;gap:2rem}
  .site-footer__bottom{flex-direction:column;align-items:flex-start}
}
.footer-menu a{display:inline-block;padding:.15rem 0;transition:color .2s,transform .2s}
.footer-menu a:hover{transform:translateX(3px)}

/* ---- Floating buttons (desktop) ---- */
.float-btn{display:inline-flex;align-items:center;gap:.5rem;padding:.75rem 1.1rem .75rem .9rem;transition:transform .2s var(--ease),box-shadow .2s}
.float-btn:hover{transform:translateY(-2px);box-shadow:0 12px 28px rgba(0,0,0,.25);color:#fff}
.float-btn svg{width:20px;height:20px;fill:#fff;flex:0 0 auto}

/* ---- Mobile quick-action bar ---- */
.action-bar{display:none}
@media(max-width:768px){
  .float-btn,.sticky-cta,.sticky-cta:not([hidden]){display:none}
  body:has(.sticky-cta:not([hidden])){padding-bottom:0}
  .action-bar{display:grid;grid-auto-flow:column;grid-auto-columns:1fr;position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;border-top:1px solid var(--c-line);box-shadow:0 -8px 24px rgba(22,17,26,.08);padding:.5rem .6rem calc(.5rem + env(safe-area-inset-bottom));gap:.5rem}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
  body.nav-open .action-bar{display:none}
  .action-bar__btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.2rem;min-height:52px;border-radius:12px;font-family:var(--font-h);font-weight:700;font-size:.78rem;color:var(--c-ink);background:var(--c-surface)}
  .action-bar__btn svg{width:20px;height:20px;fill:currentColor}
  .action-bar__btn--wa{color:#128c4a;background:#eafaf0}
  .action-bar__btn--primary{background:var(--c-primary);color:#fff}
}

/* ---- Motion preferences ---- */
@media(prefers-reduced-motion:reduce){
  .card:hover,.why-card:hover,.float-btn:hover{transform:none}
  .card:hover .card__media img{transform:none}
}

/* =====================================================================
   v5.40.0 Inner pages + workflows polish
   ===================================================================== */

/* ---- Page heroes (services, industries, about, contact, forms, FAQ) ---- */
.svc-hero,.about-hero{position:relative;overflow:hidden;padding-block:clamp(3rem,7vw,5.5rem)}
.svc-hero::before,.about-hero::before{content:"";position:absolute;width:520px;height:520px;right:-160px;top:-220px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.14),transparent 70%);pointer-events:none}
.svc-hero::after,.about-hero::after{content:"";position:absolute;left:0;right:0;bottom:0;height:1px;background:rgba(255,255,255,.12)}
.svc-hero .container,.about-hero .container{position:relative;z-index:1}
.svc-hero__title,.about-hero h1{font-size:clamp(2.1rem,1.6rem + 2.6vw,3.5rem);max-width:20ch;text-wrap:balance;margin-bottom:.75rem}
.svc-hero__tagline,.about-hero p{font-size:clamp(1.02rem,.95rem + .3vw,1.18rem);line-height:1.6;max-width:640px}
.about-hero .btn--ghost,.svc-hero .btn--ghost{border-color:rgba(255,255,255,.6);color:#fff}
.about-hero .btn--ghost:hover,.svc-hero .btn--ghost:hover{background:rgba(255,255,255,.12)}
.svc-hero .btn--accent,.about-hero .btn--accent{background:#fff;color:var(--c-primary);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.svc-hero .btn--accent:hover,.about-hero .btn--accent:hover{background:#fff;color:var(--c-primary-dark)}

/* Breadcrumbs */
.breadcrumbs ol{font-size:.84rem}
.breadcrumbs a{color:inherit;opacity:.85}
.breadcrumbs a:hover{opacity:1;text-decoration:underline}
.svc-hero .breadcrumbs ol,.about-hero .breadcrumbs ol{color:rgba(255,255,255,.75)}
.svc-hero .breadcrumbs li:not(:last-child)::after,.about-hero .breadcrumbs li:not(:last-child)::after{color:rgba(255,255,255,.4)}

/* ---- Archive + blog headers ---- */
.archive-header{max-width:760px;margin:0 auto clamp(2rem,4vw,3rem);text-align:center}
.archive-title{font-size:clamp(2rem,1.5rem + 2.4vw,3rem);letter-spacing:-.025em}
.archive-desc{color:var(--c-muted);font-size:1.08rem;margin:0}
.filters{justify-content:center}
.chip{min-height:40px}

/* ---- Long-form content (blog posts, pages, service intros) ---- */
.post__header{margin-bottom:2rem}
.post__title,.page__title{font-size:clamp(2rem,1.5rem + 2.4vw,3rem);letter-spacing:-.025em;text-wrap:balance}
.post__meta{color:var(--c-muted);font-size:.92rem}
.post__hero{margin:0 0 2rem;border-radius:var(--r-lg);overflow:hidden}
.post__hero img{width:100%}
.post__content,.page__content,.svc-intro .container{font-size:1.075rem;line-height:1.8}
.post__content h2,.page__content h2,.svc-intro h2{font-size:clamp(1.5rem,1.25rem + 1vw,2rem);margin-top:2.25rem}
.post__content h3,.page__content h3,.svc-intro h3{font-size:1.3rem;margin-top:1.75rem}
.post__content ul,.page__content ul,.svc-intro ul,.post__content ol,.page__content ol,.svc-intro ol{padding-left:1.25rem}
.post__content li,.page__content li,.svc-intro li{margin-bottom:.4rem}
.post__content a,.page__content a,.svc-intro a{text-decoration:underline;text-underline-offset:3px}
.post__content img,.page__content img{border-radius:12px}
.post__content blockquote,.page__content blockquote{margin:2rem 0;padding:1.25rem 1.5rem;border-left:4px solid var(--c-primary);background:var(--c-surface);border-radius:0 12px 12px 0}
.post__content table,.page__content table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.95rem}
.post__content th,.post__content td,.page__content th,.page__content td{padding:.7rem .85rem;border:1px solid var(--c-line);text-align:left}
.post__content th,.page__content th{background:var(--c-surface)}
@media(max-width:640px){.post__content table,.page__content table{display:block;overflow-x:auto}}

/* ---- Service + industry sections ---- */
.svc-benefits .feature,.about-values .feature{border-radius:var(--r);box-shadow:var(--shadow-sm);transition:transform .3s var(--ease),box-shadow .3s}
.svc-benefits .feature:hover,.about-values .feature:hover{transform:translateY(-4px);box-shadow:var(--shadow)}
.feature__title{color:var(--c-ink)}
.feature p{color:var(--c-muted);margin:0}
.process{position:relative}
.process__step{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.25rem 1.35rem;box-shadow:var(--shadow-sm)}
.process__step h3{font-size:1.1rem;margin-bottom:.3rem}
.process__step p{color:var(--c-muted);margin:0}
.process__num{background:linear-gradient(135deg,#81007F,#5C005A);color:#fff}
.svc-gallery .gallery-grid img{box-shadow:var(--shadow-sm)}
.svc-featured__media{margin:0;border-radius:var(--r-lg);overflow:hidden;box-shadow:var(--shadow)}
.svc-featured__media img{width:100%;aspect-ratio:21/9;object-fit:cover}
.svc-related .card--service{padding:0}
.svc-related .card--service>.card__title{margin-top:1.5rem}
.svc-hero__price{display:inline-flex;align-items:center;min-height:46px}

/* Archive card bodies */
.card__title a{color:inherit}
.card--project .card__eyebrow{margin-bottom:.15rem}
.card-grid{gap:clamp(1rem,2vw,1.75rem)}

/* ---- About page ---- */
.about-stats>div{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.75rem 1rem;box-shadow:var(--shadow-sm)}
.about-stats p{color:var(--c-muted);margin:.5rem 0 0}

/* ---- Hire packages ---- */
.pkg-card{box-shadow:var(--shadow-sm)}
.pkg-card__price{color:var(--c-primary)}
.pkg-sidebar{background:#fff;border:1px solid var(--c-line);border-radius:var(--r);padding:1.5rem;box-shadow:var(--shadow-sm)}
@media(max-width:900px){.pkg-sidebar{position:static}}

/* ---- Multi-step forms ---- */
.cform{border-radius:var(--r-lg);padding:clamp(1.25rem,3vw,2.5rem)}
.cform__progress{height:8px}
.cform__step legend{font-size:clamp(1.2rem,1.05rem + .6vw,1.5rem)}
.cf-check{min-height:46px;align-items:center;user-select:none}
.cf-check input{margin-top:0;width:18px;height:18px;flex:0 0 auto}
.cf-check:has(input:checked){border-color:var(--c-primary);background:var(--c-primary-tint);color:var(--c-primary-dark);font-weight:600}
.cf-check:focus-within{box-shadow:0 0 0 3px rgba(129,0,127,.18)}
.cf-field.is-invalid input,.cf-field.is-invalid select,.cf-field.is-invalid textarea{border-color:#c62828;box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.cf-field.is-invalid .cf-checkgrid .cf-check,.cf-check.is-invalid{border-color:#c62828}
.cf-field.is-invalid label,.cf-field.is-invalid .cf-label{color:#a31f1f}
.cf-status{min-height:1.5em;color:var(--c-muted)}
.cf-status.is-error{color:#a31f1f}
.cform__alt{font-size:.95rem}
.cform__nav{border-top:1px solid var(--c-line);padding-top:1.5rem}
.cform textarea,.quote-form textarea{min-height:120px;resize:vertical}
.cf-success-banner{border-radius:14px;box-shadow:var(--shadow-sm);scroll-margin-top:110px}
@media(max-width:640px){
  .cf-checkgrid,.cf-checkgrid--big{grid-template-columns:1fr 1fr}
  .cform__nav{position:sticky;bottom:calc(72px + env(safe-area-inset-bottom));background:#fff;margin-inline:-1.25rem;padding:1rem 1.25rem;z-index:5;box-shadow:0 -6px 16px rgba(22,17,26,.06)}
  .cform__nav .btn--accent{margin-left:0}
}
@media(max-width:380px){.cf-checkgrid,.cf-checkgrid--big{grid-template-columns:1fr}}

/* ---- Contact / quote page ---- */
.quote-form{max-width:none}
.quote-form .btn{width:100%}
.quote-info{border:1px solid var(--c-line);box-shadow:var(--shadow-sm)}
@media(min-width:860px){.quote-info{position:sticky;top:110px}}
.qf-status{color:var(--c-muted);margin:0}

/* ---- Search form ---- */
.search-form{display:flex;gap:.5rem;max-width:520px}
.search-form input[type=search]{flex:1;min-height:46px;padding:.7rem 1rem;border:1px solid var(--c-line);border-radius:12px;font:inherit}
.search-form input[type=search]:focus{outline:0;border-color:var(--c-primary);box-shadow:0 0 0 4px rgba(129,0,127,.14)}

/* ---- Pagination ---- */
.pagination .page-numbers{min-width:44px;min-height:44px;display:inline-grid;place-items:center}
.pagination a.page-numbers:hover{border-color:var(--c-primary);color:var(--c-primary)}

/* ---- Mobile rhythm ---- */
@media(max-width:768px){
  .section{padding-block:clamp(2.5rem,9vw,3.5rem)}
  .section__title{font-size:clamp(1.65rem,1.3rem + 2.2vw,2.2rem)}
  .hero__cta .btn,.svc-hero__cta .btn,.cta-band__actions .btn{width:100%}
  .cta-band{margin-inline:0;border-radius:18px;padding-inline:1.25rem}
  .card--overlay{min-height:220px}
  .why-card{padding:1.35rem}
}

/* =====================================================================
   v5.41.0 Forms round 2
   ===================================================================== */

/* The hidden attribute must always win. Buttons use display:inline-flex,
   which was overriding [hidden], so Back + Next + Submit all showed on
   step 1 of the multi-step forms. */
[hidden]{display:none !important}

/* ---- Labelled stepper (built by app.js from each step's legend) ---- */
.cform.has-stepper .cform__progress,.cform.has-stepper .cform__stepnote{display:none}
.cform__steps{list-style:none;margin:0 0 2rem;padding:0;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;gap:.5rem;counter-reset:cfs}
.cform__steps li{position:relative;display:flex;flex-direction:column;align-items:center;gap:.45rem;text-align:center;font-family:var(--font-h);font-weight:600;font-size:.82rem;color:var(--c-muted)}
.cform__steps li::before{counter-increment:cfs;content:counter(cfs);display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#fff;border:2px solid var(--c-line);color:var(--c-muted);font-weight:800;font-size:.9rem;position:relative;z-index:1;transition:all .25s var(--ease)}
.cform__steps li:not(:last-child)::after{content:"";position:absolute;top:17px;left:calc(50% + 22px);right:calc(-50% + 22px);height:2px;background:var(--c-line);transition:background .25s}
.cform__steps li.is-current{color:var(--c-primary)}
.cform__steps li.is-current::before{border-color:var(--c-primary);background:var(--c-primary);color:#fff;box-shadow:0 0 0 5px rgba(129,0,127,.14)}
.cform__steps li.is-done{color:var(--c-ink);cursor:pointer}
.cform__steps li.is-done::before{content:"\2713";border-color:var(--c-primary);background:var(--c-primary-tint);color:var(--c-primary)}
.cform__steps li.is-done:not(:last-child)::after{background:var(--c-primary)}
.cform__steps li.is-done:hover{color:var(--c-primary)}
@media(max-width:480px){.cform__steps li span{font-size:.72rem}}

/* ---- Form layout details ---- */
.cform__step legend{display:block;width:100%;padding-bottom:.75rem;margin-bottom:1.25rem;border-bottom:1px solid var(--c-line)}
.cf-grid>.cf-field:has(#cf-venue_name),.cf-grid>.cf-field:has(textarea){grid-column:1/-1}
.cf-field label,.cf-label{color:var(--c-ink)}
.cf-field input::placeholder,.cf-field textarea::placeholder{color:#9aa1ad}
.cf-field select{appearance:none;-webkit-appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%2381007F' stroke-width='2' fill='none'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 1rem center;padding-right:2.5rem}
.cform__nav{align-items:center}
.cform__nav [data-cform-next],.cform__nav [data-cform-submit]{margin-left:auto;min-width:160px}
.cform__nav [data-cform-next]::after{content:"\2192";margin-left:.25rem}
.cform__nav [data-cform-prev]::before{content:"\2190";margin-right:.25rem}
.cform__saved{font-size:.82rem;color:var(--c-muted);margin:.75rem 0 0;text-align:right;min-height:1.2em}

/* ---- Success state ---- */
.cf-success{display:block;text-align:center;padding:clamp(1.75rem,4vw,2.75rem);background:#fff;border:1px solid #cfe9d9;border-left:1px solid #cfe9d9;border-top:4px solid #1a8a4a;border-radius:var(--r-lg);box-shadow:var(--shadow);color:var(--c-ink)}
.cf-success:focus{outline:0}
.cf-success__icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e8f7ee;margin-bottom:1rem}
.cf-success__icon svg{width:32px;height:32px;fill:#1a8a4a}
.cf-success__title{font-size:clamp(1.4rem,1.2rem + 1vw,1.85rem);margin:0 0 .5rem}
.cf-success__ref{display:inline-block;font-family:var(--font-h);font-weight:700;letter-spacing:.02em;background:var(--c-surface);border:1px dashed #c9b8c8;border-radius:10px;padding:.5rem .9rem;margin:.5rem 0 1.25rem;color:var(--c-primary-dark)}
.cf-success__lead{color:var(--c-muted);max-width:520px;margin:0 auto 1.5rem}
.cf-success__steps{list-style:none;margin:0 auto 1.75rem;padding:0;max-width:520px;text-align:left;display:grid;gap:.75rem}
.cf-success__steps li{display:flex;gap:.85rem;align-items:flex-start;padding:.85rem 1rem;background:var(--c-surface);border-radius:12px;font-size:.95rem}
.cf-success__steps b{flex:0 0 auto;display:grid;place-items:center;width:26px;height:26px;border-radius:50%;background:var(--c-primary);color:#fff;font-size:.8rem}
.cf-success__actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}
.cf-success__again{display:inline-block;margin-top:1.25rem;font-size:.92rem;text-decoration:underline;text-underline-offset:3px}
.btn--wa{background:#25D366;color:#fff}
.btn--wa:hover{background:#1ebe5a;color:#fff}
/* When a request has just been sent, show the success card instead of a fresh form. */
.cf-success+.cform,.cf-success+.quote-form,.cf-success~.cform,.cf-success~.quote-form{display:none}
@media(max-width:640px){.cf-success__actions .btn{width:100%}}

/* ---- Footer floating buttons: keep clear of content on desktop ---- */
@media(min-width:769px){.float-btn{right:1rem}.float-btn--wa{bottom:4.75rem}}

/* =====================================================================
   v5.42.0 Speed + feel
   ===================================================================== */
/* Smooth cross-page transitions in supporting browsers (no JS). */
@view-transition{navigation:auto}
::view-transition-old(root),::view-transition-new(root){animation-duration:.18s}
@media(prefers-reduced-motion:reduce){@view-transition{navigation:none}}
/* Skip rendering work for sections below the fold until they are near. */
.section~.section,.site-footer{content-visibility:auto;contain-intrinsic-size:auto 800px}
.site-footer{contain-intrinsic-size:auto 520px}
/* Map facade */
.map-facade{position:relative;border-radius:12px;overflow:hidden;background:linear-gradient(135deg,#2a0029,#5C005A);min-height:150px}
.map-facade--tall{min-height:220px}
.map-facade__btn{appearance:none;border:0;cursor:pointer;width:100%;height:100%;min-height:inherit;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;padding:1rem;color:#fff;font:inherit;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.14),transparent 60%)}
.map-facade__btn svg{width:30px;height:30px;fill:#fff;opacity:.9}
.map-facade__btn span{font-family:var(--font-h);font-weight:700;font-size:.92rem}
.map-facade__btn small{font-size:.78rem;opacity:.75}
.map-facade__btn:hover{background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.24),transparent 60%)}
.map-facade iframe{display:block;width:100%;height:100%;min-height:inherit;border:0}

/* =====================================================================
   v5.44.0 WhatsApp order / consultation popup
   ===================================================================== */
html.wa-noscroll{overflow:hidden}
.wa-modal{position:fixed;inset:0;z-index:400;display:flex;align-items:flex-end;justify-content:center}
@media(min-width:700px){.wa-modal{align-items:center;padding:1.5rem}}
.wa-modal__backdrop{position:absolute;inset:0;background:rgba(18,8,20,.55);backdrop-filter:blur(3px);opacity:0;transition:opacity .2s}
.wa-modal.is-open .wa-modal__backdrop{opacity:1}
.wa-modal__panel{position:relative;width:100%;max-width:620px;max-height:92vh;overflow-y:auto;-webkit-overflow-scrolling:touch;background:#fff;border-radius:22px 22px 0 0;box-shadow:0 30px 80px rgba(0,0,0,.3);transform:translateY(24px);opacity:0;transition:transform .25s var(--ease,ease),opacity .2s;padding-bottom:env(safe-area-inset-bottom)}
@media(min-width:700px){.wa-modal__panel{border-radius:22px}}
.wa-modal.is-open .wa-modal__panel{transform:none;opacity:1}
.wa-modal__head{position:sticky;top:0;z-index:2;display:flex;gap:.9rem;align-items:flex-start;padding:1.25rem 1.35rem 1rem;background:linear-gradient(135deg,#075E54,#128C7E);color:#fff}
.wa-modal__badge{flex:0 0 auto;display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:rgba(255,255,255,.16)}
.wa-modal__badge svg{width:24px;height:24px;fill:#fff}
.wa-modal__title{color:#fff;font-size:1.2rem;margin:.1rem 0 .3rem;line-height:1.25}
.wa-modal__intro{margin:0;font-size:.88rem;color:rgba(255,255,255,.85);line-height:1.45}
.wa-modal__close{margin-left:auto;flex:0 0 auto;appearance:none;border:0;background:rgba(255,255,255,.16);color:#fff;width:38px;height:38px;border-radius:50%;font-size:1.5rem;line-height:1;cursor:pointer}
.wa-modal__close:hover{background:rgba(255,255,255,.3)}
.wa-modal__summary{display:flex;flex-wrap:wrap;gap:.25rem .6rem;align-items:baseline;margin:1rem 1.35rem 0;padding:.85rem 1rem;border-radius:14px;background:#f0faf5;border:1px solid #cdebdc}
.wa-modal__summary-label{font-family:var(--font-h);font-weight:700;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;color:#128C7E}
.wa-modal__summary strong{font-family:var(--font-h);color:var(--c-ink)}
.wa-modal__summary-meta{color:var(--c-muted);font-size:.9rem}
.wa-modal__form{padding:1rem 1.35rem 1.35rem}
.wa-grid{border:0;margin:0 0 .5rem;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:.75rem 1rem}
@media(max-width:520px){.wa-grid{grid-template-columns:1fr}}
.wa-legend{grid-column:1/-1;font-family:var(--font-h);font-weight:800;font-size:.8rem;letter-spacing:.08em;text-transform:uppercase;color:var(--c-muted);padding:.75rem 0 .35rem;border-bottom:1px solid var(--c-line);width:100%;margin-bottom:.35rem}
.wa-field{display:flex;flex-direction:column;gap:.3rem;min-width:0}
.wa-field--full,.wa-field--phone{grid-column:1/-1}
@media(min-width:521px){.wa-field--phone{grid-column:auto}}
.wa-field label,.wa-label{font-family:var(--font-h);font-weight:600;font-size:.84rem;color:var(--c-ink)}
.wa-field input,.wa-field select,.wa-field textarea{width:100%;min-height:46px;padding:.65rem .85rem;border:1px solid var(--c-line);border-radius:11px;font:inherit;font-size:16px;background:#fff;transition:border-color .2s,box-shadow .2s}
.wa-field textarea{min-height:90px;resize:vertical}
.wa-field input:focus,.wa-field select:focus,.wa-field textarea:focus{outline:0;border-color:#128C7E;box-shadow:0 0 0 4px rgba(18,140,126,.15)}
.wa-field.is-invalid input,.wa-field.is-invalid select,.wa-field.is-invalid textarea{border-color:#c62828;box-shadow:0 0 0 3px rgba(198,40,40,.12)}
.wa-phone{display:grid;grid-template-columns:minmax(0,9.5rem) 1fr;gap:.5rem}
.wa-phone select{padding-right:.5rem}
.wa-chips{display:flex;flex-wrap:wrap;gap:.5rem}
.wa-chip{position:relative;cursor:pointer}
.wa-chip input{position:absolute;opacity:0;pointer-events:none}
.wa-chip span{display:inline-flex;align-items:center;min-height:40px;padding:.45rem .9rem;border:1px solid var(--c-line);border-radius:999px;font-size:.88rem;font-weight:600;font-family:var(--font-h);transition:all .15s}
.wa-chip input:checked+span{background:#128C7E;border-color:#128C7E;color:#fff}
.wa-chip input:focus-visible+span{box-shadow:0 0 0 3px rgba(18,140,126,.25)}
.wa-modal__error{margin:.85rem 0 0;padding:.7rem .9rem;border-radius:10px;background:#fdeaea;color:#8f1d1d;font-size:.92rem}
.wa-modal__submit{margin-top:1rem}
.wa-modal__fine{margin:.6rem 0 0;font-size:.78rem;color:var(--c-muted);text-align:center}
.wa-modal__done{padding:2rem 1.5rem 1.75rem;text-align:center}
.wa-modal__done-icon{display:inline-grid;place-items:center;width:64px;height:64px;border-radius:50%;background:#e7f7ee;margin-bottom:.85rem}
.wa-modal__done-icon svg{width:32px;height:32px;fill:#128C7E}
.wa-modal__done h3{margin:0 0 .35rem}
.wa-modal__done [data-wa-done-ref]{font-family:var(--font-h);font-weight:700;color:#128C7E;margin:0 0 .5rem}
.wa-modal__done-note{color:var(--c-muted);font-size:.92rem;margin:0 auto 1.25rem;max-width:420px}
.wa-modal__copy{appearance:none;border:0;background:none;margin-top:.85rem;color:var(--c-muted);text-decoration:underline;text-underline-offset:3px;cursor:pointer;font:inherit;font-size:.9rem}
.btn--wa{background:#25D366;color:#fff;box-shadow:0 8px 20px rgba(37,211,102,.28)}
.btn--wa:hover{background:#1ebe5a;color:#fff}
.btn--wa-outline{background:transparent;color:#128C7E;border:1px solid #25D366}
.btn--wa-outline:hover{background:#eafaf0;color:#0c6b5f}
.svc-hero .btn--wa-outline,.about-hero .btn--wa-outline{color:#fff;border-color:rgba(255,255,255,.6)}
.svc-hero .btn--wa-outline:hover,.about-hero .btn--wa-outline:hover{background:rgba(255,255,255,.12);color:#fff}
.wa-strip{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 1rem;padding:1rem 1.25rem;margin:0 0 1.5rem;border-radius:16px;background:#f0faf5;border:1px solid #cdebdc}
.wa-strip p{margin:0;font-family:var(--font-h);font-weight:600;color:#0c5a50}
@media(prefers-reduced-motion:reduce){.wa-modal__panel,.wa-modal__backdrop{transition:none}}

/* =====================================================================
   v5.47.0 Header + navigation redesign
   ===================================================================== */

/* ---- Desktop header ---- */
.site-header{background:rgba(255,255,255,.86);backdrop-filter:saturate(180%) blur(16px);-webkit-backdrop-filter:saturate(180%) blur(16px);border-bottom:1px solid rgba(22,17,26,.06);transition:box-shadow .25s,background .25s}
.site-header[data-scrolled]{background:rgba(255,255,255,.96);box-shadow:0 10px 30px rgba(22,17,26,.08)}
.site-header__inner{min-height:76px;padding-block:.6rem;transition:min-height .25s var(--ease)}
.site-header[data-scrolled] .site-header__inner{min-height:64px}
.site-header__brand img,.custom-logo{max-height:46px;transition:max-height .25s var(--ease)}
.site-header[data-scrolled] .site-header__brand img,.site-header[data-scrolled] .custom-logo{max-height:38px}
@media(min-width:901px){
  .site-nav{flex:1;display:flex;justify-content:center}
  .site-nav__menu{gap:.25rem;font-size:.92rem}
  .site-nav__menu>li>a{padding:.55rem .85rem;border-radius:999px;transition:background .2s,color .2s}
  .site-nav__menu>li>a::before{display:none}
  .site-nav__menu>li>a:hover,.site-nav__menu>li:focus-within>a{background:var(--c-primary-tint);color:var(--c-primary)}
  .site-nav__menu>.current-menu-item>a,.site-nav__menu>.current_page_item>a,.site-nav__menu>.current-menu-ancestor>a{background:var(--c-primary);color:#fff}
  .site-nav__menu .menu-item-has-children>a{padding-bottom:.55rem}
  .site-nav__menu .menu-item-has-children>a::after{border-width:4px;top:1px;transition:transform .2s}
  .site-nav__menu .menu-item-has-children:hover>a::after{transform:rotate(180deg) translateY(2px)}
  .site-nav__menu .sub-menu{top:calc(100% + .6rem);left:50%;min-width:250px;padding:.5rem;border-radius:16px;border:1px solid rgba(22,17,26,.06);box-shadow:0 24px 50px rgba(22,17,26,.16);transform:translate(-50%,8px)}
  .site-nav__menu .menu-item-has-children::after{content:"";position:absolute;left:0;right:0;top:100%;height:.8rem}
  .site-nav__menu .menu-item-has-children:hover>.sub-menu,.site-nav__menu .menu-item-has-children:focus-within>.sub-menu{transform:translate(-50%,0)}
  .site-nav__menu .sub-menu::before{content:"";position:absolute;top:-6px;left:50%;width:12px;height:12px;background:#fff;border-left:1px solid rgba(22,17,26,.06);border-top:1px solid rgba(22,17,26,.06);transform:translateX(-50%) rotate(45deg)}
  .site-nav__menu .sub-menu a{display:flex;align-items:center;gap:.6rem;padding:.65rem .85rem;border-radius:10px;font-weight:600}
  .site-nav__menu .sub-menu a::before{content:"";width:6px;height:6px;border-radius:50%;background:var(--c-primary);opacity:.35;transition:opacity .2s,transform .2s}
  .site-nav__menu .sub-menu a:hover{background:var(--c-primary-tint)}
  .site-nav__menu .sub-menu a:hover::before{opacity:1;transform:scale(1.3)}
  .site-header__actions .btn{border-radius:999px;padding-inline:1.35rem;background:linear-gradient(135deg,#81007F,#5C005A)}
}
.header-call{display:none;align-items:center;gap:.5rem;font-family:var(--font-h);font-weight:700;font-size:.9rem;color:var(--c-ink);white-space:nowrap}
.header-call__icon{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--c-primary-tint)}
.header-call__icon svg{width:17px;height:17px;fill:var(--c-primary)}
.header-call small{display:block;font-weight:500;font-size:.72rem;color:var(--c-muted);line-height:1}
.header-call:hover{color:var(--c-primary)}
@media(min-width:1180px){.header-call{display:inline-flex}}

/* ---- Hamburger ---- */
@media(max-width:900px){
  .nav-toggle{display:inline-flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:46px;height:46px;border-radius:14px;background:var(--c-primary-tint);border:0;padding:0;cursor:pointer;transition:background .2s}
  .nav-toggle span{width:20px;height:2px;border-radius:2px;background:var(--c-primary);transition:transform .25s var(--ease),opacity .2s}
  .nav-toggle span:nth-child(2){width:14px;align-self:center;margin-left:6px}
  .nav-toggle[aria-expanded=true]{background:var(--c-primary)}
  .nav-toggle[aria-expanded=true] span{background:#fff}
  .nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
  .nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}
  .nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
  .site-header__inner{min-height:66px}
}

/* ---- Mobile drawer ---- */
.mobile-nav{background:transparent;padding:0;overflow:visible}
@media(max-width:900px){.mobile-nav:not([hidden]){display:block;position:fixed;inset:0;z-index:300}}
.mobile-nav__backdrop{position:absolute;inset:0;background:rgba(18,8,20,.5);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);opacity:0;transition:opacity .28s}
.mobile-nav.is-open .mobile-nav__backdrop{opacity:1}
.mobile-nav__panel{position:absolute;top:0;right:0;bottom:0;width:min(88vw,400px);display:flex;flex-direction:column;background:#fff;box-shadow:-20px 0 60px rgba(0,0,0,.2);transform:translateX(104%);transition:transform .3s var(--ease);overflow:hidden;border-radius:22px 0 0 22px}
.mobile-nav.is-open .mobile-nav__panel{transform:none}
.mobile-nav__head{position:relative;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 1rem 1rem 1.35rem;background:#fff;color:var(--c-ink);box-shadow:none;border-bottom:1px solid var(--c-line)}
.mobile-nav__logo{display:flex;align-items:center;min-height:44px}
.mobile-nav__logo img{max-height:40px;width:auto}
.mobile-nav__brand{font-family:var(--font-h);font-weight:800;font-size:1.15rem;color:var(--c-ink)}
.mobile-nav__brand span{color:var(--c-primary);font-weight:600}
.mobile-nav__close{appearance:none;border:0;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--c-surface);cursor:pointer;transition:background .2s}
.mobile-nav__close svg{width:20px;height:20px;fill:var(--c-ink)}
.mobile-nav__close:hover,.mobile-nav__close:focus-visible{background:var(--c-primary-tint)}
.mobile-nav__body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;padding:1.1rem .85rem .5rem;overscroll-behavior:contain}
.mobile-nav__label{margin:0 .6rem .6rem;font-family:var(--font-h);font-weight:700;font-size:.7rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-muted)}
.mobile-nav__menu{list-style:none;margin:0;padding:0;counter-reset:mnav;font-size:1.06rem}
.mobile-nav__menu>li{position:relative;display:flex;flex-wrap:wrap;align-items:center;margin:0 0 .2rem;border-radius:14px;transition:background .2s}
.mobile-nav__menu>li>a{flex:1;display:flex;align-items:center;gap:.85rem;min-height:52px;padding:.55rem .75rem;border:0;border-radius:14px;color:var(--c-ink);font-weight:700;box-shadow:none;background:none}
.mobile-nav__menu>li>a::before{counter-increment:mnav;content:counter(mnav,decimal-leading-zero);font-size:.72rem;font-weight:700;color:var(--c-muted);min-width:1.4rem;letter-spacing:.04em}
.mobile-nav__menu>li>a::after,.mobile-nav__menu .menu-item-has-children>a::after{display:none}
.mobile-nav__menu>li:not(.menu-item-has-children)>a{background-image:none}
.mobile-nav__menu>li>a:active,.mobile-nav__menu>li:hover{background:var(--c-surface)}
.mobile-nav__menu>.current-menu-item,.mobile-nav__menu>.current_page_item,.mobile-nav__menu>.current-menu-ancestor{background:var(--c-primary-tint)}
.mobile-nav__menu>.current-menu-item>a,.mobile-nav__menu>.current_page_item>a,.mobile-nav__menu>.current-menu-ancestor>a{color:var(--c-primary);box-shadow:none;background:none}
.mobile-nav__menu>.current-menu-item>a::before,.mobile-nav__menu>.current_page_item>a::before,.mobile-nav__menu>.current-menu-ancestor>a::before{color:var(--c-primary)}
.mobile-nav__sub-toggle{appearance:none;border:0;display:grid;place-items:center;width:44px;height:44px;margin-right:.35rem;border-radius:12px;background:transparent;cursor:pointer;transition:background .2s}
.mobile-nav__sub-toggle svg{width:22px;height:22px;fill:var(--c-muted);transition:transform .25s var(--ease),fill .2s}
.mobile-nav__sub-toggle:hover{background:rgba(129,0,127,.08)}
.mobile-nav__sub-toggle[aria-expanded=true] svg{transform:rotate(180deg);fill:var(--c-primary)}
.mobile-nav__menu .sub-menu{flex-basis:100%;list-style:none;margin:0 .5rem .5rem 2.85rem;padding:.25rem 0 .25rem .9rem;border-left:2px solid var(--c-primary-tint);background:none}
.mobile-nav__menu .sub-menu a{display:flex;align-items:center;min-height:44px;padding:.4rem .6rem;border:0;border-radius:10px;font-weight:600;font-size:.98rem;color:#3d3542}
.mobile-nav__menu .sub-menu a::before{display:none}
.mobile-nav__menu .sub-menu a:active,.mobile-nav__menu .sub-menu a:hover{background:var(--c-surface);color:var(--c-primary)}
.mobile-nav__menu .sub-menu .current-menu-item>a{color:var(--c-primary)}
.mobile-nav__foot{padding:1rem 1.1rem calc(1.1rem + env(safe-area-inset-bottom));border-top:1px solid var(--c-line);background:linear-gradient(180deg,#fff,var(--c-surface))}
.mobile-nav__actions{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}
.mobile-nav__action{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.3rem;min-height:66px;border-radius:14px;background:#fff;border:1px solid var(--c-line);font-family:var(--font-h);font-weight:700;font-size:.8rem;color:var(--c-ink);transition:transform .15s,border-color .2s}
.mobile-nav__action svg{width:22px;height:22px;fill:var(--c-primary)}
.mobile-nav__action:active{transform:scale(.97)}
.mobile-nav__action--wa{background:#effaf3;border-color:#cdebdc;color:#0c6b5f}
.mobile-nav__action--wa svg{fill:#25D366}
.mobile-nav__action--primary{background:linear-gradient(135deg,#81007F,#5C005A);border-color:transparent;color:#fff}
.mobile-nav__action--primary svg{fill:#fff}
.mobile-nav__meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem .75rem;margin:.85rem .1rem 0;font-size:.8rem;color:var(--c-muted)}
.mobile-nav__meta a{color:var(--c-muted)}
.mobile-nav__social{display:flex;gap:.5rem;margin-top:.75rem}
.mobile-nav__social a{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid var(--c-line)}
.mobile-nav__social svg{width:16px;height:16px;fill:var(--c-ink)}
.mobile-nav__cta{display:none}
body.nav-open .action-bar,body.nav-open .float-btn{display:none}
@media(prefers-reduced-motion:reduce){.mobile-nav__panel,.mobile-nav__backdrop,.nav-toggle span{transition:none}}

/* v5.47.1 Desktop header fixes (logo was squeezed, CTA wrapped, row too crowded) */
.site-header__brand{flex:0 0 auto;min-width:0}
.site-header__brand .custom-logo-link{flex:0 0 auto}
.site-header__brand img,.site-header__brand .custom-logo{height:46px;max-height:none;width:auto;max-width:220px;object-fit:contain}
.site-header[data-scrolled] .site-header__brand img,.site-header[data-scrolled] .site-header__brand .custom-logo{height:40px}
.site-header__actions{flex:0 0 auto;gap:1rem}
.site-header__actions .btn{white-space:nowrap;min-height:46px;padding:.7rem 1.4rem;font-size:.92rem}
.site-header__inner{gap:1.25rem}
@media(min-width:901px){
  .site-nav{min-width:0}
  .site-nav__menu{flex-wrap:nowrap}
}
@media(min-width:901px) and (max-width:1199px){
  .site-nav__menu{gap:0;font-size:.86rem}
  .site-nav__menu>li>a{padding:.5rem .6rem}
  .site-header__brand img,.site-header__brand .custom-logo{height:40px;max-width:170px}
  .site-header__actions .btn{padding:.6rem 1.1rem;font-size:.86rem}
}
@media(min-width:1180px){.header-call{display:none}}
@media(min-width:1380px){.header-call{display:inline-flex}}

/* v5.47.2 Mobile hero polish (from phone screenshots) */
@media(max-width:600px){
  .hero__eyebrow{font-size:.66rem;letter-spacing:.07em;padding:.38rem .75rem;line-height:1.35;max-width:100%}
  .hero__title{font-size:clamp(1.95rem,8.4vw,2.5rem);line-height:1.1;margin-bottom:.75rem}
  .hero__sub{font-size:.98rem;line-height:1.55}
  .hero__cta{gap:.6rem;margin-top:1.25rem}
  .hero__cta .btn{min-height:50px;padding:.75rem 1rem;font-size:.98rem;border-radius:14px}
  .hero__stats{gap:1rem 1.5rem;padding-top:1.25rem;margin-top:1.5rem}
  .hero__inner{padding-block:2.25rem 2.5rem}
  .utility-bar{font-size:.78rem}
  .utility-bar__inner{padding-block:.35rem}
}

/* v5.47.3 Mobile drawer: more room for the menu, compact contact footer */
.mobile-nav__head{padding:.7rem .8rem .7rem 1.1rem}
.mobile-nav__logo img{max-height:34px}
.mobile-nav__close{width:40px;height:40px;border-radius:12px}
.mobile-nav__body{padding:.6rem .7rem .4rem}
.mobile-nav__body>.mobile-nav__label{display:none}
.mobile-nav__menu{font-size:1rem}
.mobile-nav__menu>li{margin:0 0 .1rem;border-radius:12px}
.mobile-nav__menu>li>a{min-height:46px;padding:.4rem .7rem;gap:.75rem;border-radius:12px}
.mobile-nav__menu>li>a::before{font-size:.68rem;min-width:1.3rem}
.mobile-nav__sub-toggle{width:40px;height:40px}
.mobile-nav__menu .sub-menu{margin:0 .4rem .4rem 2.6rem;padding:.1rem 0 .1rem .75rem}
.mobile-nav__menu .sub-menu a{min-height:40px;padding:.3rem .55rem;font-size:.94rem}
.mobile-nav__foot{padding:.7rem .8rem calc(.7rem + env(safe-area-inset-bottom));box-shadow:0 -8px 20px rgba(18,8,20,.05)}
.mobile-nav__foot>.mobile-nav__label{display:none}
.mobile-nav__actions{gap:.4rem}
.mobile-nav__action{flex-direction:row;gap:.4rem;min-height:44px;padding:0 .4rem;border-radius:12px;font-size:.8rem;white-space:nowrap}
.mobile-nav__action svg{width:18px;height:18px;flex:none}
.mobile-nav__meta{margin:.6rem .15rem 0;font-size:.74rem;line-height:1.4}
.mobile-nav__social{gap:.4rem;margin-top:.5rem}
.mobile-nav__social a{width:32px;height:32px}
.mobile-nav__social svg{width:14px;height:14px}
@media(max-width:360px){.mobile-nav__action span{font-size:.74rem}.mobile-nav__action svg{display:none}}
@media(max-height:720px){.mobile-nav__meta{display:none}.mobile-nav__social{margin-top:.45rem}}
@media(max-height:600px){.mobile-nav__social{display:none}}

/* v5.47.4 Mobile hero stats: aligned 2-column grid */
@media(max-width:600px){
  .hero__stats{display:grid;grid-template-columns:1fr 1fr;gap:1.1rem 1rem}
  .hero__stat-num{font-size:1.6rem}
  .hero__stat-lbl{font-size:.82rem;line-height:1.3}
}

/* v5.50.0 Services page redesign (svx-) */
.svx-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(120% 90% at 85% 10%,#a3189f 0%,rgba(163,24,159,0) 55%),linear-gradient(135deg,#81007F 0%,#4a0049 60%,#26021f 100%);padding:3.5rem 0 4.5rem}
.svx-hero::after{content:"";position:absolute;inset:auto -10% -40% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 70%);pointer-events:none}
.svx-hero__grid{display:grid;grid-template-columns:1.05fr .95fr;gap:3rem;align-items:center;position:relative;z-index:1}
.svx-hero .breadcrumbs,.svx-hero .breadcrumbs a{color:rgba(255,255,255,.75)}
.svx-eyebrow{display:inline-block;margin:.5rem 0 1rem;padding:.35rem .8rem;border:1px solid rgba(255,255,255,.28);border-radius:999px;font-family:var(--font-h);font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#f6dcf5;background:rgba(255,255,255,.06)}
.svx-hero__title{font-size:clamp(2.1rem,4.6vw,3.6rem);line-height:1.05;margin:0 0 1rem;color:#fff;letter-spacing:-.02em}
.svx-hero__lead{font-size:1.08rem;line-height:1.65;color:rgba(255,255,255,.86);max-width:34rem;margin:0 0 1.6rem}
.svx-hero__cta{display:flex;flex-wrap:wrap;gap:.75rem}
.svx-proof{display:flex;flex-wrap:wrap;gap:.6rem;list-style:none;margin:1.8rem 0 0;padding:0}
.svx-proof li{padding:.5rem .9rem;border-radius:12px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.14);font-size:.86rem;color:rgba(255,255,255,.85)}
.svx-proof strong{font-family:var(--font-h);font-size:1.05rem;color:#fff;margin-right:.2rem}
.svx-hero__collage{position:relative;height:440px}
.svx-c{position:absolute;object-fit:cover;border-radius:22px;box-shadow:0 30px 60px rgba(10,0,12,.45);border:4px solid rgba(255,255,255,.12)}
.svx-c--a{width:68%;height:72%;top:0;right:0;transform:rotate(2deg)}
.svx-c--b{width:52%;height:48%;bottom:0;left:0;transform:rotate(-3deg)}
.svx-c--c{width:42%;height:40%;bottom:6%;right:6%;transform:rotate(4deg)}
.svx-list{padding-top:3.5rem}
.svx-head{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem 2rem;margin-bottom:1.75rem}
.svx-head__title{font-size:clamp(1.6rem,3vw,2.3rem);margin:0;letter-spacing:-.01em}
.svx-center{text-align:center;margin-bottom:2rem}
.svx-chips{display:flex;flex-wrap:wrap;gap:.45rem}
.svx-chip{appearance:none;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);font-family:var(--font-h);font-weight:700;font-size:.85rem;padding:.55rem 1rem;border-radius:999px;cursor:pointer;transition:background .2s,color .2s,border-color .2s}
.svx-chip:hover{border-color:var(--c-primary);color:var(--c-primary)}
.svx-chip.is-active{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.svx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.svx-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:20px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s var(--ease),border-color .25s}
.svx-card:hover{transform:translateY(-4px);box-shadow:0 22px 44px rgba(40,0,40,.12);border-color:transparent}
.svx-card[hidden]{display:none}
.svx-card__media{position:relative;display:block;aspect-ratio:4/3;overflow:hidden;background:#1d1020}
.svx-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.svx-card:hover .svx-card__media img{transform:scale(1.05)}
.svx-card__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(20,0,20,.45))}
.svx-card__num{position:absolute;left:1rem;top:1rem;z-index:1;padding:.25rem .6rem;border-radius:999px;background:rgba(255,255,255,.92);color:var(--c-primary);font-family:var(--font-h);font-weight:800;font-size:.75rem;letter-spacing:.06em}
.svx-card__body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.3rem 1.3rem}
.svx-card__title{font-size:1.15rem;line-height:1.3;margin:0 0 .5rem}
.svx-card__title a{color:var(--c-ink);background:none;box-shadow:none}
.svx-card__title a:hover{color:var(--c-primary)}
.svx-card__text{color:var(--c-muted);font-size:.94rem;line-height:1.6;margin:0 0 .9rem}
.svx-tags{display:flex;flex-wrap:wrap;gap:.35rem;list-style:none;margin:0 0 1.1rem;padding:0}
.svx-tags li{font-size:.74rem;font-weight:600;padding:.25rem .6rem;border-radius:8px;background:var(--c-primary-tint);color:var(--c-primary)}
.svx-card__actions{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding-top:.9rem;border-top:1px solid var(--c-line)}
.svx-link{font-family:var(--font-h);font-weight:700;font-size:.92rem;color:var(--c-primary);background:none;box-shadow:none}
.svx-link span{display:inline-block;transition:transform .2s}
.svx-card:hover .svx-link span{transform:translateX(4px)}
.svx-wa{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#effaf3;border:1px solid #cdebdc;transition:transform .15s}
.svx-wa svg{width:20px;height:20px;fill:#25D366}
.svx-wa:hover{transform:scale(1.06)}
.svx-empty{text-align:center;color:var(--c-muted);margin-top:1.5rem}
.svx-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem;list-style:none;margin:0;padding:0;counter-reset:none}
.svx-steps li{position:relative;padding:1.4rem 1.3rem;background:#fff;border-radius:18px;border:1px solid var(--c-line)}
.svx-steps span{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:linear-gradient(135deg,#81007F,#5C005A);color:#fff;font-family:var(--font-h);font-weight:800;margin-bottom:.9rem}
.svx-steps h3{font-size:1.02rem;margin:0 0 .4rem}
.svx-steps p{font-size:.9rem;color:var(--c-muted);margin:0;line-height:1.55}
.svx-why__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:start}
.svx-why__grid p{color:var(--c-muted);line-height:1.7}
.svx-why__list{list-style:none;margin:0;padding:0;display:grid;gap:.8rem}
.svx-why__list li{padding:1rem 1.2rem;border-radius:16px;background:var(--c-surface);border-left:4px solid var(--c-primary);color:var(--c-muted);font-size:.93rem;line-height:1.55}
.svx-why__list strong{display:block;color:var(--c-ink);font-family:var(--font-h);margin-bottom:.15rem}
@media(max-width:1024px){.svx-grid{grid-template-columns:repeat(2,1fr)}.svx-steps{grid-template-columns:repeat(2,1fr)}.svx-hero__grid{gap:2rem}.svx-hero__collage{height:360px}}
@media(max-width:820px){.svx-hero__grid,.svx-why__grid{grid-template-columns:1fr}.svx-hero{padding:2rem 0 2.75rem}.svx-hero__collage{height:260px;order:-1;margin-bottom:.5rem}.svx-c--c{display:none}.svx-c--a{width:70%;height:88%}.svx-c--b{width:55%;height:62%}}
@media(max-width:600px){.svx-grid{grid-template-columns:1fr;gap:1.1rem}.svx-steps{grid-template-columns:1fr}.svx-hero__collage{height:210px}.svx-hero__cta .btn{flex:1 1 100%;justify-content:center;text-align:center}.svx-chips{flex-wrap:nowrap;overflow-x:auto;margin:0 -1rem;padding:0 1rem .3rem;scrollbar-width:none}.svx-chips::-webkit-scrollbar{display:none}.svx-chip{white-space:nowrap}.svx-proof li{font-size:.8rem}}
@media(prefers-reduced-motion:reduce){.svx-card,.svx-card__media img,.svx-link span{transition:none}}

/* v5.50.0 Services page: trust strip, needs guide, FAQ, final CTA */
.svx-trust{background:#fff;border-bottom:1px solid var(--c-line)}
.svx-trust__inner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem 2rem;padding-block:1.1rem}
.svx-trust__label{margin:0;font-size:.85rem;color:var(--c-muted)}
.svx-trust__list{display:flex;flex-wrap:wrap;gap:.4rem 1.6rem;list-style:none;margin:0;padding:0}
.svx-trust__list li{font-family:var(--font-h);font-weight:800;font-size:.92rem;letter-spacing:.02em;color:#3d3542;opacity:.8}
.svx-guide__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.svx-need{display:flex;flex-direction:column;gap:.45rem;padding:1.3rem 1.25rem;border-radius:18px;border:1px solid var(--c-line);background:#fff;color:var(--c-ink);box-shadow:none;transition:border-color .2s,transform .2s,box-shadow .2s}
.svx-need:hover{border-color:var(--c-primary);transform:translateY(-3px);box-shadow:0 16px 32px rgba(40,0,40,.08)}
.svx-need__k{font-family:var(--font-h);font-weight:800;font-size:1.02rem;color:var(--c-primary)}
.svx-need__k::after{content:" \2192";transition:margin .2s}
.svx-need__v{font-size:.9rem;line-height:1.55;color:var(--c-muted)}
.svx-q{background:#fff;border:1px solid var(--c-line);border-radius:14px;margin-bottom:.6rem;overflow:hidden}
.svx-q summary{cursor:pointer;list-style:none;padding:1rem 3rem 1rem 1.2rem;position:relative;font-family:var(--font-h);font-weight:700;color:var(--c-ink)}
.svx-q summary::-webkit-details-marker{display:none}
.svx-q summary::after{content:"+";position:absolute;right:1.2rem;top:50%;transform:translateY(-50%);font-size:1.3rem;color:var(--c-primary);transition:transform .2s}
.svx-q[open] summary::after{transform:translateY(-50%) rotate(45deg)}
.svx-q p{margin:0;padding:0 1.2rem 1.1rem;color:var(--c-muted);line-height:1.65}
.svx-final__box{display:grid;grid-template-columns:1.3fr 1fr;gap:2rem;align-items:center;padding:2.5rem;border-radius:26px;color:#fff;background:radial-gradient(90% 120% at 100% 0%,#a3189f 0%,rgba(163,24,159,0) 60%),linear-gradient(135deg,#81007F,#3d003c)}
.svx-final__copy h2{color:#fff;font-size:clamp(1.5rem,2.8vw,2.2rem);line-height:1.15;margin:0 0 .6rem}
.svx-final__copy p{margin:0;color:rgba(255,255,255,.82)}
.svx-final__actions{display:flex;flex-direction:column;gap:.6rem}
.svx-final__actions .btn{justify-content:center;text-align:center}
.svx-final__alt{display:block;text-align:center;padding:.8rem 1rem;border-radius:12px;border:1px solid rgba(255,255,255,.3);color:#fff;font-family:var(--font-h);font-weight:700;background:rgba(255,255,255,.06);box-shadow:none}
.svx-final__alt:hover{background:rgba(255,255,255,.14);color:#fff}
@media(max-width:1024px){.svx-guide__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.svx-final__box{grid-template-columns:1fr;padding:1.75rem}.svx-trust__inner{justify-content:center;text-align:center}}
@media(max-width:600px){.svx-guide__grid{grid-template-columns:1fr}.svx-trust__list{justify-content:center;gap:.3rem 1rem}.svx-trust__list li{font-size:.82rem}}

/* v5.51.0 Industries page redesign (ind-) */
.ind-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(80% 120% at 100% 0%,#a3189f 0%,rgba(163,24,159,0) 55%),linear-gradient(160deg,#1c0a1f 0%,#3d003c 55%,#81007F 130%);padding:2.5rem 0 3rem}
.ind-hero .breadcrumbs,.ind-hero .breadcrumbs a{color:rgba(255,255,255,.72)}
.ind-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:2.5rem;align-items:end;margin-top:1rem}
.ind-hero__title{font-size:clamp(2.1rem,4.8vw,3.8rem);line-height:1.04;letter-spacing:-.025em;margin:0;color:#fff}
.ind-hero__lead{color:rgba(255,255,255,.84);font-size:1.05rem;line-height:1.65;margin:0 0 1.4rem}
.ind-jump{display:flex;flex-wrap:wrap;gap:.45rem;margin-top:2.25rem;padding-top:1.5rem;border-top:1px solid rgba(255,255,255,.14)}
.ind-jump a{padding:.5rem .95rem;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.06);color:#fff;font-family:var(--font-h);font-weight:700;font-size:.85rem;box-shadow:none;transition:background .2s,border-color .2s}
.ind-jump a:hover{background:#fff;color:var(--c-primary);border-color:#fff}
.svx-proof--dark{margin:0}
.svx-proof--dark li{background:var(--c-surface);border-color:var(--c-line);color:var(--c-muted)}
.svx-proof--dark strong{color:var(--c-primary)}
.ind-bento{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:300px;gap:1.25rem}
.ind-tile{position:relative;overflow:hidden;border-radius:22px;background:#1d1020;isolation:isolate}
.ind-tile--lg{grid-column:span 1;grid-row:span 2}
.ind-bento .ind-tile:first-child{grid-column:span 2;grid-row:span 2}
.ind-bento .ind-tile:nth-child(2){grid-column:span 1;grid-row:span 2}
.ind-tile__img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s var(--ease)}
.ind-tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(15,0,15,0) 25%,rgba(15,0,15,.55) 60%,rgba(15,0,15,.92) 100%)}
.ind-tile:hover .ind-tile__img{transform:scale(1.06)}
.ind-tile__body{position:absolute;left:0;right:0;bottom:0;padding:1.35rem 1.4rem 1.4rem;color:#fff}
.ind-tile__kicker{display:inline-block;margin-bottom:.5rem;padding:.2rem .6rem;border-radius:999px;background:rgba(255,255,255,.16);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.ind-tile__title{font-size:1.2rem;line-height:1.25;margin:0 0 .4rem;color:#fff}
.ind-tile--lg .ind-tile__title,.ind-bento .ind-tile:first-child .ind-tile__title{font-size:clamp(1.35rem,2.2vw,1.85rem)}
.ind-tile__title a{color:#fff;background:none;box-shadow:none}
.ind-tile__title a::after{content:"";position:absolute;inset:0;z-index:1}
.ind-tile__text{margin:0 0 .7rem;font-size:.9rem;line-height:1.5;color:rgba(255,255,255,.85);max-width:34rem}
.ind-tile__tags{display:flex;flex-wrap:wrap;gap:.3rem;list-style:none;margin:0 0 .8rem;padding:0}
.ind-tile__tags li{font-size:.72rem;font-weight:600;padding:.2rem .55rem;border-radius:8px;background:rgba(255,255,255,.14);color:#fff}
.ind-tile__cta{font-family:var(--font-h);font-weight:700;font-size:.88rem;color:#f6c6f4}
.ind-tile:focus-within{outline:3px solid #f6c6f4;outline-offset:3px}
.ind-matrix__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.ind-cap{padding:1.4rem 1.3rem;border-radius:18px;background:#fff;border:1px solid var(--c-line);border-top:4px solid var(--c-primary)}
.ind-cap h3{font-size:1.02rem;margin:0 0 .45rem}
.ind-cap p{margin:0;color:var(--c-muted);font-size:.9rem;line-height:1.55}
@media(max-width:1024px){.ind-bento{grid-template-columns:repeat(2,1fr);grid-auto-rows:280px}.ind-bento .ind-tile:first-child{grid-column:span 2;grid-row:span 1}.ind-bento .ind-tile:nth-child(2){grid-row:span 1}.ind-matrix__grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:820px){.ind-hero__grid{grid-template-columns:1fr;gap:1.25rem}}
@media(max-width:600px){.ind-hero{padding:1.75rem 0 2.25rem}.ind-bento{grid-template-columns:1fr;grid-auto-rows:260px;gap:1rem}.ind-bento .ind-tile:first-child{grid-column:span 1}.ind-matrix__grid{grid-template-columns:1fr}.ind-jump{flex-wrap:nowrap;overflow-x:auto;margin-inline:-1rem;padding-inline:1rem;scrollbar-width:none}.ind-jump::-webkit-scrollbar{display:none}.ind-jump a{white-space:nowrap}.ind-hero .svx-hero__cta .btn{flex:1 1 100%;text-align:center;justify-content:center}}
@media(prefers-reduced-motion:reduce){.ind-tile__img{transition:none}}

/* v5.52.0 Hire packages redesign (hp-) */
.hp-hero{position:relative;overflow:hidden;color:#fff;text-align:center;background:radial-gradient(70% 120% at 50% 0%,#a3189f 0%,rgba(163,24,159,0) 60%),linear-gradient(180deg,#3d003c 0%,#81007F 100%);padding:2.5rem 0 5.5rem}
.hp-hero .breadcrumbs{justify-content:center}
.hp-hero .breadcrumbs,.hp-hero .breadcrumbs a{color:rgba(255,255,255,.72)}
.hp-hero__inner{max-width:780px;margin:0 auto}
.hp-hero__title{font-size:clamp(2rem,4.4vw,3.4rem);line-height:1.06;letter-spacing:-.02em;margin:0 0 1rem;color:#fff}
.hp-hero__lead{color:rgba(255,255,255,.85);font-size:1.06rem;line-height:1.65;margin:0 auto;max-width:640px}
.hp-picker{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.5rem;margin-top:2rem}
.hp-picker__label{font-family:var(--font-h);font-weight:700;font-size:.9rem;color:rgba(255,255,255,.85);margin-right:.25rem}
.hp-picker__btn{appearance:none;cursor:pointer;padding:.55rem 1rem;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.08);color:#fff;font-family:var(--font-h);font-weight:700;font-size:.86rem;box-shadow:none;transition:background .2s,color .2s}
.hp-picker__btn:hover,.hp-picker__btn.is-active{background:#fff;color:var(--c-primary);border-color:#fff}
.hp-picker__btn--more{border-style:dashed}
.hp-plans{padding-top:0;margin-top:-3.5rem;position:relative;z-index:1}
.hp-grid{display:grid;gap:1.25rem;align-items:stretch}
.hp-grid--4{grid-template-columns:repeat(4,1fr)}.hp-grid--3{grid-template-columns:repeat(3,1fr)}.hp-grid--2{grid-template-columns:repeat(2,1fr)}.hp-grid--1{grid-template-columns:minmax(0,420px);justify-content:center}
.hp-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:22px;overflow:hidden;box-shadow:0 18px 40px rgba(40,0,40,.08);transition:transform .25s var(--ease),box-shadow .25s,border-color .25s}
.hp-card:hover{transform:translateY(-4px);box-shadow:0 26px 50px rgba(40,0,40,.14)}
.hp-card--pop{border:2px solid var(--c-primary);box-shadow:0 26px 60px rgba(129,0,127,.22)}
.hp-card.is-match{outline:3px solid #f2a7ef;outline-offset:4px}
.hp-card__flag{position:absolute;top:.9rem;right:.9rem;z-index:2;padding:.3rem .7rem;border-radius:999px;background:var(--c-primary);color:#fff;font-family:var(--font-h);font-weight:800;font-size:.7rem;letter-spacing:.08em;text-transform:uppercase}
.hp-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#1d1020}
.hp-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.hp-card:hover .hp-card__media img{transform:scale(1.05)}
.hp-card__body{display:flex;flex-direction:column;flex:1;padding:1.3rem 1.3rem 1.4rem}
.hp-card__name{font-size:1.2rem;margin:0 0 .2rem}
.hp-card__name a{color:var(--c-ink);background:none;box-shadow:none}
.hp-card__cap{margin:0 0 .9rem;font-size:.85rem;font-weight:600;color:var(--c-primary)}
.hp-card__price{margin:0 0 .8rem;padding-bottom:.9rem;border-bottom:1px solid var(--c-line);color:var(--c-ink);line-height:1}
.hp-card__from{font-size:.78rem;color:var(--c-muted);font-weight:600}
.hp-card__cur{font-size:.9rem;font-weight:700;color:var(--c-muted)}
.hp-card__price strong{font-family:var(--font-h);font-size:clamp(1.6rem,2.4vw,2rem);font-weight:800;letter-spacing:-.02em}
.hp-card__summary{font-size:.9rem;color:var(--c-muted);line-height:1.55;margin:0 0 .8rem}
.hp-card__list{list-style:none;margin:0 0 1.1rem;padding:0;display:grid;gap:.45rem}
.hp-card__list li{position:relative;padding-left:1.6rem;font-size:.88rem;line-height:1.45;color:#3d3542}
.hp-card__list li::before{content:"";position:absolute;left:0;top:.15rem;width:1.05rem;height:1.05rem;border-radius:50%;background:var(--c-primary-tint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2381007F' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/70% no-repeat}
.hp-card__actions{margin-top:auto;display:grid;gap:.55rem}
.hp-card__book{width:100%;justify-content:center;text-align:center}
.hp-card__more{text-align:center;font-family:var(--font-h);font-weight:700;font-size:.86rem;color:var(--c-primary);background:none;box-shadow:none}
.hp-note{text-align:center;color:var(--c-muted);font-size:.86rem;margin:1.5rem 0 0}
.hp-incl__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.1rem}
.hp-incl__item{padding:1.4rem 1.3rem;background:#fff;border-radius:18px;border:1px solid var(--c-line);border-top:4px solid var(--c-primary)}
.hp-incl__item h3{font-size:1rem;margin:0 0 .4rem}
.hp-incl__item p{margin:0;color:var(--c-muted);font-size:.9rem;line-height:1.55}
.hp-uses__list{display:flex;flex-wrap:wrap;justify-content:center;gap:.6rem;list-style:none;margin:0;padding:0}
.hp-uses__list li{padding:.65rem 1.1rem;border-radius:999px;background:var(--c-surface);border:1px solid var(--c-line);font-family:var(--font-h);font-weight:700;font-size:.9rem;color:var(--c-ink)}
@media(max-width:1180px){.hp-grid--4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:1024px){.hp-incl__grid{grid-template-columns:repeat(2,1fr)}.hp-grid--3{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.hp-hero{padding:1.75rem 0 4.5rem}.hp-grid--4,.hp-grid--3,.hp-grid--2{grid-template-columns:1fr}.hp-incl__grid{grid-template-columns:1fr}.hp-picker{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-1rem;padding:0 1rem .3rem;scrollbar-width:none}.hp-picker::-webkit-scrollbar{display:none}.hp-picker__btn,.hp-picker__label{white-space:nowrap;flex:none}.hp-uses__list li{font-size:.84rem;padding:.55rem .9rem}}
@media(prefers-reduced-motion:reduce){.hp-card,.hp-card__media img{transition:none}}

/* v5.53.0 About page redesign (ab-) */
.ab-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(70% 110% at 100% 0%,#a3189f 0%,rgba(163,24,159,0) 55%),linear-gradient(150deg,#160818 0%,#3d003c 55%,#81007F 120%);padding:2.5rem 0 4rem}
.ab-hero .breadcrumbs,.ab-hero .breadcrumbs a{color:rgba(255,255,255,.72)}
.ab-hero__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:3rem;align-items:center;margin-top:1rem}
.ab-hero__title{font-size:clamp(2.2rem,4.8vw,3.9rem);line-height:1.04;letter-spacing:-.025em;margin:0 0 1.1rem;color:#fff}
.ab-hero__lead{font-size:1.08rem;line-height:1.7;color:rgba(255,255,255,.85);max-width:36rem;margin:0 0 1.6rem}
.ab-hero__media{position:relative;height:420px}
.ab-hero__img{position:absolute;object-fit:cover;border-radius:24px;box-shadow:0 30px 60px rgba(0,0,0,.45);border:4px solid rgba(255,255,255,.1)}
.ab-hero__img--a{width:78%;height:76%;top:0;right:0}
.ab-hero__img--b{width:52%;height:50%;bottom:0;left:0}
.ab-stats{background:#fff;border-bottom:1px solid var(--c-line)}
.ab-stats__grid{display:grid;grid-template-columns:repeat(4,1fr)}
.ab-stat{display:flex;flex-direction:column;gap:.3rem;padding:1.8rem 1.25rem;border-left:1px solid var(--c-line)}
.ab-stat:first-child{border-left:0}
.ab-stat__num{font-family:var(--font-h);font-weight:800;font-size:clamp(2rem,3.4vw,2.8rem);letter-spacing:-.03em;color:var(--c-primary);line-height:1}
.ab-stat__lbl{font-size:.88rem;color:var(--c-muted)}
.ab-kicker{margin:0 0 .6rem;font-family:var(--font-h);font-weight:700;font-size:.74rem;letter-spacing:.16em;text-transform:uppercase;color:var(--c-primary)}
.ab-mission{text-align:center}
.ab-mission__text{max-width:900px;margin:0 auto;font-family:var(--font-h);font-weight:700;font-size:clamp(1.35rem,2.6vw,2.05rem);line-height:1.35;letter-spacing:-.01em;color:var(--c-ink)}
.ab-split{display:grid;grid-template-columns:1fr 1fr;gap:3rem;align-items:center}
.ab-split__media{margin:0;border-radius:24px;overflow:hidden;aspect-ratio:4/3;box-shadow:0 24px 50px rgba(40,0,40,.12)}
.ab-split__media img{width:100%;height:100%;object-fit:cover}
.ab-split__copy p{color:var(--c-muted);line-height:1.75}
.ab-split__copy .svx-head__title{margin-bottom:1rem}
.ab-checks{list-style:none;margin:1.25rem 0 0;padding:0;display:grid;gap:.6rem}
.ab-checks li{position:relative;padding-left:1.8rem;font-weight:600;color:var(--c-ink)}
.ab-checks li::before{content:"";position:absolute;left:0;top:.15rem;width:1.2rem;height:1.2rem;border-radius:50%;background:var(--c-primary) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23fff' d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z'/%3E%3C/svg%3E") center/70% no-repeat}
.ab-head{max-width:720px;margin:0 auto 2rem;text-align:center}
.ab-head__sub{color:var(--c-muted);margin:.75rem 0 0}
.ab-head--row{max-width:none;display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:1rem;text-align:left}
.ab-values__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1.25rem}
.ab-value{position:relative;padding:1.6rem 1.4rem;border-radius:20px;background:#fff;border:1px solid var(--c-line);transition:transform .25s var(--ease),box-shadow .25s}
.ab-value:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(40,0,40,.1)}
.ab-value__n{display:block;font-family:var(--font-h);font-weight:800;font-size:2.2rem;line-height:1;color:var(--c-primary-tint);-webkit-text-stroke:1px var(--c-primary);margin-bottom:1rem}
.ab-value h3{font-size:1.05rem;margin:0 0 .45rem}
.ab-value p{margin:0;color:var(--c-muted);font-size:.92rem;line-height:1.6}
.ab-caps__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:.8rem}
.ab-cap{display:flex;align-items:center;justify-content:space-between;gap:.75rem;padding:1.1rem 1.2rem;border-radius:14px;background:#fff;border:1px solid var(--c-line);font-family:var(--font-h);font-weight:700;color:var(--c-ink);box-shadow:none;transition:border-color .2s,color .2s,transform .2s}
.ab-cap span:last-child{color:var(--c-primary);transition:transform .2s}
.ab-cap:hover{border-color:var(--c-primary);color:var(--c-primary);transform:translateY(-2px)}
.ab-cap:hover span:last-child{transform:translateX(4px)}
.hp-uses__list li a{color:inherit;background:none;box-shadow:none}
.ab-sectors .hp-uses__list li:hover{border-color:var(--c-primary);color:var(--c-primary)}
.ab-visit__grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:2.5rem;align-items:start}
.ab-visit__lead{color:var(--c-muted);line-height:1.7}
.ab-visit__list{margin:0;display:grid;grid-template-columns:1fr 1fr;gap:1rem}
.ab-visit__list>div{padding:1.1rem 1.2rem;background:#fff;border:1px solid var(--c-line);border-radius:16px}
.ab-visit__list dt{font-size:.72rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--c-muted);margin-bottom:.3rem}
.ab-visit__list dd{margin:0;font-weight:600;color:var(--c-ink);line-height:1.5}
.ab-visit__list a{color:var(--c-primary)}
@media(max-width:1024px){.ab-values__grid,.ab-caps__grid{grid-template-columns:repeat(2,1fr)}.ab-stats__grid{grid-template-columns:repeat(2,1fr)}.ab-stat:nth-child(3){border-left:0}.ab-stat:nth-child(n+3){border-top:1px solid var(--c-line)}}
@media(max-width:820px){.ab-hero__grid,.ab-split,.ab-visit__grid{grid-template-columns:1fr;gap:1.75rem}.ab-hero__media{height:280px;order:-1}.ab-hero{padding:1.75rem 0 2.75rem}}
@media(max-width:600px){.ab-values__grid,.ab-caps__grid,.ab-visit__list{grid-template-columns:1fr}.ab-hero__media{height:220px}.ab-stat{padding:1.25rem 1rem}.ab-hero .svx-hero__cta .btn{flex:1 1 100%;text-align:center;justify-content:center}.ab-head--row{text-align:left}}
@media(prefers-reduced-motion:reduce){.ab-value,.ab-cap,.ab-cap span{transition:none}}

/* v5.54.0 Equipment hire (eh-), FAQ (faq-), Blog (blog-) redesigns */
.eh-hero,.faq-hero{position:relative;overflow:hidden;color:#fff;background:radial-gradient(70% 110% at 100% 0%,#a3189f 0%,rgba(163,24,159,0) 55%),linear-gradient(150deg,#160818 0%,#3d003c 55%,#81007F 120%);padding:2.5rem 0 4rem}
.eh-hero .breadcrumbs,.eh-hero .breadcrumbs a,.faq-hero .breadcrumbs,.faq-hero .breadcrumbs a{color:rgba(255,255,255,.72)}
.eh-cats__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}
.eh-cat{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:20px;overflow:hidden;transition:transform .25s var(--ease),box-shadow .25s}
.eh-cat:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(40,0,40,.1)}
.eh-cat__media{margin:0;aspect-ratio:3/2;overflow:hidden;background:#1d1020}
.eh-cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.eh-cat:hover .eh-cat__media img{transform:scale(1.05)}
.eh-cat__body{padding:1.2rem 1.25rem 1.3rem;display:flex;flex-direction:column;flex:1}
.eh-cat__body h3{font-size:1.08rem;margin:0 0 .4rem}
.eh-cat__body p{color:var(--c-muted);font-size:.92rem;line-height:1.55;margin:0 0 .9rem}
.eh-cat__body .svx-link{margin-top:auto}
.eh-band{padding-block:1rem 3rem}
.eh-band__box{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:1.5rem;padding:2rem 2.25rem;border-radius:24px;background:var(--c-surface);border:1px solid var(--c-line)}
.eh-band__box h2{font-size:clamp(1.3rem,2.4vw,1.8rem);margin:0 0 .4rem;max-width:40rem}
.eh-band__box p{margin:0;color:var(--c-muted)}
.eh-guide{display:grid;grid-template-columns:1fr 1.1fr;gap:2.5rem;align-items:center;margin-bottom:3rem}
.eh-guide:last-child{margin-bottom:0}
.eh-guide--flip .eh-guide__media{order:2}
.eh-guide__media{margin:0;border-radius:22px;overflow:hidden;aspect-ratio:3/2;box-shadow:0 20px 44px rgba(40,0,40,.12)}
.eh-guide__media img{width:100%;height:100%;object-fit:cover}
.eh-guide__n{display:inline-block;font-family:var(--font-h);font-weight:700;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--c-primary);margin-bottom:.5rem}
.eh-guide__copy h3{font-size:clamp(1.25rem,2.2vw,1.6rem);line-height:1.25;margin:0 0 .8rem}
.eh-guide__copy p{color:var(--c-muted);line-height:1.75;margin:0 0 .8rem}
.faq-hero{text-align:center}
.faq-hero .breadcrumbs{justify-content:center}
.faq-search{max-width:640px;margin:1.75rem auto 0}
.faq-search input{width:100%;padding:1rem 1.25rem 1rem 3rem;border-radius:999px;border:0;font-size:1rem;color:var(--c-ink);background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%2381007F' d='M15.5 14h-.8l-.3-.3A6.5 6.5 0 1 0 14 15.5l.3.3v.8l5 5 1.5-1.5zm-6 0a4.5 4.5 0 1 1 0-9 4.5 4.5 0 0 1 0 9z'/%3E%3C/svg%3E") 1.1rem center/1.2rem no-repeat;box-shadow:0 18px 40px rgba(0,0,0,.25)}
.faq-search input:focus{outline:3px solid #f2a7ef;outline-offset:2px}
.faq-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.25rem}
.faq-layout{display:grid;grid-template-columns:1fr 340px;gap:2.5rem;align-items:start}
.faq-group{margin-bottom:2rem}
.faq-group[hidden]{display:none}
.faq-group__title{font-size:1.2rem;margin:0 0 .9rem;padding-bottom:.6rem;border-bottom:2px solid var(--c-primary-tint)}
.svx-q[hidden]{display:none}
.faq-side{position:sticky;top:110px;display:grid;gap:1rem}
.faq-card{padding:1.5rem;border-radius:20px;color:#fff;background:linear-gradient(135deg,#81007F,#3d003c)}
.faq-card h2{color:#fff;font-size:1.25rem;margin:0 0 .5rem}
.faq-card p{color:rgba(255,255,255,.82);font-size:.92rem;margin:0 0 1rem}
.faq-card .btn{width:100%;justify-content:center;text-align:center}
.faq-card__alt{margin-top:.5rem}
.faq-links{display:grid;gap:.4rem;padding:1.1rem 1.2rem;border-radius:18px;border:1px solid var(--c-line);background:#fff}
.faq-links a{font-family:var(--font-h);font-weight:700;font-size:.92rem;color:var(--c-ink);padding:.4rem 0;background:none;box-shadow:none}
.faq-links a:hover{color:var(--c-primary)}
.blog-hero{padding:2.5rem 0 1rem;text-align:center}
.blog-hero .breadcrumbs{justify-content:center}
.blog-hero__title{font-size:clamp(2rem,4.2vw,3.2rem);line-height:1.08;letter-spacing:-.02em;margin:0 auto .8rem;max-width:820px}
.blog-hero__lead{color:var(--c-muted);max-width:640px;margin:0 auto;line-height:1.65}
.blog-cats{display:flex;flex-wrap:wrap;justify-content:center;gap:.45rem;margin-top:1.5rem}
.blog-cats a{padding:.5rem 1rem;border-radius:999px;border:1px solid var(--c-line);font-family:var(--font-h);font-weight:700;font-size:.85rem;color:var(--c-ink);background:#fff;box-shadow:none}
.blog-cats a.is-active,.blog-cats a:hover{background:var(--c-primary);border-color:var(--c-primary);color:#fff}
.blog-list{padding-top:2rem}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}
.blog-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--c-line);border-radius:20px;overflow:hidden;position:relative;transition:transform .25s var(--ease),box-shadow .25s}
.blog-card:hover{transform:translateY(-4px);box-shadow:0 20px 40px rgba(40,0,40,.1)}
.blog-card__media{display:block;aspect-ratio:16/10;overflow:hidden;background:#1d1020}
.blog-card__media img{width:100%;height:100%;object-fit:cover;transition:transform .6s var(--ease)}
.blog-card:hover .blog-card__media img{transform:scale(1.05)}
.blog-card__body{display:flex;flex-direction:column;flex:1;padding:1.25rem 1.3rem 1.35rem}
.blog-card__meta{display:flex;flex-wrap:wrap;align-items:center;gap:.35rem .75rem;margin:0 0 .6rem;font-size:.78rem;color:var(--c-muted)}
.blog-card__cat{padding:.18rem .55rem;border-radius:6px;background:var(--c-primary-tint);color:var(--c-primary);font-weight:700}
.blog-card__title{font-size:1.15rem;line-height:1.3;margin:0 0 .5rem}
.blog-card__title a{color:var(--c-ink);background:none;box-shadow:none}
.blog-card__title a::after{content:"";position:absolute;inset:0}
.blog-card__excerpt{color:var(--c-muted);font-size:.92rem;line-height:1.6;margin:0 0 1rem}
.blog-card .svx-link{margin-top:auto}
.blog-card--lead{grid-column:1/-1;display:grid;grid-template-columns:1.3fr 1fr}
.blog-card--lead .blog-card__media{aspect-ratio:auto;min-height:340px}
.blog-card--lead .blog-card__body{padding:2rem 2.25rem;justify-content:center}
.blog-card--lead .blog-card__title{font-size:clamp(1.4rem,2.6vw,2rem)}
.blog-pager{margin-top:2rem;display:flex;justify-content:center}
@media(max-width:1024px){.eh-cats__grid,.blog-grid{grid-template-columns:repeat(2,1fr)}.faq-layout{grid-template-columns:1fr}.faq-side{position:static}}
@media(max-width:820px){.eh-guide,.blog-card--lead{grid-template-columns:1fr;gap:1.25rem}.eh-guide--flip .eh-guide__media{order:0}.blog-card--lead .blog-card__media{min-height:220px}.blog-card--lead .blog-card__body{padding:1.4rem}}
@media(max-width:600px){.eh-cats__grid,.blog-grid{grid-template-columns:1fr}.eh-hero,.faq-hero{padding:1.75rem 0 2.75rem}.eh-hero .svx-hero__cta .btn{flex:1 1 100%;text-align:center;justify-content:center}.faq-chips{flex-wrap:nowrap;overflow-x:auto;justify-content:flex-start;margin-inline:-1rem;padding:0 1rem .3rem;scrollbar-width:none}.faq-chips .hp-picker__btn{white-space:nowrap;flex:none}.eh-band__box{padding:1.5rem}.eh-band__box .btn{width:100%;justify-content:center}}
@media(prefers-reduced-motion:reduce){.eh-cat,.eh-cat__media img,.blog-card,.blog-card__media img{transition:none}}

/* v5.55.0 QA fixes: desktop header spacing, mobile bottom bar + floating WhatsApp */
@media(min-width:901px){
  .site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:1.5rem}
  .site-header__brand{flex:0 0 auto;margin-right:.5rem}
  .site-nav{flex:1 1 auto;min-width:0;display:flex;justify-content:center}
  .site-nav__menu{flex-wrap:nowrap;justify-content:center}
  .site-header__actions{flex:0 0 auto;display:flex;align-items:center}
  .header-call{display:none}
}
@media(min-width:1440px){.header-call{display:inline-flex}}
@media(min-width:901px) and (max-width:1279px){
  .site-header__inner{gap:.9rem}
  .site-nav__menu>li>a{padding:.45rem .5rem;font-size:.84rem}
  .site-header__brand img,.site-header__brand .custom-logo{height:38px;max-width:150px}
  .site-header__actions .btn{padding:.55rem .95rem;font-size:.82rem;min-height:42px}
}
@media(min-width:901px) and (max-width:1060px){.site-header__actions .btn{display:none}}
@media(max-width:768px){
  .action-bar{grid-template-columns:repeat(4,1fr);grid-auto-flow:row}
  .action-bar__btn.is-current{color:var(--c-primary);background:var(--c-primary-tint)}
  .float-btn--call{display:none}
  .float-btn.float-btn--wa{display:inline-flex;right:.9rem;bottom:calc(5.1rem + env(safe-area-inset-bottom));width:54px;height:54px;padding:0;justify-content:center;border-radius:50%;box-shadow:0 10px 26px rgba(18,140,74,.45);z-index:160}
  .float-btn.float-btn--wa span{display:none}
  .float-btn.float-btn--wa svg{width:28px;height:28px}
  body.nav-open .float-btn.float-btn--wa{display:none}
}

/* v5.56.0 Article FAQs + readable article tables */
.post-faq{margin-top:2.5rem;padding-top:1.5rem;border-top:1px solid var(--c-line)}
.post-faq h2{margin-bottom:1rem}
.entry-content table,.single .wp-block-table table,article table{width:100%;border-collapse:collapse;margin:1.5rem 0;font-size:.93rem}
article table th,article table td{border:1px solid var(--c-line);padding:.65rem .8rem;text-align:left;vertical-align:top}
article table th{background:var(--c-surface);font-family:var(--font-h)}
@media(max-width:600px){article table{display:block;overflow-x:auto;white-space:nowrap}}

/* Homepage latest insights (5.58.0) */
.home-insights .blog-card__title{font-size:1.12rem;line-height:1.35;margin:.35rem 0 .5rem}
.home-insights .section__lead{max-width:40rem;margin-inline:auto}
@media(max-width:1024px) and (min-width:601px){.home-insights .blog-card:nth-child(3){display:none}}

/* Article author + related services, service guides (5.59.0) */
.post-author{display:flex;gap:1rem;align-items:flex-start;margin:2.5rem 0 1.25rem;padding:1.25rem 1.35rem;border:1px solid var(--c-line);border-radius:18px;background:#fff}
.post-author__logo{width:56px;height:56px;object-fit:contain;border-radius:14px;background:#f6eaf6;padding:6px;flex:none}
.post-author__name{margin:0 0 .3rem;font-weight:700;font-family:var(--f-head,inherit)}
.post-author__bio{margin:0 0 .45rem;color:var(--c-muted);font-size:.94rem;line-height:1.6}
.post-author__meta{margin:0;font-size:.85rem;color:var(--c-muted)}
.post-author__meta a{color:var(--c-primary,#81007F)}
.post-services{margin:0 0 1rem;padding:1.1rem 1.35rem;border-radius:18px;background:#f6eaf6}
.post-services__title{margin:0 0 .6rem;font-weight:700}
.post-services ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.5rem}
.post-services a{display:inline-block;padding:.45rem .85rem;border-radius:999px;background:#fff;color:var(--c-primary,#81007F);font-weight:600;font-size:.9rem;text-decoration:none;border:1px solid rgba(129,0,127,.18)}
.post-services a:hover{background:var(--c-primary,#81007F);color:#fff}
.svc-guides .blog-card__title{font-size:1.08rem;line-height:1.35;margin:.35rem 0 .5rem}
@media(max-width:600px){.post-author{flex-direction:column}}

/* v5.62.0 ranking push */
.rp-guide h3{margin-top:1.75rem}
.rp-table-wrap{overflow-x:auto;margin:1rem 0;-webkit-overflow-scrolling:touch}
.rp-table{width:100%;border-collapse:collapse;font-size:.95rem;min-width:520px}
.rp-table th,.rp-table td{padding:.7rem .85rem;border:1px solid #E6DDEB;text-align:left;vertical-align:top}
.rp-table thead th{background:#81007F;color:#fff;font-weight:700}
.rp-table tbody tr:nth-child(even){background:#FAF5FB}
.rp-table tbody th{font-weight:700;color:#2A1030}
.rp-note{font-size:.92rem;color:#5F6370}
.rp-list{padding-left:1.2rem}.rp-list li{margin:.35rem 0}
.rp-more{text-align:center;margin-top:1.25rem}
.rp-brands-label{text-align:center;margin:2rem 0 .75rem;font-weight:700}
.rp-brands{list-style:none;display:flex;flex-wrap:wrap;justify-content:center;gap:1rem 2rem;padding:0;margin:0}
.rp-brands li{display:flex;align-items:center;font-weight:600}
.rp-brands img{max-height:40px;width:auto}
.rp-coverage{text-align:center;margin-top:1.5rem;color:#5F6370}

.rp-footer-links{padding-top:1.5rem;padding-bottom:1rem;border-top:1px solid rgba(255,255,255,.12)}
.rp-footer-links__title{font-weight:700;margin:0 0 .6rem;font-size:.9rem;opacity:.9}
.rp-footer-links ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem 1.25rem}
.rp-footer-links a{font-size:.85rem;opacity:.8;text-decoration:none;color:inherit}
.rp-footer-links a:hover{opacity:1;text-decoration:underline}

/* v5.65.0 AV Planner */
.ap{display:grid;gap:1.5rem}
.ap-card{border:1px solid #E6DDEB;border-radius:16px;padding:1.25rem;background:#fff}
.ap-form{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.9rem;align-items:end}
.ap-form label{display:flex;flex-direction:column;gap:.35rem;font-weight:600;font-size:.92rem}
.ap-form input,.ap-form select{padding:.65rem .75rem;border:1px solid #CFC3D6;border-radius:10px;font:inherit}
.ap-out{margin-top:1rem}
.ap-err{color:#B00020}
.ap-cta{text-align:center}
.rp-planner-link{margin:1.25rem 0}
