/* ============================================================
   DESIGN SYSTEM — Company Profile Starter (Tailwind + CSS vars)
   Gaya: Emil Kowalski (Linear) · Rauno Freiberg (Vercel) ·
         Shad (shadcn) · Josh Puckett · Paco Coursey
   ------------------------------------------------------------
   CARA GANTI BRAND (untuk website baru):
   Edit 6 variabel di bawah — seluruh situs berubah otomatis.
   ============================================================ */

:root {
  /* ========== 1. BRAND TOKENS (ganti per website) ========== */
  --brand-primary: #0A1930;        /* warna utama: navy */
  --brand-primary-dark: #080808;   /* lebih gelap untuk gradient */
  --brand-accent: #DC2626;         /* warna aksen (merah — signature) */
  --brand-accent-dark: #B91C1C;    /* aksen hover */
  --brand-surface: #FAFAFA;        /* background halaman (putih hangat) */
  --brand-ink: #0F172A;            /* teks utama (slate-900) */

  /* ========== 2. EASING & DURASI (jangan diubah) ========== */
  --ease-out-expo: cubic-bezier(0.16, 1, 0.3, 1);
  --ease-smooth: cubic-bezier(0.16, 1, 0.3, 1);
  --dur-fast: 200ms;
  --dur-med: 300ms;
  --dur-slow: 700ms;

  /* ========== 3. RADIUS & SHADOW ========== */
  --radius-sm: 0.5rem;
  --radius-md: 0.75rem;
  --radius-lg: 1rem;
  --radius-xl: 1.5rem;
  --shadow-card: 0 1px 2px rgba(14, 42, 92, 0.05), 0 8px 24px rgba(14, 42, 92, 0.06);
  --shadow-cardhover: 0 2px 5px rgba(14, 42, 92, 0.07), 0 18px 42px rgba(14, 42, 92, 0.12);
  --theme-page: var(--brand-surface);
  --theme-surface: #ffffff;
  --theme-text: var(--brand-ink);
  --theme-muted: #64748b;
  --theme-border: #e2e8f0;
}

@media (prefers-color-scheme: dark) {
  :root {
    --theme-page: color-mix(in srgb, var(--brand-primary-dark) 78%, #05070c);
    --theme-surface: color-mix(in srgb, var(--brand-primary) 42%, #0b1020);
    --theme-text: color-mix(in srgb, var(--brand-surface) 92%, white);
    --theme-muted: color-mix(in srgb, var(--brand-surface) 68%, var(--brand-primary));
    --theme-border: color-mix(in srgb, var(--brand-primary) 58%, var(--brand-surface));
  }
}

html { scroll-behavior: smooth; scroll-padding-top: 5.5rem; }
body.nav-open { overflow: hidden; }
.site-body { background: var(--theme-page) !important; color: var(--theme-text) !important; }
.site-header, .site-mobile-menu { background: var(--theme-surface) !important; color: var(--theme-text); }
.skip-link { position: fixed; top: .5rem; left: .5rem; z-index: 100; padding: .65rem 1rem; border-radius: var(--radius-sm); background: var(--brand-accent); color: #fff; font-weight: 700; transform: translateY(-150%); transition: transform var(--dur-fast) var(--ease-out-expo); }
.skip-link:focus { transform: translateY(0); }
:where(a, button, input, textarea, select):focus-visible { outline: 3px solid var(--brand-accent) !important; outline-offset: 3px; }
.error-page { min-height: 100vh; display: grid; place-items: center; padding: 1rem; background: var(--theme-page); color: var(--theme-text); }
.error-panel { width: min(100%, 36rem); padding: clamp(2rem, 6vw, 3rem); text-align: center; background: var(--theme-surface); }
.error-panel p { color: var(--theme-muted); line-height: 1.7; }

@media (prefers-color-scheme: dark) {
  .site-body .bg-white { background-color: var(--theme-surface) !important; }
  .site-body .text-slate-900, .site-body .text-slate-800, .site-body .text-slate-700 { color: var(--theme-text) !important; }
  .site-body .text-slate-600, .site-body .text-slate-500, .site-body .text-slate-400 { color: var(--theme-muted) !important; }
  .site-body .border-slate-100, .site-body .border-slate-200, .site-body .border-slate-300 { border-color: var(--theme-border) !important; }
  .site-body input, .site-body textarea, .site-body select { background: var(--theme-page); color: var(--theme-text); }
  .card { background: var(--theme-surface); border-color: var(--theme-border); }
  .chip { background: var(--theme-surface); color: var(--theme-text); border-color: var(--theme-border); }
}

/* Tailwind bridge — biarkan Tailwind CDN memakai var ini */
.font-sans { font-family: 'Segoe UI Variable Display', 'Segoe UI', ui-sans-serif, system-ui, sans-serif; }

/* ============================================================
   BUTTONS — hover naik + shadow membesar (Emil Kowalski)
   ============================================================ */
.btn {
  display: inline-flex; align-items: center; justify-content: center; gap: 0.5rem;
  font-weight: 700; border-radius: var(--radius-md);
  padding: 0.75rem 1.75rem; line-height: 1.25;
  transition: all var(--dur-fast) var(--ease-out-expo);
  cursor: pointer; text-decoration: none;
}
.btn:hover { transform: translateY(-2px); }
.btn:active { transform: translateY(0) scale(0.97); }
.btn:focus-visible { outline: 2px solid var(--brand-accent); outline-offset: 2px; }

.btn-primary {
  background: var(--brand-primary); color: #fff;
  box-shadow: 0 4px 14px rgba(14, 42, 92, 0.30);
}
.btn-primary:hover {
  background: var(--brand-primary-dark);
  box-shadow: 0 8px 22px rgba(14, 42, 92, 0.38);
}

.btn-accent {
  background: var(--brand-accent); color: #fff;
  box-shadow: 0 4px 14px rgba(220, 38, 38, 0.30);
}
.btn-accent:hover {
  background: var(--brand-accent-dark);
  box-shadow: 0 8px 22px rgba(220, 38, 38, 0.40);
}

.btn-ghost {
  background: transparent; color: var(--brand-ink);
  border: 2px solid rgba(30, 41, 59, 0.15);
}
.btn-ghost:hover { border-color: rgba(30, 41, 59, 0.35); background: rgba(30, 41, 59, 0.04); }

.btn-white {
  background: #fff; color: var(--brand-accent-dark);
  box-shadow: 0 4px 14px rgba(14, 42, 92, 0.18);
}
.btn-white:hover { box-shadow: 0 10px 26px rgba(14, 42, 92, 0.24); }

/* ============================================================
   CARDS — border menyala saat hover (Emil + Rauno)
   ============================================================ */
.card {
  background: #fff; border: 1px solid rgba(226, 232, 240, 0.8);
  border-radius: var(--radius-lg); box-shadow: var(--shadow-card);
  transition: all var(--dur-med) var(--ease-out-expo);
}
.card:hover {
  transform: translateY(-4px); box-shadow: var(--shadow-cardhover);
  border-color: rgba(220, 38, 38, 0.45);
}

/* Border gradient animasi — signature Rauno Freiberg */
.card-border-glow { position: relative; overflow: hidden; }
.card-border-glow::before {
  content: ''; position: absolute; inset: 0; border-radius: inherit; padding: 1.5px;
  background: linear-gradient(120deg, transparent 20%, var(--brand-accent) 50%, transparent 80%);
  -webkit-mask: linear-gradient(#fff 0 0) content-box, linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  background-size: 250% 250%; opacity: 0; transition: opacity var(--dur-med) var(--ease-out-expo);
  pointer-events: none;
}
.card-border-glow:hover::before {
  opacity: 1; animation: borderFlow 2.5s var(--ease-smooth) infinite;
}
@keyframes borderFlow {
  0% { background-position: 0% 50%; }
  100% { background-position: 250% 50%; }
}

/* ============================================================
   BADGES & CHIPS
   ============================================================ */
.badge {
  display: inline-flex; align-items: center; gap: 0.3rem;
  font-size: 0.7rem; font-weight: 700; letter-spacing: 0.05em;
  padding: 0.3rem 0.7rem; border-radius: 999px;
  text-transform: uppercase;
}
.badge-brand { background: rgba(14, 42, 92, 0.06); color: var(--brand-primary); }
.badge-accent { background: rgba(220, 38, 38, 0.10); color: var(--brand-accent-dark); }
.badge-green { background: #ecfdf5; color: #059669; }

.chip {
  display: inline-flex; align-items: center;
  font-size: 0.8rem; font-weight: 600; color: var(--brand-ink);
  padding: 0.45rem 1rem; border-radius: 999px;
  border: 1px solid rgba(30, 41, 59, 0.12); background: #fff;
  transition: all var(--dur-fast) var(--ease-out-expo);
  cursor: pointer; text-decoration: none;
}
.chip:hover { border-color: var(--brand-accent); color: var(--brand-accent-dark); transform: translateY(-1px); }
.chip-active {
  background: var(--brand-accent); border-color: var(--brand-accent); color: #fff;
  box-shadow: 0 4px 12px rgba(220, 38, 38, 0.30);
}
.chip-active:hover { color: #fff; }

/* ============================================================
   SECTION HEADING
   ============================================================ */
.section-eyebrow {
  display: inline-block; font-size: 0.7rem; font-weight: 800;
  letter-spacing: 0.18em; text-transform: uppercase; color: var(--brand-accent);
}
.section-title { font-size: 1.875rem; font-weight: 800; letter-spacing: -0.02em; color: var(--brand-ink); }
@media (min-width: 768px) { .section-title { font-size: 2.25rem; } }

/* ============================================================
   UTILITIES — line-clamp & hero glow
   ============================================================ */
.line-clamp-2 { display: -webkit-box; -webkit-line-clamp: 2; -webkit-box-orient: vertical; overflow: hidden; }
.line-clamp-3 { display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.hero-glow-1 { background: radial-gradient(circle, rgba(249,115,22,.35), transparent 65%); }
.hero-glow-2 { background: radial-gradient(circle, rgba(59,130,246,.25), transparent 60%); }

/* ============================================================
   HERO PATTERNS — grain (Rauno) + dots + glow
   ============================================================ */
.grain::after {
  content: ''; position: absolute; inset: 0;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.5'/%3E%3C/svg%3E");
  opacity: 0.06; pointer-events: none; mix-blend-mode: overlay;
}
.hero-dots {
  background-image: radial-gradient(circle, rgba(255,255,255,.14) 1px, transparent 1px);
  background-size: 26px 26px;
}

/* ============================================================
   MARQUEE (Rauno)
   ============================================================ */
@keyframes marquee { 0% { transform: translateX(0); } 100% { transform: translateX(-50%); } }
.marquee-track { display:flex; width:max-content; animation: marquee 30s linear infinite; will-change:transform; transform:translate3d(0,0,0); }
.marquee-track:hover, .marquee-track:focus-within { animation-play-state: paused; }

/* ============================================================
   REVEAL ON SCROLL (floguo + Emil)
   ============================================================ */
.reveal { opacity: 0; transform: translateY(24px); transition: opacity var(--dur-slow) var(--ease-out-expo), transform var(--dur-slow) var(--ease-out-expo); }
.reveal.revealed { opacity: 1; transform: translateY(0); }

/* ============================================================
   FLOATING WA BUTTON
   ============================================================ */
@keyframes waPulse { 0%,100% { box-shadow: 0 0 0 0 rgba(37,211,102,.45); } 50% { box-shadow: 0 0 0 14px rgba(37,211,102,0); } }
.wa-pulse { animation: waPulse 2.2s var(--ease-out-expo) infinite; }
.floating-actions { position: fixed; z-index: 50; right: max(1.25rem,env(safe-area-inset-right)); bottom: max(1.25rem,env(safe-area-inset-bottom)); display: flex; flex-direction: column; align-items: center; gap: .7rem; }
.floating-action { width: 3.25rem; height: 3.25rem; display: grid; place-items: center; border-radius: 50%; transition: opacity .25s,transform .25s var(--ease-out-expo),background .2s,color .2s,box-shadow .2s; }
.floating-action:hover { transform: translateY(-3px); }
.floating-action:active { transform: translateY(0) scale(.96); }
.floating-action:focus-visible { outline: 3px solid rgba(220,38,38,.3); outline-offset: 3px; }
.floating-action-top { border: 1px solid rgba(10,25,48,.12); background: rgba(255,255,255,.96); color: var(--brand-primary); box-shadow: 0 10px 28px rgba(10,25,48,.14); backdrop-filter: blur(12px); }
.floating-action-top:hover { background: var(--brand-primary); color: #fff; }
.floating-action-whatsapp { background: #25d366; color: #fff; box-shadow: 0 12px 30px rgba(22,163,74,.28); }
.floating-action-whatsapp:hover { background: #1ebc59; color: #fff; }
.footer-brand-logo { width: 5.25rem; height: 5.25rem; display: block; margin-bottom: 1.1rem; }
.footer-brand-logo img { width: 100%; height: 100%; object-fit: contain; filter: grayscale(1) brightness(0) invert(1); opacity: .92; transition: opacity .2s; }
.footer-brand-logo:hover img { opacity: 1; }

/* ============================================================
   SCROLLBAR
   ============================================================ */
::-webkit-scrollbar { width: 10px; }
::-webkit-scrollbar-track { background: #f1f5f9; }
::-webkit-scrollbar-thumb { background: #cbd5e1; border-radius: 8px; }
::-webkit-scrollbar-thumb:hover { background: #94a3b8; }

/* ============================================================
   AKSESIBILITAS — hormati prefers-reduced-motion (Emil & Shad)
   ============================================================ */
@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after {
    animation-duration: 0.01ms !important;
    animation-iteration-count: 1 !important;
    transition-duration: 0.01ms !important;
    scroll-behavior: auto !important;
  }
  .reveal { opacity: 1; transform: none; }
  .marquee-track { animation: none; }
  .wa-pulse { animation: none; }
  .card-border-glow::before { animation: none; opacity: 0; }
}

.catalog-filter-search{padding:0 0 .65rem}
.catalog-filter-search input{width:100%;min-height:2.6rem;padding:0 .75rem;border:1px solid #cfd8e1;background:#fff;color:var(--brand-primary);font-size:.72rem;outline:0}
.catalog-filter-search input::placeholder{color:#94a3b8}
.catalog-filter-search input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px rgba(220,38,38,.12)}
.catalog-category-list a[hidden]{display:none!important}
.catalog-filter-empty{margin:0 0 1rem;padding:.7rem .55rem;color:#94a3b8;font-size:.68rem}
.catalog-filter-toggle,.catalog-filter-close{display:none}

@media(max-width:760px){
  .catalog-filter-toggle{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:.5rem;
    width:100%;
    min-height:3rem;
    margin:0 0 .9rem;
    border:1px solid #cfd8e1;
    background:#fff;
    color:var(--brand-primary);
    font-size:.78rem;
    font-weight:750;
  }
  .catalog-filter-close{
    display:inline-flex;
    align-items:center;
    justify-content:center;
    width:2rem;
    height:2rem;
    margin-left:auto;
    border:1px solid #cfd8e1;
    background:#fff;
    color:var(--brand-primary);
    font-size:1.25rem;
    line-height:1;
  }
  .catalog-filters{
    display:none!important;
    position:static!important;
    grid-template-columns:1fr!important;
    margin-bottom:1.4rem;
    padding:1rem;
    border:1px solid #cfd8e1;
    background:#eef2f6;
  }
  .catalog-filters.is-open{display:grid!important}
  .catalog-filter-head{gap:.6rem}
  .catalog-filter-head a{margin-left:0}
}

/* The reference identity is intentionally light; keep OS dark mode from
   inverting isolated surfaces and reducing contrast. */
@media (prefers-color-scheme: dark) {
  :root {
    --theme-page: #fafafa;
    --theme-surface: #fff;
    --theme-text: #0f172a;
    --theme-muted: #64748b;
    --theme-border: #e2e8f0;
  }
  .site-body .bg-white { background-color: #fff !important; }
  .site-body input, .site-body textarea, .site-body select { background: #fff; color: #0f172a; }
}

/* ============================================================
   BINTANG ENERGY — premium industrial direction
   ============================================================ */
body.site-body {
  background: #f4f3ef !important;
  background-image: linear-gradient(rgba(10,25,48,.025) 1px, transparent 1px), linear-gradient(90deg, rgba(10,25,48,.025) 1px, transparent 1px);
  background-size: 40px 40px;
}
.utility-bar { background: #07111f; border-bottom: 1px solid rgba(255,255,255,.08); }
.site-header { border-bottom: 1px solid rgba(10,25,48,.1); box-shadow: 0 8px 30px rgba(10,25,48,.035); }
.brand-mark {
  width: 2.75rem; height: 2.75rem; display: grid; place-items: center; position: relative;
  color: #fff; background: var(--brand-primary); font: 800 .9rem/1 'Cascadia Mono', 'Consolas', monospace;
  clip-path: polygon(0 0, 100% 0, 100% 72%, 72% 100%, 0 100%);
}
.brand-mark::after { content: ''; position: absolute; right: 0; bottom: 0; width: 30%; height: 30%; background: var(--brand-accent); }
.brand-mark span { position: relative; z-index: 1; }
.brand-mark:has(img) { width: 3.1rem; height: 3.1rem; background: transparent; clip-path: none; }
.brand-mark:has(img)::after { display: none; }
.brand-mark img { width: 100%; height: 100%; object-fit: contain; }

.industrial-hero {
  position: relative; min-height: min(760px, calc(100dvh - 104px)); display: flex; align-items: center;
  background: #09182c; isolation: isolate;
}
.industrial-hero::before {
  content: ''; position: absolute; inset: 0; z-index: -1;
  background:
    linear-gradient(90deg, rgba(9,24,44,.98) 0%, rgba(9,24,44,.91) 48%, rgba(9,24,44,.32) 100%),
    radial-gradient(circle at 78% 42%, rgba(220,38,38,.55), transparent 22%),
    repeating-linear-gradient(115deg, transparent 0 80px, rgba(255,255,255,.04) 81px 82px);
}
.industrial-hero::after {
  content: 'PROTECT / PERFORM / ENDURE'; position: absolute; right: -1.5rem; bottom: 3.8rem;
  color: rgba(255,255,255,.055); font: 800 clamp(3rem, 8vw, 8rem)/.8 'Segoe UI Variable Display', 'Segoe UI', sans-serif;
  letter-spacing: -.08em; writing-mode: vertical-rl; pointer-events: none;
}
.hero-copy-block { max-width: 49rem; position: relative; }
.hero-copy-block::after {
  content: ''; position: absolute; left: calc(100% + 6vw); top: 5%; width: clamp(180px, 23vw, 350px); aspect-ratio: .78;
  border: 1px solid rgba(255,255,255,.18); transform: skewY(-8deg); background:
  linear-gradient(145deg, rgba(255,255,255,.13), rgba(255,255,255,.015)); box-shadow: 30px 35px 80px rgba(0,0,0,.32);
}
.hero-kicker {
  display: inline-flex; align-items: center; gap: .65rem; margin-bottom: 1.4rem; padding: .5rem .75rem;
  color: #fecaca; border-left: 3px solid var(--brand-accent); background: rgba(220,38,38,.1);
  font: 500 .7rem/1 'Cascadia Mono', 'Consolas', monospace; letter-spacing: .13em; text-transform: uppercase;
}
.hero-title { max-width: 13ch; margin-bottom: 1.5rem; font-size: clamp(3rem, 6.4vw, 6.25rem); font-weight: 800; line-height: .95; letter-spacing: -.065em; text-wrap: balance; }
.hero-title span { color: #ef4444; }
.hero-copy-block > p { max-width: 61ch; color: rgba(219,234,254,.8); font-size: clamp(1rem, 1.4vw, 1.15rem); line-height: 1.75; }
.hero-stats { display: grid; grid-template-columns: repeat(4, 1fr); max-width: 49rem; margin-top: 3.5rem; border-top: 1px solid rgba(255,255,255,.16); }
.hero-stat { padding: 1.25rem 1rem 0 0; text-align: left; border-right: 1px solid rgba(255,255,255,.12); }
.hero-stat:not(:first-child) { padding-left: 1.25rem; }
.hero-stat svg { display: none; }
.hero-stat > div:first-of-type { font-family: 'Cascadia Mono', 'Consolas', monospace; font-variant-numeric: tabular-nums; }

.section-title, h1, h2, h3 { text-wrap: balance; }
.section-eyebrow, .site-body [class*="tracking-widest"] { font-family: 'Cascadia Mono', 'Consolas', monospace; }
.site-body section { scroll-margin-top: 6rem; }
.site-body .rounded-3xl { border-radius: .75rem; }
.site-body .rounded-2xl { border-radius: .55rem; }
.site-body .shadow-card { box-shadow: 0 1px 0 rgba(10,25,48,.08), 0 14px 36px rgba(10,25,48,.055); }
.site-body .card:hover, .site-body [class*="hover:shadow-cardhover"]:hover { transform: translateY(-3px); }
.site-body footer { margin-top: 7rem; border-top: 4px solid var(--brand-accent); }

@media (max-width: 900px) {
  .hero-copy-block::after { opacity: .24; left: 70%; }
  .hero-title { max-width: 11ch; }
}
@media (max-width: 640px) {
  .industrial-hero { min-height: auto; }
  .industrial-hero::after, .hero-copy-block::after { display: none; }
  .hero-title { font-size: clamp(2.75rem, 14vw, 4.2rem); }
  .hero-stats { grid-template-columns: repeat(2, 1fr); row-gap: 1.25rem; }
  .hero-stat:nth-child(2) { border-right: 0; }
  .hero-stat:nth-child(3), .hero-stat:nth-child(4) { border-top: 1px solid rgba(255,255,255,.12); padding-top: 1rem; }
}

/* 2026 content systems */
.product-card { border-color: rgba(10,25,48,.09) !important; box-shadow: 0 1px 2px rgba(10,25,48,.025) !important; transform: translateY(0); will-change: transform; transition: transform .45s cubic-bezier(.22,1,.36,1),border-color .4s ease,box-shadow .45s cubic-bezier(.22,1,.36,1); }
.product-card:hover { transform: translateY(-4px) !important; border-color: rgba(14,42,92,.16) !important; box-shadow: 0 18px 44px rgba(10,25,48,.12) !important; }
.product-card:active { transform: translateY(-1px) scale(.995) !important; transition-duration: .15s; }
.product-media { background: #e9e9e5 !important; }
.product-media { transition: background-color .55s ease; }
.product-card:hover .product-media { background: #f1f2ef !important; }
.product-media::after { content: ''; position: absolute; inset: 0; z-index: 1; pointer-events: none; box-shadow: inset 0 0 0 1px rgba(10,25,48,.04); transition: box-shadow .4s ease; }
.product-card:hover .product-media::after { box-shadow: inset 0 0 0 1px rgba(255,255,255,.18); }
.product-card-image { mix-blend-mode: multiply; transform: scale(1.001) translateZ(0); transition: transform .7s cubic-bezier(.22,1,.36,1),filter .5s ease; }
.product-card:hover .product-card-image { transform: scale(1.04) translateZ(0); filter: saturate(1.025); }
.product-card-brand { z-index: 3; transition: background .42s ease,color .42s ease,transform .55s cubic-bezier(.22,1,.36,1); }
.product-card:hover .product-card-brand { color: #fff; background: var(--brand-primary); transform: translateY(-1px); }
.product-card-title { transition: color .35s ease; }
.product-card:hover .product-card-title { color: var(--brand-primary); }
.product-card-stock { transition: color .35s ease,background .35s ease; }
.product-card:hover .product-card-stock { background: #dcfce7; }
.product-card-cta { display: inline-flex; align-items: center; gap: .35rem; color: #64748b; white-space: nowrap; transition: gap .4s cubic-bezier(.22,1,.36,1),color .35s ease; }
.product-card-cta svg { transition: transform .4s cubic-bezier(.22,1,.36,1); }
.product-card:hover .product-card-cta { gap: .55rem; color: var(--brand-accent); }
.product-card:hover .product-card-cta svg { transform: translateX(2px); }

.procurement-section { position: relative; overflow: hidden; background: #09182c; }
.procurement-section::after { content: ''; position: absolute; width: 38rem; height: 38rem; right: -15rem; top: -16rem; border: 6rem solid rgba(220,38,38,.12); border-radius: 50%; pointer-events: none; }
.procurement-intro { display: grid; grid-template-columns: minmax(9rem, .45fr) 1.25fr 1fr; gap: clamp(1.5rem, 5vw, 5rem); align-items: start; border-bottom: 1px solid rgba(255,255,255,.16); padding-bottom: 3rem; }
.section-code { color: #f87171; font: 500 .72rem/1.3 'Cascadia Mono', 'Consolas', monospace; letter-spacing: .14em; text-transform: uppercase; }
.procurement-intro h2 { max-width: 13ch; font-size: clamp(2.3rem, 4.6vw, 4.8rem); font-weight: 800; line-height: .98; letter-spacing: -.055em; }
.procurement-intro p { max-width: 37ch; color: rgba(219,234,254,.7); line-height: 1.75; }
.procurement-steps { margin-top: 1rem; }
.procurement-steps li { display: grid; grid-template-columns: minmax(5rem, .45fr) 1.25fr 1fr; gap: clamp(1.5rem, 5vw, 5rem); padding: 2rem 0; border-bottom: 1px solid rgba(255,255,255,.12); }
.procurement-steps > li > span { color: rgba(255,255,255,.4); font: 500 .8rem 'Cascadia Mono', 'Consolas', monospace; }
.procurement-steps h3 { font-size: clamp(1.25rem, 2vw, 1.65rem); font-weight: 700; }
.procurement-steps p { max-width: 40ch; color: rgba(219,234,254,.62); line-height: 1.65; }
.procurement-link { display: inline-flex; align-items: center; gap: .75rem; margin-top: 2.5rem; padding-bottom: .5rem; color: #fff; border-bottom: 2px solid var(--brand-accent); font-weight: 700; transition: gap .25s var(--ease-out-expo), color .25s; }
.procurement-link:hover { gap: 1.1rem; color: #fecaca; }

/* Accessible native disclosure, enhanced by existing script */
.faq-answer { text-wrap: pretty; }
.faq-icon { font-family: 'Cascadia Mono', 'Consolas', monospace; }
.solution-applications { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); border-top: 1px solid rgba(10,25,48,.14); }
.solution-applications li { display: flex; align-items: center; gap: .75rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(10,25,48,.14); color: var(--brand-primary); font-weight: 700; }
.solution-applications li:nth-child(odd) { padding-right: 1rem; }
.solution-applications li:nth-child(even) { padding-left: 1rem; border-left: 1px solid rgba(10,25,48,.14); }
@media (max-width: 520px) {
  .solution-applications { grid-template-columns: 1fr; }
  .solution-applications li:nth-child(n) { padding-left: 0; padding-right: 0; border-left: 0; }
}

@media (max-width: 767px) {
  .procurement-intro { grid-template-columns: 1fr; gap: 1.25rem; }
  .procurement-steps li { grid-template-columns: 3rem 1fr; gap: 1rem; }
  .procurement-steps li p { grid-column: 2; margin-top: .5rem; }
}

/* Shared public-page polish */
.site-header nav a { position: relative; border-radius: .35rem !important; }
.site-header nav a::after { content: ''; position: absolute; left: 1rem; right: 1rem; bottom: .2rem; height: 2px; background: var(--brand-accent); transform: scaleX(0); transition: transform .25s var(--ease-out-expo); }
.site-header nav a:hover::after, .site-header nav a[class*="text-primary"]::after { transform: scaleX(1); }
.site-body main > section:first-child[class*="from-primary"] { background: #09182c !important; border-bottom: 3px solid var(--brand-accent); }
.site-body main > section:first-child[class*="from-primary"]::after { content: ''; position: absolute; inset: 0; pointer-events: none; background: repeating-linear-gradient(90deg, transparent 0 119px, rgba(255,255,255,.025) 120px); }
.site-body main > section:first-child h1 { font-size: clamp(2.4rem, 5vw, 4.8rem); line-height: .98; letter-spacing: -.055em; }
.site-body input, .site-body textarea, .site-body select { border-radius: .4rem !important; }
.site-body button, .site-body a { -webkit-tap-highlight-color: transparent; }
.site-body button:active, .site-body a[class*="bg-"]:active { transform: translateY(1px) scale(.985); }
.reveal:nth-child(2) { transition-delay: 70ms; }
.reveal:nth-child(3) { transition-delay: 140ms; }
.reveal:nth-child(4) { transition-delay: 210ms; }

@media (prefers-reduced-transparency: reduce) {
  .site-body [class*="backdrop-blur"] { backdrop-filter: none !important; -webkit-backdrop-filter: none !important; }
}

/* ============================================================
   PTBINER-INSPIRED HOMEPAGE SYSTEM
   White canvas, navy structure, red signal color.
   ============================================================ */
body.site-body {
  background: #fafafa !important;
  background-image: none;
  overflow-x: clip;
  -webkit-text-size-adjust: 100%;
}
button, a, input, select, textarea { touch-action: manipulation; }
.is-inner-page main { padding-top: 4.25rem; }

/* Smooth brand loader */
#site-preloader {
  position: fixed; inset: 0; z-index: 100; display: grid; place-items: center;
  overflow: hidden; background: #f8fafc; opacity: 1; visibility: visible;
  transform: translateZ(0); will-change: opacity, transform, clip-path;
  clip-path: inset(0 0 0 0);
  transition: opacity .62s cubic-bezier(.22,1,.36,1), clip-path .82s cubic-bezier(.22,1,.36,1), visibility .82s;
}
#site-preloader::before {
  content: ''; position: absolute; inset: -18%;
  background:
    radial-gradient(circle at 46% 40%, rgba(255,255,255,.95) 0 12%, rgba(255,255,255,0) 30%),
    radial-gradient(circle at 58% 46%, rgba(220,38,38,.12), transparent 27%),
    linear-gradient(135deg, rgba(10,25,48,.04), rgba(255,255,255,0) 46%, rgba(10,25,48,.07));
  animation: loaderBackdrop 4.8s cubic-bezier(.45,0,.55,1) infinite alternate;
}
#site-preloader::after {
  content: ''; position: absolute; inset: 0;
  background-image: linear-gradient(rgba(10,25,48,.035) 1px, transparent 1px), linear-gradient(90deg, rgba(10,25,48,.035) 1px, transparent 1px);
  background-size: 2.4rem 2.4rem; mask-image: radial-gradient(circle at center, black 0 45%, transparent 74%);
  opacity: .7; animation: loaderGrid 5.5s linear infinite;
}
.site-loader-leaving #site-preloader { opacity: .98; clip-path: inset(0 0 100% 0); }
.site-loader-leaving .preloader-mark { opacity: 0; transform: translateY(-.7rem) scale(.94); animation: none; transition: opacity .24s ease,transform .42s cubic-bezier(.22,1,.36,1); }
.site-loader-leaving .preloader-orbit,.site-loader-leaving .preloader-line,.site-loader-leaving .preloader-caption { opacity: 0; transition: opacity .2s ease; }
.site-loader-leaving .preloader-progress::after { animation: none; transform: translateX(0); transition: transform .24s cubic-bezier(.22,1,.36,1); }
.site-loaded #site-preloader { opacity: 0; visibility: hidden; pointer-events: none; }
.preloader-wind { position: relative; z-index: 1; width: min(20rem, 82vw); height: 14rem; display: grid; place-items: center; }
.preloader-mark {
  position: relative; z-index: 2; width: 6.5rem; height: 6.5rem; display: grid; place-items: center;
  border-radius: 1.1rem; animation: loaderFloat 1.9s cubic-bezier(.45,0,.55,1) infinite;
}
.preloader-mark::before {
  content: ''; position: absolute; inset: -.65rem; z-index: -1; border: 1px solid rgba(10,25,48,.08);
  border-radius: 1.35rem; background: rgba(255,255,255,.58); box-shadow: 0 22px 70px rgba(10,25,48,.12);
  backdrop-filter: blur(18px);
}
.preloader-mark::after { content: ''; position: absolute; inset: 8%; z-index: -2; border-radius: 50%; background: rgba(220,38,38,.16); filter: blur(18px); animation: loaderGlow 1.9s ease-in-out infinite; }
.preloader-mark img { width: 100%; height: 100%; object-fit: contain; filter: drop-shadow(0 12px 20px rgba(10,25,48,.13)); transform: translateZ(0); }
.preloader-orbit { position: absolute; top: .72rem; left: 50%; width: 9.35rem; height: 9.35rem; border: 1px solid rgba(10,25,48,.11); border-radius: 50%; transform: translateX(-50%); }
.preloader-orbit::before { content: ''; position: absolute; top: -.22rem; left: 50%; width: .46rem; height: .46rem; border-radius: 50%; background: var(--brand-accent); box-shadow: 0 0 0 .34rem rgba(220,38,38,.11), 0 0 1.4rem rgba(220,38,38,.28); transform-origin: 0 4.9rem; animation: loaderOrbit 2.45s linear infinite; }
.preloader-line { position: absolute; top: 4.25rem; left: 50%; height: 1px; opacity: 0; border-radius: 50%; background: linear-gradient(90deg, transparent, rgba(10,25,48,.16), var(--brand-accent), transparent); animation: loaderWind 1.6s cubic-bezier(.4,0,.2,1) infinite; }
.preloader-line-1 { width: 10rem; animation-delay: 0s; }
.preloader-line-2 { width: 13rem; animation-delay: .28s; }
.preloader-line-3 { width: 8rem; animation-delay: .56s; }
.preloader-caption { position: absolute; bottom: 1.05rem; left: 0; right: 0; display: grid; gap: .18rem; text-align: center; animation: loaderCaption .7s .12s both; }
.preloader-caption span { color: var(--brand-primary); font-size: .76rem; font-weight: 800; letter-spacing: .16em; text-transform: uppercase; }
.preloader-caption small { color: #94a3b8; font-size: .58rem; font-weight: 650; letter-spacing: .12em; text-transform: uppercase; }
.preloader-progress { position: absolute; left: 17%; right: 17%; bottom: 0; height: 2px; overflow: hidden; border-radius: 999px; background: rgba(10,25,48,.09); }
.preloader-progress::after { content: ''; position: absolute; inset: 0; background: linear-gradient(90deg, transparent, var(--brand-accent), #ef4444, transparent); transform: translateX(-105%); animation: loaderProgress 1.35s cubic-bezier(.65,0,.35,1) infinite; }
@keyframes loaderBackdrop { to { transform: translate3d(2.5%, -1.5%, 0) scale(1.04); } }
@keyframes loaderGrid { to { background-position: 2.4rem 2.4rem; } }
@keyframes loaderFloat { 0%,100% { transform: translateY(0) scale(.985); } 50% { transform: translateY(-.42rem) scale(1.018); } }
@keyframes loaderGlow { 0%,100% { opacity: .34; transform: scale(.82); } 50% { opacity: 1; transform: scale(1.22); } }
@keyframes loaderOrbit { to { transform: rotate(360deg); } }
@keyframes loaderWind { 0% { transform: translateX(-150%); opacity: 0; } 35% { opacity: .75; } 100% { transform: translateX(50%); opacity: 0; } }
@keyframes loaderCaption { from { opacity: 0; transform: translateY(.5rem); } to { opacity: 1; transform: none; } }
@keyframes loaderProgress { 0% { transform: translateX(-105%); } 55%,100% { transform: translateX(105%); } }

.utility-bar { display: none; }
#navbar {
  position: fixed !important; top: 0; left: 0; right: 0;
  background: transparent !important; border: 0; box-shadow: none; padding: .85rem 0;
}
#navbar .nav-shell > div:first-child {
  min-height: 4.5rem; height: auto; padding: .65rem .85rem .65rem 1rem;
  background: rgba(255,255,255,.94); border: 1px solid rgba(15,23,42,.08); border-radius: 1rem;
  box-shadow: 0 10px 35px rgba(15,23,42,.09); backdrop-filter: blur(18px); -webkit-backdrop-filter: blur(18px);
  animation: navDropIn .7s var(--ease-out-expo) both;
}
#navbar.shadow-lg .nav-shell > div:first-child { box-shadow: 0 15px 45px rgba(15,23,42,.15); }
@keyframes navDropIn { from { opacity: 0; transform: translateY(-1rem) scale(.98); } to { opacity: 1; transform: none; } }
.site-mobile-menu { margin: .45rem 1rem 0; border: 1px solid rgba(15,23,42,.08) !important; border-radius: 1rem; box-shadow: 0 18px 50px rgba(15,23,42,.16); max-height: calc(100dvh - 6.5rem); overflow-y: auto; overscroll-behavior: contain; }
.site-mobile-menu a { min-height: 44px; display: flex; align-items: center; }
.site-mobile-menu a:last-child { justify-content: center; }
.site-brand { min-width: 0; }
.site-brand-copy { min-width: 0; }
.site-brand-copy span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }

.reference-hero { position: relative; overflow: hidden; background: #fafafa; padding: 8.75rem 0 2rem; }
.reference-hero-navy { position: absolute; left: 0; right: 0; bottom: 0; height: 24%; background: var(--brand-primary); }
.reference-hero-inner { position: relative; z-index: 1; width: min(100% - 2rem, 1200px); margin-inline: auto; }
.reference-hero-top { display: flex; align-items: flex-start; justify-content: space-between; gap: 3rem; margin-bottom: 2rem; }
.reference-hero-top > div:first-child { max-width: 55rem; }
.reference-hero-badge { display: inline-flex; align-items: center; gap: .75rem; margin-bottom: 1rem; color: #64748b; font-size: .82rem; font-weight: 600; letter-spacing: .02em; }
.reference-hero-badge::before { content: ''; width: 1.55rem; height: 2px; background: var(--brand-accent); }
.reference-hero h1 { max-width: 20ch; margin: 0; color: var(--brand-primary); font-size: clamp(2.65rem, 5vw, 4.65rem); font-weight: 600; line-height: 1.04; letter-spacing: -.055em; }
.reference-hero-monogram { flex: 0 0 auto; width: 5rem; height: 5rem; display: grid; place-items: center; border: 1px solid rgba(10,25,48,.14); color: var(--brand-primary); font-weight: 800; font-size: 1.1rem; }
.reference-hero-mid { display: flex; align-items: center; justify-content: space-between; gap: 3rem; margin-bottom: 2.75rem; }
.reference-hero-tags { display: flex; flex-wrap: wrap; gap: .65rem; }
.reference-hero-tags span { padding: .45rem 1rem; border: 1px solid #e2e8f0; border-radius: 999px; color: #475569; background: #fff; font-size: .78rem; font-weight: 600; box-shadow: 0 2px 5px rgba(15,23,42,.025); }
.reference-hero-mid p { max-width: 28rem; padding-left: 1.5rem; border-left: 2px solid var(--brand-accent); color: #64748b; font-size: .95rem; line-height: 1.65; }
.reference-hero-media { position: relative; height: clamp(20rem, 38vw, 29rem); overflow: hidden; border-radius: 1rem 1rem 0 0; box-shadow: 0 12px 36px rgba(10,25,48,.18); }
.reference-hero-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg, transparent 52%, rgba(4,12,24,.58)); pointer-events: none; }
.reference-hero-media img { width: 100%; height: 100%; object-fit: cover; transition: transform 1.1s var(--ease-out-expo); }
.reference-hero:hover .reference-hero-media img { transform: scale(1.025); }
.reference-hero-actions { position: absolute; z-index: 2; left: 1.5rem; bottom: 1.4rem; display: flex; flex-wrap: wrap; gap: .65rem; }
.reference-hero-actions a { display: inline-flex; align-items: center; gap: .55rem; padding: .7rem 1rem; border-radius: .45rem; background: #fff; color: var(--brand-primary); font-size: .8rem; font-weight: 750; transition: transform .2s, background .2s, color .2s; }
.reference-hero-actions a:first-child { background: var(--brand-accent); color: #fff; }
.reference-hero-actions a:hover { transform: translateY(-2px); }
.reference-hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); overflow: hidden; border-radius: 0 0 1rem 1rem; background: var(--brand-primary); }
.reference-hero-stats > div { display: flex; flex-direction: column; gap: .25rem; padding: 1.25rem 1.5rem; border-right: 1px solid rgba(255,255,255,.08); }
.reference-hero-stats > div:last-child { border: 0; }
.reference-hero-stats strong { color: #fff; font-size: 2rem; line-height: 1; font-variant-numeric: tabular-nums; }
.reference-hero-stats span { color: rgba(255,255,255,.48); font-size: .64rem; font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }

@media (max-width: 800px) {
  #navbar { padding-top: .5rem; }
  #navbar .nav-shell { padding-inline: .65rem; }
  #navbar .nav-shell > div:first-child { min-height: 4rem; padding: .45rem .55rem .45rem .65rem; }
  .site-mobile-menu { margin-inline: .65rem; padding-bottom: max(1rem, env(safe-area-inset-bottom)); }
  .is-inner-page main { padding-top: 5.5rem; }
  input, select, textarea { font-size: 16px !important; }
  .reference-hero { padding-top: 7.25rem; }
  .reference-hero-top { gap: 1rem; }
  .reference-hero-monogram { display: none; }
  .reference-hero-mid { align-items: flex-start; flex-direction: column; gap: 1.25rem; }
  .reference-hero-mid p { padding: 1rem 0 0; border-left: 0; border-top: 2px solid var(--brand-accent); }
  .reference-hero-media { height: 20rem; }
}
@media (max-width: 520px) {
  .site-brand { gap: .55rem; max-width: calc(100vw - 5.75rem); }
  .site-brand .brand-mark { width: 2.65rem; height: 2.65rem; flex: 0 0 2.65rem; }
  .site-brand-copy span:first-child { font-size: .78rem; }
  .site-brand-copy span:last-child { font-size: .53rem; letter-spacing: .13em; }
  .reference-hero { padding-top: 6.65rem; }
  .reference-hero-top { margin-bottom: 1.4rem; }
  .reference-hero h1 { font-size: clamp(2.1rem, 11vw, 3rem); line-height: 1.08; }
  .reference-hero-tags span:nth-child(3) { display: none; }
  .reference-hero-media { height: 16.5rem; }
  .reference-hero-stats > div { padding: 1rem .75rem; }
  .reference-hero-stats strong { font-size: 1.45rem; }
  .reference-hero-actions { left: .75rem; right: .75rem; bottom: .75rem; display: grid; grid-template-columns: 1fr 1fr; }
  .reference-hero-actions a { min-height: 44px; justify-content: center; padding: .6rem .65rem; text-align: center; }
  .fixed.bottom-6.right-6 { right: max(1rem, env(safe-area-inset-right)); bottom: max(1rem, env(safe-area-inset-bottom)); }
  #back-top { right: max(1.25rem, env(safe-area-inset-right)); bottom: calc(5.25rem + env(safe-area-inset-bottom)); }
}

@media (max-width: 380px) {
  .site-brand-copy span:last-child { display: none; }
  .reference-hero-inner { width: min(100% - 1.25rem, 1200px); }
  .reference-hero h1 { font-size: 2rem; }
  .reference-hero-stats { grid-template-columns: repeat(2, 1fr); }
  .reference-hero-stats > div:nth-child(2) { border-right: 0; }
  .reference-hero-stats > div:last-child { grid-column: 1 / -1; align-items: center; border-top: 1px solid rgba(255,255,255,.08); }
}

@media (prefers-reduced-motion: reduce) {
  #site-preloader::before, #site-preloader::after, .preloader-mark, .preloader-mark::after, .preloader-line, .preloader-orbit::before, .preloader-caption, .preloader-progress::after, #navbar .nav-shell > div:first-child { animation: none !important; }
  .reference-hero-media img { transition: none; }
}

/* About page — editorial industrial profile */
.about-shell{width:min(100% - 2rem,1200px);margin-inline:auto}.about-hero{padding:clamp(5rem,10vw,9rem) 0 clamp(4rem,8vw,7rem);background:#fafafa}.about-breadcrumb{display:flex;gap:.6rem;margin-bottom:clamp(3rem,7vw,6rem);color:#94a3b8;font-size:.78rem}.about-breadcrumb a{color:#64748b;transition:color .2s}.about-breadcrumb a:hover{color:var(--brand-accent)}.about-hero-grid{display:grid;grid-template-columns:1.55fr .75fr;gap:clamp(2rem,8vw,7rem);align-items:end}.about-kicker{display:inline-flex;align-items:center;gap:.65rem;color:var(--brand-accent);font:700 .7rem/1.2 'Cascadia Mono','Consolas',monospace;letter-spacing:.14em;text-transform:uppercase}.about-kicker:before{content:'';width:1.5rem;height:2px;background:currentColor}.about-hero h1{max-width:15ch;margin-top:1.25rem;color:var(--brand-primary);font-size:clamp(2.8rem,6vw,5.8rem);font-weight:600;line-height:.98;letter-spacing:-.065em}.about-hero h1 em{color:var(--brand-accent);font-style:normal}.about-hero-grid>p{padding-left:1.4rem;border-left:2px solid var(--brand-accent);color:#64748b;line-height:1.8;text-wrap:pretty}
.about-intro{padding:0 0 clamp(5rem,10vw,9rem);background:#fff}.about-metrics{display:grid;grid-template-columns:1.15fr .85fr 1.15fr .85fr}.about-metric{position:relative;min-height:24rem;overflow:hidden;padding:2rem;display:flex;flex-direction:column;justify-content:flex-end;border:1px solid #e2e8f0}.about-metric small{display:block;margin-bottom:.7rem;color:#64748b;font:700 .68rem/1.3 'Cascadia Mono','Consolas',monospace;letter-spacing:.12em;text-transform:uppercase}.about-metric strong{display:block;color:var(--brand-primary);font-size:clamp(2.6rem,4vw,4.5rem);line-height:1;letter-spacing:-.055em}.about-metric p{margin-top:auto;padding-top:1.25rem;color:#64748b;font-size:.88rem;line-height:1.65}.about-metric-pattern{background:#eef0f1}.about-chip-cloud{position:absolute;inset:2rem 1.25rem auto;display:flex;flex-wrap:wrap;gap:.5rem;opacity:.72;transform:rotate(-4deg)}.about-chip-cloud span{padding:.45rem .75rem;border:1px solid #cbd5e1;color:#64748b;background:rgba(255,255,255,.55);font-size:.68rem}.about-metric-red{background:var(--brand-accent);border-color:var(--brand-accent)}.about-metric-red small,.about-metric-red p{color:rgba(255,255,255,.75)}.about-metric-red strong{color:#fff}.about-metric-image{color:#fff;border:0}.about-metric-image:after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(5,15,28,.05),rgba(5,15,28,.88))}.about-metric-image img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.about-metric-image div{position:relative;z-index:1}.about-metric-image strong{color:#fff;font-size:2rem}.about-metric-image p{color:rgba(255,255,255,.75)}.about-metric-light{background:#f8fafc}
.about-story{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,9vw,8rem);padding-top:clamp(5rem,9vw,8rem)}.about-story h2,.about-section-head h2,.about-advantages h2,.about-coverage h2{margin-top:1.1rem;color:var(--brand-primary);font-size:clamp(2.2rem,4.5vw,4.4rem);font-weight:600;line-height:1.03;letter-spacing:-.055em}.about-story-copy{max-width:39rem;color:#475569;font-size:1.02rem;line-height:1.9}.about-purpose{padding:clamp(5rem,9vw,8rem) 0;background:#f4f5f6;border-block:1px solid #e2e8f0}.about-section-head{margin-bottom:3rem;text-align:center}.about-section-head .about-kicker{justify-content:center}.about-purpose-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:#cbd5e1;border:1px solid #cbd5e1}.about-purpose-card{padding:clamp(2rem,5vw,4.5rem);background:#fff}.about-purpose-card>span,.about-advantage>span{color:var(--brand-accent);font:700 .7rem/1 'Cascadia Mono','Consolas',monospace;letter-spacing:.12em;text-transform:uppercase}.about-purpose-card h3{max-width:20ch;margin:2.2rem 0 1rem;color:var(--brand-primary);font-size:clamp(1.5rem,2.7vw,2.4rem);line-height:1.15;letter-spacing:-.035em}.about-purpose-card p{max-width:52ch;color:#64748b;line-height:1.75}
.about-advantages{padding:clamp(5rem,10vw,9rem) 0;background:#fff}.about-advantages-head{display:flex;justify-content:space-between;gap:3rem;align-items:end;margin-bottom:3.5rem}.about-advantages-head>p{max-width:28rem;color:#64748b;line-height:1.75}.about-advantages-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #dbe1e8;border-left:1px solid #dbe1e8}.about-advantage{min-height:18rem;padding:2rem;display:flex;flex-direction:column;border-right:1px solid #dbe1e8;border-bottom:1px solid #dbe1e8;transition:background .25s,transform .25s}.about-advantage:hover{position:relative;z-index:1;background:#f8fafc;transform:translateY(-3px)}.about-advantage h3{margin-top:auto;color:var(--brand-primary);font-size:1.25rem}.about-advantage p{margin-top:.75rem;color:#64748b;font-size:.9rem;line-height:1.65}.about-advantage:first-child{background:var(--brand-primary)}.about-advantage:first-child h3{color:#fff}.about-advantage:first-child p{color:rgba(255,255,255,.65)}
.about-coverage{position:relative;overflow:hidden;padding:clamp(5rem,10vw,9rem) 0;background:#09182c}.about-coverage:after{content:'';position:absolute;right:-12rem;bottom:-18rem;width:36rem;height:36rem;border:6rem solid rgba(220,38,38,.12);border-radius:50%}.about-coverage-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.2fr .8fr;gap:clamp(3rem,9vw,8rem);align-items:end}.about-coverage h2{color:#fff}.about-coverage-grid>div:last-child p{color:#94a3b8;line-height:1.8}.about-cta{display:inline-flex;align-items:center;gap:.7rem;margin-top:2rem;padding-bottom:.55rem;border-bottom:2px solid var(--brand-accent);color:#fff;font-weight:700;transition:gap .25s,color .25s}.about-cta:hover{gap:1rem;color:#fecaca}
@media(max-width:900px){.about-metrics{grid-template-columns:repeat(2,1fr)}.about-advantages-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.about-hero-grid,.about-story,.about-coverage-grid{grid-template-columns:1fr}.about-hero-grid>p{padding:1.25rem 0 0;border-left:0;border-top:2px solid var(--brand-accent)}.about-metrics,.about-purpose-grid,.about-advantages-grid{grid-template-columns:1fr}.about-metric{min-height:19rem}.about-advantages-head{align-items:flex-start;flex-direction:column}.about-advantage{min-height:15rem}}
/* 2026 hero + navigation refresh — editorial industrial direction */
#navbar { padding: 1rem 0; }
#navbar .nav-shell > div.nav-frame {
  min-height: 4.5rem; height: auto; padding: .55rem .6rem .55rem .8rem;
  background: rgba(255,255,255,.96); border: 1px solid rgba(15,23,42,.07); border-radius: 1rem;
  box-shadow: 0 16px 42px rgba(10,25,48,.14), 0 2px 8px rgba(10,25,48,.06);
}
#navbar.shadow-lg .nav-shell > div.nav-frame { background: rgba(255,255,255,.98); box-shadow: 0 20px 50px rgba(10,25,48,.18), 0 3px 10px rgba(10,25,48,.07); }
#navbar .brand-mark { width: 3.05rem; height: 3.05rem; padding: .25rem; border-radius: .2rem; background: #fff; }
#navbar .site-brand-copy span:first-child { color: var(--brand-primary) !important; }
#navbar .site-brand-copy span:last-child { color: #64748b !important; }
#navbar .desktop-nav { align-self: stretch; }
#navbar .desktop-nav a { display: flex; align-items: center; padding-inline: .9rem; border-radius: .55rem !important; color: #64748b !important; background: transparent !important; }
#navbar .desktop-nav a:hover { color: var(--brand-primary) !important; background: #f1f5f9 !important; }
#navbar .desktop-nav a[class*="text-primary"] { color: var(--brand-primary) !important; background: transparent !important; }
#navbar .desktop-nav a::after { display: none; }
#navbar .nav-cta { min-height: 3.15rem; padding-inline: 1.15rem; border-radius: .75rem; box-shadow: none !important; }
#navbar #nav-toggle { border-color: #e2e8f0; border-radius: .65rem; color: var(--brand-primary); }

.reference-hero { position: relative; overflow: hidden; min-height: min(900px,100dvh); display: flex; align-items: center; padding: 9.5rem 0 5rem; color: #fff; background: #07162d; }
.reference-hero::before { content: ''; position: absolute; width: 38rem; height: 38rem; left: -18rem; bottom: -24rem; border-radius: 50%; background: rgba(220,38,38,.16); }
.reference-hero-grid { position: absolute; inset: 0; opacity: .14; background-image: linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px); background-size: 5rem 5rem; mask-image: linear-gradient(90deg,#000,transparent 72%); }
.reference-hero-inner { position: relative; z-index: 1; width: min(100% - 3rem,1320px); margin-inline: auto; }
.reference-hero-layout { display: grid; grid-template-columns: minmax(0,.9fr) minmax(28rem,1.1fr); gap: clamp(3rem,6vw,6.5rem); align-items: center; }
.reference-hero-copy { padding-top: 1.5rem; }
.reference-hero-badge { display: flex; align-items: center; gap: .65rem; margin-bottom: 2.1rem; color: rgba(219,234,254,.62); font: 650 .69rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .1em; text-transform: uppercase; }
.reference-hero-badge::before { display: none; }
.reference-hero-badge i { width: .48rem; height: .48rem; background: var(--brand-accent); box-shadow: 0 0 0 .32rem rgba(220,38,38,.13); }
.reference-hero-badge b { margin-left: auto; color: #fff; font-weight: 650; }
.reference-hero h1 { max-width: 11ch; margin: 0; color: #fff; font-size: clamp(3.5rem,6.6vw,7rem); font-weight: 650; line-height: .88; letter-spacing: -.07em; text-wrap: balance; }
.reference-hero h1 em { color: var(--brand-accent); font-style: normal; }
.reference-hero-lead { max-width: 56ch; margin-top: 2rem; color: rgba(219,234,254,.72); font-size: clamp(.98rem,1.2vw,1.08rem); line-height: 1.75; text-wrap: pretty; }
.reference-hero-actions { position: static; display: flex; flex-wrap: wrap; gap: .75rem; margin-top: 2.2rem; }
.reference-hero-actions a { min-height: 3.35rem; display: inline-flex; align-items: center; gap: .65rem; padding: .85rem 1.15rem; border: 1px solid rgba(255,255,255,.18); border-radius: .2rem; background: transparent; color: #fff; font-size: .78rem; font-weight: 750; transition: transform .25s,background .25s,border-color .25s,color .25s; }
.reference-hero-actions a:first-child { background: var(--brand-accent); border-color: var(--brand-accent); color: #fff; }
.reference-hero-actions a:hover { transform: translateY(-3px); background: #fff; border-color: #fff; color: var(--brand-primary); }
.reference-hero-trust { display: flex; flex-wrap: wrap; gap: 1rem 1.5rem; margin-top: 2.15rem; color: rgba(219,234,254,.48); font: 600 .64rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .04em; }
.reference-hero-trust span::before { content: '✓'; margin-right: .4rem; color: var(--brand-accent); }
.reference-hero-visual { position: relative; min-height: 36rem; padding: 0 0 3.3rem 3.3rem; }
.reference-hero-media { position: absolute; inset: 0 0 3.3rem 3.3rem; height: auto; display: grid; grid-template-columns: minmax(0,1.25fr) minmax(12rem,.72fr); grid-template-rows: 1fr 1fr; gap: .72rem; overflow: visible; border-radius: 0; box-shadow: none; }
.reference-hero-media::after { content: ''; position: absolute; inset: auto 0 0 0; height: 43%; z-index: 2; background: linear-gradient(180deg,transparent,rgba(4,12,24,.86)); pointer-events: none; }
.reference-hero-photo { position: relative; min-width: 0; min-height: 0; overflow: hidden; margin: 0; background: #10243d; box-shadow: 0 26px 70px rgba(0,0,0,.27); }
.reference-hero-photo::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(4,12,24,.02),rgba(4,12,24,.2)); pointer-events: none; }
.reference-hero-photo-main { grid-row: 1 / -1; border-radius: .28rem; }
.reference-hero-photo-tall { border-radius: .28rem .28rem .28rem 0; transform: translateY(1.35rem); }
.reference-hero-photo-small { border-radius: 0 .28rem .28rem .28rem; transform: translateY(1.35rem); }
.reference-hero-photo img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.92) contrast(1.03); transition: transform 1.1s var(--ease-out-expo),filter .4s; }
.reference-hero-photo-main img { object-position: center; }
.reference-hero-photo-tall img { object-position: center; }
.reference-hero-photo-small img { object-position: center; }
.reference-hero:hover .reference-hero-photo img { transform: scale(1.025); filter: saturate(1.04) contrast(1.04); }
.reference-hero-index { position: absolute; z-index: 3; top: 1rem; right: 1rem; padding: .55rem .7rem; background: rgba(5,17,36,.76); color: rgba(255,255,255,.7); font: 650 .62rem/1 'Cascadia Mono','Consolas',monospace; letter-spacing: .08em; text-transform: uppercase; backdrop-filter: blur(10px); }
.reference-hero-caption { position: absolute; z-index: 3; left: 2rem; right: 2rem; bottom: 1.7rem; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.reference-hero-caption strong { max-width: 11ch; color: #fff; font-size: 1.25rem; line-height: 1.05; }
.reference-hero-caption span { color: rgba(255,255,255,.58); font: 600 .58rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .08em; text-transform: uppercase; }
.reference-hero-stat-card { position: absolute; z-index: 3; left: 0; bottom: 0; width: 13.5rem; min-height: 13.5rem; display: flex; flex-direction: column; padding: 1.35rem; background: var(--brand-accent); color: #fff; box-shadow: 0 22px 50px rgba(108,12,22,.28); }
.reference-hero-stat-card > span { font: 700 .62rem/1 'Cascadia Mono','Consolas',monospace; letter-spacing: .12em; text-transform: uppercase; }
.reference-hero-stat-card strong { margin-top: .65rem; font-size: 3.5rem; line-height: 1; letter-spacing: -.07em; font-variant-numeric: tabular-nums; }
.reference-hero-stat-card sup { font-size: 1.15rem; vertical-align: top; }
.reference-hero-stat-card p { max-width: 18ch; margin-top: .5rem; color: rgba(255,255,255,.72); font-size: .72rem; line-height: 1.45; }
.reference-hero-stat-card a { position: absolute; right: 1rem; bottom: 1rem; width: 2.35rem; height: 2.35rem; display: grid; place-items: center; border: 1px solid rgba(255,255,255,.38); color: #fff; transition: background .2s,color .2s; }
.reference-hero-stat-card a:hover { background: #fff; color: var(--brand-accent); }

@media (max-width: 800px) {
  #navbar { padding-top: .5rem; }
  #navbar .nav-shell > div.nav-frame { min-height: 4rem; padding: .45rem .55rem .45rem .65rem; }
  .reference-hero { min-height: auto; padding: 8rem 0 3.5rem; }
  .reference-hero-inner { width: min(100% - 2rem,1320px); }
  .reference-hero-layout { grid-template-columns: 1fr; gap: 3.25rem; }
  .reference-hero-copy { padding-top: 0; }
  .reference-hero h1 { max-width: 12ch; }
  .reference-hero-visual { min-height: 30rem; padding-left: 0; }
  .reference-hero-media { inset: 0 0 2.5rem 0; grid-template-columns: 1fr .72fr; }
}
@media (max-width: 520px) {
  .reference-hero { padding-top: 7rem; }
  .reference-hero h1 { font-size: clamp(3rem,14vw,4.2rem); line-height: .92; }
  .reference-hero-badge b { display: none; }
  .reference-hero-actions { display: grid; grid-template-columns: 1fr; }
  .reference-hero-actions a { min-height: 44px; justify-content: center; padding: .6rem .65rem; text-align: center; }
  .reference-hero-trust { gap: .8rem 1rem; }
  .reference-hero-visual { min-height: 26rem; padding: 0 0 2rem; }
  .reference-hero-media { inset: 0 0 2rem 0; height: auto; grid-template-columns: 1fr; grid-template-rows: 1fr .42fr; gap: .6rem; }
  .reference-hero-photo-main { grid-row: auto; min-height: 17rem; }
  .reference-hero-photo-tall { display: none; }
  .reference-hero-photo-small { min-height: 7rem; transform: none; }
  .reference-hero-index { left: 1rem; right: auto; max-width: calc(100% - 2rem); }
  .reference-hero-caption { left: 1rem; right: 1rem; bottom: 1rem; }
  .reference-hero-caption span { display: none; }
  .reference-hero-stat-card { width: 9.5rem; min-height: 9.5rem; padding: 1rem; }
  .reference-hero-stat-card strong { font-size: 2.5rem; }
  .reference-hero-stat-card p { font-size: .62rem; }
  .reference-hero-stat-card a { display: none; }
}
@media (max-width: 380px) {
  .reference-hero-inner { width: min(100% - 1.25rem,1320px); }
  .reference-hero h1 { font-size: 2.75rem; }
}
/* Homepage journal + compact project process */
.home-journal { padding: clamp(5rem,8vw,7.5rem) 0; overflow: hidden; background: #f4f6f8; }
.home-journal-head { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(16rem,.65fr) auto; gap: 2.5rem; align-items: end; margin-bottom: 3rem; }
.home-journal-head > div > span,.home-process-intro > span { color: var(--brand-accent); font: 700 .66rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .13em; text-transform: uppercase; }
.home-journal-head h2 { max-width: 17ch; margin-top: .75rem; color: var(--brand-primary); font-size: clamp(2.25rem,4.5vw,4.3rem); font-weight: 650; line-height: .98; letter-spacing: -.055em; text-wrap: balance; }
.home-journal-head > p { color: #64748b; font-size: .92rem; line-height: 1.7; text-wrap: pretty; }
.home-journal-head > a { display: inline-flex; align-items: center; gap: .55rem; padding-bottom: .35rem; border-bottom: 1px solid var(--brand-primary); color: var(--brand-primary); font-size: .76rem; font-weight: 750; white-space: nowrap; transition: gap .2s,color .2s; }
.home-journal-head > a:hover { gap: .8rem; color: var(--brand-accent); }
.home-journal-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; align-items: stretch; }
.home-journal-card { min-width: 0; display: flex; flex-direction: column; overflow: hidden; background: #fff; }
.home-journal-card:first-child,.home-journal-card:nth-child(2),.home-journal-card:nth-child(3) { margin-top: 0; }
.home-journal-media,.home-journal-card:first-child .home-journal-media { position: relative; display: block; height: 15rem; min-height: 15rem; overflow: hidden; background: #dce3e9; }
.home-journal-media::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,transparent 55%,rgba(4,12,24,.45)); pointer-events: none; }
.home-journal-media img { width: 100%; height: 100%; object-fit: cover; filter: saturate(.72); transition: transform .7s var(--ease-out-expo),filter .4s; }
.home-journal-card:hover .home-journal-media img { transform: scale(1.045); filter: saturate(1); }
.home-journal-media > span { position: absolute; z-index: 2; right: 1rem; bottom: .75rem; color: #fff; font: 700 .67rem/1 'Cascadia Mono','Consolas',monospace; letter-spacing: .12em; }
.home-journal-body { flex: 1; display: flex; flex-direction: column; padding: 1.4rem 1.4rem 1.55rem; }
.home-journal-meta { display: flex; justify-content: space-between; gap: 1rem; margin-bottom: 1rem; color: #94a3b8; font: 650 .59rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .04em; text-transform: uppercase; }
.home-journal-body h3 { color: var(--brand-primary); font-size: clamp(1.05rem,1.7vw,1.35rem); font-weight: 720; line-height: 1.25; letter-spacing: -.025em; text-wrap: pretty; }
.home-journal-body h3 a:hover { color: var(--brand-accent); }
.home-journal-body > p { margin-top: .8rem; color: #64748b; font-size: .8rem; line-height: 1.65; }
.home-journal-link { align-self: flex-start; display: inline-flex; align-items: center; gap: .45rem; margin-top: auto; padding-top: 1.25rem; color: var(--brand-accent); font-size: .72rem; font-weight: 750; transition: gap .2s; }
.home-journal-link:hover { gap: .7rem; }

.home-process { padding-top: 1rem; }
.home-process-shell { display: grid; grid-template-columns: .75fr 1.65fr; gap: 4rem; padding: 2.25rem 2.5rem; border: 1px solid #e2e8f0; border-radius: 1.25rem; background: #fff; box-shadow: 0 14px 40px rgba(10,25,48,.07); }
.home-process-intro h2 { max-width: 17ch; margin-top: .55rem; color: var(--brand-primary); font-size: clamp(1.45rem,2.5vw,2rem); font-weight: 680; line-height: 1.05; letter-spacing: -.045em; }
.home-process ol { display: grid; grid-template-columns: repeat(3,1fr); }
.home-process li { display: grid; grid-template-columns: auto 1fr; gap: .8rem; padding: .35rem 1.25rem; border-left: 1px solid #e2e8f0; }
.home-process li b { color: var(--brand-accent); font: 700 .63rem/1.4 'Cascadia Mono','Consolas',monospace; }
.home-process li div { display: flex; flex-direction: column; gap: .35rem; }
.home-process li strong { color: var(--brand-primary); font-size: .88rem; }
.home-process li span { color: #64748b; font-size: .72rem; line-height: 1.45; }

@media(max-width:900px){
  .home-journal-head { grid-template-columns: 1fr 1fr; }
  .home-journal-head > a { justify-self: start; }
  .home-journal-grid { grid-template-columns: 1fr 1fr; }
  .home-journal-card:first-child { display: flex; grid-column: auto; }
  .home-journal-card:first-child .home-journal-media { height: 15rem; min-height: 15rem; }
  .home-process-shell { grid-template-columns: 1fr; gap: 2rem; }
}
@media(max-width:640px){
  .home-journal-head { grid-template-columns: 1fr; gap: 1.25rem; }
  .home-journal-grid { grid-template-columns: 1fr; }
  .home-journal-card:first-child { display: flex; }
  .home-journal-card:first-child .home-journal-media,.home-journal-media { height: 13.5rem; min-height: 13.5rem; }
  .home-process-shell { padding: 1.5rem; }
  .home-process ol { grid-template-columns: 1fr; }
  .home-process li { padding: 1rem 0; border-left: 0; border-top: 1px solid #e2e8f0; }
}
/* Article SEO navigation, editorial content, trust and applications */
.article-detail-grid { display: grid; grid-template-columns: minmax(0,1fr) 19rem; gap: 2rem; align-items: start; }
.article-detail-main { min-width: 0; }
.article-sidebar { position: sticky; top: 7rem; display: grid; gap: 1rem; }
.article-side-panel { padding: 1.35rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #fff; box-shadow: 0 10px 28px rgba(10,25,48,.05); }
.article-side-panel > span,.article-trust-head > span,.article-index-tools > div > span,.article-index-popular > div > span { color: var(--brand-accent); font: 700 .62rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .1em; text-transform: uppercase; }
.article-side-panel > h2 { margin: .4rem 0 1rem; color: var(--brand-primary); font-size: 1.05rem; font-weight: 760; }
.article-toc ol { display: grid; gap: .1rem; counter-reset: toc; }
.article-toc li { counter-increment: toc; }
.article-toc a { display: grid; grid-template-columns: 1.6rem 1fr; gap: .35rem; padding: .48rem 0; color: #64748b; font-size: .73rem; line-height: 1.35; }
.article-toc a::before { content: counter(toc,decimal-leading-zero); color: #94a3b8; font: 650 .58rem/1.6 'Cascadia Mono','Consolas',monospace; }
.article-toc a:hover { color: var(--brand-accent); }
.article-category-list { display: grid; gap: .15rem; }
.article-category-list a { display: flex; justify-content: space-between; gap: .75rem; padding: .55rem 0; border-bottom: 1px solid #eef2f6; color: #475569; font-size: .75rem; }
.article-category-list b { color: var(--brand-accent); font-variant-numeric: tabular-nums; }
.article-popular-list { display: grid; gap: .8rem; }
.article-popular-list a { display: grid; grid-template-columns: 1.5rem 1fr; gap: .5rem; color: var(--brand-primary); font-size: .72rem; font-weight: 650; line-height: 1.4; }
.article-popular-list b { color: var(--brand-accent); font: 700 .58rem/1.7 'Cascadia Mono','Consolas',monospace; }
.article-prose h2 { scroll-margin-top: 7.5rem; margin: 2.5rem 0 .85rem; color: var(--brand-primary); font-size: clamp(1.45rem,2.5vw,2rem); font-weight: 720; line-height: 1.15; letter-spacing: -.035em; }
.article-prose h2:first-child { margin-top: .5rem; }
.article-prose p { margin: 0 0 1.1rem; }
.article-prose ul { margin: 0 0 1.4rem; padding-left: 1.2rem; list-style: disc; }
.article-prose li { margin-bottom: .45rem; padding-left: .25rem; }
.article-byline { display: grid; grid-template-columns: auto 1fr auto; gap: .8rem 1rem; align-items: center; margin: 0 0 1.5rem; padding: .85rem 0; border-block: 1px solid #eef2f6; }
.article-byline-mark { width: 2.4rem; height: 2.4rem; display: grid; place-items: center; border-radius: .55rem; background: var(--brand-primary); color: #fff; font-size: .68rem; font-weight: 800; }
.article-byline > div:not(.article-byline-mark) { display: flex; flex-direction: column; gap: .15rem; }
.article-byline > div:last-child { text-align: right; }
.article-byline span { color: #94a3b8; font: 650 .56rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .08em; text-transform: uppercase; }
.article-byline a,.article-byline time { color: var(--brand-primary); font-size: .72rem; font-weight: 720; }
.article-byline a:hover { color: var(--brand-accent); }
.article-author-box { display: grid; grid-template-columns: 5rem 1fr; gap: 1.35rem; align-items: start; margin-top: 3rem; padding: 1.5rem; border: 1px solid #e2e8f0; border-radius: 1rem; background: #f8fafc; }
.article-author-box img { width: 5rem; height: 5rem; object-fit: contain; border-radius: .75rem; background: #fff; }
.article-author-box span { color: var(--brand-accent); font: 700 .58rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .1em; text-transform: uppercase; }
.article-author-box h2 { margin-top: .3rem; color: var(--brand-primary); font-size: 1.05rem; font-weight: 750; }
.article-author-box p { max-width: 65ch; margin-top: .5rem; color: #64748b; font-size: .73rem; line-height: 1.65; }
.article-author-box a { display: inline-flex; align-items: center; gap: .4rem; margin-top: .75rem; color: var(--brand-accent); font-size: .7rem; font-weight: 750; }

.article-trust-section,.article-application-section { margin-top: 4rem; padding: clamp(2rem,4vw,3.25rem); border-radius: 1.5rem; }
.article-trust-section { color: #fff; background: #07162d; }
.article-application-section { border: 1px solid #e2e8f0; background: #f4f6f8; }
.article-trust-head { display: grid; grid-template-columns: 1fr .7fr; gap: 1rem 3rem; align-items: end; margin-bottom: 2.5rem; }
.article-trust-head > span { grid-column: 1/-1; }
.article-trust-head h2 { max-width: 18ch; font-size: clamp(2rem,4vw,3.6rem); font-weight: 650; line-height: .98; letter-spacing: -.055em; }
.article-application-section .article-trust-head h2 { color: var(--brand-primary); }
.article-trust-head p { max-width: 40ch; color: rgba(219,234,254,.65); line-height: 1.7; }
.article-application-section .article-trust-head p { color: #64748b; }
.article-trust-grid,.article-application-grid { display: grid; grid-template-columns: repeat(3,1fr); }
.article-trust-grid article { min-height: 12rem; padding: 1.35rem; border-top: 1px solid rgba(255,255,255,.14); border-right: 1px solid rgba(255,255,255,.14); }
.article-trust-grid article:nth-child(3n) { border-right: 0; }
.article-trust-grid b { color: #f87171; font: 700 .67rem/1 'Cascadia Mono','Consolas',monospace; }
.article-trust-grid h3,.article-application-grid h3 { margin-top: 2rem; font-size: 1rem; font-weight: 720; }
.article-trust-grid p,.article-application-grid p { margin-top: .55rem; color: rgba(219,234,254,.6); font-size: .75rem; line-height: 1.6; }
.article-application-grid article { min-height: 11rem; padding: 1.35rem; border-top: 1px solid #dbe2e8; border-right: 1px solid #dbe2e8; }
.article-application-grid article:nth-child(3n) { border-right: 0; }
.article-application-grid article > span { width: .5rem; height: .5rem; display: block; background: var(--brand-accent); }
.article-application-grid h3 { color: var(--brand-primary); }
.article-application-grid p { color: #64748b; }

.article-index-tools { display: flex; align-items: end; justify-content: space-between; gap: 2rem; margin-bottom: 2rem; padding-bottom: 1.5rem; border-bottom: 1px solid #e2e8f0; }
.article-index-tools h2,.article-index-popular h2 { margin-top: .4rem; color: var(--brand-primary); font-size: 1.5rem; font-weight: 720; }
.article-index-tools nav { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: .5rem; }
.article-index-tools nav a { padding: .55rem .75rem; border: 1px solid #e2e8f0; border-radius: .55rem; background: #fff; color: #64748b; font-size: .7rem; font-weight: 650; }
.article-index-tools nav a.active,.article-index-tools nav a:hover { border-color: var(--brand-primary); background: var(--brand-primary); color: #fff; }
.article-index-tools nav b { margin-left: .25rem; color: var(--brand-accent); }
.article-index-popular { display: grid; grid-template-columns: .45fr 1fr; gap: 3rem; margin-top: 4rem; padding: 2.5rem; border-radius: 1.25rem; color: #fff; background: var(--brand-primary); }
.article-index-popular h2 { color: #fff; }
.article-index-popular ol { display: grid; }
.article-index-popular li { border-top: 1px solid rgba(255,255,255,.13); }
.article-index-popular a { display: grid; grid-template-columns: 2rem 1fr auto; gap: 1rem; align-items: center; padding: 1rem 0; font-size: .82rem; font-weight: 650; }
.article-index-popular a b { color: #f87171; font: 700 .63rem/1 'Cascadia Mono','Consolas',monospace; }
.article-index-popular a:hover span { color: #fca5a5; }

@media(max-width:960px){.article-detail-grid{grid-template-columns:1fr}.article-sidebar{position:static;grid-template-columns:repeat(2,1fr)}.article-toc{grid-column:1/-1}.article-trust-grid,.article-application-grid{grid-template-columns:repeat(2,1fr)}.article-trust-grid article:nth-child(3n),.article-application-grid article:nth-child(3n){border-right:1px solid}.article-trust-grid article:nth-child(2n),.article-application-grid article:nth-child(2n){border-right:0}.article-index-popular{grid-template-columns:1fr}}
@media(max-width:640px){.article-sidebar{grid-template-columns:1fr}.article-toc{grid-column:auto}.article-trust-head{grid-template-columns:1fr}.article-trust-grid,.article-application-grid{grid-template-columns:1fr}.article-trust-grid article,.article-application-grid article{border-right:0!important;min-height:auto}.article-index-tools{align-items:flex-start;flex-direction:column}.article-index-tools nav{justify-content:flex-start}.article-index-popular{padding:1.5rem}.article-byline{grid-template-columns:auto 1fr}.article-byline>div:last-child{grid-column:2;text-align:left}.article-author-box{grid-template-columns:1fr}.article-author-box img{width:4rem;height:4rem}}
/* Homepage v3 — one restrained editorial-industrial system */
.brand-strip-item { min-width: 15rem; display: grid; grid-template-columns: 1.8rem 1fr auto; align-items: center; gap: .75rem; padding: .85rem 1rem; border-left: 1px solid #dbe2e8; color: var(--brand-primary); transition: color .25s,background .25s; }
.brand-strip-item > span { color: #94a3b8; font: 650 .58rem/1 'Cascadia Mono','Consolas',monospace; }
.brand-strip-item strong { font-size: .8rem; font-weight: 720; }
.brand-strip-item small { color: #94a3b8; font-size: .62rem; }
.brand-strip-item:hover { background: #f4f6f8; color: var(--brand-accent); }

.home-solutions { padding-top: clamp(5rem,8vw,7rem); padding-bottom: clamp(5.5rem,9vw,8rem); }
.home-solutions-grid { display: grid; grid-template-columns: minmax(18rem,.75fr) minmax(0,1.25fr); gap: clamp(3rem,8vw,8rem); align-items: start; }
.home-solutions-intro { position: sticky; top: 8rem; }
.home-solutions-intro > span,.home-proof-intro > span,.home-final-cta-shell > span { color: var(--brand-accent); font: 700 .66rem/1.2 'Cascadia Mono','Consolas',monospace; letter-spacing: .12em; text-transform: uppercase; }
.home-solutions-intro h2,.home-proof-intro h2 { margin-top: 1rem; color: var(--brand-primary); font-size: clamp(2.6rem,5vw,5rem); font-weight: 640; line-height: .95; letter-spacing: -.065em; text-wrap: balance; }
.home-solutions-intro p,.home-proof-intro p { max-width: 47ch; margin-top: 1.5rem; color: #64748b; line-height: 1.75; text-wrap: pretty; }
.home-solutions-intro > a { display: inline-flex; align-items: center; gap: .5rem; margin-top: 1.6rem; padding-bottom: .35rem; border-bottom: 1px solid currentColor; color: var(--brand-primary); font-size: .75rem; font-weight: 750; transition: gap .25s,color .25s; }
.home-solutions-intro > a:hover { gap: .75rem; color: var(--brand-accent); }
.home-solutions-list { border-top: 1px solid #cfd8e1; }
.home-solution-row { display: grid; grid-template-columns: 2.5rem 1fr auto; gap: 1rem; align-items: center; min-height: 8rem; padding: 1.4rem .5rem; border-bottom: 1px solid #cfd8e1; transition: padding .4s cubic-bezier(.22,1,.36,1),background .3s,color .3s; }
.home-solution-row > span { color: var(--brand-accent); font: 700 .62rem/1 'Cascadia Mono','Consolas',monospace; }
.home-solution-row h3 { color: var(--brand-primary); font-size: clamp(1.3rem,2.5vw,2rem); font-weight: 650; letter-spacing: -.035em; }
.home-solution-row p { margin-top: .3rem; color: #64748b; font-size: .78rem; }
.home-solution-row > svg { color: #94a3b8; transition: transform .35s,color .3s; }
.home-solution-row:hover { padding-inline: 1rem; background: #f4f6f8; }
.home-solution-row:hover > svg { color: var(--brand-accent); transform: translateX(.3rem); }

.home-proof { padding: clamp(5rem,8vw,7.5rem) 0; color: #fff; background: #07162d; }
.home-proof-grid { display: grid; grid-template-columns: 1.05fr .75fr; gap: 4rem 7rem; }
.home-proof-intro h2 { max-width: 13ch; color: #fff; }
.home-proof-intro p { color: rgba(219,234,254,.66); }
.home-proof-metrics { display: grid; grid-template-columns: repeat(3,1fr); align-items: end; border-bottom: 1px solid rgba(255,255,255,.14); }
.home-proof-metrics > div { padding: 1rem 1.2rem 1.4rem; border-left: 1px solid rgba(255,255,255,.14); }
.home-proof-metrics strong { display: block; font-size: clamp(2.2rem,4vw,4.3rem); font-weight: 650; line-height: 1; letter-spacing: -.065em; font-variant-numeric: tabular-nums; }
.home-proof-metrics sup { color: #f87171; font-size: .9rem; }
.home-proof-metrics span { display: block; margin-top: .65rem; color: rgba(219,234,254,.48); font-size: .62rem; line-height: 1.35; }
.home-proof-list { grid-column: 1/-1; display: grid; grid-template-columns: repeat(2,1fr); border-top: 1px solid rgba(255,255,255,.14); }
.home-proof-list li { display: grid; grid-template-columns: 2rem 1fr; gap: .75rem; padding: 1.35rem 0; border-bottom: 1px solid rgba(255,255,255,.14); }
.home-proof-list li:nth-child(odd) { padding-right: 2rem; border-right: 1px solid rgba(255,255,255,.14); }
.home-proof-list li:nth-child(even) { padding-left: 2rem; }
.home-proof-list b { color: #f87171; font: 700 .62rem/1.5 'Cascadia Mono','Consolas',monospace; }
.home-proof-list span { color: rgba(219,234,254,.57); font-size: .78rem; line-height: 1.55; }
.home-proof-list strong { display: block; margin-bottom: .25rem; color: #fff; font-size: .9rem; }

.home-final-cta { padding-top: clamp(4rem,7vw,6rem); padding-bottom: clamp(5rem,8vw,7rem); }
.home-final-cta-shell { position: relative; display: grid; grid-template-columns: 1fr .7fr auto; gap: 1.5rem 3rem; align-items: end; padding: clamp(2rem,5vw,4rem); overflow: hidden; border-radius: 1.25rem; background: #eef2f5; }
.home-final-cta-shell::after { content: ''; position: absolute; width: 16rem; height: 16rem; right: -8rem; top: -9rem; border: 3rem solid rgba(220,38,38,.1); border-radius: 50%; }
.home-final-cta-shell > span { grid-column: 1/-1; }
.home-final-cta-shell h2 { max-width: 12ch; color: var(--brand-primary); font-size: clamp(2.4rem,4.6vw,4.4rem); font-weight: 650; line-height: .95; letter-spacing: -.06em; }
.home-final-cta-shell p { max-width: 42ch; color: #64748b; line-height: 1.7; }
.home-final-cta-shell > a { position: relative; z-index: 1; min-height: 3.25rem; display: inline-flex; align-items: center; gap: .6rem; padding: .8rem 1rem; border-radius: .55rem; background: var(--brand-accent); color: #fff; font-size: .75rem; font-weight: 750; white-space: nowrap; transition: transform .25s,background .25s; }
.home-final-cta-shell > a:hover { transform: translateY(-2px); background: var(--brand-accent-dark); }
.footer-whatsapp-link { display: inline-flex; align-items: center; gap: .55rem; margin-top: 1.25rem; padding: .65rem .8rem; border: 1px solid rgba(255,255,255,.14); border-radius: .55rem; color: #fff; font-size: .72rem; font-weight: 700; transition: background .2s,border-color .2s; }
.footer-whatsapp-link:hover { border-color: #25d366; background: rgba(37,211,102,.12); }

@media(max-width:900px){.home-solutions-grid{grid-template-columns:1fr}.home-solutions-intro{position:static}.home-proof-grid{grid-template-columns:1fr}.home-final-cta-shell{grid-template-columns:1fr}.home-final-cta-shell>span{grid-column:auto}.home-final-cta-shell>a{justify-self:start}}
@media(max-width:640px){.home-solutions{padding-top:4rem}.home-solution-row{min-height:7rem}.home-proof-metrics{grid-template-columns:1fr}.home-proof-metrics>div{display:grid;grid-template-columns:5rem 1fr;align-items:center;border-left:0;border-top:1px solid rgba(255,255,255,.14)}.home-proof-list{grid-template-columns:1fr}.home-proof-list li:nth-child(odd),.home-proof-list li:nth-child(even){padding:1.2rem 0;border-right:0}.home-final-cta-shell{border-radius:.8rem}}

/* Product catalogue - structured for a large technical inventory */
.catalog-shell{width:min(100% - 2rem,1320px);margin-inline:auto}.catalog-hero{padding:8.5rem 0 4.75rem;color:#fff;background:#07162d}.catalog-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) 18rem;gap:4rem;align-items:end}.catalog-breadcrumb{display:flex;gap:.65rem;margin-bottom:2.5rem;color:rgba(219,234,254,.46);font-size:.72rem}.catalog-breadcrumb a:hover{color:#fff}.catalog-kicker{color:#f87171;font:700 .66rem/1.2 'Cascadia Mono','Consolas',monospace;letter-spacing:.1em;text-transform:uppercase}.catalog-hero h1{max-width:16ch;margin-top:1.1rem;font-size:clamp(2.75rem,5.6vw,5.6rem);font-weight:640;line-height:.96;letter-spacing:0;text-wrap:balance}.catalog-hero-summary{padding-left:1.5rem;border-left:1px solid rgba(255,255,255,.18)}.catalog-hero-summary strong{display:block;font-size:clamp(3rem,5vw,5.5rem);font-weight:650;line-height:.85;font-variant-numeric:tabular-nums}.catalog-hero-summary sup{color:#f87171;font-size:1rem}.catalog-hero-summary p{margin-top:1rem;color:rgba(219,234,254,.58);font-size:.78rem;line-height:1.6}.catalog-main{padding:0 0 7rem;background:#f4f6f8}.catalog-search{position:relative;z-index:2;display:grid;grid-template-columns:auto 1fr auto;align-items:center;min-height:5.25rem;transform:translateY(-50%);margin-bottom:-1.25rem;padding:.6rem .65rem .6rem 1.4rem;background:#fff;box-shadow:0 18px 45px rgba(7,22,45,.12)}.catalog-search>span{color:#64748b}.catalog-search input{min-width:0;height:4rem;padding:0 1rem;border:0;background:transparent;color:var(--brand-primary);font-size:1rem;outline:0}.catalog-search input::placeholder{color:#94a3b8}.catalog-search:focus-within{box-shadow:0 0 0 2px var(--brand-accent),0 18px 45px rgba(7,22,45,.12)}.catalog-search button{height:4rem;display:inline-flex;align-items:center;gap:.65rem;padding:0 1.4rem;background:var(--brand-accent);color:#fff;font-size:.75rem;font-weight:750;transition:background .2s,transform .2s}.catalog-search button:hover{background:var(--brand-accent-dark)}.catalog-search button:active{transform:translateY(1px)}.catalog-layout{display:grid;grid-template-columns:15.5rem minmax(0,1fr);gap:3rem;align-items:start}.catalog-filters{position:sticky;top:7rem}.catalog-filter-head{display:flex;align-items:center;justify-content:space-between;padding:1.1rem 0;border-bottom:1px solid #cfd8e1;color:var(--brand-primary);font-size:.75rem;font-weight:750}.catalog-filter-head a{color:var(--brand-accent);font-size:.67rem}.catalog-filters details{border-bottom:1px solid #cfd8e1}.catalog-filters summary{display:flex;align-items:center;justify-content:space-between;padding:1.15rem 0;cursor:pointer;list-style:none;color:var(--brand-primary);font-size:.7rem;font-weight:750}.catalog-filters summary::-webkit-details-marker{display:none}.catalog-filters details[open] summary svg{transform:rotate(180deg)}.catalog-filters summary svg{transition:transform .2s}.catalog-filters nav{display:grid;padding-bottom:1rem}.catalog-filters nav a{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.3rem;padding:.35rem .55rem;border-left:2px solid transparent;color:#64748b;font-size:.7rem;transition:color .2s,background .2s,border-color .2s}.catalog-filters nav a:hover,.catalog-filters nav a.active{border-color:var(--brand-accent);background:#fff;color:var(--brand-primary)}.catalog-filters nav b{color:#94a3b8;font:650 .6rem/1 'Cascadia Mono','Consolas',monospace}.catalog-assist{margin-top:1.5rem;padding:1.25rem;background:var(--brand-primary);color:#fff}.catalog-assist>span{color:#f87171;font:700 .61rem/1.2 'Cascadia Mono','Consolas',monospace;text-transform:uppercase}.catalog-assist p{margin-top:.75rem;color:rgba(219,234,254,.62);font-size:.7rem;line-height:1.6}.catalog-assist a{display:inline-flex;align-items:center;gap:.4rem;margin-top:1rem;font-size:.67rem;font-weight:750}.catalog-results{min-width:0}.catalog-toolbar{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:1.25rem;padding-bottom:1rem;border-bottom:1px solid #cfd8e1}.catalog-toolbar>div{display:flex;align-items:baseline;gap:.75rem}.catalog-toolbar strong{color:var(--brand-primary);font-size:1rem}.catalog-toolbar>div span{color:#94a3b8;font-size:.67rem}.catalog-toolbar form{display:flex;align-items:center;gap:.65rem}.catalog-toolbar label{color:#64748b;font-size:.66rem}.catalog-toolbar select{min-height:2.4rem;padding:0 2.2rem 0 .7rem;border:1px solid #cfd8e1;background:#fff;color:var(--brand-primary);font-size:.68rem;outline:0}.catalog-toolbar select:focus{border-color:var(--brand-accent)}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;background:#d9e0e6;border:1px solid #d9e0e6}.catalog-card{min-width:0;background:#fff}.catalog-card-link{height:100%;display:flex;flex-direction:column;color:inherit}.catalog-card-media{position:relative;aspect-ratio:1/1;overflow:hidden;background:#f8fafc}.catalog-card-image{width:100%;height:100%;object-fit:contain;padding:.65rem;transition:transform .5s cubic-bezier(.22,1,.36,1)}.catalog-card:hover .catalog-card-image{transform:scale(1.035)}.catalog-card-fallback{width:100%;height:100%;align-items:center;justify-content:center;color:#cbd5e1}.catalog-card-fallback:not(.hidden){display:flex}.catalog-card-brand{position:absolute;top:.8rem;left:.8rem;padding:.4rem .5rem;background:rgba(7,22,45,.9);color:#fff;font:700 .55rem/1 'Cascadia Mono','Consolas',monospace;text-transform:uppercase;backdrop-filter:blur(8px)}.catalog-card-body{display:flex;flex:1;flex-direction:column;min-height:10rem;padding:1rem}.catalog-card-index{color:#94a3b8;font:650 .54rem/1 'Cascadia Mono','Consolas',monospace}.catalog-card h3{margin-top:.75rem;color:var(--brand-primary);font-size:.84rem;font-weight:700;line-height:1.4;text-wrap:pretty}.catalog-card-footer{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:auto;padding-top:1.2rem}.catalog-card-footer span{display:inline-flex;align-items:center;gap:.3rem;color:#64806b;font-size:.6rem;font-weight:700}.catalog-card-footer span:last-child{color:var(--brand-accent);transition:gap .2s}.catalog-card:hover .catalog-card-footer span:last-child{gap:.55rem}.catalog-pagination{margin-top:2.5rem}.catalog-pagination nav>div:first-child{display:none}.catalog-pagination nav>div:last-child{display:flex;align-items:center;justify-content:space-between;gap:1rem;color:#64748b;font-size:.68rem}.catalog-pagination nav span,.catalog-pagination nav a{display:inline-flex;align-items:center;padding:.55rem .7rem}.catalog-pagination nav a{border:1px solid #cfd8e1;background:#fff}.catalog-empty{padding:5rem 2rem;text-align:center;border:1px solid #cfd8e1;background:#fff;color:#94a3b8}.catalog-empty h2{margin-top:1rem;color:var(--brand-primary);font-size:1.5rem}.catalog-empty p{margin-top:.5rem;font-size:.75rem}.catalog-empty a{display:inline-flex;margin-top:1.25rem;padding:.7rem .9rem;background:var(--brand-primary);color:#fff;font-size:.7rem;font-weight:700}
@media(max-width:1020px){.catalog-layout{grid-template-columns:1fr}.catalog-filters{position:static;display:grid;grid-template-columns:1fr 1fr;gap:0 2rem}.catalog-filter-head,.catalog-assist{grid-column:1/-1}.catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.catalog-hero{padding:7.5rem 0 4.5rem}.catalog-hero-grid{grid-template-columns:1fr;gap:2rem}.catalog-hero-summary{display:grid;grid-template-columns:auto 1fr;gap:1.25rem;align-items:end}.catalog-hero-summary p{margin:0}.catalog-search{grid-template-columns:auto 1fr;padding-left:1rem}.catalog-search button{grid-column:1/-1;width:100%;justify-content:center;height:3.25rem}.catalog-layout{gap:2rem}.catalog-filters{grid-template-columns:1fr}.catalog-filter-head,.catalog-assist{grid-column:auto}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-toolbar{align-items:flex-start;flex-direction:column;gap:.8rem}.catalog-toolbar form{width:100%;justify-content:space-between}.catalog-toolbar select{flex:1}.catalog-pagination nav>div:last-child>div:first-child{display:none}}
@media(max-width:440px){.catalog-shell{width:min(100% - 1.25rem,1320px)}.catalog-hero h1{font-size:2.45rem}.catalog-grid{grid-template-columns:1fr}.catalog-card-body{min-height:8.5rem}.catalog-hero-summary strong{font-size:3.25rem}}

/* Unified ProCAD-inspired public shell */
:root{--global-width:1320px}.global-container{width:min(100% - 2rem,var(--global-width));margin-inline:auto}.utility-bar{display:none!important}.site-body{background:#fafafa;color:#172033}.site-header{position:sticky!important;top:0!important;z-index:50;padding:0!important;border-bottom:1px solid rgba(7,22,45,.08);background:rgba(255,255,255,.96)!important;backdrop-filter:blur(14px);box-shadow:none!important}.nav-shell{width:min(100% - 2rem,var(--global-width));margin-inline:auto;padding:0!important}.nav-frame{height:4.5rem!important;min-height:4.5rem!important;padding:0!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important}.brand-mark{width:2.75rem!important;height:2.75rem!important;padding:.15rem!important;border-radius:.2rem!important}.site-brand-copy span:first-child{font-size:.78rem!important;font-weight:750!important;color:var(--brand-primary)!important}.site-brand-copy span:last-child{font:650 .53rem/1.2 'Cascadia Mono','Consolas',monospace!important;letter-spacing:.06em!important;color:#8b98a8!important}.desktop-nav{gap:1.65rem!important;align-self:stretch}.desktop-nav a{position:relative;padding:0!important;border-radius:0!important;background:transparent!important;color:#5d6877!important;font-size:.72rem!important;font-weight:650!important}.desktop-nav a:hover,.desktop-nav a[class*="text-primary"]{color:var(--brand-primary)!important;background:transparent!important}.desktop-nav a[class*="text-primary"]::after{content:'';position:absolute;right:0;bottom:0;left:0;height:2px;display:block;background:var(--brand-accent)}#navbar .nav-cta{min-height:2.75rem!important;padding:0 1rem!important;border-radius:.25rem!important;box-shadow:none!important;font-size:.69rem!important}#navbar #nav-toggle{border-radius:.2rem!important}.site-mobile-menu{border-top:1px solid #e5e9ed!important}.site-mobile-menu a{border-radius:0!important}.site-mobile-menu a:last-child{border-radius:.2rem!important}.site-body main{min-height:55vh}.site-footer{margin-top:0}

.site-body>footer{margin-top:0!important;padding:0;background:#07162d!important;color:rgba(219,234,254,.68)!important}.site-body>footer>div:first-child{width:min(100% - 2rem,var(--global-width));margin-inline:auto;padding:4rem 0!important;display:grid!important;grid-template-columns:1.2fr .65fr 1fr!important;gap:4rem!important}.site-body>footer .footer-brand-logo{width:4.5rem;height:4.5rem;margin-bottom:1.25rem}.site-body>footer h4{font:700 .6rem/1.2 'Cascadia Mono','Consolas',monospace!important;letter-spacing:.08em!important;color:#f87171!important}.site-body>footer p,.site-body>footer li{font-size:.7rem!important;line-height:1.65!important}.site-body>footer a{transition:color .2s}.site-body>footer a:hover{color:#fff!important}.site-body>footer>div:last-child{border-color:rgba(255,255,255,.1)!important;font-size:.6rem!important}.footer-whatsapp-link{border-radius:.2rem!important}

.inner-page-hero{position:relative;overflow:hidden;padding:5.5rem 0 5rem!important;background:#eef2f5!important;color:var(--brand-primary)!important;border-bottom:1px solid #dce3e9}.inner-page-hero>div:first-child{display:none}.inner-page-hero>div:last-child,.inner-page-hero>.max-w-7xl{width:min(100% - 2rem,var(--global-width));margin-inline:auto;padding:0!important}.inner-page-hero nav{margin-bottom:2.5rem!important;color:#8b98a8!important;font-size:.7rem!important}.inner-page-hero nav a:hover{color:var(--brand-accent)!important}.inner-page-hero nav span:last-child{color:var(--brand-primary)!important}.inner-page-hero h1{max-width:17ch;color:var(--brand-primary)!important;font-size:clamp(2.7rem,5vw,4.8rem)!important;font-weight:640!important;line-height:1!important;letter-spacing:0!important;text-wrap:balance}.inner-page-hero p{max-width:45rem;margin-top:1.25rem!important;color:#64748b!important;font-size:1rem!important;line-height:1.7!important}

.contact-page{padding:5.5rem 0 7rem}.contact-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(3rem,8vw,7rem);align-items:start}.contact-directory{display:grid}.contact-item{display:grid;grid-template-columns:3rem 1fr;gap:1rem;padding:1.3rem 0;border-bottom:1px solid #dce3e9}.contact-item>div:first-child{width:3rem!important;height:3rem!important;border-radius:.2rem!important;background:#eef2f5!important;color:var(--brand-primary)!important}.contact-item>div:last-child>div:first-child{font:700 .57rem/1.2 'Cascadia Mono','Consolas',monospace!important;letter-spacing:.08em!important;color:#94a3b8!important}.contact-item a,.contact-item>div:last-child>div:last-child{color:var(--brand-primary);font-size:.8rem;line-height:1.5}.contact-note{margin-top:1.5rem;padding:1.25rem;border-left:3px solid var(--brand-accent);background:#eef2f5}.contact-note>div{color:var(--brand-primary)!important}.contact-note p{color:#64748b!important}.contact-form-panel{padding:clamp(1.5rem,4vw,3rem);border:1px solid #dce3e9;background:#fff}.contact-form-panel h2{color:var(--brand-primary);font-size:1.6rem!important;font-weight:680!important}.contact-form-panel label{font-size:.7rem!important;color:#445064}.contact-form-panel input,.contact-form-panel textarea{border-radius:.2rem!important;background:#fafafa}.contact-form-panel button{border-radius:.2rem!important;box-shadow:none!important}

.product-detail-page{padding:2.5rem 0 7rem}.product-detail-page>nav{padding-bottom:1.25rem;border-bottom:1px solid #dce3e9;font-size:.68rem!important}.product-detail-hero{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,6rem);align-items:start;padding-top:2.5rem}.product-detail-main-image{position:relative;aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;overflow:hidden;margin-bottom:1rem;border:1px solid #dce3e9;background:#fff}.product-detail-main-image img{width:100%;height:100%;object-fit:contain;padding:1rem}.product-detail-page h1{color:var(--brand-primary);font-size:clamp(2rem,3.6vw,3.7rem)!important;font-weight:650!important;line-height:1.03!important;letter-spacing:0!important;text-wrap:balance}.product-detail-facts{margin:2rem 0;padding:0;border-block:1px solid #dce3e9;background:transparent}.product-detail-facts>div:first-child{padding:1rem 0!important}.product-detail-facts>div:last-child{padding:0 0 1rem}.product-detail-page a[class*="rounded-xl"]{border-radius:.2rem!important;box-shadow:none!important}.product-detail-description{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:3rem;margin-top:5rem;padding:3rem 0;border-top:1px solid #dce3e9;border-bottom:1px solid #dce3e9;background:transparent}.product-detail-description h2{align-items:flex-start!important;color:var(--brand-primary);font-size:1.3rem!important}.product-detail-description h2 span{display:none}.product-detail-description>div{max-width:78ch;font-size:.8rem;line-height:1.85}.product-detail-page>div:last-child{margin-top:5rem!important}

.article-index-page{padding:4.5rem 0 7rem}.article-index-page>.grid{gap:1px!important;background:#dce3e9;border:1px solid #dce3e9}.article-index-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;background:#fff;color:inherit}.article-index-card>div:first-child{border-radius:0!important;background:#eef2f5!important}.article-index-card>div:last-child{min-height:15rem;padding:1.3rem!important}.article-index-card h2{color:var(--brand-primary);font-size:1rem!important;line-height:1.35!important}.article-index-card p{font-size:.7rem!important;line-height:1.65}.article-index-tools nav a{border-radius:.2rem!important;box-shadow:none}.article-index-popular{border-radius:.2rem!important}.solution-page-body{padding:5.5rem 0 6.5rem}.solution-page-body>div{gap:clamp(3rem,8vw,7rem)!important}.solution-applications{border-top:1px solid #dce3e9}.solution-applications li{border-color:#dce3e9!important}.solution-products-section{padding:5.5rem 0 7rem;border-block:1px solid #dce3e9;background:#eef2f5}.solution-products-section>.max-w-7xl{width:min(100% - 2rem,var(--global-width));margin-inline:auto;padding:0!important}.solution-products-section .grid{gap:1px!important;background:#dce3e9;border:1px solid #dce3e9}

.home-catalog-section{padding:5.5rem 0 6.5rem;border-block:1px solid #dce3e9;background:#eef2f5}.home-catalog-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dce3e9;border:1px solid #dce3e9}.home-final-cta-shell{border-radius:.2rem!important}.about-purpose-grid,.about-advantages-grid{border-radius:0!important}.about-metric,.about-purpose-card,.about-advantage{border-radius:0!important}

@media(max-width:1024px){.desktop-nav{display:none!important}.global-actions .nav-cta{display:none!important}.contact-layout,.product-detail-hero{grid-template-columns:1fr}.product-detail-main-image{max-width:42rem}.home-catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.product-detail-description{grid-template-columns:1fr}.site-body>footer>div:first-child{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.global-container,.nav-shell,.inner-page-hero>.max-w-7xl,.site-body>footer>div:first-child{width:min(100% - 1.25rem,var(--global-width))}.site-brand-copy span:first-child{font-size:.68rem!important}.site-brand-copy span:last-child{display:none}.inner-page-hero{padding:4rem 0 3.5rem!important}.inner-page-hero h1{font-size:2.35rem!important}.contact-page,.article-index-page,.solution-page-body{padding-top:3.5rem}.contact-layout{gap:2.5rem}.home-catalog-grid{grid-template-columns:1fr}.product-detail-page{padding-top:1.5rem}.product-detail-hero{gap:2rem}.product-detail-description{margin-top:3rem;padding:2rem 0}.site-body>footer>div:first-child{grid-template-columns:1fr!important;gap:2.5rem!important;padding:3rem 0!important}}

/* Editorial article and error states */
.article-detail-shell{width:min(100% - 2rem,1180px)!important;padding:2.5rem 0 7rem!important}.article-detail-grid{gap:3.5rem!important}.article-detail-main{overflow:visible!important;border:0!important;border-radius:0!important;background:transparent!important;box-shadow:none!important}.article-detail-main>div[class*="aspect"]{border:1px solid #dce3e9;background:#eef2f5}.article-detail-main>div[class*="p-6"]{padding:2.5rem 0 0!important}.article-detail-main h1{max-width:20ch;color:var(--brand-primary);font-size:clamp(2.4rem,5vw,4.5rem)!important;font-weight:650!important;line-height:1!important;letter-spacing:0!important;text-wrap:balance}.article-detail-main p[class*="border-l"]{max-width:58ch;margin:2rem 0!important;padding-left:1.25rem!important;color:#64748b!important}.article-detail-main span[class*="rounded-full"],.article-detail-main a[class*="rounded-full"]{border-radius:.2rem!important}.article-prose{max-width:74ch!important;font-size:.84rem!important;line-height:1.9!important}.article-prose h2{margin-top:3.5rem!important;color:var(--brand-primary)!important;font-size:1.8rem!important;letter-spacing:0!important}.article-prose h3{color:var(--brand-primary)!important;letter-spacing:0!important}.article-side-panel{border-radius:.2rem!important;box-shadow:none!important}.article-author-box{border-radius:.2rem!important}.article-trust-section,.article-application-section{border-radius:.2rem!important}.error-page{min-height:100dvh;display:grid;place-items:center;padding:1.25rem;background:#eef2f5}.error-panel{width:min(100%,44rem);padding:clamp(2rem,6vw,5rem)!important;border:0!important;border-left:4px solid var(--brand-accent)!important;border-radius:0!important;background:#fff!important;box-shadow:0 24px 60px rgba(7,22,45,.1)!important}.error-panel .badge{border-radius:.2rem!important}.error-panel h1{max-width:12ch;color:var(--brand-primary);font-size:clamp(2.4rem,6vw,4.5rem)!important;line-height:1!important;letter-spacing:0!important}.error-panel .btn{border-radius:.2rem!important}
@media(max-width:760px){.article-detail-shell{width:min(100% - 1.25rem,1180px)!important}.article-detail-main>div[class*="p-6"]{padding-top:1.5rem!important}.article-detail-main h1{font-size:2.4rem!important}.article-detail-grid{gap:2.5rem!important}}

/* ProCAD parity pass: exact typographic and spacing rhythm */
:root{--global-width:1200px;--font-display:'Segoe UI Variable Display','Segoe UI',ui-sans-serif,system-ui,sans-serif;--font-body:'Segoe UI Variable Text','Segoe UI',ui-sans-serif,system-ui,sans-serif}.site-body{font-family:var(--font-body)!important;font-size:16px;line-height:1.7}.site-body h1,.site-body h2,.site-body h3,.site-brand-copy span:first-child{font-family:var(--font-display)!important}.nav-frame{height:6.25rem!important;min-height:6.25rem!important}.desktop-nav{gap:1.75rem!important}.desktop-nav a{font-size:.75rem!important}.reference-hero{min-height:auto!important;padding:5rem 0 4.5rem!important;color:var(--brand-primary)!important;background:#f4f1ed!important}.reference-hero::before,.reference-hero-grid{display:none!important}.reference-hero-inner{width:min(100% - 2rem,var(--global-width))!important}.reference-hero-layout{grid-template-columns:.92fr 1.08fr!important;gap:3.4rem!important}.reference-hero-copy{padding:0!important}.reference-hero-badge{margin-bottom:1.35rem!important;color:#78716c!important;font-family:var(--font-body)!important;font-size:.65rem!important}.reference-hero-badge i{background:var(--brand-accent)!important}.reference-hero-badge b{color:var(--brand-primary)!important}.reference-hero h1{max-width:13ch!important;color:var(--brand-primary)!important;font-size:clamp(3rem,5.5vw,5rem)!important;font-weight:650!important;line-height:1!important;letter-spacing:0!important}.reference-hero h1 em{color:var(--brand-accent)!important}.reference-hero-lead{max-width:38rem!important;margin-top:1.5rem!important;color:#625f5b!important;font-size:1rem!important;line-height:1.75!important}.reference-hero-actions{margin-top:2rem!important}.reference-hero-actions a{min-height:3rem!important;padding:.75rem 1rem!important;border:1px solid rgba(7,22,45,.16)!important;border-radius:.35rem!important;background:transparent!important;color:var(--brand-primary)!important}.reference-hero-actions a:first-child{border-color:var(--brand-accent)!important;background:var(--brand-accent)!important;color:#fff!important}.reference-hero-actions a:hover{transform:translateY(-2px)!important;background:var(--brand-primary)!important;border-color:var(--brand-primary)!important;color:#fff!important}.reference-hero-trust{margin-top:1.6rem!important;color:#817d78!important;font-family:var(--font-body)!important}.reference-hero-trust span::before{color:var(--brand-accent)!important}.reference-hero-visual{min-height:31rem!important;padding:0!important}.reference-hero-media{inset:0!important;height:auto!important;border-radius:.75rem!important;box-shadow:0 28px 70px rgba(28,25,18,.14)!important}.reference-hero-media::after{background:linear-gradient(180deg,transparent 48%,rgba(7,22,45,.75))!important}.reference-hero-stat-card{left:-1.5rem!important;bottom:-1.25rem!important;width:11.5rem!important;min-height:11.5rem!important;padding:1.15rem!important;border-radius:.35rem!important;box-shadow:0 18px 45px rgba(80,10,18,.25)!important}.reference-hero-stat-card strong{font-size:2.7rem!important;letter-spacing:0!important}.reference-hero-caption{bottom:1.35rem!important}.reference-hero-index{border-radius:.25rem!important}.brand-strip-item{min-width:14rem}.home-solutions,.home-process{width:min(100% - 2rem,var(--global-width))!important}.home-solutions-intro h2,.home-proof-intro h2,.home-final-cta-shell h2{font-family:var(--font-display)!important;letter-spacing:0!important}.home-solutions-intro h2,.home-proof-intro h2{font-size:clamp(2.4rem,4.5vw,4rem)!important;line-height:1.05!important}.home-solution-row h3{font-family:var(--font-display)!important;letter-spacing:0!important}.home-proof-metrics strong{font-family:var(--font-display)!important;letter-spacing:0!important}.about-hero h1,.about-story h2,.about-section-head h2,.about-advantages h2,.about-coverage h2{font-family:var(--font-display)!important;letter-spacing:0!important}.catalog-hero h1,.product-detail-page h1,.article-detail-main h1{font-family:var(--font-display)!important}.site-body>footer{border-top:1px solid #dedbd6!important;background:#f4f1ed!important;color:#5f5b56!important}.site-body>footer>div:first-child{padding:3rem 0!important;grid-template-columns:1.2fr .7fr 1fr!important;gap:3rem!important}.site-body>footer h4{color:var(--brand-primary)!important}.site-body>footer a{color:#5f5b56!important}.site-body>footer a:hover{color:var(--brand-accent)!important}.site-body>footer>div:last-child{border-color:#dedbd6!important;color:#817d78!important}.footer-whatsapp-link{border-color:#d1ccc6!important;color:var(--brand-primary)!important}.floating-action{border-radius:.35rem!important}
@media(max-width:1024px){.reference-hero{padding-top:4rem!important}.reference-hero-layout{grid-template-columns:1fr!important;gap:3rem!important}.reference-hero-copy{max-width:45rem}.reference-hero-visual{max-width:46rem;min-height:28rem!important}.site-body>footer>div:first-child{grid-template-columns:1fr 1fr!important}}
@media(max-width:640px){.reference-hero{padding:3.5rem 0 4rem!important}.reference-hero-inner{width:min(100% - 1.25rem,var(--global-width))!important}.reference-hero h1{font-size:2.65rem!important}.reference-hero-visual{min-height:21rem!important}.reference-hero-stat-card{left:-.35rem!important;bottom:-1rem!important;width:9.5rem!important;min-height:9.5rem!important}.reference-hero-stat-card strong{font-size:2.2rem!important}.reference-hero-caption{left:1rem!important;right:1rem!important}.reference-hero-caption span{display:none}.home-solutions,.home-process{width:min(100% - 1.25rem,var(--global-width))!important}.site-body>footer>div:first-child{grid-template-columns:1fr!important}}

/* Live-readiness: focus, touch targets, and compact mobile pagination */
.site-body :where(a,button,input,select,textarea):focus-visible{outline:3px solid rgba(220,38,38,.32)!important;outline-offset:3px!important}.contact-form-panel button:disabled{cursor:wait;opacity:.72;transform:none!important}.catalog-pagination nav>div:first-child{display:none}.catalog-pagination nav>div:last-child{display:flex}.catalog-filters nav a{min-height:2.75rem}.site-mobile-menu a{min-height:2.75rem;display:flex!important;align-items:center}.product-detail-page button{min-width:2.75rem;min-height:2.75rem}.article-category-list a,.article-popular-list a{min-height:2.75rem}
@media(max-width:640px){.catalog-pagination nav>div:first-child{display:flex!important;width:100%;align-items:center;justify-content:space-between}.catalog-pagination nav>div:last-child{display:none!important}.catalog-pagination nav>div:first-child>a,.catalog-pagination nav>div:first-child>span{min-height:2.75rem;display:inline-flex;align-items:center;padding:.65rem .85rem;border:1px solid #cfd8e1;border-radius:.2rem;background:#fff}.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.catalog-card-body{min-height:9rem;padding:.85rem}.catalog-card h3{font-size:.75rem}.catalog-card-brand{max-width:calc(100% - 1rem);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.catalog-card-footer span:first-child{display:none}.catalog-card-footer{justify-content:flex-end}.catalog-filters nav a,.article-index-tools nav a{min-height:2.75rem;display:flex;align-items:center}.floating-actions{right:max(1rem,env(safe-area-inset-right));bottom:max(1rem,env(safe-area-inset-bottom))}}
@media(max-width:330px){.catalog-grid{grid-template-columns:1fr!important}}

.inner-page-hero>.legal-hero-inner{display:block!important}.legal-page{padding:4.5rem 0 7rem}.legal-updated{padding-bottom:1.25rem;border-bottom:1px solid #dce3e9;color:#8b98a8;font-size:.68rem}.legal-layout{display:grid;grid-template-columns:15rem minmax(0,1fr);gap:clamp(3rem,8vw,7rem);padding-top:3rem}.legal-layout aside{position:sticky;top:7rem;align-self:start;display:flex;flex-direction:column;gap:.4rem;padding-left:1rem;border-left:3px solid var(--brand-accent)}.legal-layout aside strong{color:var(--brand-primary);font-size:.8rem}.legal-layout aside span{color:#8b98a8;font-size:.65rem}.legal-layout aside a{margin-top:.75rem;color:var(--brand-accent);font-size:.68rem;font-weight:700}.legal-layout article{max-width:72ch}.legal-layout h2{margin-top:2.8rem;color:var(--brand-primary);font-size:1.35rem;letter-spacing:0}.legal-layout h2:first-child{margin-top:0}.legal-layout p{margin-top:.8rem;color:#5f6c7b;font-size:.82rem;line-height:1.85}.legal-layout article a{color:var(--brand-accent);text-decoration:underline;text-underline-offset:3px}
@media(max-width:700px){.legal-page{padding-top:3rem}.legal-layout{grid-template-columns:1fr;gap:2.5rem}.legal-layout aside{position:static}.legal-layout h2{margin-top:2.25rem}}

.article-cover{aspect-ratio:21/9;overflow:hidden;margin:2rem 0 2.75rem;border:1px solid #dce3e9;background:#eef2f5}.article-cover img{width:100%;height:100%;object-fit:cover}.article-detail-main>div[class*="p-6"]{padding-top:1rem!important}.article-detail-main h1{margin-top:1.25rem}@media(max-width:640px){.article-cover{aspect-ratio:16/10;margin:1.5rem 0 2rem}}

/* Public shell spacing and footer contrast correction */
.site-header{padding:.65rem 0!important;background:#fff!important}
.site-header .nav-shell{width:min(100% - 3rem,var(--global-width))}
.site-header .nav-frame{height:4.5rem!important;min-height:4.5rem!important}
.site-header .site-brand{gap:.9rem}
.site-header .desktop-nav{gap:2rem!important}

.site-body>footer{
  border-top:4px solid var(--brand-accent)!important;
  background:#07162d!important;
  color:#c3cfdd!important;
}
.site-body>footer>div:first-child{
  width:min(100% - 3rem,var(--global-width));
  padding:5rem 0 4.5rem!important;
  gap:clamp(3rem,7vw,6rem)!important;
}
.site-body>footer .footer-brand-logo{margin-bottom:1.75rem}
.site-body>footer .footer-brand-logo img{filter:grayscale(1) brightness(0) invert(1)!important;opacity:.96}
.site-body>footer h4{margin-bottom:1.25rem!important;color:#fff!important}
.site-body>footer p,.site-body>footer li{color:#b8c6d7!important;font-size:.75rem!important;line-height:1.8!important}
.site-body>footer a{color:#dce6f1!important}
.site-body>footer a:hover{color:#fff!important}
.site-body>footer .footer-whatsapp-link{
  margin-top:1.5rem;
  border-color:rgba(255,255,255,.22)!important;
  background:rgba(255,255,255,.06);
  color:#fff!important;
}
.site-body>footer>div:last-child{
  padding:1.35rem 1.5rem!important;
  border-color:rgba(255,255,255,.12)!important;
  color:#8798ac!important;
}
@media(max-width:640px){
  .site-header{padding:.4rem 0!important}
  .site-header .nav-shell,.site-body>footer>div:first-child{width:min(100% - 1.5rem,var(--global-width))}
  .site-body>footer>div:first-child{padding:3.75rem 0!important;gap:2.75rem!important}
}

/* Mobile overflow hardening for public pages */
@media(max-width:640px){
  html,
  body,
  .site-body{
    max-width:100%;
    overflow-x:hidden;
  }

  .site-body main,
  .reference-hero,
  .catalog-hero,
  .catalog-main,
  .product-detail-page{
    max-width:100vw;
    overflow-x:clip;
  }

  .reference-hero-inner,
  .catalog-shell,
  .global-container,
  .product-detail-page{
    width:min(100% - 1.5rem,var(--global-width))!important;
    max-width:calc(100vw - 1.5rem)!important;
    margin-inline:auto!important;
  }

  .reference-hero-layout,
  .catalog-hero-grid,
  .product-detail-hero,
  .product-detail-description{
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }

  .reference-hero-copy,
  .catalog-hero-grid>*,
  .product-detail-hero>*,
  .product-detail-description>*{
    min-width:0!important;
    max-width:100%!important;
  }

  .reference-hero h1,
  .catalog-hero h1,
  .product-detail-page h1{
    max-width:100%!important;
    overflow-wrap:anywhere;
    word-break:normal;
    text-wrap:balance;
  }

  .reference-hero h1{
    font-size:clamp(2.35rem,12vw,3.15rem)!important;
    line-height:1.08!important;
  }

  .reference-hero-lead,
  .catalog-hero-summary p,
  .product-detail-description>div{
    max-width:100%!important;
    overflow-wrap:anywhere;
  }

  .catalog-hero{
    padding:4.5rem 0 4rem!important;
  }

  .catalog-hero h1{
    font-size:clamp(2.15rem,10vw,2.85rem)!important;
    line-height:1.1!important;
  }

  .catalog-hero-summary{
    grid-template-columns:minmax(0,auto) minmax(0,1fr)!important;
    padding-left:1rem!important;
  }

  .catalog-search{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:2.25rem minmax(0,1fr)!important;
    gap:.25rem;
    transform:translateY(-1.75rem)!important;
    margin-bottom:-.5rem!important;
    padding:.85rem!important;
    border-radius:14px!important;
  }

  .catalog-search input{
    width:100%;
    min-width:0!important;
    height:3.25rem!important;
    padding-inline:.5rem!important;
    font-size:.92rem!important;
  }

  .catalog-search button{
    grid-column:1/-1;
    width:100%!important;
    min-height:3.15rem;
    justify-content:center;
  }

  .catalog-toolbar,
  .catalog-toolbar form,
  .catalog-toolbar select{
    width:100%;
    min-width:0;
  }

  .catalog-filters,
  .catalog-results,
  .catalog-grid{
    min-width:0!important;
    max-width:100%!important;
  }

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

  .product-detail-page>nav{
    display:flex;
    gap:.45rem;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    white-space:nowrap;
    -webkit-overflow-scrolling:touch;
  }

  .product-detail-main-image{
    width:100%!important;
    max-width:100%!important;
    border-radius:18px!important;
  }

  .product-detail-facts>div{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:0!important;
  }

  .product-detail-facts>div>div{
    display:grid!important;
    grid-template-columns:minmax(6rem,.9fr) minmax(0,1.1fr)!important;
    align-items:center;
    width:100%;
    min-width:0;
    padding:.8rem 0!important;
    border-bottom:1px solid #edf1f5;
  }

  .product-detail-facts>div>div:last-child{
    border-bottom:0;
  }

  .product-detail-facts span,
  .product-detail-facts strong{
    min-width:0;
    overflow-wrap:anywhere;
    line-height:1.35;
  }

  .product-detail-hero a[href*="wa.me"],
  .product-detail-hero a[href*="/kontak"]{
    width:100%;
    justify-content:center;
    text-align:center;
  }
}

/* Keep the navigation visually flat across initial and scrolled states. */
#navbar,#navbar.shadow-lg{
  background:#fff!important;
  box-shadow:none!important;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
}
#navbar .nav-shell,
#navbar .nav-frame,
#navbar.shadow-lg .nav-shell>div:first-child,
#navbar.shadow-lg .nav-shell>div.nav-frame,
#navbar .site-brand,
#navbar .desktop-nav,
#navbar .desktop-nav a{
  box-shadow:none!important;
  filter:none!important;
}

/* Balanced hero typography: assertive without crowding the visual column. */
.reference-hero-layout{grid-template-columns:1.02fr .98fr!important;gap:clamp(3rem,5vw,5rem)!important}
.reference-hero h1{
  max-width:14ch!important;
  font-size:clamp(3rem,4.7vw,4.45rem)!important;
  font-weight:630!important;
  line-height:1.04!important;
}
.reference-hero-lead{max-width:36rem!important}
@media(max-width:1024px){
  .reference-hero-layout{grid-template-columns:1fr!important}
  .reference-hero-copy{max-width:42rem!important}
  .reference-hero h1{max-width:12ch!important;font-size:clamp(3rem,8vw,4.25rem)!important}
}
@media(max-width:640px){
  .reference-hero h1{font-size:clamp(2.55rem,12vw,3.35rem)!important;line-height:1.03!important}
}

/* ============================================================
   ProCAD-inspired public design language
   Calm proportions, warm surfaces, restrained industrial color.
   ============================================================ */
@font-face{font-family:'Inter Local';src:url('/fonts/inter-400.ttf') format('truetype');font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:'Inter Local';src:url('/fonts/inter-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
@font-face{font-family:'Space Grotesk Local';src:url('/fonts/space-grotesk-500.ttf') format('truetype');font-style:normal;font-weight:500;font-display:swap}
@font-face{font-family:'Space Grotesk Local';src:url('/fonts/space-grotesk-600.ttf') format('truetype');font-style:normal;font-weight:600;font-display:swap}
:root{
  --global-width:1160px;
  --font-display:'Space Grotesk Local','Segoe UI',sans-serif;
  --font-body:'Inter Local','Segoe UI',sans-serif;
  --procad-page:#f8f7f5;
  --procad-white:#fff;
  --procad-border:rgba(15,23,42,.1);
  --procad-muted:#626b78;
  --procad-radius:18px;
}
.site-body{background:var(--procad-page)!important;color:var(--brand-ink);font-family:var(--font-body)!important;line-height:1.65}
.site-body :where(h1,h2,h3,.site-brand-copy span:first-child){font-family:var(--font-display)!important;letter-spacing:-.025em!important}
.max-w-7xl,.global-container{max-width:var(--global-width)!important}

/* Header */
#navbar{padding:0!important;border-bottom:1px solid var(--procad-border)!important}
#navbar .nav-shell{width:min(100% - 2.5rem,var(--global-width))}
#navbar .nav-frame{height:68px!important;min-height:68px!important}
#navbar .brand-mark{width:2.5rem!important;height:2.5rem!important}
#navbar .site-brand-copy span:first-child{font-size:.82rem!important;font-weight:600!important}
#navbar .site-brand-copy span:last-child{font-family:var(--font-body)!important;font-size:.5rem!important;letter-spacing:.08em!important}
#navbar .desktop-nav{gap:1.75rem!important}
#navbar .desktop-nav a{font-size:.78rem!important;font-weight:500!important;color:#555e6a!important}
#navbar .desktop-nav a::after{bottom:-1px!important;height:2px!important}
#navbar .nav-cta{min-height:2.7rem!important;padding:0 1.25rem!important;border-radius:999px!important;font-size:.75rem!important;font-weight:600!important}

/* Homepage hero */
.reference-hero{padding:5.8rem 0 5rem!important;background:var(--procad-page)!important}
.reference-hero-inner{width:min(100% - 2.5rem,var(--global-width))!important}
.reference-hero-layout{grid-template-columns:.92fr 1.08fr!important;gap:3.4rem!important}
.reference-hero-badge{width:max-content;margin-bottom:1.6rem!important;padding:.45rem .8rem;border:1px solid rgba(220,38,38,.16);border-radius:999px;background:rgba(220,38,38,.055);color:#8d4d52!important;font-size:.63rem!important}
.reference-hero-badge i{width:.35rem;height:.35rem;border-radius:50%;box-shadow:none!important}
.reference-hero-badge b{color:var(--brand-primary)!important}
.reference-hero h1{max-width:12ch!important;font-size:clamp(2.75rem,4.4vw,3.8rem)!important;font-weight:600!important;line-height:1.05!important}
.reference-hero-lead{max-width:34rem!important;margin-top:1.35rem!important;color:#59616b!important;font-size:.96rem!important;line-height:1.75!important}
.reference-hero-actions{margin-top:2rem!important;gap:.75rem!important}
.reference-hero-actions a{min-height:3.1rem!important;padding:.75rem 1.25rem!important;border-radius:12px!important;font-size:.76rem!important;font-weight:600!important}
.reference-hero-trust{margin-top:1.6rem!important;color:#747c86!important;font-family:var(--font-body)!important;font-size:.64rem!important}
.reference-hero-visual{min-height:28rem!important;padding:0!important}
.reference-hero-media{inset:0!important;border-radius:24px!important;box-shadow:0 28px 70px rgba(15,23,42,.14)!important}
.reference-hero-media::after{background:linear-gradient(180deg,transparent 55%,rgba(7,22,45,.66))!important}
.reference-hero-index{top:1rem;right:1rem;border-radius:8px!important}
.reference-hero-caption{right:1rem!important;bottom:1rem!important;left:1rem!important;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(7,22,45,.78);backdrop-filter:blur(8px)}
.reference-hero-caption strong{max-width:none;font-family:var(--font-body);font-size:.72rem}

/* Homepage sections */
.brand-strip-item{min-width:13rem;padding:1rem 1.25rem;border-right:1px solid var(--procad-border);background:#fff}
.home-solutions,.home-process,.home-final-cta{width:min(100% - 2.5rem,var(--global-width))!important}
.home-solutions{padding-block:6.5rem!important}
.home-solutions-grid{gap:4rem!important}
.home-solutions-intro h2,.home-proof-intro h2,.home-journal-head h2,.home-process-intro h2,.home-final-cta-shell h2{font-size:clamp(2rem,4vw,3.25rem)!important;font-weight:600!important;line-height:1.08!important}
.home-solution-row{min-height:8.5rem!important;margin-bottom:.75rem;padding:1.35rem 1.5rem!important;border:1px solid var(--procad-border)!important;border-radius:var(--procad-radius);background:#fff;transition:transform .2s var(--ease-out-expo),box-shadow .2s,border-color .2s}
.home-solution-row:hover{transform:translateY(-2px);border-color:rgba(220,38,38,.22)!important;box-shadow:0 14px 32px rgba(15,23,42,.07)}
.home-catalog-section{padding:6.5rem 0!important;background:#fff!important}
.home-catalog-grid{gap:1.25rem!important;border:0!important;background:transparent!important}
.home-catalog-grid .product-card,.catalog-card{overflow:hidden;border:1px solid var(--procad-border)!important;border-radius:var(--procad-radius)!important;background:#fff}
.home-catalog-grid .product-media,.catalog-card-media{background:#f5f6f7!important}
.home-proof{padding:6.5rem 0!important;background:#0a1930!important}
.home-proof-grid{width:min(100% - 2.5rem,var(--global-width))!important}
.home-proof-metrics>div,.home-proof-list li{border-color:rgba(255,255,255,.12)!important}
.home-journal{padding:6.5rem 0!important;background:var(--procad-page)!important}
.home-journal-grid{gap:1.25rem!important}
.home-journal-card{overflow:hidden;border:1px solid var(--procad-border)!important;border-radius:var(--procad-radius)!important;background:#fff!important}
.home-process{padding-block:6.5rem!important}
.home-process-shell{padding:2.5rem!important;border:1px solid var(--procad-border)!important;border-radius:var(--procad-radius)!important;background:#fff!important;box-shadow:none!important}
.home-final-cta{padding-bottom:6.5rem!important}
.home-final-cta-shell{padding:clamp(2.5rem,6vw,4.5rem)!important;border-radius:24px!important}
.home-final-cta-shell a{border-radius:12px!important}

/* Interior page system */
.inner-page-hero{padding:4.75rem 0 4.25rem!important;background:#f2f4f6!important}
.inner-page-hero h1{font-size:clamp(2.35rem,4.5vw,3.75rem)!important;font-weight:600!important;line-height:1.06!important}
.inner-page-hero p{font-size:.96rem!important}
.catalog-hero{padding:5rem 0 5.75rem!important;background:#0a1930!important}
.catalog-hero h1{font-size:clamp(2.75rem,5vw,4.5rem)!important;line-height:1.02!important}
.catalog-search{border-radius:16px!important;box-shadow:0 20px 50px rgba(15,23,42,.12)!important}
.catalog-search button,.catalog-toolbar select{border-radius:10px!important}
.catalog-grid{gap:1.25rem!important;border:0!important;background:transparent!important}
.catalog-card-body{padding:1.15rem!important}
.catalog-card-brand{border-radius:999px!important}
.product-detail-main-image{border-radius:24px!important;background:#fff!important}
.product-detail-page a[class*="rounded-xl"]{border-radius:12px!important}
.product-detail-facts{border-radius:14px!important}
.product-detail-description{border-radius:18px;padding:2.5rem!important;background:#fff!important}
.article-index-page>.grid{gap:1.25rem!important;border:0!important;background:transparent!important}
.article-index-card{border:1px solid var(--procad-border);border-radius:var(--procad-radius)!important}
.article-index-card>div:first-child{border-radius:0!important}
.article-detail-main h1{font-size:clamp(2.35rem,4.5vw,3.8rem)!important;line-height:1.06!important}
.article-cover,.article-side-panel,.article-author-box,.article-trust-section,.article-application-section{border-radius:var(--procad-radius)!important}
.contact-form-panel{border-radius:var(--procad-radius)!important;box-shadow:0 18px 45px rgba(15,23,42,.06)}
.contact-item>div:first-child,.contact-form-panel input,.contact-form-panel textarea,.contact-form-panel button{border-radius:10px!important}
.solution-products-section .grid{gap:1.25rem!important;border:0!important;background:transparent!important}
.legal-layout aside{border-radius:0 12px 12px 0;background:#fff;padding:1.25rem!important}

/* Footer remains deliberately dark for the Bintang Energy identity. */
.site-body>footer>div:first-child{width:min(100% - 2.5rem,var(--global-width));padding:4.5rem 0!important}
.footer-whatsapp-link{border-radius:12px!important}

@media(max-width:1024px){
  .reference-hero-layout{grid-template-columns:1fr!important}
  .reference-hero-copy{max-width:42rem!important}
  .reference-hero-visual{max-width:46rem;min-height:27rem!important}
  .home-solutions-grid{gap:3rem!important}
}
@media(max-width:640px){
  #navbar .nav-shell,.reference-hero-inner,.home-solutions,.home-process,.home-final-cta,.home-proof-grid,.site-body>footer>div:first-child{width:min(100% - 1.5rem,var(--global-width))!important}
  .reference-hero{padding:3.75rem 0 4rem!important}
  .reference-hero h1{font-size:clamp(2.45rem,12vw,3.15rem)!important}
  .reference-hero-visual{min-height:21rem!important}
  .reference-hero-actions{display:grid!important}
  .reference-hero-actions a{justify-content:center}
  .reference-hero-caption strong{font-size:.66rem}
  .home-solutions,.home-process{padding-block:4.5rem!important}
  .home-catalog-section,.home-proof,.home-journal{padding:4.5rem 0!important}
  .home-solution-row{border-radius:14px}
  .home-process-shell{padding:1.5rem!important}
  .product-detail-description{padding:1.5rem!important}
}

/* Professional content sections */
.home-section-kicker{display:inline-flex;align-items:center;gap:.65rem;color:var(--brand-accent);font-size:.65rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase}
.home-section-kicker::before{content:'';width:1.4rem;height:2px;background:currentColor}
.home-industries{padding:6.5rem 0;border-block:1px solid var(--procad-border);background:#fff}
.home-industries-grid{width:min(100% - 2.5rem,var(--global-width));display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(3rem,7vw,6rem);align-items:center;margin-inline:auto}
.home-industries-visual{position:relative;overflow:hidden;aspect-ratio:4/4.15;margin:0;border-radius:24px;background:#e9edf0;box-shadow:0 24px 60px rgba(15,23,42,.12)}
.home-industries-visual img{width:100%;height:100%;object-fit:cover}
.home-industries-visual figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;padding:.75rem .9rem;border:1px solid rgba(255,255,255,.2);border-radius:10px;background:rgba(7,22,45,.8);color:#fff;font-size:.7rem;line-height:1.5;backdrop-filter:blur(8px)}
.home-industries-copy h2,.home-specification-head h2,.home-faq-intro h2{max-width:16ch;margin-top:1rem;color:var(--brand-primary);font-size:clamp(2.1rem,4vw,3.35rem);font-weight:600;line-height:1.08}
.home-industries-copy>p,.home-specification-head>p,.home-faq-intro>p{max-width:38rem;margin-top:1.25rem;color:var(--procad-muted);font-size:.92rem;line-height:1.75}
.home-industry-list{margin-top:2rem;border-top:1px solid var(--procad-border)}
.home-industry-list a{display:grid;grid-template-columns:2.25rem 1fr;gap:1rem;padding:1.15rem 0;border-bottom:1px solid var(--procad-border);transition:padding .2s var(--ease-out-expo),color .2s}
.home-industry-list a:hover{padding-left:.5rem;color:var(--brand-accent)}
.home-industry-list b{color:#9aa2ac;font-size:.65rem;font-weight:600}
.home-industry-list span{display:grid;gap:.2rem}
.home-industry-list strong{color:var(--brand-primary);font-family:var(--font-display);font-size:.94rem;font-weight:600}
.home-industry-list small{color:var(--procad-muted);font-size:.72rem;line-height:1.5}

.home-specification{width:min(100% - 2.5rem,var(--global-width));padding:6.5rem 0;margin-inline:auto}
.home-specification-head{display:grid;grid-template-columns:1fr 1fr;gap:1rem 5rem;align-items:end}
.home-specification-head .home-section-kicker{grid-column:1/-1}
.home-specification-head h2{margin:0}
.home-specification-head>p{margin:0}
.home-specification-visual,.home-proof-media{position:relative;overflow:hidden;aspect-ratio:21/8;margin:3rem 0 0;border-radius:var(--procad-radius);background:#dfe4e8}
.home-specification-visual img,.home-proof-media img,.home-faq-visual img{width:100%;height:100%;object-fit:cover}
.home-specification-visual figcaption,.home-proof-media figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:.85rem 1rem;border:1px solid rgba(255,255,255,.18);border-radius:10px;background:rgba(7,22,45,.82);color:#fff;backdrop-filter:blur(8px)}
.home-specification-visual figcaption strong,.home-proof-media figcaption strong{font-family:var(--font-display);font-size:.82rem;font-weight:600}
.home-specification-visual figcaption span,.home-proof-media figcaption span{max-width:34rem;color:rgba(255,255,255,.7);font-size:.68rem;line-height:1.5}
.home-specification-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;margin-top:3rem;padding:0;border:1px solid var(--procad-border);background:var(--procad-border);list-style:none}
.home-specification-grid li{min-height:15rem;display:flex;flex-direction:column;padding:1.5rem;background:#fff}
.home-specification-grid b{color:var(--brand-accent);font-size:.65rem;font-weight:600}
.home-specification-grid div{display:grid;gap:.65rem;margin-top:auto}
.home-specification-grid strong{color:var(--brand-primary);font-family:var(--font-display);font-size:1rem;font-weight:600}
.home-specification-grid span{color:var(--procad-muted);font-size:.72rem;line-height:1.6}
.home-specification-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.75rem;padding-bottom:.35rem;border-bottom:1px solid var(--brand-primary);color:var(--brand-primary);font-size:.75rem;font-weight:600;transition:gap .2s,color .2s}
.home-specification-link:hover{gap:.8rem;color:var(--brand-accent)}

.home-faq{width:min(100% - 2.5rem,var(--global-width));display:grid;grid-template-columns:minmax(19rem,.88fr) minmax(0,1.12fr);gap:clamp(3rem,7vw,6rem);align-items:start;padding:6.5rem 0;margin-inline:auto;border-top:1px solid var(--procad-border)}
.home-faq-intro{align-self:start;display:flex;flex-direction:column}
.home-faq-intro a{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.75rem;color:var(--brand-accent);font-size:.75rem;font-weight:600}
.home-faq-visual{position:relative;overflow:hidden;aspect-ratio:16/10;margin:2.25rem 0 0;border-radius:var(--procad-radius);background:#e5e7eb;box-shadow:0 18px 45px rgba(15,23,42,.1)}
.home-faq-visual::after{content:'';position:absolute;inset:35% 0 0;background:linear-gradient(180deg,transparent,rgba(7,22,45,.82));pointer-events:none}
.home-faq-list{border-top:1px solid var(--procad-border)}
.home-faq-list details{border-bottom:1px solid var(--procad-border)}
.home-faq-list summary{min-height:4.75rem;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;cursor:pointer;list-style:none;color:var(--brand-primary);font-family:var(--font-display);font-size:1rem;font-weight:600}
.home-faq-list summary::-webkit-details-marker{display:none}
.home-faq-list summary span{width:2rem;height:2rem;display:grid;place-items:center;flex:0 0 2rem;border:1px solid var(--procad-border);border-radius:50%;font-family:var(--font-body);font-size:1rem;transition:transform .2s,background .2s,color .2s}
.home-faq-list details[open] summary span{transform:rotate(45deg);background:var(--brand-primary);color:#fff}
.home-faq-list details p{max-width:48rem;padding:0 3.5rem 1.5rem 0;color:var(--procad-muted);font-size:.8rem;line-height:1.75}
.home-faq-visual figcaption{position:absolute;right:1rem;bottom:1rem;left:1rem;z-index:1;display:grid;gap:.2rem;color:#fff}
.home-faq-visual figcaption strong{font-family:var(--font-display);font-size:.9rem;font-weight:600}
.home-faq-visual figcaption span{color:rgba(255,255,255,.76);font-size:.7rem;line-height:1.5}

.home-proof-media{grid-column:1/-1;margin-top:0;border:1px solid rgba(255,255,255,.12)}
.home-proof-media figcaption{background:rgba(7,22,45,.86)}

@media(max-width:900px){
  .home-industries-grid,.home-faq{grid-template-columns:1fr}
  .home-industries-visual{max-width:42rem;aspect-ratio:16/11}
  .home-specification-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:640px){
  .home-industries-grid,.home-specification,.home-faq{width:min(100% - 1.5rem,var(--global-width))}
  .home-industries,.home-specification,.home-faq{padding-block:4.5rem}
  .home-industries-visual{aspect-ratio:4/3;border-radius:18px}
  .home-industries-copy h2,.home-specification-head h2,.home-faq-intro h2{font-size:2.25rem}
  .home-specification-head{grid-template-columns:1fr;gap:1rem}
  .home-specification-grid{grid-template-columns:1fr}
  .home-specification-grid li{min-height:11rem}
  .home-specification-visual,.home-proof-media{aspect-ratio:4/3}
  .home-specification-visual figcaption,.home-proof-media figcaption{align-items:flex-start;flex-direction:column;gap:.3rem}
  .home-faq{gap:2.5rem}
}

/* Mobile homepage ergonomics */
@media(max-width:640px){
  .utility-bar{display:none}
  #navbar .nav-frame{height:64px!important;min-height:64px!important}
  #navbar .nav-shell,.reference-hero-inner,.home-solutions,.home-process,.home-final-cta,.home-industries-grid,.home-specification,.home-faq,.home-proof-grid,.site-body>footer>div:first-child{width:min(100% - 1.25rem,var(--global-width))!important}
  .reference-hero{padding:2.75rem 0 3.5rem!important}
  .reference-hero-layout{gap:2rem!important}
  .reference-hero-badge{max-width:100%;white-space:normal;line-height:1.35!important}
  .reference-hero h1{max-width:11.5ch!important;font-size:clamp(2.35rem,11vw,3rem)!important;line-height:1.06!important}
  .reference-hero-lead{margin-top:1.15rem!important;font-size:.93rem!important;line-height:1.65!important}
  .reference-hero-actions{display:grid!important;grid-template-columns:1fr!important;gap:.65rem!important;margin-top:1.5rem!important}
  .reference-hero-actions a{width:100%;min-height:3.25rem!important;justify-content:center!important;text-align:center}
  .reference-hero-trust{display:grid!important;grid-template-columns:1fr;gap:.55rem!important;margin-top:1.25rem!important;font-size:.72rem!important}
  .reference-hero-visual{min-height:17rem!important}
  .reference-hero-media{border-radius:18px!important}
  .reference-hero-index{top:.75rem!important;right:.75rem!important;font-size:.55rem!important}
  .reference-hero-caption{right:.75rem!important;bottom:.75rem!important;left:.75rem!important;padding:.65rem .75rem!important}

  .marquee-track{width:max-content!important;display:flex!important;gap:.75rem!important;animation:marquee 34s linear infinite!important;padding:0 .625rem .25rem}
  .marquee-track:active{animation-play-state:paused!important}
  .brand-strip-item{min-width:12rem!important;padding:.85rem!important;border:1px solid var(--procad-border)!important;border-radius:14px!important}

  .home-solutions,.home-industries,.home-specification,.home-catalog-section,.home-proof,.home-journal,.home-process,.home-faq{padding-block:3.5rem!important}
  .home-solutions-grid,.home-industries-grid,.home-specification-head,.home-faq{gap:1.6rem!important}
  .home-solutions-intro h2,.home-proof-intro h2,.home-journal-head h2,.home-process-intro h2,.home-final-cta-shell h2,.home-industries-copy h2,.home-specification-head h2,.home-faq-intro h2{font-size:clamp(1.95rem,9vw,2.45rem)!important;line-height:1.12!important}
  .home-solutions-intro p,.home-proof-intro p,.home-industries-copy>p,.home-specification-head>p,.home-faq-intro>p{font-size:.9rem!important;line-height:1.7!important}
  .home-solution-row{min-height:auto!important;grid-template-columns:1.75rem minmax(0,1fr) 1.5rem!important;gap:.85rem!important;margin-bottom:.65rem!important;padding:1rem!important;border-radius:16px!important}
  .home-solution-row h3{font-size:.96rem!important;line-height:1.25!important}
  .home-solution-row p{margin-top:.35rem!important;font-size:.74rem!important;line-height:1.55!important}
  .home-solution-row svg{align-self:center}

  .home-catalog-section .flex.flex-wrap{align-items:flex-start!important;margin-bottom:1.5rem!important}
  .home-catalog-section .flex.flex-wrap>a{min-height:2.75rem;align-items:center}
  .home-catalog-grid{grid-template-columns:1fr!important;gap:.9rem!important}
  .home-catalog-grid .catalog-card-media{aspect-ratio:16/10}
  .home-catalog-grid .catalog-card-body{min-height:8.25rem!important;padding:1rem!important}
  .home-catalog-grid .catalog-card h3{font-size:.92rem!important}
  .home-catalog-grid .catalog-card-footer span:first-child{display:inline-flex!important}
  .home-catalog-grid .catalog-card-footer{justify-content:space-between!important}

  .home-industries-visual,.home-specification-visual,.home-proof-media,.home-faq-visual{border-radius:18px!important}
  .home-industries-visual figcaption,.home-specification-visual figcaption,.home-proof-media figcaption{position:static!important;border:0!important;border-radius:0!important;background:var(--brand-primary)!important;backdrop-filter:none}
  .home-specification-grid{gap:.75rem!important;margin-top:1.5rem!important;border:0!important;background:transparent!important}
  .home-specification-grid li{min-height:auto!important;padding:1rem!important;border:1px solid var(--procad-border)}
  .home-specification-grid div{margin-top:1.6rem!important}
  .home-specification-link,.home-faq-intro a,.home-final-cta-shell>a{width:100%;min-height:3.1rem;justify-content:center;border-bottom:0!important;border-radius:12px;background:var(--brand-accent);color:#fff!important}

  .home-proof-metrics{gap:.75rem;border-bottom:0!important}
  .home-proof-metrics>div{grid-template-columns:4.5rem 1fr!important;padding:1rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px}
  .home-proof-list{gap:.75rem;border-top:0!important}
  .home-proof-list li:nth-child(odd),.home-proof-list li:nth-child(even){padding:1rem!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:14px}

  .home-process-shell{padding:1.1rem!important;border-radius:18px!important}
  .home-process ol{gap:.65rem}
  .home-process li{min-height:4.25rem;padding:.9rem!important;border:1px solid var(--procad-border)!important;border-radius:14px}
  .home-faq-visual{aspect-ratio:16/10;margin-top:1.75rem;border-radius:18px;box-shadow:none}
  .home-faq-list summary{min-height:4rem;gap:1rem;font-size:.95rem!important;line-height:1.35}
  .home-faq-list details p{padding:0 0 1.25rem!important;font-size:.82rem!important}
  .home-final-cta{padding-top:0!important;padding-bottom:3.5rem!important}
  .home-final-cta-shell{gap:1rem!important;padding:1.35rem!important;border-radius:18px!important}
}

@media(max-width:640px) and (prefers-reduced-motion:reduce){
  .marquee-track{animation:none!important}
}

/* Final homepage hero direction: single strong industrial image, less collage noise. */
.reference-hero{
  position:relative!important;
  overflow:hidden!important;
  padding:8.25rem 0 4.75rem!important;
  background:
    linear-gradient(90deg,rgba(248,247,245,.98) 0 42%,rgba(248,247,245,.72) 58%,rgba(248,247,245,.96) 100%),
    radial-gradient(circle at 78% 34%,rgba(10,25,48,.11),transparent 31%)!important;
}
.reference-hero::after{
  content:'';position:absolute;right:0;bottom:0;width:47%;height:1px;background:var(--brand-accent);opacity:.55;
}
.reference-hero-layout{grid-template-columns:minmax(23rem,.82fr) minmax(34rem,1.18fr)!important;gap:clamp(3rem,6vw,6rem)!important;align-items:center!important}
.reference-hero-copy{position:relative;z-index:2!important}
.reference-hero-badge{
  width:auto!important;
  margin-bottom:1.45rem!important;
  padding:0 0 0 .85rem!important;
  border:0!important;
  border-left:3px solid var(--brand-accent)!important;
  border-radius:0!important;
  background:transparent!important;
  color:#6f7782!important;
  font-size:.67rem!important;
  letter-spacing:.1em!important;
}
.reference-hero-badge i{display:none!important}
.reference-hero-badge b{margin-left:.5rem!important;color:var(--brand-primary)!important}
.reference-hero h1{
  max-width:11.5ch!important;
  color:#08172c!important;
  font-size:clamp(3.25rem,5.35vw,5.15rem)!important;
  font-weight:600!important;
  line-height:.96!important;
  letter-spacing:-.055em!important;
}
.reference-hero-lead{max-width:35rem!important;margin-top:1.45rem!important;color:#566171!important;font-size:1rem!important;line-height:1.78!important}
.reference-hero-actions{margin-top:2.15rem!important}
.reference-hero-actions a{border-radius:.35rem!important}
.reference-hero-actions a:first-child{box-shadow:0 14px 34px rgba(220,38,38,.22)!important}
.reference-hero-trust{gap:.85rem 1.35rem!important;margin-top:1.45rem!important;color:#6d7580!important}
.reference-hero-trust span::before{content:''!important;display:inline-block;width:.34rem;height:.34rem;margin-right:.48rem;border-radius:50%;background:var(--brand-accent);vertical-align:.08rem}
.reference-hero-visual{
  min-height:31.5rem!important;
  padding:0!important;
  isolation:isolate;
}
.reference-hero-visual::before{
  content:'';position:absolute;z-index:-1;right:-1.75rem;bottom:-1.75rem;width:82%;height:72%;background:#0a1930;
}
.reference-hero-media{
  position:absolute!important;
  inset:0!important;
  display:block!important;
  overflow:hidden!important;
  border-radius:.2rem!important;
  background:#0a1930!important;
  box-shadow:0 32px 90px rgba(15,23,42,.2)!important;
}
.reference-hero-media::before{
  content:'';position:absolute;inset:0;z-index:1;background:
    linear-gradient(90deg,rgba(255,255,255,.03),rgba(255,255,255,0) 46%,rgba(7,22,45,.12)),
    linear-gradient(180deg,transparent 62%,rgba(7,22,45,.18));
  pointer-events:none;
}
.reference-hero-media::after{
  content:''!important;position:absolute!important;inset:0!important;z-index:2!important;height:auto!important;
  background:repeating-linear-gradient(90deg,rgba(255,255,255,.12) 0 1px,transparent 1px 7.5rem)!important;
  opacity:.16!important;pointer-events:none;
}
.reference-hero-media>img{
  width:100%!important;height:100%!important;display:block;object-fit:cover!important;object-position:center 48%!important;
  filter:saturate(.98) contrast(1.02) brightness(1.02)!important;transform:scale(1.01);
  transition:transform 900ms var(--ease-out-expo),filter 320ms ease!important;
}
.reference-hero:hover .reference-hero-media>img{transform:scale(1.035);filter:saturate(1.04) contrast(1.03) brightness(1.03)!important}
.reference-hero-spec{
  position:absolute;z-index:4;top:1.1rem;right:1.1rem;display:grid;gap:.35rem;width:min(13.5rem,38%);
}
.reference-hero-spec span{
  padding:.58rem .7rem;border:1px solid rgba(255,255,255,.17);background:rgba(7,22,45,.74);color:rgba(255,255,255,.78);
  font:650 .6rem/1.1 var(--font-body);letter-spacing:.08em;text-transform:uppercase;backdrop-filter:blur(10px);
}
.reference-hero-caption{
  left:1.1rem!important;right:1.1rem!important;bottom:1.1rem!important;z-index:4!important;
  display:flex!important;align-items:center!important;justify-content:space-between!important;gap:1rem!important;
  padding:.9rem 1rem!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:.2rem!important;
  background:rgba(7,22,45,.86)!important;box-shadow:none!important;backdrop-filter:blur(12px)!important;
}
.reference-hero-caption strong{color:#fff!important;font-size:.82rem!important;font-weight:700!important}
.reference-hero-caption span{color:rgba(255,255,255,.62)!important;font-size:.58rem!important}
.reference-hero-photo,.reference-hero-index{display:none!important}
.reference-hero .reference-hero-spec,
.reference-hero .reference-hero-caption{display:none!important}

@media(max-width:1024px){
  .reference-hero-layout{grid-template-columns:1fr!important}
  .reference-hero-visual{max-width:none!important;min-height:30rem!important}
  .reference-hero-copy{max-width:43rem!important}
}
@media(max-width:640px){
  .reference-hero{padding:3.25rem 0 3.75rem!important}
  .reference-hero::after,.reference-hero-visual::before{display:none!important}
  .reference-hero h1{max-width:12ch!important;font-size:clamp(2.8rem,13vw,3.7rem)!important;letter-spacing:-.04em!important}
  .reference-hero-visual{min-height:20.5rem!important}
  .reference-hero-media{border-radius:.2rem!important}
  .reference-hero-spec{top:.8rem;right:.8rem;width:auto}
  .reference-hero-spec span{display:none}
  .reference-hero-spec span:first-child{display:block;font-size:.54rem!important}
  .reference-hero-caption{left:.8rem!important;right:.8rem!important;bottom:.8rem!important;padding:.72rem .8rem!important}
  .reference-hero-caption span{display:none!important}
}

/* Light proof section: keep credibility without the heavy dark block. */
.home-proof{
  position:relative!important;
  overflow:hidden!important;
  padding:6.5rem 0!important;
  color:var(--brand-primary)!important;
  background:
    linear-gradient(180deg,#fff 0%,#f7f7f4 100%)!important;
  border-block:1px solid rgba(15,23,42,.08)!important;
}
.home-proof::before{
  content:'';position:absolute;inset:0;
  background-image:linear-gradient(rgba(10,25,48,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(10,25,48,.035) 1px,transparent 1px);
  background-size:4.5rem 4.5rem;
  mask-image:linear-gradient(90deg,transparent,#000 22%,#000 78%,transparent);
  pointer-events:none;
}
.home-proof-grid{position:relative;z-index:1}
.home-proof-intro>span{color:var(--brand-accent)!important}
.home-proof-intro h2{color:var(--brand-primary)!important}
.home-proof-intro p{color:#5f6874!important}
.home-proof-metrics{
  gap:.8rem!important;
  align-items:stretch!important;
  border-bottom:0!important;
}
.home-proof-metrics>div{
  min-height:10.5rem;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  padding:1.15rem!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-radius:.35rem!important;
  background:#fff!important;
  box-shadow:0 18px 45px rgba(15,23,42,.055);
}
.home-proof-metrics strong{color:var(--brand-primary)!important}
.home-proof-metrics sup{color:var(--brand-accent)!important}
.home-proof-metrics span{color:#687281!important}
.home-proof-media{
  aspect-ratio:21/8!important;
  margin-top:.25rem!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-radius:.35rem!important;
  background:#eef1f2!important;
  box-shadow:0 24px 65px rgba(15,23,42,.1)!important;
}
.home-proof-media::after{
  content:'';position:absolute;inset:0;
  background:linear-gradient(90deg,rgba(255,255,255,.06),rgba(255,255,255,.34) 72%,rgba(255,255,255,.08));
  pointer-events:none;
}
.home-proof-media img{
  filter:saturate(.96) contrast(1.02) brightness(1.04)!important;
  object-position:center 45%!important;
}
.home-proof-media figcaption{
  z-index:2!important;
  right:1rem!important;
  bottom:1rem!important;
  left:auto!important;
  width:min(27rem,calc(100% - 2rem));
  display:grid!important;
  gap:.28rem!important;
  padding:1rem 1.05rem!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-left:3px solid var(--brand-accent)!important;
  border-radius:.25rem!important;
  background:rgba(255,255,255,.9)!important;
  color:var(--brand-primary)!important;
  box-shadow:0 16px 38px rgba(15,23,42,.1);
  backdrop-filter:blur(10px)!important;
}
.home-proof-media figcaption strong{color:var(--brand-primary)!important;font-size:.88rem!important}
.home-proof-media figcaption span{color:#5f6874!important;font-size:.72rem!important}
.home-proof-list{
  gap:.75rem!important;
  border-top:0!important;
}
.home-proof-list li:nth-child(odd),.home-proof-list li:nth-child(even){
  padding:1.15rem!important;
  border:1px solid rgba(15,23,42,.1)!important;
  border-radius:.35rem!important;
  background:rgba(255,255,255,.78)!important;
}
.home-proof-list b{color:var(--brand-accent)!important}
.home-proof-list strong{color:var(--brand-primary)!important}
.home-proof-list span{color:#5f6874!important}

@media(max-width:640px){
  .home-proof{padding:3.75rem 0!important}
  .home-proof-metrics>div{min-height:auto;box-shadow:none!important}
  .home-proof-media{aspect-ratio:auto!important;border-radius:.35rem!important;box-shadow:none!important}
  .home-proof-media img{height:16rem!important}
  .home-proof-media figcaption{
    position:static!important;
    width:auto!important;
    border:0!important;
    border-left:3px solid var(--brand-accent)!important;
    border-radius:0!important;
    background:#fff!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
  }
}

/* Homepage hero and public footer polish */
.reference-hero-media img{object-position:center 42%}
.site-footer{border-top:4px solid var(--brand-accent);background:#07162d;color:#c3cfdd}
.footer-shell{width:min(100% - 2.5rem,var(--global-width));display:grid;grid-template-columns:minmax(15rem,1.35fr) repeat(2,minmax(8rem,.7fr)) minmax(15rem,1fr);gap:clamp(2rem,5vw,5rem);padding:4.5rem 0 4rem;margin-inline:auto}
.footer-intro{max-width:25rem}
.site-footer .footer-brand-logo{margin-bottom:1.35rem}
.site-footer .footer-brand-logo img{filter:grayscale(1) brightness(0) invert(1)!important;opacity:.96}
.footer-intro p{max-width:32ch;color:#b8c6d7;font-size:.8rem;line-height:1.8}
.footer-primary-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding-bottom:.3rem;border-bottom:1px solid var(--brand-accent);color:#fff;font-size:.75rem;font-weight:700}
.footer-column h4{margin:0 0 1.25rem;color:#fff;font-size:.68rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase}
.footer-column ul{display:grid;gap:.65rem;margin:0;padding:0;list-style:none}
.footer-column li,.footer-column a{color:#b8c6d7;font-size:.78rem;line-height:1.6}
.footer-column a:hover{color:#fff}
.footer-contact ul{gap:.85rem}
.footer-contact li{display:grid;grid-template-columns:1.25rem 1fr;gap:.65rem;align-items:start}
.footer-contact li>span:first-child{color:var(--brand-accent)}
.footer-contact li>span:last-child{color:#b8c6d7;font-size:.78rem;line-height:1.6}
.footer-whatsapp-link{display:inline-flex;align-items:center;gap:.55rem;margin-top:1.5rem;padding:.7rem .85rem;border:1px solid rgba(255,255,255,.22);border-radius:10px;background:rgba(255,255,255,.06);color:#fff!important;font-size:.75rem;font-weight:700}
.footer-whatsapp-link:hover{background:rgba(255,255,255,.12)}
.footer-bottom{width:min(100% - 2.5rem,var(--global-width));display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 0;margin-inline:auto;border-top:1px solid rgba(255,255,255,.12);color:#8798ac;font-size:.68rem}
.footer-bottom a:hover{color:#fff}
@media(max-width:1024px){
  .footer-shell{grid-template-columns:1.2fr 1fr 1fr;gap:3rem}
  .footer-contact{grid-column:2/-1}
}
@media(max-width:640px){
  .footer-shell,.footer-bottom{width:min(100% - 1.25rem,var(--global-width))}
  .footer-shell{grid-template-columns:1fr;gap:2.5rem;padding:3.5rem 0 3rem}
  .footer-contact{grid-column:auto}
  .footer-bottom{align-items:flex-start;flex-direction:column;padding:1.15rem 0}
}

/* Override legacy footer selectors that use !important. */
.site-body>footer.site-footer>div.footer-shell{
  width:min(100% - 2.5rem,var(--global-width))!important;
  grid-template-columns:minmax(15rem,1.35fr) repeat(2,minmax(8rem,.7fr)) minmax(15rem,1fr)!important;
  gap:clamp(2rem,5vw,5rem)!important;
  padding:4.5rem 0 4rem!important;
}
.site-body>footer.site-footer>div.footer-bottom{
  width:min(100% - 2.5rem,var(--global-width))!important;
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  padding:1.25rem 0!important;
}
@media(max-width:1024px){
  .site-body>footer.site-footer>div.footer-shell{grid-template-columns:1.2fr 1fr 1fr!important;gap:3rem!important}
  .site-body>footer.site-footer .footer-contact{grid-column:2/-1}
}
@media(max-width:640px){
  .site-body>footer.site-footer>div.footer-shell,.site-body>footer.site-footer>div.footer-bottom{width:min(100% - 1.25rem,var(--global-width))!important}
  .site-body>footer.site-footer>div.footer-shell{grid-template-columns:1fr!important;gap:2.5rem!important;padding:3.5rem 0 3rem!important}
  .site-body>footer.site-footer .footer-contact{grid-column:auto}
  .site-body>footer.site-footer>div.footer-bottom{align-items:flex-start!important;flex-direction:column!important;padding:1.15rem 0!important}
}

/* Typography recalibration: mature industrial profile, less startup display. */
:root{
  --font-display:'Inter Local','Segoe UI Variable Display','Segoe UI',ui-sans-serif,system-ui,sans-serif;
  --font-body:'Inter Local','Segoe UI Variable Text','Segoe UI',ui-sans-serif,system-ui,sans-serif;
  --font-technical:'Space Grotesk Local','Cascadia Mono','Consolas',ui-monospace,monospace;
}
.site-body{
  font-family:var(--font-body)!important;
  font-size:16px!important;
  line-height:1.68!important;
  letter-spacing:0!important;
}
.site-body :where(h1,h2,h3){
  font-family:var(--font-display)!important;
  font-weight:600!important;
  letter-spacing:-.035em!important;
}
.reference-hero h1{
  max-width:12.5ch!important;
  font-family:var(--font-display)!important;
  font-size:clamp(3rem,4.85vw,4.55rem)!important;
  font-weight:600!important;
  line-height:1.02!important;
  letter-spacing:-.045em!important;
}
.reference-hero-lead{
  max-width:37rem!important;
  color:#536071!important;
  font-size:1.02rem!important;
  line-height:1.82!important;
  letter-spacing:0!important;
}
.reference-hero-badge,
.reference-hero-trust,
#navbar .site-brand-copy span:last-child,
#navbar .desktop-nav a,
.home-section-kicker,
.home-solutions-intro>span,
.home-proof-intro>span,
.home-final-cta-shell>span,
.home-proof-metrics span,
.home-proof-list b,
.brand-strip-item small{
  font-family:var(--font-technical)!important;
}
.brand-logo-fallback{
  width:1.8rem;
  height:1.8rem;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(14,42,92,.18);
  border-radius:.25rem;
  background:#f8fafc;
  color:var(--brand-primary);
  font:800 .58rem/1 var(--font-technical);
  letter-spacing:0;
}
#navbar .site-brand-copy span:first-child{
  font-family:var(--font-display)!important;
  font-size:.84rem!important;
  font-weight:650!important;
  letter-spacing:-.015em!important;
}
#navbar .desktop-nav a{
  font-size:.73rem!important;
  font-weight:500!important;
  letter-spacing:.01em!important;
}
.reference-hero-badge{
  font-size:.64rem!important;
  font-weight:600!important;
  letter-spacing:.095em!important;
}
.reference-hero-actions a{
  font-family:var(--font-body)!important;
  font-size:.78rem!important;
  font-weight:650!important;
  letter-spacing:-.005em!important;
}
.reference-hero-trust{
  font-size:.66rem!important;
  font-weight:500!important;
  letter-spacing:.015em!important;
}
.home-solutions-intro h2,
.home-proof-intro h2,
.home-journal-head h2,
.home-process-intro h2,
.home-final-cta-shell h2,
.home-industries-copy h2,
.home-specification-head h2,
.home-faq-intro h2{
  font-family:var(--font-display)!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
  line-height:1.08!important;
}
.home-solution-row h3,
.home-industry-list strong,
.home-specification-grid strong,
.home-faq-list summary,
.home-proof-media figcaption strong{
  font-family:var(--font-display)!important;
  font-weight:650!important;
  letter-spacing:-.02em!important;
}
.home-proof-metrics strong{
  font-family:var(--font-technical)!important;
  font-weight:600!important;
  letter-spacing:-.04em!important;
}
@media(max-width:640px){
  .reference-hero h1{
    max-width:12ch!important;
    font-size:clamp(2.45rem,11vw,3.25rem)!important;
    line-height:1.04!important;
    letter-spacing:-.04em!important;
  }
  .reference-hero-lead{font-size:.94rem!important;line-height:1.72!important}
}

/* Brand marquee: keep the duplicated strip moving reliably. */
.brand-marquee{position:relative}
.brand-marquee .marquee-track{
  display:flex!important;
  width:max-content!important;
  min-width:max-content!important;
  gap:1rem!important;
  animation:brandMarquee 26s linear infinite!important;
  transform:translate3d(0,0,0);
  will-change:transform;
}
.brand-marquee .marquee-track:hover{animation-play-state:running!important}
.brand-marquee .marquee-track:focus-within{animation-play-state:paused!important}
@keyframes brandMarquee{
  from{transform:translate3d(0,0,0)}
  to{transform:translate3d(-50%,0,0)}
}
@media(max-width:640px){
  .brand-marquee .marquee-track{animation-duration:32s!important}
}

/* Final mobile guard: prevent public page overflow after all theme overrides. */
@media(max-width:640px){
  html,body,.site-body{max-width:100%;overflow-x:hidden!important}
  .site-body main,.reference-hero,.catalog-hero,.catalog-main,.product-detail-page{max-width:100vw;overflow-x:clip!important}
  .reference-hero-inner,.catalog-shell,.global-container,.product-detail-page{
    width:min(100% - 1.5rem,var(--global-width))!important;
    max-width:calc(100vw - 1.5rem)!important;
    margin-inline:auto!important;
  }
  .reference-hero-layout,.catalog-hero-grid,.product-detail-hero,.product-detail-description{
    min-width:0!important;
    grid-template-columns:minmax(0,1fr)!important;
  }
  .reference-hero-copy,.catalog-hero-grid>*,.product-detail-hero>*,.product-detail-description>*{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
  }
  .reference-hero h1,.catalog-hero h1,.product-detail-page h1{
    inline-size:100%!important;
    max-inline-size:100%!important;
    max-width:100%!important;
    overflow-wrap:anywhere!important;
    text-wrap:balance;
  }
  .reference-hero h1{max-width:11ch!important;font-size:clamp(2.22rem,10.7vw,2.85rem)!important;line-height:1.12!important;letter-spacing:-.025em!important;text-wrap:wrap!important}
  .reference-hero-lead,.catalog-hero-summary p,.product-detail-description>div{
    display:block!important;
    box-sizing:border-box!important;
    inline-size:100%!important;
    max-inline-size:calc(100vw - 1.5rem)!important;
    width:100%!important;
    max-width:calc(100vw - 1.5rem)!important;
    overflow-wrap:anywhere!important;
    white-space:normal!important;
  }
  .reference-hero-lead{max-width:31ch!important}
  .catalog-hero-summary p{max-width:31ch!important}
  .reference-hero-actions{grid-template-columns:1fr!important}
  .reference-hero-actions a{width:100%;justify-content:center;text-align:center}
  .catalog-hero{padding:4.5rem 0 4rem!important}
  .catalog-hero h1{max-width:10ch!important;font-size:clamp(2.05rem,9.7vw,2.65rem)!important;line-height:1.12!important;letter-spacing:-.02em!important;text-wrap:wrap!important}
  .catalog-hero-summary{grid-template-columns:1fr!important;gap:.75rem!important;padding-left:1rem!important}
  .catalog-hero-summary strong{font-size:clamp(2.65rem,13vw,3.2rem)!important}
  .catalog-search{
    width:100%!important;
    max-width:100%!important;
    grid-template-columns:2.25rem minmax(0,1fr)!important;
    gap:.25rem;
    transform:translateY(-1.75rem)!important;
    margin-bottom:-.5rem!important;
    padding:.85rem!important;
    border-radius:14px!important;
  }
  .catalog-search input{width:100%;min-width:0!important;height:3.25rem!important;padding-inline:.5rem!important;font-size:.9rem!important}
  .catalog-search button{grid-column:1/-1;width:100%!important;min-height:3.15rem;justify-content:center}
  .catalog-toolbar,.catalog-toolbar form,.catalog-toolbar select,.catalog-filters,.catalog-results,.catalog-grid{width:100%;min-width:0!important;max-width:100%!important}
  .catalog-grid{grid-template-columns:1fr!important}
  .product-detail-page>nav{display:flex;gap:.45rem;overflow-x:auto;overscroll-behavior-x:contain;white-space:nowrap;-webkit-overflow-scrolling:touch}
  .product-detail-main-image{width:100%!important;max-width:100%!important;border-radius:18px!important}
  .product-detail-facts>div{display:grid!important;grid-template-columns:1fr!important;gap:0!important}
  .product-detail-facts>div>div{
    display:grid!important;
    grid-template-columns:minmax(6rem,.9fr) minmax(0,1.1fr)!important;
    align-items:center;
    width:100%;
    min-width:0;
    padding:.8rem 0!important;
    border-bottom:1px solid #edf1f5;
  }
  .product-detail-facts>div>div:last-child{border-bottom:0}
  .product-detail-facts span,.product-detail-facts strong{min-width:0;overflow-wrap:anywhere;line-height:1.35}
  .product-detail-hero a[href*="wa.me"],.product-detail-hero a[href*="/kontak"]{width:100%;justify-content:center;text-align:center}
}