/* Jurinvest · Site Chrome · shared across all pages */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@500;600;700&family=Bricolage+Grotesque:opsz,wght@12..96,400;12..96,500;12..96,600;12..96,700;12..96,800&family=Manrope:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap');

:root{
  --navy-950:#070D1F;--navy-900:#0F1A33;--navy-800:#1B2A47;--navy-700:#2A3A5C;--navy-600:#3D4D6E;--navy-500:#5C6B8A;--navy-400:#8F9AB2;--navy-300:#C0C7D6;--navy-200:#E2E6EE;--navy-100:#F0F2F7;
  --copper-900:#5C2308;--copper-800:#7A3210;--copper-700:#9F420E;--copper-600:#A0531D;--copper-500:#C58133;--copper-400:#D69A55;--copper-300:#E0B27A;--copper-200:#EECDA0;--copper-100:#F2E2C8;--copper-50:#FAF1E0;
  --clay-700:#7A3210;--clay-500:#B0431F;--clay-300:#E8DDC4;--clay-100:#F4ECD8;
  --cream-100:#FAF6EC;--cream-200:#F2EBDB;--cream-300:#E5DECB;--paper:#FFFFFF;
  --ink-900:#0E121C;--ink-700:#2A2F3E;--ink-500:#5C6478;--ink-300:#A6ABBA;--ink-100:#D6D8DE;
  --line:#E5DECB;--line-strong:#C8BE9F;--line-cool:#D6D8DE;
  --success:#1F9D55;--success-bg:#E6F4ED;--danger:#D4333C;--danger-bg:#FBE6E7;
  --r-xs:2px;--r-sm:4px;--r-md:6px;--r-lg:10px;--r-pill:999px;
  --sh-xs:0 1px 2px rgba(15,26,51,.06);
  --sh-sm:0 2px 6px -1px rgba(15,26,51,.08),0 1px 2px rgba(15,26,51,.06);
  --sh-md:0 10px 24px -8px rgba(15,26,51,.12),0 2px 6px -2px rgba(15,26,51,.08);
  --sh-lg:0 24px 48px -16px rgba(15,26,51,.18),0 6px 12px -4px rgba(15,26,51,.10);
  --sh-cop:0 8px 24px -6px rgba(160,83,29,.40);
  --dur-fast:120ms;--dur-base:180ms;--dur-slow:280ms;
  --ease-out:cubic-bezier(.2,.6,.2,1);
  --f-display:"Cinzel",serif;
  --f-atelier:"Bricolage Grotesque",system-ui,sans-serif;
  --f-body:"Manrope",system-ui,sans-serif;
  --f-mono:"JetBrains Mono",ui-monospace,monospace;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:80px}
html,body{margin:0;padding:0}
body{font-family:var(--f-body);background:var(--cream-100);color:var(--ink-900);line-height:1.55;font-size:15px;-webkit-font-smoothing:antialiased}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button{font-family:inherit;cursor:pointer}

/* === HEADER === */
.site-header{position:sticky;top:0;z-index:50;background:rgba(250,246,236,.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--line);transition:background var(--dur-base) var(--ease-out)}
.site-header.scrolled{background:rgba(250,246,236,.98);box-shadow:var(--sh-xs)}
.header-inner{display:grid;grid-template-columns:auto 1fr auto;gap:36px;align-items:center;padding:18px 56px;max-width:1320px;margin:0 auto}
.brand{font-family:var(--f-display);font-weight:600;font-size:22px;letter-spacing:.12em;color:var(--navy-900);line-height:1}
.brand .sub{display:block;font-family:var(--f-body);font-weight:600;font-size:9px;letter-spacing:.36em;color:var(--ink-500);margin-top:3px}
.site-nav{display:flex;gap:28px;font-family:var(--f-atelier);font-weight:600;font-size:14px;color:var(--navy-900);justify-content:center}
.site-nav a{padding:6px 0;transition:color var(--dur-fast) var(--ease-out)}
.site-nav a:hover{color:var(--copper-700)}
.header-actions{display:flex;align-items:center;gap:16px}

/* Lang dropdown */
.lang-select{position:relative;font-family:var(--f-mono);font-size:11px;letter-spacing:.12em;color:var(--navy-900)}
.lang-trigger{display:inline-flex;align-items:center;gap:8px;padding:8px 12px;background:transparent;border:1px solid var(--line-strong);border-radius:var(--r-sm);cursor:pointer;font:inherit;color:inherit;text-transform:uppercase;transition:border-color var(--dur-fast) var(--ease-out)}
.lang-trigger:hover{border-color:var(--navy-700)}
.lang-trigger .flag{font-family:var(--f-mono);font-weight:600;color:var(--copper-700)}
.lang-trigger .ch{width:7px;height:7px;border-right:1.5px solid var(--ink-500);border-bottom:1.5px solid var(--ink-500);transform:rotate(45deg);transition:transform var(--dur-fast) var(--ease-out);margin-top:-2px}
.lang-select.open .lang-trigger{border-color:var(--copper-600)}
.lang-select.open .lang-trigger .ch{transform:rotate(-135deg);margin-top:2px}
.lang-menu{position:absolute;top:calc(100% + 6px);right:0;background:#fff;border:1px solid var(--line);border-radius:var(--r-md);box-shadow:var(--sh-md);min-width:140px;padding:6px;opacity:0;visibility:hidden;transform:translateY(-4px);transition:opacity var(--dur-fast) var(--ease-out),transform var(--dur-fast) var(--ease-out),visibility var(--dur-fast) var(--ease-out);z-index:60}
.lang-select.open .lang-menu{opacity:1;visibility:visible;transform:translateY(0)}
.lang-option{display:grid;grid-template-columns:24px 1fr auto;gap:10px;align-items:center;padding:9px 12px;border-radius:var(--r-sm);cursor:pointer;font-family:var(--f-body);font-size:13px;color:var(--navy-900);letter-spacing:0;text-transform:none;background:transparent;border:none;width:100%;text-align:left;transition:background var(--dur-fast) var(--ease-out)}
.lang-option:hover{background:var(--cream-100)}
.lang-option .code{font-family:var(--f-mono);font-size:10px;letter-spacing:.12em;color:var(--copper-700);font-weight:600;text-transform:uppercase}
.lang-option .check{color:var(--copper-600);opacity:0;font-family:var(--f-mono)}
.lang-option.active{background:var(--copper-50)}
.lang-option.active .check{opacity:1}

/* Buttons */
.btn{display:inline-flex;align-items:center;gap:12px;font-family:var(--f-atelier);font-weight:700;font-size:14px;letter-spacing:.01em;border:none;cursor:pointer;border-radius:var(--r-pill);padding:14px 24px;white-space:nowrap;transition:transform var(--dur-fast) var(--ease-out),box-shadow var(--dur-base) var(--ease-out),background var(--dur-base) var(--ease-out)}
.btn svg{width:16px;height:16px;flex-shrink:0}
.btn:active{transform:scale(.98)}
.btn-primary{background:var(--copper-600);color:#fff;box-shadow:var(--sh-cop)}
.btn-primary:hover{background:var(--copper-700);box-shadow:0 12px 28px -6px rgba(160,83,29,.5)}
.btn-alt{background:var(--navy-900);color:#fff}
.btn-alt:hover{background:var(--navy-800)}
.btn-secondary{background:transparent;color:var(--navy-900);border:1px solid var(--navy-900)}
.btn-secondary:hover{background:var(--navy-900);color:#fff}
.btn-light{background:#fff;color:var(--navy-900);border:1px solid var(--line)}
.btn-light:hover{background:var(--cream-100)}
.btn.sz-sm{padding:10px 16px;font-size:13px}
.btn.sz-lg{padding:18px 30px;font-size:15px}

/* === FOOTER === */
.site-footer{background:var(--navy-950);color:var(--cream-100);padding:80px 0 24px;margin-top:96px}
.footer-grid{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr 1.1fr;gap:36px;margin-bottom:56px;padding:0 56px;max-width:1320px;margin-left:auto;margin-right:auto}
.footer-grid h5{font-family:var(--f-body);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper-300);margin:0 0 20px}
.footer-grid .brand{font-family:var(--f-display);font-weight:600;font-size:24px;letter-spacing:.14em;color:#fff;display:block;margin-bottom:16px}
.footer-grid .brand .sub{display:block;font-family:var(--f-body);font-weight:600;font-size:9px;letter-spacing:.36em;color:var(--copper-300);margin-top:4px}
.footer-grid p{font-size:14px;line-height:1.6;color:rgba(255,255,255,.65);margin:0 0 14px}
.footer-grid ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:11px}
.footer-grid ul a{font-size:14px;color:rgba(255,255,255,.85);transition:color var(--dur-fast) var(--ease-out)}
.footer-grid ul a:hover{color:var(--copper-300)}
.legal{border-top:1px solid rgba(255,255,255,.1);padding:24px 56px 0;display:flex;justify-content:space-between;font-family:var(--f-mono);font-size:11px;color:rgba(255,255,255,.45);letter-spacing:.04em;max-width:1320px;margin:0 auto;flex-wrap:wrap;gap:14px}
.legal a:hover{color:var(--copper-300)}

/* === COOKIE === */
.cookie{position:fixed;bottom:24px;left:24px;right:24px;max-width:980px;margin:0 auto;background:var(--paper);border:1px solid var(--line);border-radius:var(--r-md);padding:22px 26px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center;box-shadow:var(--sh-lg);z-index:100;transition:opacity var(--dur-slow) var(--ease-out),transform var(--dur-slow) var(--ease-out)}
.cookie.hidden{opacity:0;transform:translateY(20px);pointer-events:none}
.cookie p{font-size:13px;color:var(--ink-700);line-height:1.5;margin:0}
.cookie p b{color:var(--navy-900)}
.cookie .actions{display:flex;gap:10px;flex-shrink:0}
.cookie a{color:var(--copper-700);border-bottom:1px solid var(--copper-300)}

/* === SHARED CONTAINER === */
.container{max-width:1320px;margin:0 auto;padding:0 56px}

@media (max-width:1080px){
  .container{padding:0 32px}
  .header-inner{padding:16px 32px}
  .site-nav{display:none}
  .footer-grid{grid-template-columns:1fr 1fr;gap:32px;padding:0 32px}
  .a11y-col{grid-column:span 2}
  .legal{flex-direction:column;align-items:flex-start;padding:24px 32px 0}
}
@media (max-width:640px){
  .container{padding:0 20px}
  .header-inner{padding:14px 20px}
  .footer-grid{grid-template-columns:1fr}
}
/* footer-mobile-fix */
@media (max-width:640px){
  .footer-brand-row{flex-wrap:nowrap;gap:12px;align-items:center}
  .footer-brand-row .brand{margin-top:0;font-size:18px;white-space:nowrap}
  .footer-stamp{width:56px;height:56px}
  .footer-grid{gap:28px}
}
/* a11y panel */
.a11y-block{padding:0}
.a11y-block h5{font-family:var(--f-body);font-weight:700;font-size:11px;letter-spacing:.18em;text-transform:uppercase;color:var(--copper-300);margin:0 0 14px}
.a11y-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center}
.a11y-size{display:inline-flex;gap:4px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);padding:3px}
.a11y-size button{background:transparent;border:none;color:rgba(255,255,255,.75);font-family:var(--f-body);font-weight:700;cursor:pointer;padding:6px 12px;border-radius:var(--r-pill);transition:background var(--dur-fast) var(--ease-out),color var(--dur-fast) var(--ease-out);line-height:1}
.a11y-size button:hover{color:#fff}
.a11y-size button.is-on{background:var(--copper-600);color:#fff}
.a11y-size button[data-size="1"]{font-size:13px}
.a11y-size button[data-size="2"]{font-size:15px}
.a11y-size button[data-size="3"]{font-size:17px}
.a11y-contrast{display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);padding:6px 14px;cursor:pointer;color:rgba(255,255,255,.85);font-family:var(--f-body);font-size:13px;font-weight:600}
.a11y-contrast .sw{width:32px;height:18px;background:rgba(255,255,255,.18);border-radius:999px;position:relative;transition:background var(--dur-base) var(--ease-out)}
.a11y-contrast .sw::after{content:"";position:absolute;left:2px;top:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:transform var(--dur-base) var(--ease-out)}
.a11y-contrast.is-on .sw{background:var(--copper-500)}
.a11y-contrast.is-on .sw::after{transform:translateX(14px)}
html[data-fs="2"] body{zoom:1.10}
html[data-fs="3"] body{zoom:1.20}
body.high-contrast{background:#fff;color:#000}
body.high-contrast .legal-hero,
body.high-contrast .legal-body{background:#fff}
body.high-contrast .legal-body h2,
body.high-contrast .legal-body h3,
body.high-contrast .legal-body p,
body.high-contrast .legal-body li,
body.high-contrast .legal-hero h1{color:#000}
body.high-contrast .legal-hero .tag,
body.high-contrast .legal-hero h1 .copper{color:var(--copper-800)}
body.high-contrast .site-footer{background:var(--navy-950) !important;color:#fff !important}
body.high-contrast .footer-grid h5{color:var(--copper-200) !important}

/* === LOGO STAMPS === */
.brand-row{display:inline-flex;align-items:center;gap:12px;text-decoration:none;color:inherit}
.brand-stamp{width:42px;height:42px;flex-shrink:0;display:block}
.footer-brand-row{display:flex;align-items:flex-start;gap:18px;margin-bottom:18px}
.footer-stamp{width:96px;height:96px;flex-shrink:0;display:block;cursor:pointer;filter:drop-shadow(0 4px 12px rgba(0,0,0,.25));transition:transform 280ms var(--ease-out),filter 280ms var(--ease-out)}
.footer-stamp:hover{transform:scale(1.28);filter:drop-shadow(0 6px 18px rgba(160,83,29,.55))}
.footer-brand-row .brand{margin-top:14px}
.drawer-brand-row{display:inline-flex;align-items:center;gap:10px}
.drawer-stamp{width:32px;height:32px;flex-shrink:0;display:block}
@media (max-width:640px){
  .brand-stamp{width:36px;height:36px}
  .footer-stamp{width:56px;height:56px}
  .footer-brand-row{gap:14px}
}