/* Super Limpac design system — visual layer only; no business logic */
:root{
  --brand-navy-950:#06152d;--brand-navy-900:#081a35;--brand-blue-800:#004db7;
  --brand-blue-700:#0069e8;--brand-blue-600:#087cff;--brand-blue-100:#dcecff;--brand-blue-50:#f0f6ff;
  --brand-red-600:#e51f2a;--brand-red-500:#ff2a35;
  --neutral-950:#101828;--neutral-700:#344054;--neutral-600:#475467;--neutral-500:#667085;
  --neutral-300:#d0d5dd;--neutral-200:#e4e7ec;--neutral-100:#f2f4f7;--neutral-50:#f8fafc;--white:#fff;
  --font-display:'Barlow Condensed',Arial,sans-serif;--font-body:'Inter',Arial,sans-serif;
  --text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-lg:1.125rem;--text-xl:1.25rem;
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;--space-5:1.25rem;--space-6:1.5rem;
  --space-8:2rem;--space-10:2.5rem;--space-12:3rem;--space-16:4rem;--space-20:5rem;--space-24:6rem;
  --radius-sm:.5rem;--radius-md:.75rem;--radius-lg:1rem;--radius-xl:1.5rem;--radius-pill:999px;
  --shadow-xs:0 1px 2px rgba(6,21,45,.06);--shadow-sm:0 4px 12px rgba(6,21,45,.08);
  --shadow-md:0 12px 30px rgba(6,21,45,.12);--shadow-lg:0 24px 60px rgba(6,21,45,.16);
  --ease-standard:cubic-bezier(.2,.8,.2,1);--duration-fast:160ms;--duration-base:240ms;
  --container:1200px;--header-height:76px;
}
html{scroll-padding-top:calc(var(--header-height) + var(--space-4));}
body{background:var(--neutral-50);color:var(--brand-navy-900);font-size:var(--text-base);}
.wrap{max-width:var(--container);padding-inline:clamp(var(--space-4),4vw,var(--space-8));}
.skip-link{position:fixed;z-index:1000;left:var(--space-4);top:var(--space-4);transform:translateY(-180%);background:var(--white);color:var(--brand-navy-900);padding:.75rem 1rem;border-radius:var(--radius-sm);box-shadow:var(--shadow-md);font-weight:700;text-decoration:none;transition:transform var(--duration-fast) var(--ease-standard);}
.skip-link:focus{transform:translateY(0);}
:focus-visible{outline:3px solid var(--brand-red-500);outline-offset:3px;}
section{padding-block:clamp(var(--space-16),7vw,var(--space-24));}
.section-head{margin-bottom:clamp(var(--space-8),4vw,var(--space-12));}
.section-head p{max-width:62ch;}
.eyebrow{font-size:var(--text-sm);letter-spacing:.14em;margin-bottom:var(--space-3);}

/* Header and navigation */
header{min-height:var(--header-height);background:rgba(6,21,45,.92);backdrop-filter:blur(14px) saturate(130%);box-shadow:0 1px 0 rgba(255,255,255,.08);}
.nav-inner{min-height:var(--header-height);padding-block:var(--space-3);gap:var(--space-5);}
.brand-mark{width:42px;height:42px;border-radius:var(--radius-sm);}
.logo-word{font-size:1.35rem;}.logo-tag{font-size:.65rem;letter-spacing:.14em;}
nav.links{gap:clamp(var(--space-3),2vw,var(--space-6));}
nav.links a{position:relative;border:0;padding:.6rem .15rem;font-size:1.05rem;}
nav.links a::after{content:"";position:absolute;left:0;right:100%;bottom:.25rem;height:2px;background:var(--brand-red-500);transition:right var(--duration-base) var(--ease-standard);}
nav.links a:hover::after,nav.links a.active::after{right:0;}
.lang-switch{border-color:rgba(255,255,255,.2);border-radius:var(--radius-pill);padding:2px;}
.lang-btn{border-radius:var(--radius-pill);min-width:34px;min-height:30px;}
.nav-cart,.menu-toggle{min-width:44px;min-height:44px;align-items:center;justify-content:center;}

/* Buttons and interactive states */
.btn,.btn-add-cart{border-radius:var(--radius-sm);min-height:44px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);box-shadow:var(--shadow-xs);transition:transform var(--duration-fast) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),background-color var(--duration-base) ease,border-color var(--duration-base) ease;}
.btn:hover,.btn-add-cart:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);}
.btn:active,.btn-add-cart:active{transform:translateY(0);box-shadow:var(--shadow-xs);}
.btn:disabled,.btn-add-cart:disabled,.btn[aria-disabled="true"]{opacity:.55;cursor:not-allowed;transform:none;box-shadow:none;}
.btn-primary,.btn-add-cart{background:linear-gradient(135deg,var(--brand-blue-700),var(--brand-blue-600));}

/* Hero and page introductions */
.hero{padding-block:clamp(var(--space-20),9vw,7.5rem);background-position:center 28%;}
.hero::before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(6,21,45,.22),transparent 58%);pointer-events:none;}
.hero h1{font-size:clamp(2.75rem,6vw,5rem);max-width:15ch;}
.hero-lede{font-size:clamp(1rem,2vw,1.2rem);line-height:1.7;}
.hero-stats{border-radius:var(--radius-lg);padding:var(--space-6);border:1px solid rgba(255,255,255,.14);background:rgba(6,21,45,.3);backdrop-filter:blur(8px);}
.page-hero{padding-block:clamp(var(--space-12),6vw,var(--space-20));background:radial-gradient(700px 280px at 90% 0,rgba(255,42,53,.16),transparent 65%),linear-gradient(135deg,var(--brand-navy-950),var(--brand-blue-800) 72%,var(--brand-blue-700));}
.page-hero h1{font-size:clamp(2.5rem,5vw,4rem);max-width:18ch;}

/* Cards and media */
.service-card,.pillar,.province,.chart-card,.team-card,.contact-info-card,.product-card,.admin-form-card{border-color:rgba(8,26,53,.1);border-radius:var(--radius-lg);box-shadow:var(--shadow-xs);}
.service-card,.product-card,.contact-info-card,.team-card{transition:transform var(--duration-base) var(--ease-standard),box-shadow var(--duration-base) var(--ease-standard),border-color var(--duration-base) ease;}
.service-card:hover,.product-card:hover,.contact-info-card:hover,.team-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:rgba(0,105,232,.28);}
.service-card>img{border-radius:var(--radius-md)!important;}
.media-frame,.gallery-grid figure,.map-frame,.reveal-frame{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);}
.product-media{background:linear-gradient(145deg,var(--brand-blue-50),var(--brand-blue-100));}
.product-body{padding:var(--space-5);gap:var(--space-3);}
.product-desc{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;overflow:hidden;}
.featured-products-grid .product-desc{-webkit-line-clamp:3;min-height:4.05rem;}
.product-price{color:var(--brand-blue-700);font-weight:600;}
.filter-chip{min-height:42px;border-radius:var(--radius-pill);}

/* Forms and feedback */
form.quote-form{border-radius:var(--radius-xl);box-shadow:var(--shadow-lg);}
.field label{color:var(--neutral-700);letter-spacing:.05em;}
.field input,.field select,.field textarea{min-height:46px;border-color:var(--neutral-300);border-radius:var(--radius-sm);background:var(--white);transition:border-color var(--duration-fast),box-shadow var(--duration-fast);}
.field input:hover,.field select:hover,.field textarea:hover{border-color:var(--brand-blue-700);}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--brand-blue-700);box-shadow:0 0 0 4px rgba(0,105,232,.12);}
.field input:disabled,.field select:disabled,.field textarea:disabled{background:var(--neutral-100);color:var(--neutral-500);cursor:not-allowed;}
.form-success{border-radius:var(--radius-sm);box-shadow:var(--shadow-xs);}
.form-error{display:none;margin-top:var(--space-4);padding:var(--space-4);border:1px solid #fda29b;border-radius:var(--radius-sm);background:#fef3f2;color:#b42318;font-size:var(--text-sm);}
.form-honeypot{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;}

/* CTA and footer */
.cta-band{position:relative;overflow:hidden;background:linear-gradient(135deg,var(--brand-navy-950),var(--brand-navy-900));}
.cta-band::before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;right:-140px;top:-230px;background:rgba(0,105,232,.2);}
.cta-band>.wrap{position:relative;z-index:1;}
footer{background:var(--brand-navy-950);padding-top:clamp(var(--space-12),6vw,var(--space-16));}
.footer-grid{gap:clamp(var(--space-6),4vw,var(--space-12));}
.footer-links a{display:inline-flex;padding-block:.2rem;text-underline-offset:4px;}
.footer-bottom{border-top-color:rgba(255,255,255,.12);}

/* Responsive system */
@media(max-width:1100px){nav.links{gap:var(--space-3)}.nav-inner>.btn{display:none}.hero-inner{grid-template-columns:1fr}.hero-stats{max-width:700px}}
@media(max-width:900px){
  .menu-toggle{display:inline-flex;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-sm);background:rgba(255,255,255,.06);}
  nav.links{display:none;position:absolute;top:calc(100% + 1px);left:0;right:0;padding:var(--space-4) clamp(var(--space-4),4vw,var(--space-8)) var(--space-6);background:rgba(6,21,45,.98);box-shadow:var(--shadow-lg);flex-direction:column;align-items:stretch;gap:var(--space-1);}
  nav.links.is-open{display:flex;}nav.links a{padding:.8rem var(--space-3);border-radius:var(--radius-sm);}nav.links a:hover{background:rgba(255,255,255,.06)}
  .about-grid,.split-media,.coverage-layout,.quote-layout,.service-detail,.reveal-layout{grid-template-columns:1fr;gap:var(--space-10)}
  .service-detail.reverse .media-frame{order:initial}.footer-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:600px){
  :root{--header-height:68px}.wrap{padding-inline:var(--space-4)}section{padding-block:var(--space-12)}
  .brand-text{display:none}.lang-switch{margin-left:auto}.hero h1{font-size:2.6rem}.hero-stats{grid-template-columns:1fr;padding:var(--space-5)}
  .gallery-grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:130px}.gallery-grid .big{grid-column:span 2}
  .services-grid,.product-grid,.featured-products-grid{grid-template-columns:1fr}.product-media{height:230px;min-height:230px}
  .footer-grid{grid-template-columns:1fr}.footer-bottom{align-items:flex-start;flex-direction:column;gap:var(--space-3)}
  form.quote-form{padding:var(--space-5)}.form-row{grid-template-columns:1fr}
  .sl-toast{left:var(--space-4);right:var(--space-4);bottom:var(--space-4);transform:translateY(20px);max-width:none;text-align:center}.sl-toast.show{transform:translateY(0)}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}