/* ===========================================================
   RENTIO Capital — Brand stylesheet
   Navy #1E2B6E / Blue #1A5FAB / Light Blue #4A90D9
   Font: Proxima Nova → fallback Montserrat
   =========================================================== */

@font-face{font-family:Montserrat;font-style:normal;font-weight:400;font-display:swap;src:url('../fonts/montserrat-400.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:500;font-display:swap;src:url('../fonts/montserrat-500.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:600;font-display:swap;src:url('../fonts/montserrat-600.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:700;font-display:swap;src:url('../fonts/montserrat-700.ttf') format('truetype')}
@font-face{font-family:Montserrat;font-style:normal;font-weight:800;font-display:swap;src:url('../fonts/montserrat-800.ttf') format('truetype')}

:root, [data-theme="light"] {
  /* Brand */
  --navy: #1E2B6E;
  --blue: #1A5FAB;
  --lblue: #4A90D9;
  --lblue-2: #8CB8E0;

  /* Surfaces */
  --color-bg: #ffffff;
  --color-surface: #ffffff;
  --color-surface-2: #F0F3F8;
  --color-surface-offset: #E8F0F8;
  --color-border: #C5D8EF;
  --color-divider: #E2E8F2;

  /* Text */
  --color-text: #1E2B6E;
  --color-body: #2C2C2C;
  --color-muted: #6A7689;
  --color-faint: #8C9BAB;
  --color-inverse: #ffffff;

  /* Accent roles */
  --color-primary: var(--blue);
  --color-primary-hover: var(--navy);
  --color-accent: var(--lblue);

  /* Hero overlay */
  --hero-overlay: linear-gradient(115deg, rgba(20,28,80,.93) 0%, rgba(26,95,171,.80) 55%, rgba(74,144,217,.55) 100%);

  /* Radius */
  --radius-sm: .375rem;
  --radius-md: .625rem;
  --radius-lg: 1rem;
  --radius-xl: 1.4rem;
  --radius-full: 9999px;

  /* Type scale */
  --text-xs: clamp(0.75rem, 0.7rem + 0.25vw, 0.85rem);
  --text-sm: clamp(0.85rem, 0.8rem + 0.3vw, 0.95rem);
  --text-base: clamp(1rem, 0.96rem + 0.2vw, 1.075rem);
  --text-lg: clamp(1.1rem, 1rem + 0.6vw, 1.35rem);
  --text-xl: clamp(1.45rem, 1.1rem + 1.4vw, 2.1rem);
  --text-2xl: clamp(2rem, 1.2rem + 2.6vw, 3.4rem);
  --text-3xl: clamp(2.6rem, 1.4rem + 4vw, 4.6rem);

  /* Spacing */
  --space-1:.25rem; --space-2:.5rem; --space-3:.75rem; --space-4:1rem;
  --space-5:1.25rem; --space-6:1.5rem; --space-8:2rem; --space-10:2.5rem;
  --space-12:3rem; --space-16:4rem; --space-20:5rem; --space-24:6rem; --space-32:8rem;

  --content-narrow: 720px;
  --content: 1180px;
  --content-wide: 1320px;

  --shadow-sm: 0 1px 3px rgba(30,43,110,.07);
  --shadow-md: 0 8px 28px rgba(30,43,110,.10);
  --shadow-lg: 0 22px 60px rgba(30,43,110,.16);

  --transition: 220ms cubic-bezier(.16,1,.3,1);

  --font-body: 'Montserrat','Proxima Nova','Nunito Sans',-apple-system,sans-serif;
  --font-head: 'Montserrat','Proxima Nova',var(--font-body);
}

[data-theme="dark"] {
  --color-bg: #0F1530;
  --color-surface: #161E40;
  --color-surface-2: #1B2552;
  --color-surface-offset: #1B2552;
  --color-border: #2C3A75;
  --color-divider: #243066;
  --color-text: #EAF0FB;
  --color-body: #C4CFE6;
  --color-muted: #93A1C4;
  --color-faint: #6E7DA6;
  --color-inverse: #0F1530;
  --color-primary: var(--lblue);
  --color-primary-hover: var(--lblue-2);
  --shadow-sm: 0 1px 3px rgba(0,0,0,.4);
  --shadow-md: 0 8px 28px rgba(0,0,0,.45);
  --shadow-lg: 0 22px 60px rgba(0,0,0,.55);
}

/* Reset */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:88px}
body{min-height:100dvh;line-height:1.65;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-body);background:var(--color-bg);transition:background var(--transition),color var(--transition)}
img,picture,video,svg{display:block;max-width:100%;height:auto}
ul[role=list]{list-style:none}
a{color:inherit;text-decoration:none}
button{cursor:pointer;background:none;border:none;font:inherit;color:inherit}
h1,h2,h3,h4{font-family:var(--font-head);color:var(--color-text);line-height:1.12;text-wrap:balance;font-weight:700;letter-spacing:-.01em}
p{text-wrap:pretty}
::selection{background:rgba(74,144,217,.28);color:var(--color-text)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
@media (prefers-reduced-motion:reduce){*{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}

/* Layout helpers */
.wrap{width:100%;max-width:var(--content);margin-inline:auto;padding-inline:clamp(1.25rem,5vw,2.5rem)}
.wrap-wide{max-width:var(--content-wide)}
.wrap-narrow{max-width:var(--content-narrow)}
.section{padding-block:clamp(3.5rem,8vw,7rem)}
.section--tint{background:var(--color-surface-2)}
.eyebrow{font-size:var(--text-sm);font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--color-primary);display:inline-block}
.section-title{font-size:var(--text-xl);margin-top:var(--space-3)}
.section-lead{font-size:var(--text-lg);color:var(--color-muted);max-width:60ch;margin-top:var(--space-4);line-height:1.55}
.rule{height:2px;width:64px;background:var(--color-accent);border:0;margin-top:var(--space-5);border-radius:2px}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:.55rem;font-weight:600;font-size:var(--text-sm);padding:.85rem 1.6rem;border-radius:var(--radius-full);transition:all var(--transition);white-space:nowrap}
.btn--primary{background:var(--blue);color:#fff;box-shadow:var(--shadow-sm)}
.btn--primary:hover{background:var(--navy);transform:translateY(-2px);box-shadow:var(--shadow-md)}
[data-theme=dark] .btn--primary{background:var(--lblue);color:var(--navy)}
[data-theme=dark] .btn--primary:hover{background:var(--lblue-2)}
.btn--ghost{background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.55)}
.btn--ghost:hover{background:rgba(255,255,255,.12);border-color:#fff}
.btn--outline{background:transparent;color:var(--color-primary);border:1.5px solid var(--color-border)}
.btn--outline:hover{border-color:var(--color-primary);background:var(--color-surface-2)}
.btn svg{width:18px;height:18px}

/* ===== Header ===== */
.header{position:sticky;top:0;z-index:60;background:color-mix(in srgb,var(--color-bg) 88%,transparent);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:border-color var(--transition),box-shadow var(--transition),background var(--transition)}
.header.scrolled{border-bottom-color:var(--color-divider);box-shadow:var(--shadow-sm)}
.nav{display:flex;align-items:center;justify-content:space-between;height:74px}
.brand{display:flex;align-items:center;gap:.65rem;color:var(--color-text)}
.brand svg{width:34px;height:34px}
.brand-name{font-family:var(--font-head);font-weight:800;font-size:1.18rem;letter-spacing:.18em}
.nav-links{display:flex;align-items:center;gap:clamp(1rem,2.2vw,2rem);list-style:none}
.nav-links a{font-size:var(--text-sm);font-weight:500;color:var(--color-body);position:relative;padding:.3rem 0}
.nav-links a:hover,.nav-links a.active{color:var(--color-primary)}
.nav-links a.active::after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--color-accent);border-radius:2px}
.nav-tools{display:flex;align-items:center;gap:.5rem}
.icon-btn{width:40px;height:40px;display:grid;place-items:center;border-radius:var(--radius-full);color:var(--color-body);transition:all var(--transition)}
.icon-btn:hover{background:var(--color-surface-2);color:var(--color-primary)}
.lang{font-weight:700;font-size:var(--text-sm);letter-spacing:.04em;padding:.4rem .7rem;border-radius:var(--radius-full)}
.lang:hover{background:var(--color-surface-2)}
.lang b{color:var(--color-primary)}
.menu-toggle{display:none}

/* ===== Hero ===== */
.hero{position:relative;min-height:88vh;display:flex;align-items:center;color:#fff;overflow:hidden}
.hero__bg{position:absolute;inset:0;z-index:-2}
.hero__bg img{width:100%;height:100%;object-fit:cover}
.hero__bg::after{content:"";position:absolute;inset:0;background:var(--hero-overlay)}
.hero__inner{padding-block:8rem 5rem}
.hero h1{font-size:var(--text-3xl);color:#fff;font-weight:800;max-width:18ch;letter-spacing:-.02em;line-height:1.05}
.hero .lead{font-size:var(--text-lg);color:rgba(255,255,255,.9);max-width:54ch;margin-top:var(--space-6);line-height:1.55}
.hero__cta{display:flex;flex-wrap:wrap;gap:1rem;margin-top:var(--space-8)}
.hero__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:rgba(255,255,255,.18);border-radius:var(--radius-lg);overflow:hidden;margin-top:clamp(2.5rem,5vw,4rem);backdrop-filter:blur(2px)}
.hero__stat{background:rgba(20,28,80,.34);padding:1.5rem 1.4rem;backdrop-filter:blur(6px)}
.hero__stat .n{font-size:clamp(1.6rem,2.4vw,2.3rem);font-weight:800;color:#fff;font-family:var(--font-head);letter-spacing:-.01em}
.hero__stat .l{font-size:var(--text-xs);color:rgba(255,255,255,.78);margin-top:.25rem;letter-spacing:.02em}

/* ===== KPI grid ===== */
.kpi-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}
.kpi{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-5);transition:transform var(--transition),box-shadow var(--transition)}
.kpi:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.kpi .n{font-size:var(--text-xl);font-weight:800;color:var(--navy);font-family:var(--font-head);letter-spacing:-.01em}
[data-theme=dark] .kpi .n{color:var(--lblue)}
.kpi .l{font-size:var(--text-sm);color:var(--color-muted);margin-top:.35rem}

/* ===== Cards / features ===== */
.features{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6)}
.feature{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-8) var(--space-6);transition:all var(--transition)}
.feature:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--color-border)}
.feature__icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-surface-offset);display:grid;place-items:center;color:var(--color-primary);margin-bottom:var(--space-5)}
.feature__icon svg{width:26px;height:26px}
.feature h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}
.feature p{font-size:var(--text-base);color:var(--color-muted);line-height:1.6}

/* Split (alternating image/text) */
.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}
.split--rev .split__media{order:2}
.split__media img{border-radius:var(--radius-lg);box-shadow:var(--shadow-md);width:100%;object-fit:cover;aspect-ratio:4/3}
.split__body h2{font-size:var(--text-xl);margin-bottom:var(--space-4)}
.split__body p{color:var(--color-muted);margin-bottom:var(--space-4)}
.checklist{list-style:none;display:grid;gap:var(--space-3);margin-top:var(--space-5)}
.checklist li{display:flex;gap:.7rem;align-items:flex-start;font-size:var(--text-base);color:var(--color-body)}
.checklist svg{width:22px;height:22px;color:var(--color-primary);flex-shrink:0;margin-top:2px}

/* Locations */
.loc-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-5)}
.loc.loc--simple{background:var(--navy);border:0;color:#fff;display:flex;align-items:center;justify-content:center;text-align:center;padding:clamp(2rem,4vw,2.75rem) var(--space-5);min-height:120px}
.loc.loc--simple h3{color:#fff;font-size:var(--text-xl);margin:0}
.loc.loc--simple:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.loc{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);overflow:hidden;transition:all var(--transition)}
.loc:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}
.loc__head{background:var(--navy);color:#fff;padding:var(--space-5);text-align:center}
.loc__head h3{color:#fff;font-size:var(--text-lg)}
.loc__head .share{font-size:var(--text-2xl);font-weight:800;color:#fff;margin-top:.4rem;font-family:var(--font-head)}
.loc__head .share span{font-size:var(--text-sm);font-weight:500;display:block;color:var(--lblue-2);letter-spacing:.03em}
.loc__body{padding:var(--space-5)}
.loc__row{display:flex;justify-content:space-between;padding:.55rem 0;border-bottom:1px solid var(--color-divider);font-size:var(--text-sm)}
.loc__row:last-child{border-bottom:0}
.loc__row span{color:var(--color-muted)}
.loc__row b{color:var(--color-text);font-weight:700}

/* Table */
.table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--color-divider);box-shadow:var(--shadow-sm)}
table.tbl{width:100%;border-collapse:collapse;font-size:var(--text-sm);min-width:560px}
.tbl thead th{background:var(--navy);color:#fff;font-weight:600;text-align:left;padding:1rem 1.2rem;font-family:var(--font-head)}
.tbl td{padding:.9rem 1.2rem;border-bottom:1px solid var(--color-divider);color:var(--color-body)}
.tbl tbody tr:nth-child(even){background:var(--color-surface-2)}
.tbl tbody tr.is-rentio{background:var(--color-surface-offset);font-weight:700;color:var(--navy)}
[data-theme=dark] .tbl tbody tr.is-rentio{color:var(--lblue)}

/* Team */
.team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-8)}
.team-grid--4{grid-template-columns:repeat(4,1fr);gap:var(--space-6);align-items:stretch}
.team-grid--4 .contact-card{height:100%}
.member{text-align:center}
.member img{width:100%;aspect-ratio:1/1.18;object-fit:cover;border-radius:var(--radius-lg);box-shadow:var(--shadow-sm)}
.member h3{font-size:var(--text-lg);margin-top:var(--space-5)}
.member .role{color:var(--color-primary);font-weight:600;font-size:var(--text-sm);margin-top:.25rem}
.member p{color:var(--color-muted);font-size:var(--text-sm);margin-top:var(--space-3);line-height:1.55}

/* Docs */
.doc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.doc{display:flex;gap:var(--space-4);align-items:center;background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-lg);padding:var(--space-5);transition:all var(--transition)}
.doc:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--color-border)}
.doc__ico{width:46px;height:46px;flex-shrink:0;border-radius:var(--radius-sm);background:var(--color-surface-offset);display:grid;place-items:center;color:var(--color-primary)}
.doc__ico svg{width:24px;height:24px}
.doc h4{font-size:var(--text-base);color:var(--color-text)}
.doc .meta{font-size:var(--text-xs);color:var(--color-faint);margin-top:.2rem}

/* Photo gallery */
.gallery{display:grid;grid-template-columns:2fr 1fr 1fr;grid-template-rows:repeat(2,1fr);gap:var(--space-3);grid-auto-flow:dense}
.gallery img{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-md);aspect-ratio:auto}
.gallery .g-big{grid-row:span 2;aspect-ratio:auto}

/* Contact */
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem)}
.field{margin-bottom:var(--space-4)}
.field label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--color-text);margin-bottom:.4rem}
.field input,.field textarea{width:100%;padding:.85rem 1rem;border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-surface);color:var(--color-body);font-size:var(--text-base);transition:border-color var(--transition)}
.field input:focus,.field textarea:focus{outline:none;border-color:var(--color-primary)}
.field textarea{min-height:130px;resize:vertical}
.contact-info{display:grid;gap:var(--space-5);align-content:start}
.info-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-5)}
.contact-card{background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6)}
.contact-card h4{font-size:var(--text-base);color:var(--color-text);margin-bottom:var(--space-2)}
.contact-card p{font-size:var(--text-sm);color:var(--color-muted);line-height:1.7}
.contact-card a{color:var(--color-primary);font-weight:600}
.map-embed{border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--color-border);min-height:240px}
.map-embed iframe{width:100%;height:100%;min-height:240px;border:0;display:block;filter:grayscale(.2)}
.form-note{font-size:var(--text-xs);color:var(--color-faint);margin-top:var(--space-3)}
.form-ok{display:none;background:var(--color-surface-offset);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:1rem;color:var(--navy);font-size:var(--text-sm);margin-top:var(--space-3)}
[data-theme=dark] .form-ok{color:var(--lblue)}

/* CTA band */
.cta-band{background:var(--navy);color:#fff;text-align:center;border-radius:var(--radius-xl)}
.cta-band h2{color:#fff;font-size:var(--text-xl)}
.cta-band p{color:rgba(255,255,255,.82);max-width:52ch;margin:var(--space-4) auto var(--space-8);font-size:var(--text-lg)}

/* Footer */
.footer{background:var(--navy);color:rgba(255,255,255,.78);padding-block:var(--space-16) var(--space-8)}
.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:var(--space-8)}
.footer .brand-name,.footer .brand{color:#fff}
.footer h5{color:#fff;font-size:var(--text-sm);letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4);font-family:var(--font-head)}
.footer ul{list-style:none;display:grid;gap:.6rem}
.footer a{font-size:var(--text-sm);color:rgba(255,255,255,.74)}
.footer a:hover{color:#fff}
.footer p{font-size:var(--text-sm);color:rgba(255,255,255,.7);line-height:1.7;margin-top:var(--space-4);max-width:36ch}
.footer-bottom{border-top:1px solid rgba(255,255,255,.14);margin-top:var(--space-12);padding-top:var(--space-6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:1rem;font-size:var(--text-xs);color:rgba(255,255,255,.6)}

/* Page hero (interior pages) */
.page-hero{background:var(--navy);color:#fff;padding-block:clamp(5rem,9vw,8rem) clamp(3rem,6vw,5rem);position:relative;overflow:hidden}
.page-hero::after{content:"";position:absolute;right:-80px;top:-80px;width:340px;height:340px;border:1.5px solid rgba(255,255,255,.12);border-radius:50%}
.page-hero .eyebrow{color:var(--lblue-2)}
.page-hero h1{color:#fff;font-size:var(--text-2xl);margin-top:var(--space-3);max-width:20ch}
.page-hero p{color:rgba(255,255,255,.84);font-size:var(--text-lg);max-width:56ch;margin-top:var(--space-4)}

/* Donut/legend simple chart */
.fin-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.donut{display:grid;place-items:center}
.fin-rows{display:grid;gap:var(--space-4)}
.fin-row{display:flex;justify-content:space-between;align-items:baseline;padding-bottom:var(--space-3);border-bottom:1px solid var(--color-divider)}
.fin-row .label{display:flex;align-items:center;gap:.6rem;color:var(--color-muted);font-size:var(--text-sm)}
.fin-row .dot{width:12px;height:12px;border-radius:3px;flex-shrink:0}
.fin-row .val{font-weight:700;color:var(--color-text);font-family:var(--font-head)}

/* Cookie bar — anchored bottom-left so it never covers hero content */
.cookie{position:fixed;left:1rem;right:auto;bottom:1rem;z-index:90;width:min(380px,calc(100vw - 2rem));margin:0;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);padding:var(--space-5);display:flex;gap:var(--space-3);align-items:center;flex-wrap:wrap}
.cookie[hidden]{display:none}
.cookie p{font-size:var(--text-sm);color:var(--color-muted);flex:1;min-width:100%}
.cookie a{color:var(--color-primary);font-weight:600}
.cookie__btns{display:flex;gap:.6rem}
.cookie.hide{display:none}

/* ===== Legal / privacy ===== */
.legal{max-width:820px}
.legal h2{font-size:var(--text-xl);margin-top:var(--space-10);margin-bottom:var(--space-4)}
.legal h3{font-size:var(--text-lg);margin-top:var(--space-8);margin-bottom:var(--space-3)}
.legal p,.legal li{color:var(--color-muted)}
.legal ul{padding-left:1.25rem;margin-top:var(--space-3)}
.legal li+li{margin-top:var(--space-2)}

/* Strategy: tick lists */
.ticks{list-style:none;display:grid;gap:var(--space-3);margin-top:var(--space-4)}
.ticks li{position:relative;padding-left:1.6rem;font-size:var(--text-sm);color:var(--color-body);line-height:1.55}
.ticks li::before{content:"";position:absolute;left:0;top:.45em;width:9px;height:9px;border-radius:2px;background:var(--color-accent)}

/* Strategy: rent-structure bars */
.bars{display:grid;gap:var(--space-5)}
.bar-row{display:grid;gap:.5rem}
.bar-label{display:flex;align-items:baseline;gap:.6rem;font-size:var(--text-sm);color:var(--color-muted)}
.bar-label b{margin-left:auto;color:var(--color-text);font-family:var(--font-head);font-weight:700;font-size:var(--text-base)}
.bar{height:14px;border-radius:var(--radius-full);background:var(--color-surface-offset);overflow:hidden}
.bar span{display:block;height:100%;border-radius:var(--radius-full);background:var(--blue);transition:width var(--transition)}
[data-theme=dark] .bar span{background:var(--lblue)}
.mini-kpi-row{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4)}
.mini-kpi{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:var(--radius-md);padding:var(--space-4)}
.mini-kpi .n{font-size:var(--text-lg);font-weight:800;color:var(--navy);font-family:var(--font-head)}
[data-theme=dark] .mini-kpi .n{color:var(--lblue)}
.mini-kpi .l{font-size:var(--text-xs);color:var(--color-muted);margin-top:.2rem}
.callout{background:var(--navy);color:#fff;border-radius:var(--radius-lg);padding:clamp(1.75rem,4vw,2.5rem)}
.callout .eyebrow{color:var(--lblue-2)}
.callout__big{font-size:var(--text-2xl);font-weight:800;color:#fff;font-family:var(--font-head);margin:var(--space-3) 0 var(--space-4);letter-spacing:-.01em}
.callout p{color:rgba(255,255,255,.82);font-size:var(--text-sm);line-height:1.65}
.footnote{font-size:var(--text-xs);color:var(--color-faint);font-style:italic;max-width:78ch;line-height:1.6}

/* reveal animation */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s cubic-bezier(.16,1,.3,1)}
.reveal.in{opacity:1;transform:none}

/* lang visibility */
[data-lang-en]{display:none}
html[lang="en"] [data-lang-cz]{display:none}
html[lang="en"] [data-lang-en]{display:revert}

/* ===== Responsive ===== */
@media (max-width:1024px){
  .hero__stats,.kpi-grid,.loc-grid{grid-template-columns:repeat(2,1fr)}
  .team-grid--4{grid-template-columns:repeat(2,1fr)}
  .info-cards{grid-template-columns:repeat(2,1fr)}
  .footer-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .menu-toggle{display:grid}
  .nav-links{position:fixed;inset:74px 0 auto 0;flex-direction:column;background:var(--color-bg);padding:var(--space-6);gap:var(--space-5);border-bottom:1px solid var(--color-divider);box-shadow:var(--shadow-md);transform:translateY(-120%);transition:transform var(--transition);align-items:flex-start}
  .nav-links.open{transform:none}
  .features,.team-grid,.doc-grid{grid-template-columns:1fr}
  .team-grid--4{grid-template-columns:1fr}
  .split,.split--rev,.contact-grid,.fin-grid,.info-cards{grid-template-columns:1fr}
  .split--rev .split__media{order:0}
  .gallery{grid-template-columns:1fr 1fr;grid-auto-rows:160px}
  .gallery .g-big{grid-column:span 2;grid-row:span 1}
  .hero__stats{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:480px){
  .kpi-grid,.loc-grid,.hero__stats{grid-template-columns:1fr 1fr}
  .hero h1{font-size:clamp(2.1rem,9vw,2.8rem)}
}