:root{
  --bg:#1c2725;
  --bg-deep:#16201e;
  --panel:#22302d;
  --panel-2:#283834;
  --text:#f4f7f6;
  --muted:#cdd6d2;
  --line:rgba(255,255,255,.10);
  --accent:#d8ec66;
  --accent-2:#31d18a;
  --shadow:0 20px 50px rgba(0,0,0,.30);
  --radius:22px;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:var(--bg);
  color:var(--text);
  font-family:Inter,Arial,Helvetica,sans-serif;
  font-size:17.5px;
  line-height:1.7;
  font-weight:500;
  letter-spacing:.005em;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;height:auto;display:block}
.container{width:min(var(--max),calc(100% - 32px));margin:0 auto}
.screen-reader-text{position:absolute;left:-9999px}
.site-header{
  position:sticky;top:0;z-index:100;
  background:rgba(28,39,37,.88);
  backdrop-filter:blur(14px);
  border-bottom:1px solid var(--line)
}
.site-header__inner{
  min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:18px
}
.branding{display:flex;flex-direction:column;line-height:1.04}
.branding__title{font-size:1.18rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase}
.branding__sub{font-size:.86rem;color:var(--muted)}
.nav-toggle{
  display:none;background:transparent;border:1px solid rgba(255,255,255,.14);color:var(--text);
  border-radius:12px;padding:11px 14px;font-weight:800
}
.main-navigation ul{list-style:none;margin:0;padding:0;display:flex;gap:14px;align-items:center;flex-wrap:nowrap}
.main-navigation li{position:relative}
.main-navigation a{color:var(--muted);font-weight:700;font-size:.96rem;white-space:nowrap}
.main-navigation li:hover>a,.main-navigation .current-menu-item>a,.main-navigation .current_page_item>a{color:var(--text)}
.main-navigation ul ul{
  display:none;position:absolute;left:0;top:100%;min-width:230px;
  background:#22302d;border:1px solid var(--line);border-radius:16px;padding:10px;box-shadow:var(--shadow)
}
.main-navigation li:hover>ul{display:block}
.main-navigation ul ul a{display:block;padding:10px 12px;border-radius:10px}
.main-navigation ul ul a:hover{background:rgba(255,255,255,.06)}
.header-actions{display:flex;align-items:center;gap:10px}
.header-actions .btn--secondary{display:none}
.branding__title{white-space:nowrap}
.btn{
  display:inline-flex;align-items:center;justify-content:center;min-height:48px;
  padding:0 18px;border-radius:999px;border:1px solid transparent;font-weight:900;font-size:1rem;transition:.2s ease
}
.btn:hover{transform:translateY(-1px)}
.btn--primary{background:var(--accent);color:#11150f}
.btn--secondary{background:transparent;border-color:rgba(255,255,255,.18);color:var(--text)}
.btn--dark{background:#22302d;border-color:rgba(255,255,255,.10);color:var(--text)}
.btn--block{width:100%}
.hero{
  position:relative;overflow:hidden;
  background:
    radial-gradient(ellipse at 80% 30%, rgba(216,236,102,.12), transparent 55%),
    radial-gradient(ellipse at 15% 70%, rgba(49,209,138,.10), transparent 55%),
    linear-gradient(180deg, #1f2c2a 0%, #1c2725 100%);
}
.hero__inner{
  min-height:640px;display:grid;grid-template-columns:1.12fr .88fr;gap:28px;align-items:center;padding:78px 0 58px
}
.eyebrow{
  display:inline-block;padding:10px 14px;border-radius:999px;
  background:rgba(216,236,102,.14);border:1px solid rgba(216,236,102,.20);color:var(--accent);
  font-size:.9rem;font-weight:900;letter-spacing:.03em
}
h1,h2,h3,h4,h5{line-height:1.05;letter-spacing:-.03em;margin:0 0 14px}
h1{font-size:clamp(2.7rem,5vw,5.1rem)}
h2{font-size:clamp(2.05rem,4vw,3.3rem)}
h3{font-size:1.4rem}
p{margin:0 0 14px}
.lead{color:var(--muted);font-size:1.18rem;line-height:1.78;max-width:760px;font-weight:500;letter-spacing:.01em}
.hero__cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}
.trust-grid,.cards-grid,.faq-grid,.footer-grid,.form-grid,.two-col,.cta-band__inner,.page-layout,.number-grid,.contact-stack,.meta-strip{display:grid;gap:18px}
.trust-grid{grid-template-columns:repeat(4,1fr);margin-top:30px}
.trust-item,.card,.panel,.faq-item{
  background:linear-gradient(180deg, rgba(40,56,52,.96), rgba(31,44,42,.98));
  border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)
}
.trust-item{padding:18px}
.trust-item strong{display:block;margin-bottom:6px}
.trust-item span{color:var(--muted)}
.hero-card{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:rgba(34,48,45,.84);box-shadow:var(--shadow)}
.hero-card__image{aspect-ratio:1.08/1;background:#1f2c2a}
.hero-card__content{padding:22px}
.contact-stack{gap:10px}
.contact-pill,.number-card{
  padding:12px 14px;background:rgba(255,255,255,.06);border:1px solid var(--line);border-radius:14px;font-weight:900
}
section{padding:84px 0}
.section-head{max-width:860px;margin-bottom:30px}
.section-head p{color:var(--muted);font-size:1.1rem;line-height:1.78}
.cards-grid{grid-template-columns:repeat(3,1fr)}
.card{overflow:hidden}
.card__thumb{aspect-ratio:1.55/1;background-size:cover;background-position:center;background-color:#243231}
.card__body{padding:22px}
.card p,.panel p,.faq-item p,.page-copy p,.page-copy li,.sidebar-card p{color:var(--muted);line-height:1.78;font-weight:500;letter-spacing:.01em;font-size:1.05rem}
.pill{
  display:inline-block;padding:7px 11px;border-radius:999px;background:rgba(49,209,138,.14);
  border:1px solid rgba(49,209,138,.18);color:#aef0d2;font-weight:900;font-size:.86rem;margin-bottom:10px
}
.two-col{grid-template-columns:1fr 1fr}
.panel{overflow:hidden}
.panel__body{padding:28px}
.feature-list{display:grid;gap:14px}
.feature-row{display:grid;grid-template-columns:28px 1fr;gap:12px;align-items:start}
.feature-badge{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;
  background:rgba(216,236,102,.20);color:var(--accent);font-weight:900
}
.image-stack{display:grid;gap:18px}
.image-stack img,.panel img,.image-box img{width:100%;height:100%;object-fit:cover}
.image-box{border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:var(--shadow)}
.cta-band{
  background:
    linear-gradient(135deg, rgba(216,236,102,.16), rgba(49,209,138,.10)),
    linear-gradient(180deg, rgba(34,48,45,.98), rgba(28,39,37,.98));
  border-top:1px solid var(--line);border-bottom:1px solid var(--line)
}
.cta-band__inner{grid-template-columns:1.12fr .88fr;align-items:center;padding:26px 0}
.number-grid{gap:12px}
.page-hero{
  padding:74px 0 26px;
  background:linear-gradient(180deg, rgba(28,39,37,.98), rgba(28,39,37,.92));
  border-bottom:1px solid var(--line)
}
.breadcrumbs{font-size:.94rem;color:var(--muted);margin-bottom:14px}
.page-layout{grid-template-columns:1.08fr .92fr}
.sidebar-card{position:sticky;top:96px}
.notice{
  padding:14px 16px;border-radius:16px;background:rgba(216,236,102,.12);
  border:1px solid rgba(216,236,102,.18)
}
.alert{
  padding:14px 16px;border-radius:16px;background:rgba(49,209,138,.13);
  border:1px solid rgba(49,209,138,.18);color:#bdf7da;margin-bottom:12px
}
.meta-strip{grid-template-columns:repeat(3,max-content);gap:10px;margin-top:18px}
.meta-pill{
  display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:999px;
  background:rgba(255,255,255,.06);border:1px solid var(--line);font-weight:700
}
.form-wrap form{display:grid;gap:14px}
.form-grid{grid-template-columns:1fr 1fr;gap:14px}
.form-field{display:grid;gap:7px}
.form-field label{font-size:.96rem;font-weight:800}
.form-field input,.form-field select,.form-field textarea{
  width:100%;min-height:48px;padding:12px 14px;background:#1f2c2a;color:var(--text);
  border:1px solid rgba(255,255,255,.14);border-radius:14px;outline:none;font-size:1rem
}
.form-field textarea{min-height:140px;resize:vertical}
.faq-grid{grid-template-columns:1fr 1fr}
.faq-item{padding:22px}
.site-footer{padding:34px 0 52px}
.footer-grid{
  grid-template-columns:1.2fr .8fr .8fr;
  border-top:1px solid var(--line);padding-top:24px;color:var(--muted)
}
.footer-grid h4{font-size:1.05rem;margin-bottom:10px;color:var(--text)}
.footer-grid ul{list-style:none;padding:0;margin:0;display:grid;gap:6px}
.emergency-band{
  display:grid;grid-template-columns:1.4fr .9fr;gap:18px;align-items:center;
  padding:22px 26px;border-radius:var(--radius);
  background:linear-gradient(135deg, rgba(216,236,102,.16), rgba(49,209,138,.12));
  border:1px solid rgba(216,236,102,.24)
}
.emergency-band h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin:0 0 6px}
.emergency-band p{margin:0;color:var(--muted)}
.emergency-band__links{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}
.content-section{margin-bottom:26px}
.content-section:last-child{margin-bottom:0}
.content-section h2{font-size:clamp(1.45rem,2.4vw,1.9rem);margin-top:6px}
.footer-legal{
  display:flex;flex-wrap:wrap;justify-content:center;align-items:center;
  gap:12px;padding:10px 0 0;font-size:.96rem;color:var(--muted)
}
.footer-legal a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.footer-legal a:hover{color:var(--text)}
.mobile-callbar{
  display:none;position:fixed;left:0;right:0;bottom:0;z-index:100;
  background:rgba(28,39,37,.96);border-top:1px solid var(--line);padding:10px 14px
}
.mobile-callbar__inner{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.small{font-size:1.02rem;font-weight:500;letter-spacing:.01em}
body.nav-open .site-header{backdrop-filter:none;-webkit-backdrop-filter:none}
.header-actions .btn{white-space:nowrap;padding:0 16px;min-height:44px;font-size:.98rem}
/* Mobile Navigation Styles (Viewports < 1024px) */
@media (max-width: 1023px) {
  .main-navigation{display:none}
  .nav-toggle{display:inline-flex}
  .main-navigation.is-open{
    display:block;position:fixed;top:0;left:0;right:0;bottom:0;z-index:99;
    background:rgba(28,39,37,.98);padding:80px 20px 100px;overflow-y:auto
  }
  .main-navigation.is-open ul{flex-direction:column;gap:2px;align-items:stretch}
  .main-navigation.is-open li{position:relative}
  .main-navigation.is-open a{
    display:block;padding:14px 16px;border-radius:12px;font-size:1.08rem;
    color:var(--text);font-weight:800;text-align:left;white-space:normal
  }
  .main-navigation.is-open a:hover,
  .main-navigation.is-open li:hover>a{background:rgba(255,255,255,.06)}
  .main-navigation.is-open .menu-item-has-children>a{
    border-bottom:1px solid var(--line);border-radius:12px 12px 0 0
  }
  .main-navigation.is-open ul ul{
    display:block;position:static;background:rgba(255,255,255,.03);border:0;
    box-shadow:none;padding:6px 0;margin-bottom:8px;border-radius:0 0 12px 12px
  }
  .main-navigation.is-open ul ul a{
    padding:10px 16px 10px 28px;font-size:.98rem;font-weight:600;color:var(--muted)
  }
  .main-navigation.is-open ul ul a:hover{color:var(--text)}
  .nav-open .nav-toggle{position:fixed;top:16px;right:16px;z-index:100}
}

/* Premium Desktop Navigation Enhancements (Viewports >= 1024px) */
@media (min-width: 1024px) {
  /* Site Header layout padding adjustment */
  .site-header__inner {
    gap: 28px;
  }
  
  /* Horizontal Navigation Bar List */
  .main-navigation ul {
    gap: 16px;
  }

  .main-navigation a {
    padding: 8px 12px;
    border-radius: 8px;
    transition: color 0.2s ease, background-color 0.2s ease;
  }

  .main-navigation a:hover,
  .main-navigation li:hover > a {
    background: rgba(255, 255, 255, 0.05);
  }

  /* Sub-menu Dropdowns with Fluid Animations */
  .main-navigation ul ul {
    display: block !important;
    visibility: hidden;
    opacity: 0;
    transform: translateY(8px);
    transition: opacity 0.25s cubic-bezier(0.16, 1, 0.3, 1), transform 0.25s cubic-bezier(0.16, 1, 0.3, 1), visibility 0.25s;
    pointer-events: none;
    background: #1c2725;
    border: 1px solid var(--line);
    border-radius: 12px;
    padding: 8px;
    box-shadow: var(--shadow);
    z-index: 1000;
    margin-top: 4px;
  }

  .main-navigation li:hover > ul {
    visibility: visible;
    opacity: 1;
    transform: translateY(0);
    pointer-events: auto;
  }

  /* Carets / Dropdown Indicators for parents */
  .main-navigation li.menu-item-has-children > a::after {
    content: '';
    display: inline-block;
    width: 0;
    height: 0;
    margin-left: 6px;
    vertical-align: middle;
    border-left: 4px solid transparent;
    border-right: 4px solid transparent;
    border-top: 4px solid currentColor;
    opacity: 0.6;
    transition: transform 0.2s ease, opacity 0.2s ease;
  }

  .main-navigation li.menu-item-has-children:hover > a::after {
    transform: rotate(180deg);
    opacity: 1;
  }

  .main-navigation ul ul a {
    padding: 8px 14px;
    font-size: 0.88rem;
    font-weight: 600;
  }

  .main-navigation ul ul a:hover {
    background: rgba(255, 255, 255, 0.08);
  }
}
@media (max-width:980px){
  .hero__inner,.two-col,.page-layout,.cta-band__inner,.footer-grid,.emergency-band{grid-template-columns:1fr}
  .emergency-band__links{justify-content:flex-start}
  .trust-grid{grid-template-columns:1fr 1fr}
  .cards-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:680px){
  .cards-grid,.faq-grid,.form-grid,.trust-grid{grid-template-columns:1fr}
  .header-actions{display:none}
  .mobile-callbar{display:block}
  body{padding-bottom:74px;font-size:17px}
  section{padding:68px 0}
  .hero__inner{min-height:auto}
  .hero{padding:0}
  .meta-strip{grid-template-columns:1fr}
  .branding__title{font-size:1.05rem}
  .branding__sub{font-size:.78rem}
  .nav-toggle{padding:9px 13px}
}