/* PrimeTech Solutions — distinct premium UI (mobile-first)
   UPDATED: Hero background uses single background declaration (no pseudo-elements),
   and correct relative path from /assets/css/styles.css -> /assets/img/ = ../img/
*/

:root{
  --blue-900:#0A2540;
  --blue-800:#0C2F55;
  --blue-700:#123B66;
  --gold-500:#E3B341;
  --gold-600:#C9951A;
  --slate-50:#F6F8FB;
  --slate-100:#EEF2F7;
  --slate-200:#E3E8F1;
  --slate-700:#334155;
  --slate-900:#0B1220;

  --radius:18px;
  --radius-sm:14px;
  --shadow: 0 18px 48px rgba(11,18,32,.14);
  --shadow-soft: 0 10px 28px rgba(11,18,32,.10);

  --max: 1160px;
  --pad: 18px;

  --font: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

*{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  font-family:var(--font);
  color:var(--slate-900);
  background:var(--slate-50);
  line-height:1.6;
}
img{ max-width:100%; height:auto; display:block; }
a{ color:inherit; text-decoration:none; }
a:hover{ text-decoration:underline; }
strong{ font-weight:800; }

.wrap{
  max-width:var(--max);
  margin:0 auto;
  padding:0 var(--pad);
}

.skip{
  position:absolute;
  left:-999px;
  top:10px;
  background:#fff;
  color:var(--blue-900);
  padding:10px 12px;
  border-radius:12px;
  box-shadow:var(--shadow-soft);
  z-index:9999;
}
.skip:focus{ left:12px; }

/* Header */
.header{
  position:sticky;
  top:0;
  z-index:50;
  background:rgba(10,37,64,.88);
  border-bottom:1px solid rgba(255,255,255,.10);
  backdrop-filter:saturate(140%) blur(10px);
}
.header__row{
  display:grid;
  grid-template-columns: 1fr auto auto;
  align-items:center;
  gap:10px;
  padding:10px 0;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  min-width:0;
}
.brand:hover{ text-decoration:none; }
.brand__logoImg{
  height:44px;
  width:auto;
  object-fit:contain;
  display:block;
}

/* Optional fallback text if logo image missing */
.brand__fallback{
  display:none;
  color:var(--gold-500);
  font-weight:900;
  letter-spacing:.5px;
  font-size:14px;
}
.brand__logo--fallback img{ display:none; }
.brand__logo--fallback .brand__fallback{ display:block; }

.brand__text{ display:flex; flex-direction:column; min-width:0; }
.brand__name{
  color:#fff;
  font-weight:900;
  letter-spacing:-.2px;
  font-size:15px;
  line-height:1.15;
}
.brand__tag{
  color:rgba(255,255,255,.78);
  font-size:12px;
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.menuBtn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:44px;
  height:44px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.10);
  cursor:pointer;
}
.menuBtn__icon{
  width:18px;
  height:2px;
  background:#fff;
  position:relative;
  border-radius:2px;
}
.menuBtn__icon::before,
.menuBtn__icon::after{
  content:"";
  position:absolute;
  left:0;
  width:18px;
  height:2px;
  background:#fff;
  border-radius:2px;
}
.menuBtn__icon::before{ top:-6px; }
.menuBtn__icon::after{ top:6px; }

.nav{
  display:none;
  position:absolute;
  left:var(--pad);
  right:var(--pad);
  top:72px;
  background:rgba(10,37,64,.96);
  border:1px solid rgba(255,255,255,.12);
  border-radius:16px;
  padding:10px;
  box-shadow:var(--shadow);
}
.nav.is-open{ display:grid; gap:6px; }
.nav__link{
  display:block;
  padding:12px 12px;
  border-radius:14px;
  color:rgba(255,255,255,.90);
  font-weight:800;
  font-size:14px;
}
.nav__link:hover{ text-decoration:none; background:rgba(255,255,255,.08); }
.nav__link.is-active,
.nav__link[aria-current="page"]{
  background:rgba(227,179,65,.14);
  border:1px solid rgba(227,179,65,.25);
}

.header__cta{
  display:flex;
  align-items:center;
  gap:10px;
  justify-self:end;
}
.header__phone{
  display:none;
  flex-direction:column;
  align-items:flex-end;
  line-height:1.15;
}
.header__num{ color:#fff; font-weight:900; }
.header__meta{ color:rgba(255,255,255,.75); font-size:12px; }

/* Buttons (pill + subtle inner highlight / glass touch) */
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:8px;
  padding:12px 16px;
  border-radius:999px;
  border:1px solid transparent;
  font-weight:900;
  letter-spacing:.1px;
  text-decoration:none !important;
  cursor:pointer;
  user-select:none;
  transition:transform .08s ease, filter .12s ease, box-shadow .12s ease;
}
.btn:active{ transform:translateY(1px); }
.btn__icon svg{ fill:currentColor; }

.btn--primary{
  color:var(--blue-900);
  background:
    radial-gradient(120% 140% at 20% 10%, rgba(255,255,255,.45), transparent 50%),
    linear-gradient(180deg, var(--gold-500), var(--gold-600));
  box-shadow: 0 14px 30px rgba(201,149,26,.25);
}
.btn--primary:hover{ filter:brightness(1.02); }

.btn--outline{
  color:#fff;
  background:rgba(255,255,255,.08);
  border-color:rgba(255,255,255,.20);
}
.btn--outline:hover{ background:rgba(255,255,255,.12); }

.btn--glass{
  color:#fff;
  background:rgba(255,255,255,.10);
  border-color:rgba(255,255,255,.22);
  box-shadow:none;
}
.btn--glass:hover{ background:rgba(255,255,255,.14); }

.btn--full{ width:100%; }

.kicker{
  margin:0 0 10px;
  color:rgba(255,255,255,.78);
  font-weight:800;
  letter-spacing:.25px;
  font-size:13px;
}
.lead{
  margin:10px 0 16px;
  font-size:16px;
  color:rgba(255,255,255,.92);
}
.muted{ color:rgba(11,18,32,.72); margin:0; }
.fine{ margin:12px 0 0; font-size:12px; color:rgba(11,18,32,.66); }
.hero .fine{ color:rgba(255,255,255,.70); }

/* ===== HERO (UPDATED) =====
   Background image is relative to /assets/css/styles.css:
   ../img/hero-appliance.webp  => /assets/img/hero-appliance.webp
*/
.hero{
  color:#fff;
  padding:28px 0 18px;

  /* Dark overlay + image in one background declaration */
  background:
    linear-gradient(270deg, rgba(17,24,39,.01), rgba(17,24,39,.99)),
    url("../img/hero-appliance.webp");

  background-size: cover;
  background-position: center;
  background-repeat: no-repeat;

  /* Fallback color if image fails */
  background-color: #071A31;
}

.hero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.hero h1{
  margin:0;
  font-size:34px;
  letter-spacing:-.4px;
  line-height:1.15;
}
.hero__actions{
  display:flex;
  flex-direction:column;
  gap:10px;
  margin:16px 0 8px;
}

.badges{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:8px;
}
.badge{
  font-size:12px;
  font-weight:900;
  color:#fff;
  border:1px solid rgba(255,255,255,.18);
  background:rgba(255,255,255,.06);
  padding:8px 10px;
  border-radius:999px;
}

/* Card system */
.hero__card{ display:grid; gap:12px; }
.card{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:16px;
}
.card--glass{
  background:linear-gradient(180deg, rgba(255,255,255,.72), rgba(246,248,251,.86));
  border:1px solid rgba(227,179,65,.22);
  box-shadow:var(--shadow);
}
.card__top{ display:flex; gap:8px; flex-wrap:wrap; }
.chip{
  font-size:12px;
  font-weight:900;
  color:var(--blue-900);
  background:rgba(227,179,65,.18);
  border:1px solid rgba(227,179,65,.25);
  padding:6px 10px;
  border-radius:999px;
}
.chip--muted{
  background:rgba(10,37,64,.08);
  border-color:rgba(10,37,64,.10);
  color:rgba(11,18,32,.78);
}
.card__title{ margin:12px 0 6px; font-size:18px; color:var(--slate-900); }
.card__text{ margin:0 0 12px; color:rgba(11,18,32,.78); }

.card__mini{
  display:grid;
  gap:10px;
  margin-top:12px;
}
.mini{
  display:flex;
  gap:10px;
  align-items:center;
  color:rgba(11,18,32,.76);
  font-weight:800;
  font-size:13px;
}
.mini__icon svg{ fill:var(--gold-600); opacity:.95; }

/* Media blocks (still used on other pages/sections) */
.media{
  border-radius:var(--radius);
  background:rgba(255,255,255,.06);
  border:1px solid rgba(255,255,255,.12);
  overflow:hidden;
  min-height:220px;
  box-shadow:0 20px 46px rgba(0,0,0,.22);
  position:relative;
}
.media--tall{ min-height:280px; }
.media img{ width:100%; height:100%; object-fit:cover; }
.media--fallback{
  background:linear-gradient(135deg, rgba(227,179,65,.18), rgba(18,59,102,.22));
}
.media__fallback{
  display:none;
  padding:16px;
}
.media--fallback .media__fallback{ display:block; }
.media__badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  background:rgba(10,37,64,.75);
  border:1px solid rgba(255,255,255,.18);
  padding:10px 12px;
  border-radius:999px;
  color:#fff;
  font-weight:900;
  font-size:12px;
}
.media__ico svg{ fill:var(--gold-500); }

.section{ padding:44px 0; }
.section--tint{
  background:#fff;
  border-top:1px solid var(--slate-200);
  border-bottom:1px solid var(--slate-200);
}
.section__head h2{
  margin:0 0 6px;
  font-size:24px;
  letter-spacing:-.2px;
}
.section__head p{ margin:0; }

.grid{
  display:grid;
  gap:12px;
  margin-top:18px;
}
.grid--2{ grid-template-columns:1fr; }
.grid--4{ grid-template-columns:1fr; }

.cityCard{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow-soft);
}
.cityCard__icon{
  width:42px; height:42px;
  border-radius:16px;
  background:rgba(18,59,102,.08);
  border:1px solid rgba(18,59,102,.14);
  display:flex; align-items:center; justify-content:center;
}
.cityCard__icon svg{ fill:var(--blue-700); }
.cityCard h3{ margin:10px 0 6px; }
.cityCard p{ margin:0; color:rgba(11,18,32,.74); }

.svc{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow-soft);
}
.svc__head{ display:flex; gap:10px; align-items:center; }
.svc__icon{
  width:40px; height:40px;
  border-radius:16px;
  background:rgba(227,179,65,.12);
  border:1px solid rgba(227,179,65,.20);
  display:flex; align-items:center; justify-content:center;
}
.svc__icon svg{ fill:var(--gold-600); }
.svc h3{ margin:0; }
.svc p{ margin:10px 0 0; color:rgba(11,18,32,.78); }

.pillRow{
  display:flex;
  flex-wrap:wrap;
  gap:10px;
  margin-top:14px;
}
.pill{
  background:rgba(18,59,102,.06);
  border:1px solid rgba(18,59,102,.14);
  color:var(--blue-900);
  font-weight:900;
  padding:10px 12px;
  border-radius:999px;
  font-size:13px;
}
.pill--soft{
  background:rgba(11,18,32,.04);
  border-color:rgba(11,18,32,.10);
  color:rgba(11,18,32,.78);
}

.notice{
  margin-top:16px;
  border-radius:var(--radius-sm);
  padding:14px;
  border:1px solid rgba(227,179,65,.30);
  background:rgba(227,179,65,.10);
  color:rgba(11,18,32,.82);
}
.notice--prominent{
  padding:18px;
  box-shadow:var(--shadow-soft);
}
.notice__title{
  margin:0 0 8px;
  font-size:20px;
  letter-spacing:-.2px;
}

.steps{
  display:grid;
  gap:12px;
  margin-top:18px;
  grid-template-columns:1fr;
}
.step{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow-soft);
}
.step__num{
  width:36px; height:36px;
  border-radius:14px;
  background:rgba(227,179,65,.18);
  border:1px solid rgba(227,179,65,.30);
  display:flex; align-items:center; justify-content:center;
  font-weight:900;
  color:var(--blue-900);
  margin-bottom:10px;
}
.step h3{ margin:0 0 6px; }
.step p{ margin:0; color:rgba(11,18,32,.78); }

.promo{
  display:grid;
  gap:14px;
  background:linear-gradient(180deg, #fff, rgba(227,179,65,.06));
  border:1px solid rgba(227,179,65,.28);
  border-radius:calc(var(--radius) + 2px);
  padding:18px;
  box-shadow:var(--shadow);
}
.termsList{
  margin:12px 0 0;
  padding-left:18px;
  color:rgba(11,18,32,.75);
}
.termsList li{ margin:8px 0; }

.faq{ display:grid; gap:10px; margin-top:18px; }
.faq__item{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  overflow:hidden;
}
.faq__item summary{
  cursor:pointer;
  padding:14px 16px;
  font-weight:900;
  list-style:none;
}
.faq__item summary::-webkit-details-marker{ display:none; }
.faq__body{ padding:0 16px 14px; color:rgba(11,18,32,.78); }

.ctaBand{
  padding:40px 0;
  background:
    radial-gradient(700px 260px at 20% 0%, rgba(227,179,65,.18), transparent 60%),
    linear-gradient(180deg, rgba(18,59,102,.10), rgba(227,179,65,.10));
  border-top:1px solid var(--slate-200);
}
.ctaBand__row{
  display:flex;
  flex-direction:column;
  gap:12px;
  align-items:flex-start;
}
.ctaBand__copy h2{ margin:0 0 6px; font-size:22px; }
.ctaBand__copy p{ margin:0; color:rgba(11,18,32,.78); }
.ctaBand__action{ display:flex; flex-direction:column; gap:8px; }
.ctaBand__micro{ font-size:12px; color:rgba(11,18,32,.70); }

.footer{
  background:#081A33;
  color:#fff;
  padding:24px 0 78px; /* space for mobile callbar */
}
.footer__grid{
  display:grid;
  gap:16px;
  grid-template-columns:1fr;
}
.footer__brand{ display:flex; flex-direction:column; gap:4px; }
.footer__name{ font-weight:900; font-size:16px; }
.footer__tag{ color:rgba(255,255,255,.78); font-size:12px; }
.footer__line{
  margin:10px 0 0;
  color:rgba(255,255,255,.86);
}
.footer__line a{ color:var(--gold-500); font-weight:900; }
.footer__small{ margin:0; color:rgba(255,255,255,.76); font-size:12px; }
.footer__links{ margin-top:10px; display:flex; gap:14px; flex-wrap:wrap; }
.footer__links a{
  color:rgba(255,255,255,.92);
  font-weight:900;
  font-size:13px;
  text-decoration:underline;
  text-decoration-color:rgba(227,179,65,.55);
}
.footer__bottom{
  margin-top:14px;
  padding-top:14px;
  border-top:1px solid rgba(255,255,255,.12);
  color:rgba(255,255,255,.70);
}

/* Sticky call bar (mobile priority) */
.callbar{
  position:fixed;
  left:0; right:0; bottom:0;
  background:rgba(10,37,64,.96);
  border-top:1px solid rgba(255,255,255,.12);
  padding:10px 12px;
  z-index:80;
}
.callbar__btn{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  border-radius:999px;
  padding:12px 14px;
  background:
    radial-gradient(120% 140% at 20% 10%, rgba(255,255,255,.40), transparent 55%),
    linear-gradient(180deg, var(--gold-500), var(--gold-600));
  color:var(--blue-900);
  font-weight:900;
  text-decoration:none !important;
  box-shadow:0 16px 34px rgba(201,149,26,.25);
}
.callbar__ico svg{ fill:currentColor; }

/* Page hero blocks */
.pageHero{
  background:linear-gradient(180deg, rgba(10,37,64,.96), #071A31);
  color:#fff;
  padding:26px 0;
}
.pageHero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}
.pageHero h1{ margin:0 0 8px; font-size:30px; letter-spacing:-.2px; }
.pageHero .lead{ color:rgba(255,255,255,.90); }

.panel{
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  padding:16px;
  box-shadow:var(--shadow-soft);
}
.panel--tight{ padding:18px; }
.panel h2{ margin:0 0 10px; font-size:20px; }
.panel h3{ margin:16px 0 8px; font-size:16px; }
.panel p{ margin:0 0 10px; color:rgba(11,18,32,.80); }
.panel p:last-child{ margin-bottom:0; }

.checkList{
  list-style:none;
  padding-left:0;
  margin:0;
}
.checkList li{
  position:relative;
  padding-left:26px;
  margin:10px 0;
}
.checkList li::before{
  content:"";
  position:absolute;
  left:0;
  top:.35em;
  width:16px; height:16px;
  border-radius:6px;
  background:rgba(227,179,65,.18);
  border:1px solid rgba(227,179,65,.30);
}
.checkList li::after{
  content:"";
  position:absolute;
  left:5px;
  top:.55em;
  width:6px; height:3px;
  border-left:2px solid var(--gold-600);
  border-bottom:2px solid var(--gold-600);
  transform:rotate(-45deg);
}

.contactHero{
  background:linear-gradient(180deg, rgba(10,37,64,.96), #071A31);
  color:#fff;
  padding:26px 0;
}
.contactHero__row{
  display:grid;
  gap:14px;
}
.contactHero__card{
  border-color:rgba(255,255,255,.12);
}
.contactHero .muted{ color:rgba(255,255,255,.78); }
.contactHero .fine{ color:rgba(255,255,255,.70); }

.ctaLine{
  margin-top:16px;
  display:flex;
  flex-direction:column;
  gap:10px;
}
.ctaLine__micro{ font-size:12px; color:rgba(11,18,32,.70); }

.landingHero{
  color:#fff;
  background:linear-gradient(180deg, var(--blue-900), #071A31 60%, #071A31);
  padding:26px 0 18px;
}
.landingHero__grid{
  display:grid;
  grid-template-columns:1fr;
  gap:14px;
}

/* Mobile optimization: ensure CTA doesn’t get cramped */
@media (max-width: 420px){
  .brand__logoImg{ height:54px; }
  .btn{ padding:12px 14px; }
  .header__phone{ display:none !important; }
}

/* Desktop / wide screens */
@media (min-width: 820px){
  :root{ --pad: 26px; }
  .header__row{ grid-template-columns: 1fr auto 1fr; }
  .menuBtn{ display:none; }
  .nav{
    position:static;
    display:flex !important;
    justify-content:center;
    gap:10px;
    background:transparent;
    border:none;
    box-shadow:none;
    padding:0;
  }
  .nav__link{ padding:10px 12px; }
  .header__phone{ display:flex; }

  .hero__grid{
    grid-template-columns: 1.05fr .95fr;
    align-items:start;
    gap:18px;
  }
  .hero__actions{ flex-direction:row; align-items:center; }

  .grid--2{ grid-template-columns:repeat(2, 1fr); }
  .grid--4{ grid-template-columns:repeat(4, 1fr); }
  .steps{ grid-template-columns:repeat(3, 1fr); }
  .promo{ grid-template-columns:1.25fr .75fr; align-items:center; }
  .ctaBand__row{ flex-direction:row; justify-content:space-between; align-items:center; }
  .footer__grid{ grid-template-columns: 1.1fr .9fr; }
  .callbar{ display:none; }
  .pageHero__grid{ grid-template-columns: 1.1fr .9fr; align-items:center; }
  .contactHero__row{ grid-template-columns: 1.1fr .9fr; align-items:start; }
  .landingHero__grid{ grid-template-columns: 1.1fr .9fr; align-items:start; }
}

@media (max-width: 550px){
.pageHero__media{ display:none !important; }
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  html{ scroll-behavior:auto; }
  .btn{ transition:none; }
}

/*# Image Grid */
.image-grid {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
  padding: 20px;
}
.grid-item img {
  width: 100%;
  height: auto;
  display: block;
  object-fit: cover;
  border-radius: 8px;
  transition: transform 0.3s ease; /* Smooth animation */
}
.grid-item img:hover {
  transform: scale(1.05); /* Slight zoom on hover */
}
/* Responsive layout for screens smaller than 768px */
@media (max-width: 768px) {
  .image-grid {
    grid-template-columns: repeat(2, 1fr);
  }
}
/*# END of Image Grid */

/* ===== Trust Block ===== */
.trust-block{
  --bg: #dad6d6;
  --card: #ffffff;
  --ink: #1C1F22;
  --muted: #4f5961;
  --accent: #007BFF; /* match your button blue */
  --accent2: #f48c00; /* your orange */
  --ring: rgba(28,31,34,.08);
  padding: 56px 0;
}
.trust-wrap{ max-width: 1100px; margin: 0 auto; padding: 0 16px; }
.trust-head{ text-align:center; margin-bottom: 18px; }
.trust-badge{
  display:flex; align-items:center; justify-content:center; gap:14px;
  margin: 0 auto 10px; padding: 14px 16px;
  max-width: 820px;
  background: linear-gradient(135deg, rgba(0,123,255,.10), rgba(244,140,0,.10));
  border: 1px solid var(--ring);
  border-radius: 18px;
  box-shadow: 0 10px 22px rgba(0,0,0,.06);
}
.trust-badge__icon{
  width: 48px; height: 48px; border-radius: 14px;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  display:flex; align-items:center; justify-content:center;
  box-shadow: 0 8px 16px rgba(0,0,0,.10);
}
.trust-badge__text{ text-align:left; }
.trust-badge__kicker{
  display:flex; align-items:center; gap:8px;
  font-size: 12px; letter-spacing: .12em; font-weight: 700;
  color: rgba(28,31,34,.72); text-transform: uppercase;
  margin-bottom: 4px;
}
.trust-badge__title{
  font-size: 22px; font-weight: 800; color: var(--ink);
  line-height: 1.15;
}
.trust-sub{ color: var(--muted); margin: 6px auto 0; max-width: 780px; }

.trust-card{
  background: var(--bg);
  border-radius: 18px;
  padding: 18px;
}
.trust-grid{
  display:grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  gap: 12px;
}
.trust-item{
  background: var(--card);
  border: 1px solid var(--ring);
  border-radius: 16px;
  padding: 14px 14px;
  display:flex; gap: 12px; align-items:flex-start;
  box-shadow: 0 10px 18px rgba(0,0,0,.05);
  position: relative;
}
.trust-item__icon{
  width: 42px; height: 42px; border-radius: 14px;
  background: rgba(0,123,255,.10);
  display:flex; align-items:center; justify-content:center;
  color: var(--accent);
  flex: 0 0 auto;
}
.trust-item__body{ flex: 1 1 auto; }
.trust-item__title{ font-weight: 800; color: var(--ink); margin-bottom: 2px; }
.trust-item__text{ color: var(--muted); font-size: 14px; line-height: 1.35; }

.trust-item__check{
  color: rgba(34, 160, 80, .95);
  flex: 0 0 auto;
  margin-top: 2px;
}

.trust-ic{ width: 22px; height: 22px; color: currentColor; }
.trust-ic--mini{ width: 14px; height: 14px; color: rgba(28,31,34,.65); }

.trust-notes{
  margin-top: 14px;
  background: rgba(255,255,255,.60);
  border: 1px solid var(--ring);
  border-radius: 14px;
  padding: 12px 14px;
}
.trust-note{
  display:flex; align-items:flex-start; gap:10px;
  color: rgba(28,31,34,.78);
  font-size: 13px;
  line-height: 1.35;
}
.trust-note + .trust-note{ margin-top: 8px; }
.trust-note__dot{
  width: 8px; height: 8px; border-radius: 50%;
  background: linear-gradient(135deg, var(--accent), var(--accent2));
  margin-top: 5px;
  flex: 0 0 auto;
}

@media (max-width: 820px){
  .trust-grid{ grid-template-columns: 1fr; }
  .trust-badge{ flex-direction: column; text-align:center; }
  .trust-badge__text{ text-align:center; }
}
/* ===== End of Trust Block ===== */



/* ===== Service Area Accordion ===== */
.area{
  margin-top: 16px;
  background:#fff;
  border:1px solid var(--slate-200);
  border-radius:var(--radius);
  box-shadow:var(--shadow-soft);
  padding:16px;
}

.area__headline{
  display:flex;
  align-items:center;
  gap:10px;
}
.area__icon{
  width:42px; height:42px;
  border-radius:16px;
  background:rgba(18,59,102,.08);
  border:1px solid rgba(18,59,102,.14);
  display:flex; align-items:center; justify-content:center;
}
.area__icon svg{ fill:var(--blue-700); }

.area__pills{ margin-top:12px; }
.area__grid{
  display:grid;
  gap:10px;
  margin-top:14px;
}

/* details cards */
.areaItem{
  background:linear-gradient(180deg, #fff, rgba(246,248,251,.9));
  border:1px solid var(--slate-200);
  border-radius:var(--radius-sm);
  overflow:hidden;
}

.areaItem__sum{
  list-style:none;
  cursor:pointer;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:10px;
  padding:14px 14px;
  font-weight:900;
}
.areaItem__sum::-webkit-details-marker{ display:none; }

.areaItem__left{
  display:flex;
  align-items:center;
  gap:10px;
  min-width:0;
}

.areaItem__badge{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:40px;
  height:28px;
  padding:0 10px;
  border-radius:999px;
  background:rgba(227,179,65,.16);
  border:1px solid rgba(227,179,65,.22);
  color:var(--blue-900);
  font-size:12px;
  font-weight:900;
}

.areaItem__title{
  font-size:15px;
  color:var(--slate-900);
}

.areaItem__hint{
  color:rgba(11,18,32,.62);
  font-size:12px;
  font-weight:800;
  text-align:right;
}

.areaItem__body{
  padding:0 14px 14px;
  color:rgba(11,18,32,.80);
}

.areaItem__chips{
  display:flex;
  flex-wrap:wrap;
  gap:8px;
  margin-top:10px;
}

.areaItem__note{
  margin:10px 0 0;
  font-size:12px;
  color:rgba(11,18,32,.70);
}

/* subtle open state */
.areaItem[open]{
  border-color: rgba(227,179,65,.28);
  box-shadow: 0 10px 24px rgba(11,18,32,.08);
}
.areaItem[open] .areaItem__sum{
  background: rgba(227,179,65,.08);
}

/* Desktop layout: 2 columns for accordions */
@media (min-width: 820px){
  .area__grid{ grid-template-columns: 1fr 1fr; }
}

/* ===== End of Service Area Accordion ===== */