*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Segoe UI Variable","Aptos","Helvetica Neue",Arial,sans-serif;color:#111;background:#fff;line-height:1.5}a{color:inherit;text-decoration:none}img,video{max-width:100%;display:block}.wrap{width:min(1460px,92vw);margin:auto}.site-header{height:82px;padding:0 max(4vw,24px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:50;background:#0b0b0e;backdrop-filter:blur(18px);border-bottom:1px solid #ffffff14;transition:.35s;box-shadow:0 5px 20px #00000018}.site-header.scrolled{box-shadow:0 12px 36px #0005}.site-header.hide{transform:translateY(-105%)}.brand-shell{display:flex;width:245px;height:58px;background:transparent;border-radius:0;align-items:center;padding:0}.brand img{width:100%;height:100%;object-fit:contain;object-position:left center}.nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:650}.nav a:not(.nav-cta){color:#fff}.nav a:not(.nav-cta):hover{color:var(--accent)}.nav-cta,.btn.primary{background:var(--accent);color:#fff!important}.nav-cta{padding:12px 20px;border-radius:10px}.menu-toggle{display:none;border:0;background:none;color:#fff;font-size:26px}.hero{min-height:610px;display:grid;grid-template-columns:minmax(330px,.78fr) 1.42fr;align-items:center;overflow:hidden;background:linear-gradient(90deg,#fff 0 35%,#f7f7f8 100%)}.hero-copy{padding:80px 5vw 80px 6vw;max-width:650px}.eyebrow,.section-head>span{display:block;color:var(--accent);font-size:12px;font-weight:800;letter-spacing:.12em;margin-bottom:12px}.hero h1{font-size:clamp(50px,5.3vw,88px);line-height:.96;letter-spacing:-.055em;margin:0 0 22px}.hero h1 span,.hero h1 strong{display:block}.hero h1 strong{color:var(--accent);font-weight:800}.hero-copy p{font-size:17px;color:#5b5b63;max-width:560px}.hero-actions{display:flex;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 20px;border-radius:11px;font-weight:750;font-size:14px;border:1px solid #cfcfd3;transition:.25s;cursor:pointer}.btn:hover{transform:translateY(-4px);box-shadow:0 12px 30px #0002}.btn.ghost{background:#fff}.hero-showcase{min-width:0;padding:40px 0 40px 20px;position:relative;overflow:hidden}.project-window{overflow:hidden;width:100%;padding:24px 0}.project-track,.placeholder-deck{display:flex;gap:18px;width:max-content;will-change:transform;transform:translate3d(0,0,0);backface-visibility:hidden}.project-card{flex:0 0 clamp(230px,23vw,360px);aspect-ratio:.7;position:relative;border-radius:24px;overflow:hidden;background:#111;box-shadow:0 30px 60px #0002;transition:.3s}.project-card:hover{transform:translateY(-10px) rotate(-.3deg)}.project-card img,.project-card video{width:100%;height:100%;object-fit:cover}.project-caption{position:absolute;left:0;right:0;bottom:0;padding:45px 20px 18px;color:#fff;background:linear-gradient(transparent,#000d);display:flex;flex-direction:column}.project-caption span{font-size:12px;opacity:.75}.placeholder-deck{gap:18px;align-items:center;padding-right:4vw}.deck-card{flex:0 0 230px;height:360px;border-radius:22px;background:#121216;color:#fff;display:flex;align-items:flex-end;padding:22px;font-size:22px;font-weight:800;letter-spacing:.08em;box-shadow:0 25px 60px #0002}.deck-card:nth-child(even){transform:translateY(18px)}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:-24px;position:relative;z-index:4;background:#fff;border:1px solid #e9e9ec;border-radius:22px;box-shadow:0 18px 55px #00000012;padding:16px}.stat-card{display:flex;align-items:center;gap:18px;padding:22px 24px;border-right:1px solid #eee}.stat-card:last-child{border-right:0}.stat-icon{width:72px;height:72px;border-radius:16px;background:transparent;border:0;display:grid;place-items:center;overflow:hidden;flex:0 0 72px}.stat-icon img{width:100%;height:100%;object-fit:contain;object-position:center;padding:0;margin:0;border:0;border-radius:0;background:transparent}.stat-icon span{font-weight:800;color:var(--accent)}.stat-card strong{display:block;font-size:34px;line-height:1;font-weight:760;letter-spacing:-.03em}.stat-card b{display:block;font-size:13px;margin:7px 0 3px}.stat-card small{display:block;color:#777;font-size:11px}.section{padding:92px 0}.section-head{text-align:center;margin:0 auto 45px;max-width:760px}.section-head h2{font-size:clamp(34px,3vw,52px);letter-spacing:-.04em;margin:0}.section-head p{color:#777}.service-grid{width:min(1460px,92vw);margin:auto;display:grid;grid-template-columns:repeat(7,1fr);gap:14px}.service-card{min-height:275px;border:1px solid #e8e8eb;border-radius:20px;padding:24px 18px;background:#fff;box-shadow:0 8px 28px #00000008;transition:.28s}.service-card:hover{transform:translateY(-10px);border-color:#f4b4b8;box-shadow:0 20px 50px #00000014}.service-icon,.plan-icon{width:64px;height:64px;border-radius:18px;background:#f7f7f8;display:grid;place-items:center;overflow:hidden;border:1px solid #ececef}.service-icon img,.plan-icon img{width:100%;height:100%;object-fit:contain;padding:7px}.service-icon span{font-weight:800;color:#555}.service-card h3{font-size:17px;margin:22px 0 8px}.service-card p{font-size:13px;color:#74747c;min-height:76px}.service-card a{font-size:12px;font-weight:750;color:#333}.service-card a span{color:var(--accent)}.about-band{background:#f7f7f8;border-block:1px solid #ececef}.about-grid{display:grid;grid-template-columns:.8fr 1.2fr;min-height:480px;align-items:center;gap:60px}.about-copy{padding:70px 20px}.about-copy h2{font-size:50px;line-height:1.04;letter-spacing:-.045em;margin:0 0 20px}.about-copy p{color:#686870;max-width:560px;margin-bottom:26px}.about-media{height:100%;min-height:420px;overflow:hidden;background:#ececef}.about-media img,.about-media video{width:100%;height:100%;object-fit:cover}.about-fallback{height:100%;min-height:420px;background:#111;color:#fff;display:grid;place-items:center;align-content:center;gap:6px}.about-fallback span{color:var(--accent);font-weight:800;letter-spacing:.18em}.about-fallback b{font-size:44px}.about-fallback small{opacity:.45}.plans-section{background:#fff}.plan-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}.plan-card{position:relative;border:1px solid #e6e6e9;border-radius:20px;padding:24px 20px;background:#fff;min-height:590px;display:flex;flex-direction:column;box-shadow:0 10px 30px #00000008;transition:.3s}.plan-card:hover{transform:translateY(-12px) scale(1.01);box-shadow:0 24px 65px #00000017;border-color:#efb1b5}.plan-card .badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--accent);color:#fff;padding:6px 16px;border-radius:20px;font-size:10px;font-weight:800}.plan-icon{margin-bottom:18px}.plan-icon span{color:var(--accent);font-size:28px}.plan-card h3{font-size:20px;margin:0}.plan-sub{font-size:12px;color:#777;min-height:40px}.price{display:flex;align-items:baseline;gap:9px;margin:10px 0 16px}.price del{color:#999}.price strong{font-size:31px;color:var(--accent);letter-spacing:-.03em}.plan-card ul{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan-card li{font-size:12px;padding:7px 0 7px 20px;position:relative;border-bottom:1px solid #f2f2f4}.plan-card li:before{content:"✓";position:absolute;left:0;color:var(--accent);font-weight:800}.reviews-section{background:#f8f8f9}.review-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.review-card{background:#fff;border:1px solid #e8e8eb;border-radius:20px;padding:28px;box-shadow:0 10px 30px #00000008}.stars{color:var(--accent);letter-spacing:3px}.review-card>p{font-size:16px;min-height:95px}.review-person{display:flex;gap:12px;align-items:center}.review-person img,.review-person>span{width:46px;height:46px;border-radius:50%;object-fit:cover;background:#eee;display:grid;place-items:center;font-weight:800}.review-person b,.review-person small{display:block}.review-person small{color:#777}.cta-band{width:min(1460px,92vw);margin:20px auto 90px;background:#101014;color:#fff;border-radius:24px;padding:38px 44px;display:flex;justify-content:space-between;align-items:center;gap:25px}.cta-band span{color:#ff5b62;font-size:12px;font-weight:800}.cta-band h2{margin:5px 0 0;font-size:30px}footer{background:#0d0d10;color:#fff;padding:60px 0 22px}.footer-grid{display:grid;grid-template-columns:1.4fr .7fr 1fr 1fr;gap:60px}.footer-logo{width:230px;height:60px}.footer-logo img{width:100%;height:100%;object-fit:contain}.footer-grid p,.footer-grid span,.footer-grid a{display:block;color:#aaa;font-size:13px;margin:8px 0}.footer-grid a:hover{color:#fff}.footer-grid h4{margin-top:0}.socials{display:flex;gap:9px;flex-wrap:wrap}.socials a{width:38px;height:38px;border:1px solid #333;border-radius:50%;display:grid;place-items:center;margin:0;transition:.25s}.socials a:hover{border-color:#666;transform:translateY(-3px)}.socials svg,.contact-link svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.socials svg .fill{fill:currentColor;stroke:none}.contact-link{display:flex!important;align-items:center;gap:9px}.contact-link i{width:30px;height:30px;border:1px solid #2d2d32;border-radius:50%;display:grid;place-items:center;flex:0 0 30px}.contact-link span{margin:0!important}.footer-address{line-height:1.6}.payment-methods{margin-top:18px;max-width:310px;min-height:48px}.payment-methods img{width:100%;height:auto;max-height:70px;object-fit:contain;object-position:left center}.copyright{border-top:1px solid #222;padding-top:20px;margin-top:38px;color:#777;font-size:12px}.reveal{opacity:0;transition:opacity .75s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.from-bottom{transform:translateY(45px)}.from-left{transform:translateX(-55px)}.from-right{transform:translateX(55px)}.reveal.visible{opacity:1;transform:none}.inquiry-page{background:#f7f7f8}.inquiry-wrap{width:min(1180px,92vw);margin:70px auto;display:grid;grid-template-columns:.75fr 1.25fr;gap:70px}.inquiry-intro{padding-top:30px}.inquiry-intro h1{font-size:58px;line-height:1;letter-spacing:-.05em}.inquiry-intro p{color:#666;font-size:17px}.secure-note{margin-top:28px;background:#111;color:#fff;border-radius:18px;padding:24px;line-height:2}.inquiry-form{background:#fff;border:1px solid #e4e4e7;border-radius:24px;padding:30px;box-shadow:0 20px 60px #00000010}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid label{font-size:12px;font-weight:700}.form-grid .wide{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{width:100%;margin-top:7px;border:1px solid #d8d8dc;border-radius:11px;padding:13px 14px;font:inherit;background:#fff}.attachment-field small{display:block;margin-top:8px;color:#777;font-weight:500}.attachment-field input[type=file]{padding:12px;background:#fafafa;border-style:dashed}.submit-btn{border:0;margin-top:18px}.form-error{background:#fff0f0;color:#a00;padding:12px;border-radius:10px;margin-bottom:14px}.thanks{min-height:100vh;display:grid;place-items:center;background:#f7f7f8;padding:30px}.thanks>div{max-width:620px;text-align:center;background:#fff;border:1px solid #e5e5e7;border-radius:24px;padding:60px 35px}.success-check{width:70px;height:70px;border-radius:50%;background:#eaf8ef;color:#11863b;display:grid;place-items:center;margin:0 auto;font-size:34px}.thanks h1{font-size:46px;margin-bottom:8px}.thanks p{color:#666;margin-bottom:28px}@media(max-width:1280px){.service-grid{grid-template-columns:repeat(4,1fr)}.plan-grid{grid-template-columns:repeat(3,1fr)}.stats{grid-template-columns:repeat(2,1fr)}.stat-card:nth-child(2){border-right:0}.hero{grid-template-columns:1fr 1fr}.plan-card{min-height:560px}}@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.process-line:before{display:none}}@media(max-width:850px){.site-header{height:72px}.brand-shell{width:180px;height:48px}.menu-toggle{display:block}.nav{display:none;position:absolute;top:72px;left:0;right:0;background:#0b0b0e;padding:22px;flex-direction:column;align-items:stretch;box-shadow:0 20px 40px #0007}.nav.open{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding:60px 6vw 20px}.hero-showcase{padding-left:6vw}.stats{grid-template-columns:1fr;margin-top:20px}.stat-card{border-right:0;border-bottom:1px solid #eee}.service-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:0}.plan-grid{grid-template-columns:1fr 1fr}.review-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.inquiry-wrap{grid-template-columns:1fr;gap:20px}.inquiry-intro h1{font-size:44px}.portfolio-hero-grid{grid-template-columns:1fr}.portfolio-hero-mark{min-height:260px}.portfolio-hero-mark span,.portfolio-hero-mark strong{font-size:42px}}@media(max-width:560px){.service-grid,.plan-grid,.footer-grid,.form-grid,.portfolio-grid,.process-line{grid-template-columns:1fr}.hero h1{font-size:48px}.hero-actions{flex-direction:column;align-items:stretch}.about-copy h2{font-size:38px}.cta-band{flex-direction:column;align-items:flex-start}.project-card{flex-basis:76vw}}

/* Portfolio */
.active-link{color:var(--accent)!important}.portfolio-hero{padding:90px 0 75px;background:linear-gradient(135deg,#fff 0 62%,#f5f5f6 100%);border-bottom:1px solid #eee}.portfolio-hero-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:center}.portfolio-hero h1{font-size:clamp(54px,6vw,92px);line-height:.96;letter-spacing:-.055em;margin:0 0 24px;max-width:900px}.portfolio-hero p{font-size:18px;color:#666;max-width:720px;margin:0 0 30px}.portfolio-hero-mark{min-height:360px;border-radius:28px;background:#111;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;padding:44px;box-shadow:0 28px 70px #0002;position:relative;overflow:hidden}.portfolio-hero-mark:before{content:"";position:absolute;width:260px;height:260px;border:1px solid #ffffff25;border-radius:50%;right:-60px;top:-60px}.portfolio-hero-mark span{font-size:54px;font-weight:800;letter-spacing:-.04em}.portfolio-hero-mark strong{font-size:54px;color:var(--accent);line-height:.9}.portfolio-hero-mark small{margin-top:22px;letter-spacing:.2em;color:#999}.portfolio-process{background:#fff}.process-line{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:34px}.process-line:before{content:"";position:absolute;top:38px;left:6%;right:6%;height:1px;background:#dedee2}.process-step{position:relative;background:#fff;padding:0 14px;text-align:center}.process-index{position:relative;z-index:2;width:76px;height:76px;margin:0 auto 22px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #d9d9dd;color:var(--accent);font-weight:850;font-size:18px;box-shadow:0 8px 24px #0000000b}.process-index img{width:100%;height:100%;object-fit:contain;padding:12px;border-radius:50%}.process-step h3{font-size:19px;margin:0 0 10px}.process-step p{color:#74747b;font-size:14px;margin:0}.portfolio-work{background:#f7f7f8;border-top:1px solid #ececef}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.portfolio-card{background:#fff;border:1px solid #e5e5e8;border-radius:22px;overflow:hidden;box-shadow:0 12px 34px #00000008;transition:.3s}.portfolio-card:hover{transform:translateY(-9px);box-shadow:0 25px 60px #00000015}.portfolio-image{aspect-ratio:1.35;background:#e9e9eb;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:.45s}.portfolio-card:hover .portfolio-image img{transform:scale(1.035)}.portfolio-meta{padding:22px}.portfolio-meta>span{color:var(--accent);font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.portfolio-meta h3{font-size:22px;margin:6px 0 8px}.portfolio-meta p{color:#707078;font-size:14px;margin:0}.empty-portfolio{border:1px dashed #cfcfd5;border-radius:22px;padding:60px;text-align:center;background:#fff}.empty-portfolio b,.empty-portfolio span{display:block}.empty-portfolio b{font-size:24px;margin-bottom:8px}.empty-portfolio span{color:#777}
@media(max-width:1000px){.portfolio-grid{grid-template-columns:repeat(2,1fr)}.process-line{grid-template-columns:repeat(2,1fr)}.process-line:before{display:none}}
@media(max-width:850px){.portfolio-hero-grid{grid-template-columns:1fr}.portfolio-hero{padding:65px 0}.portfolio-hero-mark{min-height:260px}.portfolio-hero-mark span,.portfolio-hero-mark strong{font-size:42px}}
@media(max-width:560px){.portfolio-grid,.process-line{grid-template-columns:1fr}.portfolio-hero h1{font-size:48px}.portfolio-hero-mark{padding:28px}}
.socials .social-disabled{width:38px;height:38px;border:1px solid #333;border-radius:50%;display:grid;place-items:center;color:#777}.socials .social-disabled svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}

/* v1.5: uploaded stat images display at full available size with no decorative border/background */
@media(max-width:560px){.stat-icon{width:68px;height:68px;flex-basis:68px}}

/* v1.6: Pure white background behind the moving hero project cards */
.hero,
.hero-showcase,
.project-window,
.project-track,
.placeholder-deck {
  background: #ffffff !important;
}

/* Shared Services dropdown — available on every public page */
.services-nav-menu{position:relative;display:flex;align-items:center}.services-nav-trigger{appearance:none;-webkit-appearance:none;border:0;background:transparent;padding:0;margin:0;cursor:pointer;display:flex;align-items:center;gap:6px;color:#fff!important;font-family:inherit;font-size:inherit;font-weight:inherit;line-height:1;user-select:none}.services-nav-trigger:after{content:"⌄";font-size:12px;line-height:1;margin-top:-2px;transition:transform .2s ease}.services-nav-menu:hover .services-nav-trigger,.services-nav-menu:focus-within .services-nav-trigger,.services-nav-menu.is-open .services-nav-trigger{color:var(--accent)!important}.services-nav-menu:hover .services-nav-trigger:after,.services-nav-menu:focus-within .services-nav-trigger:after,.services-nav-menu.is-open .services-nav-trigger:after{transform:rotate(180deg)}
.services-nav-panel{position:absolute;z-index:2000;top:calc(100% + 6px);left:50%;width:560px;padding:12px;transform:translate(-50%,10px);display:grid;grid-template-columns:1fr 1fr;gap:7px;border:1px solid #e6e6e6;border-radius:18px;background:#fff;box-shadow:0 24px 70px rgba(0,0,0,.17);opacity:0;visibility:hidden;pointer-events:none;transition:opacity .18s ease,transform .18s ease,visibility .18s ease}.services-nav-panel:before{content:"";position:absolute;left:0;right:0;top:-14px;height:18px;background:transparent}.services-nav-menu:hover .services-nav-panel,.services-nav-menu:focus-within .services-nav-panel,.services-nav-menu.is-open .services-nav-panel{opacity:1;visibility:visible;pointer-events:auto;transform:translate(-50%,0)}
.services-nav-panel a{display:flex!important;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:10px 12px!important;border-radius:11px;color:#111!important;background:#fff;text-decoration:none!important;font-size:13px!important;font-weight:750!important;white-space:nowrap;transition:background .18s ease,color .18s ease,transform .18s ease}.services-nav-panel a:after{content:"→";color:var(--accent);font-weight:900}.services-nav-panel a:hover{background:#f6f6f6;color:var(--accent)!important;transform:translateX(2px)}
@media(max-width:850px){.services-nav-menu{width:100%;display:block}.services-nav-trigger{width:100%;justify-content:space-between}.services-nav-panel{position:static;width:100%;margin-top:10px;transform:none!important;grid-template-columns:1fr;box-shadow:none;border-radius:12px}.services-nav-menu .services-nav-panel{display:none}.services-nav-menu.is-open .services-nav-panel,.services-nav-menu:focus-within .services-nav-panel{display:grid}}

/* v9.4 — Publica Play heading system and slightly more spacious desktop scale */
@font-face{
  font-family:"Publica Play";
  src:url("../fonts/PublicaPlay-Regular.otf") format("opentype");
  font-style:normal;
  font-weight:400;
  font-display:swap;
}
@media(min-width:851px){
  body{zoom:.94}
}
h1,h2,h3,h4,h5,h6,
h1 *,h2 *,h3 *,h4 *,h5 *,h6 *{
  font-family:"Publica Play","Segoe UI Variable","Aptos","Helvetica Neue",Arial,sans-serif!important;
  font-style:normal!important;
  font-weight:400!important;
}


/* =========================================================
   ZIREXA FINAL LIVE DISPLAY FIX — v1.7
   ========================================================= */

/* Keep the complete hero / moving-project interface pure white */
.hero,
.hero-showcase,
.project-window,
.project-track,
.placeholder-deck {
    background: #ffffff !important;
    background-image: none !important;
}

/* The grey strip seen below the moving cards was mainly their shadow */
.project-card,
.deck-card {
    box-shadow: none !important;
}

/* No extra wrapper effect around uploaded Stats images */
.stat-icon {
    width: 76px !important;
    height: 76px !important;
    flex: 0 0 76px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    padding: 0 !important;
    margin: 0 !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
    overflow: hidden !important;
}

/* Use the uploaded image itself — no website border/background/padding */
.stat-icon img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    max-width: none !important;
    padding: 0 !important;
    margin: 0 !important;
    object-fit: contain !important;
    object-position: center !important;
    background: transparent !important;
    background-image: none !important;
    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

/* Prevent pseudo-elements from creating any icon decoration */
.stat-icon::before,
.stat-icon::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 560px) {
    .stat-icon {
        width: 68px !important;
        height: 68px !important;
        flex-basis: 68px !important;
    }
}


/* =========================================================
   ZIREXA SERVICE ICON IMAGE FIX — v1.8
   Uploaded service images use the full icon area with
   no website-added grey box, border, padding or radius.
   ========================================================= */

.service-icon {
    width: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 0 18px 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    overflow: hidden !important;
}

.service-icon img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: contain !important;
    object-position: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.service-icon::before,
.service-icon::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 560px) {
    .service-icon {
        width: 64px !important;
        height: 64px !important;
    }
}


/* =========================================================
   ZIREXA PRICING / PLAN ICON FIX — v1.9
   Remove website-added grey box, border, padding and radius
   around uploaded pricing package icons.
   ========================================================= */

.plan-icon {
    width: 72px !important;
    height: 72px !important;
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;

    padding: 0 !important;
    margin: 0 0 18px 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    overflow: hidden !important;
}

.plan-icon img {
    display: block !important;

    width: 100% !important;
    height: 100% !important;
    max-width: none !important;

    object-fit: contain !important;
    object-position: center !important;

    padding: 0 !important;
    margin: 0 !important;

    background: transparent !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;
}

.plan-icon::before,
.plan-icon::after {
    content: none !important;
    display: none !important;
}

@media (max-width: 560px) {
    .plan-icon {
        width: 64px !important;
        height: 64px !important;
    }
}


/* =========================================================
   ZIREXA ABOUT MEDIA / VIDEO FIX — v2.0
   Force the About media area to blend into the white website.
   ========================================================= */

.about-media {
    background: #ffffff !important;
    background-image: none !important;
    overflow: hidden !important;
}

.about-media video {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    min-height: 100% !important;

    object-fit: cover !important;
    object-position: center center !important;

    background: #ffffff !important;
    background-image: none !important;

    border: 0 !important;
    outline: 0 !important;
    box-shadow: none !important;
    border-radius: 0 !important;

    margin: 0 !important;
    padding: 0 !important;
}

.about-media img {
    display: block !important;
    width: 100% !important;
    height: 100% !important;
    object-fit: cover !important;
    object-position: center center !important;
    background: #ffffff !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    box-shadow: none !important;
}

.about-fallback {
    background: #ffffff !important;
    background-image: none !important;
    color: #111111 !important;
}

.about-media::before,
.about-media::after {
    content: none !important;
    display: none !important;
}

/* =========================================================
   ZIREXA PACKAGE FIX v5 - APPLIED DIRECTLY TO MAIN style.css
   ========================================================= */

.plans-section{
  overflow:visible !important;
}

.plans-section .plan-grid{
  width:min(1180px,92vw) !important;
  max-width:1180px !important;
  margin:0 auto !important;
  padding-top:36px !important;
  gap:12px !important;
  align-items:stretch !important;
  overflow:visible !important;
}

/* Make all package cards smaller/shorter */
.plans-section .plan-card{
  position:relative !important;
  overflow:visible !important;
  min-height:500px !important;
  padding:16px 14px 14px !important;
  border-radius:16px !important;
  text-align:center !important;
  color:#111114 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

/* POPULAR badge completely OUTSIDE the square */
.plans-section .plan-card .badge{
  position:absolute !important;
  top:-31px !important;
  left:50% !important;
  right:auto !important;
  transform:translateX(-50%) !important;
  z-index:50 !important;
  width:calc(100% - 30px) !important;
  max-width:190px !important;
  margin:0 !important;
  padding:6px 12px !important;
  border-radius:999px !important;
  text-align:center !important;
  font-size:9.5px !important;
  line-height:1.1 !important;
  font-weight:900 !important;
  color:#fff !important;
  box-shadow:0 7px 16px rgba(240,25,34,.18) !important;
}

/* Fixed equal vertical alignment for all cards */
.plans-section .plan-card .plan-icon{
  width:46px !important;
  height:46px !important;
  min-height:46px !important;
  margin:0 auto 8px !important;
  display:grid !important;
  place-items:center !important;
}

.plans-section .plan-card .plan-icon img{
  width:100% !important;
  height:100% !important;
  object-fit:contain !important;
  padding:5px !important;
}

.plans-section .plan-card h3{
  min-height:44px !important;
  margin:0 0 3px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#111114 !important;
  font-size:17px !important;
  line-height:1.22 !important;
  font-weight:900 !important;
  opacity:1 !important;
}

.plans-section .plan-card .plan-sub{
  min-height:30px !important;
  margin:0 0 5px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  color:#303036 !important;
  font-size:11.5px !important;
  line-height:1.3 !important;
  font-weight:700 !important;
  opacity:1 !important;
}

.plans-section .plan-card .price{
  min-height:36px !important;
  width:100% !important;
  margin:2px 0 7px !important;
  display:flex !important;
  justify-content:center !important;
  align-items:baseline !important;
  gap:7px !important;
}

.plans-section .plan-card .price del{
  color:#55555b !important;
  font-size:12px !important;
  font-weight:750 !important;
  opacity:1 !important;
  text-decoration-thickness:2px !important;
}

.plans-section .plan-card .price strong{
  color:var(--accent) !important;
  font-size:27px !important;
  line-height:1 !important;
  font-weight:950 !important;
  opacity:1 !important;
}

.plans-section .plan-card ul{
  width:100% !important;
  margin:0 0 8px !important;
  padding:0 !important;
  flex:1 !important;
  text-align:center !important;
}

.plans-section .plan-card li{
  padding:5px 1px !important;
  border-bottom:1px solid #e4e4e8 !important;
  text-align:center !important;
  color:#131317 !important;
  font-size:11.5px !important;
  line-height:1.25 !important;
  font-weight:750 !important;
  opacity:1 !important;
  filter:none !important;
  text-shadow:none !important;
}

.plans-section .plan-card li::before{
  position:static !important;
  display:inline-block !important;
  margin-right:5px !important;
  color:var(--accent) !important;
  font-weight:950 !important;
}

.plans-section .plan-card .btn{
  min-height:38px !important;
  padding:8px 10px !important;
  margin-top:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  font-size:12px !important;
  font-weight:850 !important;
}

/* Prevent reveal transforms making package text soft */
.plans-section .plan-card.reveal,
.plans-section .plan-card.reveal.from-left,
.plans-section .plan-card.reveal.from-right,
.plans-section .plan-card.reveal.from-bottom{
  opacity:1 !important;
  filter:none !important;
  transform:none !important;
}

.plans-section .plan-card:hover{
  transform:translateY(-5px) !important;
  box-shadow:0 18px 42px rgba(0,0,0,.11) !important;
  border-color:#efb1b5 !important;
}

/* Tablet */
@media (max-width:1100px) and (min-width:761px){
  .plans-section .plan-grid{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    width:min(760px,92vw) !important;
    gap:16px !important;
  }
  .plans-section .plan-card{
    min-height:470px !important;
  }
}

/* Mobile: neat swipe cards */
@media (max-width:760px){
  .plans-section .plan-grid{
    display:flex !important;
    width:100% !important;
    max-width:none !important;
    overflow-x:auto !important;
    overflow-y:visible !important;
    gap:12px !important;
    padding:38px 16px 18px !important;
    scroll-snap-type:x mandatory;
    scrollbar-width:none;
  }
  .plans-section .plan-grid::-webkit-scrollbar{
    display:none;
  }
  .plans-section .plan-card{
    flex:0 0 min(82vw,330px) !important;
    width:min(82vw,330px) !important;
    min-height:460px !important;
    scroll-snap-align:center;
  }
}

/* Keep every main navigation link visible on the black header. */
.site-header .nav>a:not(.nav-cta):hover,
.site-header .nav>a:not(.nav-cta):focus-visible{
  color:#f01922!important;
}