:root{
  --bg:#050506; --panel:#111114; --panel2:#18181d; --text:#f6f6f7; --muted:#b9bbc3;
  --line:rgba(255,255,255,.12); --red:#e30613; --red2:#ff2b34; --silver:#d7d7dc; --max:1180px;
  --radius:22px; --shadow:0 24px 80px rgba(0,0,0,.45);
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,Arial,Helvetica,sans-serif;line-height:1.6} a{color:inherit;text-decoration:none} img{max-width:100%;height:auto;display:block} .skip-link{position:absolute;left:-999px}.skip-link:focus{left:16px;top:16px;z-index:1000;background:#fff;color:#000;padding:12px}
.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:22px;justify-content:space-between;padding:18px clamp(18px,4vw,54px);background:rgba(5,5,6,.82);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand img{height:38px}.site-nav{display:flex;align-items:center;gap:4px}.nav-item{position:relative;font-size:12px;font-weight:800;letter-spacing:.08em}.nav-item>a,.nav-item.nav-item{padding:14px 10px;color:#e8e8eb}.nav-item:hover>a,.nav-item:hover{color:#fff}.dropdown{display:none;position:absolute;top:100%;left:0;min-width:235px;background:rgba(16,16,20,.98);border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)}.dropdown a{display:block;padding:10px 12px;border-radius:10px;color:var(--muted);font-size:13px}.dropdown a:hover{background:rgba(255,255,255,.06);color:#fff}.has-menu:hover .dropdown{display:block}.header-actions{display:flex;align-items:center;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;border-radius:999px;border:1px solid var(--line);padding:12px 18px;font-size:13px;font-weight:800;letter-spacing:.04em;transition:.2s ease;cursor:pointer}.btn:hover{transform:translateY(-1px)}.btn-red{background:linear-gradient(135deg,var(--red),var(--red2));border-color:transparent;color:#fff;box-shadow:0 12px 30px rgba(227,6,19,.26)}.btn-ghost{background:rgba(255,255,255,.06);color:#fff}.btn-line{background:transparent;color:#fff}.menu-toggle{display:none;background:none;color:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 14px;font-weight:800}
.hero{min-height:78vh;display:grid;grid-template-columns:1.02fr .98fr;gap:40px;align-items:center;max-width:var(--max);margin:0 auto;padding:86px 22px 64px}.hero-copy h1{font-size:clamp(46px,7vw,88px);line-height:.94;margin:18px 0 24px;letter-spacing:-.06em}.hero-copy p{font-size:clamp(17px,2.2vw,22px);color:var(--muted);max-width:680px}.eyebrow{display:inline-flex;color:#ff6570;text-transform:uppercase;font-weight:900;letter-spacing:.16em;font-size:12px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.hero-media{border-radius:30px;overflow:hidden;background:radial-gradient(circle at top left,rgba(227,6,19,.38),transparent 45%),#111;box-shadow:var(--shadow);border:1px solid var(--line)}.section{max-width:var(--max);margin:0 auto;padding:80px 22px}.section.narrow{max-width:860px}.section-title{max-width:780px;margin-bottom:32px}.section-title h2{font-size:clamp(32px,4.6vw,58px);line-height:1;margin:12px 0 12px;letter-spacing:-.04em}.section-title p{color:var(--muted);font-size:18px}.stats{max-width:var(--max);margin:0 auto;padding:18px 22px 50px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.stats div{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.03));border:1px solid var(--line);padding:22px;border-radius:18px}.stats strong{display:block;font-size:34px;line-height:1;color:#fff}.stats span{color:var(--muted);font-weight:700;font-size:13px}.cards{display:grid;gap:18px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{background:linear-gradient(180deg,rgba(255,255,255,.075),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:var(--radius);padding:22px;min-height:220px}.card img{border-radius:16px;margin-bottom:18px;background:#0c0c0f}.card-kicker{color:#ff6570;font-weight:900;text-transform:uppercase;font-size:11px;letter-spacing:.14em}.card h3{font-size:24px;margin:8px 0 8px;line-height:1.1}.card p{color:var(--muted);margin:0 0 18px}.text-link{color:#fff;font-weight:900}.dark-panel{background:linear-gradient(135deg,rgba(227,6,19,.1),rgba(255,255,255,.03));border-top:1px solid var(--line);border-bottom:1px solid var(--line);max-width:none}.dark-panel>*{max-width:var(--max);margin-left:auto;margin-right:auto}.compact .card{min-height:180px}.split{display:grid;grid-template-columns:.85fr 1.15fr;gap:38px;align-items:start}.steps{display:grid;gap:12px}.steps div{display:flex;align-items:center;gap:14px;background:var(--panel);border:1px solid var(--line);border-radius:16px;padding:16px}.steps b{width:36px;height:36px;display:grid;place-items:center;background:var(--red);border-radius:50%}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.gallery-grid figure{margin:0;background:var(--panel);border:1px solid var(--line);border-radius:18px;overflow:hidden}.gallery-grid figcaption{padding:12px 14px;font-weight:800}.cta-band{display:flex;align-items:center;justify-content:space-between;gap:24px;background:linear-gradient(135deg,rgba(227,6,19,.25),rgba(255,255,255,.06));border:1px solid var(--line);border-radius:28px}.faq details{border:1px solid var(--line);border-radius:16px;background:var(--panel);padding:18px;margin:10px 0}.faq summary{cursor:pointer;font-weight:900}.faq p{color:var(--muted)}.pricing-card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:620px}th,td{padding:16px;border-bottom:1px solid var(--line);text-align:left}th{color:#fff}td{color:var(--muted)}.lead-form{background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px solid var(--line);border-radius:28px;padding:24px;box-shadow:var(--shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}label{display:grid;gap:8px;font-weight:800;font-size:13px;color:#fff}input,select,textarea{width:100%;border:1px solid var(--line);background:#0b0b0e;color:#fff;border-radius:14px;padding:14px;font:inherit}textarea{resize:vertical}small,.muted{color:var(--muted);font-size:13px}.form-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:18px}.article{max-width:840px}.article h2{font-size:34px;margin-top:34px}.article p{font-size:18px;color:#d9d9df}.article-meta{color:#ff6570;font-weight:900;margin-bottom:18px}.article-cta{display:flex;gap:12px;margin-top:30px}.site-footer{margin-top:80px;background:#09090b;border-top:1px solid var(--line);padding:60px 22px 100px}.footer-grid{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:1.4fr 1fr 1fr 1.2fr;gap:28px}.footer-grid a{display:block;color:var(--muted);padding:4px 0}.footer-grid h3{margin:0 0 10px}.footer-bottom{max-width:var(--max);margin:34px auto 0;padding-top:20px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:var(--muted);font-size:13px}.floating-cta{position:fixed;right:18px;bottom:18px;z-index:45;display:flex;gap:8px;background:rgba(5,5,6,.82);border:1px solid var(--line);backdrop-filter:blur(12px);border-radius:999px;padding:8px}.floating-cta a{font-size:12px;font-weight:900;padding:10px 12px;border-radius:999px;background:rgba(255,255,255,.07)}.floating-cta a:first-child{background:var(--red)}.mobile-menu{position:fixed;inset:0;background:rgba(0,0,0,.72);z-index:100}.mobile-menu-panel{margin-left:auto;width:min(420px,92vw);height:100%;background:#0c0c0f;border-left:1px solid var(--line);padding:24px;overflow:auto}.mobile-close{float:right;background:none;color:#fff;border:1px solid var(--line);border-radius:50%;width:38px;height:38px;font-size:24px}.mobile-menu a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);font-weight:900}.mobile-sub{padding-left:18px!important;color:var(--muted);font-weight:700!important}.mobile-cta{display:flex;gap:10px;margin-top:20px}
@media(max-width:1050px){.site-nav,.header-actions .btn{display:none}.menu-toggle{display:inline-flex}.hero{grid-template-columns:1fr;min-height:auto;padding-top:54px}.cards.three,.stats,.gallery-grid,.footer-grid{grid-template-columns:1fr 1fr}.split{grid-template-columns:1fr}.cta-band{display:block}.cta-band .btn{margin-top:20px}.floating-cta{left:10px;right:10px;justify-content:center}.form-grid{grid-template-columns:1fr}}
@media(max-width:640px){.cards.three,.stats,.gallery-grid,.footer-grid{grid-template-columns:1fr}.hero-copy h1{font-size:42px}.section{padding:56px 18px}.site-header{padding:14px 16px}.brand img{width:128px}.footer-bottom{display:grid;gap:8px}}

.soro-embed-card{max-width:var(--max);margin:0 auto;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035));border:1px dashed rgba(255,255,255,.24);border-radius:28px;padding:26px;box-shadow:var(--shadow)}.soro-placeholder{background:rgba(0,0,0,.22);border:1px solid var(--line);border-radius:22px;padding:24px}.soro-placeholder h3{font-size:28px;margin:8px 0}.soro-placeholder p{color:var(--muted)}

/* ================================
   ZIVENT BRAND OVERRIDE
   Black / White / Zivent Red
   ================================ */
:root{
  --bg:#000000;
  --panel:#080808;
  --panel2:#111111;
  --text:#ffffff;
  --muted:#b8b8b8;
  --line:rgba(255,255,255,.16);
  --red:#e60012;
  --red2:#b0000d;
  --silver:#d9d9d9;
}

body{
  background:#000000;
  color:#ffffff;
}

.site-header{
  background:rgba(0,0,0,.92);
  border-bottom:1px solid rgba(255,255,255,.12);
}

.brand img,
.site-footer img,
.mobile-menu-panel img{
  width:auto;
  max-width:168px;
  height:auto;
  max-height:46px;
  object-fit:contain;
}

.site-nav .nav-item,
.site-nav .nav-item > a{
  color:#ffffff;
}

.site-nav .nav-item:hover,
.site-nav .nav-item:hover > a{
  color:#e60012;
}

.dropdown{
  background:rgba(0,0,0,.98);
  border:1px solid rgba(230,0,18,.38);
}

.dropdown a:hover{
  background:rgba(230,0,18,.16);
  color:#ffffff;
}

.btn-red{
  background:#e60012;
  color:#ffffff;
  border-color:#e60012;
  box-shadow:0 14px 36px rgba(230,0,18,.32);
}

.btn-red:hover{
  background:#ffffff;
  color:#000000;
  border-color:#ffffff;
}

.btn-ghost,
.btn-line{
  background:transparent;
  border-color:rgba(255,255,255,.38);
  color:#ffffff;
}

.btn-ghost:hover,
.btn-line:hover{
  border-color:#e60012;
  color:#ffffff;
  background:rgba(230,0,18,.12);
}

.eyebrow,
.card-kicker,
.article-meta{
  color:#e60012;
}

.hero{
  position:relative;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 78% 18%, rgba(230,0,18,.24), transparent 30%),
    radial-gradient(circle at 10% 80%, rgba(255,255,255,.08), transparent 28%);
}

.hero-media,
.card img{
  background:
    linear-gradient(135deg, rgba(230,0,18,.20), rgba(0,0,0,.82)),
    #050505;
  border:1px solid rgba(255,255,255,.14);
}

.card,
.stats div,
.lead-form,
.pricing-card,
.faq details,
.steps div,
.gallery-grid figure{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025));
  border:1px solid rgba(255,255,255,.14);
}

.card:hover,
.gallery-grid figure:hover{
  border-color:rgba(230,0,18,.62);
  transform:translateY(-2px);
}

.dark-panel{
  background:
    linear-gradient(135deg, rgba(230,0,18,.16), rgba(255,255,255,.025)),
    #050505;
}

.cta-band{
  background:
    linear-gradient(135deg, rgba(230,0,18,.28), rgba(0,0,0,.85));
  border-color:rgba(230,0,18,.42);
}

.steps b,
.floating-cta a:first-child{
  background:#e60012;
}

input,
select,
textarea{
  background:#050505;
  color:#ffffff;
  border-color:rgba(255,255,255,.22);
}

input:focus,
select:focus,
textarea:focus{
  outline:none;
  border-color:#e60012;
  box-shadow:0 0 0 3px rgba(230,0,18,.18);
}

.site-footer{
  background:#000000;
  border-top:1px solid rgba(255,255,255,.14);
}

/* ================================
   ZIVENT HQ BRAND OVERRIDE
   Black / White / Silver / Blue
   ================================ */
:root{
  --bg:#020509;
  --panel:#07101a;
  --panel2:#0b1724;
  --text:#ffffff;
  --muted:#b9c6d3;
  --line:rgba(255,255,255,.15);
  --red:#009fe3;
  --red2:#0077b6;
  --blue:#009fe3;
  --blue2:#005f9e;
  --cyan:#55d6ff;
  --silver:#d9e2ea;
}

body{
  background:
    radial-gradient(circle at 76% 10%, rgba(0,159,227,.16), transparent 28%),
    radial-gradient(circle at 12% 86%, rgba(85,214,255,.08), transparent 26%),
    #020509 !important;
  color:#ffffff !important;
}

.site-header{
  background:rgba(2,5,9,.92) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px);
}

.brand img,
.site-footer img,
.mobile-menu-panel img{
  width:auto !important;
  max-width:178px !important;
  height:auto !important;
  max-height:48px !important;
  object-fit:contain !important;
}

.site-nav .nav-item,
.site-nav .nav-item > a{
  color:#ffffff !important;
}

.site-nav .nav-item:hover,
.site-nav .nav-item:hover > a{
  color:#55d6ff !important;
}

.dropdown{
  background:rgba(2,5,9,.98) !important;
  border:1px solid rgba(0,159,227,.38) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}

.dropdown a:hover{
  background:rgba(0,159,227,.14) !important;
  color:#ffffff !important;
}

.btn-red{
  background:linear-gradient(135deg,#009fe3,#006fae) !important;
  color:#ffffff !important;
  border-color:#009fe3 !important;
  box-shadow:0 16px 42px rgba(0,159,227,.28) !important;
}

.btn-red:hover{
  background:#ffffff !important;
  color:#020509 !important;
  border-color:#ffffff !important;
}

.btn-ghost,
.btn-line{
  background:transparent !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#ffffff !important;
}

.btn-ghost:hover,
.btn-line:hover{
  border-color:#55d6ff !important;
  color:#ffffff !important;
  background:rgba(0,159,227,.12) !important;
}

.eyebrow,
.card-kicker,
.article-meta{
  color:#55d6ff !important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 82% 18%, rgba(0,159,227,.25), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(85,214,255,.10), transparent 28%) !important;
}

.hero-media,
.card img{
  background:
    linear-gradient(135deg, rgba(0,159,227,.22), rgba(2,5,9,.88)),
    #050b12 !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.card,
.stats div,
.lead-form,
.pricing-card,
.faq details,
.steps div,
.gallery-grid figure{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.card:hover,
.gallery-grid figure:hover{
  border-color:rgba(85,214,255,.62) !important;
  transform:translateY(-2px);
}

.dark-panel{
  background:
    linear-gradient(135deg, rgba(0,159,227,.15), rgba(255,255,255,.025)),
    #050b12 !important;
}

.cta-band{
  background:
    linear-gradient(135deg, rgba(0,159,227,.24), rgba(2,5,9,.88)) !important;
  border-color:rgba(0,159,227,.42) !important;
}

.steps b,
.floating-cta a:first-child{
  background:linear-gradient(135deg,#009fe3,#006fae) !important;
}

input,
select,
textarea{
  background:#050b12 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:none !important;
  border-color:#55d6ff !important;
  box-shadow:0 0 0 3px rgba(0,159,227,.18) !important;
}

.site-footer{
  background:#020509 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}

a{
  color:inherit;
}

a:hover{
  color:#55d6ff;
}

/* ================================
   ZIVENT HQ BRAND OVERRIDE
   Black / White / Silver / Blue
   ================================ */
:root{
  --bg:#020509;
  --panel:#07101a;
  --panel2:#0b1724;
  --text:#ffffff;
  --muted:#b9c6d3;
  --line:rgba(255,255,255,.15);
  --red:#009fe3;
  --red2:#0077b6;
  --blue:#009fe3;
  --blue2:#005f9e;
  --cyan:#55d6ff;
  --silver:#d9e2ea;
}

body{
  background:
    radial-gradient(circle at 76% 10%, rgba(0,159,227,.16), transparent 28%),
    radial-gradient(circle at 12% 86%, rgba(85,214,255,.08), transparent 26%),
    #020509 !important;
  color:#ffffff !important;
}

.site-header{
  background:rgba(2,5,9,.92) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px);
}

.brand img,
.site-footer img,
.mobile-menu-panel img{
  width:auto !important;
  max-width:178px !important;
  height:auto !important;
  max-height:48px !important;
  object-fit:contain !important;
}

.site-nav .nav-item,
.site-nav .nav-item > a{
  color:#ffffff !important;
}

.site-nav .nav-item:hover,
.site-nav .nav-item:hover > a{
  color:#55d6ff !important;
}

.dropdown{
  background:rgba(2,5,9,.98) !important;
  border:1px solid rgba(0,159,227,.38) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}

.dropdown a:hover{
  background:rgba(0,159,227,.14) !important;
  color:#ffffff !important;
}

.btn-red{
  background:linear-gradient(135deg,#009fe3,#006fae) !important;
  color:#ffffff !important;
  border-color:#009fe3 !important;
  box-shadow:0 16px 42px rgba(0,159,227,.28) !important;
}

.btn-red:hover{
  background:#ffffff !important;
  color:#020509 !important;
  border-color:#ffffff !important;
}

.btn-ghost,
.btn-line{
  background:transparent !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#ffffff !important;
}

.btn-ghost:hover,
.btn-line:hover{
  border-color:#55d6ff !important;
  color:#ffffff !important;
  background:rgba(0,159,227,.12) !important;
}

.eyebrow,
.card-kicker,
.article-meta{
  color:#55d6ff !important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 82% 18%, rgba(0,159,227,.25), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(85,214,255,.10), transparent 28%) !important;
}

.hero-media,
.card img{
  background:
    linear-gradient(135deg, rgba(0,159,227,.22), rgba(2,5,9,.88)),
    #050b12 !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.card,
.stats div,
.lead-form,
.pricing-card,
.faq details,
.steps div,
.gallery-grid figure{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.card:hover,
.gallery-grid figure:hover{
  border-color:rgba(85,214,255,.62) !important;
  transform:translateY(-2px);
}

.dark-panel{
  background:
    linear-gradient(135deg, rgba(0,159,227,.15), rgba(255,255,255,.025)),
    #050b12 !important;
}

.cta-band{
  background:
    linear-gradient(135deg, rgba(0,159,227,.24), rgba(2,5,9,.88)) !important;
  border-color:rgba(0,159,227,.42) !important;
}

.steps b,
.floating-cta a:first-child{
  background:linear-gradient(135deg,#009fe3,#006fae) !important;
}

input,
select,
textarea{
  background:#050b12 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:none !important;
  border-color:#55d6ff !important;
  box-shadow:0 0 0 3px rgba(0,159,227,.18) !important;
}

.site-footer{
  background:#020509 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}

a{
  color:inherit;
}

a:hover{
  color:#55d6ff;
}

/* ================================
   ZIVENT HQ BRAND OVERRIDE
   Black / White / Silver / Blue
   ================================ */
:root{
  --bg:#020509;
  --panel:#07101a;
  --panel2:#0b1724;
  --text:#ffffff;
  --muted:#b9c6d3;
  --line:rgba(255,255,255,.15);
  --red:#009fe3;
  --red2:#0077b6;
  --blue:#009fe3;
  --blue2:#005f9e;
  --cyan:#55d6ff;
  --silver:#d9e2ea;
}

body{
  background:
    radial-gradient(circle at 76% 10%, rgba(0,159,227,.16), transparent 28%),
    radial-gradient(circle at 12% 86%, rgba(85,214,255,.08), transparent 26%),
    #020509 !important;
  color:#ffffff !important;
}

.site-header{
  background:rgba(2,5,9,.92) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
  backdrop-filter:blur(18px);
}

.brand img,
.site-footer img,
.mobile-menu-panel img{
  width:auto !important;
  max-width:178px !important;
  height:auto !important;
  max-height:48px !important;
  object-fit:contain !important;
}

.site-nav .nav-item,
.site-nav .nav-item > a{
  color:#ffffff !important;
}

.site-nav .nav-item:hover,
.site-nav .nav-item:hover > a{
  color:#55d6ff !important;
}

.dropdown{
  background:rgba(2,5,9,.98) !important;
  border:1px solid rgba(0,159,227,.38) !important;
  box-shadow:0 24px 70px rgba(0,0,0,.45);
}

.dropdown a:hover{
  background:rgba(0,159,227,.14) !important;
  color:#ffffff !important;
}

.btn-red{
  background:linear-gradient(135deg,#009fe3,#006fae) !important;
  color:#ffffff !important;
  border-color:#009fe3 !important;
  box-shadow:0 16px 42px rgba(0,159,227,.28) !important;
}

.btn-red:hover{
  background:#ffffff !important;
  color:#020509 !important;
  border-color:#ffffff !important;
}

.btn-ghost,
.btn-line{
  background:transparent !important;
  border-color:rgba(255,255,255,.36) !important;
  color:#ffffff !important;
}

.btn-ghost:hover,
.btn-line:hover{
  border-color:#55d6ff !important;
  color:#ffffff !important;
  background:rgba(0,159,227,.12) !important;
}

.eyebrow,
.card-kicker,
.article-meta{
  color:#55d6ff !important;
}

.hero::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  background:
    radial-gradient(circle at 82% 18%, rgba(0,159,227,.25), transparent 30%),
    radial-gradient(circle at 18% 82%, rgba(85,214,255,.10), transparent 28%) !important;
}

.hero-media,
.card img{
  background:
    linear-gradient(135deg, rgba(0,159,227,.22), rgba(2,5,9,.88)),
    #050b12 !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.card,
.stats div,
.lead-form,
.pricing-card,
.faq details,
.steps div,
.gallery-grid figure{
  background:linear-gradient(180deg, rgba(255,255,255,.065), rgba(255,255,255,.025)) !important;
  border:1px solid rgba(255,255,255,.14) !important;
}

.card:hover,
.gallery-grid figure:hover{
  border-color:rgba(85,214,255,.62) !important;
  transform:translateY(-2px);
}

.dark-panel{
  background:
    linear-gradient(135deg, rgba(0,159,227,.15), rgba(255,255,255,.025)),
    #050b12 !important;
}

.cta-band{
  background:
    linear-gradient(135deg, rgba(0,159,227,.24), rgba(2,5,9,.88)) !important;
  border-color:rgba(0,159,227,.42) !important;
}

.steps b,
.floating-cta a:first-child{
  background:linear-gradient(135deg,#009fe3,#006fae) !important;
}

input,
select,
textarea{
  background:#050b12 !important;
  color:#ffffff !important;
  border-color:rgba(255,255,255,.22) !important;
}

input:focus,
select:focus,
textarea:focus{
  outline:none !important;
  border-color:#55d6ff !important;
  box-shadow:0 0 0 3px rgba(0,159,227,.18) !important;
}

.site-footer{
  background:#020509 !important;
  border-top:1px solid rgba(255,255,255,.14) !important;
}

a{
  color:inherit;
}

a:hover{
  color:#55d6ff;
}

/* ================================
   HOME POLISH 01
   Logo, hero, cards and Soro section
   ================================ */
.site-header{
  min-height:72px !important;
  padding:0 38px !important;
}

.brand img{
  max-width:150px !important;
  max-height:46px !important;
  filter:brightness(1.75) contrast(1.15) !important;
  opacity:1 !important;
}

.site-nav{
  gap:26px !important;
}

.site-nav .nav-item,
.site-nav .nav-item > a{
  font-size:12px !important;
  letter-spacing:.08em !important;
  font-weight:800 !important;
}

.header-actions .btn{
  min-height:38px !important;
  padding:0 18px !important;
  font-size:12px !important;
}

.hero{
  max-width:1280px !important;
  margin:0 auto !important;
  min-height:650px !important;
  padding:120px 32px 70px !important;
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(420px,.85fr) !important;
  gap:72px !important;
  align-items:center !important;
}

.hero-copy{
  max-width:680px !important;
}

.hero h1{
  max-width:680px !important;
  font-size:clamp(46px,5.1vw,78px) !important;
  line-height:.96 !important;
  letter-spacing:-.075em !important;
}

.hero p{
  max-width:560px !important;
  font-size:18px !important;
  line-height:1.68 !important;
  color:#c5d2dd !important;
}

.hero-media{
  min-height:360px !important;
  border-radius:24px !important;
  overflow:hidden !important;
  box-shadow:0 35px 95px rgba(0,159,227,.16) !important;
}

.hero-media img{
  width:100% !important;
  height:100% !important;
  min-height:360px !important;
  object-fit:cover !important;
  display:block !important;
}

.stats{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:0 32px 58px !important;
}

.stats div{
  min-height:96px !important;
}

.cards.three{
  gap:28px !important;
}

.card{
  border-radius:20px !important;
}

.card img{
  height:230px !important;
  object-fit:cover !important;
  border-radius:16px !important;
}

.card h3{
  font-size:26px !important;
  letter-spacing:-.03em !important;
}

.card p{
  font-size:15px !important;
  line-height:1.65 !important;
}

.section{
  padding:92px 32px !important;
}

.section-title{
  max-width:880px !important;
  margin-bottom:34px !important;
}

.section-title h2{
  font-size:clamp(34px,4vw,58px) !important;
  line-height:1.02 !important;
  letter-spacing:-.055em !important;
}

.section-title p{
  font-size:17px !important;
  color:#c4d1dd !important;
}

#soro-blog-feed{
  border-top:1px solid rgba(255,255,255,.12) !important;
  border-bottom:1px solid rgba(255,255,255,.12) !important;
}

.floating-cta{
  right:26px !important;
  bottom:26px !important;
}

.floating-cta a{
  padding:13px 17px !important;
  font-size:12px !important;
}

@media (max-width:980px){
  .site-header{
    padding:0 18px !important;
  }
  .hero{
    grid-template-columns:1fr !important;
    min-height:auto !important;
    padding:96px 20px 48px !important;
    gap:34px !important;
  }
  .hero h1{
    font-size:clamp(42px,13vw,64px) !important;
  }
  .hero-media,
  .hero-media img{
    min-height:260px !important;
  }
  .card img{
    height:210px !important;
  }
}

/* ================================
   PAGE POLISH 02
   Global pages, forms, logo visibility
   ================================ */
.brand img,
.mobile-menu-panel img,
.site-footer img{
  filter:brightness(1.9) contrast(1.15) !important;
}

.hero-media{
  background:#06111c !important;
}

.hero-media img{
  object-fit:cover !important;
}

.lead-form{
  max-width:860px !important;
  margin:0 auto !important;
  padding:34px !important;
  border-radius:24px !important;
  background:linear-gradient(180deg, rgba(255,255,255,.075), rgba(255,255,255,.025)) !important;
}

.lead-form label{
  color:#ffffff !important;
  font-weight:800 !important;
  font-size:13px !important;
  letter-spacing:.02em !important;
}

.lead-form input,
.lead-form select,
.lead-form textarea{
  margin-top:8px !important;
  min-height:48px !important;
  border-radius:14px !important;
}

.lead-form textarea{
  padding-top:14px !important;
}

.soro-placeholder{
  margin-top:30px;
  padding:26px;
  border:1px dashed rgba(85,214,255,.45);
  border-radius:18px;
  background:rgba(0,159,227,.08);
  color:#d8f5ff;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.soro-placeholder strong{
  color:#ffffff;
  font-size:18px;
}

.soro-placeholder span{
  color:#b9c6d3;
}

main > .hero + .section,
main > .hero + form,
main > .hero + .lead-form{
  margin-top:0 !important;
}

@media (max-width:980px){
  .lead-form{
    padding:22px !important;
  }
}

/* Form spam trap field */
.hp-field{
  position:absolute !important;
  left:-9999px !important;
  width:1px !important;
  height:1px !important;
  opacity:0 !important;
  pointer-events:none !important;
}

.form-errors{
  max-width:860px;
  margin:0 auto 20px;
  padding:18px 22px;
  border:1px solid rgba(255,80,80,.45);
  border-radius:16px;
  background:rgba(255,80,80,.10);
  color:#fff;
}
.form-errors strong{
  display:block;
  margin-bottom:8px;
}
.form-errors ul{
  margin:0;
  padding-left:20px;
  color:#ffd6d6;
}

/* ================================
   GLOBAL NZ V2 THANK YOU PAGES
   ================================ */
.thank-hero{
  min-height:calc(100vh - 72px);
  padding:140px 32px 90px;
  display:flex;
  align-items:center;
  justify-content:center;
  background:
    radial-gradient(circle at 75% 20%, rgba(0,159,227,.22), transparent 28%),
    radial-gradient(circle at 20% 80%, rgba(85,214,255,.10), transparent 30%),
    #020509;
}

.thank-card{
  width:min(980px,100%);
  padding:58px;
  border-radius:30px;
  border:1px solid rgba(255,255,255,.16);
  background:
    linear-gradient(180deg, rgba(255,255,255,.085), rgba(255,255,255,.028)),
    rgba(3,10,18,.94);
  box-shadow:0 35px 110px rgba(0,0,0,.38);
}

.thank-card h1{
  max-width:820px;
  margin:14px 0 18px;
  font-size:clamp(42px,5vw,72px);
  line-height:.98;
  letter-spacing:-.065em;
  color:#fff;
}

.thank-card p{
  max-width:720px;
  color:#c4d1dd;
  font-size:18px;
  line-height:1.68;
}

.thank-steps{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
  margin:34px 0;
}

.thank-steps div{
  padding:20px;
  border-radius:18px;
  background:rgba(255,255,255,.055);
  border:1px solid rgba(255,255,255,.14);
}

.thank-steps b{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
}

.thank-steps span{
  display:block;
  color:#eaf8ff;
  font-weight:800;
}

@media(max-width:760px){
  .thank-hero{
    padding:110px 20px 60px;
  }
  .thank-card{
    padding:32px 22px;
  }
  .thank-steps{
    grid-template-columns:1fr;
  }
}

/* ================================
   GLOBAL NZ V2 MOBILE OPTIMISATION
   Mobile-first final tuning
   ================================ */

html, body{
  max-width:100%;
  overflow-x:hidden;
}

img{
  max-width:100%;
  height:auto;
}

.menu-toggle{
  min-height:44px;
  min-width:58px;
  border-radius:999px;
}

.mobile-menu{
  position:fixed;
  inset:0;
  z-index:9999;
  background:rgba(0,0,0,.72);
  backdrop-filter:blur(10px);
}

.mobile-menu-panel{
  width:min(88vw,390px);
  height:100vh;
  margin-left:auto;
  padding:26px 22px 34px;
  background:#020509;
  border-left:1px solid rgba(255,255,255,.14);
  overflow-y:auto;
}

.mobile-menu-panel a{
  display:block;
  padding:13px 0;
  font-size:15px;
  font-weight:800;
  letter-spacing:.04em;
  color:#fff;
  border-bottom:1px solid rgba(255,255,255,.08);
}

.mobile-menu-panel .mobile-sub{
  padding-left:16px;
  font-size:13px;
  color:#b9c6d3;
}

.mobile-close{
  min-width:44px;
  min-height:44px;
  font-size:28px;
  color:#fff;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.18);
  border-radius:999px;
}

@media(max-width:980px){

  .site-header{
    min-height:68px !important;
    padding:0 16px !important;
  }

  .brand img{
    max-width:128px !important;
    max-height:40px !important;
  }

  .site-nav{
    display:none !important;
  }

  .header-actions .btn{
    display:none !important;
  }

  .menu-toggle{
    display:inline-flex !important;
    align-items:center;
    justify-content:center;
  }

  .hero{
    padding:92px 20px 42px !important;
    gap:28px !important;
  }

  .hero h1{
    font-size:clamp(40px,12vw,58px) !important;
    line-height:1 !important;
    letter-spacing:-.065em !important;
  }

  .hero p{
    font-size:16px !important;
    line-height:1.62 !important;
  }

  .hero-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:12px !important;
  }

  .hero-actions .btn{
    width:100% !important;
    min-height:48px !important;
    justify-content:center !important;
  }

  .hero-media{
    min-height:240px !important;
    border-radius:20px !important;
  }

  .hero-media img{
    min-height:240px !important;
    object-fit:cover !important;
  }

  .stats{
    grid-template-columns:1fr 1fr !important;
    gap:12px !important;
    padding:0 20px 38px !important;
  }

  .stats div{
    min-height:92px !important;
    padding:18px 12px !important;
  }

  .stats strong{
    font-size:30px !important;
  }

  .stats span{
    font-size:12px !important;
  }

  .section{
    padding:64px 20px !important;
  }

  .section-title h2{
    font-size:clamp(32px,10vw,46px) !important;
    line-height:1.04 !important;
  }

  .section-title p{
    font-size:15px !important;
  }

  .cards.three,
  .cards,
  .gallery-grid{
    grid-template-columns:1fr !important;
    gap:18px !important;
  }

  .card{
    padding:20px !important;
    border-radius:18px !important;
  }

  .card img{
    height:210px !important;
    border-radius:14px !important;
  }

  .card h3{
    font-size:24px !important;
  }

  .split{
    grid-template-columns:1fr !important;
  }

  .steps{
    grid-template-columns:1fr !important;
  }

  .lead-form{
    width:100% !important;
    padding:22px !important;
    border-radius:20px !important;
  }

  .lead-form .form-grid,
  .form-grid{
    grid-template-columns:1fr !important;
  }

  .lead-form input,
  .lead-form select,
  .lead-form textarea{
    width:100% !important;
    min-height:50px !important;
    font-size:16px !important;
  }

  .lead-form .btn,
  form .btn{
    width:100% !important;
    min-height:52px !important;
    justify-content:center !important;
  }

  .site-footer{
    padding-bottom:88px !important;
  }

  .footer-grid{
    grid-template-columns:1fr !important;
    gap:28px !important;
  }

  .floating-cta{
    position:fixed !important;
    left:0 !important;
    right:0 !important;
    bottom:0 !important;
    z-index:9998 !important;
    display:grid !important;
    grid-template-columns:1fr 1fr 1fr !important;
    gap:0 !important;
    padding:8px 8px calc(8px + env(safe-area-inset-bottom)) !important;
    background:rgba(2,5,9,.94) !important;
    border-top:1px solid rgba(255,255,255,.14) !important;
    backdrop-filter:blur(14px) !important;
  }

  .floating-cta a{
    margin:0 4px !important;
    padding:13px 8px !important;
    border-radius:12px !important;
    text-align:center !important;
    font-size:12px !important;
  }

  .thank-hero{
    padding:96px 20px 110px !important;
  }

  .thank-card{
    padding:30px 22px !important;
    border-radius:22px !important;
  }

  .thank-card h1{
    font-size:clamp(36px,11vw,54px) !important;
  }

  .thank-steps{
    grid-template-columns:1fr !important;
  }
}

@media(max-width:430px){
  .hero h1{
    font-size:42px !important;
  }

  .brand img{
    max-width:118px !important;
  }

  .section-title h2{
    font-size:34px !important;
  }

  .card img{
    height:190px !important;
  }
}

/* ================================
   MOBILE FORM PAGE POSITION FIX
   Move Quote / Booking / Contact / Dealer forms higher
   ================================ */

@media(max-width:980px){

  body.form-page .hero{
    padding:78px 20px 14px !important;
    gap:14px !important;
    min-height:auto !important;
  }

  body.form-page .hero-copy{
    max-width:100% !important;
  }

  body.form-page .hero .eyebrow{
    font-size:11px !important;
    margin-bottom:8px !important;
  }

  body.form-page .hero h1{
    font-size:clamp(30px,8.5vw,42px) !important;
    line-height:1.04 !important;
    letter-spacing:-.045em !important;
    margin-bottom:10px !important;
  }

  body.form-page .hero p{
    font-size:14px !important;
    line-height:1.48 !important;
    margin-bottom:12px !important;
  }

  body.form-page .hero-actions{
    display:none !important;
  }

  body.form-page .hero-media{
    display:none !important;
  }

  body.form-page .section,
  body.form-page .section.narrow{
    padding-top:14px !important;
    padding-bottom:76px !important;
  }

  body.form-page .lead-form{
    margin-top:0 !important;
    padding:20px !important;
    border-radius:18px !important;
  }

  body.form-page .lead-form label{
    font-size:13px !important;
  }

  body.form-page .lead-form input,
  body.form-page .lead-form select,
  body.form-page .lead-form textarea{
    min-height:48px !important;
    font-size:16px !important;
  }

  body.form-page .lead-form textarea{
    min-height:120px !important;
  }

  body.form-page .form-errors{
    margin-top:0 !important;
    margin-bottom:14px !important;
  }

  body.form-page .floating-cta{
    display:none !important;
  }
}

@media(max-width:430px){
  body.form-page .hero{
    padding-top:74px !important;
  }

  body.form-page .hero h1{
    font-size:32px !important;
  }

  body.form-page .hero p{
    font-size:13.5px !important;
  }

  body.form-page .section,
  body.form-page .section.narrow{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  body.form-page .lead-form{
    padding:18px 14px !important;
  }
}

/* ================================
   GOOGLE REVIEWS / INSTAGRAM WIDGETS
   ================================ */
.social-proof-section{
  position:relative;
}

.widget-shell{
  max-width:1180px;
  margin:0 auto;
  padding:24px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(3,10,18,.82);
  min-height:180px;
  overflow:hidden;
}

.widget-shell:empty::before{
  content:"Widget loading...";
  color:#b9c6d3;
}

@media(max-width:980px){
  .widget-shell{
    padding:14px;
    border-radius:18px;
    min-height:160px;
  }

  .social-proof-section .section-title{
    margin-bottom:22px !important;
  }
}

/* ================================
   NATIVE TRUST / FEATURED WORK
   No third-party widgets
   ================================ */
.trust-section,
#featured-work{
  position:relative;
}

.trust-section .card,
#featured-work .card{
  min-height:230px;
}

.trust-section .card h3,
#featured-work .card h3{
  color:#ffffff;
}

.trust-section .card p,
#featured-work .card p{
  color:#c4d1dd;
}

@media(max-width:980px){
  .trust-section .card,
  #featured-work .card{
    min-height:auto;
  }
}

/* ================================
   NATIVE GOOGLE REVIEW CARDS
   No external widget
   ================================ */
.native-reviews{
  position:relative;
}

.review-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.review-card{
  padding:28px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.86);
  box-shadow:0 20px 70px rgba(0,0,0,.22);
}

.review-card .stars{
  color:#55d6ff;
  letter-spacing:.12em;
  font-size:18px;
  margin-bottom:18px;
}

.review-card p{
  color:#ffffff;
  font-size:17px;
  line-height:1.68;
  margin:0 0 20px;
}

.review-card span{
  color:#b9c6d3;
  font-size:13px;
  font-weight:800;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.review-note{
  max-width:1180px;
  margin:28px auto 0;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}

@media(max-width:980px){
  .review-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .review-card{
    padding:22px;
  }

  .review-card p{
    font-size:15.5px;
  }

  .review-note{
    display:grid;
    grid-template-columns:1fr;
  }

  .review-note .btn{
    width:100%;
    justify-content:center;
  }
}

/* ================================
   REVIEW / INSTAGRAM APP-FIRST BUTTONS
   No widgets, no embeds
   ================================ */
.action-links-section{
  position:relative;
}

.action-link-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:24px;
}

.action-link-card{
  padding:34px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.88);
  box-shadow:0 20px 70px rgba(0,0,0,.24);
}

.action-link-card h3{
  margin:10px 0 12px;
  color:#fff;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.04em;
}

.action-link-card p{
  color:#c4d1dd;
  font-size:16px;
  line-height:1.65;
}

.action-buttons{
  display:flex;
  gap:12px;
  flex-wrap:wrap;
  margin-top:24px;
}

@media(max-width:980px){
  .action-link-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .action-link-card{
    padding:24px 20px;
  }

  .action-link-card h3{
    font-size:25px;
  }

  .action-buttons{
    display:grid;
    grid-template-columns:1fr;
  }

  .action-buttons .btn{
    width:100%;
    min-height:50px;
    justify-content:center;
  }
}

/* ================================
   REVIEW / GALLERY BUTTON PLACEMENT
   Buttons live inside reviews and gallery sections
   ================================ */

.google-review-actions,
.gallery-action-row{
  max-width:1180px;
  margin:28px auto 0;
  display:flex;
  gap:14px;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
}

.gallery-action-row{
  margin-top:-8px;
  margin-bottom:34px;
}

.gallery-page-actions{
  margin-top:0;
  margin-bottom:32px;
}

.google-review-actions .btn,
.gallery-action-row .btn{
  min-height:46px;
}

@media(max-width:980px){
  .google-review-actions,
  .gallery-action-row{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    margin-top:22px;
  }

  .gallery-action-row{
    margin-top:0;
    margin-bottom:24px;
  }

  .google-review-actions .btn,
  .gallery-action-row .btn{
    width:100%;
    min-height:50px;
    justify-content:center;
  }
}

/* ================================
   NATIVE GALLERY PAGE
   ================================ */
.gallery-page-main{
  padding-top:110px !important;
}

.gallery-category-tabs{
  max-width:1180px;
  margin:0 auto 28px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  justify-content:center;
}

.gallery-category-tabs span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.16);
  background:rgba(255,255,255,.05);
  color:#d7e6f2;
  font-size:13px;
  font-weight:800;
}

.project-gallery figure{
  position:relative;
  overflow:hidden;
}

.project-gallery figcaption{
  display:flex;
  flex-direction:column;
  gap:4px;
}

.project-gallery figcaption b{
  color:#fff;
  font-size:16px;
}

.project-gallery figcaption span{
  color:#9fb3c5;
  font-size:13px;
}

.center-actions{
  justify-content:center;
}

@media(max-width:980px){
  .gallery-page-main{
    padding-top:86px !important;
  }

  .gallery-category-tabs{
    justify-content:flex-start;
    overflow-x:auto;
    flex-wrap:nowrap;
    padding-bottom:8px;
  }

  .gallery-category-tabs span{
    flex:0 0 auto;
  }

  .center-actions{
    display:grid !important;
    grid-template-columns:1fr !important;
  }
}

/* ================================
   NATIVE GOOGLE REVIEWS - 6 CARD LAYOUT
   ================================ */

.six-reviews{
  grid-template-columns:repeat(3,1fr);
}

.native-reviews .section-title{
  text-align:center;
}

.native-reviews .review-card{
  min-height:245px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
}

.native-reviews .review-card p{
  font-size:16px;
}

.google-review-actions{
  margin-top:32px;
}

@media(max-width:980px){
  .six-reviews{
    grid-template-columns:1fr !important;
  }

  .native-reviews .review-card{
    min-height:auto;
  }

  .native-reviews .review-card p{
    font-size:15px;
  }
}

/* ================================
   GOOGLE-STYLE NATIVE REVIEW CARDS
   No widget / no external script
   ================================ */

.google-style-reviews{
  background:#f7f8fa !important;
}

.google-style-reviews .section-title h2{
  color:#111827 !important;
}

.google-style-reviews .section-title p{
  color:#5f6368 !important;
}

.google-review-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.google-review-card{
  background:#ffffff;
  border:1px solid #e5e7eb;
  border-radius:18px;
  padding:22px;
  color:#202124;
  box-shadow:0 8px 24px rgba(0,0,0,.08);
  display:flex;
  flex-direction:column;
  min-height:260px;
}

.review-top{
  display:flex;
  align-items:center;
  gap:12px;
  margin-bottom:14px;
}

.review-avatar{
  width:44px;
  height:44px;
  border-radius:999px;
  display:grid;
  place-items:center;
  background:linear-gradient(135deg,#009fe3,#005f9e);
  color:#fff;
  font-weight:900;
  font-size:18px;
}

.reviewer-info{
  flex:1;
  min-width:0;
}

.reviewer-info strong{
  display:block;
  color:#202124;
  font-size:15px;
  line-height:1.2;
}

.reviewer-info span{
  display:block;
  margin-top:3px;
  color:#70757a;
  font-size:12px;
}

.google-badge{
  width:28px;
  height:28px;
  border-radius:999px;
  display:grid;
  place-items:center;
  font-weight:900;
  font-family:Arial, Helvetica, sans-serif;
  color:#4285f4;
  background:#f1f3f4;
  border:1px solid #e5e7eb;
}

.review-stars{
  color:#fbbc04;
  font-size:18px;
  letter-spacing:.04em;
  margin-bottom:12px;
}

.google-review-card p{
  color:#3c4043;
  font-size:15px;
  line-height:1.6;
  margin:0 0 18px;
  flex:1;
}

.read-more-btn{
  align-self:flex-start;
  border:0;
  background:transparent;
  color:#1a73e8;
  font-weight:800;
  font-size:13px;
  padding:0;
}

.google-style-reviews .google-review-actions{
  margin-top:30px;
}

.google-style-reviews .btn-line{
  border-color:#dadce0 !important;
  color:#202124 !important;
}

.google-style-reviews .btn-line:hover{
  background:#eef6ff !important;
  color:#174ea6 !important;
}

@media(max-width:980px){
  .google-review-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .google-review-card{
    min-height:auto;
    padding:20px;
  }

  .google-style-reviews .section-title{
    text-align:left;
  }
}

/* Real Google review content refinement */
.google-review-card{
  min-height:300px;
}

.google-review-card p{
  font-size:14.8px;
}

.review-source{
  color:#70757a;
  font-size:12px;
  font-weight:800;
  letter-spacing:.06em;
  text-transform:uppercase;
}

@media(max-width:980px){
  .google-review-card{
    min-height:auto;
  }
}

/* ================================
   BRANCH LOCATOR
   ================================ */
.branch-locator{
  position:relative;
}

.branch-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.branch-card{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.88);
}

.branch-card h3{
  margin:8px 0 10px;
  color:#fff;
  font-size:26px;
  letter-spacing:-.04em;
}

.branch-card p{
  color:#c4d1dd;
  line-height:1.55;
  margin:0 0 18px;
}

.featured-branch{
  border-color:rgba(85,214,255,.45);
  box-shadow:0 20px 70px rgba(0,159,227,.12);
}

.branch-actions{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}

.branch-actions a{
  display:inline-flex;
  min-height:38px;
  align-items:center;
  justify-content:center;
  padding:8px 12px;
  border-radius:999px;
  background:rgba(0,159,227,.12);
  border:1px solid rgba(85,214,255,.28);
  color:#e8f8ff;
  font-weight:800;
  font-size:12px;
}

.branch-actions a:hover{
  background:#009fe3;
  color:#fff;
}

.contact-branch-section{
  padding-bottom:36px !important;
}

@media(max-width:980px){
  .branch-grid{
    grid-template-columns:1fr;
    gap:14px;
  }

  .branch-card{
    padding:20px;
  }

  .branch-card h3{
    font-size:24px;
  }

  .branch-actions{
    display:grid;
    grid-template-columns:1fr 1fr;
  }

  .branch-actions a{
    width:100%;
  }
}

/* ================================
   SORO BLOG PREP
   ================================ */
.soro-home-section,
.soro-blog-main{
  position:relative;
}

.soro-preview-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:22px;
}

.blog-hero .hero-media img{
  object-fit:cover;
}

.soro-placeholder{
  max-width:1180px;
  margin:0 auto;
  padding:34px;
  border-radius:24px;
  border:1px dashed rgba(85,214,255,.45);
  background:
    linear-gradient(180deg, rgba(0,159,227,.12), rgba(255,255,255,.025)),
    rgba(3,10,18,.88);
  color:#d8f5ff;
  display:flex;
  flex-direction:column;
  gap:8px;
}

.soro-placeholder strong{
  color:#ffffff;
  font-size:22px;
}

.soro-placeholder span{
  color:#b9c6d3;
}

@media(max-width:980px){
  .soro-preview-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .soro-placeholder{
    padding:22px;
    border-radius:18px;
  }
}

/* ================================
   SORO BLOG EMBED
   ================================ */
.soro-embed-shell{
  max-width:1180px;
  margin:0 auto;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(3,10,18,.86);
  min-height:220px;
  overflow:hidden;
}

#soro-blog{
  width:100%;
  min-height:160px;
}

@media(max-width:980px){
  .soro-embed-shell{
    padding:16px;
    border-radius:18px;
    min-height:180px;
  }
}

/* ================================
   SORO CLICK / DETAIL FIX
   Keep Soro cleaner and reduce style conflicts
   ================================ */

.soro-blog-main{
  background:#f7f8fa !important;
}

.soro-blog-main .section-title h2{
  color:#111827 !important;
}

.soro-blog-main .section-title p{
  color:#5f6368 !important;
}

.soro-notice{
  max-width:1180px;
  margin:0 auto 18px;
  padding:14px 18px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid #e5e7eb;
  color:#3c4043;
  font-size:14px;
}

.soro-notice strong{
  color:#111827;
}

.soro-embed-shell{
  background:#ffffff !important;
  border:1px solid #e5e7eb !important;
  box-shadow:0 12px 34px rgba(0,0,0,.08) !important;
  color:#202124 !important;
}

/* Try to prevent our dark theme from affecting Soro-injected content */
#soro-blog,
#soro-blog *{
  color:inherit;
  max-width:100%;
  box-sizing:border-box;
}

#soro-blog a{
  color:#1a73e8 !important;
}

#soro-blog img{
  max-width:100% !important;
  height:auto !important;
  border-radius:12px;
}

@media(max-width:980px){
  .soro-blog-main{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .soro-embed-shell{
    padding:14px !important;
  }

  .soro-notice{
    margin-bottom:14px;
  }
}


/* ZIVENT PRODUCT DETAIL SECTIONS START */
.product-detail-section{
  position:relative;
  border-top:1px solid rgba(255,255,255,.10);
}

.detail-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:22px;
}

.detail-grid.three{
  grid-template-columns:repeat(3,1fr);
}

.detail-grid.two{
  grid-template-columns:repeat(2,1fr);
}

.detail-card{
  padding:28px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.88);
  box-shadow:0 18px 60px rgba(0,0,0,.20);
}

.detail-card h3{
  margin:8px 0 12px;
  color:#ffffff;
  font-size:25px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.detail-card p{
  margin:0;
  color:#c4d1dd;
  line-height:1.65;
}

.detail-icon{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:12px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
  font-weight:900;
}

.spec-chip-row{
  max-width:1180px;
  margin:0 auto 30px;
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  justify-content:center;
}

.spec-chip-row span{
  padding:11px 15px;
  border-radius:999px;
  border:1px solid rgba(85,214,255,.35);
  background:rgba(0,159,227,.12);
  color:#e9f9ff;
  font-weight:900;
  font-size:13px;
}

.feature-list{
  max-width:1180px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.feature-list div{
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
}

.feature-list b{
  display:block;
  color:#ffffff;
  font-size:15px;
  margin-bottom:8px;
}

.feature-list span{
  display:block;
  color:#b9c6d3;
  font-size:13px;
  line-height:1.55;
}

.detail-table-wrap{
  max-width:1180px;
  margin:32px auto 0;
  overflow-x:auto;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,10,18,.88);
}

.detail-table{
  width:100%;
  border-collapse:collapse;
  min-width:760px;
}

.detail-table th,
.detail-table td{
  padding:18px 16px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.detail-table th{
  color:#ffffff;
  background:rgba(0,159,227,.12);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.detail-table td{
  color:#c4d1dd;
  font-size:14px;
  line-height:1.5;
}

.detail-table tr:last-child td{
  border-bottom:0;
}

.product-cta-row{
  max-width:1180px;
  margin:34px auto 0;
  display:flex;
  gap:14px;
  justify-content:center;
  flex-wrap:wrap;
}

.nz-note{
  max-width:980px;
  margin:30px auto 0;
  padding:20px 22px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.32);
  background:rgba(0,159,227,.10);
  color:#d8f5ff;
  line-height:1.6;
}

.nz-note b{
  color:#ffffff;
}

@media(max-width:980px){
  .detail-grid.three,
  .detail-grid.two{
    grid-template-columns:1fr;
  }

  .feature-list{
    grid-template-columns:1fr;
  }

  .spec-chip-row{
    justify-content:flex-start;
  }

  .product-cta-row{
    display:grid;
    grid-template-columns:1fr;
  }

  .product-cta-row .btn{
    width:100%;
    justify-content:center;
  }

  .detail-card{
    padding:22px;
  }

  .detail-card h3{
    font-size:23px;
  }
}
/* ZIVENT PRODUCT DETAIL SECTIONS END */


/* ZIVENT EXPERT PRODUCT PAGES START */
.expert-product-page{
  position:relative;
  border-top:1px solid rgba(255,255,255,.10);
}

.expert-split{
  max-width:1240px;
  margin:0 auto;
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:46px;
  align-items:center;
}

.expert-copy h2{
  margin:12px 0 18px;
  color:#fff;
  font-size:clamp(38px,4.6vw,68px);
  line-height:.98;
  letter-spacing:-.065em;
}

.expert-copy p{
  max-width:720px;
  color:#c4d1dd;
  font-size:18px;
  line-height:1.7;
}

.expert-image{
  margin:0;
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.14);
  background:#06111c;
  box-shadow:0 28px 90px rgba(0,0,0,.35);
}

.expert-image img{
  width:100%;
  min-height:390px;
  height:100%;
  display:block;
  object-fit:cover;
}

.expert-image figcaption{
  padding:14px 18px;
  color:#b9c6d3;
  background:rgba(3,10,18,.88);
  font-size:13px;
}

.expert-chip-row{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin:24px 0 4px;
}

.expert-chip-row span{
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(85,214,255,.35);
  background:rgba(0,159,227,.12);
  color:#e9f9ff;
  font-size:13px;
  font-weight:900;
}

.compact-title{
  margin-top:82px !important;
  margin-bottom:30px !important;
}

.expert-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.expert-card{
  padding:26px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.88);
  box-shadow:0 18px 60px rgba(0,0,0,.20);
}

.expert-number{
  display:inline-grid;
  place-items:center;
  width:42px;
  height:42px;
  margin-bottom:14px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
  font-weight:900;
}

.expert-card h3{
  margin:0 0 12px;
  color:#fff;
  font-size:23px;
  line-height:1.12;
  letter-spacing:-.035em;
}

.expert-card p{
  margin:0;
  color:#c4d1dd;
  line-height:1.65;
  font-size:15px;
}

.expert-table-wrap{
  max-width:1180px;
  margin:34px auto 0;
  overflow-x:auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,10,18,.90);
}

.expert-table{
  width:100%;
  min-width:760px;
  border-collapse:collapse;
}

.expert-table th,
.expert-table td{
  padding:18px 16px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.10);
}

.expert-table th{
  color:#fff;
  background:rgba(0,159,227,.14);
  font-size:13px;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.expert-table td{
  color:#c4d1dd;
  font-size:14px;
  line-height:1.55;
}

.expert-table tr:last-child td{
  border-bottom:0;
}

.product-cta-row.left{
  justify-content:flex-start;
  margin-top:24px;
}

.expert-application{
  max-width:1180px;
  margin:54px auto 0;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:34px;
  align-items:center;
  padding:28px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(135deg, rgba(0,159,227,.14), rgba(255,255,255,.03)),
    rgba(3,10,18,.88);
}

.expert-application figure{
  margin:0;
  border-radius:22px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.12);
}

.expert-application img{
  width:100%;
  height:300px;
  object-fit:cover;
  display:block;
}

.expert-application h3{
  margin:8px 0 12px;
  color:#fff;
  font-size:clamp(30px,3.4vw,48px);
  line-height:1;
  letter-spacing:-.05em;
}

.expert-application p{
  color:#c4d1dd;
  line-height:1.7;
  font-size:16px;
}

.expert-application ul{
  display:grid;
  grid-template-columns:repeat(2,1fr);
  gap:10px;
  padding:0;
  margin:20px 0 0;
  list-style:none;
}

.expert-application li{
  padding:12px 14px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:#eaf8ff;
  font-weight:800;
  font-size:13px;
}

.expert-faq{
  max-width:980px;
  margin:70px auto 0;
}

.expert-faq details{
  margin-bottom:12px;
  padding:20px 22px;
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.045);
}

.expert-faq summary{
  cursor:pointer;
  color:#fff;
  font-weight:900;
  font-size:16px;
}

.expert-faq p{
  margin:12px 0 0;
  color:#c4d1dd;
  line-height:1.65;
}

@media(max-width:980px){
  .expert-split{
    grid-template-columns:1fr;
    gap:28px;
  }

  .expert-copy h2{
    font-size:clamp(34px,10vw,52px);
  }

  .expert-copy p{
    font-size:16px;
  }

  .expert-image img{
    min-height:240px;
  }

  .expert-grid{
    grid-template-columns:1fr;
    gap:16px;
  }

  .compact-title{
    margin-top:58px !important;
  }

  .expert-application{
    grid-template-columns:1fr;
    padding:20px;
    border-radius:22px;
  }

  .expert-application img{
    height:220px;
  }

  .expert-application ul{
    grid-template-columns:1fr;
  }

  .product-cta-row.left{
    display:grid;
    grid-template-columns:1fr;
  }

  .product-cta-row.left .btn{
    width:100%;
    justify-content:center;
  }
}
/* ZIVENT EXPERT PRODUCT PAGES END */


/* OFFICIAL SPEC SHEET STYLES START */
.official-spec-section{
  border-top:1px solid rgba(255,255,255,.12);
  background:
    radial-gradient(circle at 85% 10%, rgba(0,159,227,.12), transparent 28%),
    rgba(2,5,9,.98);
}

.official-spec-block{
  max-width:1180px;
  margin:0 auto 42px;
}

.official-spec-title{
  max-width:860px;
  margin:0 0 22px;
}

.official-spec-title h3{
  margin:8px 0 10px;
  color:#fff;
  font-size:clamp(28px,3vw,44px);
  line-height:1.05;
  letter-spacing:-.045em;
}

.official-spec-title p{
  color:#c4d1dd;
  line-height:1.65;
  font-size:16px;
}

.official-spec-table-wrap{
  overflow-x:auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,10,18,.92);
  box-shadow:0 24px 80px rgba(0,0,0,.24);
}

.official-spec-table{
  width:100%;
  min-width:980px;
  border-collapse:collapse;
}

.official-spec-table th,
.official-spec-table td{
  padding:15px 14px;
  text-align:left;
  border-bottom:1px solid rgba(255,255,255,.10);
  white-space:nowrap;
}

.official-spec-table th{
  color:#ffffff;
  background:rgba(0,159,227,.16);
  font-size:12px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.official-spec-table td{
  color:#d6e3ee;
  font-size:13.5px;
}

.official-spec-table tr:last-child td{
  border-bottom:0;
}

.official-spec-note{
  max-width:1180px;
  margin:24px auto 42px;
  padding:22px 24px;
  border-radius:20px;
  border:1px solid rgba(85,214,255,.32);
  background:
    linear-gradient(135deg, rgba(0,159,227,.14), rgba(255,255,255,.03)),
    rgba(3,10,18,.90);
}

.official-spec-note strong{
  display:block;
  color:#fff;
  font-size:18px;
  margin-bottom:8px;
}

.official-spec-note p{
  margin:0;
  color:#c4d1dd;
  line-height:1.65;
}

@media(max-width:980px){
  .official-spec-section{
    padding-left:14px !important;
    padding-right:14px !important;
  }

  .official-spec-title h3{
    font-size:30px;
  }

  .official-spec-table{
    min-width:900px;
  }

  .official-spec-table th,
  .official-spec-table td{
    padding:13px 12px;
    font-size:12.5px;
  }

  .official-spec-note{
    padding:18px;
  }
}
/* OFFICIAL SPEC SHEET STYLES END */


/* Safety full spec table refinement */
.wide-spec-table{
  min-width:1450px !important;
}

.safety-full-spec .official-spec-table td,
.safety-full-spec .official-spec-table th{
  font-size:12.5px;
  padding:13px 12px;
}

@media(max-width:980px){
  .wide-spec-table{
    min-width:1350px !important;
  }

  .safety-full-spec .official-spec-title p{
    font-size:14px;
  }
}

/* ================================
   SPEC HIGHLIGHT CARDS
   Mobile-friendly official specs
   ================================ */
.spec-highlights-section{
  padding-top:56px !important;
  padding-bottom:56px !important;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 82% 15%, rgba(0,159,227,.13), transparent 28%),
    rgba(2,5,9,.96);
}

.spec-highlight-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:16px;
}

.spec-highlight-card{
  padding:22px;
  border-radius:20px;
  border:1px solid rgba(85,214,255,.28);
  background:
    linear-gradient(180deg, rgba(0,159,227,.13), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.spec-highlight-card span{
  display:block;
  color:#9fdcff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:8px;
}

.spec-highlight-card strong{
  display:block;
  color:#ffffff;
  font-size:clamp(26px,3vw,40px);
  line-height:1;
  letter-spacing:-.045em;
  margin-bottom:10px;
}

.spec-highlight-card p{
  margin:0;
  color:#c4d1dd;
  font-size:13px;
  line-height:1.55;
}

@media(max-width:980px){
  .spec-highlights-section{
    padding-top:34px !important;
    padding-bottom:38px !important;
  }

  .spec-highlight-grid{
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .spec-highlight-card{
    padding:18px 14px;
  }

  .spec-highlight-card strong{
    font-size:28px;
  }
}

@media(max-width:430px){
  .spec-highlight-grid{
    grid-template-columns:1fr 1fr;
  }

  .spec-highlight-card p{
    font-size:12px;
  }
}

/* ================================
   CHOICE GUIDE SECTIONS
   Helps customers choose product tiers
   ================================ */
.choice-guide-section{
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,159,227,.045)),
    rgba(2,5,9,.98);
}

.choice-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.ppf-page .choice-grid,
.architecture-page .choice-grid{
  grid-template-columns:repeat(4,1fr);
}

.choice-card{
  position:relative;
  padding:26px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
  box-shadow:0 18px 60px rgba(0,0,0,.18);
}

.choice-card.premium-choice{
  border-color:rgba(85,214,255,.42);
  box-shadow:0 22px 80px rgba(0,159,227,.13);
}

.choice-badge{
  display:inline-flex;
  padding:8px 11px;
  border-radius:999px;
  background:rgba(0,159,227,.14);
  border:1px solid rgba(85,214,255,.26);
  color:#9fdcff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
}

.choice-card h3{
  margin:16px 0 12px;
  color:#fff;
  font-size:28px;
  line-height:1.05;
  letter-spacing:-.045em;
}

.choice-card p{
  color:#c4d1dd;
  line-height:1.62;
  margin:0 0 16px;
}

.choice-card ul{
  padding:0;
  margin:0 0 18px;
  list-style:none;
  display:grid;
  gap:8px;
}

.choice-card li{
  color:#eaf8ff;
  font-size:13px;
  line-height:1.45;
  padding-left:18px;
  position:relative;
}

.choice-card li::before{
  content:"";
  width:7px;
  height:7px;
  border-radius:50%;
  background:#55d6ff;
  position:absolute;
  left:0;
  top:.55em;
}

.choice-note{
  max-width:1180px;
  margin:26px auto 0;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.28);
  background:rgba(0,159,227,.10);
  color:#c4d1dd;
  line-height:1.6;
}

.choice-note strong{
  color:#fff;
  margin-right:6px;
}

@media(max-width:1180px){
  .ppf-page .choice-grid,
  .architecture-page .choice-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:980px){
  .choice-grid,
  .ppf-page .choice-grid,
  .architecture-page .choice-grid{
    grid-template-columns:1fr;
  }

  .choice-card{
    padding:22px;
  }

  .choice-card h3{
    font-size:25px;
  }
}

/* Track Day Premium 3-second healing emphasis */
.choice-card li strong,
.spec-highlight-card strong{
  letter-spacing:-.04em;
}

.premium-healing-note{
  max-width:1180px;
  margin:24px auto 0;
  padding:20px 22px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.34);
  background:rgba(0,159,227,.12);
  color:#d8f5ff;
}

/* PPF simplified 3-product choice grid */
.ppf-choice-grid{
  grid-template-columns:repeat(3,1fr) !important;
}

@media(max-width:980px){
  .ppf-choice-grid{
    grid-template-columns:1fr !important;
  }
}

/* ================================
   TRACKDAY SKY EXPLANATION
   Glass roof / panoramic roof education
   ================================ */
.trackday-sky-explain{
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    radial-gradient(circle at 80% 10%, rgba(0,159,227,.16), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,159,227,.045)),
    rgba(2,5,9,.98);
}

.sky-explain-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.sky-explain-card{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.sky-explain-card span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
  font-weight:900;
  margin-bottom:16px;
}

.sky-explain-card h3{
  color:#fff;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.035em;
  margin:0 0 12px;
}

.sky-explain-card p{
  color:#c4d1dd;
  line-height:1.62;
  margin:0;
  font-size:14px;
}

.sky-spec-strip{
  max-width:1180px;
  margin:28px auto 0;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}

.sky-spec-strip div{
  padding:20px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.30);
  background:rgba(0,159,227,.11);
}

.sky-spec-strip span{
  display:block;
  color:#9fdcff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.sky-spec-strip strong{
  display:block;
  margin:8px 0;
  color:#fff;
  font-size:32px;
  line-height:1;
}

.sky-spec-strip p{
  margin:0;
  color:#c4d1dd;
  font-size:13px;
}

.sky-note{
  max-width:1180px;
  margin:26px auto 0;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.28);
  background:rgba(0,159,227,.10);
  color:#c4d1dd;
  line-height:1.6;
}

.sky-note strong{
  color:#fff;
  margin-right:6px;
}

@media(max-width:1180px){
  .sky-explain-grid,
  .sky-spec-strip{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:980px){
  .sky-explain-grid,
  .sky-spec-strip{
    grid-template-columns:1fr;
  }

  .sky-explain-card{
    padding:22px;
  }

  .sky-spec-strip strong{
    font-size:28px;
  }
}

/* ================================
   SPEC GLOSSARY SECTION
   Explains VLT / IRR / TSER / PPF terms
   ================================ */
.spec-glossary-section{
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.08);
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), rgba(0,159,227,.035)),
    rgba(2,5,9,.98);
}

.glossary-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:16px;
}

.glossary-grid article{
  padding:24px;
  border-radius:20px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.glossary-grid h3{
  margin:0 0 10px;
  color:#55d6ff;
  font-size:24px;
  letter-spacing:-.03em;
}

.glossary-grid p{
  margin:0;
  color:#c4d1dd;
  font-size:14px;
  line-height:1.65;
}

@media(max-width:980px){
  .glossary-grid{
    grid-template-columns:1fr;
    gap:12px;
  }

  .glossary-grid article{
    padding:20px;
  }

  .glossary-grid h3{
    font-size:22px;
  }
}

/* ================================
   ZIVENT LOCATION DETAIL PAGES
   ================================ */
.location-hero{
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);
  gap:28px;
  align-items:stretch;
  border-top:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 80% 10%, rgba(0,159,227,.16), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,159,227,.035)),
    rgba(2,5,9,.98);
}

.location-hero-copy,
.location-info-panel{
  max-width:760px;
}

.location-hero h1{
  margin:12px 0 16px;
  color:#fff;
  font-size:clamp(42px,6vw,78px);
  line-height:.95;
  letter-spacing:-.065em;
}

.location-hero p{
  color:#c4d1dd;
  font-size:18px;
  line-height:1.7;
}

.location-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:24px;
}

.location-cta-row.small{
  margin-top:18px;
}

.location-info-panel{
  padding:28px;
  border-radius:26px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
  box-shadow:0 22px 80px rgba(0,0,0,.22);
}

.location-info-panel h2{
  margin:0 0 18px;
  color:#fff;
  font-size:30px;
  letter-spacing:-.04em;
}

.location-info-panel dl{
  margin:0;
  display:grid;
  gap:14px;
}

.location-info-panel dt{
  color:#9fdcff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
}

.location-info-panel dd{
  margin:4px 0 0;
  color:#eaf8ff;
  line-height:1.55;
}

.location-info-panel a{
  color:#fff;
}

.location-service-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.location-service-grid article,
.location-index-card,
.location-mini-card{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.location-service-grid h3,
.location-index-card h3,
.location-mini-card h3{
  margin:0 0 10px;
  color:#fff;
  font-size:24px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.location-service-grid p,
.location-index-card p,
.location-mini-card p{
  color:#c4d1dd;
  line-height:1.62;
}

.location-focus-card{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:26px;
  padding:30px;
  border-radius:28px;
  border:1px solid rgba(85,214,255,.28);
  background:
    linear-gradient(135deg, rgba(0,159,227,.14), rgba(255,255,255,.03)),
    rgba(3,10,18,.92);
}

.location-focus-card h2{
  color:#fff;
  font-size:clamp(32px,4vw,54px);
  line-height:1;
  letter-spacing:-.055em;
}

.location-focus-card p{
  color:#c4d1dd;
  line-height:1.68;
}

.location-focus-card ul{
  margin:0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.location-focus-card li{
  padding:14px 16px;
  border-radius:14px;
  background:rgba(255,255,255,.055);
  color:#eaf8ff;
  font-weight:800;
}

.location-map-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:.85fr 1.15fr;
  gap:28px;
  align-items:center;
}

.location-map-grid h2{
  color:#fff;
  font-size:clamp(34px,4vw,56px);
  line-height:1;
  letter-spacing:-.055em;
}

.location-map-grid p{
  color:#c4d1dd;
  line-height:1.65;
}

.location-map-grid iframe{
  width:100%;
  min-height:360px;
  border:0;
  border-radius:24px;
  filter:grayscale(.15) contrast(1.05);
}

.location-index-grid,
.location-mini-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.location-index-card span,
.location-mini-card span{
  display:inline-flex;
  padding:7px 10px;
  border-radius:999px;
  background:rgba(0,159,227,.14);
  border:1px solid rgba(85,214,255,.26);
  color:#9fdcff;
  font-size:11px;
  font-weight:900;
  letter-spacing:.07em;
  text-transform:uppercase;
  margin-bottom:14px;
}

.location-card-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  margin-top:16px;
}

.location-card-actions .btn{
  padding:11px 14px;
  font-size:12px;
}

@media(max-width:1180px){
  .location-index-grid,
  .location-mini-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:980px){
  .location-hero,
  .location-service-grid,
  .location-focus-card,
  .location-map-grid,
  .location-index-grid,
  .location-mini-grid{
    grid-template-columns:1fr;
  }

  .location-hero h1{
    font-size:clamp(38px,11vw,56px);
  }

  .location-cta-row .btn,
  .location-card-actions .btn{
    width:100%;
    justify-content:center;
  }

  .location-info-panel,
  .location-focus-card{
    padding:22px;
  }

  .location-map-grid iframe{
    min-height:300px;
  }
}

/* Grouped location layout: Head Office / Auckland / Regional */
.grouped-locations .location-group{
  max-width:1180px;
  margin:0 auto 58px;
}

.grouped-locations .location-group:last-child{
  margin-bottom:0;
}

.location-group-title{
  margin-bottom:22px !important;
}

.location-group-title.small-title{
  text-align:left;
  margin-bottom:18px !important;
}

.location-group-title.small-title h2{
  font-size:clamp(28px,3vw,42px);
}

.location-head-grid{
  display:grid;
  grid-template-columns:1fr;
}

.location-head-card{
  border-color:rgba(85,214,255,.42) !important;
  background:
    linear-gradient(135deg, rgba(0,159,227,.16), rgba(255,255,255,.035)),
    rgba(3,10,18,.94) !important;
  box-shadow:0 24px 90px rgba(0,159,227,.13);
}

.location-head-card h3{
  font-size:clamp(30px,4vw,46px);
}

.location-head-card .location-card-actions{
  margin-top:20px;
}

.auckland-location-grid{
  grid-template-columns:repeat(4,1fr);
}

.regional-location-grid{
  grid-template-columns:repeat(3,1fr);
}

.location-address{
  color:#eaf8ff !important;
  font-weight:700;
}

@media(max-width:1180px){
  .auckland-location-grid,
  .regional-location-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:980px){
  .grouped-locations .location-group{
    margin-bottom:42px;
  }

  .auckland-location-grid,
  .regional-location-grid{
    grid-template-columns:1fr;
  }

  .location-head-card h3{
    font-size:30px;
  }
}

/* ================================
   LOCATION CARD ALIGNMENT FIX
   Equal line spacing, equal CTA placement
   ================================ */
.location-index-card,
.location-mini-card{
  display:flex;
  flex-direction:column;
  height:100%;
}

.location-index-card h3,
.location-mini-card h3{
  min-height:56px;
  display:flex;
  align-items:flex-start;
}

.location-index-card .location-card-desc,
.location-mini-card .location-card-desc{
  min-height:78px;
  line-height:1.58;
  margin-bottom:12px;
}

.location-index-card .location-address,
.location-mini-card .location-address{
  min-height:54px;
  line-height:1.52;
  margin-bottom:10px;
}

.location-index-card .location-contact-line,
.location-mini-card .location-contact-line{
  min-height:46px;
  line-height:1.55;
  margin-bottom:18px;
}

.location-card-actions{
  margin-top:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px !important;
  width:100%;
}

.location-card-actions .btn{
  width:100%;
  min-height:42px;
  padding:11px 12px !important;
  display:flex;
  align-items:center;
  justify-content:center;
  text-align:center;
  white-space:normal;
  line-height:1.2;
}

.location-head-card h3{
  min-height:auto;
}

.location-head-card .location-card-desc{
  min-height:auto;
}

.location-head-card .location-address{
  min-height:auto;
}

.location-head-card .location-contact-line{
  min-height:auto;
}

.location-cta-row .btn{
  min-height:44px;
}

@media(max-width:980px){
  .location-index-card h3,
  .location-mini-card h3,
  .location-index-card .location-card-desc,
  .location-mini-card .location-card-desc,
  .location-index-card .location-address,
  .location-mini-card .location-address,
  .location-index-card .location-contact-line,
  .location-mini-card .location-contact-line{
    min-height:0;
  }

  .location-card-actions{
    grid-template-columns:1fr;
  }
}

/* ================================
   LOCATION CARD CLEAN LAYOUT
   Remove description gap, align address/phone
   ================================ */
.location-index-card,
.location-mini-card{
  display:flex !important;
  flex-direction:column !important;
  height:100% !important;
}

.location-index-card h3,
.location-mini-card h3{
  min-height:58px !important;
  margin-bottom:14px !important;
  display:flex !important;
  align-items:flex-start !important;
}

.location-index-card .location-address,
.location-mini-card .location-address{
  min-height:64px !important;
  margin:0 0 12px !important;
  line-height:1.5 !important;
  display:flex !important;
  align-items:flex-start !important;
  color:#eaf8ff !important;
  font-weight:700 !important;
}

.location-index-card .location-contact-line,
.location-mini-card .location-contact-line{
  min-height:52px !important;
  margin:0 0 18px !important;
  line-height:1.55 !important;
}

.location-index-card .location-contact-line a,
.location-mini-card .location-contact-line a{
  display:inline-block;
  line-height:1.55;
}

.location-card-actions{
  margin-top:auto !important;
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
}

.location-card-actions .btn{
  width:100% !important;
  min-height:42px !important;
  padding:11px 12px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  text-align:center !important;
  white-space:normal !important;
  line-height:1.2 !important;
}

.location-head-card h3{
  min-height:auto !important;
}

.location-head-card .location-address{
  min-height:auto !important;
}

.location-head-card .location-contact-line{
  min-height:auto !important;
}

@media(max-width:980px){
  .location-index-card h3,
  .location-mini-card h3,
  .location-index-card .location-address,
  .location-mini-card .location-address,
  .location-index-card .location-contact-line,
  .location-mini-card .location-contact-line{
    min-height:0 !important;
  }

  .location-card-actions{
    grid-template-columns:1fr !important;
  }
}

/* Dynamic selected branch contact box */
.branch-contact-box{
  max-width:980px;
  margin:0 auto 22px;
  padding:18px 20px;
  border-radius:20px;
  border:1px solid rgba(85,214,255,.30);
  background:
    linear-gradient(135deg, rgba(0,159,227,.14), rgba(255,255,255,.035)),
    rgba(3,10,18,.92);
  display:grid;
  grid-template-columns:1fr auto;
  gap:18px;
  align-items:center;
}

.branch-contact-eyebrow{
  display:block;
  color:#9fdcff;
  font-size:12px;
  font-weight:900;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}

.branch-contact-name{
  display:block;
  color:#fff;
  font-size:22px;
  line-height:1.1;
}

.branch-contact-detail{
  margin:6px 0 0;
  color:#c4d1dd;
  line-height:1.5;
}

.branch-contact-actions{
  display:flex;
  gap:10px;
  flex-wrap:wrap;
}

.branch-contact-actions .btn{
  min-height:42px;
  padding:11px 14px;
}

@media(max-width:780px){
  .branch-contact-box{
    grid-template-columns:1fr;
  }

  .branch-contact-actions{
    display:grid;
    grid-template-columns:1fr;
  }

  .branch-contact-actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* Hide old duplicate selected branch contact box if any previous script output remains */
.branch-contact-box{
  display:none !important;
}

/* Head Office cards should not show quote/booking; keep contact actions neat */
.location-head-card .location-card-actions{
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
}

.location-head-card .location-cta-row{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
}

@media(max-width:980px){
  .location-head-card .location-card-actions{
    grid-template-columns:1fr !important;
  }
}

/* SEO-only hidden heading */
.seo-hidden{
  position:absolute !important;
  width:1px !important;
  height:1px !important;
  padding:0 !important;
  margin:-1px !important;
  overflow:hidden !important;
  clip:rect(0,0,0,0) !important;
  white-space:nowrap !important;
  border:0 !important;
}

/* ================================
   TINTING LAWS NZ FINAL PAGE
   ================================ */
.tint-law-final{
  border-top:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 80% 10%, rgba(0,159,227,.16), transparent 30%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,159,227,.035)),
    rgba(2,5,9,.98);
}

.tint-law-alert,
.tint-law-note{
  max-width:1180px;
  margin:0 auto 24px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.30);
  background:rgba(0,159,227,.12);
  color:#c4d1dd;
  line-height:1.65;
}

.tint-law-alert strong,
.tint-law-note strong{
  color:#fff;
  margin-right:6px;
}

.tint-law-grid{
  max-width:1180px;
  margin:0 auto 28px;
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:18px;
}

.tint-law-grid article{
  padding:24px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
  background:
    linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.tint-law-grid span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
  font-weight:900;
  margin-bottom:16px;
}

.tint-law-grid h3{
  margin:0 0 12px;
  color:#fff;
  font-size:22px;
  line-height:1.1;
  letter-spacing:-.035em;
}

.tint-law-grid p{
  margin:0;
  color:#c4d1dd;
  line-height:1.62;
  font-size:14px;
}

.tint-law-table-wrap{
  max-width:1180px;
  margin:0 auto 24px;
  overflow:auto;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.14);
}

.tint-law-table{
  width:100%;
  border-collapse:collapse;
  background:rgba(3,10,18,.92);
}

.tint-law-table th,
.tint-law-table td{
  padding:18px;
  border-bottom:1px solid rgba(255,255,255,.10);
  color:#c4d1dd;
  text-align:left;
  vertical-align:top;
}

.tint-law-table th{
  color:#fff;
  background:rgba(0,159,227,.14);
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
}

.tint-law-table td:first-child{
  color:#fff;
  font-weight:900;
}

.tint-law-faq{
  background:rgba(2,5,9,.98);
}

.faq-list{
  max-width:980px;
  margin:0 auto;
  display:grid;
  gap:12px;
}

.faq-list details{
  border-radius:18px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(3,10,18,.90);
  padding:18px 20px;
}

.faq-list summary{
  cursor:pointer;
  color:#fff;
  font-weight:900;
  font-size:18px;
}

.faq-list p{
  color:#c4d1dd;
  line-height:1.65;
}

.tint-law-cta{
  max-width:980px;
  margin:28px auto 0;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(85,214,255,.30);
  background:
    linear-gradient(135deg, rgba(0,159,227,.16), rgba(255,255,255,.035)),
    rgba(3,10,18,.92);
}

.tint-law-cta h2{
  color:#fff;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  letter-spacing:-.05em;
  margin:0 0 12px;
}

.tint-law-cta p{
  color:#c4d1dd;
  line-height:1.65;
}

.tint-law-cta div{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

@media(max-width:1180px){
  .tint-law-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:780px){
  .tint-law-grid{
    grid-template-columns:1fr;
  }

  .tint-law-table th,
  .tint-law-table td{
    padding:14px;
    font-size:13px;
  }

  .tint-law-cta div .btn{
    width:100%;
    justify-content:center;
  }
}

/* =========================
   TINT LAW PRO PAGE
   ========================= */
.tint-law-pro-hero{
  background:
    radial-gradient(circle at 80% 10%, rgba(0,159,227,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,159,227,.04)),
    rgba(2,5,9,.98);
  border-top:1px solid rgba(255,255,255,.08);
}

.tint-law-pro-wrap{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:center;
}

.tint-law-pro-copy .lead{
  color:#c4d1dd;
  line-height:1.72;
  font-size:16px;
}

.tint-law-highlight{
  margin-top:22px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.28);
  background:rgba(0,159,227,.10);
  color:#d7e3ed;
  line-height:1.66;
}

.tint-law-highlight strong{
  color:#fff;
  display:block;
  margin-bottom:6px;
}

.tint-law-quick-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.tint-law-quick-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#fff;
  text-decoration:none;
  font-weight:700;
  font-size:13px;
}

.tint-law-pro-media img{
  width:100%;
  border-radius:24px;
  display:block;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 80px rgba(0,0,0,.28);
}

.tint-law-image-note{
  margin-top:10px;
  color:#9fb0bf;
  font-size:13px;
}

.tint-law-photo-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.tint-law-photo-grid figure{
  margin:0;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(3,10,18,.92);
}

.tint-law-photo-grid img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}

.tint-law-photo-grid figcaption{
  padding:14px 16px;
  color:#d4dde6;
  font-size:14px;
  line-height:1.5;
}

.shade-guide-table-wrap{
  max-width:1180px;
  margin:0 auto;
  border-radius:24px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.10);
}

.shade-guide-table{
  width:100%;
  border-collapse:collapse;
  background:rgba(3,10,18,.94);
}

.shade-guide-table th,
.shade-guide-table td{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
  text-align:left;
  color:#d4dde6;
}

.shade-guide-table th{
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:rgba(0,159,227,.14);
}

.shade-guide-table td strong{
  color:#fff;
}

.table-note{
  max-width:1180px;
  margin:12px auto 0;
  color:#9fb0bf;
  font-size:13px;
  line-height:1.55;
}

.shade-chip{
  width:46px;
  height:14px;
  border-radius:999px;
  margin-bottom:8px;
  border:1px solid rgba(255,255,255,.16);
}

.shade-bar{
  height:56px;
  border-radius:14px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.14);
}

.shade-70{ background:rgba(255,255,255,.78); }
.shade-50{ background:rgba(255,255,255,.56); }
.shade-35{ background:rgba(255,255,255,.38); }
.shade-20{ background:rgba(255,255,255,.20); }
.shade-05{ background:rgba(255,255,255,.08); }

.status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:800;
  white-space:nowrap;
}

.status.ok{
  color:#dfffea;
  background:rgba(37,167,94,.18);
  border:1px solid rgba(37,167,94,.35);
}

.status.no{
  color:#ffe3e3;
  background:rgba(200,60,60,.18);
  border:1px solid rgba(200,60,60,.35);
}

.tint-visual-grid,
.tint-law-rule-grid,
.common-case-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:18px;
}

.tint-law-rule-grid{
  grid-template-columns:repeat(4,1fr);
}

.common-case-grid{
  grid-template-columns:repeat(4,1fr);
}

.tint-visual-grid article,
.tint-law-rule-grid article,
.common-case-grid article{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.tint-visual-grid h3,
.tint-law-rule-grid h3,
.common-case-grid h3{
  margin:0 0 10px;
  color:#fff;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.04em;
}

.tint-visual-grid p,
.tint-law-rule-grid p,
.common-case-grid p{
  margin:0;
  color:#c4d1dd;
  line-height:1.63;
  font-size:14px;
}

.tint-law-rule-grid span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
  font-weight:900;
  margin-bottom:16px;
}

.tint-law-cta-box{
  max-width:980px;
  margin:30px auto 0;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(85,214,255,.30);
  background:
    linear-gradient(135deg, rgba(0,159,227,.16), rgba(255,255,255,.03)),
    rgba(3,10,18,.92);
}

.tint-law-cta-box h2{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(30px,4vw,48px);
  line-height:1;
  letter-spacing:-.05em;
}

.tint-law-cta-box p{
  margin:0;
  color:#c4d1dd;
  line-height:1.65;
}

.cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

@media(max-width:1180px){
  .tint-law-pro-wrap,
  .tint-law-photo-grid,
  .tint-visual-grid,
  .tint-law-rule-grid,
  .common-case-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:780px){
  .tint-law-pro-wrap,
  .tint-law-photo-grid,
  .tint-visual-grid,
  .tint-law-rule-grid,
  .common-case-grid{
    grid-template-columns:1fr;
  }

  .shade-guide-table th,
  .shade-guide-table td{
    padding:14px;
    font-size:13px;
  }

  .cta-actions .btn{
    width:100%;
    justify-content:center;
  }
}

/* =========================
   TINTING LAWS NZ - PRO GUIDE
   ========================= */
.tint-law-pro-hero{
  background:
    radial-gradient(circle at 80% 10%, rgba(0,159,227,.16), transparent 28%),
    linear-gradient(180deg, rgba(255,255,255,.025), rgba(0,159,227,.04)),
    rgba(2,5,9,.98);
  border-top:1px solid rgba(255,255,255,.08);
}

.tint-law-pro-wrap{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:28px;
  align-items:center;
}

.tint-law-pro-copy h1{
  margin:12px 0 16px;
  color:#fff;
  font-size:clamp(44px,6vw,76px);
  line-height:.95;
  letter-spacing:-.065em;
}

.tint-law-pro-copy .lead{
  color:#c4d1dd;
  line-height:1.72;
  font-size:16px;
}

.tint-law-highlight{
  margin-top:22px;
  padding:18px 20px;
  border-radius:18px;
  border:1px solid rgba(85,214,255,.28);
  background:rgba(0,159,227,.10);
  color:#d7e3ed;
  line-height:1.66;
}

.tint-law-highlight strong{
  color:#fff;
  display:block;
  margin-bottom:6px;
}

.tint-law-quick-links{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:20px;
}

.tint-law-quick-links a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:10px 14px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.14);
  background:rgba(255,255,255,.04);
  color:#fff;
  text-decoration:none;
  font-weight:800;
  font-size:13px;
}

.tint-law-pro-media img{
  width:100%;
  border-radius:24px;
  display:block;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 22px 80px rgba(0,0,0,.28);
}

.tint-law-image-note{
  margin-top:10px;
  color:#9fb0bf;
  font-size:13px;
}

.tint-law-photo-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:18px;
}

.tint-law-photo-grid figure{
  margin:0;
  border-radius:20px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.10);
  background:rgba(3,10,18,.92);
}

.tint-law-photo-grid img{
  width:100%;
  aspect-ratio:4/3;
  object-fit:cover;
  display:block;
}

.tint-law-photo-grid figcaption{
  padding:14px 16px;
  color:#d4dde6;
  font-size:14px;
  line-height:1.5;
}

.shade-guide-table-wrap{
  max-width:1180px;
  margin:0 auto;
  border-radius:24px;
  overflow:auto;
  border:1px solid rgba(255,255,255,.10);
}

.shade-guide-table{
  width:100%;
  border-collapse:collapse;
  background:rgba(3,10,18,.94);
}

.shade-guide-table th,
.shade-guide-table td{
  padding:16px 18px;
  border-bottom:1px solid rgba(255,255,255,.08);
  vertical-align:top;
  text-align:left;
  color:#d4dde6;
}

.shade-guide-table th{
  color:#fff;
  font-size:13px;
  text-transform:uppercase;
  letter-spacing:.06em;
  background:rgba(0,159,227,.14);
}

.shade-guide-table td strong{
  color:#fff;
}

.table-note{
  max-width:1180px;
  margin:12px auto 0;
  color:#9fb0bf;
  font-size:13px;
  line-height:1.55;
}

.shade-chip{
  width:48px;
  height:16px;
  border-radius:999px;
  margin-bottom:8px;
  border:1px solid rgba(255,255,255,.18);
}

.shade-bar{
  height:58px;
  border-radius:14px;
  margin-bottom:14px;
  border:1px solid rgba(255,255,255,.14);
}

.shade-70{ background:rgba(255,255,255,.78); }
.shade-50{ background:rgba(255,255,255,.56); }
.shade-35{ background:rgba(255,255,255,.38); }
.shade-20{ background:rgba(255,255,255,.20); }
.shade-05{ background:rgba(255,255,255,.08); }

.status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  padding:6px 10px;
  border-radius:999px;
  font-size:12px;
  font-weight:900;
  white-space:nowrap;
}

.status.ok{
  color:#dfffea;
  background:rgba(37,167,94,.18);
  border:1px solid rgba(37,167,94,.35);
}

.status.no{
  color:#ffe3e3;
  background:rgba(200,60,60,.18);
  border:1px solid rgba(200,60,60,.35);
}

.tint-visual-grid,
.tint-law-rule-grid,
.common-case-grid{
  max-width:1180px;
  margin:0 auto;
  display:grid;
  gap:18px;
}

.tint-visual-grid{ grid-template-columns:repeat(5,1fr); }
.tint-law-rule-grid{ grid-template-columns:repeat(4,1fr); }
.common-case-grid{ grid-template-columns:repeat(4,1fr); }

.tint-visual-grid article,
.tint-law-rule-grid article,
.common-case-grid article{
  padding:22px;
  border-radius:22px;
  border:1px solid rgba(255,255,255,.10);
  background:
    linear-gradient(180deg, rgba(255,255,255,.06), rgba(255,255,255,.025)),
    rgba(3,10,18,.90);
}

.tint-visual-grid h3,
.tint-law-rule-grid h3,
.common-case-grid h3{
  margin:0 0 10px;
  color:#fff;
  font-size:22px;
  line-height:1.08;
  letter-spacing:-.04em;
}

.tint-visual-grid p,
.tint-law-rule-grid p,
.common-case-grid p{
  margin:0;
  color:#c4d1dd;
  line-height:1.63;
  font-size:14px;
}

.tint-law-rule-grid span{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border-radius:999px;
  background:linear-gradient(135deg,#009fe3,#006fae);
  color:#fff;
  font-weight:900;
  margin-bottom:16px;
}

.tint-law-source-box,
.tint-law-cta-box{
  max-width:980px;
  margin:30px auto 0;
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(85,214,255,.30);
  background:
    linear-gradient(135deg, rgba(0,159,227,.16), rgba(255,255,255,.03)),
    rgba(3,10,18,.92);
}

.tint-law-source-box h3,
.tint-law-cta-box h2{
  margin:0 0 12px;
  color:#fff;
  font-size:clamp(26px,4vw,46px);
  line-height:1;
  letter-spacing:-.05em;
}

.tint-law-source-box p,
.tint-law-cta-box p{
  margin:0;
  color:#c4d1dd;
  line-height:1.65;
}

.cta-actions{
  display:flex;
  flex-wrap:wrap;
  gap:12px;
  margin-top:20px;
}

@media(max-width:1180px){
  .tint-law-pro-wrap,
  .tint-law-photo-grid,
  .tint-visual-grid,
  .tint-law-rule-grid,
  .common-case-grid{
    grid-template-columns:repeat(2,1fr);
  }
}

@media(max-width:780px){
  .tint-law-pro-wrap,
  .tint-law-photo-grid,
  .tint-visual-grid,
  .tint-law-rule-grid,
  .common-case-grid{
    grid-template-columns:1fr;
  }

  .tint-law-pro-copy h1{
    font-size:clamp(38px,11vw,58px);
  }

  .shade-guide-table th,
  .shade-guide-table td{
    padding:14px;
    font-size:13px;
  }

  .cta-actions .btn{
    width:100%;
    justify-content:center;
  }
}


/* ZIVENT SUBMIT LOADING START */
.zivent-submit-overlay{
  position:fixed;
  inset:0;
  z-index:999999;
  display:none;
  align-items:center;
  justify-content:center;
  padding:24px;
  background:
    radial-gradient(circle at 50% 45%, rgba(0,159,227,.24), transparent 34%),
    rgba(2,5,9,.86);
  backdrop-filter:blur(14px);
}

.zivent-submit-overlay.is-visible{
  display:flex;
}

.zivent-submit-box{
  position:relative;
  width:min(500px,100%);
  padding:34px 26px 32px;
  border-radius:28px;
  border:1px solid rgba(85,214,255,.42);
  background:
    linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.035)),
    rgba(3,10,18,.97);
  box-shadow:
    0 35px 120px rgba(0,0,0,.50),
    0 0 60px rgba(0,159,227,.20);
  text-align:center;
  overflow:hidden;
}

.zivent-loader-glow{
  position:absolute;
  inset:-40%;
  background:
    radial-gradient(circle at 50% 50%, rgba(85,214,255,.20), transparent 28%),
    conic-gradient(from 0deg, transparent, rgba(0,159,227,.25), transparent, rgba(85,214,255,.18), transparent);
  animation:ziventGlowSpin 3.5s linear infinite;
  opacity:.8;
  pointer-events:none;
}

.zivent-submit-box > *:not(.zivent-loader-glow){
  position:relative;
  z-index:2;
}

.zivent-submit-box strong{
  display:block;
  margin-top:18px;
  color:#ffffff;
  font-size:24px;
  letter-spacing:-.035em;
}

.zivent-submit-box p{
  margin:10px 0 0;
  color:#c4d1dd;
  line-height:1.55;
  font-size:15px;
}

.zivent-speed-scene{
  position:relative;
  width:100%;
  height:112px;
  margin:0 auto 6px;
  overflow:hidden;
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(0,159,227,.12), rgba(2,5,9,.10)),
    rgba(2,5,9,.35);
}

.zivent-road{
  position:absolute;
  left:8%;
  right:8%;
  bottom:24px;
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(85,214,255,.95), transparent);
  box-shadow:0 0 16px rgba(85,214,255,.65);
}

.zivent-road::before{
  content:"";
  position:absolute;
  left:-70%;
  top:50%;
  width:240%;
  height:2px;
  transform:translateY(-50%);
  background:repeating-linear-gradient(
    90deg,
    transparent 0 22px,
    rgba(255,255,255,.42) 22px 42px
  );
  animation:ziventRoadSpeed .55s linear infinite;
}

.zivent-speed-line{
  position:absolute;
  right:-45%;
  height:2px;
  border-radius:999px;
  background:linear-gradient(90deg, transparent, rgba(85,214,255,.92), transparent);
  box-shadow:0 0 14px rgba(85,214,255,.75);
  animation:ziventSpeedLine .8s linear infinite;
}

.zivent-speed-line.line-1{ top:24px; width:70%; animation-delay:0s; }
.zivent-speed-line.line-2{ top:44px; width:46%; animation-delay:.16s; opacity:.78; }
.zivent-speed-line.line-3{ top:66px; width:62%; animation-delay:.32s; opacity:.9; }
.zivent-speed-line.line-4{ top:84px; width:38%; animation-delay:.48s; opacity:.7; }

.zivent-car-motion{
  position:absolute;
  left:-118px;
  bottom:27px;
  width:116px;
  height:58px;
  animation:ziventCarPass 1.55s cubic-bezier(.35,.02,.3,1) infinite;
}

.zivent-car-model{
  position:relative;
  width:116px;
  height:58px;
  filter:
    drop-shadow(0 12px 18px rgba(0,0,0,.45))
    drop-shadow(0 0 14px rgba(85,214,255,.35));
  animation:ziventCarFloat .38s ease-in-out infinite alternate;
}

.zivent-car-model .car-body{
  position:absolute;
  left:8px;
  bottom:13px;
  width:96px;
  height:25px;
  border-radius:13px 18px 9px 10px;
  background:linear-gradient(135deg,#35d8ff 0%,#009fe3 42%,#0064a8 100%);
  box-shadow:
    inset 0 2px 0 rgba(255,255,255,.35),
    0 0 18px rgba(0,159,227,.45);
}

.zivent-car-model .car-roof{
  position:absolute;
  left:30px;
  bottom:35px;
  width:43px;
  height:16px;
  border-radius:14px 16px 4px 4px;
  background:linear-gradient(135deg,#00b7ff,#006ba8);
  box-shadow:inset 0 2px 0 rgba(255,255,255,.30);
}

.zivent-car-model .car-window{
  position:absolute;
  left:38px;
  bottom:38px;
  width:28px;
  height:9px;
  border-radius:7px 8px 3px 3px;
  background:linear-gradient(135deg,#e9fbff,#7bdcff);
  opacity:.96;
}

.zivent-car-model .front-light{
  position:absolute;
  right:8px;
  bottom:24px;
  width:10px;
  height:5px;
  border-radius:999px;
  background:#e9fbff;
  box-shadow:0 0 16px 6px rgba(85,214,255,.48);
}

.zivent-car-model .front-light::after{
  content:"";
  position:absolute;
  left:8px;
  top:50%;
  width:62px;
  height:2px;
  transform:translateY(-50%);
  background:linear-gradient(90deg, rgba(85,214,255,.85), transparent);
  filter:blur(.5px);
}

.zivent-car-model .rear-light{
  position:absolute;
  left:9px;
  bottom:24px;
  width:7px;
  height:5px;
  border-radius:999px;
  background:#1c4563;
  box-shadow:0 0 10px rgba(0,159,227,.65);
}

.zivent-car-model .car-wheel{
  position:absolute;
  bottom:6px;
  width:16px;
  height:16px;
  border-radius:50%;
  background:#071018;
  border:2px solid #9fe7ff;
  animation:ziventWheelSpin .34s linear infinite;
  box-shadow:0 0 8px rgba(85,214,255,.55);
}

.zivent-car-model .car-wheel::after{
  content:"";
  position:absolute;
  inset:3px;
  border-radius:50%;
  background:#d8f5ff;
  opacity:.78;
}

.zivent-car-model .wheel-a{ left:23px; }
.zivent-car-model .wheel-b{ right:20px; }

@keyframes ziventCarPass{
  0%{ transform:translateX(0) scale(.96); opacity:0; }
  8%{ opacity:1; }
  52%{ transform:translateX(245px) scale(1); opacity:1; }
  100%{ transform:translateX(540px) scale(.98); opacity:0; }
}

@keyframes ziventCarFloat{
  from{ transform:translateY(0); }
  to{ transform:translateY(-2px); }
}

@keyframes ziventWheelSpin{
  from{ transform:rotate(0deg); }
  to{ transform:rotate(360deg); }
}

@keyframes ziventSpeedLine{
  from{ transform:translateX(0); opacity:0; }
  12%{ opacity:1; }
  to{ transform:translateX(-760px); opacity:0; }
}

@keyframes ziventRoadSpeed{
  from{ transform:translateY(-50%) translateX(0); }
  to{ transform:translateY(-50%) translateX(-64px); }
}

@keyframes ziventGlowSpin{
  to{ transform:rotate(360deg); }
}

form.is-submitting{
  pointer-events:none;
  opacity:.82;
}

form.is-submitting button[type="submit"],
form.is-submitting input[type="submit"]{
  cursor:wait !important;
}

.zivent-submit-lock{
  cursor:wait;
}

@media(max-width:980px){
  .zivent-submit-box{
    padding:28px 20px;
    border-radius:22px;
  }

  .zivent-speed-scene{
    height:100px;
  }

  .zivent-submit-box strong{
    font-size:22px;
  }

  .zivent-submit-box p{
    font-size:14px;
  }

  @keyframes ziventCarPass{
    0%{ transform:translateX(0) scale(.94); opacity:0; }
    8%{ opacity:1; }
    55%{ transform:translateX(165px) scale(1); opacity:1; }
    100%{ transform:translateX(340px) scale(.96); opacity:0; }
  }
}
/* ZIVENT SUBMIT LOADING END */

/* ZIVENT HEADER LOGO - AI ORIGINAL */
.site-header .brand img,
header .brand img,
a.brand img{
  height:38px !important;
  width:auto !important;
  max-width:190px !important;
  opacity:1 !important;
  filter:none !important;
  object-fit:contain !important;
}

@media(max-width:980px){
  .site-header .brand img,
  header .brand img,
  a.brand img{
    height:34px !important;
    max-width:175px !important;
  }
}

/* Unified Branch Buttons */
.unified-branch-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:14px !important;
  margin-top:26px !important;
}

.unified-branch-actions .branch-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:54px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.42) !important;
  background:rgba(0,174,239,.10) !important;
  color:#fff !important;
  font-weight:800 !important;
  text-decoration:none !important;
  letter-spacing:-.01em !important;
}

.unified-branch-actions .branch-btn:hover{
  background:rgba(0,174,239,.22) !important;
  border-color:rgba(0,174,239,.72) !important;
}

@media(max-width:480px){
  .unified-branch-actions{
    gap:12px !important;
  }
  .unified-branch-actions .branch-btn{
    min-height:52px !important;
    font-size:15px !important;
  }
}

/* Clean Branch Card Layout */
.branch-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:24px;
}

.branch-card{
  padding:28px;
  border-radius:24px;
  border:1px solid rgba(255,255,255,.12);
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}

.branch-card .eyebrow{
  display:block;
  margin-bottom:14px;
  color:#62d8ff;
  font-weight:900;
  letter-spacing:.18em;
  text-transform:uppercase;
  font-size:12px;
}

.branch-card h3{
  margin:0 0 16px;
}

.branch-card p{
  margin:0;
  color:rgba(255,255,255,.72);
}

.unified-branch-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:24px !important;
}

.unified-branch-actions .branch-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.45) !important;
  background:rgba(0,174,239,.10) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-decoration:none !important;
}

@media(max-width:900px){
  .branch-grid{
    grid-template-columns:1fr;
  }

  .branch-card{
    padding:26px;
    border-radius:26px;
  }

  .unified-branch-actions .branch-btn{
    min-height:54px !important;
    font-size:16px !important;
  }
}

/* Final Branch Contact Cards */
.branch-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
}

.branch-card{
  padding:28px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.branch-card .eyebrow{
  display:block !important;
  margin-bottom:14px !important;
  color:#62d8ff !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
}

.branch-card h3{
  margin:0 0 14px !important;
}

.branch-map-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:60px !important;
  padding:14px 18px !important;
  margin:16px 0 14px !important;
  border-radius:18px !important;
  border:1px solid rgba(98,216,255,.36) !important;
  background:rgba(98,216,255,.08) !important;
  color:rgba(255,255,255,.90) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:14px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

.branch-map-btn:hover{
  background:rgba(98,216,255,.16) !important;
  border-color:rgba(98,216,255,.72) !important;
  color:#fff !important;
}

.branch-contact-line{
  margin:0 0 20px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:14px !important;
  line-height:1.55 !important;
}

.branch-contact-line a{
  color:rgba(98,216,255,.92) !important;
  text-decoration:none !important;
}

.unified-branch-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:0 !important;
}

.unified-branch-actions .branch-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:46px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.45) !important;
  background:rgba(0,174,239,.10) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-decoration:none !important;
}

@media(max-width:900px){
  .branch-grid{
    grid-template-columns:1fr !important;
  }

  .branch-card{
    padding:26px !important;
    border-radius:26px !important;
  }

  .branch-map-btn{
    min-height:58px !important;
    font-size:15px !important;
  }

  .unified-branch-actions .branch-btn{
    min-height:54px !important;
    font-size:16px !important;
  }
}

/* Final Aligned Branch Cards */
.branch-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:24px !important;
  align-items:stretch !important;
}

.branch-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:360px !important;
  padding:28px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.branch-card .eyebrow{
  display:block !important;
  min-height:32px !important;
  margin-bottom:12px !important;
  color:#62d8ff !important;
  font-weight:900 !important;
  letter-spacing:.18em !important;
  text-transform:uppercase !important;
  font-size:12px !important;
  line-height:1.35 !important;
}

.branch-card h3{
  margin:0 0 14px !important;
  min-height:34px !important;
  line-height:1.05 !important;
}

.branch-map-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:72px !important;
  padding:14px 16px !important;
  margin:0 0 16px !important;
  border-radius:18px !important;
  border:1px solid rgba(98,216,255,.36) !important;
  background:rgba(98,216,255,.08) !important;
  color:rgba(255,255,255,.92) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:14px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

.branch-map-btn:hover{
  background:rgba(98,216,255,.16) !important;
  border-color:rgba(98,216,255,.72) !important;
  color:#fff !important;
}

.branch-info{
  display:grid !important;
  gap:8px !important;
  margin:0 0 20px !important;
}

.branch-info div{
  display:grid !important;
  grid-template-columns:54px 1fr !important;
  gap:10px !important;
  align-items:start !important;
}

.branch-info strong{
  color:rgba(255,255,255,.52) !important;
  font-size:12px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
  letter-spacing:.06em !important;
}

.branch-info a{
  color:rgba(255,255,255,.82) !important;
  text-decoration:none !important;
  font-size:14px !important;
  line-height:1.35 !important;
  word-break:break-word !important;
}

.branch-info a[href^="mailto"]{
  color:rgba(98,216,255,.95) !important;
}

.unified-branch-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:auto !important;
}

.unified-branch-actions .branch-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.45) !important;
  background:rgba(0,174,239,.10) !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-decoration:none !important;
}

@media(max-width:900px){
  .branch-grid{
    grid-template-columns:1fr !important;
  }

  .branch-card{
    min-height:auto !important;
    padding:28px !important;
    border-radius:28px !important;
  }

  .branch-card .eyebrow,
  .branch-card h3{
    min-height:0 !important;
  }

  .branch-map-btn{
    min-height:64px !important;
    font-size:15px !important;
  }

  .branch-info div{
    grid-template-columns:64px 1fr !important;
  }

  .unified-branch-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  }

  .unified-branch-actions .branch-btn{
    min-height:56px !important;
    font-size:16px !important;
  }
}

/* Branch buttons final clean override */
.branch-card .unified-branch-actions,
.branch-card .branch-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:10px !important;
  width:100% !important;
  margin-top:auto !important;
}

.branch-card .branch-btn,
.branch-card .unified-branch-actions a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:100% !important;
  min-width:0 !important;
  min-height:42px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.48) !important;
  background:rgba(0,174,239,.12) !important;
  color:#fff !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-align:center !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  box-sizing:border-box !important;
}

.branch-card .branch-btn:nth-child(1),
.branch-card .branch-btn:nth-child(2){
  margin-bottom:0 !important;
}

.branch-card .branch-map-btn{
  width:100% !important;
  min-height:68px !important;
  box-sizing:border-box !important;
}

.branch-card .branch-info{
  margin-bottom:18px !important;
}

@media(max-width:900px){
  .branch-card .unified-branch-actions,
  .branch-card .branch-actions{
    grid-template-columns:repeat(2,minmax(0,1fr)) !important;
    gap:12px !important;
  }

  .branch-card .branch-btn,
  .branch-card .unified-branch-actions a{
    min-height:54px !important;
    font-size:16px !important;
  }
}

/* Branch cards - address only + 2x2 buttons */
.branch-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:285px !important;
}

.branch-card .eyebrow{
  margin-bottom:12px !important;
}

.branch-card h3{
  margin-bottom:16px !important;
}

.branch-map-btn{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:72px !important;
  padding:14px 16px !important;
  margin:0 0 22px !important;
  border-radius:18px !important;
  border:1px solid rgba(98,216,255,.36) !important;
  background:rgba(98,216,255,.08) !important;
  color:rgba(255,255,255,.92) !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:14px !important;
  line-height:1.35 !important;
  text-align:center !important;
}

.branch-card .branch-info,
.branch-contact-line{
  display:none !important;
}

.branch-card .unified-branch-actions,
.branch-card .branch-actions{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:12px !important;
  width:100% !important;
  margin-top:auto !important;
}

.branch-card .branch-btn,
.branch-card .unified-branch-actions a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:48px !important;
  padding:0 12px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.48) !important;
  background:rgba(0,174,239,.12) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  text-decoration:none !important;
}

@media(max-width:900px){
  .branch-card{
    min-height:auto !important;
  }

  .branch-map-btn{
    min-height:64px !important;
    font-size:15px !important;
  }

  .branch-card .branch-btn,
  .branch-card .unified-branch-actions a{
    min-height:56px !important;
    font-size:16px !important;
  }
}

/* Simple Branch Location Cards */
.simple-location-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}

.regional-simple-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.simple-location-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:210px !important;
  padding:26px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  color:#fff !important;
  text-decoration:none !important;
  transition:transform .2s ease, border-color .2s ease, background .2s ease !important;
}

.simple-location-card:hover{
  transform:translateY(-3px) !important;
  border-color:rgba(0,174,239,.62) !important;
  background:linear-gradient(180deg,rgba(0,174,239,.12),rgba(255,255,255,.035)) !important;
}

.simple-location-card span{
  display:inline-flex !important;
  width:max-content !important;
  max-width:100% !important;
  padding:7px 12px !important;
  margin-bottom:18px !important;
  border-radius:999px !important;
  border:1px solid rgba(98,216,255,.35) !important;
  background:rgba(98,216,255,.10) !important;
  color:#62d8ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.simple-location-card h3{
  margin:0 0 12px !important;
  font-size:22px !important;
  line-height:1.1 !important;
}

.simple-location-card p{
  margin:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:15px !important;
  line-height:1.45 !important;
}

.simple-location-card strong{
  margin-top:auto !important;
  color:#62d8ff !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.regional-eyebrow{
  display:block !important;
  margin-top:56px !important;
}

@media(max-width:1000px){
  .simple-location-grid,
  .regional-simple-grid{
    grid-template-columns:1fr !important;
  }

  .simple-location-card{
    min-height:170px !important;
  }
}

/* Force Simple Branch Cards */
.simple-branch-section{
  padding-top:60px !important;
}

.simple-location-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}

.regional-simple-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.simple-location-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:210px !important;
  padding:26px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.simple-location-card span{
  display:inline-flex !important;
  width:max-content !important;
  padding:7px 12px !important;
  margin-bottom:18px !important;
  border-radius:999px !important;
  border:1px solid rgba(98,216,255,.35) !important;
  background:rgba(98,216,255,.10) !important;
  color:#62d8ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  text-transform:uppercase !important;
}

.simple-location-card h3{
  margin:0 0 12px !important;
  font-size:22px !important;
}

.simple-location-card p{
  margin:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:15px !important;
}

.simple-location-card strong{
  margin-top:auto !important;
  color:#62d8ff !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.regional-eyebrow{
  display:block !important;
  margin-top:56px !important;
}

@media(max-width:1000px){
  .simple-location-grid,
  .regional-simple-grid{
    grid-template-columns:1fr !important;
  }
}

/* Branch Detail Pages */
.branch-hero-page{
  max-width:980px !important;
  margin:0 auto !important;
  padding-top:120px !important;
}

.branch-hero-page h1{
  max-width:760px !important;
}

.branch-hero-page > p{
  color:rgba(255,255,255,.72) !important;
  font-size:22px !important;
  margin-bottom:34px !important;
}

.branch-detail-card{
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:28px !important;
  padding:34px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.branch-detail-card h2{
  margin-top:0 !important;
}

.branch-detail-row{
  display:grid !important;
  grid-template-columns:120px 1fr !important;
  gap:18px !important;
  padding:16px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.branch-detail-row strong{
  color:#62d8ff !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  letter-spacing:.08em !important;
}

.branch-detail-row a{
  color:#fff !important;
  text-decoration:none !important;
}

.branch-detail-actions{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:28px !important;
}

.branch-detail-actions a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.45) !important;
  background:rgba(0,174,239,.12) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-align:center !important;
}

.branch-detail-actions a:first-child{
  background:#00aeef !important;
  border-color:#00aeef !important;
}

@media(max-width:900px){
  .branch-hero-page{
    padding-top:90px !important;
  }

  .branch-detail-card{
    padding:26px !important;
  }

  .branch-detail-row{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  .branch-detail-actions{
    grid-template-columns:1fr !important;
  }

  .branch-detail-actions a{
    min-height:56px !important;
    font-size:16px !important;
  }
}

/* Branch SEO Pages */
.branch-hero-page{
  max-width:980px !important;
  margin:0 auto !important;
  padding-top:120px !important;
}

.branch-lead{
  max-width:820px !important;
  color:rgba(255,255,255,.74) !important;
  font-size:22px !important;
  line-height:1.55 !important;
  margin-bottom:34px !important;
}

.branch-detail-card{
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:28px !important;
  padding:34px !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.branch-detail-card h2{
  margin-top:0 !important;
}

.branch-detail-row{
  display:grid !important;
  grid-template-columns:120px 1fr !important;
  gap:18px !important;
  padding:16px 0 !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
}

.branch-detail-row strong{
  color:#62d8ff !important;
  text-transform:uppercase !important;
  font-size:13px !important;
  letter-spacing:.08em !important;
}

.branch-detail-row a{
  color:#fff !important;
  text-decoration:none !important;
}

.branch-detail-actions{
  display:grid !important;
  grid-template-columns:repeat(5,minmax(0,1fr)) !important;
  gap:12px !important;
  margin-top:28px !important;
}

.branch-detail-actions a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:50px !important;
  border-radius:999px !important;
  border:1px solid rgba(0,174,239,.45) !important;
  background:rgba(0,174,239,.12) !important;
  color:#fff !important;
  text-decoration:none !important;
  font-weight:800 !important;
  font-size:14px !important;
  text-align:center !important;
}

.branch-detail-actions a:first-child{
  background:#00aeef !important;
  border-color:#00aeef !important;
}

.branch-seo-copy{
  max-width:1100px !important;
  margin:0 auto !important;
}

.branch-seo-copy > p{
  max-width:860px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:18px !important;
  line-height:1.65 !important;
}

@media(max-width:900px){
  .branch-hero-page{
    padding-top:90px !important;
  }

  .branch-lead{
    font-size:18px !important;
  }

  .branch-detail-card{
    padding:26px !important;
  }

  .branch-detail-row{
    grid-template-columns:1fr !important;
    gap:6px !important;
  }

  .branch-detail-actions{
    grid-template-columns:1fr !important;
  }

  .branch-detail-actions a{
    min-height:56px !important;
    font-size:16px !important;
  }
}

/* Final Simple Branch Cards Override */
.simple-branch-section{
  padding-top:64px !important;
}

.simple-location-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}

.regional-simple-grid{
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
}

.simple-location-card{
  display:flex !important;
  flex-direction:column !important;
  min-height:210px !important;
  padding:26px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
  color:#fff !important;
  text-decoration:none !important;
}

.simple-location-card span{
  display:inline-flex !important;
  width:max-content !important;
  padding:7px 12px !important;
  margin-bottom:18px !important;
  border-radius:999px !important;
  border:1px solid rgba(98,216,255,.35) !important;
  background:rgba(98,216,255,.10) !important;
  color:#62d8ff !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.08em !important;
  text-transform:uppercase !important;
}

.simple-location-card h3{
  margin:0 0 12px !important;
  font-size:22px !important;
  line-height:1.1 !important;
}

.simple-location-card p{
  margin:0 !important;
  color:rgba(255,255,255,.70) !important;
  font-size:15px !important;
}

.simple-location-card strong{
  margin-top:auto !important;
  color:#62d8ff !important;
  font-size:14px !important;
  font-weight:900 !important;
}

.regional-eyebrow{
  display:block !important;
  margin-top:56px !important;
}

@media(max-width:1000px){
  .simple-location-grid,
  .regional-simple-grid{
    grid-template-columns:1fr !important;
  }

  .simple-location-card{
    min-height:170px !important;
  }
}

/* Become a Dealer Page */
.dealer-hero-section{
  display:grid !important;
  grid-template-columns:1.1fr .9fr !important;
  gap:48px !important;
  align-items:center !important;
}

.dealer-hero-card{
  min-height:360px !important;
  padding:38px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(0,174,239,.28), transparent 36%),
    linear-gradient(135deg, rgba(0,174,239,.12), rgba(255,255,255,.035)) !important;
}

.dealer-hero-card span{
  color:#62d8ff !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.dealer-hero-card h3{
  margin-top:18px !important;
  font-size:38px !important;
  line-height:1.05 !important;
}

.section-lead{
  max-width:820px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:18px !important;
  line-height:1.65 !important;
}

.dealer-benefit-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:34px !important;
}

.dealer-benefit-card,
.dealer-product-grid article,
.dealer-ideal-grid article{
  padding:26px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.dealer-benefit-card span{
  display:inline-flex !important;
  width:36px !important;
  height:36px !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:18px !important;
  border-radius:50% !important;
  background:#00aeef !important;
  color:#fff !important;
  font-weight:900 !important;
}

.dealer-benefit-card h3,
.dealer-product-grid h3,
.dealer-ideal-grid h3{
  margin:0 0 12px !important;
}

.dealer-benefit-card p,
.dealer-product-grid p,
.dealer-ideal-grid p{
  color:rgba(255,255,255,.72) !important;
  line-height:1.6 !important;
}

.dealer-split{
  display:grid !important;
  grid-template-columns:.9fr 1.1fr !important;
  gap:42px !important;
  align-items:start !important;
}

.dealer-check-list{
  display:grid !important;
  gap:16px !important;
}

.dealer-check-list div{
  padding:22px !important;
  border-radius:20px !important;
  border:1px solid rgba(98,216,255,.20) !important;
  background:rgba(98,216,255,.06) !important;
}

.dealer-check-list strong{
  color:#62d8ff !important;
  font-size:16px !important;
}

.dealer-check-list p{
  margin:8px 0 0 !important;
  color:rgba(255,255,255,.72) !important;
  line-height:1.55 !important;
}

.dealer-product-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.dealer-ideal-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}

.dealer-cta-box{
  padding:42px !important;
  border-radius:30px !important;
  border:1px solid rgba(0,174,239,.30) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,174,239,.25), transparent 36%),
    linear-gradient(135deg,rgba(0,174,239,.12),rgba(255,255,255,.035)) !important;
}

@media(max-width:1000px){
  .dealer-hero-section,
  .dealer-split,
  .dealer-benefit-grid,
  .dealer-product-grid,
  .dealer-ideal-grid{
    grid-template-columns:1fr !important;
  }

  .dealer-hero-card{
    min-height:260px !important;
  }

  .dealer-hero-card h3{
    font-size:30px !important;
  }

  .dealer-cta-box{
    padding:28px !important;
  }
}

/* Become a Dealer Page */
.dealer-hero-section{
  display:grid !important;
  grid-template-columns:1.1fr .9fr !important;
  gap:48px !important;
  align-items:center !important;
}

.dealer-hero-card{
  min-height:360px !important;
  padding:38px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(0,174,239,.28), transparent 36%),
    linear-gradient(135deg, rgba(0,174,239,.12), rgba(255,255,255,.035)) !important;
}

.dealer-hero-card span{
  color:#62d8ff !important;
  font-weight:900 !important;
  letter-spacing:.14em !important;
  text-transform:uppercase !important;
}

.dealer-hero-card h3{
  margin-top:18px !important;
  font-size:38px !important;
  line-height:1.05 !important;
}

.section-lead{
  max-width:820px !important;
  color:rgba(255,255,255,.72) !important;
  font-size:18px !important;
  line-height:1.65 !important;
}

.dealer-benefit-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
  margin-top:34px !important;
}

.dealer-benefit-card,
.dealer-product-grid article,
.dealer-ideal-grid article{
  padding:26px !important;
  border-radius:24px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.dealer-benefit-card span{
  display:inline-flex !important;
  width:36px !important;
  height:36px !important;
  align-items:center !important;
  justify-content:center !important;
  margin-bottom:18px !important;
  border-radius:50% !important;
  background:#00aeef !important;
  color:#fff !important;
  font-weight:900 !important;
}

.dealer-benefit-card h3,
.dealer-product-grid h3,
.dealer-ideal-grid h3{
  margin:0 0 12px !important;
}

.dealer-benefit-card p,
.dealer-product-grid p,
.dealer-ideal-grid p{
  color:rgba(255,255,255,.72) !important;
  line-height:1.6 !important;
}

.dealer-split{
  display:grid !important;
  grid-template-columns:.9fr 1.1fr !important;
  gap:42px !important;
  align-items:start !important;
}

.dealer-check-list{
  display:grid !important;
  gap:16px !important;
}

.dealer-check-list div{
  padding:22px !important;
  border-radius:20px !important;
  border:1px solid rgba(98,216,255,.20) !important;
  background:rgba(98,216,255,.06) !important;
}

.dealer-check-list strong{
  color:#62d8ff !important;
  font-size:16px !important;
}

.dealer-check-list p{
  margin:8px 0 0 !important;
  color:rgba(255,255,255,.72) !important;
  line-height:1.55 !important;
}

.dealer-product-grid{
  display:grid !important;
  grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:22px !important;
}

.dealer-ideal-grid{
  display:grid !important;
  grid-template-columns:repeat(4,minmax(0,1fr)) !important;
  gap:22px !important;
}

.dealer-cta-box{
  padding:42px !important;
  border-radius:30px !important;
  border:1px solid rgba(0,174,239,.30) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,174,239,.25), transparent 36%),
    linear-gradient(135deg,rgba(0,174,239,.12),rgba(255,255,255,.035)) !important;
}

@media(max-width:1000px){
  .dealer-hero-section,
  .dealer-split,
  .dealer-benefit-grid,
  .dealer-product-grid,
  .dealer-ideal-grid{
    grid-template-columns:1fr !important;
  }

  .dealer-hero-card{
    min-height:260px !important;
  }

  .dealer-hero-card h3{
    font-size:30px !important;
  }

  .dealer-cta-box{
    padding:28px !important;
  }
}

/* Become a Dealer Page Final */
.dealer-hero-section{
  display:grid !important;
  grid-template-columns:1.1fr .9fr !important;
  gap:48px !important;
  align-items:center !important;
}
.dealer-hero-card{
  min-height:360px !important;
  padding:38px !important;
  border-radius:28px !important;
  border:1px solid rgba(255,255,255,.12) !important;
  background:radial-gradient(circle at 30% 20%, rgba(0,174,239,.28), transparent 36%),linear-gradient(135deg, rgba(0,174,239,.12), rgba(255,255,255,.035)) !important;
}
.dealer-hero-card span{color:#62d8ff !important;font-weight:900 !important;letter-spacing:.14em !important;text-transform:uppercase !important;}
.dealer-hero-card h3{margin-top:18px !important;font-size:38px !important;line-height:1.05 !important;}
.section-lead{max-width:820px !important;color:rgba(255,255,255,.72) !important;font-size:18px !important;line-height:1.65 !important;}
.dealer-benefit-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important;margin-top:34px !important;}
.dealer-benefit-card,.dealer-product-grid article{padding:26px !important;border-radius:24px !important;border:1px solid rgba(255,255,255,.12) !important;background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;}
.dealer-benefit-card span{display:inline-flex !important;width:36px !important;height:36px !important;align-items:center !important;justify-content:center !important;margin-bottom:18px !important;border-radius:50% !important;background:#00aeef !important;color:#fff !important;font-weight:900 !important;}
.dealer-benefit-card p,.dealer-product-grid p{color:rgba(255,255,255,.72) !important;line-height:1.6 !important;}
.dealer-split{display:grid !important;grid-template-columns:.9fr 1.1fr !important;gap:42px !important;align-items:start !important;}
.dealer-check-list{display:grid !important;gap:16px !important;}
.dealer-check-list div{padding:22px !important;border-radius:20px !important;border:1px solid rgba(98,216,255,.20) !important;background:rgba(98,216,255,.06) !important;}
.dealer-check-list strong{color:#62d8ff !important;font-size:16px !important;}
.dealer-product-grid{display:grid !important;grid-template-columns:repeat(3,minmax(0,1fr)) !important;gap:22px !important;}
.dealer-cta-box{padding:42px !important;border-radius:30px !important;border:1px solid rgba(0,174,239,.30) !important;background:radial-gradient(circle at 20% 0%, rgba(0,174,239,.25), transparent 36%),linear-gradient(135deg,rgba(0,174,239,.12),rgba(255,255,255,.035)) !important;}
@media(max-width:1000px){
  .dealer-hero-section,.dealer-split,.dealer-benefit-grid,.dealer-product-grid{grid-template-columns:1fr !important;}
  .dealer-hero-card{min-height:260px !important;}
  .dealer-hero-card h3{font-size:30px !important;}
}

/* Dealer Application Form */
.dealer-application-section{
  max-width:980px !important;
  margin:0 auto !important;
}

.dealer-form-wrap{
  padding:42px !important;
  border-radius:30px !important;
  border:1px solid rgba(0,174,239,.28) !important;
  background:
    radial-gradient(circle at 20% 0%, rgba(0,174,239,.22), transparent 36%),
    linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025)) !important;
}

.dealer-application-form{
  margin-top:30px !important;
}

.dealer-application-form .form-grid{
  display:grid !important;
  grid-template-columns:repeat(2,minmax(0,1fr)) !important;
  gap:18px !important;
}

.dealer-application-form label{
  display:grid !important;
  gap:8px !important;
  color:#fff !important;
  font-weight:800 !important;
  font-size:14px !important;
}

.dealer-application-form input,
.dealer-application-form select,
.dealer-application-form textarea{
  width:100% !important;
  border-radius:16px !important;
  border:1px solid rgba(255,255,255,.14) !important;
  background:rgba(255,255,255,.06) !important;
  color:#fff !important;
  padding:15px 16px !important;
  font-size:15px !important;
  box-sizing:border-box !important;
}

.dealer-application-form select option{
  color:#111 !important;
}

.dealer-application-form textarea{
  resize:vertical !important;
}

.form-submit-btn{
  width:100% !important;
  min-height:58px !important;
  margin-top:22px !important;
  border:0 !important;
  border-radius:999px !important;
  background:#00aeef !important;
  color:#fff !important;
  font-weight:900 !important;
  font-size:16px !important;
  cursor:pointer !important;
}

@media(max-width:800px){
  .dealer-form-wrap{
    padding:28px !important;
  }

  .dealer-application-form .form-grid{
    grid-template-columns:1fr !important;
  }
}

/* Global Form Submit Loading Overlay */
.zivent-submit-overlay{
  position:fixed !important;
  inset:0 !important;
  z-index:999999 !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:rgba(0,8,14,.78) !important;
  backdrop-filter:blur(10px) !important;
}

.zivent-submit-loader{
  width:min(420px,86vw) !important;
  padding:34px 30px !important;
  border-radius:28px !important;
  border:1px solid rgba(98,216,255,.28) !important;
  background:
    radial-gradient(circle at 30% 20%, rgba(0,174,239,.28), transparent 34%),
    linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.035)) !important;
  box-shadow:0 30px 90px rgba(0,174,239,.18) !important;
  text-align:center !important;
}

.zivent-speed-track{
  position:relative !important;
  height:92px !important;
  margin-bottom:20px !important;
  overflow:hidden !important;
  border-radius:18px !important;
  background:linear-gradient(90deg,rgba(0,174,239,.05),rgba(0,174,239,.16),rgba(255,255,255,.03)) !important;
}

.zivent-speed-track:before,
.zivent-speed-track:after{
  content:"" !important;
  position:absolute !important;
  left:-40% !important;
  right:auto !important;
  width:70% !important;
  height:2px !important;
  background:linear-gradient(90deg,transparent,#62d8ff,transparent) !important;
  animation:ziventSpeedLine 1.05s linear infinite !important;
}

.zivent-speed-track:before{
  top:28px !important;
}

.zivent-speed-track:after{
  top:58px !important;
  animation-delay:.22s !important;
}

.zivent-car-loader{
  position:absolute !important;
  left:50% !important;
  top:50% !important;
  width:180px !important;
  height:44px !important;
  transform:translate(-50%,-50%) !important;
}

.zivent-car-loader:before{
  content:"" !important;
  position:absolute !important;
  inset:12px 12px 8px 12px !important;
  border-radius:80px 120px 35px 35px !important;
  background:linear-gradient(135deg,rgba(98,216,255,.85),rgba(0,174,239,.25)) !important;
  box-shadow:0 0 24px rgba(98,216,255,.65) !important;
  clip-path:polygon(4% 70%,20% 38%,44% 18%,70% 20%,92% 56%,96% 76%,82% 82%,16% 82%) !important;
}

.zivent-car-loader:after{
  content:"" !important;
  position:absolute !important;
  left:26px !important;
  right:26px !important;
  bottom:3px !important;
  height:8px !important;
  border-radius:99px !important;
  background:linear-gradient(90deg,transparent,rgba(98,216,255,.75),transparent) !important;
  animation:ziventGlowPulse .75s ease-in-out infinite alternate !important;
}

.zivent-wheel{
  position:absolute !important;
  bottom:3px !important;
  width:22px !important;
  height:22px !important;
  border-radius:50% !important;
  border:4px solid rgba(255,255,255,.85) !important;
  background:#02070b !important;
  animation:ziventWheel .7s linear infinite !important;
}

.zivent-wheel.one{
  left:42px !important;
}

.zivent-wheel.two{
  right:42px !important;
}

.zivent-submit-loader h3{
  margin:0 0 8px !important;
  color:#fff !important;
  font-size:24px !important;
  line-height:1.15 !important;
}

.zivent-submit-loader p{
  margin:0 !important;
  color:rgba(255,255,255,.72) !important;
  font-size:15px !important;
  line-height:1.5 !important;
}

.is-submitting button[type="submit"],
.is-submitting .form-submit-btn{
  opacity:.72 !important;
  pointer-events:none !important;
}

@keyframes ziventSpeedLine{
  0%{transform:translateX(-20%)}
  100%{transform:translateX(220%)}
}

@keyframes ziventWheel{
  to{transform:rotate(360deg)}
}

@keyframes ziventGlowPulse{
  from{opacity:.45}
  to{opacity:1}
}

/* Mobile bottom safe spacing for floating CTA */
body{
  padding-bottom:110px !important;
}

@media(max-width:768px){
  body{
    padding-bottom:140px !important;
  }

  main{
    padding-bottom:40px !important;
  }

  .floating-cta{
    left:14px !important;
    right:14px !important;
    bottom:14px !important;
    width:auto !important;
  }

  .floating-cta a{
    min-height:58px !important;
  }
}

/* Footer branch links */
.footer-branches{
  display:flex;
  flex-wrap:wrap;
  gap:8px 10px;
  align-items:center;
  margin-top:14px;
  line-height:1.8;
}

.footer-branches a{
  color:#ffffff;
  text-decoration:none;
  font-weight:600;
  opacity:.92;
}

.footer-branches a:hover{
  color:#54d8ff;
  opacity:1;
}

.footer-branches span{
  color:rgba(255,255,255,.45);
}

@media(max-width:640px){
  .footer-branches{
    gap:6px 8px;
    font-size:16px;
    line-height:1.7;
  }
}


/* BRANCH PAGE COMPACT ACTIONS START */
.compact-branch-actions{
  display:grid !important;
  grid-template-columns:repeat(4, minmax(0, 1fr)) !important;
  gap:10px !important;
  max-width:560px !important;
  margin:24px 0 0 !important;
}

.compact-branch-actions a{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:42px !important;
  padding:10px 14px !important;
  border-radius:999px !important;
  border:1px solid rgba(84,216,255,.42) !important;
  background:rgba(84,216,255,.08) !important;
  color:#fff !important;
  font-size:14px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
}

.compact-branch-actions a:hover{
  background:rgba(84,216,255,.20) !important;
  border-color:rgba(84,216,255,.76) !important;
}

@media(max-width:640px){
  .compact-branch-actions{
    grid-template-columns:repeat(2, minmax(0, 1fr)) !important;
    gap:9px !important;
    max-width:100% !important;
    margin-top:20px !important;
  }

  .compact-branch-actions a{
    min-height:40px !important;
    font-size:13.5px !important;
    padding:9px 12px !important;
  }
}
/* BRANCH PAGE COMPACT ACTIONS END */


/* MOBILE FLOATING CTA SLIM START */
@media(max-width:980px){

  .floating-cta,
  .floating-ctas,
  .floating-actions,
  .mobile-floating-cta,
  .mobile-sticky-actions,
  .sticky-cta,
  .sticky-actions,
  .bottom-cta,
  .fixed-cta,
  .quick-cta{
    gap:8px !important;
    padding:8px 10px !important;
  }

  .floating-cta a,
  .floating-ctas a,
  .floating-actions a,
  .mobile-floating-cta a,
  .mobile-sticky-actions a,
  .sticky-cta a,
  .sticky-actions a,
  .bottom-cta a,
  .fixed-cta a,
  .quick-cta a{
    min-height:38px !important;
    height:38px !important;
    padding:7px 12px !important;
    border-radius:999px !important;
    font-size:13px !important;
    font-weight:800 !important;
    line-height:1 !important;
    border-width:1px !important;
  }

  .floating-cta .btn,
  .floating-ctas .btn,
  .floating-actions .btn,
  .mobile-floating-cta .btn,
  .mobile-sticky-actions .btn,
  .sticky-cta .btn,
  .sticky-actions .btn,
  .bottom-cta .btn,
  .fixed-cta .btn,
  .quick-cta .btn{
    min-height:38px !important;
    height:38px !important;
    padding:7px 12px !important;
    font-size:13px !important;
    line-height:1 !important;
  }

}

@media(max-width:430px){

  .floating-cta,
  .floating-ctas,
  .floating-actions,
  .mobile-floating-cta,
  .mobile-sticky-actions,
  .sticky-cta,
  .sticky-actions,
  .bottom-cta,
  .fixed-cta,
  .quick-cta{
    padding:7px 8px !important;
    gap:7px !important;
  }

  .floating-cta a,
  .floating-ctas a,
  .floating-actions a,
  .mobile-floating-cta a,
  .mobile-sticky-actions a,
  .sticky-cta a,
  .sticky-actions a,
  .bottom-cta a,
  .fixed-cta a,
  .quick-cta a{
    min-height:36px !important;
    height:36px !important;
    padding:6px 10px !important;
    font-size:12.5px !important;
  }

}
/* MOBILE FLOATING CTA SLIM END */


/* MOBILE FLOATING CTA TEXT SIZE FIX START */
@media(max-width:980px){
  .floating-cta a,
  .floating-ctas a,
  .floating-actions a,
  .mobile-floating-cta a,
  .mobile-sticky-actions a,
  .sticky-cta a,
  .sticky-actions a,
  .bottom-cta a,
  .fixed-cta a,
  .quick-cta a,
  .floating-cta .btn,
  .floating-ctas .btn,
  .floating-actions .btn,
  .mobile-floating-cta .btn,
  .mobile-sticky-actions .btn,
  .sticky-cta .btn,
  .sticky-actions .btn,
  .bottom-cta .btn,
  .fixed-cta .btn,
  .quick-cta .btn{
    font-size:15px !important;
    font-weight:850 !important;
    letter-spacing:-.01em !important;
  }
}

@media(max-width:430px){
  .floating-cta a,
  .floating-ctas a,
  .floating-actions a,
  .mobile-floating-cta a,
  .mobile-sticky-actions a,
  .sticky-cta a,
  .sticky-actions a,
  .bottom-cta a,
  .fixed-cta a,
  .quick-cta a,
  .floating-cta .btn,
  .floating-ctas .btn,
  .floating-actions .btn,
  .mobile-floating-cta .btn,
  .mobile-sticky-actions .btn,
  .sticky-cta .btn,
  .sticky-actions .btn,
  .bottom-cta .btn,
  .fixed-cta .btn,
  .quick-cta .btn{
    font-size:14.5px !important;
  }
}
/* MOBILE FLOATING CTA TEXT SIZE FIX END */


/* MOBILE FLOATING CTA TEXT CENTER FIX */
@media(max-width:980px){
  .floating-cta a,
  .floating-ctas a,
  .floating-actions a,
  .mobile-floating-cta a,
  .mobile-sticky-actions a,
  .sticky-cta a,
  .sticky-actions a,
  .bottom-cta a,
  .fixed-cta a,
  .quick-cta a,
  .floating-cta .btn,
  .floating-ctas .btn,
  .floating-actions .btn,
  .mobile-floating-cta .btn,
  .mobile-sticky-actions .btn,
  .sticky-cta .btn,
  .sticky-actions .btn,
  .bottom-cta .btn,
  .fixed-cta .btn,
  .quick-cta .btn{
    display:flex !important;
    align-items:center !important;
    justify-content:center !important;
    line-height:1 !important;
    padding-top:0 !important;
    padding-bottom:0 !important;
    height:38px !important;
    min-height:38px !important;
    box-sizing:border-box !important;
  }
}

@media(max-width:430px){
  .floating-cta a,
  .floating-ctas a,
  .floating-actions a,
  .mobile-floating-cta a,
  .mobile-sticky-actions a,
  .sticky-cta a,
  .sticky-actions a,
  .bottom-cta a,
  .fixed-cta a,
  .quick-cta a,
  .floating-cta .btn,
  .floating-ctas .btn,
  .floating-actions .btn,
  .mobile-floating-cta .btn,
  .mobile-sticky-actions .btn,
  .sticky-cta .btn,
  .sticky-actions .btn,
  .bottom-cta .btn,
  .fixed-cta .btn,
  .quick-cta .btn{
    height:38px !important;
    min-height:38px !important;
  }
}


/* DESKTOP HOME HERO SIZE FIX */
@media(min-width:981px){

  body .hero{
    display:grid !important;
    grid-template-columns:minmax(0, 1fr) minmax(380px, 520px) !important;
    align-items:center !important;
    gap:56px !important;
    max-width:1180px !important;
    margin:0 auto !important;
    padding:72px 24px 64px !important;
    min-height:auto !important;
    height:auto !important;
    overflow:visible !important;
    background-image:none !important;
  }

  body .hero-copy{
    position:relative !important;
    z-index:2 !important;
    max-width:620px !important;
  }

  body .hero-media{
    position:relative !important;
    inset:auto !important;
    width:100% !important;
    max-width:520px !important;
    height:auto !important;
    max-height:none !important;
    min-height:0 !important;
    overflow:hidden !important;
    border-radius:24px !important;
  }

  body .hero-media img{
    display:block !important;
    width:100% !important;
    height:360px !important;
    max-height:360px !important;
    object-fit:cover !important;
    border-radius:24px !important;
  }

  body main > .hero:first-child{
    margin-top:0 !important;
  }
}

/* keep mobile hero image comfortable */
@media(max-width:980px){
  body .hero-media img{
    max-height:420px !important;
    object-fit:cover !important;
  }
}

/* GLOBAL V2 VISIBILITY RESCUE */
html,
body{
  visibility:visible !important;
  opacity:1 !important;
  display:block !important;
  min-height:100% !important;
  overflow-x:hidden !important;
}

body::before,
body::after{
  pointer-events:none !important;
}

main,
.site-header,
.site-footer,
.hero,
.section{
  visibility:visible !important;
  opacity:1 !important;
}

main{
  display:block !important;
}

.hero{
  display:grid !important;
  grid-template-columns:minmax(0,1fr) minmax(320px,520px) !important;
  gap:48px !important;
  align-items:center !important;
  width:min(1180px, calc(100% - 48px)) !important;
  margin:0 auto !important;
  padding:64px 0 !important;
}

.hero-copy{
  display:block !important;
  position:relative !important;
  z-index:2 !important;
}

.hero-media{
  display:block !important;
  position:relative !important;
  z-index:1 !important;
  overflow:hidden !important;
  border-radius:24px !important;
}

.hero-media img{
  display:block !important;
  width:100% !important;
  height:360px !important;
  object-fit:cover !important;
}

.section{
  display:block !important;
  width:min(1180px, calc(100% - 48px)) !important;
  margin-left:auto !important;
  margin-right:auto !important;
}

@media(max-width:980px){
  .hero{
    display:block !important;
    width:auto !important;
    margin:0 !important;
    padding:40px 22px !important;
  }

  .hero-media{
    margin-top:28px !important;
  }

  .hero-media img{
    height:auto !important;
    max-height:420px !important;
  }

  .section{
    width:auto !important;
    margin-left:22px !important;
    margin-right:22px !important;
  }
}
/* GLOBAL V2 VISIBILITY RESCUE END */

/* Branch page clean-up */
.branch-page header nav,
.branch-page .site-nav,
.branch-page .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  flex-wrap:wrap !important;
}

.branch-page header nav a,
.branch-page .site-nav a,
.branch-page .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  white-space:nowrap !important;
  font-weight:800 !important;
  font-size:13px !important;
  text-transform:uppercase !important;
  letter-spacing:.02em !important;
  text-decoration:none !important;
}

.branch-map-section{
  max-width:760px;
  margin:34px auto 70px;
  padding:0 20px;
}

.branch-map-card{
  border:1px solid rgba(84,216,255,.22);
  background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));
  border-radius:24px;
  padding:24px;
  box-shadow:0 18px 45px rgba(0,0,0,.24);
}

.branch-map-card h2{
  margin:8px 0 8px;
  color:#fff;
  font-size:28px;
  letter-spacing:-.04em;
}

.branch-map-card p{
  color:rgba(235,242,248,.78);
  margin:0 0 18px;
}

.branch-map-embed{
  width:100%;
  overflow:hidden;
  border-radius:20px;
  border:1px solid rgba(84,216,255,.20);
  background:#081219;
}

.branch-map-embed iframe{
  display:block;
  width:100%;
  height:360px;
  border:0;
  filter:saturate(.92) contrast(1.02);
}

@media(max-width:760px){
  .branch-page header nav,
  .branch-page .site-nav,
  .branch-page .nav-links{
    gap:12px !important;
    justify-content:center !important;
  }

  .branch-page header nav a,
  .branch-page .site-nav a,
  .branch-page .nav-links a{
    font-size:11px !important;
  }

  .branch-map-section{
    margin:26px auto 54px;
    padding:0 18px;
  }

  .branch-map-card{
    padding:18px;
    border-radius:22px;
  }

  .branch-map-card h2{
    font-size:24px;
  }

  .branch-map-embed iframe{
    height:300px;
  }
}

/* Branch page top navigation spacing fix */
.branch-page header,
.branch-page .site-header{
  min-height:72px !important;
}

.branch-page header .container,
.branch-page .site-header .container,
.branch-page header > div{
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.branch-page header nav,
.branch-page .site-nav,
.branch-page .nav-links{
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:30px !important;
  flex:1 1 auto !important;
  margin:0 auto !important;
}

.branch-page header nav a,
.branch-page .site-nav a,
.branch-page .nav-links a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  white-space:nowrap !important;
  margin:0 !important;
  padding:8px 0 !important;
  font-size:13px !important;
  font-weight:800 !important;
  line-height:1 !important;
  letter-spacing:-.01em !important;
  text-decoration:none !important;
}

.branch-page header nav a + a,
.branch-page .site-nav a + a,
.branch-page .nav-links a + a{
  margin-left:0 !important;
}

.branch-page .nav-actions,
.branch-page header .actions,
.branch-page header .cta-group{
  display:flex !important;
  align-items:center !important;
  gap:12px !important;
  flex-shrink:0 !important;
}

@media(max-width:900px){
  .branch-page header nav,
  .branch-page .site-nav,
  .branch-page .nav-links{
    gap:18px !important;
  }

  .branch-page header nav a,
  .branch-page .site-nav a,
  .branch-page .nav-links a{
    font-size:12px !important;
  }
}

@media(max-width:720px){
  .branch-page header nav,
  .branch-page .site-nav,
  .branch-page .nav-links{
    display:none !important;
  }
}

/* ===== ZIVENT FINAL GLOBAL HEADER FIX ===== */
.zv-global-header,
.zv-global-header *{
  box-sizing:border-box !important;
}

.zv-global-header{
  width:100% !important;
  min-height:72px !important;
  background:rgba(3,8,12,.97) !important;
  border-bottom:1px solid rgba(255,255,255,.08) !important;
  position:sticky !important;
  top:0 !important;
  z-index:99999 !important;
}

.zv-header-inner{
  width:100% !important;
  max-width:1480px !important;
  min-height:72px !important;
  margin:0 auto !important;
  padding:0 32px !important;
  display:flex !important;
  align-items:center !important;
  justify-content:space-between !important;
  gap:28px !important;
}

.zv-logo-link{
  display:flex !important;
  align-items:center !important;
  flex:0 0 auto !important;
}

.zv-header-logo{
  display:block !important;
  height:30px !important;
  width:auto !important;
  max-width:150px !important;
  object-fit:contain !important;
}

.zv-main-nav{
  flex:1 1 auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:24px !important;
  margin:0 !important;
  padding:0 !important;
}

.zv-main-nav > a,
.zv-nav-item > a{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  height:72px !important;
  margin:0 !important;
  padding:0 !important;
  color:#fff !important;
  text-decoration:none !important;
  white-space:nowrap !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  letter-spacing:.02em !important;
  text-transform:uppercase !important;
  opacity:.94 !important;
}

.zv-main-nav > a:hover,
.zv-nav-item > a:hover{
  color:#54d8ff !important;
  opacity:1 !important;
}

.zv-nav-item{
  position:relative !important;
  display:flex !important;
  align-items:center !important;
  height:72px !important;
}

.zv-menu-panel{
  display:none !important;
  position:absolute !important;
  top:72px !important;
  left:50% !important;
  transform:translateX(-50%) !important;
  min-width:230px !important;
  padding:12px !important;
  border-radius:16px !important;
  border:1px solid rgba(84,216,255,.22) !important;
  background:rgba(5,14,20,.98) !important;
  box-shadow:0 20px 48px rgba(0,0,0,.38) !important;
  z-index:100000 !important;
}

.zv-nav-item:hover .zv-menu-panel{
  display:grid !important;
  gap:4px !important;
}

.zv-menu-panel a{
  display:flex !important;
  padding:12px 14px !important;
  color:#fff !important;
  text-decoration:none !important;
  font-size:12px !important;
  line-height:1.2 !important;
  font-weight:800 !important;
  border-radius:10px !important;
  white-space:nowrap !important;
}

.zv-menu-panel a:hover{
  background:rgba(0,174,239,.14) !important;
  color:#54d8ff !important;
}

.zv-header-actions{
  flex:0 0 auto !important;
  display:flex !important;
  align-items:center !important;
  gap:10px !important;
}

.zv-header-btn{
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  min-height:34px !important;
  padding:0 18px !important;
  border-radius:999px !important;
  font-size:12px !important;
  line-height:1 !important;
  font-weight:900 !important;
  text-decoration:none !important;
  white-space:nowrap !important;
}

.zv-header-btn-outline{
  color:#fff !important;
  border:1px solid rgba(255,255,255,.32) !important;
  background:rgba(255,255,255,.04) !important;
}

.zv-header-btn-fill{
  color:#fff !important;
  border:1px solid rgba(0,174,239,.8) !important;
  background:#00aeef !important;
}

.zv-mobile-menu-btn{
  display:none !important;
}

header.zv-global-header .zv-mobile-nav{
  display:none !important;
}

/* 혹시 남아있는 예전 두 번째 메뉴줄 강제 숨김 */
.zv-global-header + nav,
.zv-global-header .old-nav,
.zv-global-header .mobile-nav:not(.zv-mobile-nav),
.zv-global-header .nav-row,
.zv-global-header .nav-secondary{
  display:none !important;
}

@media(max-width:1180px){
  .zv-main-nav{
    gap:14px !important;
  }

  .zv-main-nav > a,
  .zv-nav-item > a{
    font-size:11px !important;
  }

  .zv-header-inner{
    padding:0 22px !important;
  }
}

@media(max-width:900px){
  .zv-main-nav,
  .zv-header-actions{
    display:none !important;
  }

  .zv-mobile-menu-btn{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    min-height:48px !important;
    padding:0 24px !important;
    border-radius:999px !important;
    border:1px solid rgba(255,255,255,.20) !important;
    background:rgba(255,255,255,.04) !important;
    color:#fff !important;
    font-weight:900 !important;
    font-size:16px !important;
  }

  body.zv-menu-open header.zv-global-header .zv-mobile-nav{
    display:grid !important;
    grid-template-columns:1fr !important;
    gap:0 !important;
    padding:12px 24px 24px !important;
    background:rgba(3,8,12,.98) !important;
    border-top:1px solid rgba(255,255,255,.08) !important;
  }

  header.zv-global-header .zv-mobile-nav a{
    display:flex !important;
    padding:15px 0 !important;
    color:#fff !important;
    text-decoration:none !important;
    font-size:15px !important;
    font-weight:900 !important;
    border-bottom:1px solid rgba(255,255,255,.08) !important;
  }
}