/* ==========================================================================
   SPFitnessPro — Design System v3 "Identidade oficial"
   Paleta extraída da logo oficial: grafite/preto + branco, com vermelho e
   amarelo como cores de destaque (uso estratégico, não predominante).
   Tipografia: Space Grotesk (títulos) + Inter (texto) + IBM Plex Mono (rótulos)
   ========================================================================== */

@import url('https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@500;600;700&family=Inter:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap');

:root{
  /* tokens de marca — extraídos da logo oficial SP Fitness Pro */
  --brand-black:  #161616;
  --brand-white:  #FFFFFF;
  --brand-red:    #D61F21;
  --brand-red-2:  #E8393B;
  --brand-yellow: #F7C820;

  /* tokens semânticos — usados em todo o site */
  --ink:        var(--brand-black);
  --ink-soft:   #1F1F1F;
  --ink-line:   #2E2E2E;
  --paper:      #FAF9F6;
  --paper-dim:  #B8B6B0;
  --muted:      #5B5B58;
  --line:       #E2E0D9;
  --white:      var(--brand-white);

  --f-display: 'Space Grotesk', sans-serif;
  --f-body:    'Inter', sans-serif;
  --f-mono:    'IBM Plex Mono', monospace;

  --maxw: 1360px;
  --pad: clamp(20px, 5.4vw, 72px);
  --nav-h: 92px;
  --radius: 5px;
  --shadow-sm: 0 1px 2px rgba(22,22,22,.04), 0 6px 18px rgba(22,22,22,.05);
}

*,*::before,*::after{ box-sizing: border-box; }
html{ background: var(--ink); }
body{
  margin:0; font-family: var(--f-body); color: var(--ink); background: var(--paper);
  -webkit-font-smoothing: antialiased; line-height: 1.55; overflow-x: hidden;
}
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
h1,h2,h3,h4{ margin:0; font-family: var(--f-display); font-weight:700; line-height:1.02; text-transform:uppercase; letter-spacing:-0.01em; }
p{ margin:0; }
ul{ margin:0; padding:0; list-style:none; }
button{ font-family:inherit; cursor:pointer; background:none; border:none; color:inherit; }
::selection{ background: var(--brand-red); color:#fff; }

:focus-visible{ outline: 2px solid var(--brand-red); outline-offset: 3px; }

@media (prefers-reduced-motion: reduce){
  *{ animation-duration: 0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}

@view-transition{ navigation: auto; }
::view-transition-old(root){ animation: spfp-out 260ms cubic-bezier(.4,0,.2,1) both; }
::view-transition-new(root){ animation: spfp-in 320ms cubic-bezier(.2,.7,.3,1) both; }
@keyframes spfp-out{ to{ opacity:0; transform: scale(.985); } }
@keyframes spfp-in{ from{ opacity:0; transform: scale(1.015); } }

/* ---------- texture chrome ---------- */
.grain{
  position:fixed; inset:-10%; z-index:500; pointer-events:none; opacity:.035; mix-blend-mode:overlay;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%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)'/%3E%3C/svg%3E");
}

/* ---------- custom cursor (desktop only) ---------- */
.cursor-ring{
  position:fixed; top:0; left:0; width:34px; height:34px; border-radius:50%;
  border:1px solid rgba(22,22,22,.35); pointer-events:none; z-index:9998; transform:translate(-50%,-50%);
  transition:width .3s cubic-bezier(.16,1,.3,1), height .3s cubic-bezier(.16,1,.3,1), border-color .3s, background .3s;
  display:flex; align-items:center; justify-content:center; mix-blend-mode:difference;
}
.cursor-ring span{ font-family: var(--f-mono); font-size:9px; letter-spacing:.14em; opacity:0; transition:opacity .25s; color:#fff; text-transform:uppercase; }
.cursor-ring.view{ width:72px; height:72px; background:rgba(214,31,33,.92); border-color:transparent; }
.cursor-ring.view span{ opacity:1; }
.cursor-ring.link{ width:50px; height:50px; border-color:var(--brand-red); }
@media (pointer:coarse){ .cursor-ring, .grain{ display:none; } }

/* ---------- layout helpers ---------- */
.wrap{ max-width: var(--maxw); margin:0 auto; padding-left: var(--pad); padding-right: var(--pad); }
.section{ padding: clamp(64px, 10vw, 148px) 0; }
.section-tight{ padding: clamp(36px, 5vw, 72px) 0; }
.section-dark{ background: var(--ink); color: var(--paper); }
.hairline{ border-top: 1px solid var(--line); }
.hairline-dark{ border-top: 1px solid var(--ink-line); }
.full-bleed{ width:100%; }

.eyebrow{ font-family: var(--f-mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color: var(--muted); display:flex; align-items:center; gap:10px; }
.eyebrow b{ color: var(--brand-red); font-weight:500; }
.eyebrow b.dot{ color: var(--brand-yellow); }
.eyebrow::before{ content:''; width:22px; height:1px; background: var(--brand-red); display:inline-block; }
.section-dark .eyebrow{ color: var(--paper-dim); }

.lede{ color: var(--muted); font-size: 1.08rem; max-width: 46ch; }
.section-dark .lede{ color: var(--paper-dim); }

.btn{
  display:inline-flex; align-items:center; gap:12px; padding: 16px 30px; border-radius: var(--radius);
  font-family: var(--f-mono); font-weight:500; font-size:12.5px; letter-spacing:.12em; text-transform:uppercase;
  border:1px solid transparent; position:relative; overflow:hidden;
}
.btn span{ position:relative; z-index:2; }
.btn-primary{ background: var(--brand-red); color:#fff; }
.btn-primary:hover{ background: var(--brand-red-2); }
.btn-ghost{ border-color: currentColor; color: var(--ink); }
.btn-ghost:hover{ background: var(--ink); color: var(--paper); }
.section-dark .btn-ghost{ color: var(--paper); }
.section-dark .btn-ghost:hover{ background: var(--paper); color: var(--ink); }
.btn-wa{ background:#1B2420; color:#fff; }
.btn-wa:hover{ background:#243128; }

/* ---------- header ---------- */
.site-header{
  position: fixed; top:0; left:0; right:0; z-index: 200; height: var(--nav-h);
  display:flex; align-items:center;
  background: linear-gradient(180deg, rgba(22,22,22,.75) 0%, transparent 100%);
  transition: background 300ms ease, border-color 300ms ease;
  border-bottom:1px solid transparent;
}
.site-header.is-solid{ background: rgba(22,22,22,.92); backdrop-filter: blur(10px); border-bottom-color: var(--ink-line); }
.site-header .wrap{ display:flex; align-items:center; justify-content:space-between; width:100%; }

.logo{ display:flex; align-items:center; color:#fff; }
.logo img{ height: 46px; width:auto; object-fit: contain; display:block; }

.nav-desktop{ display:flex; align-items:center; gap:clamp(14px, 2vw, 38px); }
.nav-desktop a{ font-family: var(--f-mono); font-size:11.5px; letter-spacing:.14em; text-transform:uppercase; color: var(--paper-dim); position:relative; padding:6px 0; }
.nav-desktop a::after{ content:''; position:absolute; left:0; right:0; bottom:0; height:1px; background: var(--brand-red-2); transform:scaleX(0); transform-origin:left; transition:transform .3s cubic-bezier(.16,1,.3,1); }
.nav-desktop a:hover, .nav-desktop a[aria-current="page"]{ color:#fff; }
.nav-desktop a:hover::after, .nav-desktop a[aria-current="page"]::after{ transform:scaleX(1); }

.header-cta{ display:flex; align-items:center; gap:16px; }
.header-cta .btn-primary{ padding:13px 22px; }
.menu-toggle{
  display:none; width:44px; height:44px; border:1px solid rgba(255,255,255,.28); align-items:center; justify-content:center; flex-direction:column; gap:5px; z-index:1200; position:relative;
}
.menu-toggle span{ width:18px; height:1px; background:#fff; display:block; transition: transform 220ms ease, opacity 220ms ease; }
.menu-toggle.open span:nth-child(1){ transform: translateY(6.5px) rotate(45deg); }
.menu-toggle.open span:nth-child(2){ opacity:0; }
.menu-toggle.open span:nth-child(3){ transform: translateY(-6.5px) rotate(-45deg); }

.nav-mobile{
  position:fixed; inset:0; z-index:1100; background: var(--ink);
  display:flex; flex-direction:column; justify-content:center; padding: 0 8vw;
  visibility:hidden; pointer-events:none; overflow-y:auto;
  transform: translateY(-100%); transition: transform 560ms cubic-bezier(.77,0,.18,1);
}
.nav-mobile.open{ transform: translateY(0); visibility:visible; pointer-events:auto; }
.nav-mobile li{ overflow:hidden; }
.nav-mobile a{
  display:inline-block; font-family: var(--f-display); font-weight:700; text-transform:uppercase;
  font-size: clamp(40px,12vw,76px); color:#fff; padding:6px 0; transform: translateY(112%); transition: transform 500ms cubic-bezier(.16,1,.3,1), color .3s;
}
.nav-mobile.open a{ transform: translateY(0); }
.nav-mobile li:nth-child(1) a{ transition-delay:.06s; } .nav-mobile li:nth-child(2) a{ transition-delay:.11s; }
.nav-mobile li:nth-child(3) a{ transition-delay:.16s; } .nav-mobile li:nth-child(4) a{ transition-delay:.21s; }
.nav-mobile li:nth-child(5) a{ transition-delay:.26s; }
.nav-mobile a:hover{ color: var(--brand-red-2); }
.nav-mobile .foot{ margin-top:6vh; font-family: var(--f-mono); font-size:11px; letter-spacing:.15em; color: var(--paper-dim); }
.nav-mobile .mobile-logo{ margin-bottom: clamp(28px,6vh,48px); }
.nav-mobile .mobile-logo img{ height:40px; width:auto; object-fit:contain; }

@media (max-width: 1100px){
  .nav-desktop{ display:none; }
  .header-cta .btn-primary{ display:none; }
  .menu-toggle{ display:flex; }
  .logo img{ height:36px; }
}
@media (max-width: 420px){
  .logo img{ height:32px; }
}

/* ---------- media / illustration frame system ---------- */
.media{ position:relative; overflow:hidden; background: var(--ink-soft); }
.media img, .media svg{ width:100%; height:100%; object-fit:cover; display:block; }
.media .ov{ position:absolute; inset:0; pointer-events:none; }
.ov--fade-b{ background: linear-gradient(180deg, transparent 30%, rgba(22,22,22,.88) 100%); }
.ov--fade-l{ background: linear-gradient(90deg, rgba(22,22,22,.75) 0%, transparent 55%); }
.ov--soft{ background: rgba(22,22,22,.15); }
.ov--mid{ background: rgba(22,22,22,.32); }

.diagram{
  width:100%; height:100%; display:flex; align-items:center; justify-content:center;
  background:
    linear-gradient(rgba(255,255,255,.05) 1px, transparent 1px) 0 0/40px 40px,
    linear-gradient(90deg, rgba(255,255,255,.05) 1px, transparent 1px) 0 0/40px 40px,
    var(--ink-soft);
}
.diagram.on-light{
  background:
    linear-gradient(rgba(22,22,22,.06) 1px, transparent 1px) 0 0/36px 36px,
    linear-gradient(90deg, rgba(22,22,22,.06) 1px, transparent 1px) 0 0/36px 36px,
    #fff;
}
.diagram svg{ width:64%; height:64%; }
.tag-chip{ position:absolute; left:18px; bottom:16px; font-family: var(--f-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color: var(--paper-dim); z-index:2; }
.diagram.on-light + .tag-chip, .on-light ~ .tag-chip{ color: var(--muted); }

/* ---------- reveal / scroll animation targets (JS drives the motion) --- */
.reveal{ opacity:0; }
.reveal-clip{ clip-path: inset(0 0 100% 0); }

/* ==========================================================================
   HERO
   ========================================================================== */
.hero{
  position:relative; min-height:100svh; display:flex; flex-direction:column; justify-content:flex-end;
  background: var(--ink); color:#fff; overflow:hidden;
}
.hero-media{ position:absolute; inset:0; z-index:0; }
.hero-body{ position:relative; z-index:2; padding: calc(var(--nav-h) + 40px) 0 0; flex:1; display:flex; flex-direction:column; justify-content:center; }
.hero-kicker{ display:flex; gap:28px; flex-wrap:wrap; margin-bottom: clamp(20px,4vw,40px); }
.hero h1{
  font-size: clamp(3.1rem, 8.6vw, 8rem); letter-spacing:-0.01em;
}
.hero h1 .line{ display:block; overflow:hidden; }
.hero h1 .line span{ display:block; }
.hero-sub{ margin-top: clamp(20px,3vw,32px); max-width:44ch; font-size:1.12rem; color: var(--paper-dim); }
.hero-actions{ display:flex; gap:16px; margin-top: clamp(28px,4vw,44px); flex-wrap:wrap; }
.hero-foot{ position:relative; z-index:2; padding: 26px 0 clamp(28px,4vw,40px); border-top:1px solid var(--ink-line); }
.hero-foot .wrap{ display:flex; justify-content:space-between; align-items:center; flex-wrap:wrap; gap:14px; }
.scroll-cue{ font-family: var(--f-mono); font-size:11px; letter-spacing:.15em; color: var(--paper-dim); display:flex; align-items:center; gap:10px; }
.hero-stat{ font-family: var(--f-mono); font-size:11px; letter-spacing:.1em; color: var(--paper-dim); }
.hero-stat b{ color:#fff; }

/* ---------- editorial statement (huge line + integrated image) -------- */
.statement{ position:relative; background: var(--paper); overflow:hidden; }
.statement-grid{ display:grid; grid-template-columns: 1.05fr 0.95fr; align-items:stretch; min-height: 72vh; }
.statement-copy{ display:flex; flex-direction:column; justify-content:center; padding: clamp(48px,6vw,0) var(--pad); }
.statement-copy h2{ font-size: clamp(2.4rem, 5.4vw, 4.6rem); }
.statement-copy .lede{ margin-top: clamp(22px,3vw,34px); font-size:1.1rem; }
.statement-media{ position:relative; min-height:340px; }
@media (max-width: 980px){ .statement-grid{ grid-template-columns:1fr; } .statement-media{ min-height:320px; order:-1; } }

/* ---------- bento showcase (equipamentos em destaque) ------------------ */
.bento{
  display:grid; grid-template-columns: 1.35fr 1fr; grid-auto-rows: minmax(260px, 1fr);
  gap: 2px; background: var(--ink-line);
}
.bento .tile{ grid-row: span 1; }
.bento .tile.big{ grid-row: span 2; }
.tile{
  position:relative; overflow:hidden; min-height:260px; display:flex; align-items:flex-end;
  background: var(--ink-soft);
}
.tile img, .tile svg{ width:100%; height:100%; object-fit:cover; transition: transform 700ms cubic-bezier(.16,1,.3,1); }
.tile .diagram{ transition: transform 700ms cubic-bezier(.16,1,.3,1); }
.tile:hover .diagram, .tile:hover img{ transform: scale(1.06); }
.tile .ov{ position:absolute; inset:0; background: linear-gradient(180deg, transparent 35%, rgba(22,22,22,.86) 100%); }
.tile-content{ position:relative; z-index:2; padding: clamp(24px,3vw,40px); width:100%; display:flex; align-items:flex-end; justify-content:space-between; gap:16px; }
.tile-content h3{ color:#fff; font-size: clamp(1.7rem, 2.6vw, 2.6rem); }
.tile-content .n{ font-family: var(--f-mono); font-size:11px; letter-spacing:.12em; color: var(--paper-dim); margin-bottom:8px; display:block; }
.tile-explore{ font-family: var(--f-mono); font-size:11px; letter-spacing:.12em; color:#fff; display:flex; align-items:center; gap:8px; white-space:nowrap; }
.tile-explore .arrow{ transition: transform 300ms ease; display:inline-block; }
.tile:hover .tile-explore .arrow{ transform: translateX(5px); }

@media (max-width: 900px){
  .bento{ grid-template-columns: 1fr; }
  .bento .tile, .bento .tile.big{ grid-row: auto; min-height:320px; }
}

/* ---------- soluções (grid 3x2 de aplicações) ---------- */
.solutions-grid{ display:grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 280px; gap:2px; background: var(--ink-line); }
@media (max-width: 900px){ .solutions-grid{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 620px){ .solutions-grid{ grid-template-columns: 1fr; } }

/* ---------- brand spotlight (Movement) ---------------------------------- */
.spotlight{ position:relative; background: var(--ink); color:#fff; min-height:78vh; display:flex; align-items:center; overflow:hidden; }
.spotlight-media{ position:absolute; inset:0; z-index:0; }
.spotlight-content{ position:relative; z-index:2; }
.spotlight .eyebrow{ color: var(--paper-dim); }
.spotlight h2{ font-size: clamp(2.6rem, 7vw, 6rem); margin-top:18px; }
.spotlight p{ margin-top:22px; max-width:46ch; font-size:1.1rem; color: var(--paper-dim); }
.spotlight .btn{ margin-top:32px; }

/* ---------- marcas grid com hover reveal -------------------------------- */
.brand-grid{ display:grid; grid-template-columns: repeat(3,1fr); gap:2px; background: var(--line); }
.brand-tile{
  position:relative; background:#fff; min-height:220px; display:flex; align-items:center; justify-content:center;
  overflow:hidden; text-align:center; padding:24px; border-radius: var(--radius); box-shadow: var(--shadow-sm);
}
.brand-tile h3{ font-size: clamp(1.6rem,2.6vw,2.2rem); position:relative; z-index:2; transition: opacity 300ms ease, transform 300ms ease; }
.brand-tile .reveal-info{
  position:absolute; inset:0; background: var(--brand-red); color:#fff; display:flex; flex-direction:column;
  align-items:center; justify-content:center; padding:22px; gap:10px; opacity:0; transform: translateY(14px);
  transition: opacity 300ms ease, transform 300ms ease;
}
.brand-tile .reveal-info p{ font-size:0.86rem; max-width:26ch; }
.brand-tile .reveal-info span.cta{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; border-bottom:1px solid rgba(255,255,255,.5); padding-bottom:2px; }
.brand-tile:hover h3{ opacity:0; transform: translateY(-10px); }
.brand-tile:hover .reveal-info{ opacity:1; transform: translateY(0); }
.brand-tile.featured{ background: var(--ink); color:#fff; grid-column: span 3; min-height:340px; }
@media (max-width: 900px){ .brand-grid{ grid-template-columns: repeat(2,1fr); } .brand-tile.featured{ grid-column: span 2; } }
@media (max-width: 620px){ .brand-grid{ grid-template-columns: 1fr; } .brand-tile.featured{ grid-column: span 1; } }

/* ---------- diferenciais / feature list ---------------------------------- */
.feature-list{ display:grid; grid-template-columns: repeat(2,1fr); gap:1px; background: var(--ink-line); }
.feature-item{ background: var(--ink); padding: clamp(26px,3vw,38px); border-radius: var(--radius); }
.feature-item .n{ font-family: var(--f-mono); font-size:11px; color: var(--brand-red-2); }
.feature-item h4{ font-family: var(--f-body); text-transform:none; font-weight:700; font-size:1.2rem; margin:14px 0 10px; letter-spacing:-0.01em; }
.feature-item p{ color: var(--paper-dim); font-size:0.94rem; }

/* ---------- stats / counters --------------------------------------------- */
.stat-row{ display:grid; grid-template-columns: repeat(4,1fr); gap: var(--pad); }
.stat-block .num{ font-family: var(--f-display); font-size: clamp(2.6rem,5.2vw,4.6rem); color: var(--brand-red-2); line-height:1; }
.stat-block .lbl{ font-family: var(--f-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--paper-dim); margin-top:10px; }
@media (max-width:760px){ .stat-row{ grid-template-columns: repeat(2,1fr); row-gap:32px; } }

/* ---------- timeline (sobre) --------------------------------------------- */
.timeline-row{ display:grid; grid-template-columns: 130px 1fr; gap:28px; padding:26px 0; border-top:1px solid var(--line); }
.timeline-row:last-child{ border-bottom:1px solid var(--line); }
.timeline-row .yr{ font-family: var(--f-display); font-size:1.5rem; color: var(--brand-red); }
.timeline-row p{ color: var(--muted); max-width:56ch; align-self:center; }

/* ---------- CTA final enorme ---------------------------------------------- */
.cta-huge{ background: var(--ink); color:#fff; padding: clamp(90px,14vw,180px) 0; text-align:center; position:relative; overflow:hidden; }
.cta-huge h2{ font-size: clamp(2.8rem, 8vw, 7rem); }
.cta-huge .lede{ margin: 26px auto 0; text-align:center; color: var(--paper-dim); }
.cta-huge .actions{ display:flex; justify-content:center; gap:16px; margin-top:40px; flex-wrap:wrap; }

/* ---------- catálogo editorial (equipamentos.html) ------------------------ */
.cat-hero-tile{ position:relative; overflow:hidden; min-height:46vh; display:flex; align-items:flex-end; margin-bottom:2px; }
.cat-hero-tile img, .cat-hero-tile .diagram{ transition: transform 900ms cubic-bezier(.16,1,.3,1); }
.cat-hero-tile:hover img, .cat-hero-tile:hover .diagram{ transform: scale(1.04); }
.cat-hero-tile .ov{ background: linear-gradient(180deg, transparent 20%, rgba(22,22,22,.9) 100%); }
.cat-hero-tile .tile-content h2{ color:#fff; font-size: clamp(2.2rem,5vw,4rem); }

.showcase-grid{ display:grid; grid-template-columns: repeat(3, 1fr); gap:2px; background: var(--line); }
.showcase-grid .p-tile{ grid-column: span 1; }
.showcase-grid .p-tile.wide{ grid-column: span 2; }
.p-tile{
  position:relative; background:#fff; min-height:340px; overflow:hidden; display:flex; flex-direction:column; justify-content:flex-end;
  border-radius: var(--radius); box-shadow: var(--shadow-sm);
}
.p-tile .diagram, .p-tile img{ transition: transform 600ms cubic-bezier(.16,1,.3,1); }
.p-tile:hover .diagram, .p-tile:hover img{ transform: scale(1.05); }
.p-tile .ov{ background: linear-gradient(180deg, transparent 40%, rgba(22,22,22,.82) 100%); }
.p-tile-content{ position:relative; z-index:2; padding: 22px 24px; }
.p-tile-content .cat{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.1em; color: var(--paper-dim); text-transform:uppercase; }
.p-tile-content h3{ color:#fff; font-family: var(--f-body); text-transform:none; font-weight:700; font-size:1.32rem; letter-spacing:-0.01em; margin-top:8px; }
.p-tile-content .row{ display:flex; align-items:center; justify-content:space-between; margin-top:14px; }
.p-tile-content .brandtag{ font-size:0.82rem; color: var(--paper-dim); }
.p-tile-content .link{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.1em; color:#fff; text-transform:uppercase; }
@media (max-width: 900px){ .showcase-grid{ grid-template-columns: repeat(2,1fr); } .showcase-grid .p-tile.wide{ grid-column: span 2; } }
@media (max-width: 620px){ .showcase-grid{ grid-template-columns: 1fr; } .showcase-grid .p-tile.wide{ grid-column: span 1; } }

/* ---------- contato --------------------------------------------------- */
.contact-grid{ display:grid; grid-template-columns: 1fr 1fr; gap:0; }
.contact-form-col{ padding: clamp(48px,6vw,88px) var(--pad); background: var(--paper); }
.contact-info-col{ padding: clamp(48px,6vw,88px) var(--pad); background: var(--ink); color:#fff; position:relative; overflow:hidden; }
.field{ margin-bottom:22px; }
.field label{ display:block; font-family: var(--f-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; color: var(--muted); }
.field input, .field select, .field textarea{
  width:100%; border:none; border-bottom:1px solid var(--line); padding:12px 2px; background:transparent;
  font-family: var(--f-body); font-size:1rem; color: var(--ink); border-radius: 0;
}
.field textarea{ min-height:100px; resize:vertical; }
.field input:focus, .field select:focus, .field textarea:focus{ outline:none; border-color: var(--brand-red); }
.info-row{ display:flex; gap:16px; padding:20px 0; border-top:1px solid var(--ink-line); }
.info-row:last-child{ border-bottom:1px solid var(--ink-line); }
.info-row .k{ width:120px; font-family: var(--f-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color: var(--paper-dim); flex-shrink:0; align-self:center; }
.info-row .v{ font-weight:600; }
@media (max-width: 900px){ .contact-grid{ grid-template-columns:1fr; } }

/* ---------- footer -------------------------------------------------------- */
.site-footer{ background: var(--ink); color: var(--paper-dim); }
.footer-top{ display:grid; grid-template-columns: 1.4fr 0.8fr 0.8fr 1fr; gap: 40px; padding: clamp(56px,7vw,88px) 0 48px; }
.footer-top .logo{ color:#fff; }
.footer-top .logo img{ height:38px; width:auto; object-fit:contain; }
.footer-desc{ margin-top:18px; max-width:32ch; font-size:0.92rem; }
.footer-col h5{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.12em; text-transform:uppercase; color:#fff; margin-bottom:18px; font-weight:500; }
.footer-col a{ display:block; padding:7px 0; font-size:0.94rem; }
.footer-col a:hover{ color:#fff; }
.footer-bottom{ display:flex; justify-content:space-between; align-items:center; padding:24px 0; font-family: var(--f-mono); font-size:10.5px; letter-spacing:.06em; }
.social-row{ display:flex; gap:14px; }
.social-row a{ width:44px; height:44px; border:1px solid #bdc4ca; border-radius:50%; background:#fff; display:flex; align-items:center; justify-content:center; transition:background .2s,border-color .2s; }
.social-row a img{ display:block; width:24px; height:24px; object-fit:contain; }
.social-row a:hover{ border-color:#606970; background:#f1f3f5; }
.social-row a:focus-visible{ outline:3px solid #a71920; outline-offset:3px; }

/* ---------- whatsapp flutuante -------------------------------------------- */
.wa-float{
  position: fixed; right: 24px; bottom: 24px; z-index:150;
  width:58px; height:58px; border-radius:50%; background:#1B2420; color:#fff;
  display:flex; align-items:center; justify-content:center; box-shadow: 0 10px 26px rgba(0,0,0,.35);
  transition: transform 220ms ease;
}
.wa-float:hover{ transform: scale(1.08); }

/* ---------- página de produto premium ------------------------------------ */
.product-hero{ display:grid; grid-template-columns: 1.15fr 0.85fr; gap:0; min-height:82vh; }
.product-gallery{ position:relative; background: var(--ink-soft); }
.product-gallery .main-media{ height:100%; min-height:420px; }
.product-info-panel{
  background: var(--paper); padding: clamp(40px,5vw,72px) clamp(28px,4vw,56px);
  display:flex; flex-direction:column; justify-content:center;
}
.breadcrumb{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.08em; text-transform:uppercase; color: var(--muted); margin-bottom:24px; }
.breadcrumb a:hover{ color: var(--ink); }
.product-info-panel .tag{ font-family: var(--f-mono); font-size:11px; letter-spacing:.12em; color: var(--brand-red); text-transform:uppercase; }
.product-info-panel h1{ font-size: clamp(2.2rem,4vw,3.6rem); margin-top:14px; text-transform:none; letter-spacing:-0.01em; }
.product-info-panel .brand-by{ margin-top:10px; font-size:0.95rem; color: var(--muted); }
.price-note{ font-family: var(--f-mono); font-size:11.5px; color: var(--muted); margin:24px 0; padding:14px 16px; border:1px solid var(--line); border-radius: var(--radius); }
.product-actions{ display:flex; gap:14px; flex-wrap:wrap; }
.spec-table{ width:100%; border-collapse:collapse; margin-top:28px; }
.spec-table tr{ border-top:1px solid var(--line); }
.spec-table tr:last-child{ border-bottom:1px solid var(--line); }
.spec-table td{ padding:14px 4px; font-size:0.92rem; }
.spec-table td:first-child{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.06em; text-transform:uppercase; color: var(--muted); width:44%; }
.spec-table td:last-child{ font-weight:600; }
.tab-nav{ display:flex; gap:30px; border-bottom:1px solid var(--line); margin: 56px 0 30px; }
.tab-nav button{ font-family: var(--f-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; padding:16px 0; color: var(--muted); border-bottom:2px solid transparent; margin-bottom:-1px; }
.tab-nav button.active{ color: var(--ink); border-color: var(--brand-red); }
.tab-panel{ display:none; max-width:70ch; color: var(--muted); }
.tab-panel.active{ display:block; }
.tab-panel ul{ list-style:disc; padding-left:20px; margin-top:10px; }
.tab-panel li{ padding:5px 0; }
@media (max-width: 980px){ .product-hero{ grid-template-columns:1fr; } .product-gallery .main-media{ min-height:60vh; } }

/* ---------- utilitários gerais ---------- */
.grid{ display:grid; gap: var(--pad); }
.g-2{ grid-template-columns: repeat(2,1fr); }
.g-3{ grid-template-columns: repeat(3,1fr); }
@media (max-width: 900px){ .g-3{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 620px){ .g-2, .g-3{ grid-template-columns: 1fr; } .footer-top{ grid-template-columns: 1fr 1fr; row-gap:36px; } }
@media (max-width: 900px){ .footer-top{ grid-template-columns: 1fr 1fr; row-gap:36px; } }

/* ---------- hero illustration placement ---------- */
.hero-illustration{ position:absolute; right:-2%; top:50%; transform:translateY(-50%); width:54%; opacity:.92; }
@media (max-width: 900px){ .hero-illustration{ width:86%; right:-14%; opacity:.55; } }
.spotlight-illustration{ position:absolute; right:-6%; top:50%; transform:translateY(-50%); width:60%; opacity:.9; }
@media (max-width: 900px){ .spotlight-illustration{ width:100%; right:-20%; opacity:.5; } }

/* ==========================================================================
   Catálogo real — filtros, subcategorias, lista de produtos
   ========================================================================== */
.filter-row{ display:flex; flex-wrap:wrap; gap:12px; }
.filter-chip{
  border:1px solid var(--line); padding:11px 22px; border-radius: var(--radius);
  font-family: var(--f-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; color: var(--muted);
  transition: color 160ms ease, border-color 160ms ease, background 160ms ease;
}
.filter-chip:hover{ color: var(--ink); border-color: var(--ink); }

.subcat{ margin: 44px 0 0; }
.subcat h3{ font-family: var(--f-display); font-size:1.6rem; text-transform:none; letter-spacing:-0.01em; font-weight:700; }
.subcat .subcat-desc{ color: var(--muted); max-width:64ch; margin-top:10px; font-size:0.94rem; }

.product-list{
  display:grid; grid-template-columns: repeat(2,1fr); gap:1px; background: var(--line);
  border:1px solid var(--line); margin-top:22px; border-radius: var(--radius); overflow:hidden;
}
.product-chip{ background:#fff; padding:17px 22px; display:flex; align-items:center; justify-content:space-between; gap:16px; transition: background 160ms ease; }
.product-chip:hover{ background: var(--paper); }
.product-chip .name{ font-weight:600; font-size:0.95rem; letter-spacing:-0.005em; }
.product-chip .cta{ font-family: var(--f-mono); font-size:10px; letter-spacing:.08em; text-transform:uppercase; color: var(--brand-red); white-space:nowrap; flex-shrink:0; }
@media (max-width: 620px){ .product-list{ grid-template-columns: 1fr; } }

.placeholder-box{ border:1px dashed var(--line); border-radius: var(--radius); padding: 48px 32px; text-align:center; color: var(--muted); }
.placeholder-box strong{ display:block; color: var(--ink); font-family: var(--f-mono); font-size:11px; letter-spacing:.1em; text-transform:uppercase; margin-bottom:10px; }
.section-dark .placeholder-box{ border-color: var(--ink-line); color: var(--paper-dim); }
.section-dark .placeholder-box strong{ color: #fff; }

/* ---------- galeria editorial (condomínios entregues) ------------------- */
.gallery-editorial{ display:grid; grid-template-columns: repeat(3,1fr); grid-auto-rows: 220px; gap:2px; background: var(--line); }
.gallery-editorial .g-item{
  position:relative; background:#EDECE7; overflow:hidden; display:flex; align-items:center; justify-content:center;
  transition: background 200ms ease;
}
.gallery-editorial .g-item.tall{ grid-row: span 2; }
.gallery-editorial .g-item:hover{ background:#E3E1DA; }
.gallery-editorial .ph-label{ font-family: var(--f-mono); font-size:10.5px; letter-spacing:.1em; text-transform:uppercase; color: var(--muted); text-align:center; padding:0 18px; }
@media (max-width: 900px){ .gallery-editorial{ grid-template-columns: repeat(2,1fr); } }
@media (max-width: 620px){ .gallery-editorial{ grid-template-columns: 1fr; } .gallery-editorial .g-item.tall{ grid-row: span 1; } }

/* ==========================================================================
   Consultoria personalizada — timeline animada
   ========================================================================== */
.consult-track{
  position:relative; display:grid; grid-template-columns: repeat(6,1fr); gap:2px;
  --progress: 0;
}
.consult-line-bg{ position:absolute; top:29px; left:0; right:0; height:2px; background: var(--ink-line); z-index:0; }
.consult-line-fill{
  position:absolute; top:29px; left:0; right:0; height:2px; background: var(--brand-red); z-index:1;
  transform-origin:left center; transform: scaleX(var(--progress));
}
.consult-step{ position:relative; z-index:2; padding-top:64px; padding-right:18px; transition: transform 300ms ease; }
.consult-step .dot{
  position:absolute; top:21px; left:0; width:18px; height:18px; border-radius:50%;
  background: var(--ink); border:2px solid var(--ink-line); transition: background 300ms ease, border-color 300ms ease, transform 300ms ease;
}
.consult-step.active .dot{ border-color: var(--brand-red); background: var(--brand-red); transform: scale(1.15); }
.consult-step .num{ font-family: var(--f-mono); font-size:11px; color: var(--paper-dim); }
.consult-step.active .num{ color: var(--brand-red-2); }
.consult-step .icon{ width:26px; height:26px; margin-top:12px; color: var(--paper-dim); transition: color 300ms ease; }
.consult-step.active .icon{ color: var(--brand-red-2); }
.consult-step h4{ font-family: var(--f-body); text-transform:none; font-weight:700; font-size:1.02rem; margin-top:12px; letter-spacing:-0.005em; color:#fff; }
.consult-step p{
  font-size:0.86rem; color: var(--paper-dim); margin-top:0; max-height:0; opacity:0; overflow:hidden;
  transition: max-height 380ms ease, opacity 320ms ease, margin-top 320ms ease;
}
.consult-step.active p, .consult-step:hover p{ max-height:220px; opacity:1; margin-top:10px; }
.consult-step:hover{ transform: translateY(-4px); }
.consult-step .mini-layout{ position:relative; width:100%; height:60px; margin-top:14px; border:1px solid var(--ink-line); background: rgba(255,255,255,.02); overflow:hidden; }
.consult-step .mini-layout .blk{
  position:absolute; background: var(--brand-red); opacity:.22; border-radius:1px;
  transform: translate(var(--ox,0), var(--oy,0)); transition: transform 550ms cubic-bezier(.2,.8,.2,1), opacity 550ms ease;
}
.consult-step.active .mini-layout .blk{ transform: translate(0,0); opacity:.85; }
.consult-cta{ margin-top:20px; }

@media (max-width: 900px){
  .consult-track{ grid-template-columns: 1fr; gap:0; }
  .consult-line-bg{ top:0; left:20px; right:auto; width:2px; height:100%; }
  .consult-line-fill{ top:0; left:20px; right:auto; width:2px; height:100%; transform: scaleY(var(--progress)); transform-origin:top center; }
  .consult-step{ padding-top:0; padding-left:56px; padding-bottom:36px; padding-right:0; }
  .consult-step .dot{ top:2px; left:12px; }
}

/* Keep navigation controls reachable above the mobile overlay. */
.site-header.menu-open{ z-index:1200; background:var(--ink); }
[id]{ scroll-margin-top:calc(var(--nav-h) + 20px); }

/* Compact content requested by the client. */
.simple-intro{padding:calc(var(--nav-h) + 48px) 0 56px;}
.simple-intro h1{font-size:clamp(2.2rem,5.5vw,4.5rem);max-width:22ch;margin:20px 0;}
.simple-intro .lede{max-width:56ch;}
.simple-title{font-size:clamp(1.6rem,3vw,2.5rem);margin:16px 0 24px;}
.simple-about,.solution-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px);align-items:center;}
.simple-link{display:inline-block;margin-top:24px;border-bottom:1px solid var(--brand-red);padding-bottom:5px;}
.simple-solutions{grid-template-columns:repeat(3,minmax(0,1fr));}
.simple-solutions .tile{min-height:280px;aspect-ratio:auto;}
.simple-solutions .tile-content{padding:24px;}
.simple-solutions h3{font-size:clamp(1.3rem,2.2vw,2rem);}
.simple-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px;}
.simple-features h3{font-size:1.1rem;margin-bottom:12px;}
.simple-features p{color:var(--paper-dim);max-width:35ch;}
.solution-detail{border-bottom:1px solid var(--line);}
.solution-art{min-height:280px;background:var(--ink);position:relative;}
.solution-points{list-style:disc;padding-left:20px;margin:20px 0 28px;color:var(--muted);}
.solution-points li+li{margin-top:8px;}
.movement-logo{width:min(320px,100%);height:auto;}
.section-dark .movement-logo,.hero .movement-logo,.spotlight .movement-logo{filter:brightness(0) invert(1);}
.product-brand{margin:24px 0;}
.product-group{border-bottom:1px solid var(--line);padding:20px 0;}
.product-group summary{cursor:pointer;font-size:1.25rem;font-weight:700;}
.product-group[open] summary{margin-bottom:18px;}
.simple-cta .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px;flex-wrap:wrap;}
@media(max-width:760px){.simple-about,.solution-layout,.simple-features,.simple-solutions{grid-template-columns:1fr;}.simple-solutions .tile{min-height:240px;}.simple-intro{padding-top:calc(var(--nav-h) + 28px);}.simple-cta .simple-title{margin-bottom:0;}}

/* Gray palette and photographic catalog. */
:root{--ink:#343638;--ink-soft:#414447;--ink-line:#5b5e61;--paper:#e8e9eb;--paper-dim:#d9dbdd;--muted:#53575b;--line:#c6c9cc;}
body{background:var(--paper);}
.site-header{background:#343638;}
.site-header.is-solid{background:rgba(52,54,56,.97);}
.simple-intro{background:linear-gradient(115deg,#3b3e41,#5b5f63);}
.section-dark{background:#404347;}
.site-footer{background:#343638;}
.simple-about{gap:40px;}
.simple-solutions{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;background:transparent;}
.simple-solutions .solution-photo-card:first-child{grid-column:1/-1;min-height:350px;}
.simple-solutions .solution-photo-card{min-height:310px;border-radius:12px;isolation:isolate;}
.solution-photo-card>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;}
.solution-photo-card:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,rgba(22,24,26,.9),rgba(22,24,26,.02) 90%);z-index:-1;}
.solution-photo-card .tile-content{align-items:flex-end;}
.solution-photo-card h3{font-size:clamp(1.65rem,3vw,2.8rem);color:#fff;}
.solution-photo-card p{color:#f2f2f2;margin-top:12px;max-width:40ch;}
.photo-card-cta{display:inline-block;margin-top:20px;color:#fff;border-bottom:1px solid #ddd;font-size:.86rem;}
.solution-art{min-height:0;aspect-ratio:4/3;border-radius:12px;}
.solution-art>img{width:100%;height:100%;object-fit:cover;}
.photo-credit{font-size:.75rem;color:var(--muted);padding-bottom:24px;}
.catalog-navigation{padding:24px 0;background:#d6d8da;border-bottom:1px solid var(--line);}
.catalog-heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:24px;}
.catalog-heading .movement-logo{width:min(220px,30%);}
.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;align-items:start;}
.catalog-card{background:#f6f6f6;border:1px solid #c9ccce;border-radius:12px;overflow:hidden;min-width:0;}
.catalog-card figure{margin:0;padding:20px 20px 12px;background:#fff;}
.catalog-card figure img{width:100%;height:230px;object-fit:contain;}
.catalog-card figcaption{font-size:.72rem;color:#62666a;text-align:center;margin-top:12px;}
.catalog-card-body{padding:24px;}
.catalog-card h3{font-size:1.25rem;line-height:1.25;text-transform:none;margin-bottom:20px;}
.catalog-card summary{cursor:pointer;font-size:.86rem;font-weight:600;padding:10px 0;}
.model-list{margin-top:12px;}
.model-list li{padding:14px 0;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:14px;align-items:baseline;}
.model-list li span{font-size:.86rem;}
.model-list a,.accessory-table a{font-size:.76rem;color:#a31618;white-space:nowrap;font-weight:600;}
.catalog-strength{background:#d5d7da;}
.strength-layout{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start;}
.strength-photo{background:#f5f5f5;border-radius:12px;padding:28px;text-align:center;}
.strength-photo img{width:100%;height:350px;object-fit:contain;}
.strength-photo p{font-size:.8rem;color:var(--muted);margin-top:12px;}
.strength-groups summary span{float:right;font-size:.8rem;font-weight:400;}
.accessory-intro{display:grid;grid-template-columns:1.2fr 1fr;gap:32px;align-items:center;margin-bottom:32px;}
.accessory-intro img{width:100%;border-radius:12px;aspect-ratio:2/1;object-fit:cover;}
.catalog-note{font-size:.84rem;color:var(--muted);margin:16px 0;max-width:70ch;}
.catalog-search-label{display:block;font-weight:600;margin-bottom:10px;}
#accessory-search{width:min(100%,540px);font:inherit;border:1px solid #969a9e;background:#f8f8f8;border-radius:6px;padding:14px 16px;color:var(--ink);}
.table-scroll{overflow-x:auto;background:#f6f6f6;border:1px solid var(--line);border-radius:8px;}
.accessory-table{border-collapse:collapse;width:100%;text-align:left;font-size:.86rem;}
.accessory-table caption{text-align:left;padding:18px;font-weight:700;background:#d5d7da;}
.accessory-table th,.accessory-table td{padding:16px;border-bottom:1px solid var(--line);}
.accessory-table thead{background:#45494c;color:#fff;}
.accessory-table tbody th{font-family:var(--f-mono);font-size:.8rem;}
.accessory-table tr:nth-child(even){background:#e9eaec;}
.accessory-table tr[hidden]{display:none;}
.movement-complement{display:grid;grid-template-columns:1fr 1fr;gap:32px;align-items:center;margin-top:48px;background:#d9dbde;border-radius:12px;padding:32px;}
.movement-complement img{height:230px;width:100%;object-fit:contain;}
.movement-complement h3{margin:16px 0;font-size:1.5rem;}
.movement-complement p{margin-bottom:24px;}
.movement-complement .simple-link{display:block;width:fit-content;}
.rental-benefits{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;}
.rental-benefits article{padding:24px;background:#e9eaec;border:1px solid #bfc3c6;border-radius:10px;}
.rental-benefits article>span{font-family:var(--f-mono);color:#696d72;}
.rental-benefits h3{font-size:1.05rem;line-height:1.3;margin:18px 0 12px;}
.rental-benefits p{font-size:.9rem;color:var(--muted);}
.rental-action{margin-top:28px;}
.rental-categories{display:grid;grid-template-columns:1fr 1fr;gap:32px;}
.rental-categories article{background:#f3f3f3;padding:32px;border-radius:12px;border:1px solid var(--line);}
.rental-categories h3{font-size:1.35rem;}
.rental-categories .simple-link{margin-right:18px;}
.rental-audiences{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;}
.rental-audiences h3{font-size:1.05rem;margin-bottom:12px;}
.rental-audiences p{font-size:.92rem;color:var(--muted);}
.rental-checklist{margin:28px 0 0;padding-left:22px;list-style:disc;}
.rental-checklist li{margin-bottom:14px;max-width:85ch;}
.new-equipment{padding:24px 28px;background:#d9dbde;border-left:4px solid var(--brand-red);margin-top:28px;}
.new-equipment strong{display:block;margin-bottom:8px;}
@media(max-width:1000px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));}.rental-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:760px){.simple-solutions,.strength-layout,.accessory-intro,.movement-complement,.rental-categories{grid-template-columns:1fr;}.simple-solutions .solution-photo-card:first-child{min-height:310px;}.rental-audiences{grid-template-columns:1fr 1fr;}.catalog-heading{align-items:flex-start;}.catalog-card-body{padding:18px;}.accessory-table{min-width:680px;}}
@media(max-width:520px){.catalog-grid,.rental-benefits,.rental-audiences{grid-template-columns:1fr;}.movement-complement{padding:22px;}.catalog-heading{flex-direction:column;}.catalog-heading .movement-logo{width:180px;}.catalog-card figure img{height:240px;}}

/* SP Fitness Pro logo, with a transparent background. */
.site-header .logo,.site-footer .logo,.nav-mobile .mobile-logo{display:inline-flex;align-items:center;justify-content:center;width:fit-content;flex-shrink:0;background:transparent;border:0;border-radius:0;padding:7px 14px;}
.site-header .logo img,.site-footer .logo img{height:64px;width:auto;max-width:none;}
.nav-mobile .mobile-logo img{height:76px;width:auto;}
@media(max-width:1100px){.site-header .logo img{height:56px;}.site-header .logo{padding:7px 12px;}}

/* Six steps of personalized consulting. */
.consulting-section{background:#dfe1e3;border-top:1px solid var(--line);}
.consulting-intro{max-width:65ch;margin-bottom:30px;}
.consulting-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;}
.consulting-card{background:#f4f5f6;border:1px solid #cdd0d3;border-radius:10px;padding:28px;}
.consulting-number{font-family:var(--f-mono);font-size:.8rem;color:#686d72;}
.consulting-card h3{font-size:1.2rem;line-height:1.3;text-transform:none;margin:18px 0 16px;}
.consulting-card p{font-size:.94rem;line-height:1.7;color:var(--muted);}
.solution-rental-link{display:block;margin-top:20px;font-size:.88rem;text-decoration:underline;text-underline-offset:4px;}
.rental-section-intro{max-width:75ch;color:var(--muted);margin-bottom:30px;line-height:1.7;}
.rental-benefits{grid-template-columns:repeat(3,minmax(0,1fr));}
.rental-faq details{border-bottom:1px solid var(--line);padding:22px 0;}
.rental-faq summary{cursor:pointer;font-weight:600;}
.rental-faq details p{max-width:80ch;line-height:1.7;color:var(--muted);margin-top:18px;}
@media(max-width:950px){.consulting-grid,.rental-benefits{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.consulting-grid,.rental-benefits{grid-template-columns:1fr;}.consulting-card{padding:24px;}}

/* Company history, mission and vision. */
.about-story .simple-about{align-items:start;}
.about-copy{max-width:72ch;color:var(--muted);font-size:1.02rem;line-height:1.8;}
.about-copy p+p{margin-top:22px;}
.about-purpose{background:#d5d7da;}
.about-purpose-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch;}
.about-purpose-grid article{background:#f0f1f2;padding:clamp(24px,3vw,40px);border:1px solid var(--line);border-radius:12px;}
.about-values{list-style:disc;padding-left:20px;color:var(--muted);line-height:1.8;}
.about-values li+li{margin-top:12px;}
@media(max-width:760px){.about-purpose-grid{grid-template-columns:1fr;}}

/* Expandable technical sheets keep the product gallery compact. */
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0;}
.model-product .product-specs{width:100%;min-width:0;margin:0 0 18px;border:1px solid #cbd0d5;border-radius:7px;background:#f2f3f4;}
.model-product .product-specs>summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 14px;cursor:pointer;list-style:none;font-size:.85rem;font-weight:600;color:#30343a;}
.product-specs>summary::-webkit-details-marker{display:none;}
.product-specs>summary::after{content:'+';font-size:1.2rem;flex-shrink:0;}
.product-specs[open]>summary::after{content:'−';}
.product-specs>summary:hover{background:#e4e7ea;}
.product-specs>summary:focus-visible,.product-specs-scroll:focus-visible{outline:3px solid #a71920;outline-offset:3px;}
.product-specs-scroll{max-height:440px;overflow:auto;border-top:1px solid #cbd0d5;background:#fff;}
.product-specs table{width:100%;border-collapse:collapse;table-layout:fixed;font-size:.78rem;line-height:1.6;color:#30343a;}
.product-specs caption{padding:12px;text-align:left;font-weight:700;background:#e9ebed;}
.product-specs th,.product-specs td{padding:10px 12px;text-align:left;vertical-align:top;overflow-wrap:anywhere;white-space:normal;border-bottom:1px solid #dfe2e5;}
.product-specs th{width:44%;font-size:.69rem;font-weight:600;background:#f4f5f6;}
.product-specs-note{padding:0 14px 14px;font-size:.84rem;line-height:1.6;color:#50575e;}
.model-product .product-specs>summary{margin-bottom:0;}
.product-description-copy{padding:14px;font-size:.84rem;line-height:1.7;}
.product-description-copy p+p{margin-top:14px;}

/* Accessories. */
.accessory-controls{display:grid;grid-template-columns:2fr 1fr;gap:20px;margin-top:28px;}
.accessory-controls input,.accessory-controls select{width:100%;min-height:48px;border:1px solid #bdc4ca;border-radius:6px;padding:12px;background:#fff;color:#30343a;font:inherit;}
.accessory-controls .catalog-search-label{display:block;margin-bottom:8px;}
.accessory-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin-top:24px;}
.accessory-product{display:flex;flex-direction:column;min-width:0;border:1px solid #d1d5da;border-radius:10px;overflow:hidden;background:#fff;}
.accessory-photo{height:230px;background:#fff;}
.accessory-photo img{width:100%;height:100%;object-fit:contain;padding:16px;}
.accessory-photo-pending{height:100%;display:grid;place-items:center;background:#e9ecef;color:#606970;font-size:.88rem;}
.accessory-product-body{padding:22px;display:flex;flex-direction:column;align-items:flex-start;flex:1;}
.accessory-category-name{font-size:.72rem;color:#616970;margin-bottom:10px;}
.accessory-product h3{font-size:1.05rem;line-height:1.45;letter-spacing:normal;text-transform:none;overflow-wrap:anywhere;}
.accessory-photo-note{font-size:.77rem;line-height:1.55;color:#606970;margin:14px 0 20px;}
.accessory-product .btn{margin-top:auto;padding:12px 16px;font-size:.74rem;}
.accessory-product h3:last-of-type{margin-bottom:14px;}
.accessory-more{text-align:center;margin-top:28px;}
.accessory-product[hidden],#accessory-more[hidden],#accessory-empty[hidden]{display:none!important;}
@media(max-width:950px){.accessory-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.accessory-controls,.accessory-grid{grid-template-columns:1fr;}.accessory-photo{height:220px;}}
.accessory-featured{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:32px 0 40px;}
.accessory-featured .eyebrow{font-size:.7rem;margin-bottom:14px;}
@media(max-width:950px){.accessory-featured{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:600px){.accessory-featured{grid-template-columns:1fr;}}

/* Lighter gray surfaces and individual product galleries. */
:root{--ink:#30343a;--ink-soft:#454b51;--paper:#f2f3f4;--muted:#50575e;--line:#cdd1d5;}
body{background:var(--paper);}
.site-header,.site-header.is-solid,.site-header.menu-open{background:#dfe1e3;border-bottom-color:#c6cacf;}
.nav-desktop a{color:#42484e;}
.nav-desktop a:hover,.nav-desktop a[aria-current="page"]{color:#9c191d;}
.menu-toggle{border-color:#899098;}
.menu-toggle span{background:#30343a;}
.nav-mobile{background:#e4e6e8;}
.nav-mobile a{color:#30343a;}
.nav-mobile .foot{color:#50575e;}
.section-dark{background:#e1e3e5;color:var(--ink);}
.simple-intro{background:linear-gradient(115deg,#e5e7e9,#d5d8dc);}
.section-dark .eyebrow,.section-dark .lede,.section-dark .simple-features p{color:var(--muted);}
.section-dark .btn-ghost{color:var(--ink);}
.section-dark .btn-ghost:hover{background:var(--ink);color:#fff;}
.catalog-strength,.about-purpose,.consulting-section{background:#e7e9eb;}
.consulting-card,.rental-benefits article,.about-purpose-grid article{background:#f7f8f9;}
.catalog-navigation{background:#e6e8ea;}
.site-footer{background:#dfe1e3;color:#42484e;}
.footer-col h5,.footer-col a:hover{color:#30343a;}
.footer-bottom{border-color:#bfc5ca;}
.contact-info-col{background:#e0e3e6;color:#30343a;}
.contact-info-col .eyebrow,.contact-info-col .info-row .k{color:#50575e!important;}
.contact-info-col .diagram{display:none;}
.contact-info-col a{overflow-wrap:anywhere;}
.contact-info-col .btn-wa{color:#fff;}
.contact-form-help{color:var(--muted);font-size:.94rem;line-height:1.6;margin-bottom:28px;}
.hero{background:#dfe2e5;color:#30343a;}
.hero .hero-media{opacity:.12!important;}
.hero .hero-sub,.hero .eyebrow{color:#42484e;}
.hero .movement-logo,.section-dark .movement-logo{filter:none;}
.model-gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,235px),1fr));gap:22px;margin-top:22px;}
.model-product{background:#fff;border:1px solid #d1d5da;border-radius:10px;overflow:hidden;display:flex;flex-direction:column;min-width:0;}
.model-product>img{width:100%;height:240px;object-fit:contain;padding:18px;background:#fff;}
.model-product-body{padding:22px;display:flex;flex-direction:column;flex:1;align-items:flex-start;}
.model-product h4{font-size:1.12rem;line-height:1.3;text-transform:none;}
.model-line{font-family:var(--f-mono);font-size:.7rem;color:#606970;margin-bottom:12px;}
.model-official-name{font-size:.83rem;color:#596168;line-height:1.5;margin:10px 0 22px;}
.model-product .btn{margin-top:auto;padding:12px 18px;font-size:.74rem;}
.model-photo-note{font-size:.78rem;line-height:1.5;color:#596168;margin:0 0 20px;}
.catalog-card:has(.catalog-card-body>details[open]){grid-column:1/-1;}
.catalog-card:has(.catalog-card-body>details[open])>figure{display:none;}
.catalog-card:has(.catalog-card-body>details[open]) .catalog-card-body{padding:28px;}
.catalog-card summary{font-size:.94rem;color:#343b42;}
.strength-layout{grid-template-columns:1fr;}
.strength-photo{display:none;}
.strength-groups>.product-group{background:#f6f7f8;margin:0 0 14px;padding:22px;border:1px solid #cbd0d4;border-radius:10px;}
@media(max-width:600px){.model-gallery{grid-template-columns:1fr;}.model-product>img{height:230px;}.catalog-card:has(.catalog-card-body>details[open]) .catalog-card-body{padding:18px;}}

.about-brand-logo{display:block;width:360px;max-width:100%;height:auto;}

/* Contrast limited to the illustrations on the brand pages. */
.brand-art-light .hero-media{opacity:1!important;}
.brand-art-light .diagram{background:transparent;}
.brand-art-light .diagram svg{stroke:#000;}
.brand-art-light .hero-media>.ov{display:none;}
.brand-art-dark .diagram svg{stroke:#fff;}
.brand-art-light .diagram svg [stroke-opacity],
.brand-art-dark .diagram svg [stroke-opacity]{stroke-opacity:1;}
.brand-art-dark .diagram{position:relative;z-index:1;}