/* ==========================================================================
   WebZiora Technologies - design system
   Direction: "engineering blueprint". Deep drafting-navy grounds, cool paper
   surfaces, a single signal-teal accent for action and amber for emphasis.
   Display: Space Grotesk / Body: IBM Plex Sans / Labels: IBM Plex Mono
   ========================================================================== */

:root {
    --wz-ink: #0D1F35;
    --wz-ink-2: #14304F;
    --wz-paper: #F4F6F9;
    --wz-white: #FFFFFF;
    --wz-signal: #16C79A;
    --wz-signal-dark: #0FA07B;
    --wz-amber: #F2A007;
    --wz-body: #4A5A6E;
    --wz-line: #DDE3EB;
    --wz-line-dark: rgba(255, 255, 255, .14);

    --wz-radius: 6px;
    --wz-shadow: 0 18px 40px -28px rgba(13, 31, 53, .55);
    --wz-section: clamp(3.5rem, 7vw, 6rem);
}

/* ---------- base ---------- */
html { scroll-behavior: smooth; scroll-padding-top: 90px; }

body {
    font-family: 'IBM Plex Sans', system-ui, -apple-system, 'Segoe UI', sans-serif;
    color: var(--wz-body);
    background: var(--wz-white);
    font-size: 1.0125rem;
    line-height: 1.7;
    -webkit-font-smoothing: antialiased;
}

h1, h2, h3, h4, .wz-display {
    font-family: 'Space Grotesk', 'Space Grotesk Fallback', sans-serif;
    color: var(--wz-ink);
    font-weight: 600;
    letter-spacing: -.015em;
    line-height: 1.18;
}

h1 { font-size: clamp(2.1rem, 4.6vw, 3.35rem); font-weight: 700; }
h2 { font-size: clamp(1.6rem, 3vw, 2.3rem); }
h3 { font-size: 1.2rem; }

a { color: var(--wz-ink-2); text-decoration-color: rgba(22, 199, 154, .5); text-underline-offset: 3px; }
a:hover { color: var(--wz-signal-dark); }

:focus-visible { outline: 3px solid var(--wz-signal); outline-offset: 2px; }

.wz-skip {
    position: absolute; left: -9999px; top: 0; z-index: 1080;
    background: var(--wz-ink); color: #fff; padding: .75rem 1.25rem;
}
.wz-skip:focus { left: 1rem; top: 1rem; color: #fff; }

/* ---------- structural label (mono eyebrow) ---------- */
.wz-eyebrow {
    font-family: 'IBM Plex Mono', ui-monospace, monospace;
    font-size: .74rem;
    letter-spacing: .16em;
    text-transform: uppercase;
    color: var(--wz-signal-dark);
    display: inline-flex;
    align-items: center;
    gap: .6rem;
    margin-bottom: .9rem;
}
.wz-eyebrow::before {
    content: ""; width: 26px; height: 1px; background: var(--wz-signal); display: inline-block;
}
.wz-eyebrow--light { color: var(--wz-signal); }

/* ---------- header / nav ---------- */
.wz-header { position: sticky; top: 0; z-index: 1030; }

.wz-navbar {
    background: rgba(255, 255, 255, .94);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid var(--wz-line);
    padding-block: .7rem;
}

.wz-brand img { height: 44px; width: auto; }

.wz-navbar .nav-link {
    font-weight: 500;
    color: var(--wz-ink);
    padding: .5rem .95rem;
    position: relative;
}
.wz-navbar .nav-link:hover { color: var(--wz-signal-dark); }
.wz-navbar .nav-link.active { color: var(--wz-ink); }
.wz-navbar .nav-link.active::after {
    content: ""; position: absolute; left: .95rem; right: .95rem; bottom: .15rem;
    height: 2px; background: var(--wz-signal);
}
.navbar-toggler { border-color: var(--wz-line); }
.navbar-toggler:focus { box-shadow: none; }

/* ---------- buttons ---------- */
.btn { border-radius: var(--wz-radius); font-weight: 600; padding: .7rem 1.5rem; }

.wz-btn-signal {
    background: var(--wz-signal); color: var(--wz-ink); border: 1px solid var(--wz-signal);
    transition: transform .15s ease, background .15s ease;
}
.wz-btn-signal:hover { background: var(--wz-signal-dark); border-color: var(--wz-signal-dark); color: #fff; transform: translateY(-1px); }

.wz-btn-outline {
    background: transparent; color: var(--wz-ink); border: 1px solid var(--wz-line);
}
.wz-btn-outline:hover { border-color: var(--wz-ink); color: var(--wz-ink); background: #fff; }

.wz-btn-ghost-light {
    background: transparent; color: #fff; border: 1px solid var(--wz-line-dark);
}
.wz-btn-ghost-light:hover { background: rgba(255, 255, 255, .08); color: #fff; border-color: rgba(255, 255, 255, .4); }

/* ---------- sections ---------- */
.wz-section { padding-block: var(--wz-section); }
.wz-section--paper { background: var(--wz-paper); }
.wz-section--ink { background: var(--wz-ink); color: #C7D3E1; }
.wz-section--ink h2, .wz-section--ink h3 { color: #fff; }

.wz-lead { font-size: 1.09rem; color: var(--wz-body); }
.wz-section--ink .wz-lead { color: #B9C7D8; }

/* ---------- SIGNATURE: blueprint grid ---------- */
.wz-blueprint {
    position: relative;
    background: var(--wz-ink);
    color: #C7D3E1;
    overflow: hidden;
}
.wz-blueprint::before {
    content: "";
    position: absolute; inset: 0;
    background-image:
        linear-gradient(rgba(255, 255, 255, .055) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255, 255, 255, .055) 1px, transparent 1px);
    background-size: 56px 56px;
    mask-image: radial-gradient(120% 90% at 78% 12%, #000 25%, transparent 78%);
    -webkit-mask-image: radial-gradient(120% 90% at 78% 12%, #000 25%, transparent 78%);
    pointer-events: none;
}
.wz-blueprint > .container { position: relative; z-index: 1; }

/* hero */
.wz-hero { padding-block: clamp(4rem, 9vw, 7.5rem); }
.wz-hero h1 { color: #fff; max-width: 15ch; }
.wz-hero p { color: #B9C7D8; max-width: 58ch; }

/* corner brackets = drafting marks around the hero panel */
.wz-bracket { position: relative; padding: 1.75rem 0 0 1.75rem; }
.wz-bracket::before, .wz-bracket::after {
    content: ""; position: absolute; width: 46px; height: 46px; border-color: var(--wz-signal); border-style: solid;
}
.wz-bracket::before { top: 0; left: 0; border-width: 1px 0 0 1px; }
.wz-bracket::after { bottom: -1.75rem; right: -1rem; border-width: 0 1px 1px 0; }

/* spec strip under the hero */
.wz-spec {
    border-top: 1px solid var(--wz-line-dark);
    padding-top: 1.6rem;
    margin-top: 3rem;
    font-family: 'IBM Plex Mono', monospace;
    font-size: .8rem;
    letter-spacing: .06em;
    color: #8FA3BA;
}
.wz-spec strong { color: #fff; font-weight: 500; display: block; font-size: 1.5rem; letter-spacing: -.02em; font-family: 'Space Grotesk', sans-serif; }

/* ---------- cards ---------- */
.wz-card {
    background: #fff;
    border: 1px solid var(--wz-line);
    border-radius: var(--wz-radius);
    padding: 1.9rem;
    height: 100%;
    transition: border-color .18s ease, transform .18s ease, box-shadow .18s ease;
}
.wz-card:hover { border-color: var(--wz-signal); transform: translateY(-3px); box-shadow: var(--wz-shadow); }
.wz-card h3 { margin-bottom: .6rem; }
.wz-card p { margin-bottom: 0; font-size: .97rem; }

.wz-card-icon {
    width: 46px; height: 46px; display: grid; place-items: center;
    border: 1px solid var(--wz-line); border-radius: var(--wz-radius);
    color: var(--wz-signal-dark); font-size: 1.25rem; margin-bottom: 1.1rem;
    background: var(--wz-paper);
}

.wz-card--ink { background: rgba(255, 255, 255, .035); border-color: var(--wz-line-dark); }
.wz-card--ink p { color: #B9C7D8; }
.wz-card--ink .wz-card-icon { background: transparent; border-color: var(--wz-line-dark); color: var(--wz-signal); }

/* ---------- page banner ---------- */
.wz-banner { padding-block: clamp(3rem, 6vw, 4.75rem); }
.wz-banner h1 { color: #fff; }
.wz-banner p { color: #B9C7D8; max-width: 62ch; margin-bottom: 0; }

.breadcrumb { --bs-breadcrumb-divider-color: #7B8FA8; margin-bottom: 1.1rem; }
.breadcrumb-item a { color: #9FB2C7; font-size: .88rem; text-decoration: none; }
.breadcrumb-item a:hover { color: var(--wz-signal); }
.breadcrumb-item.active { color: #E4EBF3; font-size: .88rem; }

/* ---------- portfolio ---------- */
.wz-work { border: 1px solid var(--wz-line); border-radius: var(--wz-radius); overflow: hidden; background: #fff; height: 100%; }
.wz-work img { width: 100%; height: auto; display: block; border-bottom: 1px solid var(--wz-line); }
.wz-work-body { padding: 1.5rem 1.6rem 1.75rem; }
.wz-tag {
    font-family: 'IBM Plex Mono', monospace; font-size: .7rem; letter-spacing: .1em; text-transform: uppercase;
    color: var(--wz-ink-2); background: var(--wz-paper); border: 1px solid var(--wz-line);
    padding: .2rem .55rem; border-radius: 3px; display: inline-block; margin: 0 .3rem .35rem 0;
}

/* ---------- blog ---------- */
.wz-post { border-bottom: 1px solid var(--wz-line); padding-block: 1.9rem; }
.wz-post:first-of-type { padding-top: 0; }
.wz-post h3 { margin-bottom: .45rem; }
.wz-post h3 a { color: var(--wz-ink); text-decoration: none; }
.wz-post h3 a:hover { color: var(--wz-signal-dark); }
.wz-post-meta { font-family: 'IBM Plex Mono', monospace; font-size: .76rem; letter-spacing: .08em; text-transform: uppercase; color: #8494A8; }

/* ---------- process timeline (order carries meaning here) ---------- */
.wz-step { position: relative; padding-left: 3.25rem; padding-bottom: 2.1rem; }
.wz-step:last-child { padding-bottom: 0; }
.wz-step::before {
    content: attr(data-step);
    position: absolute; left: 0; top: 0;
    width: 2.1rem; height: 2.1rem; border-radius: 50%;
    display: grid; place-items: center;
    font-family: 'IBM Plex Mono', monospace; font-size: .8rem;
    border: 1px solid var(--wz-signal); color: var(--wz-signal-dark); background: #fff;
}
.wz-step::after {
    content: ""; position: absolute; left: 1.05rem; top: 2.4rem; bottom: .3rem; width: 1px; background: var(--wz-line);
}
.wz-step:last-child::after { display: none; }

/* ---------- checklist ---------- */
.wz-check { list-style: none; padding: 0; margin: 0; }
.wz-check li { position: relative; padding-left: 1.9rem; margin-bottom: .7rem; }
.wz-check li::before {
    content: "\F26E"; font-family: "bootstrap-icons"; position: absolute; left: 0; top: 0;
    color: var(--wz-signal-dark); font-size: .95rem;
}

/* ---------- CTA band ---------- */
.wz-cta { background: var(--wz-ink-2); color: #fff; border-radius: var(--wz-radius); padding: clamp(2rem, 4vw, 3.25rem); }
.wz-cta h2 { color: #fff; }
.wz-cta p { color: #C2D2E3; margin-bottom: 0; }

/* ---------- forms ---------- */
.form-control, .form-select {
    border-radius: var(--wz-radius); border-color: var(--wz-line); padding: .7rem .9rem; color: var(--wz-ink);
}
.form-control:focus, .form-select:focus { border-color: var(--wz-signal); box-shadow: 0 0 0 .2rem rgba(22, 199, 154, .18); }
.form-label { font-weight: 600; color: var(--wz-ink); font-size: .92rem; }

/* ---------- footer ---------- */
.wz-footer { background: var(--wz-ink); color: #9FB2C7; padding-top: var(--wz-section); padding-bottom: 2rem; }
.wz-footer-text { font-size: .95rem; color: #9FB2C7; max-width: 36ch; margin-bottom: 0; }
.wz-footer-title {
    font-family: 'IBM Plex Mono', monospace; font-size: .76rem; letter-spacing: .16em; text-transform: uppercase;
    color: #fff; margin-bottom: 1.1rem;
}
.wz-footer-links li { margin-bottom: .55rem; font-size: .95rem; }
.wz-footer-links a { color: #9FB2C7; text-decoration: none; }
.wz-footer-links a:hover { color: var(--wz-signal); }
.wz-footer-contact li { display: flex; gap: .6rem; align-items: flex-start; }
.wz-footer-contact i { color: var(--wz-signal); margin-top: .35rem; }

.wz-social a {
    width: 38px; height: 38px; display: grid; place-items: center;
    border: 1px solid var(--wz-line-dark); border-radius: var(--wz-radius); color: #C7D3E1;
}
.wz-social a:hover { border-color: var(--wz-signal); color: var(--wz-signal); }

.wz-footer-bottom {
    border-top: 1px solid var(--wz-line-dark); margin-top: 3rem; padding-top: 1.4rem;
    display: flex; flex-wrap: wrap; gap: .5rem 1.5rem; justify-content: space-between;
    font-size: .87rem;
}
.wz-footer-bottom a { color: #9FB2C7; text-decoration: none; }
.wz-footer-bottom a:hover { color: var(--wz-signal); }

/* ---------- motion ---------- */
.wz-reveal { opacity: 0; transform: translateY(14px); transition: opacity .5s ease, transform .5s ease; }
.wz-reveal.is-visible { opacity: 1; transform: none; }

@media (prefers-reduced-motion: reduce) {
    html { scroll-behavior: auto; }
    .wz-reveal { opacity: 1; transform: none; transition: none; }
    * { animation-duration: .001ms !important; transition-duration: .001ms !important; }
}

/* ---------- responsive ---------- */
@media (max-width: 991.98px) {
    .wz-navbar .nav-link.active::after { left: 0; right: auto; width: 22px; }
    .wz-bracket { padding: 1.25rem 0 0 1.25rem; }
    .wz-bracket::after { display: none; }
}
/* ===== WebZiora approved homepage visual system ===== */
:root{--wz-orange:#ff8500;--wz-orange2:#ff9a1a;--wz-navy:#061a32;--wz-navy2:#0a2745;--wz-blue:#087cf0}
body{font-family:'Poppins',sans-serif;background:#fff;color:#27384b}
.wz-header{position:relative;z-index:1000}.wz-topbar{height:30px;background:#031323;color:#fff;border-bottom:1px solid rgba(255,255,255,.18);font-size:12px}.wz-follow{display:flex;gap:16px;align-items:center}.wz-follow span{font-weight:700}.wz-contact-top{display:flex;gap:26px}.wz-contact-top i{color:var(--wz-orange);margin-right:6px}
.wz-navbar{background:#061a32;border-bottom:1px solid rgba(255,255,255,.16);padding:5px 0}.wz-brand{width:245px;height:68px;display:flex;align-items:center;overflow:hidden}.wz-brand img{width:225px;height:68px;object-fit:contain;object-position:left center;filter:drop-shadow(0 5px 8px rgba(0,0,0,.25))}.wz-navbar .nav-link{color:#fff;font-weight:600;font-size:14px;padding:22px 13px;position:relative}.wz-navbar .nav-link:hover,.wz-navbar .nav-link.active{color:#fff}.wz-navbar .nav-link.active:after{content:"";position:absolute;left:13px;right:13px;bottom:10px;height:2px;background:var(--wz-orange)}.wz-navbar .navbar-toggler{border-color:#fff}.wz-navbar .navbar-toggler-icon{filter:invert(1)}
.wz-btn-signal{background:linear-gradient(135deg,var(--wz-orange),#ff9d21);border:0;color:#fff!important;border-radius:8px;font-weight:700;box-shadow:0 7px 20px rgba(255,133,0,.22);padding:.72rem 1.25rem}.wz-btn-signal:hover{transform:translateY(-1px);color:#fff}.wz-btn-outline-light{border:1px solid rgba(255,255,255,.65);color:#fff;border-radius:8px;font-weight:600;padding:.72rem 1.25rem}.wz-btn-outline-light:hover{background:#fff;color:#061a32}
.wz-home-hero{position:relative;overflow:hidden;background:linear-gradient(110deg,#04172c 0%,#07294a 55%,#061a32 100%);padding:45px 0 30px;color:#fff}.wz-hero-grid{position:absolute;inset:0;opacity:.16;background-image:linear-gradient(rgba(30,132,235,.25) 1px,transparent 1px),linear-gradient(90deg,rgba(30,132,235,.25) 1px,transparent 1px);background-size:55px 55px;mask-image:radial-gradient(circle at 60% 50%,#000,transparent 72%)}.wz-hero-kicker{color:var(--wz-orange);font-weight:700;letter-spacing:.08em;font-size:14px;margin-bottom:12px}.wz-home-hero h1{font-size:clamp(2.4rem,4.8vw,4rem);line-height:1.08;font-weight:800;color:#fff;margin:0}.wz-home-hero h1 span{color:var(--wz-orange)}.wz-hero-copy{font-size:16px;line-height:1.65;color:#d4e1ee;max-width:560px;margin:16px 0 0}.wz-hero-stats{display:flex;gap:44px;margin-top:30px}.wz-hero-stats strong{display:block;color:var(--wz-orange);font-size:25px;line-height:1}.wz-hero-stats small{display:block;color:#fff;margin-top:6px;font-size:12px}.wz-home-slider{border:2px solid var(--wz-orange);border-radius:18px;overflow:hidden;box-shadow:0 15px 40px rgba(0,0,0,.35)}.wz-home-slider .carousel-item img{width:100%;height:420px;object-fit:cover;display:block}.wz-slider-arrow{width:42px;height:42px;top:45%;bottom:auto;border-radius:50%;background:rgba(0,0,0,.65);margin:0 10px}.wz-slider-arrow i{font-size:23px}.wz-home-slider .carousel-indicators{bottom:5px}.wz-home-slider .carousel-indicators button{width:7px;height:7px;border-radius:50%;border:0}
.wz-light-section{background:#fff}.wz-orange-label{text-align:center;color:var(--wz-orange);font-size:12px;font-weight:800;letter-spacing:.08em}.wz-light-section h2,.wz-home-portfolio h2{font-size:30px;font-weight:800;margin:3px 0 5px;color:#07182b}.wz-light-section h2 span,.wz-home-portfolio h2 span{color:var(--wz-orange)}.wz-light-section>.container> .text-center p{font-size:13px;color:#68798b}.service-card{background:#fff;border:1px solid #e6eaf0;border-radius:10px;padding:24px 15px;text-align:center;box-shadow:0 8px 22px rgba(9,32,54,.08);transition:.25s}.service-card:hover{transform:translateY(-6px);border-color:#ffd3a5;box-shadow:0 14px 30px rgba(9,32,54,.12)}.service-card h3{font-size:15px;font-weight:800;color:#111;margin:13px 0 10px;line-height:1.3}.service-card p{font-size:12px;line-height:1.6;color:#68798b;min-height:58px}.service-card a{font-size:12px;color:var(--wz-orange);font-weight:700;text-decoration:none}
.wz-home-portfolio h2{color:#fff}.wz-home-portfolio> .container> .d-flex p{font-size:13px;color:#b8c8d8;margin:0}.wz-portfolio-card img{background:#fff}.wz-portfolio-card{transition:.25s}.wz-portfolio-card:hover{transform:translateY(-4px);border-color:var(--wz-orange)}.wz-portfolio-body strong{font-size:13px}.wz-project-cta{margin-top:28px}.wz-telegram{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#1597ff;font-size:21px}.wz-footer{background:#03172b;color:#b8c8d8;padding:45px 0 0;border-top:1px solid rgba(255,255,255,.1)}.footer-logo{width:210px;height:90px;object-fit:contain;object-position:left center}.wz-footer-text{font-size:12px;line-height:1.7;max-width:330px}.wz-footer-title{color:#fff;font-size:15px;font-weight:700;margin:8px 0 15px}.wz-footer-links{list-style:none;padding:0;margin:0}.wz-footer-links li{font-size:12px;line-height:2;color:#b8c8d8}.wz-footer-links a{color:#b8c8d8;text-decoration:none}.wz-footer-links a:hover{color:var(--wz-orange)}.wz-footer-contact i{color:var(--wz-orange);width:20px}.wz-social{display:flex;gap:14px;margin-top:15px}.wz-social span{color:#fff;font-weight:700}.wz-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:32px;padding:16px 0;display:flex;justify-content:space-between;font-size:11px}.wz-footer-bottom a{color:#b8c8d8;text-decoration:none}
@media(max-width:991px){.wz-contact-top{display:none}.wz-brand{height:60px}.wz-brand img{width:190px;height:60px}.wz-navbar .nav-link{padding:11px 8px}.wz-home-hero{padding-top:35px}.wz-home-slider .carousel-item img{height:330px}.wz-hero-stats{gap:24px}.wz-footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:575px){.wz-topbar{height:28px}.wz-follow{font-size:10px;gap:10px}.wz-brand{width:200px}.wz-brand img{width:180px}.wz-home-hero h1{font-size:2.45rem}.wz-home-slider .carousel-item img{height:250px}.wz-hero-stats{gap:16px;flex-wrap:wrap}.wz-hero-stats strong{font-size:21px}.wz-footer-bottom{font-size:10px}.wz-home-portfolio .d-flex .btn{margin-top:10px}}

/* ===== FINAL v5 FOOTER: match approved visual ===== */
.wz-footer{background:linear-gradient(180deg,#031a30 0%,#021221 100%);color:#b8c8d8;padding:46px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.wz-footer-grid{display:grid;grid-template-columns:1.55fr .9fr 1.35fr 1.15fr .9fr;gap:34px;align-items:start}
.wz-footer-brand{min-width:0}
.wz-footer-logo-wrap{display:inline-flex;align-items:center;background:#fff;border-radius:10px;padding:7px 12px;height:76px;min-width:190px;box-shadow:0 8px 25px rgba(0,0,0,.22);margin-bottom:13px}
.footer-logo{display:block;width:175px;height:62px;object-fit:contain;object-position:center}
.wz-footer-brand p{font-size:12px;line-height:1.7;color:#aebfd0;max-width:300px;margin:0}
.wz-social-icons{display:flex;gap:10px;margin-top:17px}
.wz-social-icons a{width:31px;height:31px;border:1px solid rgba(255,255,255,.2);border-radius:6px;display:grid;place-items:center;color:#fff;text-decoration:none;transition:.2s}
.wz-social-icons a:hover{background:#ff8500;border-color:#ff8500;transform:translateY(-2px)}
.wz-footer-title{font-family:'Poppins',sans-serif;color:#fff;font-size:14px;font-weight:700;letter-spacing:0;text-transform:none;margin:4px 0 17px;position:relative;padding-bottom:9px}
.wz-footer-title:after{content:"";position:absolute;left:0;bottom:0;width:28px;height:2px;background:#ff8500;border-radius:4px}
.wz-footer-links{list-style:none;padding:0;margin:0}
.wz-footer-links li{font-size:12px;line-height:1.7;margin:0 0 8px}
.wz-footer-links a{color:#b8c8d8;text-decoration:none;display:flex;justify-content:space-between;gap:10px;transition:.2s}
.wz-footer-links a:hover{color:#ff9a1a;padding-left:3px}
.wz-footer-links a span{color:#ff8500;font-size:17px;line-height:14px}
.wz-footer-contact{list-style:none;padding:0;margin:0}
.wz-footer-contact li{display:flex;gap:10px;align-items:flex-start;color:#b8c8d8;font-size:12px;line-height:1.6;margin-bottom:13px}
.wz-footer-contact i{color:#ff8500;font-size:15px;flex:0 0 18px;margin-top:2px}
.payment-badges{display:flex;flex-wrap:wrap;gap:7px;margin-top:3px}
.payment-badges span{background:#fff;color:#09223b;border-radius:4px;padding:7px 8px;font-size:9px;font-weight:800;line-height:1;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.payment-badges span:nth-child(2){font-size:8px}.payment-badges span:nth-child(3){color:#135eb5}.payment-badges span:nth-child(4){font-size:11px}
.ssl-badge{margin-top:18px;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:9px 10px;display:flex;align-items:center;gap:8px;max-width:150px;color:#fff}
.ssl-badge i{font-size:20px;color:#66b9ff}.ssl-badge small{display:block;font-size:6px;color:#9fb2c7;letter-spacing:.08em}.ssl-badge strong{display:block;font-size:11px;line-height:1.1}
.wz-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding:15px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#8195a9}
.wz-footer-bottom span:last-child{display:flex;gap:10px}.wz-footer-bottom a{color:#aebfd0;text-decoration:none}.wz-footer-bottom a:hover{color:#ff8500}.wz-footer-bottom b{font-weight:400;color:#536b81}
@media(max-width:1100px){.wz-footer-grid{grid-template-columns:1.4fr 1fr 1.3fr 1.2fr}.wz-footer-grid>div:last-child{grid-column:4}}
@media(max-width:767px){.wz-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.wz-footer-grid>div:first-child{grid-column:1/-1}.wz-footer-grid>div:last-child{grid-column:auto}.wz-footer-bottom{flex-direction:column}.wz-footer-bottom span:last-child{flex-wrap:wrap}}
@media(max-width:480px){.wz-footer-grid{grid-template-columns:1fr}.wz-footer-grid>div{grid-column:auto!important}.wz-footer-logo-wrap{height:72px}.wz-footer-bottom span:last-child{gap:7px}}

/* Payment dropdown restored while keeping the approved premium navigation */
.wz-payment-menu{
  min-width:220px; padding:.55rem; border:1px solid rgba(255,255,255,.12);
  border-radius:14px; background:#071b31; box-shadow:0 18px 40px rgba(0,0,0,.28);
}
.wz-payment-menu .dropdown-item{
  color:#fff; border-radius:10px; padding:.65rem .8rem; font-weight:600;
}
.wz-payment-menu .dropdown-item:hover,.wz-payment-menu .dropdown-item:focus{
  color:#fff; background:rgba(255,126,0,.14);
}
.wz-payment-menu .dropdown-item i{color:#ff7e00;}
@media (max-width:991.98px){
  .wz-payment-menu{border:0; box-shadow:none; background:rgba(255,255,255,.04); margin:.25rem 0 .5rem; width:100%;}
}

/* ===== v7 footer: clean approved mockup match ===== */
.wz-footer{background:linear-gradient(180deg,#041a31 0%,#020e1c 100%);color:#b8c8d8;padding:48px 0 0;border-top:1px solid rgba(255,255,255,.12)}
.wz-footer-grid{display:grid;grid-template-columns:1.55fr .9fr 1.35fr 1.2fr .9fr;gap:34px;align-items:start}
.wz-footer-brand{min-width:0}
.wz-footer-brand .footer-logo{display:block;width:205px;height:92px;object-fit:contain;object-position:left center;margin:0 0 10px;filter:drop-shadow(0 8px 14px rgba(0,0,0,.22))}
.wz-footer-brand p{font-size:12px;line-height:1.7;color:#aebfd0;max-width:300px;margin:0}
.wz-footer-title{color:#fff;font-family:'Poppins',sans-serif;font-size:14px;font-weight:700;margin:4px 0 17px;padding-bottom:9px;position:relative}
.wz-footer-title:after{content:"";position:absolute;left:0;bottom:0;width:30px;height:2px;background:#ff8500;border-radius:4px}
.wz-footer-links{list-style:none;padding:0;margin:0}.wz-footer-links li{font-size:12px;line-height:1.55;margin:0 0 8px}.wz-footer-links a{color:#b8c8d8;text-decoration:none;display:flex;justify-content:space-between;gap:10px;transition:.2s}.wz-footer-links a:hover{color:#ff9a1a;padding-left:3px}.wz-footer-links a span{color:#ff8500;font-size:17px;line-height:13px}
.wz-footer-contact{list-style:none;padding:0;margin:0}.wz-footer-contact li{display:flex;gap:10px;align-items:flex-start;color:#b8c8d8;font-size:12px;line-height:1.6;margin-bottom:13px}.wz-footer-contact i{color:#ff8500;font-size:15px;flex:0 0 18px;margin-top:2px}.wz-footer-contact a{color:#b8c8d8;text-decoration:none}.wz-footer-contact a:hover{color:#ff9a1a}
.wz-social-icons{display:flex;gap:10px;margin-top:17px}.wz-social-icons a{width:32px;height:32px;border:1px solid rgba(255,255,255,.2);border-radius:50%;display:grid;place-items:center;color:#fff;text-decoration:none;transition:.2s}.wz-social-icons a:hover{background:#ff8500;border-color:#ff8500;transform:translateY(-2px)}
.payment-badges{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:3px}.payment-badges span{height:31px;background:#fff;color:#09223b;border-radius:5px;display:grid;place-items:center;padding:0 6px;font-size:9px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.12)}.payment-badges .pay-visa{font-style:italic;color:#153f9b;font-size:14px}.payment-badges .pay-master{font-size:8px}.payment-badges .pay-rupay{color:#1263b4;font-size:11px}.payment-badges .pay-upi{font-size:13px;letter-spacing:.5px}
.footer-payment-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:12px;padding:9px 10px;border:1px solid rgba(255,133,0,.55);border-radius:7px;color:#fff;text-decoration:none;font-size:11px;font-weight:700}.footer-payment-link i{color:#ff8500}.footer-payment-link span{color:#ff8500;font-size:16px}.footer-payment-link:hover{background:rgba(255,133,0,.1);color:#fff}
.ssl-badge{margin-top:12px;border:1px solid rgba(255,255,255,.18);border-radius:7px;padding:8px 9px;display:flex;align-items:center;gap:8px;max-width:155px;color:#fff}.ssl-badge i{font-size:20px;color:#66b9ff}.ssl-badge small{display:block;font-size:6px;color:#9fb2c7;letter-spacing:.08em}.ssl-badge strong{display:block;font-size:11px;line-height:1.1}
.wz-footer-bottom{border-top:1px solid rgba(255,255,255,.12);margin-top:34px;padding:15px 0;display:flex;justify-content:space-between;gap:16px;font-size:11px;color:#8195a9}.wz-footer-bottom span:last-child{display:flex;gap:10px}.wz-footer-bottom a{color:#aebfd0;text-decoration:none}.wz-footer-bottom a:hover{color:#ff8500}.wz-footer-bottom b{font-weight:400;color:#536b81}
@media(max-width:1100px){.wz-footer-grid{grid-template-columns:1.4fr 1fr 1.3fr 1.2fr}.wz-footer-grid>div:last-child{grid-column:4}}
@media(max-width:767px){.wz-footer-grid{grid-template-columns:1fr 1fr;gap:28px 20px}.wz-footer-grid>div:first-child{grid-column:1/-1}.wz-footer-bottom{flex-direction:column}.wz-footer-bottom span:last-child{flex-wrap:wrap}}
@media(max-width:480px){.wz-footer-grid{grid-template-columns:1fr}.wz-footer-grid>div{grid-column:auto!important}.wz-footer-brand .footer-logo{width:190px;height:86px}.wz-footer-bottom{font-size:10px}}

/* ===== FINAL FIXES v8 ===== */
.wz-topbar .wz-follow{display:flex;align-items:center;gap:14px}
.wz-topbar .wz-follow-label{font-weight:600;margin-right:2px}
.wz-topbar .wz-follow a{color:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;font-size:14px;line-height:1;transition:.2s}
.wz-topbar .wz-follow a:hover{color:#ff8500;transform:translateY(-1px)}
.wz-topbar .wz-follow a i{font-size:14px}

/* Smaller homepage banner / hero footprint */
.wz-home-hero.wz-home-hero-compact{padding:30px 0 22px}
.wz-home-hero.wz-home-hero-compact h1{font-size:clamp(2.15rem,4vw,3.45rem)}
.wz-home-hero.wz-home-hero-compact .wz-hero-copy{font-size:15px;line-height:1.55;margin-top:12px}
.wz-home-hero.wz-home-hero-compact .wz-hero-stats{margin-top:22px}
.wz-home-hero.wz-home-hero-compact .wz-home-slider .carousel-item img{height:285px}
.wz-home-hero.wz-home-hero-compact .wz-home-slider{border-radius:16px}
@media(max-width:991px){
  .wz-home-hero.wz-home-hero-compact{padding:26px 0 20px}
  .wz-home-hero.wz-home-hero-compact .wz-home-slider .carousel-item img{height:250px}
}
@media(max-width:575px){
  .wz-home-hero.wz-home-hero-compact{padding:22px 0 18px}
  .wz-home-hero.wz-home-hero-compact h1{font-size:2.25rem}
  .wz-home-hero.wz-home-hero-compact .wz-home-slider .carousel-item img{height:190px}
}

/* Footer: exact supplied contact details + clean arrows/socials */
.wz-footer-links a{align-items:center}
.wz-footer-links .footer-arrow,.footer-payment-link .footer-arrow{color:#ff8500;font-size:12px;line-height:1;flex:0 0 auto}
.wz-footer-contact a{white-space:nowrap}
.wz-footer-brand .footer-logo{background:transparent!important}
@media(max-width:575px){.wz-footer-contact a{white-space:normal}}


/* ===== v10 final fixes ===== */
.wz-contact-top .wz-top-email,
.wz-contact-top .wz-top-phone{color:#ffffff!important;font-weight:600;text-decoration:none}
.wz-contact-top .wz-top-email i,
.wz-contact-top .wz-top-phone i{color:#ff8500!important}
.wz-footer-contact a{color:#ffffff!important;font-weight:600;text-decoration:none}
.wz-footer-contact a:hover{color:#ff9a1a!important}
.wz-footer-contact span{color:#d7e3ef!important}
.wz-footer-contact i{color:#ff8500!important}
.wz-footer{overflow:hidden}


/* v11 final visual fixes */
.wz-footer-contact a{color:#ffb35c!important;font-weight:700!important;text-decoration:none!important}
.wz-footer-contact a:hover{color:#ffffff!important}
.wz-footer-contact i{color:#ff8500!important}
.wz-footer-contact span{color:#e8f0f7!important}
.wz-home-slider .carousel-item img{object-fit:contain!important;background:#ffffff!important}
@media(min-width:992px){.wz-home-hero.wz-home-hero-compact .wz-home-slider .carousel-item img{height:330px!important}}
@media(max-width:991px){.wz-home-hero.wz-home-hero-compact .wz-home-slider .carousel-item img{height:280px!important}}
@media(max-width:575px){.wz-home-hero.wz-home-hero-compact .wz-home-slider .carousel-item img{height:auto!important;aspect-ratio:448/299;object-fit:contain!important}}

/* v12 service mega dropdown */
.wz-service-menu{min-width:360px;max-width:460px;padding:10px;border:1px solid rgba(6,26,50,.12);box-shadow:0 18px 40px rgba(6,26,50,.16);border-radius:12px}
.wz-service-menu .dropdown-item{white-space:normal;padding:9px 12px;font-size:13px;line-height:1.35;border-radius:7px;color:#18324a}
.wz-service-menu .dropdown-item:hover{background:#fff3e8;color:#e96f00}
@media(max-width:991px){.wz-service-menu{min-width:100%;max-width:none;border:0;box-shadow:none;background:#071d33}.wz-service-menu .dropdown-item{color:#fff}.wz-service-menu .dropdown-item:hover{background:rgba(255,133,0,.12);color:#ff9a3c}}

/* ===== Compact footer for better page footprint ===== */
.wz-footer{padding-top:28px!important;padding-bottom:12px!important}
.wz-footer-grid{grid-template-columns:1.55fr .85fr 1.2fr 1.1fr!important;gap:22px!important}
.wz-footer-brand .footer-logo{width:155px!important;height:62px!important;margin-bottom:5px!important}
.wz-footer-brand p{font-size:11px!important;line-height:1.5!important;max-width:265px!important}
.wz-footer-title{font-size:12px!important;margin:2px 0 10px!important;padding-bottom:6px!important}
.wz-footer-links li{font-size:11px!important;line-height:1.35!important;margin-bottom:4px!important}
.wz-footer-contact li{font-size:11px!important;line-height:1.4!important;margin-bottom:6px!important}
.wz-social-icons{margin-top:9px!important;gap:7px!important}
.wz-social-icons a{width:28px!important;height:28px!important}
.wz-footer-bottom{margin-top:18px!important;padding-top:9px!important;font-size:10px!important}
@media(max-width:1100px){.wz-footer-grid{grid-template-columns:1.4fr 1fr 1.2fr 1.1fr!important;gap:18px!important}}
@media(max-width:767px){.wz-footer-grid{grid-template-columns:1fr 1fr!important;gap:20px 16px!important}.wz-footer-grid>div:first-child{grid-column:1/-1!important}}
@media(max-width:480px){.wz-footer-grid{grid-template-columns:1fr!important;gap:16px!important}.wz-footer-grid>div{grid-column:auto!important}.wz-footer-bottom{margin-top:14px!important}}