/* ==========================================================================
   GAINVORA — Performance Lab Design System
   Estudio Premium de Fuerza, Rendimiento y Bienestar
   ========================================================================== */

:root{
  --primary:#00D084;
  --secondary:#00A66E;
  --accent:#5EF2C6;
  --background:#0E1117;
  --surface:#171B22;
  --text:#FFFFFF;
  --text-muted:#A7B1BC;
  --border:#2B3440;
  --success:#45E39C;

  --gradient-hero: linear-gradient(135deg,#0B0E13 0%,#11161D 40%,#1A222C 100%);
  --gradient-accent: linear-gradient(100deg,#00D084,#5EF2C6);

  --font-display:"Space Grotesk", sans-serif;
  --font-body:"Manrope", sans-serif;
  --font-utility:"General Sans","Manrope",sans-serif;

  --container: 1400px;
  --gutter: clamp(24px, 5vw, 80px);
  --radius-panel: 26px;
  --radius-pill: 100px;

  --ease-perf: cubic-bezier(.16,.84,.32,1);
  --dur-slow: 1s;
  --dur-med: .5s;
  --dur-fast: .26s;
}

*,*::before,*::after{box-sizing:border-box;}
html{scroll-behavior:smooth;}
body{
  margin:0;background:var(--background);color:var(--text);font-family:var(--font-body);
  font-size:16px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;position:relative;
}
body::before{
  content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;
  background:
    radial-gradient(circle at top right, rgba(0,208,132,.13), transparent 40%),
    radial-gradient(circle at bottom left, rgba(94,242,198,.13), transparent 35%),
    linear-gradient(180deg,#0E1117,#171B22);
}
img{max-width:100%;display:block;}
a{color:inherit;text-decoration:none;}
ul{list-style:none;margin:0;padding:0;}
button{font-family:inherit;cursor:pointer;background:none;border:none;color:inherit;}
input,textarea,select{font-family:inherit;font-size:1rem;}
h1,h2,h3,h4,p,figure{margin:0;}

@media (prefers-reduced-motion: reduce){
  *{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important;scroll-behavior:auto !important;}
}
:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:2px;}

/* ---------- Typography ---------- */
.eyebrow{
  font-family:var(--font-utility);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;
  color:var(--primary);display:inline-flex;align-items:center;gap:.6em;
}
.eyebrow::before{content:"";width:26px;height:1px;background:var(--primary);display:inline-block;}
.gradient-text{background:var(--gradient-accent);-webkit-background-clip:text;background-clip:text;color:transparent;}
.display-xl{font-family:var(--font-display);font-weight:600;font-size:clamp(2.8rem, 6.4vw, 6.8rem);line-height:.98;letter-spacing:-.015em;}
.display-l{font-family:var(--font-display);font-weight:600;font-size:clamp(2.2rem, 4.4vw, 4rem);line-height:1.04;}
.display-m{font-family:var(--font-display);font-weight:600;font-size:clamp(1.7rem, 2.6vw, 2.6rem);line-height:1.1;}
.lede{font-family:var(--font-body);font-size:clamp(1.05rem, 1.4vw, 1.28rem);line-height:1.6;color:var(--text-muted);max-width:48ch;}
.body-copy{font-size:1.02rem;color:var(--text-muted);line-height:1.85;max-width:60ch;}

/* ---------- Layout ---------- */
.wrap{width:100%;max-width:var(--container);margin-inline:auto;padding-inline:var(--gutter);}
.section{padding-block:clamp(76px,10vw,150px);position:relative;}
.section-tight{padding-block:clamp(50px,6vw,92px);}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:.7em;font-family:var(--font-utility);font-size:.84rem;
  letter-spacing:.03em;padding:1em 1.9em;border-radius:var(--radius-pill);
  transition:transform var(--dur-fast) var(--ease-perf), box-shadow var(--dur-fast), background var(--dur-fast), color var(--dur-fast);
  white-space:nowrap;
}
.btn-primary{background:var(--gradient-accent);color:#04140D;font-weight:700;}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 18px 40px rgba(0,208,132,.28);}
.btn-outline{border:1px solid var(--border);color:var(--text);}
.btn-outline:hover{border-color:var(--primary);color:var(--primary);transform:translateY(-2px);}
.btn-ghost{color:var(--accent);border-bottom:1px solid currentColor;border-radius:0;padding:.2em 0;}
.btn-ghost svg{transition:transform var(--dur-fast) var(--ease-perf);}
.btn-ghost:hover svg{transform:translateX(5px);}

/* ---------- Header ---------- */
.site-header{position:fixed;top:0;left:0;right:0;z-index:200;padding:20px 0;
  transition:padding var(--dur-med) var(--ease-perf), background var(--dur-med), border-color var(--dur-med);
  border-bottom:1px solid transparent;}
.site-header.is-scrolled{
  padding:12px 0;background:rgba(14,17,23,.76);backdrop-filter:blur(16px) saturate(150%);
  -webkit-backdrop-filter:blur(16px) saturate(150%);border-bottom:1px solid var(--border);
}
.header-inner{display:flex;align-items:center;justify-content:space-between;gap:28px;}
.brand{display:flex;align-items:center;gap:12px;}
.brand svg{height:32px;width:auto;}
.brand-word{font-family:var(--font-display);font-size:1.4rem;font-weight:700;letter-spacing:-.01em;}

.primary-nav > ul{display:flex;align-items:center;gap:2.1rem;}
.nav-link{position:relative;font-family:var(--font-utility);font-size:.86rem;padding:6px 0;}
.nav-link::after{content:"";position:absolute;left:0;bottom:0;height:1px;width:0;background:var(--gradient-accent);transition:width var(--dur-fast) var(--ease-perf);}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{width:100%;}
.nav-link[aria-current="page"]{color:var(--accent);}

.has-dropdown{position:relative;}
.dropdown-panel{
  position:fixed;left:0;right:0;top:var(--header-h,72px);
  background:rgba(23,27,34,.95);backdrop-filter:blur(20px);border-bottom:1px solid var(--border);
  padding:40px var(--gutter);display:grid;grid-template-columns:repeat(3,1fr);gap:8px 40px;
  opacity:0;visibility:hidden;transform:translateY(-8px);
  transition:opacity var(--dur-med) var(--ease-perf), transform var(--dur-med) var(--ease-perf), visibility var(--dur-med);
  max-width:var(--container);margin-inline:auto;border-radius:0 0 var(--radius-panel) var(--radius-panel);
}
.has-dropdown:hover .dropdown-panel,.has-dropdown:focus-within .dropdown-panel{opacity:1;visibility:visible;transform:translateY(0);}
.dropdown-panel a{font-family:var(--font-display);font-size:1.1rem;font-weight:600;padding:10px 0;border-bottom:1px solid var(--border);display:block;transition:color var(--dur-fast),padding-left var(--dur-fast);}
.dropdown-panel a:hover{color:var(--accent);padding-left:8px;}

.header-actions{display:flex;align-items:center;gap:16px;}
.icon-btn{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;transition:background var(--dur-fast);color:var(--text);}
.icon-btn:hover{background:var(--surface);}
.cmdk-trigger{display:flex;align-items:center;gap:10px;border:1px solid var(--border);border-radius:var(--radius-pill);padding:.5em 1em;font-family:var(--font-utility);font-size:.76rem;color:var(--text-muted);}
.cmdk-trigger kbd{font-family:var(--font-utility);font-size:.68rem;border:1px solid var(--border);border-radius:5px;padding:.1em .4em;color:var(--text-muted);}
.lang-select{font-family:var(--font-utility);font-size:.78rem;border:1px solid var(--border);border-radius:var(--radius-pill);padding:.5em 1em;display:flex;align-items:center;gap:.4em;}
.menu-toggle{display:none;}

.search-overlay{
  position:fixed;inset:0;background:rgba(6,8,11,.72);backdrop-filter:blur(8px);z-index:300;
  display:flex;align-items:flex-start;justify-content:center;padding-top:12vh;
  opacity:0;visibility:hidden;transition:opacity var(--dur-med),visibility var(--dur-med);
}
.search-overlay.is-open{opacity:1;visibility:visible;}
.search-box{width:min(680px,90vw);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:32px;box-shadow:0 50px 100px rgba(0,0,0,.5);}
.search-box form{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--border);padding-bottom:18px;}
.search-box input{flex:1;background:transparent;border:none;font-family:var(--font-display);font-size:1.5rem;color:var(--text);}
.search-box input:focus{outline:none;}
.cmdk-list{margin-top:20px;display:flex;flex-direction:column;gap:4px;}
.cmdk-list a{display:flex;justify-content:space-between;padding:.7em .5em;border-radius:10px;font-size:.9rem;color:var(--text-muted);}
.cmdk-list a:hover{background:rgba(255,255,255,.05);color:var(--text);}
.search-close{margin-top:18px;font-size:.8rem;color:var(--text-muted);}

.breadcrumb{font-family:var(--font-utility);font-size:.76rem;color:var(--text-muted);display:flex;gap:.5em;flex-wrap:wrap;padding-top:calc(var(--header-h,84px) + 34px);}
.breadcrumb a{color:var(--text-muted);border-bottom:1px solid transparent;}
.breadcrumb a:hover{color:var(--accent);border-color:var(--accent);}
.breadcrumb span[aria-current]{color:var(--text);}

/* ---------- Lab frame (signature element: calibration corners + progress ring) ---------- */
.lab-frame{position:relative;border-radius:var(--radius-panel);overflow:hidden;background:var(--surface);border:1px solid var(--border);}
.lab-frame img{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s var(--ease-perf);}
.lab-frame:hover img{transform:scale(1.05);}
.lab-frame .crosshair{position:absolute;width:18px;height:18px;z-index:2;opacity:.8;}
.lab-frame .crosshair::before,.lab-frame .crosshair::after{content:"";position:absolute;background:var(--accent);}
.lab-frame .crosshair::before{width:100%;height:1.5px;top:50%;left:0;transform:translateY(-50%);}
.lab-frame .crosshair::after{height:100%;width:1.5px;left:50%;top:0;transform:translateX(-50%);}
.lab-frame .crosshair.tl{top:14px;left:14px;}
.lab-frame .crosshair.br{bottom:14px;right:14px;}
.lab-caption{display:flex;justify-content:space-between;gap:16px;padding-top:12px;font-family:var(--font-utility);font-size:.72rem;color:var(--text-muted);}

.reveal{opacity:0;transform:translateY(30px);transition:opacity 1s var(--ease-perf), transform 1s var(--ease-perf);}
.reveal.is-visible{opacity:1;transform:translateY(0);}
.reveal-scale{opacity:0;transform:scale(.94);transition:opacity 1.1s var(--ease-perf), transform 1.1s var(--ease-perf);}
.reveal-scale.is-visible{opacity:1;transform:scale(1);}

/* progress ring (used across dashboard metrics) */
.ring{position:relative;width:64px;height:64px;flex-shrink:0;}
.ring svg{width:100%;height:100%;transform:rotate(-90deg);}
.ring circle{fill:none;stroke-width:5;}
.ring .ring-track{stroke:var(--border);}
.ring .ring-fill{stroke:var(--accent);stroke-linecap:round;stroke-dasharray:175;transition:stroke-dashoffset 1.4s var(--ease-perf);}
.ring .ring-value{position:absolute;inset:0;display:grid;place-items:center;font-family:var(--font-display);font-size:.85rem;font-weight:700;}

/* ---------- HOME: Performance Dashboard landing ---------- */
.dashboard{min-height:100svh;display:grid;align-content:center;padding-top:calc(var(--header-h,90px) + 20px);padding-bottom:40px;position:relative;}
.dashboard-inner{position:relative;z-index:2;}
.glow-blob{position:absolute;border-radius:50%;filter:blur(100px);opacity:.4;z-index:0;pointer-events:none;}
.glow-blob.a{width:520px;height:520px;background:var(--primary);top:-160px;right:-100px;}
.glow-blob.b{width:400px;height:400px;background:var(--accent);bottom:-140px;left:-80px;opacity:.28;}

.dashboard-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:44px;align-items:end;margin-top:30px;}
.dashboard-visual{position:relative;}
.metric-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px;}
.metric-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:22px 20px;display:flex;align-items:center;gap:14px;}
.metric-card .metric-value{font-family:var(--font-display);font-size:1.5rem;font-weight:700;}
.metric-card .metric-label{font-family:var(--font-utility);font-size:.72rem;color:var(--text-muted);margin-top:2px;}

.dashboard-cta-row{display:flex;align-items:center;gap:26px;margin-top:34px;flex-wrap:wrap;}
.category-shortcuts{display:flex;gap:14px;flex-wrap:wrap;margin-top:40px;}
.shortcut-chip{border:1px solid var(--border);border-radius:var(--radius-pill);padding:.7em 1.3em;font-family:var(--font-utility);font-size:.82rem;display:flex;align-items:center;gap:8px;transition:border-color var(--dur-fast),transform var(--dur-fast);}
.shortcut-chip:hover{border-color:var(--accent);transform:translateY(-2px);}
.shortcut-chip .dot{width:7px;height:7px;border-radius:50%;background:var(--gradient-accent);}

.scroll-indicator{position:absolute;bottom:26px;left:50%;transform:translateX(-50%);display:flex;flex-direction:column;align-items:center;gap:10px;font-family:var(--font-utility);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--text-muted);}
.scroll-indicator .wheel{width:22px;height:34px;border:1px solid var(--border);border-radius:14px;position:relative;}
.scroll-indicator .wheel::after{content:"";position:absolute;top:6px;left:50%;width:3px;height:7px;border-radius:2px;background:var(--accent);transform:translateX(-50%);animation:wheelmove 1.8s var(--ease-perf) infinite;}
@keyframes wheelmove{0%{top:6px;opacity:1;}80%{top:20px;opacity:0;}100%{top:20px;opacity:0;}}

/* ---------- Training programs — asymmetric bento ---------- */
.program-cluster{display:grid;grid-template-columns:repeat(12,1fr);grid-auto-rows:110px;gap:20px;}
.pc-a{grid-column:span 7;grid-row:span 4;}
.pc-b{grid-column:span 5;grid-row:span 3;transform:translateY(24px);}
.pc-c{grid-column:span 5;grid-row:span 3;}
.pc-d{grid-column:span 4;grid-row:span 3;}
.pc-e{grid-column:span 3;grid-row:span 3;transform:translateY(20px);}
.program-tile{position:relative;isolation:isolate;}
.program-tile .lab-frame{height:100%;}
.program-tile .tile-label{position:absolute;left:22px;bottom:20px;z-index:2;}
.program-tile .tile-label .eyebrow{color:#fff;}
.program-tile .tile-label .eyebrow::before{background:#fff;}
.program-tile .tile-label h3{font-family:var(--font-display);font-size:1.5rem;color:#fff;margin-top:6px;font-weight:700;}
.program-tile .lab-frame::before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(to top, rgba(4,8,7,.72), rgba(4,8,7,0) 55%);}

/* ---------- Why train with us — glass panel ---------- */
.philosophy{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:start;}
.glass-panel{background:rgba(255,255,255,.03);border:1px solid var(--border);border-radius:var(--radius-panel);padding:clamp(28px,3vw,44px);backdrop-filter:blur(10px);}
.philosophy-pillars{display:flex;flex-direction:column;gap:0;margin-top:36px;}
.pillar{padding-block:24px;border-top:1px solid var(--border);}
.pillar:last-child{border-bottom:1px solid var(--border);}
.pillar-head{display:flex;justify-content:space-between;align-items:baseline;gap:20px;}
.pillar-head h4{font-family:var(--font-display);font-size:1.25rem;font-weight:700;}
.pillar-head span{font-family:var(--font-utility);font-size:.72rem;color:var(--accent);}
.pillar p{margin-top:10px;color:var(--text-muted);font-size:.95rem;max-width:52ch;}

/* ---------- Coaching philosophy — split editorial ---------- */
.coaching-split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}

/* ---------- Facility experience — rail ---------- */
.facility-rail{display:flex;gap:22px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:14px;margin-inline:calc(var(--gutter) * -1);padding-inline:var(--gutter);}
.facility-rail::-webkit-scrollbar{height:4px;}
.facility-rail::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px;}
.facility-card{flex:0 0 clamp(240px,26vw,320px);scroll-snap-align:start;}
.facility-card .lab-frame{aspect-ratio:3/4;}
.facility-card h3{font-family:var(--font-display);font-size:1.25rem;margin-top:16px;font-weight:700;}
.facility-card p{font-size:.85rem;color:var(--text-muted);margin-top:6px;}

/* ---------- Membership options ---------- */
.membership-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;}
.membership-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:36px 30px;display:flex;flex-direction:column;}
.membership-card.is-featured{border-color:var(--primary);background:linear-gradient(160deg, rgba(0,208,132,.08), var(--surface) 60%);}
.membership-card .m-name{font-family:var(--font-display);font-size:1.3rem;font-weight:700;}
.membership-card .m-tag{font-family:var(--font-utility);font-size:.72rem;color:var(--accent);margin-top:6px;}
.membership-card .m-desc{color:var(--text-muted);font-size:.92rem;margin-top:14px;}
.membership-card ul{margin-top:20px;display:flex;flex-direction:column;gap:10px;flex-grow:1;}
.membership-card li{font-size:.88rem;color:var(--text-muted);display:flex;gap:10px;align-items:flex-start;}
.membership-card li svg{flex-shrink:0;margin-top:3px;color:var(--primary);}
.membership-card .btn{margin-top:26px;justify-content:center;}

/* ---------- Transformation journey — timeline ---------- */
.process-walk{display:block;}
.process-step{display:grid;grid-template-columns:56px 1fr;gap:0 40px;padding-block:44px;border-top:1px solid var(--border);}
.process-step:first-child{border-top:none;}
.process-dot{width:11px;height:11px;border-radius:50%;background:var(--gradient-accent);justify-self:center;margin-top:10px;}
.process-step h3{font-family:var(--font-display);font-size:1.6rem;font-weight:700;}
.process-step .step-tag{font-family:var(--font-utility);font-size:.72rem;color:var(--accent);letter-spacing:.1em;text-transform:uppercase;}
.process-body{display:grid;grid-template-columns:1.1fr .9fr;gap:36px;margin-top:14px;align-items:center;}

/* ---------- Knowledge hub ---------- */
.journal-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;}
.journal-grid.featured-row{grid-template-columns:1.4fr 1fr;margin-bottom:40px;}
.journal-card .lab-frame{aspect-ratio:4/3;}
.journal-card .cat{font-family:var(--font-utility);font-size:.7rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);}
.journal-card h3{font-family:var(--font-display);font-size:1.4rem;margin-top:10px;font-weight:700;}
.journal-card p{color:var(--text-muted);font-size:.92rem;margin-top:8px;}
.journal-card .meta{margin-top:14px;font-family:var(--font-utility);font-size:.74rem;color:var(--text-muted);}
.journal-filters{display:flex;gap:10px;flex-wrap:wrap;margin-bottom:44px;}
.filter-pill{border:1px solid var(--border);border-radius:var(--radius-pill);padding:.55em 1.2em;font-family:var(--font-utility);font-size:.78rem;}
.filter-pill[aria-current="true"]{background:var(--gradient-accent);color:#04140D;border-color:transparent;font-weight:700;}
.pagination{display:flex;gap:10px;justify-content:center;margin-top:60px;font-family:var(--font-utility);font-size:.85rem;}
.pagination a,.pagination span{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;}
.pagination a:hover{background:var(--surface);}
.pagination [aria-current]{background:var(--gradient-accent);color:#04140D;}

.article-header{padding-top:calc(var(--header-h,90px) + 60px);padding-bottom:40px;max-width:820px;margin-inline:auto;text-align:center;}
.article-header .eyebrow{justify-content:center;}
.article-header h1{margin-top:20px;}
.article-meta{display:flex;justify-content:center;gap:24px;margin-top:24px;font-family:var(--font-utility);font-size:.8rem;color:var(--text-muted);}
.article-hero-img{max-width:1100px;margin-inline:auto;aspect-ratio:16/9;}
.article-body{max-width:720px;margin-inline:auto;font-size:1.08rem;line-height:1.9;color:var(--text);}
.article-body p{margin-bottom:1.6em;}
.article-body h2{font-family:var(--font-display);font-size:1.85rem;margin:1.6em 0 .6em;font-weight:700;}
.article-body blockquote{font-family:var(--font-display);font-style:italic;font-size:1.35rem;color:var(--accent);border-left:2px solid var(--primary);padding-left:24px;margin:1.8em 0;}

/* ---------- FAQ ---------- */
.faq-list{max-width:840px;}
.faq-item{border-top:1px solid var(--border);}
.faq-item:last-child{border-bottom:1px solid var(--border);}
.faq-q{width:100%;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:26px 0;font-family:var(--font-display);font-weight:700;font-size:1.15rem;text-align:left;}
.faq-q .plus{font-family:var(--font-utility);font-size:1.4rem;color:var(--accent);transition:transform var(--dur-fast) var(--ease-perf);flex-shrink:0;}
.faq-item[open] .plus{transform:rotate(45deg);}
.faq-a{padding-bottom:26px;color:var(--text-muted);max-width:64ch;}
.faq-item summary{list-style:none;cursor:pointer;}
.faq-item summary::-webkit-details-marker{display:none;}

/* ---------- CTA ---------- */
.book-consultation{background:var(--gradient-accent);border-radius:var(--radius-panel);padding:clamp(48px,7vw,100px);display:grid;grid-template-columns:1.3fr .7fr;gap:40px;align-items:center;position:relative;overflow:hidden;color:#04140D;}
.book-consultation h2{color:#04140D;}
.book-consultation p{color:rgba(4,20,13,.75);margin-top:16px;max-width:46ch;}
.book-consultation .btn-primary{background:#0E1117;color:#fff;}
.book-consultation .btn-primary:hover{background:#171B22;}

/* ---------- Footer ---------- */
.site-footer{background:#0A0C10;padding-top:clamp(64px,8vw,120px);border-top:1px solid var(--border);}
.footer-statement{padding-bottom:60px;border-bottom:1px solid var(--border);}
.footer-statement .display-l{max-width:20ch;}
.footer-grid{display:grid;grid-template-columns:1.4fr repeat(4,1fr);gap:32px;padding-block:56px;}
.footer-col h5{font-family:var(--font-utility);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);margin-bottom:18px;}
.footer-col a,.footer-col p{display:block;font-size:.92rem;color:var(--text-muted);padding-block:6px;}
.footer-col a:hover{color:var(--text);}
.newsletter-form{display:flex;border-bottom:1px solid var(--border);padding-bottom:10px;margin-top:14px;}
.newsletter-form input{background:transparent;border:none;color:var(--text);flex:1;font-size:.92rem;}
.newsletter-form input::placeholder{color:#5C6572;}
.newsletter-form button{color:var(--accent);font-family:var(--font-utility);font-size:.78rem;}
.footer-bottom{border-top:1px solid var(--border);padding-block:26px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:14px;font-family:var(--font-utility);font-size:.76rem;color:#5C6572;}
.footer-bottom a{color:#5C6572;}
.footer-bottom a:hover{color:var(--text);}
.legal-links{display:flex;gap:20px;flex-wrap:wrap;}

/* ---------- Cookie banner (granular) ---------- */
.cookie-banner{position:fixed;left:24px;right:24px;bottom:24px;z-index:400;max-width:560px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-panel);padding:26px;box-shadow:0 40px 80px rgba(0,0,0,.5);transform:translateY(140%);opacity:0;transition:transform var(--dur-med) var(--ease-perf),opacity var(--dur-med);}
.cookie-banner.is-visible{transform:translateY(0);opacity:1;}
.cookie-banner p{font-size:.88rem;color:var(--text-muted);}
.cookie-banner a{color:var(--accent);border-bottom:1px solid currentColor;}
.cookie-consent-options{display:flex;flex-direction:column;gap:10px;margin-top:16px;}
.cookie-toggle{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:.82rem;color:var(--text-muted);}
.cookie-toggle input{accent-color:var(--primary);}
.cookie-actions{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap;}
.cookie-actions .btn{padding:.75em 1.4em;font-size:.72rem;}

/* ---------- Forms ---------- */
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;}
.field{display:flex;flex-direction:column;gap:8px;}
.field.full{grid-column:1/-1;}
.field label{font-family:var(--font-utility);font-size:.76rem;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted);}
.field input,.field select,.field textarea{border:none;border-bottom:1px solid var(--border);background:transparent;padding:.7em .2em;color:var(--text);transition:border-color var(--dur-fast);}
.field input:focus,.field select:focus,.field textarea:focus{border-color:var(--accent);outline:none;}
.field textarea{resize:vertical;min-height:120px;}
.field select option{background:var(--surface);color:var(--text);}
.form-note{font-size:.78rem;color:var(--text-muted);margin-top:6px;}
.hp-field{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;}

.contact-info-list{display:flex;flex-direction:column;gap:26px;}
.contact-info-item{border-top:1px solid var(--border);padding-top:20px;}
.contact-info-item h4{font-family:var(--font-utility);font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:6px;}
.contact-info-item p{color:var(--text-muted);}
.map-placeholder{aspect-ratio:16/10;border-radius:var(--radius-panel);border:1px solid var(--border);background:radial-gradient(circle at 30% 20%, rgba(0,208,132,.2), transparent 55%), var(--surface);display:grid;place-items:center;text-align:center;color:var(--text-muted);font-family:var(--font-utility);font-size:.82rem;position:relative;overflow:hidden;}
.map-placeholder svg{width:34px;height:34px;color:var(--accent);margin-bottom:10px;}

/* ---------- Service page templates ---------- */
.service-hero{padding-top:calc(var(--header-h,90px) + 30px);display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;}
.benefits-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--border);border-radius:var(--radius-panel);overflow:hidden;}
.benefit-tile{background:var(--surface);padding:38px 30px;}
.benefit-tile .num{font-family:var(--font-display);color:var(--accent);font-size:1.4rem;font-weight:700;}
.benefit-tile h4{font-family:var(--font-display);font-size:1.25rem;margin-top:12px;font-weight:700;}
.benefit-tile p{color:var(--text-muted);font-size:.9rem;margin-top:10px;}

.legal-content{max-width:800px;margin-inline:auto;padding-top:calc(var(--header-h,90px) + 60px);}
.legal-content h2{font-family:var(--font-display);font-size:1.65rem;margin:1.6em 0 .5em;font-weight:700;}
.legal-content h2:first-of-type{margin-top:.5em;}
.legal-content p,.legal-content li{color:var(--text-muted);line-height:1.85;margin-bottom:1em;}
.legal-content ul{padding-left:1.2em;list-style:disc;}
.legal-updated{font-family:var(--font-utility);font-size:.8rem;color:var(--text-muted);margin-bottom:2em;}

.sitemap-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-top:calc(var(--header-h,90px) + 60px);}
.sitemap-grid h3{font-family:var(--font-display);font-size:1.3rem;margin-bottom:14px;border-bottom:1px solid var(--border);padding-bottom:12px;font-weight:700;}
.sitemap-grid a{display:block;padding:6px 0;color:var(--text-muted);}
.sitemap-grid a:hover{color:var(--accent);}

.error-page{min-height:100svh;display:grid;place-items:center;text-align:center;padding-top:120px;}
.error-page .display-xl{font-size:clamp(4rem,12vw,9rem);}

/* ---------- Responsive ---------- */
@media (max-width: 1080px){
  .primary-nav > ul{display:none;}
  .menu-toggle{display:grid;place-items:center;width:38px;height:38px;}
  .cmdk-trigger{display:none;}
  .dashboard-grid{grid-template-columns:1fr;}
  .metric-cards{grid-template-columns:repeat(3,1fr);}
  .philosophy{grid-template-columns:1fr;gap:40px;}
  .coaching-split{grid-template-columns:1fr;}
  .program-cluster{grid-template-columns:repeat(6,1fr);}
  .pc-a,.pc-b,.pc-c{grid-column:span 6;transform:none;}
  .pc-d,.pc-e{grid-column:span 3;transform:none;}
  .membership-grid{grid-template-columns:1fr;}
  .journal-grid{grid-template-columns:repeat(2,1fr);}
  .journal-grid.featured-row{grid-template-columns:1fr;}
  .service-hero{grid-template-columns:1fr;}
  .benefits-grid{grid-template-columns:1fr;}
  .book-consultation{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr 1fr;}
  .sitemap-grid{grid-template-columns:1fr 1fr;}
  .dropdown-panel{grid-template-columns:1fr 1fr;}
}
@media (max-width: 680px){
  .metric-cards{grid-template-columns:1fr;}
  .journal-grid{grid-template-columns:1fr;}
  .footer-grid{grid-template-columns:1fr;}
  .sitemap-grid{grid-template-columns:1fr;}
  .dropdown-panel{grid-template-columns:1fr;}
  .form-grid{grid-template-columns:1fr;}
  .process-step{grid-template-columns:1fr;}
  .process-body{grid-template-columns:1fr;}
  .footer-bottom{flex-direction:column;align-items:flex-start;}
}