/* Fonturile site-ului, servite de la noi (Google Fonts, licenta OFL). Generat de pregateste_fonturi. */
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonturi/EBGaramond-400-700-italic-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'EB Garamond';font-style:italic;font-weight:400 700;font-display:swap;src:url(fonturi/EBGaramond-400-700-italic-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonturi/EBGaramond-400-700-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'EB Garamond';font-style:normal;font-weight:400 700;font-display:swap;src:url(fonturi/EBGaramond-400-700-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonturi/IBMPlexMono-400-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:400;font-display:swap;src:url(fonturi/IBMPlexMono-400-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonturi/IBMPlexMono-500-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'IBM Plex Mono';font-style:normal;font-weight:500;font-display:swap;src:url(fonturi/IBMPlexMono-500-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonturi/Inter-300-700-normal-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;}
@font-face{font-family:'Inter';font-style:normal;font-weight:300 700;font-display:swap;src:url(fonturi/Inter-300-700-normal-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;}

/* kit.css — consolidat din pagina v44 (38 de straturi, in ordinea lor) de
   curata_css.py; regulile fara markup au fost scoase. Paleta si jetoanele
   stau in :root, la inceput. Paginile secundare: la sfarsit (extra.css). */

/* ===== STRAT: baza ===== */

:root{
  /* Paleta KONTAH */
  --noapte:      #060504;
  --panou:       #201B15;
  --panou-2:     #2C251C;
  --linie:       #382F22;
  --aur:         #CBA13F;   /* aur de linie */
  --aur-clar:    #F0DCA6;   /* capătul deschis al aurului nocturn */
  --aur-adanc:   #C08A45;   /* capătul închis */
  --text:        #E8E4DA;
  --crem:        #FBF8F0;   /* secțiunile de citit */
  --cerneala:    #2B2620;

  /* Derivate — se recalculează singure dacă schimbi cele de sus */
  --aur-nocturn: linear-gradient(135deg, var(--aur-clar) 0%, var(--aur) 54%, var(--aur-adanc) 100%);
  --text-mut:    rgba(232,228,218,.70);
  --text-slab:   rgba(232,228,218,.46);
  --text-stins:  rgba(232,228,218,.28);
  --aur-slab:    rgba(203,161,63,.09);
  --aur-mediu:   rgba(203,161,63,.22);
  --linie-slab:  rgba(203,161,63,.13);
  --linie-tare:  rgba(203,161,63,.34);

  --card-fundal:       linear-gradient(150deg, rgba(44,37,28,.90) 0%, rgba(32,27,21,.84) 58%, rgba(32,27,21,.66) 100%);
  --card-fundal-hover: linear-gradient(150deg, rgba(54,45,33,.96) 0%, rgba(38,32,24,.90) 58%, rgba(203,161,63,.07) 100%);
  --panou-sticla:      linear-gradient(150deg, rgba(240,220,166,.06) 0%, rgba(203,161,63,.02) 55%, rgba(6,5,4,.30) 100%);

  --umbra:        0 18px 46px rgba(0,0,0,.42);
  --umbra-inalta: 0 26px 64px rgba(0,0,0,.54);

  /* Ritm și geometrie */
  --lat:      1220px;
  --marja:    56px;
  --gutter:   18px;
  --raza:     26px;
  --raza-mica:16px;

  /* Fonturi */
  --font-titlu: "EB Garamond", "Cormorant Garamond", Georgia, "Times New Roman", serif;
  --font-corp:  "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif;
  --font-mono:  "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;

  /* Alias-uri vechi — regulile moștenite din kontadesk continuă să meargă */
  --bg:      var(--noapte);
  --bg-soft: var(--panou);
  --panel:   var(--panou);
  --panel-2: var(--panou-2);
  --line:    var(--linie);
  --muted:   var(--text-mut);
  --dim:     var(--text-slab);
  --accent:  var(--aur);
}
.pe-crem{
  --noapte:      var(--crem);
  --panou:       #F4EFE3;
  --panou-2:     #EDE6D5;
  --linie:       #E0D6C0;
  --aur:         #8A6A24;
  --aur-clar:    #B08C36;
  --aur-adanc:   #6E5218;
  --text:        var(--cerneala);
  --text-mut:    rgba(43,38,32,.74);
  --text-slab:   rgba(43,38,32,.52);
  --text-stins:  rgba(43,38,32,.34);
  --aur-slab:    rgba(138,106,36,.07);
  --aur-mediu:   rgba(138,106,36,.20);
  --linie-slab:  rgba(43,38,32,.12);
  --linie-tare:  rgba(138,106,36,.34);
  --card-fundal:       linear-gradient(150deg, #FFFDF7 0%, #F6F1E5 100%);
  --card-fundal-hover: linear-gradient(150deg, #FFFFFF 0%, #F7F0DF 100%);
  --panou-sticla:      linear-gradient(150deg, rgba(138,106,36,.05), rgba(43,38,32,.02));
  --umbra:        0 14px 34px rgba(43,38,32,.10);
  --umbra-inalta: 0 22px 52px rgba(43,38,32,.16);
  background: var(--crem);
  color: var(--cerneala);
}
*{ box-sizing:border-box; }
html{
  -webkit-text-size-adjust:100%;
  text-size-adjust:100%;
  overscroll-behavior-y:none;
  scroll-behavior:smooth;
  font-family:var(--font-corp);
  text-rendering:optimizeLegibility;
}
body{
  margin:0;
  background:var(--noapte);
  color:var(--text);
  font-family:var(--font-corp);
  font-weight:350;
  line-height:1.7;
  overflow-x:hidden;
  -webkit-tap-highlight-color:transparent;
  overscroll-behavior:none;
}
*, *::before, *::after{
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
}
a{ color:inherit; text-decoration:none; }
img, svg, video{ max-width:100%; display:block; height:auto; }
button, input, select, textarea, optgroup{ font:inherit; color:inherit; }
section{ position:relative; }
hr{ border:0; height:1px; background:var(--linie); margin:0; }
:where(a,button,input,select,textarea,[tabindex]):focus-visible{
  outline:2px solid var(--aur);
  outline-offset:3px;
  border-radius:6px;
}
h1, h2, h3, h4, h5, h6{
  font-family:var(--font-titlu);
  font-weight:500;
  color:var(--text);
  letter-spacing:-.012em;
  margin:0;
  text-wrap:balance;
}
h1{ font-size:clamp(40px,5.4vw,78px); line-height:1.02; letter-spacing:-.02em; }
h2{ font-size:clamp(30px,4.2vw,60px); line-height:1.04; letter-spacing:-.018em; }
h3{ font-size:clamp(24px,2.9vw,38px); line-height:1.10; }
h4{ font-size:clamp(19px,1.9vw,25px); line-height:1.20; }
p{ margin:0; }
.eyebrow{
  display:inline-flex;
  align-items:center;
  gap:9px;
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.30em;
  text-transform:uppercase;
  color:var(--aur);
  margin:0 0 16px;
}
.lead{
  color:var(--text-mut);
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.72;
  font-weight:350;
  max-width:58ch;
}
.container{
  width:min(var(--lat), calc(100% - var(--marja)));
  margin:0 auto;
}
.sectiune{ padding:clamp(64px,8vw,120px) 0; }
.sectiune + .sectiune{ border-top:1px solid var(--linie-slab); }
.grila{ display:grid; gap:var(--gutter); }
.grila-2{ display:grid; grid-template-columns:repeat(2,1fr); gap:var(--gutter); }
.grila-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:var(--gutter); }
.grila-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:var(--gutter); }
@media (max-width:1100px){.grila-4{ grid-template-columns:repeat(2,1fr); }}
@media (max-width:980px){.grila-3{ grid-template-columns:repeat(2,1fr); }}
@media (max-width:760px){:root{ --marja:28px; }
.grila-2, .grila-3, .grila-4{ grid-template-columns:1fr; }}
.section-head{
  display:grid;
  grid-template-columns:1.06fr .94fr;
  gap:clamp(20px,2.6vw,34px);
  align-items:end;
  margin-bottom:clamp(28px,3.4vw,44px);
}
.section-head h2{
  font-size:clamp(30px,4.4vw,62px);
  line-height:1.02;
  letter-spacing:-.02em;
  margin:0;
}
.section-head p{
  margin:0;
  color:var(--text-mut);
  max-width:56ch;
  font-size:17px;
  line-height:1.74;
  font-weight:350;
}
@media (max-width:980px){.section-head{ grid-template-columns:1fr; align-items:start; }}
.card, .note-card{
  position:relative;
  padding:clamp(22px,2.4vw,30px);
  border-radius:var(--raza);
  border:1px solid var(--linie);
  background:var(--card-fundal);
  box-shadow:var(--umbra), inset 0 1px 0 rgba(240,220,166,.05);
  overflow:hidden;
  transition:transform .34s cubic-bezier(.22,1,.36,1),
             border-color .34s ease,
             box-shadow .34s ease,
             background .34s ease;
}
.card::before{
  content:"";
  position:absolute; inset:0;
  border-radius:inherit;
  background:var(--panou-sticla);
  opacity:.6;
  pointer-events:none;
  transition:opacity .34s ease;
}
.card > *, .note-card > *{ position:relative; z-index:1; }
.card:hover, .note-card:hover{
  transform:translateY(-5px);
  border-color:var(--linie-tare);
  background:var(--card-fundal-hover);
  box-shadow:var(--umbra-inalta), 0 0 0 1px var(--aur-slab);
}
.card:hover::before{ opacity:1; }
.card h3, .card h4{ margin:0 0 10px; }
.card p{ color:var(--text-mut); font-size:15px; line-height:1.70; margin:0; }
.card--incadrat{ border-color:var(--linie-tare); }
.card--compact{ padding:18px 20px; border-radius:var(--raza-mica); }
.gc-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  padding:6px 13px;
  border-radius:999px;
  border:1px solid var(--linie);
  background:var(--aur-slab);
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.16em;
  text-transform:uppercase;
  color:var(--text-mut);
  white-space:nowrap;
  transition:border-color .22s ease, background .22s ease, color .22s ease;
}
.gc-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
}
.btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:9px;
  padding:14px 28px;
  border-radius:999px;
  border:1px solid var(--linie-tare);
  background:transparent;
  color:var(--text);
  font-family:var(--font-mono);
  font-size:11px;
  font-weight:500;
  letter-spacing:.22em;
  text-transform:uppercase;
  cursor:pointer;
  white-space:nowrap;
  transition:transform .2s ease, background .26s ease, border-color .26s ease,
             color .26s ease, box-shadow .26s ease;
}
.btn svg{ width:13px; height:13px; stroke:currentColor; fill:none; stroke-width:1.7; }
.btn:hover{ transform:translateY(-1px); }
.btn:active{ transform:translateY(0); }
.btn-primar{
  background:var(--aur-nocturn);
  border-color:transparent;
  color:var(--cerneala);
  box-shadow:0 10px 28px rgba(192,138,69,.20);
}
.btn-primar:hover{
  box-shadow:0 14px 38px rgba(203,161,63,.30);
  filter:brightness(1.06);
}
.btn-secundar{
  background:var(--aur-slab);
  border:1px solid var(--linie-tare);
  color:var(--aur);
}
.btn-secundar:hover{
  background:var(--aur-mediu);
  border-color:var(--aur);
  color:var(--aur-clar);
}
.btn[disabled], .btn[aria-disabled="true"]{ opacity:.42; pointer-events:none; }
.idxbar{
  position:sticky;
  top:0;
  z-index:90;
  background:transparent;
  transition:background .5s ease, backdrop-filter .5s ease, box-shadow .5s ease;
}
.idxbar::after{
  content:"";
  position:absolute; left:50%; bottom:0;
  transform:translateX(-50%);
  width:min(var(--lat), calc(100% - var(--marja)));
  height:1px;
  background:linear-gradient(90deg,
    transparent 0%,
    rgba(203,161,63,0) 8%,
    var(--linie-tare) 38%,
    var(--aur) 50%,
    var(--linie-tare) 62%,
    rgba(203,161,63,0) 92%,
    transparent 100%);
  pointer-events:none;
  opacity:.85;
}
.idxtb{
  width:min(var(--lat), calc(100% - var(--marja)));
  margin:0 auto;
  height:76px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
}
.idxtb-left{ display:flex; align-items:center; gap:12px; min-width:0; }
.idxtb-right{ display:flex; gap:6px; flex-wrap:wrap; align-items:center; }
.idxtb-right a:not(.btn){
  padding:9px 16px;
  border-radius:999px;
  border:1px solid transparent;
  font-family:var(--font-mono);
  font-size:10px;
  letter-spacing:.20em;
  text-transform:uppercase;
  color:var(--text-mut);
  transition:all .22s ease;
}
.idxtb-right a:not(.btn):hover, .idxtb-right a:not(.btn).on, .idxtb-right a:not(.btn)[aria-current="page"]{
  border-color:var(--linie-tare);
  background:var(--aur-slab);
  color:var(--aur);
}
.idxtb-right .btn{ padding:9px 18px; }
.menu-toggle{ display:none; }
.mobile-nav{ display:none; }
@media (max-width:920px){.idxbar{
    background:linear-gradient(180deg, rgba(6,5,4,.92), rgba(6,5,4,.30) 68%, transparent);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
    z-index:140;
  }
.idxtb{
    height:auto;
    min-height:64px;
    padding:12px 0;
  }
.idxtb-right{ display:none; }
.menu-toggle{
    display:inline-flex;
    align-items:center; justify-content:center;
    width:44px; height:44px;
    border-radius:13px;
    border:1px solid var(--linie-tare);
    background:var(--aur-slab);
    position:relative;
    cursor:pointer;
    flex:0 0 auto;
  }
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after{
    display:block;
    width:20px; height:1.5px;
    background:var(--aur-clar);
    border-radius:2px;
    transition:transform .3s ease, opacity .2s ease;
  }
.menu-toggle span{ position:relative; }
.menu-toggle span::before, .menu-toggle span::after{ content:""; position:absolute; left:0; }
.menu-toggle span::before{ top:-6px; }
.menu-toggle span::after{ top: 6px; }
.menu-toggle.open span, .menu-toggle[aria-expanded="true"] span{ background:transparent; }
.menu-toggle.open span::before, .menu-toggle[aria-expanded="true"] span::before{ transform:translateY(6px) rotate(45deg); }
.menu-toggle.open span::after, .menu-toggle[aria-expanded="true"] span::after{ transform:translateY(-6px) rotate(-45deg); }
.mobile-nav{
    display:block;
    position:fixed; inset:0; z-index:150;
    opacity:0; visibility:hidden; pointer-events:none;
    transition:opacity .26s ease, visibility 0s linear .26s;
  }
.mobile-nav.open, .mobile-nav[aria-hidden="false"], body.mobile-menu-open .mobile-nav{
    opacity:1; visibility:visible; pointer-events:auto;
    transition:opacity .26s ease, visibility 0s linear 0s;
  }
.mobile-nav__backdrop{
    position:absolute; inset:0;
    background:rgba(6,5,4,.94);
    backdrop-filter:blur(16px);
    -webkit-backdrop-filter:blur(16px);
  }
.mobile-nav__panel{
    position:absolute; left:14px; right:14px; top:14px;
    padding:84px 18px 22px;
    border-radius:28px;
    border:1px solid var(--linie);
    background:linear-gradient(180deg, var(--panou-2) 0%, var(--panou) 48%, rgba(6,5,4,.98) 100%);
    box-shadow:var(--umbra-inalta), inset 0 1px 0 rgba(240,220,166,.08);
    overflow:hidden;
  }
.mobile-nav__list{ display:grid; gap:10px; }
.mobile-nav__list a{
    display:flex; align-items:center; justify-content:space-between;
    padding:16px 18px;
    border-radius:16px;
    border:1px solid var(--linie);
    background:var(--aur-slab);
    font-family:var(--font-mono);
    font-size:11px; letter-spacing:.22em; text-transform:uppercase;
    color:var(--text);
    gap:14px;
  }
.mobile-nav__list a::after{ content:"→"; color:var(--aur); }
body.mobile-menu-open{ overflow:hidden; }}
@media (max-width:360px){.menu-toggle{ width:40px; height:40px; }}
.hero{
  position:relative;
  min-height:100dvh;
  display:flex;
  align-items:center;
  overflow:hidden;
}
.hero::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 18% 32%, rgba(203,161,63,.10), transparent 46%),
    radial-gradient(ellipse at 78% 74%, rgba(192,138,69,.07), transparent 44%),
    linear-gradient(180deg, var(--noapte) 0%, #0B0907 46%, var(--noapte) 100%);
  pointer-events:none;
}
.hero-copy{
  position:relative; z-index:3;
  width:min(52vw,780px);
  margin-left:max(20px,1.2vw);
  padding:14vh 0 10vh;
  text-align:left;
}
.hero h1{
  font-family:var(--font-titlu);
  font-size:clamp(40px,5.4vw,80px);
  line-height:1.00;
  letter-spacing:-.022em;
  font-weight:500;
}
.hero-actiuni{ margin-top:34px; display:flex; flex-wrap:wrap; gap:12px; }
@media (max-width:1280px){.hero-copy{ width:min(58vw,640px); }}
@media (max-width:1024px){.hero-copy{ width:min(66vw,580px); }}
@media (max-width:920px){.hero{ min-height:auto; }
.hero-copy{
    width:min(90vw,680px);
    margin-inline:auto;
    text-align:center;
    padding:16vh 0 8vh;
  }
.hero-actiuni{ justify-content:center; }}
@media (max-width:430px){.hero h1{ font-size:clamp(34px,10vw,52px); line-height:1.04; }}
.statement{
  padding:clamp(72px,10vw,148px) 0 clamp(56px,7vw,90px);
  border-top:1px solid var(--linie-slab);
}
.statement h2{
  font-size:clamp(30px,4.2vw,58px);
  line-height:1.02;
  letter-spacing:-.02em;
  margin:0;
}
.statement p{
  margin:0;
  color:var(--text-mut);
  font-size:clamp(17px,1.5vw,20px);
  line-height:1.74;
  font-weight:350;
  max-width:56ch;
}
@media (max-width:480px){.statement{ padding:52px 0 40px; }
.statement h2{ font-size:clamp(26px,8vw,38px); }
.statement p{ font-size:17px; }}
.note-card{
  padding:28px;
  border-radius:var(--raza);
  min-height:190px;
}
.note-card h4{ margin:0 0 10px; font-size:clamp(24px,2.2vw,34px); line-height:1.08; }
.note-card p{ margin:0; color:var(--text-mut); line-height:1.72; font-size:18px; max-width:38ch; }
@media (max-width:1180px){.note-card{ min-height:0; }}
@media (max-width:760px){.note-card{ padding:22px; border-radius:22px; }}
@keyframes orbitA_v22{ from{ transform:translate(-50%,-50%) rotate(0deg) }   to{ transform:translate(-50%,-50%) rotate(360deg) } }
@keyframes orbitB_v22{ from{ transform:translate(-50%,-50%) rotate(60deg) }  to{ transform:translate(-50%,-50%) rotate(420deg) } }
@keyframes orbitC_v22{ from{ transform:translate(-50%,-50%) rotate(-60deg) } to{ transform:translate(-50%,-50%) rotate(-420deg) } }
@keyframes counterA_v22{ from{ transform:rotate(0deg) }   to{ transform:rotate(-360deg) } }
@keyframes counterB_v22{ from{ transform:rotate(-60deg) } to{ transform:rotate(-420deg) } }
@keyframes counterC_v22{ from{ transform:rotate(60deg) }  to{ transform:rotate(420deg) } }
footer{
  position:relative;
  z-index:2;
  padding:40px 0 34px;
  margin-top:clamp(32px,5vw,56px);
  border-top:1px solid var(--linie);
  background:linear-gradient(180deg, transparent, rgba(32,27,21,.55));
  color:var(--text-slab);
  font-size:13px;
  line-height:1.7;
}
@media (max-width:480px){.card, .note-card{
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }}
@media (max-width:430px){input, select, textarea, button, .btn{ min-height:44px; font-size:18px; }
textarea{ min-height:120px; }
.btn{ font-size:11px; }}
@media (hover:none){.card:hover, .note-card:hover{ transform:none; }
.card, .note-card{
    -webkit-tap-highlight-color:var(--aur-slab);
  }}
@media (prefers-reduced-motion:reduce){*, *::before, *::after{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
    scroll-behavior:auto !important;
  }}
@media print{body{ background:#fff; color:#000; }
.idxbar, .mobile-nav, .menu-toggle{ display:none !important; }
.card{ box-shadow:none; border-color:#bbb; }}
Se lipește în <head>, în foaia de stil a paginii, ÎNAINTE de CSS-ul
     secțiunilor. Dacă foaia principală declară deja paleta KONTAH, ȘTERGE blocul :root de mai jos — restul regulilor folosesc doar
     variabilele, cu fallback, și rămân valabile.
     ===================================================================== -->



html{ scroll-behavior:smooth; -webkit-text-size-adjust:100%; }
body{ background:var(--noapte); color:var(--text); font-family:var(--font-corp); }
[id]{ scroll-margin-top: calc(var(--h-antet) + 18px); }
.kh-container{
  width:min(var(--lat-continut), calc(100% - 56px));
  margin-inline:auto;
}
@media(max-width:600px){.kh-container{ width:min(var(--lat-continut), calc(100% - 28px)); }}
.kh-skip{
  position:absolute; left:-9999px; top:0; z-index:300;
  padding:12px 18px; border-radius:0 0 12px 0;
  background:var(--panou-2); color:var(--crem);
  font:500 12px/1 var(--font-mono); letter-spacing:.14em; text-transform:uppercase;
}
.kh-skip:focus{ left:0; }
.idxbar{
  position:sticky; top:0; z-index:90;
  background:transparent;
  transition:background .35s ease, box-shadow .35s ease, backdrop-filter .35s ease;
}
.idxbar.scrolled{
  background:rgba(6,5,4,.86);
  -webkit-backdrop-filter:blur(14px) saturate(120%);
  backdrop-filter:blur(14px) saturate(120%);
  box-shadow:0 18px 44px rgba(0,0,0,.42);
}
.idxbar::after{
  content:""; position:absolute; left:50%; bottom:0; transform:translateX(-50%);
  width:min(var(--lat-continut), calc(100% - 56px)); height:1px;
  background:linear-gradient(90deg,
    transparent 0%, rgba(203,161,63,0) 8%, rgba(203,161,63,.28) 38%,
    rgba(203,161,63,.34) 50%, rgba(203,161,63,.28) 62%,
    rgba(203,161,63,0) 92%, transparent 100%);
  pointer-events:none; opacity:.9;
}
@media(max-width:920px){.idxbar::after{ width:calc(100% - 28px); }}
.idxtb{
  height:var(--h-antet);
  display:flex; align-items:center; justify-content:space-between;
  gap:18px;
  width:min(var(--lat-continut), calc(100% - 56px)); margin-inline:auto;
}
@media(max-width:600px){.idxtb{ width:min(var(--lat-continut), calc(100% - 28px)); }}
.idxtb-left{ display:flex; align-items:baseline; gap:10px; text-decoration:none; flex:0 0 auto; }
.idxtb-left .kh-marca{
  font-family:var(--font-mono); font-weight:500;
  font-size:17px; letter-spacing:.34em; text-transform:uppercase;
  background:var(--aur-nocturn); -webkit-background-clip:text; background-clip:text;
  color:transparent;
}
.idxtb-left .kh-marca-sub{
  font-family:var(--font-mono); font-size:9px; letter-spacing:.26em;
  text-transform:uppercase; color:var(--text-stins);
}
@media(max-width:1080px){.idxtb-left .kh-marca-sub{ display:none; }}
.idxtb-right{ display:flex; align-items:center; gap:4px; flex-wrap:nowrap; }
.idxtb-right a{
  padding:9px 13px; border-radius:999px;
  border:1px solid transparent; background:transparent;
  font-family:var(--font-mono); font-size:10.5px; letter-spacing:.18em;
  text-transform:uppercase; color:var(--text); text-decoration:none; white-space:nowrap;
  transition:color .2s ease, border-color .2s ease, background .2s ease;
}
.idxtb-right a:hover{
  border-color:var(--linie); background:rgba(203,161,63,.06); color:var(--crem);
}
.idxtb-right a.on{
  border-color:rgba(203,161,63,.34);
  background:rgba(203,161,63,.09);
  color:var(--aur-1);
}
.idxtb-right a.kh-autentificare{ color:var(--text-stins); }
.idxtb-right a.kh-autentificare:hover{ color:var(--crem); }
.idxtb-right a.kh-actiune{
  padding:10px 18px; border:0;
  background:var(--aur-nocturn); color:var(--cerneala);
  font-weight:500; letter-spacing:.14em;
  box-shadow:0 6px 20px rgba(192,138,69,.22);
}
.idxtb-right a.kh-actiune:hover{
  background:var(--aur-nocturn); color:var(--cerneala);
  filter:brightness(1.06); box-shadow:0 10px 28px rgba(192,138,69,.32);
}
.menu-toggle{ display:none; }
@media(max-width:920px){:root{ --h-antet:62px; }
.idxtb-right{ display:none; }
.idxbar{ background:rgba(6,5,4,.88); -webkit-backdrop-filter:blur(12px); backdrop-filter:blur(12px); }
.menu-toggle{
    display:inline-flex; align-items:center; justify-content:center;
    width:42px; height:42px; border-radius:12px;
    border:1px solid rgba(203,161,63,.28); background:rgba(203,161,63,.06);
    cursor:pointer; position:relative; z-index:201; flex:0 0 auto;
  }
.menu-toggle span, .menu-toggle span::before, .menu-toggle span::after{
    display:block; width:20px; height:1.5px; background:var(--text); border-radius:2px;
    transition:transform .3s ease, opacity .2s ease, background .2s ease;
  }
.menu-toggle span{ position:relative; }
.menu-toggle span::before, .menu-toggle span::after{ content:""; position:absolute; left:0; }
.menu-toggle span::before{ top:-6px; }
.menu-toggle span::after{ top: 6px; }
.menu-toggle[aria-expanded="true"] span{ background:transparent; }
.menu-toggle[aria-expanded="true"] span::before{ transform:translateY(6px)  rotate(45deg); }
.menu-toggle[aria-expanded="true"] span::after{ transform:translateY(-6px) rotate(-45deg); }}
.mobile-nav{
  position:fixed; inset:0; z-index:200; display:block;
  opacity:0; visibility:hidden; pointer-events:none;
  transition:opacity .26s ease, visibility 0s linear .26s;
}
.mobile-nav.open{
  opacity:1; visibility:visible; pointer-events:auto;
  transition:opacity .26s ease, visibility 0s linear 0s;
}
.mobile-nav__backdrop{ position:absolute; inset:0; background:rgba(6,5,4,.94); }
.mobile-nav__panel{
  position:absolute; left:14px; right:14px; top:14px;
  max-height:calc(100dvh - 28px); overflow-y:auto; -webkit-overflow-scrolling:touch;
  padding:74px 16px 18px; border-radius:26px;
  border:1px solid var(--linie);
  background:linear-gradient(180deg, var(--panou-2) 0%, var(--panou) 62%, #17130E 100%);
  box-shadow:0 24px 80px rgba(0,0,0,.62), inset 0 1px 0 rgba(203,161,63,.16);
}
.mobile-nav__list{ display:grid; gap:8px; }
.mobile-nav__list a{
  display:flex; align-items:center; justify-content:space-between; gap:14px;
  padding:16px 18px; border-radius:16px;
  border:1px solid var(--linie); background:rgba(232,228,218,.03);
  font-family:var(--font-mono); font-size:11px; letter-spacing:.22em;
  text-transform:uppercase; color:var(--text); text-decoration:none;
}
.mobile-nav__list a.on{
  border-color:rgba(203,161,63,.40); background:rgba(203,161,63,.10); color:var(--aur-1);
}
.mobile-nav__list a::after{ content:"›"; font-size:18px; color:var(--aur-linie); opacity:.7; }
.mobile-nav__list .kh-sep-mobil{
  height:1px; background:var(--linie); margin:8px 2px 4px;
}
.mobile-nav__list a.kh-actiune{
  border:0; background:var(--aur-nocturn); color:var(--cerneala); font-weight:500;
}
.mobile-nav__list a.kh-actiune::after{ color:var(--cerneala); opacity:.85; }
body.mobile-menu-open{ overflow:hidden; }
.kh-subsol{
  position:relative; z-index:2; margin-top:72px;
  padding:56px 0 30px;
  border-top:1px solid var(--linie);
  background:linear-gradient(180deg, transparent, rgba(32,27,21,.55));
}
.kh-subsol h2, .kh-subsol h3{
  margin:0 0 14px;
  font-family:var(--font-mono); font-weight:500;
  font-size:10px; letter-spacing:.24em; text-transform:uppercase;
  color:var(--aur-linie);
}
.kh-subsol h3 small{
  display:block; margin-top:4px;
  font-family:var(--font-corp); font-size:11px; letter-spacing:.02em;
  text-transform:none; color:var(--text-stins);
}
.kh-subsol ul{ list-style:none; margin:0; padding:0; display:grid; gap:9px; }
.kh-subsol a{
  color:var(--text-stins); text-decoration:none; font-size:13.5px; line-height:1.45;
  transition:color .2s ease;
}
.kh-subsol a:hover{ color:var(--crem); }
@media (prefers-reduced-motion: reduce){html{ scroll-behavior:auto; }
*, *::before, *::after{
    animation-duration:.001ms !important; animation-iteration-count:1 !important;
    transition-duration:.001ms !important; scroll-behavior:auto !important;
  }}
.gc-num{ color: #CBA13F !important; }
.gc-tag{ color: rgba(203,161,63,.80) !important; }
.gc-dot.on{ background: #CBA13F !important; border-color: #CBA13F !important; }
.gc-card:hover{
  border-color: rgba(203,161,63,.42) !important;
  box-shadow: inset 0 1px 0 rgba(240,220,166,.20), 0 8px 60px rgba(0,0,0,.30), 0 0 28px rgba(203,161,63,.16), 0 0 56px rgba(203,161,63,.08) !important;
}
.gc-num{
  color: rgba(203,161,63,.55) !important;
}
@media (max-width: 920px){.gc-pills{
    flex-wrap: wrap !important;
    gap: 5px !important;
    max-width: 100% !important;
    margin-top: 8px !important;
  }
.gc-pill{
    flex: 0 0 auto !important;
    white-space: nowrap;
    font-size: 9px !important;
    padding: 3px 8px !important;
    letter-spacing: .10em !important;
  }
.gc-face{
    box-sizing: border-box;
    overflow: visible !important;    /* nu atinge asta — cauzeaza freeze iOS! */
  }
.gc-card{
    box-sizing: border-box;
    position: absolute !important;
    inset: 0 !important;
    overflow: hidden !important;     /* clipeaza pills care n-ar incape       */
    background: rgba(14,14,14,.42) !important;
    border: 1px solid rgba(203,161,63,.14) !important;
    border-radius: 12px !important;
  }
.gc-cube{
    --s: 46vw !important;
  }
.gc-body{
    display: none !important;
  }
.gc-title{
    font-size: 14px !important;
    line-height: 1.2 !important;
    margin-bottom: 6px !important;
  }
.gc-tag{
    font-size: 14px !important;
    line-height: 1.12 !important;
    margin-bottom: 7px !important;
  }
.gc-num{
    font-size: 9px !important;
    margin-bottom: 4px !important;
  }
.gc-inner{
    padding: 13px !important;
    box-sizing: border-box !important;
    height: 100% !important;
    width: 100% !important;
  }}
@media (max-width: 720px){.gc-cube{
    will-change: auto !important;
  }}
.cube-sec{height:220vh;position:relative}
.cube-stick{position:sticky;top:0;height:100dvh;overflow:hidden;background:transparent;pointer-events:none;z-index:2}
.gc-dots{position:absolute;right:24px;top:50%;transform:translateY(-50%);display:flex;flex-direction:column;gap:8px;z-index:20;pointer-events:none}
.gc-dot{width:5px;height:5px;border-radius:50%;border:1px solid rgba(255,255,255,.24);background:transparent;transition:all .3s}
.gc-dot.on{background:rgba(255,255,255,.62);border-color:rgba(255,255,255,.62);transform:scale(1.5)}
@media(max-width:600px){.gc-dots{display:none}}
.gc-persp{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;perspective:1800px;perspective-origin:50% 50%;cursor:grab;user-select:none;-webkit-user-select:none;-webkit-user-drag:none;z-index:5;pointer-events:auto;touch-action:none}
.gc-persp:active{cursor:grabbing}
@media(max-width:920px){.gc-persp{touch-action:pan-y !important}}
.gc-cube{--s:min(500px,64vw);width:var(--s);height:var(--s);position:relative;transform-style:preserve-3d;will-change:transform}
@media(max-width:600px){.gc-cube{--s:46vw}}
@media(min-width:601px) and (max-width:900px){.gc-cube{--s:46vw}}
.gc-face{position:absolute;inset:0;transform-style:preserve-3d;backface-visibility:hidden;-webkit-backface-visibility:hidden}
.gc-f0{transform:translateZ(calc(var(--s)/2))}
.gc-f1{transform:rotateY(90deg) translateZ(calc(var(--s)/2))}
.gc-f2{transform:rotateY(180deg) translateZ(calc(var(--s)/2))}
.gc-f3{transform:rotateY(-90deg) translateZ(calc(var(--s)/2))}
.gc-persp{
  filter: drop-shadow(0 0 32px rgba(203,161,63,.10));
  transition: filter .6s ease;
}
.gc-persp:hover, .gc-persp:active{
  filter: drop-shadow(0 0 52px rgba(203,161,63,.22)) drop-shadow(0 0 18px rgba(203,161,63,.14));
}
.gc-card{
  position: absolute;
  inset: 5%;
  border-radius: 20px;
  background:
    radial-gradient(ellipse at 30% 28%, rgba(240,225,180,.10) 0%, rgba(203,161,63,.04) 45%, rgba(0,0,0,.18) 100%);
  border: 1px solid rgba(203,161,63,.22);
  box-shadow:
    inset 0 1px 0 rgba(240,220,166,.16),
    inset 0 -1px 0 rgba(0,0,0,.22),
    inset 1px 0 0 rgba(240,220,166,.06),
    inset -1px 0 0 rgba(0,0,0,.10),
    0 8px 40px rgba(0,0,0,.30);
  overflow: hidden;
  cursor: pointer;
  transition: border-color .30s ease, box-shadow .30s ease, transform .20s ease;
}
.gc-inner{
  position: absolute;
  inset: 0;
  padding: clamp(20px, 2.8vw, 32px);
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: center;
  text-align: center;
  gap: clamp(14px, 1.8vw, 22px);
}
.gc-inner > div:first-child{
  display: flex;
  flex-direction: column;
  align-items: center;
}
.gc-title{
  font-size: clamp(15px, 1.4vw, 18px);
  line-height: 1.32;
  letter-spacing: .01em;
  color: rgba(243,239,232,.88);
  margin-bottom: 8px;
  font-weight: 600;
}
.gc-body{
  font-size: clamp(13px, 1.05vw, 15px);
  color: rgba(243,239,232,.58);
  line-height: 1.55;
  margin: 0;
  max-width: 92%;
}
.gc-pills{
  display: flex;
  flex-wrap: wrap;
  gap: 6px;
  justify-content: center;
}
.gc-card::before{
  content: "";
  position: absolute; inset: 0; border-radius: 19px;
  background:
    radial-gradient(ellipse at 22% 18%, rgba(203,161,63,.10) 0%, rgba(203,161,63,.02) 40%, transparent 68%),
    linear-gradient(135deg, rgba(255,255,255,.03) 0%, transparent 50%);
  pointer-events: none;
  transition: opacity .4s ease;
}
.gc-card::after{
  content: "";
  position: absolute; inset: -1px; border-radius: 20px;
  background: conic-gradient(
    from var(--gc-angle, 0deg) at 50% 50%,
    rgba(203,161,63,.0) 0deg,
    rgba(203,161,63,.45) 60deg,
    rgba(240,220,160,.25) 90deg,
    rgba(203,161,63,.0) 120deg,
    rgba(203,161,63,.0) 360deg
  );
  opacity: 0;
  pointer-events: none;
  transition: opacity .4s ease;
  z-index: 0;
  border-radius: 21px;
  mask-image: linear-gradient(white, white);
  -webkit-mask-image: linear-gradient(white, white);
}
@property --gc-angle {
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
@keyframes gc-spin {
  to { --gc-angle: 360deg; }
}
.gc-card:hover::after{
  opacity: 1;
  animation: gc-spin 3.5s linear infinite;
}
.gc-card:hover{
  border-color: transparent;
  box-shadow:
    0 0 40px rgba(203,161,63,.14),
    0 0 80px rgba(203,161,63,.06);
  transform: scale(1.012);
}
.gc-card:hover::before{
  opacity: 1.0;
}
.gc-card:hover{
  border-color: transparent !important;
  box-shadow:
    0 0 44px rgba(203,161,63,.16),
    0 0 88px rgba(203,161,63,.07) !important;
}
.gc-num{
  font-size: 10px; letter-spacing: .36em; text-transform: uppercase;
  color: rgba(203,161,63,.55);
  margin-bottom: 8px;
}
.gc-tag{
  font-size: clamp(22px,2.8vw,34px);
  letter-spacing: -.025em;
  font-weight: 700;
  line-height: 1.08;
  margin-bottom: 12px;
  background: linear-gradient(135deg, #F0DCA6 0%, #CBA13F 55%, #C08A45 100%);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
  background-clip: text;
}
.gc-pill{
  padding: 5px 11px; border-radius: 999px;
  border: 1px solid rgba(203,161,63,.28);
  background: rgba(203,161,63,.08);
  font-size: 10px; letter-spacing: .12em; text-transform: uppercase;
  color: rgba(203,161,63,.80);
  transition: all .22s ease;
}
.gc-card:hover .gc-pill{
  border-color: rgba(203,161,63,.42);
  background: rgba(203,161,63,.14);
  color: #CBA13F;
}
.gc-card[data-pillar]{
  border-color: rgba(203,161,63,.22);
}
.gc-card[data-pillar="nucleus"]{    border-color: rgba(212,165,116,.36); }
.gc-card[data-pillar="nomos"]{      border-color: rgba(143,184,154,.36); }
.gc-card[data-pillar="authoritas"]{ border-color: rgba(176,148,200,.36); }
.gc-card[data-pillar="ocjai"]{      border-color: rgba(184,153,104,.40); }
.gc-card[data-pillar] .gc-num{
  color: var(--accent) !important;
  opacity: .88;
}
.gc-card[data-pillar] .gc-tag{
  background: none !important;
  -webkit-background-clip: initial !important;
  background-clip: initial !important;
  -webkit-text-fill-color: var(--accent) !important;
  color: var(--accent) !important;
}
.gc-card[data-pillar="nucleus"]:hover{
  border-color: rgba(212,165,116,.55) !important;
  box-shadow: 0 8px 60px rgba(0,0,0,.30), 0 0 28px rgba(212,165,116,.20), 0 0 56px rgba(212,165,116,.10) !important;
}
.gc-card[data-pillar="nomos"]:hover{
  border-color: rgba(143,184,154,.55) !important;
  box-shadow: 0 8px 60px rgba(0,0,0,.30), 0 0 28px rgba(143,184,154,.20), 0 0 56px rgba(143,184,154,.10) !important;
}
.gc-card[data-pillar="authoritas"]:hover{
  border-color: rgba(176,148,200,.55) !important;
  box-shadow: 0 8px 60px rgba(0,0,0,.30), 0 0 28px rgba(176,148,200,.22), 0 0 56px rgba(176,148,200,.11) !important;
}
.gc-card[data-pillar="ocjai"]:hover{
  border-color: rgba(184,153,104,.55) !important;
  box-shadow: 0 8px 60px rgba(0,0,0,.30), 0 0 28px rgba(184,153,104,.22), 0 0 56px rgba(184,153,104,.11) !important;
}
@keyframes gc-cap-pulse {
  0%, 100% { box-shadow: 0 0 14px rgba(203,161,63,.10), inset 0 0 14px rgba(203,161,63,.06); opacity: .9; }
  50%       { box-shadow: 0 0 28px rgba(203,161,63,.24), inset 0 0 24px rgba(203,161,63,.12); opacity: 1; }
}
@keyframes gc-kd-glow {
  0%, 100% { color: rgba(203,161,63,.28); text-shadow: 0 0 18px rgba(203,161,63,.35); }
  50%       { color: rgba(203,161,63,.55); text-shadow: 0 0 32px rgba(203,161,63,.60), 0 0 8px rgba(203,161,63,.40); }
}
#cube-sec-idx{
  position: relative;
}
#cube-sec-idx::after{
  content: "";
  position: absolute;
  left: 50%; top: 50%;
  transform: translate(-50%, -50%);
  width: 60%; height: 60%;
  background: radial-gradient(ellipse at center, rgba(203,161,63,.06), transparent 70%);
  pointer-events: none;
  z-index: 0;
}
@media (max-width:768px){.cube-sec{height:160vh}}
@media (max-width:480px){.cube-sec{height:140vh}}
@media (max-width:480px) and (max-resolution:150dpi){.gc-cube{transform-style:flat !important}
.gc-face{backface-visibility:visible}}
@media (prefers-reduced-motion:reduce){.gc-card, .gc-card::before, .gc-card::after, .gc-dot, .gc-pill, .gc-persp{
    animation-duration:.01ms !important;
    animation-iteration-count:1 !important;
    transition-duration:.01ms !important;
  }}
.note-card{border:1px dashed var(--aur-mediu);border-radius:14px;padding:22px;
  color:var(--text-mut);background:rgba(203,161,63,.04)}
.marca-semn{width:30px;height:30px;display:block;flex:none}
.idxtb-left.kh-cu-semn{align-items:center;gap:11px}
.hero-marca{margin:0 0 26px}
details.card summary{cursor:pointer;font-weight:600;color:var(--text)}
details.card p{margin-top:10px;color:var(--text-mut)}

/* ===== STRAT: kontah-v3-real-product ===== */

.section-head, .v3-editorial-head{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(280px,.88fr);
  grid-template-areas:
    "eyebrow eyebrow"
    "title lead";
  column-gap:clamp(34px,5vw,88px);
  row-gap:18px;
  align-items:end;
}
.section-head > .eyebrow, .v3-editorial-head .eyebrow{grid-area:eyebrow;margin-bottom:4px;}
.section-head > h2, .v3-editorial-head h2{grid-area:title;margin:0;}
.section-head > p, .v3-editorial-head > p{grid-area:lead;margin:0 0 5px;}
.v3-editorial-head{margin-bottom:clamp(44px,6vw,78px);}
.v3-editorial-head h2{
  font-family:var(--font-corp);
  font-size:clamp(44px,5.4vw,82px);
  line-height:.98;
  font-weight:390;
  letter-spacing:-.055em;
  max-width:12ch;
}
.v3-editorial-head > p{
  color:rgba(243,239,230,.56);
  font-size:clamp(16px,1.35vw,19px);
  line-height:1.72;
  max-width:52ch;
}
.v3-product-showcase{
  position:relative;
  background:
    radial-gradient(ellipse at 74% 20%,rgba(203,161,63,.075),transparent 36%),
    #020202;
  border-top:1px solid rgba(203,161,63,.12);
  padding:clamp(100px,11vw,168px) 0 0;
  overflow:clip;
}
.v3-product-scroll{
  height:300vh;
  position:relative;
  margin-top:8px;
}
.v3-product-sticky{
  position:sticky;
  top:72px;
  height:calc(100vh - 72px);
  min-height:650px;
  width:min(1520px,calc(100% - 56px));
  margin:0 auto;
  display:grid;
  grid-template-columns:220px minmax(0,1fr);
  gap:22px;
  align-items:center;
  padding:28px 0 34px;
}
.v3-product-rail{
  align-self:center;
  display:grid;
  gap:10px;
  position:relative;
}
.v3-product-rail::before{
  content:"";
  position:absolute;
  left:19px;top:28px;bottom:28px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(203,161,63,.28),transparent);
}
.v3-product-step{
  appearance:none;
  width:100%;
  border:1px solid transparent;
  background:transparent;
  color:rgba(243,239,230,.42);
  text-align:left;
  padding:17px 16px 17px 42px;
  border-radius:12px;
  display:grid;
  grid-template-columns:34px 1fr;
  grid-template-areas:"num title" ". desc";
  gap:3px 10px;
  cursor:pointer;
  transition:background .3s ease,border-color .3s ease,color .3s ease,transform .3s ease;
  position:relative;
}
.v3-product-step::before{
  content:"";
  position:absolute;
  left:15px;top:26px;
  width:9px;height:9px;border-radius:50%;
  background:#050504;
  border:1px solid rgba(203,161,63,.44);
  transition:all .3s ease;
}
.v3-product-step span{
  grid-area:num;
  font:500 9px/1.2 var(--font-mono);
  letter-spacing:.12em;
  color:rgba(203,161,63,.55);
}
.v3-product-step b{
  grid-area:title;
  font:500 11px/1.2 var(--font-mono);
  letter-spacing:.18em;
}
.v3-product-step small{
  grid-area:desc;
  font-size:12px;
  line-height:1.45;
  color:rgba(243,239,230,.34);
}
.v3-product-step.is-active{
  color:var(--aur-clar);
  background:rgba(203,161,63,.055);
  border-color:rgba(203,161,63,.16);
  transform:translateX(3px);
}
.v3-product-step.is-active::before{
  background:var(--aur);
  border-color:var(--aur-clar);
  box-shadow:0 0 16px rgba(203,161,63,.40);
}
.v3-product-step.is-active small{color:rgba(243,239,230,.60);}
.v3-screen-shell{
  position:relative;
  width:100%;
  height:min(78vh,790px);
  min-height:560px;
  border:1px solid rgba(240,220,166,.19);
  border-radius:18px;
  overflow:hidden;
  background:#000;
  box-shadow:
    0 45px 120px rgba(0,0,0,.72),
    0 0 0 1px rgba(203,161,63,.035) inset;
}
.v3-screen-shell::before{
  content:"";
  position:absolute;inset:-1px;
  pointer-events:none;
  border-radius:inherit;
  background:linear-gradient(135deg,rgba(240,220,166,.05),transparent 22%,transparent 76%,rgba(203,161,63,.04));
  z-index:5;
}
.v3-screenbar{
  height:44px;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 15px;
  border-bottom:1px solid rgba(240,220,166,.11);
  background:#070604;
  position:relative;
  z-index:6;
}
.v3-screenbar > span{
  justify-self:center;
  font:500 8px/1 var(--font-mono);
  letter-spacing:.23em;
  color:rgba(240,220,166,.38);
}
.v3-screenbar em{
  justify-self:end;
  font:500 8px/1 var(--font-mono);
  letter-spacing:.20em;
  color:var(--aur);
  font-style:normal;
}
.v3-screen-dots{display:flex;gap:6px;}
.v3-screen-dots i{
  display:block;width:6px;height:6px;border-radius:50%;
  border:1px solid rgba(240,220,166,.28);
}
.v3-screenviewport{
  position:relative;
  height:calc(100% - 44px);
  overflow:hidden;
  background:#000;
}
.v3-product-frame{
  position:absolute;
  inset:0;
  margin:0;
  opacity:0;
  transform:scale(.985) translateY(8px);
  transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .75s cubic-bezier(.22,1,.36,1);
  display:flex;
  align-items:center;
  justify-content:center;
  background:#000;
}
.v3-product-frame.is-active{
  opacity:1;
  transform:scale(1) translateY(0);
  z-index:2;
}
.v3-product-frame img{
  width:100%;
  height:100%;
  object-fit:contain;
  display:block;
  background:#000;
}
.v3-product-frame figcaption{
  position:absolute;
  left:22px;bottom:20px;
  max-width:min(480px,58%);
  padding:12px 15px 13px;
  border:1px solid rgba(240,220,166,.16);
  border-radius:10px;
  background:rgba(2,2,2,.86);
  backdrop-filter:blur(12px);
  box-shadow:0 12px 40px rgba(0,0,0,.35);
  display:grid;gap:3px;
}
.v3-product-frame figcaption b{
  font:500 9px/1.3 var(--font-mono);
  letter-spacing:.18em;
  color:var(--aur);
  text-transform:uppercase;
}
.v3-product-frame figcaption span{
  font-size:12px;line-height:1.45;color:rgba(243,239,230,.62);
}
.v3-system-map{
  position:relative;
  padding:clamp(108px,12vw,182px) 0;
  overflow:hidden;
  border-top:1px solid rgba(203,161,63,.13);
  border-bottom:1px solid rgba(203,161,63,.11);
  background:
    radial-gradient(ellipse at 50% 62%,rgba(203,161,63,.105),transparent 31%),
    radial-gradient(ellipse at 18% 18%,rgba(192,138,69,.045),transparent 30%),
    linear-gradient(180deg,#040302 0%,#070604 54%,#020202 100%);
}
.v3-system-map::before{
  content:"";
  position:absolute;inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(rgba(203,161,63,.035) 1px,transparent 1px),
    linear-gradient(90deg,rgba(203,161,63,.035) 1px,transparent 1px);
  background-size:84px 84px;
  mask-image:radial-gradient(ellipse at 50% 60%,black 10%,transparent 72%);
  opacity:.55;
}
.v3-system-map .container{position:relative;z-index:2;}
.v3-orbit-stage{
  position:relative;
  width:100%;
  height:720px;
  border:1px solid rgba(240,220,166,.13);
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 50%,rgba(203,161,63,.10),transparent 16%),
    radial-gradient(ellipse at 50% 52%,rgba(203,161,63,.035),transparent 52%),
    rgba(0,0,0,.52);
  overflow:hidden;
  box-shadow:inset 0 0 100px rgba(0,0,0,.60),0 40px 100px rgba(0,0,0,.35);
}
.v3-orbit-stage::after{
  content:"";
  position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(circle,rgba(240,220,166,.24) .65px,transparent .8px);
  background-size:61px 61px;
  mask-image:radial-gradient(ellipse at 50% 50%,black 0%,transparent 72%);
  opacity:.16;
}
.v3-orbit-halo{
  position:absolute;
  left:50%;top:50%;
  width:360px;height:360px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,rgba(203,161,63,.16),rgba(203,161,63,.02) 44%,transparent 70%);
  filter:blur(16px);
}
.v3-track{
  position:absolute;
  left:50%;top:50%;
  border:1px solid rgba(203,161,63,.22);
  border-radius:50%;
  transform:translate(-50%,-50%);
  pointer-events:none;
}
.v3-track::after{
  content:"";
  position:absolute;
  width:4px;height:4px;border-radius:50%;
  left:16%;top:13%;
  background:var(--aur-clar);
  box-shadow:0 0 12px rgba(240,220,166,.65);
}
.v3-track-0{width:480px;height:210px;transform:translate(-50%,-50%) rotate(10deg);}
.v3-track-1{width:700px;height:300px;transform:translate(-50%,-50%) rotate(-18deg);}
.v3-track-2{width:920px;height:380px;transform:translate(-50%,-50%) rotate(25deg);}
.v3-orbit-core{
  position:absolute;left:50%;top:50%;
  transform:translate(-50%,-50%);
  width:210px;height:210px;
  border:1px solid rgba(240,220,166,.36);
  border-radius:42px;
  background:linear-gradient(145deg,rgba(16,13,8,.95),rgba(2,2,2,.98));
  display:grid;
  place-items:center;
  box-shadow:0 0 90px rgba(203,161,63,.13),inset 0 1px 0 rgba(240,220,166,.06);
  z-index:20;
}
.v3-orbit-core img{width:118px;height:118px;object-fit:contain;filter:drop-shadow(0 0 14px rgba(203,161,63,.18));}
.v3-orbit-core b{
  position:absolute;bottom:27px;
  font:500 10px/1 var(--font-mono);letter-spacing:.28em;color:var(--aur-clar);
}
.v3-orbit-core small{
  position:absolute;bottom:12px;
  font:400 6px/1 var(--font-mono);letter-spacing:.13em;color:rgba(240,220,166,.40);
}
.v3-orbit-node{
  position:absolute;
  left:50%;top:50%;
  width:126px;
  display:grid;
  justify-items:center;
  gap:7px;
  transform:translate(-50%,-50%);
  will-change:left,top,transform;
  z-index:8;
  pointer-events:auto;
}
.v3-orbit-icon{
  width:54px;height:54px;
  border:1px solid rgba(240,220,166,.20);
  border-radius:15px;
  background:rgba(4,4,3,.92);
  display:grid;place-items:center;
  box-shadow:0 10px 30px rgba(0,0,0,.35);
  transition:border-color .25s ease,background .25s ease,box-shadow .25s ease;
}
.v3-orbit-icon img{width:40px;height:40px;object-fit:contain;}
.v3-orbit-label{
  max-width:126px;
  padding:5px 8px;
  border-radius:7px;
  background:rgba(2,2,2,.78);
  font:500 8px/1.2 var(--font-mono);
  letter-spacing:.10em;
  text-transform:uppercase;
  color:rgba(243,239,230,.68);
  white-space:nowrap;
  text-align:center;
  border:1px solid rgba(240,220,166,.07);
}
.v3-orbit-node:hover{z-index:30!important;}
.v3-orbit-node:hover .v3-orbit-icon{
  border-color:rgba(240,220,166,.58);
  background:rgba(203,161,63,.08);
  box-shadow:0 0 26px rgba(203,161,63,.17);
}
.v3-orbit-node:hover .v3-orbit-label{color:var(--aur-clar);border-color:rgba(203,161,63,.22);}
@media(max-width:1180px){.v3-product-sticky{grid-template-columns:185px minmax(0,1fr);width:calc(100% - 36px);}
.v3-product-step{padding-left:37px;}
.v3-orbit-stage{height:650px;}
.v3-track-0{width:410px;height:190px}
.v3-track-1{width:600px;height:270px}
.v3-track-2{width:780px;height:340px}}
@media(max-width:900px){.section-head, .v3-editorial-head{
    grid-template-columns:1fr;
    grid-template-areas:"eyebrow" "title" "lead";
    gap:16px;
  }
.v3-editorial-head h2{max-width:15ch;}
.v3-product-showcase{padding-bottom:90px;}
.v3-product-scroll{height:auto;}
.v3-product-sticky{
    position:relative;top:auto;height:auto;min-height:0;
    width:calc(100% - 36px);
    grid-template-columns:1fr;
    padding:0;
  }
.v3-product-rail{display:none;}
.v3-screen-shell{height:auto;min-height:0;border-radius:14px;}
.v3-screenviewport{height:auto;padding:14px;display:grid;gap:14px;}
.v3-product-frame{
    position:relative;inset:auto;opacity:1!important;transform:none!important;
    min-height:0;border:1px solid rgba(240,220,166,.10);border-radius:10px;overflow:hidden;
    display:block;
  }
.v3-product-frame img{height:auto;object-fit:contain;}
.v3-product-frame figcaption{position:relative;left:auto;bottom:auto;max-width:none;border:0;border-top:1px solid rgba(240,220,166,.09);border-radius:0;background:#050504;}
.v3-orbit-stage{height:620px;}}
@media(max-width:700px){.v3-system-map{padding-bottom:90px;}
.v3-orbit-stage{
    height:auto;min-height:0;padding:30px 18px;
    display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;
  }
.v3-orbit-halo, .v3-track{display:none;}
.v3-orbit-core{
    position:relative;left:auto;top:auto;transform:none;
    width:auto;height:180px;grid-column:1/-1;margin-bottom:10px;border-radius:26px;
  }
.v3-orbit-node{
    position:relative!important;left:auto!important;top:auto!important;transform:none!important;
    width:auto;display:flex;align-items:center;justify-content:flex-start;gap:10px;
    padding:10px;border:1px solid rgba(240,220,166,.10);border-radius:12px;background:rgba(0,0,0,.35);
  }
.v3-orbit-icon{width:42px;height:42px;border-radius:11px;flex:0 0 auto;}
.v3-orbit-icon img{width:31px;height:31px;}
.v3-orbit-label{max-width:none;background:transparent;border:0;padding:0;text-align:left;white-space:normal;}}
@media(max-width:430px){.v3-orbit-stage{grid-template-columns:1fr;}
.v3-orbit-core{grid-column:auto;}
.v3-screenbar > span{display:none;}
.v3-screenbar{grid-template-columns:1fr 1fr;}}
@media(prefers-reduced-motion:reduce){.v3-product-frame{transition:none!important;}}

/* ===== STRAT: kontah-v4-logo-darknotes ===== */

.v4-dark-notes{
  position:relative;
  background:
    radial-gradient(circle at 20% 18%, rgba(203,161,63,.05), transparent 28%),
    radial-gradient(circle at 82% 26%, rgba(240,220,166,.04), transparent 24%),
    linear-gradient(180deg, #030303 0%, #060503 42%, #020202 100%) !important;
  color:var(--text)!important;
  border-block:1px solid rgba(203,161,63,.12)!important;
  isolation:isolate;
}
.v4-dark-notes::before{
  content:"";
  position:absolute; inset:0; pointer-events:none;
  background-image:
    linear-gradient(rgba(203,161,63,.028) 1px, transparent 1px),
    linear-gradient(90deg, rgba(203,161,63,.028) 1px, transparent 1px);
  background-size:96px 96px;
  mask-image:radial-gradient(circle at 50% 45%, black 0%, transparent 78%);
  opacity:.45;
}
.v4-dark-notes .section-head > h2, .v4-dark-notes .section-head > p, .v4-dark-notes .eyebrow{
  position:relative; z-index:1;
}
.v4-dark-notes .eyebrow{
  color:var(--aur)!important;
}
.v4-dark-notes .section-head > h2{
  color:var(--text)!important;
}
.v4-dark-notes .section-head > p{
  color:rgba(243,239,230,.58)!important;
}
.v4-dark-notes .card{
  position:relative;
  z-index:1;
  background:linear-gradient(155deg, rgba(19,16,12,.88), rgba(6,6,5,.94))!important;
  border:1px solid rgba(240,220,166,.12)!important;
  box-shadow:none!important;
}
.v4-dark-notes .card:hover{
  transform:translateY(-2px);
  border-color:rgba(240,220,166,.26)!important;
}
.v4-dark-notes .card h3{
  color:var(--text)!important;
}
.v4-dark-notes .card p{
  color:rgba(243,239,230,.58)!important;
}

/* ===== STRAT: kontah-v5-polish ===== */

html{background:#020202;}
body, main{background:#020202!important;}
.sectiune{
  background:
    radial-gradient(ellipse at 78% 12%,rgba(203,161,63,.025),transparent 28%),
    #020202;
}
.sectiune:nth-of-type(even){
  background:
    radial-gradient(ellipse at 20% 14%,rgba(192,138,69,.024),transparent 30%),
    #020202;
}
.idxbar{
  border-bottom:0;
  background:rgba(2,2,2,.72)!important;
}
.idxbar.scrolled{
  background:rgba(2,2,2,.92)!important;
  box-shadow:0 16px 46px rgba(0,0,0,.32);
}
.idxtb{height:70px;}
.idxtb-left.kh-cu-semn{gap:10px;}
.marca-semn{width:28px;height:28px;}
.idxtb-left .kh-marca{
  font-size:15px;
  letter-spacing:.30em;
}
.idxtb-left .kh-marca-sub{
  font-size:7px!important;
  letter-spacing:.16em!important;
  color:rgba(240,220,166,.38)!important;
}
.idxtb-right{gap:2px;}
.idxtb-right a:not(.kh-actiune){
  font-size:9px!important;
  letter-spacing:.15em!important;
  color:rgba(243,239,230,.62);
}
.idxtb-right .kh-autentificare{
  color:rgba(240,220,166,.72)!important;
}
.idxtb-right .kh-actiune{
  border-radius:8px!important;
  padding:10px 14px!important;
  background:linear-gradient(180deg,#f0dca6,#d7ac53)!important;
  color:#17120b!important;
  border:0!important;
  box-shadow:0 0 0 1px rgba(255,255,255,.06) inset;
}
.hero-copy{
  width:min(980px,80vw)!important;
  padding-top:15vh!important;
}
.hero-marca{margin-bottom:42px!important;}
.hero h1{
  max-width:11.5ch!important;
  text-wrap:balance;
}
.hero .lead{max-width:52ch!important;color:rgba(243,239,230,.62)!important;}
.hero-actiuni{gap:10px!important;}
.sectiune{padding:clamp(92px,9.5vw,144px) 0!important;}
.section-head, .v3-editorial-head{
  margin-bottom:clamp(38px,5vw,64px)!important;
}
.section-head h2, .v3-editorial-head h2{
  text-wrap:balance;
}
.section-head .eyebrow, .v3-editorial-head .eyebrow{
  color:rgba(203,161,63,.92);
}
.section-head > p, .v3-editorial-head > p{
  color:rgba(243,239,230,.52)!important;
}
.grila{gap:14px!important;}
.card{
  position:relative;
  overflow:hidden;
  padding:clamp(24px,2.2vw,32px)!important;
  border:1px solid rgba(240,220,166,.105)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.022),transparent 46%),
    rgba(8,7,5,.78)!important;
  transition:transform .28s ease,border-color .28s ease,background .28s ease!important;
}
.card::after{
  content:"";
  position:absolute;left:0;right:0;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,220,166,.22),transparent);
  opacity:.20;
  transition:opacity .28s ease;
}
.card:hover{
  background:
    linear-gradient(145deg,rgba(203,161,63,.045),transparent 46%),
    rgba(10,8,6,.92)!important;
  border-color:rgba(240,220,166,.22)!important;
}
.card:hover::after{opacity:.70;}
.card h3{
  font-size:clamp(21px,1.8vw,28px)!important;
  margin-bottom:11px!important;
}
.card p{
  font-size:14px!important;
  line-height:1.72!important;
  color:rgba(243,239,230,.54)!important;
}
#s04 .grila{counter-reset:kh-feature;}
#s04 .card{counter-increment:kh-feature;padding-top:52px!important;}
#s04 .card::before{
  content:"0" counter(kh-feature);
  position:absolute;top:22px;left:24px;
  font:500 8px/1 var(--font-mono);
  letter-spacing:.16em;color:rgba(203,161,63,.62);
}
#s05 .grila-2{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
}
#s05 .card--incadrat{
  min-height:230px;
  display:flex;flex-direction:column;justify-content:flex-end;
}
#s05 .kh-audience-extension{
  grid-column:1/-1;
  min-height:auto;
  display:grid;
  grid-template-columns:190px minmax(220px,.46fr) 1fr;
  align-items:center;
  gap:24px;
  padding-block:22px!important;
  background:rgba(203,161,63,.025)!important;
}
#s05 .kh-audience-extension h3, #s05 .kh-audience-extension p{margin:0!important;}
.kh-mini-label{
  font:500 8px/1.2 var(--font-mono);
  letter-spacing:.19em;
  color:rgba(203,161,63,.72);
  text-transform:uppercase;
}
.v3-screen-shell{
  border-radius:14px!important;
  border-color:rgba(240,220,166,.15)!important;
  background:#000!important;
}
.v3-screenbar{
  height:40px!important;
  background:#040403!important;
}
.v3-screenviewport{height:calc(100% - 40px)!important;}
.v3-product-frame figcaption{
  border-radius:8px!important;
  background:rgba(2,2,2,.90)!important;
}
.v3-orbit-stage{
  border-radius:16px!important;
  border-color:rgba(240,220,166,.105)!important;
}
.v3-track{border-color:rgba(203,161,63,.15)!important;}
.v3-orbit-core{
  width:196px!important;height:196px!important;
  border-radius:34px!important;
  border-color:rgba(240,220,166,.28)!important;
}
.v3-orbit-node{width:118px!important;}
.v3-orbit-icon{
  width:50px!important;height:50px!important;
  border-radius:12px!important;
  border-color:rgba(240,220,166,.14)!important;
}
.v3-orbit-icon img{width:37px!important;height:37px!important;}
.v3-orbit-label{
  font-size:7.5px!important;
  letter-spacing:.09em!important;
  border-color:transparent!important;
  background:rgba(0,0,0,.70)!important;
}
#s08 .grila{
  grid-template-columns:repeat(4,minmax(0,1fr))!important;
}
#s08 .card{min-height:250px;}
#s08 .card h3::before{display:none!important;}
.kh-status{
  width:max-content;
  margin-bottom:26px;
  padding:6px 8px;
  border-radius:5px;
  font:600 7.5px/1 var(--font-mono);
  letter-spacing:.18em;
  border:1px solid rgba(240,220,166,.14);
}
.kh-status--live{color:#b5dfbb;border-color:rgba(91,169,101,.28);background:rgba(91,169,101,.07);}
.kh-status--pilot{color:#f0dca6;border-color:rgba(203,161,63,.28);background:rgba(203,161,63,.07);}
.kh-status--partial{color:#e2bd70;border-color:rgba(203,161,63,.22);background:rgba(203,161,63,.045);}
.kh-status--work{color:rgba(243,239,230,.45);border-color:rgba(243,239,230,.11);background:rgba(243,239,230,.025);}
.v4-dark-notes{
  background:
    radial-gradient(ellipse at 20% 22%,rgba(203,161,63,.055),transparent 30%),
    linear-gradient(180deg,#050403,#020202)!important;
}
.v4-dark-notes .card{
  background:rgba(7,6,5,.72)!important;
}
.v4-dark-notes .card h3{
  font-size:clamp(23px,2vw,31px)!important;
}
#s12 .card{padding-top:50px!important;}
#s12 .card h3::before{
  content:"✓"!important;
  display:block!important;
  position:absolute;top:22px;left:24px;
  width:18px;height:18px;border-radius:50%;
  border:1px solid rgba(203,161,63,.26);
  color:var(--aur);
  font:600 10px/17px var(--font-mono);
  text-align:center;
}
#s13 details.card{
  padding:0!important;
  border-radius:10px!important;
  background:transparent!important;
}
#s13 details.card summary{
  padding:22px 24px;
  font-size:15px!important;
  list-style:none;
  position:relative;
}
#s13 details.card summary::-webkit-details-marker{display:none;}
#s13 details.card summary::after{
  content:"+";
  position:absolute;right:22px;top:50%;transform:translateY(-50%);
  color:var(--aur);font:400 18px/1 var(--font-mono);
}
#s13 details[open].card summary::after{content:"−";}
#s13 details.card p{padding:0 24px 22px;margin:0!important;}
#s14 .card{min-height:155px;}
#s15{
  padding-top:clamp(110px,12vw,180px)!important;
  background:
    radial-gradient(ellipse at 50% 30%,rgba(203,161,63,.075),transparent 38%),
    #020202!important;
}
#s15 .grila-4{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.kh-exit-card{
  min-height:250px;
  display:flex;
  flex-direction:column;
}
.kh-exit-card .kh-mini-label{margin-bottom:26px;}
.kh-exit-card .kh-textlink{
  margin-top:auto;
  padding-top:24px;
  border-top:1px solid rgba(240,220,166,.09);
  color:var(--aur-clar);
  text-decoration:none;
  font:500 9px/1 var(--font-mono);
  letter-spacing:.16em;
  text-transform:uppercase;
  display:flex;justify-content:space-between;align-items:center;
}
.kh-exit-card .kh-textlink span{font-size:14px;color:var(--aur);}
.kh-subsol{
  background:#020202!important;
  border-top:1px solid rgba(203,161,63,.12)!important;
}
@media screen{.pe-crem{
    --noapte:#020202!important;
    --panou:#090806!important;
    --panou-2:#11100d!important;
    --linie:#211d16!important;
    --aur:#cba13f!important;
    --aur-clar:#f0dca6!important;
    --aur-adanc:#a76f2d!important;
    --text:#f3efe6!important;
    --text-mut:rgba(243,239,230,.58)!important;
    --text-stins:rgba(243,239,230,.42)!important;
    --cerneala:#f3efe6!important;
    background:#020202!important;
    color:#f3efe6!important;
  }}
@media(max-width:1120px){#s08 .grila{grid-template-columns:repeat(2,minmax(0,1fr))!important;}
.idxtb-right a:not(.kh-actiune):nth-child(4){display:none;}}
@media(max-width:900px){.idxtb-left .kh-marca-sub{display:none!important;}
#s05 .kh-audience-extension{
    grid-template-columns:1fr!important;
    gap:10px!important;
  }
#s15 .grila-4{grid-template-columns:1fr!important;}}
@media(max-width:720px){#s05 .grila-2, #s08 .grila{grid-template-columns:1fr!important;}
.hero-copy{width:calc(100% - 40px)!important;margin-inline:auto!important;}}

/* ===== STRAT: kontah-v6-refinements ===== */

body > text, body > style:not([id]), body > script:not([src]):empty{ display:none!important; }
.idxtb-left.kh-cu-semn{
  align-items:center!important;
  gap:12px!important;
}
.idxtb-left .kh-marca{
  margin-right:0!important;
}
.idxtb-left .kh-marca-sub{
  display:inline-block!important;
  margin-left:10px!important;
  white-space:nowrap;
  opacity:.82;
  color:rgba(240,220,166,.66)!important;
}
.hero-marca{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  padding:18px 18px 16px!important;
  border-radius:22px;
  background:
    radial-gradient(circle at 50% 8%,rgba(203,161,63,.065),transparent 42%),
    linear-gradient(180deg,rgba(15,12,8,.92),rgba(6,5,4,.98))!important;
  border:1px solid rgba(240,220,166,.16)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 18px 48px rgba(0,0,0,.45),
    0 0 24px rgba(203,161,63,.08);
}
.hero-marca::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  box-shadow:
    inset 0 1px 0 rgba(240,220,166,.12),
    inset 0 0 0 1px rgba(203,161,63,.06);
}
@media(max-width:720px){.hero-marca{padding:14px 14px 12px!important;border-radius:18px;}}
.v6-principles{
  padding:34px 0 14px!important;
  background:transparent!important;
  border:0!important;
}
.v6-principles .container{
  width:min(1240px,calc(100% - 64px));
}
.v6-principles-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:18px;
}
.v6-principles-head p{
  margin:0;
  color:rgba(243,239,230,.46);
  font-size:13px;
  line-height:1.6;
  max-width:42ch;
}
.v6-principles-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.v6-principle-card{
  min-height:118px;
  padding:20px 18px 18px;
  border-radius:16px;
  border:1px solid rgba(240,220,166,.10);
  background:
    linear-gradient(160deg,rgba(255,255,255,.018),transparent 54%),
    rgba(7,6,5,.82);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.015) inset,
    0 10px 24px rgba(0,0,0,.22);
  display:grid;
  align-content:start;
  gap:8px;
}
.v6-principle-card b{
  font:600 8px/1 var(--font-mono);
  letter-spacing:.18em;
  color:rgba(203,161,63,.82);
}
.v6-principle-card strong{
  font-size:17px;
  line-height:1.2;
  color:var(--text);
  font-weight:520;
}
.v6-principle-card span{
  font-size:13px;
  line-height:1.58;
  color:rgba(243,239,230,.48);
}
@media(max-width:980px){.v6-principles-grid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:640px){.v6-principles .container{width:min(100%,calc(100% - 24px));}
.v6-principles-head{display:grid;}
.v6-principles-grid{grid-template-columns:1fr;}}
#cube-sec-idx.cube-sec{
  height:320vh!important;
}
#cube-sec-idx::after{
  opacity:.85!important;
}
.cube-stick{
  background:transparent!important;
}
.gc-persp{
  filter:drop-shadow(0 28px 76px rgba(0,0,0,.42));
}
.gc-card{
  border-radius:22px!important;
  background:
    radial-gradient(circle at 50% 0%,rgba(203,161,63,.07),transparent 42%),
    linear-gradient(180deg,rgba(16,13,9,.92),rgba(7,6,5,.98))!important;
  border:1px solid rgba(240,220,166,.14)!important;
  box-shadow:
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 0 1px rgba(203,161,63,.04),
    0 24px 60px rgba(0,0,0,.38),
    0 0 26px rgba(203,161,63,.07);
}
.gc-card::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  background:linear-gradient(180deg,rgba(240,220,166,.08),transparent 16%);
  opacity:.6;
}
.gc-card::after{
  content:"";
  position:absolute;
  inset:0;
  border-radius:22px;
  pointer-events:none;
  box-shadow:
    inset 0 0 0 1px rgba(240,220,166,.06),
    inset 0 1px 0 rgba(240,220,166,.11);
}
.gc-inner{
  position:relative;
  z-index:1;
}
.gc-title{
  color:rgba(243,239,230,.96)!important;
}
.gc-body{
  color:rgba(243,239,230,.62)!important;
}
.gc-pill{
  border-color:rgba(240,220,166,.18)!important;
  background:rgba(203,161,63,.05)!important;
  color:rgba(240,220,166,.84)!important;
}
.gc-num{
  color:rgba(203,161,63,.72)!important;
}
.gc-tag{
  color:rgba(240,220,166,.50)!important;
}
@media(max-width:1100px){#cube-sec-idx.cube-sec{height:280vh!important;}}
@media(max-width:720px){#cube-sec-idx.cube-sec{height:240vh!important;}}
.pe-crem, .v4-dark-notes, #s09, #s09 *{
  background-color:transparent;
}
#s09{
  background:
    radial-gradient(ellipse at 22% 18%,rgba(203,161,63,.05),transparent 28%),
    linear-gradient(180deg,#050403,#020202)!important;
}
#s09 .card{
  background:
    linear-gradient(145deg,rgba(255,255,255,.022),transparent 46%),
    rgba(8,7,5,.78)!important;
  border-color:rgba(240,220,166,.105)!important;
}
#s09 .section-head h2, #s09 .card h3, #s09 .eyebrow, #s09 p{
  color:inherit!important;
}

/* ===== STRAT: kontah-v7-finalbrand-cubehold ===== */

#cube-sec-idx.cube-sec{
  height:340vh!important;
}
#cube-sec-idx .cube-stick{
  overflow:hidden!important;
}
#cube-sec-idx .gc-persp{
  padding-top:46px;
}
#cube-sec-idx .gc-cube{
  transform-origin:50% 50%;
}
#cube-sec-idx .gc-face{
  transition:
    opacity .18s linear,
    filter .25s ease;
}
#cube-sec-idx .gc-card{
  inset:4.5%!important;
}
#cube-sec-idx .gc-inner{
  padding:clamp(19px,2vw,28px)!important;
}
#cube-sec-idx .gc-title{
  font-size:clamp(20px,2vw,30px)!important;
  line-height:1.05!important;
}
#cube-sec-idx .gc-body{
  font-size:clamp(12px,1.08vw,15px)!important;
  line-height:1.54!important;
}
#cube-sec-idx .gc-pills{
  gap:6px!important;
}
#cube-sec-idx .gc-pill{
  font-size:clamp(6px,.58vw,8px)!important;
  padding:6px 9px!important;
}
#cube-sec-idx::before{
  content:"";
  position:absolute;
  left:50%; bottom:9vh;
  transform:translateX(-50%);
  width:min(560px,70vw);
  height:1px;
  background:linear-gradient(90deg,transparent,rgba(203,161,63,.18),transparent);
  pointer-events:none;
  z-index:1;
}
.kh-subsol{
  padding-top:0!important;
}
@media(max-width:900px){#cube-sec-idx.cube-sec{height:300vh!important;}}
@media(max-width:640px){#cube-sec-idx.cube-sec{height:260vh!important;}}

/* ===== STRAT: kontah-v8-expanded-cube-fix ===== */

#cube-sec-idx.cube-sec{
  height:380vh!important;
}
#cube-sec-idx .gc-persp{
  transition:
    opacity .42s cubic-bezier(.22,1,.36,1),
    transform .55s cubic-bezier(.22,1,.36,1),
    filter .55s ease!important;
}
@media(max-width:980px){#cube-sec-idx.cube-sec{height:330vh!important;}}
@media(max-width:700px){#cube-sec-idx.cube-sec{height:290vh!important;}}

/* ===== STRAT: kontah-v9-cube-sticky-root-fix ===== */

#cube-sec-idx > .container{
  height:100%!important;
  min-height:100%!important;
  overflow:visible!important;
}
#cube-sec-idx .cube-stick{
  position:sticky!important;
  top:0!important;
}

/* ===== STRAT: kontah-v10-original-cube-faces ===== */

#cube-sec-idx .gc-persp{
  opacity:1!important;
  visibility:visible!important;
  pointer-events:auto!important;
}
#cube-sec-idx.cube-sec{
  height:360vh!important;
}
#cube-sec-idx .gc-cube{
  opacity:1!important;
  visibility:visible!important;
  transform-style:preserve-3d!important;
}
#cube-sec-idx .gc-face{
  opacity:1;
  visibility:visible!important;
  backface-visibility:visible!important;
  -webkit-backface-visibility:visible!important;
}
#cube-sec-idx .gc-card{
  inset:5%!important;
  border-radius:20px!important;
}
#cube-sec-idx .gc-card{
  box-shadow:
    inset 0 1px 0 rgba(240,220,166,.08),
    inset 0 0 0 1px rgba(203,161,63,.04),
    0 18px 52px rgba(0,0,0,.40),
    0 0 24px rgba(203,161,63,.07)!important;
}
#cube-sec-idx .gc-title{
  font-size:clamp(18px,1.7vw,27px)!important;
}
#cube-sec-idx .gc-body{
  font-size:clamp(11px,.95vw,14px)!important;
}
#cube-sec-idx .gc-pill{
  font-size:clamp(6px,.52vw,8px)!important;
}
#cube-sec-idx .gc-persp{
  transition:none!important;
}
#cube-sec-idx::before{
  bottom:7vh!important;
}
@media(max-width:1100px){#cube-sec-idx.cube-sec{height:320vh!important;}}
@media(max-width:720px){#cube-sec-idx.cube-sec{height:270vh!important;}}

/* ===== STRAT: kontah-v11-hero-right-logo-3d ===== */

.hero.hero-kontah-split{
  min-height:100dvh;
  display:flex;
  align-items:center;
}
.hero.hero-kontah-split::before{
  background:
    radial-gradient(ellipse at 14% 32%, rgba(203,161,63,.12), transparent 46%),
    radial-gradient(ellipse at 82% 30%, rgba(240,220,166,.08), transparent 26%),
    radial-gradient(ellipse at 72% 72%, rgba(192,138,69,.09), transparent 42%),
    linear-gradient(180deg, #050505 0%, #080705 48%, #050505 100%)!important;
}
.hero.hero-kontah-split::after{
  content:"";
  position:absolute;
  inset:auto 0 0 0;
  height:32%;
  pointer-events:none;
  background:linear-gradient(180deg, transparent 0%, rgba(5,5,5,.28) 40%, rgba(5,5,5,.82) 100%);
  z-index:1;
}
.hero-layout{
  position:relative;
  z-index:3;
  min-height:100dvh;
  display:grid;
  grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);
  align-items:center;
  gap:clamp(28px,4vw,64px);
  width:min(1320px, calc(100% - 72px));
  margin:0 auto;
  padding:clamp(84px,10vh,132px) 0 clamp(70px,9vh,110px);
}
.hero-copy.hero-copy-left{
  width:auto!important;
  max-width:720px;
  margin:0!important;
  padding:0!important;
}
.hero-copy-left .lead{
  max-width:58ch;
}
.hero-viz{
  position:relative;
  min-height:clamp(420px, 60vh, 760px);
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1600px;
  isolation:isolate;
}
.hero-viz-bg{
  position:absolute;
  inset:0;
  pointer-events:none;
}
.hero-viz-ring1{
  background:
    radial-gradient(circle at 58% 50%, rgba(240,220,166,.10) 0%, rgba(240,220,166,.05) 14%, transparent 38%),
    radial-gradient(circle at 54% 52%, rgba(203,161,63,.06) 0%, transparent 54%);
  filter:blur(2px);
}
.hero-viz-ring2::before, .hero-viz-ring2::after{
  content:"";
  position:absolute;
  border-radius:50%;
  border:1px solid rgba(203,161,63,.12);
  box-shadow:0 0 50px rgba(203,161,63,.07);
}
.hero-viz-ring2::before{
  width:78%;
  height:78%;
  left:12%;
  top:12%;
  transform:rotate(-12deg);
}
.hero-viz-ring2::after{
  width:58%;
  height:58%;
  left:22%;
  top:21%;
  transform:rotate(18deg);
}
.hero-viz-particles{
  background:
    radial-gradient(circle at 14% 22%, rgba(240,220,166,.55) 0 1.4px, transparent 2px),
    radial-gradient(circle at 82% 18%, rgba(240,220,166,.35) 0 1.3px, transparent 2px),
    radial-gradient(circle at 70% 84%, rgba(240,220,166,.25) 0 1.1px, transparent 2px),
    radial-gradient(circle at 32% 70%, rgba(203,161,63,.28) 0 1.2px, transparent 2px),
    radial-gradient(circle at 56% 12%, rgba(203,161,63,.25) 0 1.1px, transparent 2px),
    radial-gradient(circle at 92% 60%, rgba(240,220,166,.18) 0 1px, transparent 2px);
  opacity:.9;
}
.hero-brand-card-wrap{
  position:relative;
  width:min(100%, 620px);
  display:flex;
  align-items:center;
  justify-content:center;
  transform-style:preserve-3d;
}
.hero-brand-card{
  position:relative;
  width:min(100%, 560px);
  padding:28px;
  border-radius:34px;
  background:
    linear-gradient(180deg, rgba(18,15,11,.92), rgba(8,7,6,.98));
  border:1px solid rgba(240,220,166,.14);
  box-shadow:
    0 38px 90px rgba(0,0,0,.55),
    0 0 0 1px rgba(255,255,255,.015) inset,
    0 0 90px rgba(203,161,63,.13);
  transform:
    rotateY(-16deg)
    rotateX(8deg)
    translateZ(0);
  transform-style:preserve-3d;
}
.hero-brand-card::before{
  content:"";
  position:absolute;
  inset:-1px;
  border-radius:34px;
  padding:1px;
  background:linear-gradient(135deg, rgba(240,220,166,.28), rgba(203,161,63,.10), rgba(240,220,166,.20));
  -webkit-mask:linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;
  mask-composite:exclude;
  pointer-events:none;
}
.hero-brand-card::after{
  content:"";
  position:absolute;
  inset:auto 10% -24px 10%;
  height:52px;
  border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(203,161,63,.28), rgba(203,161,63,.04) 58%, transparent 72%);
  filter:blur(18px);
  transform:translateZ(-1px);
  pointer-events:none;
}
.hero-brand-sheen{
  position:absolute;
  inset:0;
  border-radius:34px;
  pointer-events:none;
  background:
    linear-gradient(115deg, transparent 0%, rgba(240,220,166,.05) 18%, rgba(240,220,166,.10) 28%, transparent 42%),
    radial-gradient(circle at 30% 16%, rgba(240,220,166,.10), transparent 24%);
  mix-blend-mode:screen;
}
.hero-marca.hero-marca-3d{
  position:relative;
  display:flex!important;
  align-items:center;
  justify-content:center;
  width:100%;
  min-height:clamp(360px, 52vh, 560px);
  border-radius:28px;
  padding:26px 24px 22px!important;
  background:
    radial-gradient(circle at 50% 12%, rgba(240,220,166,.05), transparent 34%),
    linear-gradient(180deg, rgba(7,7,7,.98), rgba(2,2,2,1))!important;
  border:1px solid rgba(240,220,166,.13)!important;
  box-shadow:
    inset 0 1px 0 rgba(240,220,166,.10),
    inset 0 0 0 1px rgba(203,161,63,.04),
    0 22px 56px rgba(0,0,0,.38),
    0 0 32px rgba(203,161,63,.08);
  transform:
    translateZ(42px)
    rotateY(7deg)
    rotateX(-2deg);
}
.hero-marca.hero-marca-3d::before{
  border-radius:28px!important;
}
@media (max-width: 1180px){.hero-layout{
    grid-template-columns:1fr;
    gap:30px;
    min-height:auto;
    padding:96px 0 70px;
  }
.hero-copy.hero-copy-left{
    order:1;
    max-width:760px;
  }
.hero-viz{
    order:2;
    min-height:420px;
  }
.hero-brand-card{
    width:min(100%, 620px);
    transform:rotateY(-9deg) rotateX(4deg);
  }}
@media (max-width: 720px){.hero-layout{
    width:min(100%, calc(100% - 28px));
    padding:86px 0 52px;
    gap:22px;
  }
.hero-copy.hero-copy-left{
    text-align:left;
  }
.hero-viz{
    min-height:360px;
  }
.hero-brand-card{
    padding:18px;
    border-radius:24px;
    transform:none;
  }
.hero-marca.hero-marca-3d{
    min-height:290px;
    transform:none;
    border-radius:20px;
    padding:18px 16px 14px!important;
  }}

/* ===== STRAT: kontah-v12-premium-luxury ===== */

.hero.hero-kontah-split{
  background:#030303!important;
}
.hero.hero-kontah-split::before{
  background:
    radial-gradient(ellipse at 76% 38%, rgba(240,220,166,.095), transparent 19%),
    radial-gradient(ellipse at 77% 43%, rgba(203,161,63,.075), transparent 34%),
    radial-gradient(ellipse at 18% 34%, rgba(192,138,69,.070), transparent 42%),
    linear-gradient(180deg,#030303 0%,#070604 45%,#030303 100%)!important;
}
.hero.hero-kontah-split::after{
  height:42%!important;
  background:
    linear-gradient(180deg,transparent 0%,rgba(3,3,3,.15) 22%,rgba(3,3,3,.88) 100%)!important;
}
.hero-copy-left .eyebrow{
  color:rgba(240,220,166,.72)!important;
  letter-spacing:.26em!important;
}
.hero-copy-left h1{
  font-weight:390!important;
  letter-spacing:-.045em!important;
  text-wrap:balance;
  text-shadow:0 1px 0 rgba(255,255,255,.025);
}
.hero-copy-left .lead{
  color:rgba(243,239,230,.58)!important;
  font-size:clamp(17px,1.35vw,20px)!important;
  line-height:1.76!important;
}
.hero-copy-left .btn-primar{
  background:
    linear-gradient(180deg,#f3e1ae 0%,#d6a84a 100%)!important;
  color:#171109!important;
  border:1px solid rgba(255,255,255,.18)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.34),
    0 10px 30px rgba(203,161,63,.12)!important;
}
.hero-copy-left .btn-secundar{
  background:rgba(255,255,255,.012)!important;
  border-color:rgba(240,220,166,.19)!important;
  color:rgba(243,239,230,.80)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.025);
}
.hero-viz{
  isolation:isolate;
}
.hero-viz::before{
  content:"";
  position:absolute;
  left:11%;right:4%;
  bottom:8%;
  height:32%;
  border-radius:50%;
  background:
    radial-gradient(ellipse at center,
      rgba(203,161,63,.18) 0%,
      rgba(192,138,69,.065) 35%,
      transparent 70%);
  filter:blur(34px);
  transform:perspective(700px) rotateX(68deg);
  opacity:.72;
  z-index:-1;
}
.hero-viz::after{
  content:"";
  position:absolute;
  width:84%;
  height:1px;
  left:9%;
  bottom:22%;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(240,220,166,.08) 20%,
      rgba(240,220,166,.28) 50%,
      rgba(240,220,166,.08) 80%,
      transparent);
  box-shadow:0 0 22px rgba(203,161,63,.10);
  opacity:.72;
}
.hero-viz-ring1{
  background:
    radial-gradient(circle at 55% 45%,
      rgba(240,220,166,.09) 0%,
      rgba(203,161,63,.035) 24%,
      transparent 52%)!important;
}
.hero-viz-ring2{
  opacity:.52;
}
.hero-viz-ring2::before{
  width:76%!important;
  height:76%!important;
  left:12%!important;
  top:12%!important;
  transform:rotate(-8deg)!important;
  border-color:rgba(240,220,166,.075)!important;
  box-shadow:
    0 0 70px rgba(203,161,63,.035),
    inset 0 0 70px rgba(203,161,63,.018)!important;
}
.hero-viz-ring2::after{
  width:58%!important;
  height:58%!important;
  left:21%!important;
  top:21%!important;
  transform:rotate(13deg)!important;
  border-color:rgba(203,161,63,.055)!important;
}
.hero-viz-particles{
  opacity:.38!important;
  filter:blur(.15px);
}
.hero-brand-card-wrap{
  perspective:1800px!important;
}
.hero-brand-card{
  width:min(100%,575px)!important;
  padding:18px!important;
  border-radius:36px!important;
  background:
    linear-gradient(145deg,
      rgba(25,20,13,.96) 0%,
      rgba(8,7,5,.99) 38%,
      rgba(3,3,3,1) 100%)!important;
  border:1px solid rgba(240,220,166,.17)!important;
  box-shadow:
    0 46px 110px rgba(0,0,0,.62),
    0 10px 30px rgba(0,0,0,.42),
    inset 0 1px 0 rgba(255,248,222,.10),
    inset 0 -1px 0 rgba(117,78,22,.18),
    0 0 0 1px rgba(203,161,63,.025),
    0 0 80px rgba(203,161,63,.105)!important;
  transform:
    rotateY(-12deg)
    rotateX(5deg)
    translateZ(0)!important;
}
.hero-brand-card::before{
  inset:-1px!important;
  border-radius:36px!important;
  background:
    linear-gradient(135deg,
      rgba(255,238,182,.36) 0%,
      rgba(203,161,63,.08) 25%,
      rgba(104,73,26,.08) 56%,
      rgba(240,220,166,.25) 100%)!important;
}
.hero-brand-card::after{
  inset:auto 8% -29px 8%!important;
  height:66px!important;
  background:
    radial-gradient(ellipse at center,
      rgba(203,161,63,.26),
      rgba(192,138,69,.075) 45%,
      transparent 72%)!important;
  filter:blur(22px)!important;
}
.hero-brand-sheen{
  overflow:hidden;
  opacity:.82;
}
.hero-brand-sheen::after{
  content:"";
  position:absolute;
  top:-35%;
  bottom:-35%;
  width:18%;
  left:-28%;
  transform:rotate(14deg);
  background:
    linear-gradient(90deg,
      transparent,
      rgba(255,246,215,.025),
      rgba(255,246,215,.10),
      rgba(255,246,215,.025),
      transparent);
  filter:blur(7px);
  animation:khLuxurySheen 8.8s cubic-bezier(.42,0,.2,1) infinite;
}
@keyframes khLuxurySheen{
  0%,16%{left:-28%;opacity:0}
  24%{opacity:.75}
  48%{left:112%;opacity:.62}
  54%,100%{left:112%;opacity:0}
}
.hero-marca.hero-marca-3d{
  min-height:clamp(375px,53vh,575px)!important;
  padding:30px 26px 26px!important;
  border-radius:29px!important;
  background:
    radial-gradient(circle at 50% 0%,
      rgba(240,220,166,.055),
      transparent 25%),
    radial-gradient(circle at 20% 100%,
      rgba(192,138,69,.025),
      transparent 38%),
    linear-gradient(165deg,#080808 0%,#020202 56%,#000 100%)!important;
  border:1px solid rgba(240,220,166,.15)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,248,222,.11),
    inset 0 0 0 1px rgba(203,161,63,.035),
    inset 0 -26px 70px rgba(0,0,0,.45),
    0 22px 58px rgba(0,0,0,.50),
    0 0 38px rgba(203,161,63,.075)!important;
  transform:
    translateZ(54px)
    rotateY(5deg)
    rotateX(-1.5deg)!important;
}
.hero-marca.hero-marca-3d::after{
  content:"";
  position:absolute;
  left:8%;right:8%;top:5%;
  height:1px;
  background:
    linear-gradient(90deg,
      transparent,
      rgba(240,220,166,.18),
      transparent);
  box-shadow:0 0 18px rgba(203,161,63,.09);
}
@media (min-width:1181px) and (prefers-reduced-motion:no-preference){.hero-brand-card-wrap{
    animation:khLuxuryFloat 7.2s ease-in-out infinite;
  }}
@keyframes khLuxuryFloat{
  0%,100%{transform:translateY(0)}
  50%{transform:translateY(-8px)}
}
@media (hover:hover) and (pointer:fine) and (min-width:1181px){.hero-brand-card{
    transition:
      transform .8s cubic-bezier(.2,.8,.2,1),
      box-shadow .8s ease;
  }
.hero-brand-card-wrap:hover .hero-brand-card{
    transform:
      rotateY(-8deg)
      rotateX(3deg)
      translateZ(10px)!important;
    box-shadow:
      0 52px 126px rgba(0,0,0,.67),
      inset 0 1px 0 rgba(255,248,222,.12),
      0 0 96px rgba(203,161,63,.13)!important;
  }}
@media(max-width:1180px){.hero-brand-card{
    width:min(100%,620px)!important;
    transform:rotateY(-6deg) rotateX(3deg)!important;
  }}
@media(max-width:720px){.hero-brand-card{
    padding:12px!important;
    border-radius:25px!important;
    transform:none!important;
  }
.hero-marca.hero-marca-3d{
    min-height:300px!important;
    border-radius:20px!important;
    transform:none!important;
  }
.hero-viz::before{
    left:4%;right:4%;
  }}
@media(prefers-reduced-motion:reduce){.hero-brand-card-wrap, .hero-brand-sheen::after{
    animation:none!important;
  }}

/* ===== STRAT: kontah-v13-hero-stack-and-prehero-compress ===== */

#s01, #s02{
  min-height:auto!important;
  height:auto!important;
  padding:18px 0 10px!important;
}
#s01 .container, #s02 .container{
  padding-top:0!important;
  padding-bottom:0!important;
}
#s01 .note-card, #s02 .note-card{
  min-height:96px!important;
  padding:20px 22px!important;
  border-radius:22px!important;
  display:flex!important;
  align-items:flex-start!important;
}
@media (max-width: 980px){#s01, #s02{ padding:14px 0 8px!important; }
#s01 .note-card, #s02 .note-card{
    min-height:84px!important;
    padding:16px 18px!important;
  }}
#s02 + .hero{
  margin-top:-6px!important;
}
.hero-brand-card-wrap{
  position:relative;
  width:min(100%, 640px)!important;
  min-height:clamp(420px, 60vh, 760px);
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1900px!important;
  transform-style:preserve-3d;
}
.hero-ui-stack{
  position:absolute;
  inset:0;
  pointer-events:none;
  z-index:1;
}
.hero-ui-peek{
  position:absolute;
  margin:0;
  width:min(78%, 470px);
  aspect-ratio: 16 / 10;
  overflow:hidden;
  border-radius:24px;
  background:linear-gradient(180deg, rgba(11,11,11,.94), rgba(4,4,4,.98));
  border:1px solid rgba(240,220,166,.14);
  box-shadow:
    0 24px 70px rgba(0,0,0,.46),
    0 0 0 1px rgba(255,255,255,.015) inset,
    0 0 40px rgba(203,161,63,.05);
  opacity:.96;
  transition:
    transform .82s cubic-bezier(.2,.82,.2,1),
    box-shadow .82s ease,
    filter .82s ease,
    opacity .82s ease;
  will-change: transform;
}
.hero-ui-peek::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:
    linear-gradient(180deg, rgba(255,255,255,.03), transparent 24%),
    radial-gradient(circle at 20% 0%, rgba(240,220,166,.08), transparent 34%);
  mix-blend-mode:screen;
}
.hero-ui-peek img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.92;
  filter:saturate(.92) brightness(.92) contrast(1.02);
}
.hero-ui-peek-1{
  top:8%;
  left:10%;
  transform:translate3d(-22px,-14px,-70px) rotate(-7deg) scale(.92);
  z-index:1;
}
.hero-ui-peek-2{
  top:5%;
  right:7%;
  transform:translate3d(18px,-8px,-46px) rotate(6deg) scale(.915);
  z-index:2;
}
.hero-ui-peek-3{
  bottom:8%;
  right:11%;
  transform:translate3d(24px,16px,-22px) rotate(8deg) scale(.91);
  z-index:3;
}
.hero-brand-card{
  position:relative;
  z-index:10;
}
.hero-brand-card-wrap:hover .hero-ui-peek, .hero-brand-card-wrap.is-open .hero-ui-peek{
  box-shadow:
    0 28px 88px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 56px rgba(203,161,63,.08);
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:translate3d(-82px,-44px,-96px) rotate(-10deg) scale(.93);
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:translate3d(88px,-18px,-62px) rotate(8deg) scale(.935);
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:translate3d(72px,64px,-30px) rotate(10deg) scale(.925);
}
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
  transform:translateZ(8px);
}
@media (max-width: 1180px){.hero-brand-card-wrap{
    width:min(100%, 610px)!important;
    min-height:460px;
  }
.hero-ui-peek{
    width:min(72%, 400px);
    border-radius:20px;
  }
.hero-ui-peek-1{
    top:10%; left:8%;
    transform:translate3d(-14px,-8px,-58px) rotate(-6deg) scale(.9);
  }
.hero-ui-peek-2{
    top:7%; right:8%;
    transform:translate3d(14px,-4px,-40px) rotate(5deg) scale(.9);
  }
.hero-ui-peek-3{
    bottom:10%; right:10%;
    transform:translate3d(16px,12px,-20px) rotate(7deg) scale(.895);
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate3d(-52px,-28px,-82px) rotate(-8deg) scale(.915);
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate3d(58px,-10px,-52px) rotate(6deg) scale(.92);
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate3d(46px,44px,-24px) rotate(9deg) scale(.91);
  }}
@media (max-width: 720px){.hero-brand-card-wrap{
    min-height:340px;
  }
.hero-ui-peek{
    width:min(66%, 250px);
    border-radius:16px;
  }
.hero-ui-peek-1{
    top:10%; left:7%;
    transform:translate3d(-6px,-4px,-40px) rotate(-5deg) scale(.9);
  }
.hero-ui-peek-2{
    top:8%; right:7%;
    transform:translate3d(8px,-2px,-26px) rotate(5deg) scale(.9);
  }
.hero-ui-peek-3{
    bottom:11%; right:10%;
    transform:translate3d(10px,8px,-12px) rotate(7deg) scale(.89);
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate3d(-26px,-14px,-52px) rotate(-7deg) scale(.91);
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate3d(30px,-6px,-34px) rotate(6deg) scale(.91);
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate3d(24px,24px,-18px) rotate(8deg) scale(.9);
  }}
.hero-viz{
  overflow:visible!important;
}

/* ===== STRAT: kontah-v14-clean-ui-stack ===== */

.hero-brand-card-wrap{
  width:min(100%, 630px)!important;
  min-height:clamp(430px, 60vh, 760px)!important;
  position:relative;
  display:flex;
  align-items:center;
  justify-content:center;
  perspective:1800px!important;
  transform-style:preserve-3d;
}
.hero-ui-stack{
  position:absolute;
  inset:0;
  z-index:1;
  pointer-events:none;
}
.hero-ui-peek{
  position:absolute;
  top:50%;
  left:50%;
  width:min(52%, 305px)!important;
  aspect-ratio:16 / 10;
  margin:0;
  overflow:hidden;
  border-radius:18px!important;
  background:linear-gradient(180deg, rgba(12,12,12,.95), rgba(4,4,4,.98));
  border:1px solid rgba(240,220,166,.15)!important;
  box-shadow:
    0 18px 44px rgba(0,0,0,.42),
    0 0 0 1px rgba(255,255,255,.015) inset,
    0 0 24px rgba(203,161,63,.04)!important;
  opacity:.92;
  transition:
    transform .78s cubic-bezier(.2,.82,.2,1),
    box-shadow .78s ease,
    opacity .78s ease,
    filter .78s ease;
  will-change:transform;
}
.hero-ui-peek img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.90;
  filter:saturate(.86) brightness(.86) contrast(1.02);
}
.hero-ui-peek::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  border-radius:inherit;
  background:
    linear-gradient(180deg, rgba(255,255,255,.04), transparent 20%),
    linear-gradient(135deg, rgba(240,220,166,.05), transparent 28%);
  mix-blend-mode:screen;
}
.hero-ui-peek-1{
  z-index:1;
  transform:translate(-50%, -50%) translate(-56px, -42px) rotate(-8deg) scale(.84);
}
.hero-ui-peek-2{
  z-index:2;
  transform:translate(-50%, -50%) translate(72px, -34px) rotate(7deg) scale(.83);
}
.hero-ui-peek-3{
  z-index:3;
  transform:translate(-50%, -50%) translate(62px, 64px) rotate(9deg) scale(.82);
}
.hero-brand-card{
  position:relative;
  z-index:10!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:translate(-50%, -50%) translate(-92px, -62px) rotate(-10deg) scale(.86);
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:translate(-50%, -50%) translate(104px, -46px) rotate(8deg) scale(.85);
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:translate(-50%, -50%) translate(92px, 92px) rotate(10deg) scale(.84);
}
.hero-brand-card-wrap:hover .hero-ui-peek, .hero-brand-card-wrap.is-open .hero-ui-peek{
  box-shadow:
    0 22px 54px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 36px rgba(203,161,63,.06)!important;
}
@media (max-width: 1180px){.hero-ui-peek{
    width:min(48%, 260px)!important;
    border-radius:16px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-40px, -28px) rotate(-7deg) scale(.85);
  }
.hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(54px, -24px) rotate(6deg) scale(.84);
  }
.hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(46px, 50px) rotate(8deg) scale(.83);
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-70px, -44px) rotate(-8deg) scale(.86);
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(76px, -34px) rotate(7deg) scale(.85);
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(70px, 70px) rotate(9deg) scale(.84);
  }}
@media (max-width: 720px){.hero-brand-card-wrap{
    min-height:330px!important;
  }
.hero-ui-peek{
    width:min(44%, 180px)!important;
    border-radius:14px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-26px, -18px) rotate(-6deg) scale(.88);
  }
.hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(34px, -16px) rotate(5deg) scale(.87);
  }
.hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(30px, 34px) rotate(7deg) scale(.86);
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-42px, -28px) rotate(-7deg) scale(.89);
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(48px, -24px) rotate(6deg) scale(.88);
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(44px, 48px) rotate(8deg) scale(.87);
  }}
.hero-ui-peek{
  filter:none!important;
}

/* ===== STRAT: kontah-v15-hero-stack-clean-fix ===== */

.hero-brand-card-wrap{
  isolation:isolate!important;
  position:relative!important;
}
.hero-ui-stack{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
}
.hero-ui-stack::after{
  content:"";
  position:absolute;
  left:50%;
  top:50%;
  width:min(86%, 510px);
  height:min(86%, 620px);
  transform:translate(-50%,-50%);
  border-radius:34px;
  background:linear-gradient(180deg, rgba(10,9,8,.98), rgba(5,5,5,.99));
  box-shadow:
    0 0 0 1px rgba(240,220,166,.05) inset,
    0 0 40px rgba(0,0,0,.35);
  z-index:5;
  pointer-events:none;
}
.hero-ui-peek{
  z-index:2!important;
  width:min(44%, 255px)!important;
  border-radius:16px!important;
  opacity:.9!important;
  box-shadow:
    0 14px 32px rgba(0,0,0,.40),
    0 0 0 1px rgba(255,255,255,.012) inset,
    0 0 18px rgba(203,161,63,.03)!important;
  overflow:hidden!important;
}
.hero-ui-peek img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
  opacity:.88!important;
  filter:saturate(.84) brightness(.82) contrast(1.03)!important;
}
.hero-ui-peek-1{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%, -50%) translate(-172px, -122px) rotate(-8deg) scale(.92)!important;
}
.hero-ui-peek-2{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%, -50%) translate(166px, -128px) rotate(7deg) scale(.91)!important;
}
.hero-ui-peek-3{
  left:50%!important;
  top:50%!important;
  transform:translate(-50%, -50%) translate(158px, 150px) rotate(8deg) scale(.90)!important;
}
.hero-brand-card{
  position:relative!important;
  z-index:12!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:translate(-50%, -50%) translate(-214px, -148px) rotate(-10deg) scale(.94)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:translate(-50%, -50%) translate(208px, -148px) rotate(8deg) scale(.93)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:translate(-50%, -50%) translate(196px, 186px) rotate(10deg) scale(.92)!important;
}
@media (max-width: 1180px){.hero-ui-stack::after{
    width:min(82%, 470px);
    height:min(84%, 560px);
    border-radius:28px;
  }
.hero-ui-peek{
    width:min(40%, 210px)!important;
    border-radius:14px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-138px, -94px) rotate(-7deg) scale(.92)!important;
  }
.hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(134px, -98px) rotate(6deg) scale(.91)!important;
  }
.hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(128px, 118px) rotate(8deg) scale(.90)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-168px, -118px) rotate(-8deg) scale(.93)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(164px, -118px) rotate(7deg) scale(.92)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(158px, 146px) rotate(9deg) scale(.91)!important;
  }}
@media (max-width: 720px){.hero-ui-stack::after{
    width:min(78%, 300px);
    height:min(78%, 360px);
    border-radius:22px;
  }
.hero-ui-peek{
    width:min(34%, 128px)!important;
    border-radius:12px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-82px, -54px) rotate(-6deg) scale(.94)!important;
  }
.hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(84px, -58px) rotate(6deg) scale(.93)!important;
  }
.hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(78px, 78px) rotate(8deg) scale(.92)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%, -50%) translate(-96px, -68px) rotate(-7deg) scale(.95)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%, -50%) translate(98px, -68px) rotate(7deg) scale(.94)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%, -50%) translate(92px, 96px) rotate(9deg) scale(.93)!important;
  }}

/* ===== STRAT: kontah-v16-layered-stack ===== */

.hero-brand-card-wrap{
  position:relative!important;
  isolation:isolate!important;
  width:min(100%, 650px)!important;
  min-height:clamp(470px, 62vh, 780px)!important;
  perspective:1800px!important;
  overflow:visible!important;
}
.hero-ui-stack::after{
  display:none!important;
}
.hero-ui-stack{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  overflow:visible!important;
}
.hero-ui-peek{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  width:min(76%, 470px)!important;
  aspect-ratio:16/10!important;
  margin:0!important;
  overflow:hidden!important;
  border-radius:26px!important;
  background:#070706!important;
  border:1px solid rgba(240,220,166,.13)!important;
  box-shadow:
    0 20px 54px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.012) inset,
    0 0 26px rgba(203,161,63,.035)!important;
  opacity:.88!important;
  transform-origin:50% 50%!important;
  transition:
    transform .78s cubic-bezier(.2,.82,.2,1),
    opacity .6s ease,
    box-shadow .7s ease!important;
}
.hero-ui-peek img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:.88!important;
  filter:saturate(.88) brightness(.78) contrast(1.03)!important;
}
.hero-ui-peek::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.028),transparent 24%),
    radial-gradient(circle at 26% 0%,rgba(240,220,166,.055),transparent 35%)!important;
  mix-blend-mode:screen!important;
}
.hero-ui-peek-1{
  z-index:1!important;
  transform:translate(-50%,-50%) translateY(-78px) scale(.90)!important;
}
.hero-ui-peek-2{
  z-index:2!important;
  transform:translate(-50%,-50%) translateY(-42px) scale(.94)!important;
}
.hero-ui-peek-3{
  z-index:3!important;
  transform:translate(-50%,-50%) translateY(-14px) scale(.97)!important;
}
.hero-brand-card{
  position:relative!important;
  z-index:10!important;
  width:min(100%,575px)!important;
  transform:rotateY(-10deg) rotateX(4deg) translateZ(0)!important;
}
.hero-ui-stack{
  transform:rotateY(-6deg) rotateX(2deg) translateZ(-20px)!important;
  transform-style:preserve-3d!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:translate(-50%,-50%) translateY(-126px) scale(.90)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:translate(-50%,-50%) translateY(-76px) scale(.94)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:translate(-50%,-50%) translateY(-28px) scale(.97)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek, .hero-brand-card-wrap.is-open .hero-ui-peek{
  opacity:.96!important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.54),
    0 0 0 1px rgba(255,255,255,.016) inset,
    0 0 34px rgba(203,161,63,.045)!important;
}
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
  transform:rotateY(-8deg) rotateX(3deg) translateZ(10px)!important;
}
@media(max-width:1180px){.hero-brand-card-wrap{
    width:min(100%,610px)!important;
    min-height:500px!important;
  }
.hero-ui-peek{
    width:min(72%,410px)!important;
    border-radius:22px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%,-50%) translateY(-66px) scale(.91)!important;
  }
.hero-ui-peek-2{
    transform:translate(-50%,-50%) translateY(-36px) scale(.945)!important;
  }
.hero-ui-peek-3{
    transform:translate(-50%,-50%) translateY(-12px) scale(.975)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translateY(-104px) scale(.91)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translateY(-62px) scale(.945)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translateY(-24px) scale(.975)!important;
  }}
@media(max-width:720px){.hero-brand-card-wrap{
    min-height:370px!important;
    width:100%!important;
  }
.hero-ui-stack{
    transform:none!important;
  }
.hero-ui-peek{
    width:min(70%,260px)!important;
    border-radius:16px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%,-50%) translateY(-44px) scale(.91)!important;
  }
.hero-ui-peek-2{
    transform:translate(-50%,-50%) translateY(-24px) scale(.945)!important;
  }
.hero-ui-peek-3{
    transform:translate(-50%,-50%) translateY(-8px) scale(.975)!important;
  }
.hero-brand-card{
    transform:none!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translateY(-68px) scale(.91)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translateY(-42px) scale(.945)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translateY(-16px) scale(.975)!important;
  }}

/* ===== STRAT: kontah-v17-visible-layered-stack ===== */

.hero-brand-card-wrap{
  position:relative!important;
  isolation:isolate!important;
  width:min(100%, 670px)!important;
  min-height:clamp(500px, 64vh, 800px)!important;
  perspective:1900px!important;
  overflow:visible!important;
}
.hero-ui-stack{
  position:absolute!important;
  inset:0!important;
  z-index:1!important;
  pointer-events:none!important;
  overflow:visible!important;
  transform:rotateY(-4deg) rotateX(1.5deg) translateZ(-28px)!important;
  transform-style:preserve-3d!important;
}
.hero-ui-peek{
  position:absolute!important;
  left:50%!important;
  top:50%!important;
  margin:0!important;
  width:min(90%, 545px)!important;
  aspect-ratio:16/10!important;
  overflow:hidden!important;
  border-radius:24px!important;
  background:#070706!important;
  border:1px solid rgba(240,220,166,.18)!important;
  box-shadow:
    0 18px 48px rgba(0,0,0,.52),
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 28px rgba(203,161,63,.055)!important;
  opacity:.95!important;
  transform-origin:50% 50%!important;
  transition:
    transform .82s cubic-bezier(.2,.82,.2,1),
    opacity .6s ease,
    box-shadow .7s ease!important;
}
.hero-ui-peek img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  display:block!important;
  opacity:.91!important;
  filter:saturate(.90) brightness(.82) contrast(1.04)!important;
}
.hero-ui-peek::before{
  content:""!important;
  position:absolute!important;
  inset:0!important;
  border-radius:inherit!important;
  pointer-events:none!important;
  background:
    linear-gradient(180deg,rgba(255,255,255,.038),transparent 22%),
    radial-gradient(circle at 28% 0%,rgba(240,220,166,.065),transparent 35%)!important;
  mix-blend-mode:screen!important;
}
.hero-ui-peek-1{
  z-index:1!important;
  width:min(94%, 570px)!important;
  transform:
    translate(-50%,-50%)
    translate(-4px,-190px)
    scale(.965)!important;
}
.hero-ui-peek-2{
  z-index:2!important;
  width:min(92%, 558px)!important;
  transform:
    translate(-50%,-50%)
    translate(3px,-150px)
    scale(.975)!important;
}
.hero-ui-peek-3{
  z-index:3!important;
  width:min(90%, 545px)!important;
  transform:
    translate(-50%,-50%)
    translate(-1px,-112px)
    scale(.985)!important;
}
.hero-brand-card{
  position:relative!important;
  z-index:10!important;
  width:min(100%,575px)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:
    translate(-50%,-50%)
    translate(-10px,-255px)
    scale(.965)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:
    translate(-50%,-50%)
    translate(7px,-198px)
    scale(.975)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:
    translate(-50%,-50%)
    translate(-2px,-143px)
    scale(.985)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek, .hero-brand-card-wrap.is-open .hero-ui-peek{
  opacity:.99!important;
  box-shadow:
    0 24px 64px rgba(0,0,0,.58),
    0 0 0 1px rgba(255,255,255,.02) inset,
    0 0 38px rgba(203,161,63,.07)!important;
}
.hero-ui-peek-1, .hero-ui-peek-2, .hero-ui-peek-3{
  left:50%!important;
  right:auto!important;
  bottom:auto!important;
}
@media(max-width:1180px){.hero-brand-card-wrap{
    width:min(100%,620px)!important;
    min-height:520px!important;
  }
.hero-ui-peek-1{
    width:min(92%,500px)!important;
    transform:translate(-50%,-50%) translate(-3px,-160px) scale(.965)!important;
  }
.hero-ui-peek-2{
    width:min(90%,487px)!important;
    transform:translate(-50%,-50%) translate(3px,-126px) scale(.975)!important;
  }
.hero-ui-peek-3{
    width:min(88%,475px)!important;
    transform:translate(-50%,-50%) translate(-1px,-94px) scale(.985)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(-7px,-214px) scale(.965)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(5px,-166px) scale(.975)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(-2px,-120px) scale(.985)!important;
  }}
@media(max-width:720px){.hero-brand-card-wrap{
    min-height:405px!important;
    width:100%!important;
  }
.hero-ui-stack{
    transform:none!important;
  }
.hero-ui-peek{
    border-radius:16px!important;
  }
.hero-ui-peek-1{
    width:min(88%,300px)!important;
    transform:translate(-50%,-50%) translateY(-98px) scale(.96)!important;
  }
.hero-ui-peek-2{
    width:min(86%,292px)!important;
    transform:translate(-50%,-50%) translateY(-76px) scale(.97)!important;
  }
.hero-ui-peek-3{
    width:min(84%,284px)!important;
    transform:translate(-50%,-50%) translateY(-55px) scale(.98)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translateY(-138px) scale(.96)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translateY(-104px) scale(.97)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translateY(-72px) scale(.98)!important;
  }}

/* ===== STRAT: kontah-v18-diagonal-axis-stack ===== */

.hero-ui-stack{
  transform:
    rotateY(-10deg)
    rotateX(4deg)
    translateZ(-34px)!important;
  transform-style:preserve-3d!important;
}
.hero-ui-peek{
  transform-origin:50% 50%!important;
  rotate:0deg!important;
}
.hero-ui-peek-1{
  z-index:1!important;
  width:min(94%,570px)!important;
  transform:
    translate(-50%,-50%)
    translate(-66px,-154px)
    scale(.955)!important;
}
.hero-ui-peek-2{
  z-index:2!important;
  width:min(92%,558px)!important;
  transform:
    translate(-50%,-50%)
    translate(-44px,-116px)
    scale(.970)!important;
}
.hero-ui-peek-3{
  z-index:3!important;
  width:min(90%,545px)!important;
  transform:
    translate(-50%,-50%)
    translate(-22px,-78px)
    scale(.985)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:
    translate(-50%,-50%)
    translate(-102px,-220px)
    scale(.955)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:
    translate(-50%,-50%)
    translate(-68px,-164px)
    scale(.970)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:
    translate(-50%,-50%)
    translate(-34px,-108px)
    scale(.985)!important;
}
.hero-brand-card{
  transform:
    rotateY(-10deg)
    rotateX(4deg)
    translateZ(0)!important;
}
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
  transform:
    rotateY(-8deg)
    rotateX(3deg)
    translateZ(10px)!important;
}
@media(max-width:1180px){.hero-ui-stack{
    transform:
      rotateY(-7deg)
      rotateX(3deg)
      translateZ(-26px)!important;
  }
.hero-ui-peek-1{
    width:min(92%,500px)!important;
    transform:translate(-50%,-50%) translate(-52px,-132px) scale(.955)!important;
  }
.hero-ui-peek-2{
    width:min(90%,487px)!important;
    transform:translate(-50%,-50%) translate(-34px,-98px) scale(.970)!important;
  }
.hero-ui-peek-3{
    width:min(88%,475px)!important;
    transform:translate(-50%,-50%) translate(-16px,-64px) scale(.985)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(-78px,-178px) scale(.955)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(-51px,-132px) scale(.970)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(-24px,-86px) scale(.985)!important;
  }}
@media(max-width:720px){.hero-ui-stack{
    transform:none!important;
  }
.hero-ui-peek-1{
    width:min(88%,300px)!important;
    transform:translate(-50%,-50%) translate(-28px,-82px) scale(.96)!important;
  }
.hero-ui-peek-2{
    width:min(86%,292px)!important;
    transform:translate(-50%,-50%) translate(-18px,-60px) scale(.97)!important;
  }
.hero-ui-peek-3{
    width:min(84%,284px)!important;
    transform:translate(-50%,-50%) translate(-8px,-38px) scale(.98)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(-42px,-112px) scale(.96)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(-27px,-82px) scale(.97)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(-12px,-52px) scale(.98)!important;
  }}

/* ===== STRAT: kontah-v19-lateral-stack ===== */

.hero-ui-stack{
  transform:
    rotateY(-10deg)
    rotateX(4deg)
    translateZ(-34px)!important;
  transform-style:preserve-3d!important;
}
.hero-ui-peek{
  rotate:0deg!important;
  transform-origin:50% 50%!important;
}
.hero-ui-peek-1{
  z-index:1!important;
  width:min(94%,570px)!important;
  transform:
    translate(-50%,-50%)
    translate(118px,-16px)
    scale(.955)!important;
}
.hero-ui-peek-2{
  z-index:2!important;
  width:min(92%,558px)!important;
  transform:
    translate(-50%,-50%)
    translate(82px,-10px)
    scale(.970)!important;
}
.hero-ui-peek-3{
  z-index:3!important;
  width:min(90%,545px)!important;
  transform:
    translate(-50%,-50%)
    translate(44px,-4px)
    scale(.985)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:
    translate(-50%,-50%)
    translate(188px,-24px)
    scale(.955)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:
    translate(-50%,-50%)
    translate(130px,-15px)
    scale(.970)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:
    translate(-50%,-50%)
    translate(72px,-7px)
    scale(.985)!important;
}
.hero-brand-card{
  position:relative!important;
  z-index:10!important;
  transform:
    rotateY(-10deg)
    rotateX(4deg)
    translateZ(0)!important;
}
@media(max-width:1180px){.hero-ui-stack{
    transform:
      rotateY(-7deg)
      rotateX(3deg)
      translateZ(-26px)!important;
  }
.hero-ui-peek-1{
    width:min(92%,500px)!important;
    transform:translate(-50%,-50%) translate(92px,-12px) scale(.955)!important;
  }
.hero-ui-peek-2{
    width:min(90%,487px)!important;
    transform:translate(-50%,-50%) translate(64px,-8px) scale(.970)!important;
  }
.hero-ui-peek-3{
    width:min(88%,475px)!important;
    transform:translate(-50%,-50%) translate(34px,-3px) scale(.985)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(144px,-18px) scale(.955)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(100px,-11px) scale(.970)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(54px,-5px) scale(.985)!important;
  }}
@media(max-width:720px){.hero-ui-stack{
    transform:none!important;
  }
.hero-ui-peek-1{
    width:min(88%,300px)!important;
    transform:translate(-50%,-50%) translate(54px,-6px) scale(.96)!important;
  }
.hero-ui-peek-2{
    width:min(86%,292px)!important;
    transform:translate(-50%,-50%) translate(36px,-4px) scale(.97)!important;
  }
.hero-ui-peek-3{
    width:min(84%,284px)!important;
    transform:translate(-50%,-50%) translate(18px,-2px) scale(.98)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(82px,-8px) scale(.96)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(56px,-5px) scale(.97)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(30px,-3px) scale(.98)!important;
  }}

/* ===== STRAT: kontah-v20-lateral-stack-more-visible ===== */

.hero-brand-card-wrap{
  width:min(100%, 700px)!important;
  min-height:clamp(500px, 64vh, 800px)!important;
  overflow:visible!important;
  perspective:1900px!important;
}
.hero-brand-card{
  width:min(82%, 500px)!important;
  z-index:10!important;
  transform:
    rotateY(-9deg)
    rotateX(3.5deg)
    translateZ(16px)!important;
}
.hero-marca.hero-marca-3d{
  min-height:clamp(330px, 46vh, 500px)!important;
  padding:24px 22px 20px!important;
}
.hero-ui-stack{
  transform:
    rotateY(-9deg)
    rotateX(3.5deg)
    translateZ(-30px)!important;
  transform-style:preserve-3d!important;
}
.hero-ui-peek{
  aspect-ratio:16/10!important;
  border-radius:24px!important;
  opacity:.96!important;
  border-color:rgba(240,220,166,.19)!important;
  box-shadow:
    0 20px 54px rgba(0,0,0,.50),
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 30px rgba(203,161,63,.05)!important;
}
.hero-ui-peek-1{
  z-index:1!important;
  width:min(106%, 640px)!important;
  transform:
    translate(-50%,-50%)
    translate(228px,-10px)
    scale(1.00)!important;
}
.hero-ui-peek-2{
  z-index:2!important;
  width:min(100%, 605px)!important;
  transform:
    translate(-50%,-50%)
    translate(164px,-6px)
    scale(.99)!important;
}
.hero-ui-peek-3{
  z-index:3!important;
  width:min(94%, 570px)!important;
  transform:
    translate(-50%,-50%)
    translate(102px,-2px)
    scale(.985)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
  transform:
    translate(-50%,-50%)
    translate(302px,-12px)
    scale(1.00)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
  transform:
    translate(-50%,-50%)
    translate(214px,-7px)
    scale(.99)!important;
}
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
  transform:
    translate(-50%,-50%)
    translate(130px,-3px)
    scale(.985)!important;
}
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
  transform:
    rotateY(-7deg)
    rotateX(2.8deg)
    translateZ(24px)!important;
}
.hero-ui-peek img{
  opacity:.94!important;
  filter:saturate(.92) brightness(.90) contrast(1.04)!important;
}
@media(max-width:1180px){.hero-brand-card-wrap{
    width:min(100%, 640px)!important;
  }
.hero-brand-card{
    width:min(80%, 455px)!important;
  }
.hero-ui-peek-1{
    width:min(103%, 555px)!important;
    transform:translate(-50%,-50%) translate(184px,-8px) scale(1)!important;
  }
.hero-ui-peek-2{
    width:min(98%, 525px)!important;
    transform:translate(-50%,-50%) translate(132px,-5px) scale(.99)!important;
  }
.hero-ui-peek-3{
    width:min(92%, 495px)!important;
    transform:translate(-50%,-50%) translate(82px,-2px) scale(.985)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(236px,-9px) scale(1)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(170px,-6px) scale(.99)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(104px,-3px) scale(.985)!important;
  }}
@media(max-width:720px){.hero-brand-card-wrap{
    width:100%!important;
    min-height:390px!important;
  }
.hero-ui-stack{
    transform:none!important;
  }
.hero-brand-card{
    width:min(76%, 290px)!important;
    transform:none!important;
  }
.hero-marca.hero-marca-3d{
    min-height:270px!important;
  }
.hero-ui-peek-1{
    width:min(96%, 340px)!important;
    transform:translate(-50%,-50%) translate(88px,-5px) scale(1)!important;
  }
.hero-ui-peek-2{
    width:min(90%, 320px)!important;
    transform:translate(-50%,-50%) translate(62px,-3px) scale(.99)!important;
  }
.hero-ui-peek-3{
    width:min(84%, 300px)!important;
    transform:translate(-50%,-50%) translate(38px,-1px) scale(.985)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(116px,-6px) scale(1)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(82px,-4px) scale(.99)!important;
  }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(50px,-2px) scale(.985)!important;
  }}

/* ===== STRAT: kontah-v22-hero-shift-left ===== */

@media (min-width:1181px){.hero-layout{
    width:min(1460px, calc(100% - 48px))!important;
    grid-template-columns:minmax(0,.95fr) minmax(540px,1.05fr)!important;
    gap:clamp(20px,2.6vw,40px)!important;
    transform:translateX(-78px)!important;
  }
.hero-copy.hero-copy-left{
    max-width:660px!important;
  }
.hero-viz{
    justify-content:flex-start!important;
    margin-left:-18px!important;
  }}
@media (min-width:1500px){.hero-layout{
    transform:translateX(-96px)!important;
  }
.hero-viz{
    margin-left:-28px!important;
  }}
@media (max-width:1180px){.hero-layout{
    transform:none!important;
    width:min(100%, calc(100% - 48px))!important;
  }
.hero-viz{
    margin-left:0!important;
    justify-content:center!important;
  }}

/* ===== STRAT: kontah-v23-accounting-notes-bg ===== */

body{
  position:relative;
}
.kontah-notes-bg{
  position:fixed;
  inset:0;
  overflow:hidden;
  pointer-events:none;
  z-index:0;
  opacity:1;
}
.kontah-notes-bg::before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 18%, rgba(240,220,166,.015), transparent 20%),
    radial-gradient(circle at 80% 28%, rgba(203,161,63,.012), transparent 18%),
    radial-gradient(circle at 60% 74%, rgba(240,220,166,.012), transparent 24%);
  pointer-events:none;
}
.kontah-note{
  position:absolute;
  color:rgba(240,220,166,.050);
  font-size:11px;
  line-height:1;
  letter-spacing:.18em;
  text-transform:uppercase;
  white-space:nowrap;
  font-family:Inter, ui-sans-serif, system-ui, -apple-system, sans-serif;
  text-shadow:0 0 8px rgba(240,220,166,.018);
  filter:blur(.15px);
  user-select:none;
  will-change:transform,opacity;
  transform-origin:center center;
}
.kontah-note--tiny{ font-size:9px; opacity:.42; }
.kontah-note--small{ font-size:10px; opacity:.48; }
.kontah-note--normal{ font-size:11px; opacity:.52; }
@media (max-width: 900px){.kontah-note{
    font-size:9px;
    letter-spacing:.12em;
  }
.kontah-note--tiny{ font-size:8px; }
.kontah-note--small{ font-size:9px; }
.kontah-note--normal{ font-size:10px; }}

/* ===== STRAT: kontah-v24-notes-visible-override ===== */

.kontah-notes-bg{
  z-index:1 !important;
  opacity:1 !important;
  mix-blend-mode:screen;
}
.kontah-notes-bg::before{
  background:
    radial-gradient(circle at 14% 20%, rgba(240,220,166,.020), transparent 18%),
    radial-gradient(circle at 84% 24%, rgba(240,220,166,.018), transparent 16%),
    radial-gradient(circle at 56% 68%, rgba(203,161,63,.015), transparent 20%) !important;
}
.kontah-note{
  color:rgba(240,220,166,.095) !important;
  text-shadow:
    0 0 10px rgba(240,220,166,.035),
    0 0 24px rgba(203,161,63,.015) !important;
  filter:none !important;
  letter-spacing:.16em !important;
}
.kontah-note--tiny{ font-size:10px !important; opacity:.42 !important; }
.kontah-note--small{ font-size:11px !important; opacity:.50 !important; }
.kontah-note--normal{ font-size:12px !important; opacity:.58 !important; }
@media (max-width: 900px){.kontah-note--tiny{ font-size:8px !important; }
.kontah-note--small{ font-size:9px !important; }
.kontah-note--normal{ font-size:10px !important; }}

/* ===== STRAT: kontah-v25-notes-atmospheric ===== */

.kontah-notes-bg{
  z-index:1 !important;
  opacity:1 !important;
  mix-blend-mode:screen;
  mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,.95) 45%,
    rgba(0,0,0,.45) 72%,
    rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,.95) 45%,
    rgba(0,0,0,.45) 72%,
    rgba(0,0,0,0) 100%);
}
.kontah-notes-bg::before{
  background:
    radial-gradient(circle at 15% 40%, rgba(240,220,166,.030), transparent 22%),
    radial-gradient(circle at 74% 46%, rgba(240,220,166,.026), transparent 24%),
    radial-gradient(circle at 88% 52%, rgba(203,161,63,.022), transparent 18%),
    radial-gradient(circle at 28% 18%, rgba(240,220,166,.018), transparent 16%),
    radial-gradient(circle at 66% 14%, rgba(240,220,166,.016), transparent 14%) !important;
}
.kontah-note{
  color: rgba(240,220,166,.075) !important;
  text-shadow:
    0 0 12px rgba(240,220,166,.030),
    0 0 30px rgba(203,161,63,.020) !important;
  filter: blur(.2px) !important;
  letter-spacing: .18em !important;
  font-weight: 500 !important;
  transition: opacity .3s ease;
}
.kontah-note--tiny{
  font-size: 9px !important;
  opacity: .32 !important;
}
.kontah-note--small{
  font-size: 10px !important;
  opacity: .40 !important;
}
.kontah-note--normal{
  font-size: 11px !important;
  opacity: .48 !important;
}
.kontah-note::before{
  content:"";
  position:absolute;
  left:-8px;
  top:50%;
  width:2px;
  height:2px;
  border-radius:50%;
  background:rgba(240,220,166,.22);
  box-shadow:0 0 6px rgba(240,220,166,.10);
  transform:translateY(-50%);
}
@media (max-width: 900px){.kontah-note--tiny{ font-size:8px !important; opacity:.28 !important; }
.kontah-note--small{ font-size:8.5px !important; opacity:.34 !important; }
.kontah-note--normal{ font-size:9.5px !important; opacity:.40 !important; }
.kontah-note{ letter-spacing:.12em !important; }}

/* ===== STRAT: kontah-v26-notes-sparse-elegant ===== */

.kontah-notes-bg{
  z-index:1 !important;
  opacity:1 !important;
  mix-blend-mode:screen;
  mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,.96) 48%,
    rgba(0,0,0,.30) 76%,
    rgba(0,0,0,0) 100%);
  -webkit-mask-image: linear-gradient(to bottom,
    rgba(0,0,0,1) 0%,
    rgba(0,0,0,.96) 48%,
    rgba(0,0,0,.30) 76%,
    rgba(0,0,0,0) 100%);
}
.kontah-notes-bg::before{
  background:
    radial-gradient(circle at 18% 44%, rgba(240,220,166,.020), transparent 24%),
    radial-gradient(circle at 76% 42%, rgba(240,220,166,.018), transparent 22%),
    radial-gradient(circle at 63% 16%, rgba(203,161,63,.014), transparent 14%) !important;
}
.kontah-note{
  color: rgba(240,220,166,.060) !important;
  text-shadow:
    0 0 10px rgba(240,220,166,.022),
    0 0 24px rgba(203,161,63,.012) !important;
  filter: blur(.25px) !important;
  letter-spacing: .19em !important;
  font-weight: 500 !important;
}
.kontah-note--tiny{
  font-size: 9px !important;
  opacity: .24 !important;
}
.kontah-note--small{
  font-size: 10px !important;
  opacity: .31 !important;
}
.kontah-note--normal{
  font-size: 11px !important;
  opacity: .38 !important;
}
.kontah-note::before{
  content:"";
  position:absolute;
  left:-7px;
  top:50%;
  width:1.5px;
  height:1.5px;
  border-radius:50%;
  background:rgba(240,220,166,.16);
  box-shadow:0 0 4px rgba(240,220,166,.07);
  transform:translateY(-50%);
}
@media (max-width: 900px){.kontah-note--tiny{ font-size:8px !important; opacity:.20 !important; }
.kontah-note--small{ font-size:8.5px !important; opacity:.26 !important; }
.kontah-note--normal{ font-size:9.5px !important; opacity:.32 !important; }
.kontah-note{ letter-spacing:.12em !important; }}

/* ===== STRAT: kontah-v27-premium-cards ===== */

:root{
  --kh-card-bg: rgba(9,8,6,.78);
  --kh-card-bg-2: rgba(11,9,7,.94);
  --kh-card-line: rgba(240,220,166,.11);
  --kh-card-line-strong: rgba(240,220,166,.22);
  --kh-card-glow: rgba(203,161,63,.08);
  --kh-card-shadow:
    0 14px 30px rgba(0,0,0,.28),
    0 1px 0 rgba(255,255,255,.018) inset,
    0 0 0 1px rgba(255,255,255,.012) inset,
    0 0 26px rgba(203,161,63,.028);
  --kh-card-shadow-hover:
    0 20px 44px rgba(0,0,0,.38),
    0 1px 0 rgba(255,255,255,.026) inset,
    0 0 0 1px rgba(255,255,255,.018) inset,
    0 0 36px rgba(203,161,63,.055);
}
.card, .note-card{
  position:relative;
  overflow:hidden;
  border-radius:24px !important;
  border:1px solid var(--kh-card-line) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.020) 0%, rgba(255,255,255,.006) 18%, rgba(255,255,255,0) 52%),
    linear-gradient(145deg, rgba(240,220,166,.030) 0%, transparent 36%, transparent 100%),
    var(--kh-card-bg) !important;
  box-shadow: var(--kh-card-shadow) !important;
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
  transition:
    transform .32s ease,
    box-shadow .32s ease,
    border-color .32s ease,
    background .32s ease !important;
}
.card::before, .note-card::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    radial-gradient(120% 80% at 0% 0%, rgba(240,220,166,.045), transparent 42%),
    radial-gradient(80% 80% at 100% 100%, rgba(203,161,63,.020), transparent 38%);
  opacity:.92;
}
.card::after, .note-card::after{
  content:"";
  position:absolute;
  left:18px; right:18px; top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(240,220,166,.30), transparent);
  opacity:.34;
}
.card > *, .note-card > *{
  position:relative;
  z-index:1;
}
.card:hover, .note-card:hover{
  transform: translateY(-4px);
  border-color: var(--kh-card-line-strong) !important;
  background:
    linear-gradient(180deg, rgba(255,255,255,.030) 0%, rgba(255,255,255,.008) 18%, rgba(255,255,255,0) 52%),
    linear-gradient(145deg, rgba(240,220,166,.055) 0%, transparent 36%, transparent 100%),
    var(--kh-card-bg-2) !important;
  box-shadow: var(--kh-card-shadow-hover) !important;
}
.card h3, .card h4, .note-card h3{
  letter-spacing:-.02em;
  text-wrap:balance;
}
.card p, .note-card p{
  color:rgba(243,239,230,.58) !important;
}
#s12 .card{padding-top:clamp(24px,2.2vw,32px)!important;}
#s12 .card h3::before{
  content:none !important;
  display:none !important;
}
#s12 .card{
  min-height:228px;
}
@media (max-width: 900px){.card, .note-card{
    border-radius:20px !important;
  }}

/* ===== STRAT: kontah-v30-dropdowns-refined ===== */

.idxtb{ position:relative; }
.kh-nav-rich{
  position:absolute;
  left:50%;
  top:50%;
  transform:translate(-50%, -50%);
  display:flex;
  align-items:center;
  justify-content:center;
  gap:4px;
  width:max-content;
  max-width:calc(100vw - 320px);
  z-index:30;
}
.idxtb-left, .menu-toggle{ position:relative; z-index:31; }
@media (max-width: 1380px){.kh-nav-rich{ max-width:calc(100vw - 270px); }}
@media (max-width: 1180px){.kh-nav-rich{ transform:translate(-51%, -50%) scale(.96); transform-origin:center; }}
.kh-nav-item{
  position:relative;
  display:flex;
  align-items:center;
}
.kh-nav-link{
  appearance:none;
  border:0;
  background:transparent;
  cursor:pointer;
  color:rgba(243,239,230,.72);
  font:inherit;
  letter-spacing:.17em;
  text-transform:uppercase;
  font-size:12.8px;
  line-height:1;
  padding:13px 16px;
  border-radius:999px;
  position:relative;
  transition:color .22s ease, background .22s ease, box-shadow .22s ease, transform .22s ease;
}
.kh-nav-link::before{
  content:"";
  position:absolute;
  left:14px;
  right:14px;
  bottom:7px;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(240,220,166,.42), transparent);
  opacity:0;
  transform:scaleX(.72);
  transform-origin:center;
  transition:opacity .22s ease, transform .22s ease;
}
.kh-nav-link::after{
  content:"▾";
  font-size:11px;
  margin-left:9px;
  opacity:.48;
  transition:transform .22s ease, opacity .22s ease;
}
.kh-nav-item:hover > .kh-nav-link, .kh-nav-item:focus-within > .kh-nav-link, .kh-nav-link:hover, .kh-nav-item.is-open > .kh-nav-link{
  color:var(--crem);
  background:linear-gradient(180deg, rgba(240,220,166,.055), rgba(240,220,166,.018));
  box-shadow:0 0 0 1px rgba(240,220,166,.11) inset, 0 10px 18px rgba(0,0,0,.16);
  transform:translateY(-1px);
}
.kh-nav-item:hover > .kh-nav-link::before, .kh-nav-item:focus-within > .kh-nav-link::before, .kh-nav-item.is-open > .kh-nav-link::before{ opacity:.95; transform:scaleX(1); }
.kh-nav-item:hover > .kh-nav-link::after, .kh-nav-item:focus-within > .kh-nav-link::after, .kh-nav-item.is-open > .kh-nav-link::after{ transform:rotate(180deg); opacity:.84; }
.kh-dropdown{
  position:absolute;
  top:calc(100% + 16px);
  left:50%;
  z-index:120;
  width:min(900px, calc(100vw - 72px));
  opacity:0 !important;
  visibility:hidden !important;
  pointer-events:none !important;
  transform:translate(-50%, 12px) scale(.985) !important;
  transform-origin:top center;
  transition:opacity .18s ease, transform .26s cubic-bezier(.22,.8,.24,1), visibility .18s ease;
  border-radius:30px;
  border:1px solid rgba(240,220,166,.12);
  background:
    radial-gradient(120% 90% at 0% 0%, rgba(240,220,166,.06), transparent 42%),
    radial-gradient(90% 110% at 100% 0%, rgba(240,220,166,.025), transparent 44%),
    linear-gradient(180deg, rgba(255,255,255,.024), rgba(255,255,255,.008) 16%, rgba(255,255,255,0) 42%),
    linear-gradient(145deg, rgba(240,220,166,.03), rgba(240,220,166,.008) 38%, transparent 62%),
    rgba(8,7,6,.955);
  box-shadow:
    0 24px 56px rgba(0,0,0,.54),
    0 0 0 1px rgba(255,255,255,.016) inset,
    0 0 42px rgba(203,161,63,.055),
    0 -18px 40px rgba(240,220,166,.02) inset;
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  overflow:hidden;
}
.kh-dropdown::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(90deg, transparent 0%, rgba(240,220,166,.045) 12%, transparent 32%, transparent 68%, rgba(240,220,166,.03) 88%, transparent 100%);
  opacity:.55;
}
.kh-dropdown::after{
  content:"";
  position:absolute;
  left:22px;
  right:22px;
  top:0;
  height:1px;
  background:linear-gradient(90deg, transparent, rgba(240,220,166,.42), transparent);
  opacity:.75;
  pointer-events:none;
}
.kh-nav-item.is-open > .kh-dropdown{
  opacity:1 !important;
  visibility:visible !important;
  pointer-events:auto !important;
  transform:translate(-50%, 0) scale(1) !important;
}
.kh-dropdown--wide{ width:min(940px, calc(100vw - 72px)); }
.kh-dropdown--mid{ width:min(760px, calc(100vw - 72px)); }
.kh-dropdown__intro{
  position:relative;
  padding:26px 28px 18px 28px;
  border-bottom:1px solid rgba(240,220,166,.08);
}
.kh-dropdown__intro::after{
  content:"";
  position:absolute;
  left:28px;
  bottom:-1px;
  width:118px;
  height:1px;
  background:linear-gradient(90deg, rgba(240,220,166,.62), transparent);
}
.kh-dd-eyebrow{
  display:inline-flex;
  align-items:center;
  gap:8px;
  margin-bottom:10px;
  color:var(--aur-linie);
  letter-spacing:.2em;
  text-transform:uppercase;
  font-size:11px;
}
.kh-dd-eyebrow::before{
  content:"";
  width:18px;
  height:1px;
  background:rgba(240,220,166,.58);
}
.kh-dropdown__intro h4{
  margin:0;
  font-size:28px;
  line-height:1.14;
  color:var(--crem);
  letter-spacing:-.025em;
  max-width:32ch;
}
.kh-dropdown__intro p{
  margin:10px 0 0;
  font-size:15.5px;
  line-height:1.68;
  color:rgba(243,239,230,.57);
  max-width:60ch;
}
.kh-dropdown__cols{
  display:grid;
  grid-template-columns:repeat(3, minmax(0,1fr));
  gap:12px;
  padding:14px;
}
.kh-dropdown__cols--2{ grid-template-columns:repeat(2, minmax(0,1fr)); }
.kh-dd-col{
  padding:16px;
  border-radius:22px;
  background:linear-gradient(180deg, rgba(255,255,255,.012), rgba(255,255,255,0));
  box-shadow:0 0 0 1px rgba(240,220,166,.04) inset;
  min-width:0;
}
.kh-dd-col:hover{ box-shadow:0 0 0 1px rgba(240,220,166,.07) inset, 0 10px 26px rgba(0,0,0,.12) inset; }
.kh-dd-col + .kh-dd-col{ border-left:1px solid rgba(240,220,166,.045); }
.kh-dd-title{
  margin-bottom:12px;
  color:rgba(240,220,166,.9);
  font-size:11px;
  text-transform:uppercase;
  letter-spacing:.2em;
}
.kh-dd-col a{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:14px;
  width:100%;
  min-height:48px;
  box-sizing:border-box;
  padding:12px 16px 12px 14px;
  border-radius:14px;
  color:rgba(243,239,230,.72);
  font-size:15px;
  line-height:1.42;
  position:relative;
  transition:background .22s ease, color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.kh-dd-col a::before{
  content:"";
  width:5px;
  height:5px;
  border-radius:999px;
  background:rgba(240,220,166,.42);
  box-shadow:0 0 0 4px rgba(240,220,166,.04);
  flex:0 0 auto;
  margin-right:4px;
}
.kh-dd-col a::after{
  content:"›";
  color:rgba(240,220,166,.42);
  font-size:18px;
  margin-left:auto;
  flex:0 0 auto;
  transition:transform .22s ease, color .22s ease;
}
.kh-dd-col a:hover, .kh-dd-col a:focus-visible{
  background:linear-gradient(90deg, rgba(240,220,166,.055), rgba(240,220,166,.02));
  color:var(--crem);
  transform:translateX(3px);
  box-shadow:0 0 0 1px rgba(240,220,166,.05) inset;
}
.kh-dd-col a:hover::before, .kh-dd-col a:focus-visible::before{ background:rgba(240,220,166,.86); }
.kh-dd-col a:hover::after, .kh-dd-col a:focus-visible::after{ color:rgba(240,220,166,.82); transform:translateX(2px); }
.kh-dd-col a{white-space:normal;}
.kh-dd-col a span{display:block;}
.kh-dd-col a{font-weight:500;}
.kh-dd-title{line-height:1.3;}
.kh-dropdown__intro p{max-width:62ch;}
.kh-mobile-accordion{ display:grid; gap:10px; }
.kh-mdd{
  border:1px solid rgba(240,220,166,.11);
  border-radius:18px;
  background:
    linear-gradient(180deg, rgba(255,255,255,.018), rgba(255,255,255,0)),
    linear-gradient(135deg, rgba(240,220,166,.03), transparent 44%),
    rgba(10,9,7,.78);
  overflow:hidden;
  box-shadow:0 0 0 1px rgba(255,255,255,.01) inset;
}
.kh-mdd summary{
  list-style:none;
  cursor:pointer;
  padding:16px 18px;
  color:var(--crem);
  text-transform:uppercase;
  letter-spacing:.15em;
  font-size:12.5px;
  display:flex;
  align-items:center;
  justify-content:space-between;
}
.kh-mdd summary::-webkit-details-marker{display:none;}
.kh-mdd summary::after{content:"▾"; color:rgba(240,220,166,.68); transition:transform .24s ease;}
.kh-mdd[open] summary::after{transform:rotate(180deg);}
.kh-mdd__body{display:grid; gap:4px; padding:0 10px 10px 10px;}
.kh-mdd__body a{padding:12px 14px !important; border-radius:13px; background:transparent; font-size:14.5px;}
.kh-mdd__body a:hover, .kh-mdd__body a:focus-visible{background:rgba(240,220,166,.05);}
.kh-sep-mobil{display:block; height:1px; margin:4px 0 2px; background:linear-gradient(90deg, transparent, rgba(240,220,166,.12), transparent);}
@media (max-width: 1100px){.kh-dropdown--wide{width:min(820px, calc(100vw - 48px));}
.kh-dropdown--mid{width:min(680px, calc(100vw - 48px));}}
@media (max-width: 920px){.kh-nav-rich{display:none !important;}}

/* ===== STRAT: kontah-v32-typographic-hierarchy ===== */

.kh-nav-link{
  font-size:13.4px !important;
  font-weight:600 !important;
  letter-spacing:.145em !important;
  padding:14px 17px !important;
}
.kh-nav-link::after{
  font-size:11.5px !important;
  margin-left:9px !important;
}
.kh-dd-eyebrow{
  font-size:11.5px !important;
  font-weight:650 !important;
  letter-spacing:.205em !important;
  margin-bottom:12px !important;
}
.kh-dd-eyebrow::before{
  width:22px !important;
}
.kh-dropdown__intro h4{
  font-size:30px !important;
  line-height:1.13 !important;
  font-weight:520 !important;
  letter-spacing:-.03em !important;
  max-width:31ch !important;
}
.kh-dropdown__intro p{
  font-size:16.2px !important;
  line-height:1.68 !important;
  color:rgba(243,239,230,.62) !important;
  max-width:64ch !important;
  margin-top:12px !important;
}
.kh-dd-title{
  font-size:12.2px !important;
  line-height:1.25 !important;
  font-weight:700 !important;
  letter-spacing:.175em !important;
  margin-bottom:13px !important;
  color:rgba(240,220,166,.94) !important;
}
.kh-dd-col a{
  min-height:50px !important;
  padding:12px 16px 12px 14px !important;
  font-size:15.8px !important;
  line-height:1.38 !important;
  font-weight:560 !important;
  letter-spacing:.012em !important;
  color:rgba(243,239,230,.76) !important;
}
.kh-dd-col a::before{
  width:5px !important;
  height:5px !important;
  box-shadow:0 0 0 4px rgba(240,220,166,.045) !important;
}
.kh-dd-col a::after{
  font-size:19px !important;
}
.kh-dropdown--wide{
  width:min(980px, calc(100vw - 72px)) !important;
}
.kh-dropdown--mid{
  width:min(790px, calc(100vw - 72px)) !important;
}
.kh-dropdown__cols{
  gap:14px !important;
  padding:15px !important;
}
.kh-dd-col{
  padding:17px !important;
  border-radius:22px !important;
}
.kh-dd-col{
  display:flex;
  flex-direction:column;
}
.kh-dd-col a{
  flex:0 0 auto;
}
.kh-dd-col a[href="#s12"]{
  overflow-wrap:normal;
}
.kh-dd-col a{
  white-space:normal !important;
}
.kh-dd-col a:hover, .kh-dd-col a:focus-visible{
  color:rgba(255,248,226,.98) !important;
  background:
    linear-gradient(90deg,
      rgba(240,220,166,.072),
      rgba(240,220,166,.024)) !important;
}
.kh-mdd summary{
  font-size:13px !important;
  font-weight:650 !important;
  letter-spacing:.14em !important;
  padding:17px 18px !important;
}
.kh-mdd__body a{
  font-size:15px !important;
  line-height:1.4 !important;
  padding:13px 14px !important;
}
@media (min-width:1500px){.kh-nav-link{
    font-size:13.8px !important;
  }
.kh-dropdown__intro h4{
    font-size:31px !important;
  }
.kh-dd-col a{
    font-size:16px !important;
  }}
@media (max-width:1180px) and (min-width:921px){.kh-nav-link{
    font-size:12px !important;
    padding:12px 13px !important;
  }
.kh-dropdown--wide{
    width:min(840px, calc(100vw - 44px)) !important;
  }
.kh-dropdown__intro h4{
    font-size:26px !important;
  }
.kh-dropdown__intro p{
    font-size:15px !important;
  }
.kh-dd-title{
    font-size:11.4px !important;
  }
.kh-dd-col a{
    font-size:14.4px !important;
    min-height:46px !important;
  }}

/* ===== STRAT: kontah-v33-footer-favicon ===== */


/* ===== STRAT: kontah-v34-footer-architectural ===== */

.kh-footer-v34{
  position:relative;
  margin-top:clamp(92px,10vw,148px);
  padding:0;
  border-top:1px solid rgba(203,161,63,.18);
  background:
    radial-gradient(ellipse at 50% -16%, rgba(240,220,166,.075), transparent 34%),
    radial-gradient(ellipse at 12% 20%, rgba(192,138,69,.045), transparent 28%),
    radial-gradient(ellipse at 88% 30%, rgba(203,161,63,.04), transparent 27%),
    linear-gradient(180deg,#080705 0%,#050403 50%,#020202 100%);
  overflow:hidden;
}
.kh-footer-v34::before{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:
    linear-gradient(90deg, transparent 0%, rgba(240,220,166,.022) 16%, transparent 32%, transparent 68%, rgba(240,220,166,.018) 84%, transparent 100%),
    repeating-linear-gradient(90deg, transparent 0 119px, rgba(240,220,166,.012) 120px),
    repeating-linear-gradient(180deg, transparent 0 139px, rgba(240,220,166,.010) 140px);
  mask-image:linear-gradient(180deg,rgba(0,0,0,.9),rgba(0,0,0,.18));
  opacity:.7;
}
.kh-footer-v34 .kh-container{position:relative;z-index:1;}
.kh-f34-cornice{
  position:relative;
  display:grid;
  grid-template-columns:minmax(210px,280px) minmax(400px,1fr) minmax(260px,390px);
  gap:clamp(26px,3vw,52px);
  align-items:center;
  padding:clamp(36px,5vw,64px) 0 clamp(34px,4vw,48px);
}
.kh-f34-cornice::after{
  content:"";
  position:absolute;
  left:0;right:0;bottom:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,220,166,.18) 10%,rgba(240,220,166,.34) 50%,rgba(240,220,166,.18) 90%,transparent);
}
.kh-f34-brand{
  display:flex;align-items:center;gap:17px;
  padding:18px 20px;
  border-radius:26px;
  border:1px solid rgba(240,220,166,.13);
  background:linear-gradient(145deg,rgba(29,23,14,.76),rgba(8,7,5,.92));
  box-shadow:0 18px 58px rgba(0,0,0,.26),inset 0 1px 0 rgba(255,255,255,.035),0 0 34px rgba(203,161,63,.045);
}
.kh-f34-brand img{
  width:78px;height:78px;object-fit:cover;border-radius:21px;flex:0 0 78px;
  box-shadow:0 0 0 1px rgba(240,220,166,.10),0 14px 28px rgba(0,0,0,.24);
}
.kh-f34-brand-copy{min-width:0;}
.kh-f34-brand-name{
  color:#f0dca6;font-size:25px;letter-spacing:.32em;line-height:1;text-transform:uppercase;white-space:nowrap;
}
.kh-f34-brand-tag{
  margin-top:8px;color:rgba(243,239,230,.50);font-size:9.8px;letter-spacing:.18em;text-transform:uppercase;white-space:nowrap;
}
.kh-f34-manifesto h2{
  margin:0;color:rgba(248,243,233,.97);font-size:clamp(42px,4.8vw,74px);font-weight:510;line-height:.96;letter-spacing:-.045em;text-wrap:balance;
}
.kh-f34-manifesto .accent{color:#e8c86f;}
.kh-f34-intro{
  justify-self:end;max-width:36ch;color:rgba(243,239,230,.60);font-size:16px;line-height:1.82;
}
.kh-f34-intro strong{color:rgba(240,220,166,.85);font-weight:560;}
.kh-f34-navgrid{
  display:grid;
  grid-template-columns:1.28fr 1.28fr 1fr 1fr .9fr;
  gap:14px;
  padding:30px 0 28px;
  align-items:stretch;
}
.kh-f34-bay{
  position:relative;
  min-width:0;
  padding:20px 19px 18px;
  border-radius:26px;
  border:1px solid rgba(240,220,166,.10);
  background:
    linear-gradient(180deg,rgba(255,255,255,.018),transparent 24%),
    linear-gradient(145deg,rgba(240,220,166,.026),transparent 38%),
    rgba(8,7,5,.72);
  box-shadow:0 18px 44px rgba(0,0,0,.20),inset 0 1px 0 rgba(255,255,255,.02);
  overflow:hidden;
}
.kh-f34-bay::before{
  content:"";position:absolute;left:18px;right:18px;top:0;height:1px;
  background:linear-gradient(90deg,transparent,rgba(240,220,166,.32),transparent);opacity:.7;
}
.kh-f34-bay::after{
  content:"";position:absolute;right:0;top:18px;bottom:18px;width:1px;
  background:linear-gradient(180deg,transparent,rgba(240,220,166,.10),transparent);
}
.kh-f34-bay-head{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:16px;}
.kh-f34-bay-title{
  color:rgba(240,220,166,.94);font-size:12.5px;letter-spacing:.19em;text-transform:uppercase;font-weight:700;
}
.kh-f34-index{color:rgba(240,220,166,.32);font-size:10px;letter-spacing:.18em;}
.kh-f34-group + .kh-f34-group{margin-top:17px;padding-top:15px;border-top:1px solid rgba(240,220,166,.07);}
.kh-f34-group-title{
  margin-bottom:9px;color:rgba(243,239,230,.43);font-size:10.4px;letter-spacing:.16em;text-transform:uppercase;font-weight:650;
}
.kh-f34-list{list-style:none;margin:0;padding:0;display:grid;gap:4px;}
.kh-f34-list a{
  display:flex;align-items:center;justify-content:space-between;gap:10px;
  min-height:34px;padding:6px 8px;border-radius:10px;
  color:rgba(243,239,230,.62);font-size:13.4px;line-height:1.36;text-decoration:none;
  transition:color .20s ease,background .20s ease,transform .20s ease;
}
.kh-f34-list a::after{content:"›";color:rgba(240,220,166,.28);font-size:16px;flex:0 0 auto;}
.kh-f34-list a:hover{color:rgba(255,248,226,.96);background:rgba(240,220,166,.045);transform:translateX(2px);}
.kh-f34-list a:hover::after{color:rgba(240,220,166,.72);}
.kh-f34-actions{
  display:grid;grid-template-columns:minmax(0,1fr) auto;gap:18px;align-items:center;
  margin:0 0 26px;padding:17px 19px;
  border-radius:24px;border:1px solid rgba(240,220,166,.10);
  background:linear-gradient(90deg,rgba(240,220,166,.025),rgba(8,7,5,.72) 38%,rgba(203,161,63,.025));
  box-shadow:inset 0 1px 0 rgba(255,255,255,.02);
}
.kh-f34-actions-copy{display:flex;align-items:center;gap:20px;flex-wrap:wrap;}
.kh-f34-actions-label{color:rgba(240,220,166,.82);font-size:11.5px;letter-spacing:.18em;text-transform:uppercase;}
.kh-f34-auth{color:rgba(243,239,230,.72);font-size:14px;text-decoration:none;}
.kh-f34-auth:hover{color:#fff4d0;}
.kh-f34-demo{
  display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 20px;border-radius:14px;
  color:#171109;text-decoration:none;font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  background:linear-gradient(180deg,#f3e1ae,#d6a84a);border:1px solid rgba(255,255,255,.16);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.32),0 12px 30px rgba(203,161,63,.12);
}
.kh-f34-bottom{
  display:flex;align-items:center;justify-content:space-between;gap:20px 32px;
  padding:18px 0 28px;border-top:1px solid rgba(203,161,63,.10);
  color:rgba(243,239,230,.43);font-size:12.5px;line-height:1.6;
}
.kh-f34-legal, .kh-f34-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px 14px;}
.kh-f34-bottom a{color:rgba(243,239,230,.50);text-decoration:none;}
.kh-f34-bottom a:hover{color:rgba(255,248,226,.90);}
@media(max-width:1550px){.kh-f34-navgrid{grid-template-columns:repeat(3,minmax(0,1fr));}
.kh-f34-bay--product, .kh-f34-bay--system{grid-column:span 1;}}
@media(max-width:1100px){.kh-f34-cornice{grid-template-columns:1fr;}
.kh-f34-intro{justify-self:start;max-width:60ch;}
.kh-f34-navgrid{grid-template-columns:repeat(2,minmax(0,1fr));}}
@media(max-width:700px){.kh-f34-brand{align-items:flex-start;}
.kh-f34-brand img{width:68px;height:68px;flex-basis:68px;}
.kh-f34-brand-name{font-size:22px;letter-spacing:.27em;}
.kh-f34-navgrid{grid-template-columns:1fr;}
.kh-f34-actions{grid-template-columns:1fr;}
.kh-f34-demo{width:100%;}
.kh-f34-bottom{flex-direction:column;align-items:flex-start;}}

/* ===== STRAT: kontah-v35-hexagon-hero-background-transplant ===== */

.hero.hero-kontah-split{
  position:relative;
  isolation:isolate;
  background:#020202;
  overflow:hidden;
}
.hero.hero-kontah-split::before{
  content:"";
  position:absolute; inset:0;
  background:
    radial-gradient(ellipse at 76% 38%, rgba(240,220,166,.08), transparent 28%),
    radial-gradient(ellipse at 18% 34%, rgba(192,138,69,.06), transparent 46%),
    linear-gradient(180deg,#020202 0%,#060504 50%,#020202 100%);
  z-index:0 !important;
  pointer-events:none;
}
.hero-dodeca-bg{
  position:absolute; inset:0; width:100%; height:100%;
  display:block;
  z-index:1;
  pointer-events:none;
  opacity:1;
}
.hero.hero-kontah-split > .hero-layout{
  position:relative;
  z-index:3;
}

/* ===== STRAT: kontah-v36-hexagonal-design-system ===== */

:root{
  --kh-hex-cut: clamp(18px,2.15vw,34px);
  --kh-hex-cut-small: 18px;
  --kh-hex-surface:
    linear-gradient(180deg,rgba(255,255,255,.021) 0%,rgba(255,255,255,.006) 18%,transparent 48%),
    linear-gradient(145deg,rgba(240,220,166,.035) 0%,rgba(203,161,63,.010) 38%,transparent 68%),
    linear-gradient(180deg,rgba(27,22,16,.91) 0%,rgba(10,8,6,.94) 58%,rgba(5,4,3,.98) 100%);
  --kh-hex-surface-hover:
    linear-gradient(180deg,rgba(255,255,255,.028) 0%,rgba(255,255,255,.008) 18%,transparent 48%),
    linear-gradient(145deg,rgba(240,220,166,.060) 0%,rgba(203,161,63,.025) 42%,transparent 70%),
    linear-gradient(180deg,rgba(34,27,18,.94) 0%,rgba(13,10,7,.97) 58%,rgba(6,5,4,.99) 100%);
  --kh-hex-filter:
    drop-shadow(0 0 1px rgba(240,220,166,.26))
    drop-shadow(0 18px 34px rgba(0,0,0,.30));
  --kh-hex-filter-hover:
    drop-shadow(0 0 1px rgba(240,220,166,.40))
    drop-shadow(0 22px 42px rgba(0,0,0,.38))
    drop-shadow(0 0 22px rgba(203,161,63,.055));
}
.card, .note-card, .gc-card, .v6-principle-card, .kh-exit-card, .v3-orbit-stage{
  border-radius:0!important;
  border:0!important;
  clip-path:polygon(
    var(--kh-hex-cut) 0,
    calc(100% - var(--kh-hex-cut)) 0,
    100% 50%,
    calc(100% - var(--kh-hex-cut)) 100%,
    var(--kh-hex-cut) 100%,
    0 50%
  );
  background:var(--kh-hex-surface)!important;
  filter:var(--kh-hex-filter);
  box-shadow:inset 0 1px 0 rgba(240,220,166,.055)!important;
}
.card:hover, .note-card:hover, .gc-card:hover, .v6-principle-card:hover, .kh-exit-card:hover{
  background:var(--kh-hex-surface-hover)!important;
  filter:var(--kh-hex-filter-hover);
}
.card, .note-card, .gc-card, .v6-principle-card, .kh-exit-card{
  padding-left:max(clamp(24px,2.2vw,32px),calc(var(--kh-hex-cut) + 11px))!important;
  padding-right:max(clamp(24px,2.2vw,32px),calc(var(--kh-hex-cut) + 11px))!important;
}
.v3-orbit-icon, .kh-status{
  border-radius:0!important;
  clip-path:polygon(18% 0,82% 0,100% 50%,82% 100%,18% 100%,0 50%);
  border:0!important;
  background:linear-gradient(145deg,rgba(240,220,166,.075),rgba(203,161,63,.028) 42%,rgba(8,7,5,.90))!important;
  filter:drop-shadow(0 0 1px rgba(240,220,166,.24));
}
.hero-brand-card{
  width:min(100%,570px)!important;
  padding:34px 46px!important;
  border-radius:0!important;
  border:0!important;
  clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);
  background:
    radial-gradient(circle at 50% 18%,rgba(240,220,166,.060),transparent 28%),
    linear-gradient(145deg,rgba(240,220,166,.026),transparent 38%),
    linear-gradient(180deg,rgba(25,20,14,.96),rgba(7,6,4,.995))!important;
  filter:
    drop-shadow(0 0 1.2px rgba(240,220,166,.34))
    drop-shadow(0 38px 74px rgba(0,0,0,.48))
    drop-shadow(0 0 34px rgba(203,161,63,.07));
  box-shadow:inset 0 1px 0 rgba(240,220,166,.07)!important;
}
.hero-brand-card::before{
  opacity:.42!important;
}
.hero-brand-card::after{
  opacity:.28!important;
}
.hero-marca.hero-marca-3d{
  min-height:clamp(350px,50vh,535px)!important;
  padding:34px!important;
  border-radius:0!important;
  border:0!important;
  clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);
  background:
    radial-gradient(circle at 50% 20%,rgba(240,220,166,.035),transparent 34%),
    linear-gradient(180deg,rgba(6,5,4,.98),rgba(1,1,1,1))!important;
  box-shadow:inset 0 0 0 1px rgba(240,220,166,.07)!important;
}
.hero-ui-peek{
  border-radius:0!important;
  border:0!important;
  clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%);
  background:var(--kh-hex-surface)!important;
  filter:
    drop-shadow(0 0 1px rgba(240,220,166,.20))
    drop-shadow(0 22px 50px rgba(0,0,0,.38));
}
.hero-ui-peek::before{border-radius:0!important;}
.hero-ui-peek img{clip-path:inherit;}
.marca-semn{
  width:35px!important;
  height:35px!important;
  object-fit:contain;
  flex:0 0 auto;
  border-radius:0!important;
  clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);
  filter:drop-shadow(0 0 8px rgba(203,161,63,.14));
}
.hero-viz-ring1{opacity:.38!important;}
.hero-viz-ring2{opacity:.24!important;}
.hero-viz-particles{opacity:.46!important;}
.hero.hero-kontah-split::before{
  background:
    radial-gradient(ellipse at 74% 36%,rgba(240,220,166,.055),transparent 30%),
    radial-gradient(ellipse at 18% 36%,rgba(192,138,69,.045),transparent 44%),
    linear-gradient(180deg,#040302 0%,#080604 48%,#030302 100%)!important;
}
#s13 details.card, #s01 .note-card, #s02 .note-card{
  --kh-hex-cut:18px;
}
@media(max-width:760px){:root{--kh-hex-cut:15px;}
.card, .note-card, .gc-card, .v6-principle-card, .kh-exit-card{
    padding-left:26px!important;
    padding-right:26px!important;
  }
.hero-brand-card{
    padding:24px 30px!important;
    clip-path:polygon(50% 0,100% 21%,100% 79%,50% 100%,0 79%,0 21%);
  }
.hero-marca.hero-marca-3d{
    min-height:300px!important;
    padding:22px!important;
  }
.marca-semn{width:31px!important;height:31px!important;}}

/* ===== STRAT: kontah-v38-targeted-fixes ===== */

.hero-brand-card{
  overflow:hidden!important;
  isolation:isolate!important;
}
.hero-brand-card::after, .hero-marca.hero-marca-3d::after{
  display:none!important;
}
.hero-marca.hero-marca-3d{
  background:
    radial-gradient(circle at 50% 0%, rgba(240,220,166,.050), transparent 24%),
    radial-gradient(circle at 20% 100%, rgba(192,138,69,.020), transparent 36%),
    linear-gradient(165deg,#080808 0%,#020202 56%,#000000 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(255,248,222,.09),
    inset 0 0 0 1px rgba(203,161,63,.028),
    inset 0 -18px 44px rgba(0,0,0,.34),
    0 22px 58px rgba(0,0,0,.50),
    0 0 32px rgba(203,161,63,.065)!important;
}
.hero-ui-peek{
  border:1px solid rgba(240,220,166,.22)!important;
  box-shadow:
    0 20px 54px rgba(0,0,0,.48),
    0 0 0 1px rgba(255,255,255,.012) inset,
    0 0 0 1px rgba(240,220,166,.055),
    0 0 26px rgba(203,161,63,.035)!important;
}
.hero-ui-peek::after{
  content:""!important;
  position:absolute!important;
  inset:2px!important;
  clip-path:inherit!important;
  border:1px solid rgba(240,220,166,.08)!important;
  pointer-events:none!important;
}
.hero-ui-peek img{
  opacity:.90!important;
  filter:saturate(.90) brightness(.79) contrast(1.04)!important;
}
.hero-ui-peek-1{ transform:translate(-50%,-50%) translate(-8px,-78px) scale(.90)!important; }
.hero-ui-peek-2{ transform:translate(-50%,-50%) translate(8px,-42px) scale(.94)!important; }
.hero-ui-peek-3{ transform:translate(-50%,-50%) translate(18px,-12px) scale(.97)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{ transform:translate(-50%,-50%) translate(-12px,-126px) scale(.90)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{ transform:translate(-50%,-50%) translate(10px,-76px) scale(.94)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{ transform:translate(-50%,-50%) translate(22px,-28px) scale(.97)!important; }
@media(max-width:1180px){.hero-ui-peek-1{ transform:translate(-50%,-50%) translate(-6px,-66px) scale(.91)!important; }
.hero-ui-peek-2{ transform:translate(-50%,-50%) translate(6px,-36px) scale(.945)!important; }
.hero-ui-peek-3{ transform:translate(-50%,-50%) translate(14px,-10px) scale(.975)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{ transform:translate(-50%,-50%) translate(-10px,-104px) scale(.91)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{ transform:translate(-50%,-50%) translate(8px,-62px) scale(.945)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{ transform:translate(-50%,-50%) translate(18px,-24px) scale(.975)!important; }}
@media(max-width:720px){.hero-ui-peek-1{ transform:translate(-50%,-50%) translate(-4px,-44px) scale(.91)!important; }
.hero-ui-peek-2{ transform:translate(-50%,-50%) translate(4px,-24px) scale(.945)!important; }
.hero-ui-peek-3{ transform:translate(-50%,-50%) translate(10px,-8px) scale(.975)!important; }
.hero-brand-card-wrap.is-open .hero-ui-peek-1{ transform:translate(-50%,-50%) translate(-6px,-68px) scale(.91)!important; }
.hero-brand-card-wrap.is-open .hero-ui-peek-2{ transform:translate(-50%,-50%) translate(6px,-42px) scale(.945)!important; }
.hero-brand-card-wrap.is-open .hero-ui-peek-3{ transform:translate(-50%,-50%) translate(12px,-16px) scale(.975)!important; }}
.v3-orbit-stage{
  clip-path:none!important;
  border-radius:22px!important;
  border:1px solid rgba(240,220,166,.13)!important;
  background:
    radial-gradient(circle at 50% 50%,rgba(203,161,63,.10),transparent 16%),
    radial-gradient(ellipse at 50% 52%,rgba(203,161,63,.035),transparent 52%),
    rgba(0,0,0,.52)!important;
  filter:none!important;
  box-shadow:inset 0 0 100px rgba(0,0,0,.60),0 40px 100px rgba(0,0,0,.35)!important;
}
.v3-orbit-core{
  width:214px!important;
  height:214px!important;
  border-radius:0!important;
  clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
  border:1px solid rgba(240,220,166,.26)!important;
  background:
    radial-gradient(circle at 50% 16%, rgba(240,220,166,.050), transparent 26%),
    linear-gradient(180deg, rgba(10,8,6,.98) 0%, rgba(2,2,2,1) 100%)!important;
  box-shadow:
    inset 0 1px 0 rgba(240,220,166,.06),
    0 0 42px rgba(203,161,63,.08),
    0 22px 54px rgba(0,0,0,.32)!important;
}
.v3-orbit-core::before, .v3-orbit-core::after{
  display:none!important;
}
.v3-orbit-core img{
  width:122px!important;
  height:122px!important;
}

/* ===== STRAT: kontah-v39-ordered-hero-stack ===== */

@media (min-width:1181px){.hero-viz{
    overflow:visible!important;
    justify-content:center!important;
    margin-left:0!important;
  }
.hero-brand-card-wrap{
    width:720px!important;
    max-width:100%!important;
    min-height:580px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    perspective:1600px!important;
    isolation:isolate!important;
  }
.hero-ui-stack{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    transform:none!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
.hero-ui-peek{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:390px!important;
    max-width:none!important;
    aspect-ratio:16/10!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(7% 0,93% 0,100% 50%,93% 100%,7% 100%,0 50%)!important;
    overflow:hidden!important;
    opacity:.92!important;
    background:#050504!important;
    filter:
      drop-shadow(0 0 1.1px rgba(240,220,166,.36))
      drop-shadow(0 18px 34px rgba(0,0,0,.46))!important;
    box-shadow:inset 0 0 0 1px rgba(240,220,166,.18)!important;
    transform-origin:center center!important;
    transition:opacity .28s ease, filter .28s ease!important;
  }
.hero-ui-peek::before{
    content:""!important;
    position:absolute!important;
    inset:0!important;
    clip-path:inherit!important;
    background:
      linear-gradient(180deg,rgba(240,220,166,.035),transparent 24%),
      linear-gradient(90deg,rgba(0,0,0,.10),transparent 18%,transparent 82%,rgba(0,0,0,.14))!important;
    pointer-events:none!important;
    z-index:2!important;
  }
.hero-ui-peek::after{
    content:""!important;
    position:absolute!important;
    inset:3px!important;
    border:0!important;
    clip-path:inherit!important;
    box-shadow:inset 0 0 0 1px rgba(240,220,166,.075)!important;
    pointer-events:none!important;
    z-index:3!important;
  }
.hero-ui-peek img{
    position:relative!important;
    z-index:1!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    opacity:.91!important;
    filter:saturate(.90) brightness(.78) contrast(1.05)!important;
  }
.hero-ui-peek-1{
    z-index:1!important;
    transform:translate(-50%,-50%) translate(70px,-126px) scale(.88)!important;
  }
.hero-ui-peek-2{
    z-index:2!important;
    transform:translate(-50%,-50%) translate(122px,-36px) scale(.92)!important;
  }
.hero-ui-peek-3{
    z-index:3!important;
    transform:translate(-50%,-50%) translate(174px,54px) scale(.96)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(70px,-126px) scale(.88)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(122px,-36px) scale(.92)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(174px,54px) scale(.96)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek, .hero-brand-card-wrap.is-open .hero-ui-peek{
    opacity:.95!important;
    filter:
      drop-shadow(0 0 1.1px rgba(240,220,166,.42))
      drop-shadow(0 20px 38px rgba(0,0,0,.48))!important;
  }
.hero-brand-card{
    position:relative!important;
    z-index:10!important;
    width:405px!important;
    max-width:405px!important;
    padding:18px 22px!important;
    margin:0!important;
    clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
    transform:translateX(-104px)!important;
    background:
      radial-gradient(circle at 50% 15%,rgba(240,220,166,.045),transparent 27%),
      linear-gradient(180deg,rgba(18,14,10,.995),rgba(3,3,2,1))!important;
    border:0!important;
    border-radius:0!important;
    filter:
      drop-shadow(0 0 1.1px rgba(240,220,166,.34))
      drop-shadow(0 28px 58px rgba(0,0,0,.52))
      drop-shadow(0 0 24px rgba(203,161,63,.05))!important;
    box-shadow:inset 0 0 0 1px rgba(240,220,166,.10)!important;
    overflow:hidden!important;
  }
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    transform:translateX(-104px)!important;
  }
.hero-brand-card::before, .hero-brand-card::after, .hero-brand-sheen{
    display:none!important;
  }
.hero-marca.hero-marca-3d{
    min-height:410px!important;
    padding:30px 28px!important;
    border:0!important;
    border-radius:0!important;
    clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
    transform:none!important;
    background:
      radial-gradient(circle at 50% 18%,rgba(240,220,166,.025),transparent 32%),
      linear-gradient(180deg,#060504 0%,#010101 100%)!important;
    box-shadow:inset 0 0 0 1px rgba(240,220,166,.065)!important;
  }
.hero-marca.hero-marca-3d::before, .hero-marca.hero-marca-3d::after{
    display:none!important;
  }
.hero-lockup-complete{
    width:100%!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:0!important;
    transform:none!important;
  }
.hero-emblem-hex{
    width:228px!important;
    height:228px!important;
    object-fit:contain!important;
    clip-path:none!important;
    filter:drop-shadow(0 0 15px rgba(203,161,63,.11))!important;
  }
.hero-lockup-wordmark{
    margin-top:18px!important;
    font-family:var(--font-corp)!important;
    font-size:34px!important;
    font-weight:300!important;
    line-height:1!important;
    letter-spacing:.36em!important;
    text-indent:.36em!important;
    background:var(--aur-nocturn)!important;
    -webkit-background-clip:text!important;
    background-clip:text!important;
    color:transparent!important;
    -webkit-text-fill-color:transparent!important;
  }
.hero-lockup-tagline{
    margin-top:13px!important;
    font-family:var(--font-mono)!important;
    font-size:7px!important;
    font-weight:400!important;
    line-height:1.2!important;
    letter-spacing:.18em!important;
    color:rgba(240,220,166,.72)!important;
    white-space:nowrap!important;
  }}
@media (min-width:721px) and (max-width:1180px){.hero-brand-card-wrap{
    width:min(100%,650px)!important;
    min-height:520px!important;
    overflow:visible!important;
  }
.hero-ui-stack{transform:none!important;}
.hero-ui-peek{width:330px!important;}
.hero-ui-peek-1, .hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(54px,-104px) scale(.88)!important;
  }
.hero-ui-peek-2, .hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(96px,-30px) scale(.92)!important;
  }
.hero-ui-peek-3, .hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(138px,44px) scale(.96)!important;
  }
.hero-brand-card, .hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    width:350px!important;
    transform:translateX(-82px)!important;
  }
.hero-marca.hero-marca-3d{min-height:352px!important;padding:24px!important;transform:none!important;}
.hero-emblem-hex{width:190px!important;height:190px!important;}
.hero-lockup-wordmark{font-size:28px!important;}
.hero-lockup-tagline{font-size:6px!important;}}
@media (max-width:720px){.hero-brand-card-wrap{
    width:100%!important;
    min-height:560px!important;
    display:flex!important;
    flex-direction:column!important;
    gap:16px!important;
    overflow:visible!important;
  }
.hero-brand-card, .hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    order:1!important;
    width:min(330px,88vw)!important;
    transform:none!important;
  }
.hero-marca.hero-marca-3d{min-height:330px!important;padding:22px!important;transform:none!important;}
.hero-emblem-hex{width:176px!important;height:176px!important;}
.hero-lockup-wordmark{font-size:25px!important;}
.hero-lockup-tagline{font-size:5.6px!important;letter-spacing:.13em!important;}
.hero-ui-stack{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    height:168px!important;
    display:grid!important;
    grid-template-columns:repeat(3,1fr)!important;
    gap:8px!important;
    transform:none!important;
  }
.hero-ui-peek, .hero-ui-peek-1, .hero-ui-peek-2, .hero-ui-peek-3, .hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    position:relative!important;
    left:auto!important;
    top:auto!important;
    width:100%!important;
    height:100%!important;
    aspect-ratio:auto!important;
    transform:none!important;
    opacity:.90!important;
  }}

/* ===== STRAT: kontah-v40-hero-hex-frames ===== */

@media (min-width:1181px){.hero-viz{
    overflow:visible!important;
    justify-content:center!important;
    margin-left:0!important;
  }
.hero-brand-card-wrap{
    width:760px!important;
    max-width:100%!important;
    min-height:600px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    overflow:visible!important;
    perspective:1800px!important;
    isolation:isolate!important;
  }
.hero-ui-stack{
    position:absolute!important;
    inset:0!important;
    z-index:1!important;
    transform:rotateY(-6deg) rotateX(2deg) translateZ(-20px)!important;
    transform-style:preserve-3d!important;
    overflow:visible!important;
    pointer-events:none!important;
  }
.hero-ui-peek{
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:392px!important;
    max-width:none!important;
    aspect-ratio:16/10!important;
    margin:0!important;
    overflow:visible!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    opacity:.93!important;
    filter:none!important;
    box-shadow:none!important;
    transform-origin:50% 50%!important;
    transition:
      transform .72s cubic-bezier(.2,.82,.2,1),
      opacity .45s ease,
      filter .55s ease!important;
  }
.hero-ui-peek::before{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:116%!important;
    height:144%!important;
    transform:translate(-50%,-50%)!important;
    clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
    background:
      linear-gradient(145deg, rgba(39,30,18,.96) 0%, rgba(12,10,8,.98) 48%, rgba(7,6,5,.98) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,247,219,.08),
      inset 0 0 0 1px rgba(240,220,166,.12),
      0 28px 64px rgba(0,0,0,.36),
      0 0 24px rgba(203,161,63,.03)!important;
    z-index:0!important;
    pointer-events:none!important;
  }
.hero-ui-peek::after{
    content:""!important;
    position:absolute!important;
    left:50%!important;
    top:50%!important;
    width:104%!important;
    height:131%!important;
    transform:translate(-50%,-50%)!important;
    clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
    border:1px solid rgba(240,220,166,.18)!important;
    box-shadow:0 0 0 1px rgba(0,0,0,.55) inset!important;
    pointer-events:none!important;
    z-index:1!important;
  }
.hero-ui-peek img{
    position:relative!important;
    z-index:3!important;
    display:block!important;
    width:100%!important;
    height:100%!important;
    object-fit:cover!important;
    border-radius:18px!important;
    clip-path:none!important;
    border:1px solid rgba(240,220,166,.10)!important;
    box-shadow:
      0 20px 54px rgba(0,0,0,.46),
      0 0 0 1px rgba(255,255,255,.012) inset,
      0 0 18px rgba(203,161,63,.03)!important;
    opacity:.90!important;
    filter:saturate(.90) brightness(.80) contrast(1.04)!important;
  }
.hero-ui-peek-1{
    z-index:1!important;
    transform:translate(-50%,-50%) translate(52px,-122px) scale(.86)!important;
  }
.hero-ui-peek-2{
    z-index:2!important;
    transform:translate(-50%,-50%) translate(126px,-42px) scale(.92)!important;
  }
.hero-ui-peek-3{
    z-index:3!important;
    transform:translate(-50%,-50%) translate(198px,42px) scale(.98)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(42px,-170px) scale(.92)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(132px,-68px) scale(1.00)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(228px,42px) scale(1.08)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek, .hero-brand-card-wrap.is-open .hero-ui-peek{
    opacity:.98!important;
    filter:drop-shadow(0 0 18px rgba(203,161,63,.05))!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek img, .hero-brand-card-wrap.is-open .hero-ui-peek img{
    box-shadow:
      0 24px 62px rgba(0,0,0,.52),
      0 0 0 1px rgba(255,255,255,.016) inset,
      0 0 28px rgba(203,161,63,.04)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek::before, .hero-brand-card-wrap.is-open .hero-ui-peek::before{
    box-shadow:
      inset 0 1px 0 rgba(255,247,219,.10),
      inset 0 0 0 1px rgba(240,220,166,.16),
      0 34px 74px rgba(0,0,0,.42),
      0 0 30px rgba(203,161,63,.04)!important;
  }
.hero-brand-card{
    position:relative!important;
    z-index:10!important;
    width:418px!important;
    max-width:418px!important;
    transform:translateX(-120px)!important;
  }
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    transform:translateX(-120px) translateZ(8px)!important;
  }}
@media (min-width:721px) and (max-width:1180px){.hero-brand-card-wrap{
    width:min(100%,670px)!important;
    min-height:540px!important;
    overflow:visible!important;
    perspective:1600px!important;
  }
.hero-ui-stack{
    transform:rotateY(-5deg) rotateX(2deg) translateZ(-14px)!important;
    overflow:visible!important;
  }
.hero-ui-peek{
    width:330px!important;
    background:transparent!important;
    border:0!important;
    border-radius:0!important;
    clip-path:none!important;
    overflow:visible!important;
    box-shadow:none!important;
    filter:none!important;
  }
.hero-ui-peek::before{
    content:""!important;
    position:absolute!important;
    left:50%!important; top:50%!important;
    width:116%!important; height:142%!important;
    transform:translate(-50%,-50%)!important;
    clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
    background:linear-gradient(145deg, rgba(39,30,18,.96) 0%, rgba(12,10,8,.98) 48%, rgba(7,6,5,.98) 100%)!important;
    box-shadow:inset 0 1px 0 rgba(255,247,219,.08), inset 0 0 0 1px rgba(240,220,166,.12), 0 22px 52px rgba(0,0,0,.34)!important;
    z-index:0!important;
  }
.hero-ui-peek::after{
    content:""!important;
    position:absolute!important;
    left:50%!important; top:50%!important;
    width:104%!important; height:130%!important;
    transform:translate(-50%,-50%)!important;
    clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%)!important;
    border:1px solid rgba(240,220,166,.18)!important;
    z-index:1!important;
  }
.hero-ui-peek img{
    position:relative!important;
    z-index:3!important;
    width:100%!important;height:100%!important;object-fit:cover!important;
    border-radius:16px!important;clip-path:none!important;
    border:1px solid rgba(240,220,166,.10)!important;
    box-shadow:0 18px 46px rgba(0,0,0,.42)!important;
  }
.hero-ui-peek-1{ transform:translate(-50%,-50%) translate(44px,-104px) scale(.86)!important; }
.hero-ui-peek-2{ transform:translate(-50%,-50%) translate(104px,-34px) scale(.92)!important; }
.hero-ui-peek-3{ transform:translate(-50%,-50%) translate(164px,36px) scale(.98)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{ transform:translate(-50%,-50%) translate(38px,-140px) scale(.92)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{ transform:translate(-50%,-50%) translate(110px,-56px) scale(1.00)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{ transform:translate(-50%,-50%) translate(190px,34px) scale(1.06)!important; }
.hero-brand-card, .hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    width:360px!important;
    transform:translateX(-92px)!important;
  }}
@media (max-width:720px){.hero-ui-peek, .hero-ui-peek-1, .hero-ui-peek-2, .hero-ui-peek-3{
    clip-path:none!important;
    background:transparent!important;
    border:0!important;
    overflow:visible!important;
  }
.hero-ui-peek::before, .hero-ui-peek::after{display:none!important;}
.hero-ui-peek img{
    clip-path:none!important;
    border-radius:14px!important;
    border:1px solid rgba(240,220,166,.10)!important;
  }}

/* ===== STRAT: kontah-v41-hero-frame-enlarge-fix ===== */

@media (min-width:1181px){.hero-brand-card-wrap{
    width:790px!important;
    min-height:620px!important;
  }
.hero-ui-peek{
    width:410px!important;
  }
.hero-ui-peek::before{
    width:132%!important;
    height:166%!important;
    background:
      linear-gradient(145deg, rgba(42,32,19,.98) 0%, rgba(15,12,9,.99) 50%, rgba(8,7,5,1) 100%)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,247,219,.085),
      inset 0 0 0 1px rgba(240,220,166,.14),
      0 30px 70px rgba(0,0,0,.40),
      0 0 28px rgba(203,161,63,.035)!important;
  }
.hero-ui-peek::after{
    width:118%!important;
    height:149%!important;
    border:1px solid rgba(240,220,166,.19)!important;
  }
.hero-ui-peek img{
    border-radius:19px!important;
  }
.hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(56px,-132px) scale(.86)!important;
  }
.hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(136px,-44px) scale(.92)!important;
  }
.hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(216px,48px) scale(.98)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{
    transform:translate(-50%,-50%) translate(42px,-184px) scale(.93)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{
    transform:translate(-50%,-50%) translate(138px,-76px) scale(1.01)!important;
  }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{
    transform:translate(-50%,-50%) translate(246px,42px) scale(1.09)!important;
  }
.hero-brand-card{
    width:438px!important;
    max-width:438px!important;
    padding:24px 26px!important;
    transform:translateX(-128px)!important;
    background:linear-gradient(180deg, #0a0907 0%, #040403 100%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(240,220,166,.11),
      0 30px 68px rgba(0,0,0,.56),
      0 0 28px rgba(203,161,63,.045)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
.hero-brand-card::before, .hero-brand-card::after, .hero-brand-sheen, .hero-marca.hero-marca-3d::before, .hero-marca.hero-marca-3d::after{
    display:none!important;
  }
.hero-brand-card > *{
    position:relative!important;
    z-index:2!important;
  }
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    transform:translateX(-128px) translateZ(8px)!important;
  }
.hero-marca.hero-marca-3d{
    min-height:438px!important;
    padding:34px 30px!important;
    background:linear-gradient(180deg,#070605 0%,#020202 100%)!important;
    box-shadow:
      inset 0 0 0 1px rgba(240,220,166,.075),
      0 16px 36px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
  }
.hero-viz-ring1, .hero-viz-ring2{
    opacity:.12!important;
  }}
@media (min-width:721px) and (max-width:1180px){.hero-brand-card-wrap{
    width:min(100%,690px)!important;
    min-height:560px!important;
  }
.hero-ui-peek{ width:346px!important; }
.hero-ui-peek::before{ width:130%!important; height:160%!important; }
.hero-ui-peek::after{ width:116%!important; height:145%!important; }
.hero-ui-peek-1{ transform:translate(-50%,-50%) translate(44px,-112px) scale(.86)!important; }
.hero-ui-peek-2{ transform:translate(-50%,-50%) translate(112px,-34px) scale(.92)!important; }
.hero-ui-peek-3{ transform:translate(-50%,-50%) translate(180px,40px) scale(.98)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-1, .hero-brand-card-wrap.is-open .hero-ui-peek-1{ transform:translate(-50%,-50%) translate(34px,-148px) scale(.92)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-2, .hero-brand-card-wrap.is-open .hero-ui-peek-2{ transform:translate(-50%,-50%) translate(116px,-58px) scale(1.00)!important; }
.hero-brand-card-wrap:hover .hero-ui-peek-3, .hero-brand-card-wrap.is-open .hero-ui-peek-3{ transform:translate(-50%,-50%) translate(206px,36px) scale(1.07)!important; }
.hero-brand-card, .hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    width:374px!important;
    max-width:374px!important;
    transform:translateX(-96px)!important;
    padding:20px 22px!important;
    background:linear-gradient(180deg, #0a0907 0%, #040403 100%)!important;
  }
.hero-brand-card::before, .hero-brand-card::after, .hero-brand-sheen, .hero-marca.hero-marca-3d::before, .hero-marca.hero-marca-3d::after{ display:none!important; }
.hero-marca.hero-marca-3d{
    min-height:374px!important;
    background:linear-gradient(180deg,#070605 0%,#020202 100%)!important;
    overflow:hidden!important;
  }
.hero-viz-ring1, .hero-viz-ring2{ opacity:.12!important; }}

/* ===== STRAT: kontah-v42-hero-primary-refined ===== */

.hero-viz::after{
  display:none!important;
}
@media (min-width:1181px){.hero-brand-card{
    width:446px!important;
    max-width:446px!important;
    padding:24px!important;
    transform:translateX(-104px)!important;
    background:linear-gradient(180deg, rgba(15,12,9,.995) 0%, rgba(5,4,3,1) 100%)!important;
    border:1px solid rgba(240,220,166,.16)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,246,219,.10),
      inset 0 0 0 1px rgba(255,255,255,.012),
      inset 0 -1px 0 rgba(113,81,29,.16),
      0 34px 78px rgba(0,0,0,.58),
      0 0 0 1px rgba(203,161,63,.045),
      0 0 34px rgba(203,161,63,.05)!important;
    overflow:hidden!important;
    isolation:isolate!important;
  }
.hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    transform:translateX(-104px) translateZ(8px)!important;
  }
.hero-brand-card::before, .hero-brand-card::after, .hero-brand-sheen, .hero-marca.hero-marca-3d::before, .hero-marca.hero-marca-3d::after{
    display:none!important;
  }
.hero-marca.hero-marca-3d{
    min-height:446px!important;
    padding:34px 34px 30px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      radial-gradient(circle at 50% 16%, rgba(240,220,166,.035), transparent 26%),
      linear-gradient(180deg, rgba(8,7,6,1) 0%, rgba(2,2,2,1) 100%)!important;
    border:1px solid rgba(240,220,166,.10)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,246,219,.06),
      inset 0 0 0 1px rgba(203,161,63,.03),
      0 16px 34px rgba(0,0,0,.24)!important;
    overflow:hidden!important;
  }
.hero-lockup-complete{
    width:100%!important;
    min-height:100%!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
.hero-emblem-hex{
    width:226px!important;
    height:226px!important;
    margin:0 auto!important;
  }
.hero-lockup-wordmark{
    margin-top:22px!important;
  }
.hero-lockup-tagline{
    margin-top:12px!important;
  }}
@media (min-width:721px) and (max-width:1180px){.hero-brand-card, .hero-brand-card-wrap:hover .hero-brand-card, .hero-brand-card-wrap.is-open .hero-brand-card{
    width:382px!important;
    max-width:382px!important;
    padding:20px!important;
    transform:translateX(-86px)!important;
    background:linear-gradient(180deg, rgba(15,12,9,.995) 0%, rgba(5,4,3,1) 100%)!important;
    border:1px solid rgba(240,220,166,.15)!important;
    box-shadow:
      inset 0 1px 0 rgba(255,246,219,.10),
      inset 0 0 0 1px rgba(255,255,255,.012),
      0 28px 64px rgba(0,0,0,.56),
      0 0 0 1px rgba(203,161,63,.04)!important;
  }
.hero-brand-card::before, .hero-brand-card::after, .hero-brand-sheen, .hero-marca.hero-marca-3d::before, .hero-marca.hero-marca-3d::after{
    display:none!important;
  }
.hero-marca.hero-marca-3d{
    min-height:382px!important;
    padding:30px 28px 26px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    background:
      radial-gradient(circle at 50% 16%, rgba(240,220,166,.03), transparent 26%),
      linear-gradient(180deg, rgba(8,7,6,1) 0%, rgba(2,2,2,1) 100%)!important;
    border:1px solid rgba(240,220,166,.10)!important;
    box-shadow:inset 0 1px 0 rgba(255,246,219,.06), 0 14px 28px rgba(0,0,0,.22)!important;
    overflow:hidden!important;
  }
.hero-lockup-complete{
    width:100%!important;
    min-height:100%!important;
    justify-content:center!important;
    align-items:center!important;
    text-align:center!important;
  }
.hero-emblem-hex{width:198px!important;height:198px!important;margin:0 auto!important;}
.hero-lockup-wordmark{margin-top:20px!important;}
.hero-lockup-tagline{margin-top:11px!important;}}

/* ===== STRAT: kontah-v43-hero-top-transition-smooth ===== */

.hero.hero-kontah-split{
  overflow:hidden!important;
}
.hero.hero-kontah-split > .hero-layout{
  position:relative!important;
  z-index:3!important;
}
.hero.hero-kontah-split > .hero-layout::before{
  content:"";
  position:absolute;
  left:-3%;
  right:-3%;
  top:-10px;
  height:170px;
  pointer-events:none;
  z-index:0;
  background:
    linear-gradient(180deg,
      rgba(8,7,6,.96) 0%,
      rgba(8,7,6,.86) 14%,
      rgba(8,7,6,.60) 36%,
      rgba(8,7,6,.26) 62%,
      rgba(8,7,6,0) 100%);
  filter:blur(10px);
  opacity:.98;
}
.hero.hero-kontah-split > .hero-layout::after{
  content:"";
  position:absolute;
  left:0;
  right:0;
  top:0;
  height:126px;
  pointer-events:none;
  z-index:0;
  background:
    radial-gradient(ellipse at 50% -10%, rgba(203,161,63,.11) 0%, rgba(203,161,63,.045) 34%, transparent 74%),
    linear-gradient(180deg, rgba(0,0,0,.22) 0%, rgba(0,0,0,.08) 55%, transparent 100%);
  opacity:.72;
}
.hero.hero-kontah-split > .hero-layout > *{
  position:relative;
  z-index:1;
}
@media (max-width: 900px){.hero.hero-kontah-split > .hero-layout::before{
    height:132px;
    filter:blur(8px);
  }
.hero.hero-kontah-split > .hero-layout::after{
    height:96px;
  }}

/* ===== STRAT: kontah-v44-hexa-hero-fix ===== */

@media (min-width:1181px){.hero-layout{ transform:none!important; width:min(1460px, calc(100% - 56px))!important; margin:0 auto!important;
                grid-template-columns:minmax(0,1fr) minmax(480px,1fr)!important; }
.hero-viz{ margin-left:0!important; justify-content:center!important; }}
.hero-lockup-wordmark-svg{ display:block; width:min(220px,74%); height:auto; margin:0 auto; }
.hero-lockup-wordmark{ letter-spacing:0!important; font-size:0!important; line-height:0!important; }
.hero-emblem-hex{ background:none!important; box-shadow:none!important; }

/* ═══════════════════════════════════════════════════════════════════════════
   KONTAH.ro — PAGINILE SECUNDARE, TEXTELE JURIDICE, DOCUMENTATIA.
   Se aseaza DUPA kit-ul paginii de pornire si foloseste doar jetoanele lui.
   Scheletul vine din pagina-modul.html (firul Ariadnei, antetul paginii,
   faptele, captura, intrebarile); chenarele de citit vin din paginile
   juridice ale kontadesk.ro (cuprins, tabel de identificare, info-card),
   repictate pe crem, in jetoanele KONTAH.
   ═══════════════════════════════════════════════════════════════════════════ */

/* ───────────────────────────────────────── firul Ariadnei si antetul */
.fir{ font-family:var(--font-mono); font-size:11px; letter-spacing:.1em;
      color:var(--text-slab); padding:26px 0 0; text-transform:uppercase; }
.fir a{ text-decoration:none; color:var(--text-mut); }
.fir a:hover{ color:var(--aur-clar); }
.fir span{ color:var(--aur-adanc); margin:0 8px; }

.antet-pagina{ padding:34px 0 58px; border-bottom:1px solid var(--linie-slab); }
.antet-pagina h1{ font-family:var(--font-titlu); font-weight:500; line-height:1.12;
                  letter-spacing:-.012em; font-size:clamp(34px, 5vw, 60px); margin:0;
                  color:var(--text); }
.antet-pagina .antet__lead{ font-size:clamp(17px,1.7vw,20px); max-width:64ch; margin:20px 0 0;
                            color:var(--text-mut); line-height:1.65; }
.antet__actiuni{ margin-top:30px; }
.antet-pagina--404{ min-height:52vh; display:flex; align-items:center; }
.kh-status--titlu{ vertical-align:middle; margin-left:14px; position:relative; top:-6px; }

/* ───────────────────────────────────────── carduri-usa (cu legatura) */
a.card--usa{ display:flex; flex-direction:column; text-decoration:none; color:inherit; }
a.card--usa .kh-textlink{ margin-top:auto; padding-top:14px; }
a.card--usa:hover h3{ color:var(--aur-clar); }
.sectiune--chemare{ border-bottom:0; }

/* ───────────────────────────────────────── faptele — cifre cu sursa */
.fapte{ display:grid; gap:var(--gutter); grid-template-columns:repeat(auto-fit, minmax(200px,1fr)); }
.fapt{ padding:22px 22px 18px; border:1px solid var(--linie-slab); border-radius:var(--raza-mica);
       background:var(--card-fundal); }
.fapt__cifra{ font-family:var(--font-titlu); font-size:40px; line-height:1; color:var(--aur-clar);
              font-variant-numeric:tabular-nums; }
.fapt__eticheta{ font-size:14px; color:var(--text-mut); margin-top:10px; line-height:1.45; }
.fapt__sursa{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.06em;
              color:var(--text-stins); margin-top:12px; word-break:break-all; }

/* ───────────────────────────────────────── captura — un fisier, nu inline */
.captura-figura{ margin:0; }
.captura-figura img{ display:block; width:100%; height:auto; border-radius:var(--raza-mica);
                     border:1px solid var(--linie-tare); box-shadow:var(--umbra); background:var(--panou); }
.captura-figura figcaption{ margin-top:12px; font-size:13.5px; color:var(--text-slab); }
.captura-figura--telefon img{ max-width:390px; margin-inline:auto; }

/* ───────────────────────────────────────── pasii */
.pasi{ list-style:none; margin:0; padding:0; counter-reset:pas; display:grid; gap:14px; }
.pasi li{ counter-increment:pas; display:grid; grid-template-columns:44px 1fr; gap:14px;
          padding:16px 18px; border:1px solid var(--linie-slab); border-radius:var(--raza-mica);
          background:var(--card-fundal); }
.pasi li::before{ content:counter(pas, decimal-leading-zero); font-family:var(--font-mono);
                  font-size:13px; color:var(--aur); letter-spacing:.08em; padding-top:3px; }
.pasi__titlu{ font-weight:600; color:var(--text); }
.pasi__text{ grid-column:2; font-size:14.5px; color:var(--text-mut); margin-top:4px; line-height:1.6; }

/* ───────────────────────────────────────── tabelul */
.tabel-invelis{ overflow-x:auto; border:1px solid var(--linie-slab); border-radius:var(--raza-mica); }
.tabel{ width:100%; border-collapse:collapse; font-size:14.5px; }
.tabel th{ text-align:left; font-family:var(--font-mono); font-size:11px; letter-spacing:.14em;
           text-transform:uppercase; color:var(--aur); padding:14px 16px;
           border-bottom:1px solid var(--linie-tare); background:rgba(203,161,63,.05); }
.tabel td{ padding:12px 16px; border-bottom:1px solid var(--linie-slab); color:var(--text-mut);
           vertical-align:top; line-height:1.5; }
.tabel tr:last-child td{ border-bottom:0; }
.tabel td:first-child{ color:var(--text); }
.nota-tabel{ font-size:13px; color:var(--text-slab); margin:12px 0 0; }

/* ───────────────────────────────────────── proza (text din Markdown) */
.proza{ max-width:74ch; }
.proza p{ color:var(--text-mut); line-height:1.75; margin:0 0 1.1em; font-size:16px; }
.proza h3{ font-family:var(--font-titlu); font-weight:500; font-size:clamp(20px,2.1vw,25px);
           margin:1.6em 0 .55em; color:var(--text); }
.proza h4{ font-size:16px; font-weight:600; margin:1.4em 0 .5em; color:var(--text); }
.proza ul, .proza ol{ margin:0 0 1.2em; padding-left:1.35em; color:var(--text-mut); line-height:1.7; }
.proza li{ margin:.3em 0; }
.proza li::marker{ color:var(--aur); }
.proza strong{ color:var(--text); font-weight:600; }
.proza code{ font-family:var(--font-mono); font-size:.9em; color:var(--aur-clar);
             background:rgba(203,161,63,.08); padding:.1em .4em; border-radius:6px; }
.proza a{ color:var(--aur-clar); text-decoration:underline; text-decoration-color:var(--linie-tare);
          text-underline-offset:3px; }
.proza hr{ border:0; border-top:1px solid var(--linie-slab); margin:2em 0; }
.proza .tabel-invelis{ margin:0 0 1.4em; }

/* ───────────────────────────────────────── chenarele de citit (juridic) */
.info-card{ padding:18px 20px; border:1px solid var(--linie-tare); border-left:3px solid var(--aur);
            border-radius:12px; background:rgba(203,161,63,.06); margin:0 0 1.4em; }
.info-card p{ margin:0; }
.info-card-label{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.16em;
                  text-transform:uppercase; color:var(--aur); margin-bottom:8px; }
.info-card.warning{ border-left-color:#B8632F; }
.pending{ background:rgba(203,161,63,.14); color:var(--aur-adanc); padding:.05em .35em;
          border-radius:5px; font-style:italic; }

.meta-line{ display:flex; gap:22px; flex-wrap:wrap; margin-top:22px; font-family:var(--font-mono);
            font-size:11.5px; letter-spacing:.1em; text-transform:uppercase; color:var(--text-slab); }
.meta-line span + span::before{ content:"·"; margin-right:22px; color:var(--aur-adanc); }

/* pagina juridica pe crem: cuprins lipicios in stanga, textul in dreapta */
.sectiune--legal{ padding:56px 0 72px; }
.legal-grila{ display:grid; grid-template-columns:260px minmax(0,1fr); gap:56px; align-items:start; }
.toc{ position:sticky; top:calc(var(--h-antet, 76px) + 18px); font-size:13.5px; }
.toc-title{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.16em; text-transform:uppercase;
            color:var(--aur); margin:0 0 12px; }
.toc ol{ list-style:none; margin:0 0 26px; padding:0; counter-reset:cap; }
.toc li{ counter-increment:cap; margin:0 0 8px; padding-left:0; }
.toc li a{ color:var(--text-mut); text-decoration:none; line-height:1.4; display:block; }
.toc li a:hover{ color:var(--aur-adanc); }
.toc-legaturi{ display:grid; gap:7px; padding-top:14px; border-top:1px solid var(--linie-slab); }
.toc-legaturi a{ color:var(--text-slab); text-decoration:none; font-size:13px; }
.toc-legaturi a[aria-current], .toc-legaturi a:hover{ color:var(--aur-adanc); }

.proza--legal{ max-width:78ch; }
.proza--legal h2{ font-family:var(--font-titlu); font-weight:500; font-size:clamp(24px,2.6vw,32px);
                  margin:2.2em 0 .6em; padding-top:.6em; border-top:1px solid var(--linie-slab);
                  color:var(--text); scroll-margin-top:calc(var(--h-antet, 76px) + 24px); }
.proza--legal h2:first-child{ margin-top:0; padding-top:0; border-top:0; }
.proza--legal p, .proza--legal li{ font-size:15.5px; }
.legal-subsol{ font-size:13.5px !important; color:var(--text-slab) !important; }

/* articolele documentatiei */
.articol{ padding-bottom:1.5em; }
.articol + .articol{ margin-top:2.5em; }
.articol h2{ scroll-margin-top:calc(var(--h-antet, 76px) + 24px); }
.articol__scurt{ font-size:17px !important; color:var(--text) !important; font-family:var(--font-titlu);
                 font-style:italic; }
.articol__intreaba{ font-size:13.5px !important; color:var(--text-slab) !important; border-top:1px dashed var(--linie-tare);
                    padding-top:12px; }
.proza--articole .captura-figura{ margin:1.2em 0 1.6em; }
.proza--articole .pasi, .proza--articole .tabel-invelis{ margin:0 0 1.4em; }

@media (max-width:900px){
  .legal-grila{ grid-template-columns:1fr; gap:28px; }
  .toc{ position:static; padding-bottom:18px; border-bottom:1px solid var(--linie-slab); }
}

/* pe crem, cardurile de citit isi iau tonurile din inversia kit-ului */
.pe-crem .tabel th{ background:rgba(138,106,36,.06); }
.pe-crem .info-card{ background:rgba(138,106,36,.06); }

/* ───────────────────────────────────────── ajutorul de sub o pagina de modul */
.sectiune--ajutor .card h3{ font-size:19px; }

/* fara marcaj de schita: paginile publicate nu-l mai au */
.marcaj-schita{ display:none !important; }

/* Meniul de sus e centrat absolut si, pe ecrane sub ~1560 px, intra peste
   marca — se vedea si in v44. Treptele: sub 1560 px dispare descriptorul de
   7 px de sub nume; sub 1250 px ramane doar semnul (forma scurta a marcii,
   ca in bara laterala a aplicatiei), iar meniul se lipeste de dreapta in loc
   sa stea centrat. Sub 920 px kit-ul trece oricum pe meniul de telefon. */
@media (max-width:1560px){ .idxtb-left .kh-marca-sub{ display:none!important; } }
@media (max-width:1250px){
  .idxtb-left .kh-marca{ display:none!important; }
  .idxtb-right.kh-nav-rich{ left:auto!important; right:0!important; max-width:none!important;
                            transform:translateY(-50%) scale(.96)!important; transform-origin:right center!important; }
  .kh-nav-rich .kh-nav-link{ padding-left:12px!important; padding-right:12px!important; }
}

/* ───────────────────────────────────────── cele doua bare de deasupra hero-ului
   (sectiunile 01 si 02 din schita). Cutia e .note-card a v44 (taiata hexagonal
   de v36, comprimata de v13); continutul e al nostru. */
.kh-banda{ gap:14px 22px; align-items:center!important; flex-wrap:wrap; }
.kh-banda__eticheta{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.2em; color:var(--aur);
                     padding:4px 10px; border:1px solid var(--linie-tare); border-radius:999px; white-space:nowrap; }
.kh-banda__text{ color:var(--text); font-size:15px; }
.kh-banda .kh-textlink{ margin-left:auto; white-space:nowrap; }
.kh-obligatii{ gap:10px 26px; align-items:center!important; flex-wrap:wrap; }
.kh-obligatii__titlu{ font-family:var(--font-mono); font-size:10.5px; letter-spacing:.2em; text-transform:uppercase;
                      color:var(--aur); white-space:nowrap; margin-right:6px; }
.kh-obligatii a{ display:inline-flex; align-items:center; gap:9px; text-decoration:none; color:var(--text); font-size:14.5px; }
.kh-obligatii a b{ font-weight:500; }
.kh-obligatii a:hover b{ color:var(--aur-clar); }
.kh-obligatii a .kh-status{ font-style:normal; position:static; margin:0; }
.kh-obligatii__toate{ margin-left:auto; font-family:var(--font-mono); font-size:11px; letter-spacing:.12em;
                      text-transform:uppercase; color:var(--text-mut)!important; }
@media (max-width:760px){ .kh-banda .kh-textlink, .kh-obligatii__toate{ margin-left:0; } }

/* ───────────────────────────────────────── CORECTURI 13 SEPT (Octavian, la prima privire)
   Submeniurile: linkurile primeau 9px de la regula barei de sus
   `.idxtb-right a:not(.kh-actiune)`, care bate ca specificitate regulile lor din
   stratul v32 (15.8px, Inter). Aici primesc marimea gandita acolo. */
.idxtb-right .kh-dd-col a:not(.kh-actiune){
  font-family:var(--font-corp)!important; font-size:15.5px!important; font-weight:540!important;
  letter-spacing:.012em!important; text-transform:none!important; line-height:1.4!important;
  color:rgba(243,239,230,.80)!important; padding:12px 16px 12px 14px!important;
  border-radius:14px!important; border-color:transparent!important; white-space:normal!important;
}
.idxtb-right .kh-dd-col a:not(.kh-actiune):hover, .idxtb-right .kh-dd-col a:not(.kh-actiune):focus-visible{
  color:rgba(255,248,226,.98)!important; border-color:transparent!important;
  background:linear-gradient(90deg, rgba(240,220,166,.072), rgba(240,220,166,.024))!important;
}
.kh-dd-title{ font-size:12.8px!important; letter-spacing:.16em!important; margin-bottom:14px!important; }
.kh-dd-eyebrow{ font-size:12px!important; }
/* „Preturi” e un <a>, nu un <button> ca celelalte patru: aceeasi regula il facea de 9px. */
.idxtb-right a.kh-nav-link:not(.kh-actiune){
  font-size:13.4px!important; letter-spacing:.145em!important; padding:14px 17px!important;
  color:rgba(243,239,230,.72)!important;
}
.idxtb-right a.kh-autentificare:not(.kh-actiune){ font-size:10.5px!important; letter-spacing:.16em!important; }
@media (min-width:1500px){
  .idxtb-right .kh-dd-col a:not(.kh-actiune){ font-size:16px!important; }
  .idxtb-right a.kh-nav-link:not(.kh-actiune){ font-size:13.8px!important; }
}
@media (max-width:1180px) and (min-width:921px){
  .idxtb-right .kh-dd-col a:not(.kh-actiune){ font-size:14.6px!important; }
  .idxtb-right a.kh-nav-link:not(.kh-actiune){ font-size:12px!important; padding:12px 13px!important; }
}

/* Subsolul: descriptorul „Finance · Operations · Intelligence” iesea din caseta marcii
   (coloana de 280px lasa 144px pentru 252px de text). Caseta se largeste, textul scade. */
.kh-f34-cornice{ grid-template-columns:minmax(350px,360px) minmax(360px,1fr) minmax(240px,390px); }
.kh-f34-brand-name{ font-size:24px; letter-spacing:.28em; }
.kh-f34-brand-tag{ font-size:9px; letter-spacing:.12em; margin-top:7px; color:rgba(243,239,230,.46); white-space:normal; }
@media(max-width:1100px){ .kh-f34-cornice{ grid-template-columns:1fr; } }

/* ===== STRAT: kontah-v45-pornire-16-sept =====
   Reparatiile cerute de Octavian pe 16 septembrie 2026, pe pagina de pornire:
   1. „Preturi" n-are submeniu, deci nici sageata (JS-ul inchide submeniul
      vecinului la trecerea peste el — site.js, kontah-v30-dropdowns-js);
   2. cubul desfacut, carduri mari intr-o grila strinsa — site.js, kdBootCub;
   3. orbita: electronii si adancimea fata de nucleu — site.js + regulile de aici;
   4. notele contabile de fundal, mai vizibile (erau 5% aur pe negru; acum ~14%);
   5. cursorul: hexagon mic, negru, cu muchie aurie fina si halo discret
      (doar cu mouse/trackpad; pe atingere nu exista cursor). */

.kh-nav-item:not(.has-dropdown) > .kh-nav-link::after{ content:none; }

/* straturile v24-v26 le stinsesera cu !important pana la ~1,5% aur pe negru
   (culoare .06 x opacitate .24); acum ~11-14%, tot in spatele continutului */
.kontah-note{
  color:rgba(240,220,166,.22)!important;
  text-shadow:0 0 10px rgba(240,220,166,.08), 0 0 26px rgba(203,161,63,.04)!important;
  filter:blur(.15px)!important;
}
.kontah-note--tiny{ opacity:.48!important; }
.kontah-note--small{ opacity:.56!important; }
.kontah-note--normal{ opacity:.64!important; }

/* Sectiunea cubului avea padding-bottom 144px in afara containerului lipicios:
   pe ultimii 144px de derulare grila desfacuta era impinsa in sus, sub antet.
   Fara padding jos, containerul tine pana la capatul sectiunii. */
#cube-sec-idx.cube-sec{ padding-bottom:0!important; }

.v3-track::after{ content:none; }          /* punctul static — l-a inlocuit electronul */
.v3-track--fata{
  clip-path:inset(50% 0 0 0);                /* jumatatea din fata a elipsei, in coordonatele ei */
  z-index:21;                                /* peste nucleu (20), sub modulele din fata (26+) */
  border-color:rgba(203,161,63,.26)!important;
}
.v3-electron{
  position:absolute; left:50%; top:50%;
  width:6px; height:6px; border-radius:50%;
  background:#F0DCA6;
  box-shadow:0 0 6px 1px rgba(240,220,166,.85), 0 0 18px 4px rgba(203,161,63,.35);
  pointer-events:none; will-change:transform; z-index:8;
}
.v3-orbit-node:hover{ z-index:40!important; }
@media(max-width:700px){ .v3-electron, .v3-track--fata{ display:none; } }

@media (hover:hover) and (pointer:fine){
  html, body{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='none' stroke='%23E7C766' stroke-width='3.4' stroke-opacity='.16' stroke-linejoin='round'/%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='%230A0806' fill-opacity='.9' stroke='%23E7C766' stroke-width='1.1' stroke-opacity='.96' stroke-linejoin='round'/%3E%3C/svg%3E") 11 11, auto; }
  a, button, [role="button"], summary, label, select,
  .kh-nav-link, .gc-card, .v3-orbit-node, .v3-product-step, .menu-toggle{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='none' stroke='%23E7C766' stroke-width='3.4' stroke-opacity='.28' stroke-linejoin='round'/%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='%230A0806' fill-opacity='.92' stroke='%23F0DCA6' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11' r='1.7' fill='%23F0DCA6'/%3E%3C/svg%3E") 11 11, pointer!important; }
  .gc-persp{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='none' stroke='%23E7C766' stroke-width='3.4' stroke-opacity='.28' stroke-linejoin='round'/%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='%230A0806' fill-opacity='.92' stroke='%23F0DCA6' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11' r='1.7' fill='%23F0DCA6'/%3E%3C/svg%3E") 11 11, grab!important; }
  .gc-persp:active{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='22' height='22' viewBox='0 0 22 22'%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='none' stroke='%23E7C766' stroke-width='3.4' stroke-opacity='.32' stroke-linejoin='round'/%3E%3Cpath d='M11 2.2 18.62 6.6v8.8L11 19.8 3.38 15.4V6.6z' fill='%23CBA13F' fill-opacity='.42' stroke='%23F0DCA6' stroke-width='1.2' stroke-linejoin='round'/%3E%3Ccircle cx='11' cy='11' r='1.7' fill='%23F0DCA6'/%3E%3C/svg%3E") 11 11, grabbing!important; }
}

/* ===== STRAT: kontah-v46-pornire-v2-6-oct =====
   Pagina de pornire v2 (docs/CODE_PROMPT_LANDING_V2.md, etalonul v2/index.html):
   sapte sectiuni pe negru (DESIGN SYSTEM · KONTAH §1: fundalul general e #000;
   §12 D: cardurile stau pe negru, cu margine aurie fina si lumina pe muchia de
   sus; §12 C: aurul e accent, cifrele sunt albe, textele mici argint; §12 E:
   starile obligatiilor ca Semnalul celulei — nicio celula plina).
   Hero-ul (fundalul, cursorul, compozitia din dreapta) ramane al straturilor
   de dinainte; aici doar cutia lipicioasa a derularii si dovezile. */

body.pornire-v2{ background:#000; }
.pornire-v2 .sectiune.kh-v2{ padding:clamp(72px,7.5vw,116px) 0!important; background:#000!important; border-top:0!important; }
.pornire-v2 .sectiune.kh-v2 + .sectiune.kh-v2{ border-top:0!important; }
.pornire-v2 .sectiune.kh-v2 .container{ position:relative; z-index:2; }

/* capul sectiunii: titlul si fraza lui, umar la umar, fara eticheta deasupra */
.kh-cap{ display:grid; grid-template-columns:minmax(0,1fr) minmax(0,1fr); gap:28px 48px; align-items:end; margin-bottom:clamp(34px,4vw,56px); }
.kh-cap h2{ font-family:var(--font-titlu); font-weight:400; font-size:clamp(34px,4vw,54px); line-height:1.05; letter-spacing:-.01em; color:#F2ECDF; margin:0; }
.kh-cap .lead{ margin:0; color:#B9B3A6; font-size:clamp(17px,1.4vw,20px); line-height:1.55; max-width:62ch; }
@media (max-width:900px){ .kh-cap{ grid-template-columns:1fr; gap:16px; } }

/* cardul §12: negru, margine aurie fina, lumina pe muchia de sus, fara umbra grea */
.kh-card{ position:relative; border:1px solid rgba(224,196,116,.22); border-radius:16px;
          background:linear-gradient(180deg,#0A0806,#000); box-shadow:inset 0 1px 0 rgba(246,230,168,.10);
          overflow:hidden; color:#F2ECDF; transition:border-color .18s ease, box-shadow .18s ease; }
.kh-card:hover{ border-color:rgba(246,230,168,.50); box-shadow:inset 0 1px 0 rgba(246,230,168,.14), 0 0 12px rgba(203,161,63,.10); }
.kh-card h3{ font-family:var(--font-titlu); font-weight:400; color:#E8C979; letter-spacing:-.01em; margin:0; text-wrap:balance; }
.kh-card p{ margin:0; color:#B9B3A6; font-size:15.5px; line-height:1.55; }
.kh-card a{ color:inherit; }

/* dovezile din hero: cifre albe, bulina verde (singurul semn plin: finalizat) */
.kh-dovezi{ list-style:none; margin:30px 0 0; padding:0; display:flex; flex-wrap:wrap; gap:10px; position:relative; z-index:2; }
.kh-doveada{ display:inline-flex; align-items:center; gap:10px; min-height:38px; padding:0 14px; border:1px solid rgba(224,196,116,.30);
             border-radius:9px; background:rgba(0,0,0,.60); font-size:14px; color:#F2ECDF; line-height:1.3; }
.kh-doveada b{ font-weight:600; color:#fff; font-variant-numeric:tabular-nums; }
.kh-doveada__led{ width:8px; height:8px; border-radius:50%; flex:0 0 auto;
                  background:radial-gradient(circle at 35% 28%,#FFF 0%,#CDEFD8 18%,#6FBF85 55%,#2F6B44 100%); box-shadow:0 0 8px rgba(111,191,133,.6); }
@media (max-width:920px){ .kh-dovezi{ justify-content:center; } }

/* banda „La zi cu legea”: patru obligatii, fiecare cu semnalul ei */
.kh-lege{ border-top:1px solid rgba(203,161,63,.22); border-bottom:1px solid rgba(203,161,63,.22); background:#030201; position:relative; z-index:2; }
.kh-lege__rand{ display:flex; align-items:center; gap:14px 26px; flex-wrap:wrap; padding:18px 0; }
.kh-lege__titlu{ font-family:var(--font-mono); font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--aur); white-space:nowrap; }
.kh-lege__ob{ display:inline-flex; align-items:center; gap:10px; font-size:15px; font-weight:500; color:#fff; text-decoration:none; }
.kh-lege__ob:hover b{ color:#F6E6A8; }
.kh-lege__toate{ margin-left:auto; font-family:var(--font-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--aur); text-decoration:none; }
.kh-lege__toate:hover{ color:#F6E6A8; }
@media (max-width:760px){ .kh-lege__toate{ margin-left:0; } }

/* Semnalul celulei: nimic plin — livrat cu chenar verde, partial cu chenar auriu care lumineaza, in lucru cu chenar punctat */
.kh-semnal{ display:inline-flex; align-items:center; justify-content:center; min-width:76px; height:24px; padding:0 8px; border-radius:6px;
            background:#000; font-family:var(--font-mono); font-style:normal; font-size:10px; letter-spacing:.14em; text-transform:uppercase; line-height:1; }
.kh-semnal--live{ border:1px solid rgba(111,191,133,.60); color:#9FDBB0; }
.kh-semnal--partial{ border:1px solid #E0B45A; color:#F0CF8A; box-shadow:0 0 9px rgba(224,180,90,.40); animation:kh-semnal-lumina 3.2s ease-in-out infinite; }
.kh-semnal--work, .kh-semnal--pilot{ border:1px dashed rgba(185,179,166,.60); color:#D2D6DC; }
@keyframes kh-semnal-lumina{ 50%{ box-shadow:0 0 14px rgba(224,180,90,.62); } }

/* cele trei niveluri: cabinet, client, situatie — culoarea spune „unde sunt” (§12 C) */
.kh-niveluri{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:22px; }
.kh-nivel{ display:flex; flex-direction:column; }
.kh-nivel::before{ content:""; position:absolute; left:0; right:0; top:0; height:3px;
                   background:linear-gradient(90deg,transparent,#6B4E2A 7%,var(--sc,#CBA13F) 32%,var(--st,#F6E6A8) 50%,var(--sc,#CBA13F) 68%,#6B4E2A 93%,transparent); }
.kh-nivel__text{ padding:26px 26px 22px; }
.kh-nivel__nume{ font-family:var(--font-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--sl,#E0C474); }
.kh-nivel h3{ font-size:30px; margin:8px 0 10px; line-height:1.1; }
.kh-nivel ul{ margin:14px 0 0; padding:0; list-style:none; display:grid; gap:8px; }
.kh-nivel li{ display:flex; gap:10px; align-items:baseline; font-size:15px; line-height:1.45; color:#F2ECDF; }
.kh-nivel li::before{ content:""; width:6px; height:6px; flex:0 0 auto; transform:rotate(45deg) translateY(-2px); border:1px solid var(--sc,#CBA13F); }
.kh-nivel__ecran{ margin:auto 0 0; border-top:1px solid rgba(224,196,116,.14); background:#000; }
.kh-nivel__ecran img{ width:100%; height:220px; object-fit:cover; object-position:top left; opacity:.92; display:block; }
@media (max-width:980px){ .kh-niveluri{ grid-template-columns:1fr; } }

/* nucleul si modulele in orbita: lista modulelor la stanga, orbita lui Octavian la dreapta */
.pornire-v2 .v3-system-map.kh-v2{ background:#000!important; border-top:0!important; border-bottom:0!important; overflow:visible; }
.pornire-v2 .v3-system-map.kh-v2::before{ display:none; }
.kh-nucleu{ display:grid; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); gap:40px 48px; align-items:center; }
.kh-nucleu__text h2{ font-family:var(--font-titlu); font-weight:400; font-size:clamp(34px,4vw,54px); line-height:1.05; letter-spacing:-.01em; color:#F2ECDF; margin:0 0 18px; }
.kh-nucleu__text .lead{ margin:0; color:#B9B3A6; font-size:clamp(17px,1.4vw,20px); line-height:1.55; }
/* orbita lui Octavian (16 sept) ramane pe toata latimea, cu inaltimea ei din kit (720 px): sub text si module */
.kh-nucleu .v3-orbit-stage{ grid-column:1 / -1; }
.kh-module{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.kh-modul{ display:block; border:1px solid rgba(224,196,116,.24); border-radius:10px; background:linear-gradient(180deg,#0B0906,#000);
           padding:12px 14px; min-height:76px; text-decoration:none; color:inherit; transition:border-color .15s ease, box-shadow .15s ease; }
.kh-modul:hover{ border-color:rgba(246,230,168,.70); box-shadow:0 0 16px rgba(203,161,63,.18); }
.kh-modul b{ display:block; font-weight:600; font-size:15px; color:#fff; }
.kh-modul span{ display:block; font-size:13px; color:#B9B3A6; margin-top:2px; line-height:1.4; }
@media (max-width:980px){ .kh-nucleu{ grid-template-columns:1fr; } .kh-module{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .kh-module{ grid-template-columns:1fr; } }

/* cei patru stalpi, in sectiunea corectiei */
.kh-stalpi{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:16px; }
.kh-stalp{ padding:24px 22px; }
.kh-stalp__nume{ font-family:var(--font-mono); font-size:12px; letter-spacing:.16em; text-transform:uppercase; color:var(--aur); }
.kh-stalp h3{ font-size:25px; margin:8px 0 6px; line-height:1.1; }
.kh-stalp p{ font-size:15px; }
@media (max-width:980px){ .kh-stalpi{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:560px){ .kh-stalpi{ grid-template-columns:1fr; } }

/* notele de la sursa */
.kh-note{ display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:18px; }
.kh-nota{ padding:26px; display:flex; flex-direction:column; }
.kh-nota__domeniu{ font-family:var(--font-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:var(--sl,#E0C474); }
.kh-nota h3{ font-size:28px; margin:10px 0; line-height:1.1; }
.kh-nota p{ color:#F2ECDF; }
.kh-nota code{ font-family:var(--font-corp); font-weight:600; color:#fff; border:1px solid rgba(224,196,116,.35); border-radius:5px; padding:0 6px; white-space:nowrap; }
.kh-legatura{ display:inline-block; margin-top:18px; font-family:var(--font-mono); font-size:12px; letter-spacing:.18em; text-transform:uppercase; color:var(--aur); text-decoration:none; }
.kh-legatura:hover{ color:#F6E6A8; }
.kh-nota--de-ales .pending{ font-family:var(--font-corp); font-size:15px; }
.kh-nota--de-ales h3 .pending{ font-family:var(--font-titlu); font-size:22px; }
@media (max-width:980px){ .kh-note{ grid-template-columns:1fr; } }

/* cele patru usi */
.kh-usi{ display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:18px; }
.kh-usa{ display:flex; flex-direction:column; gap:10px; padding:26px 24px 24px; min-height:300px; }
.kh-usa__verb{ font-family:var(--font-mono); font-size:12px; letter-spacing:.2em; text-transform:uppercase; color:var(--sl,#E0C474); }
.kh-usa h3{ font-size:30px; line-height:1.05; }
.kh-usa p{ font-size:15px; }
.kh-usa .btn{ margin-top:auto; align-self:flex-start; }
.kh-usa__telefon, .kh-usa__telefon a{ font-family:var(--font-corp); font-size:24px; font-weight:600; color:#fff; line-height:1.2; font-variant-numeric:tabular-nums; }
.kh-usa p a:hover{ color:#F6E6A8; }
@media (max-width:1100px){ .kh-usi{ grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media (max-width:600px){ .kh-usi{ grid-template-columns:1fr; } .kh-usa{ min-height:auto; } }

/* urmele de pagina generata scoase si din cadrul comun (6 oct): sageata lipita de
   linkurile meniului de telefon */
.mobile-nav__list a::after{ content:none!important; }

/* hero-ul la derulare: cutia lipicioasa in care ecranele se indreapta si se aseaza
   unul langa altul (pornire-v2.js scrie transformarile, numai pe ecrane mari);
   la derulare zero hero-ul e exact cel de dinainte */
.hero-scrub{ position:relative; }
@media (min-width:1181px) and (min-height:700px){
  .hero-scrub{ min-height:200dvh; }
  .hero-scrub > .hero.hero-kontah-split{ position:sticky; top:0; min-height:100dvh; }
}
.hero-scrub .hero-copy-left, .hero-scrub .hero-brand-card-wrap{ will-change:transform, opacity; }

/* variantele de fundal ale hero-ului (?hero=3d|aur|etalon|pilon|shader|lumini): un strat peste
   gradientul hero-ului, la z 0 — SUB notele contabile de fundal (stratul fix, z 1, care
   plutesc vag peste orice fundal, ca in cel de acum) si sub continut (z 3); campul de
   acum (z 1) e ascuns ori oprit cand ruleaza o varianta */
.kh-hero-varianta{ position:absolute; inset:0; width:100%; height:100%; z-index:0; pointer-events:none; display:block; }
.kh-hero-varianta--lumini{ background-color:#000;
  background-image:
    repeating-linear-gradient(60deg, rgba(203,161,63,.30) 0, rgba(203,161,63,.30) 1px, transparent 1px, transparent 30px),
    repeating-linear-gradient(-60deg, rgba(203,161,63,.24) 0, rgba(203,161,63,.24) 1px, transparent 1px, transparent 30px),
    repeating-linear-gradient(0deg, rgba(203,161,63,.30) 0, rgba(203,161,63,.30) 1px, transparent 1px, transparent 30px);
  background-size:60px 60px; }

/* ===== STRAT: kontah-v47-universul-6-oct =====
   Universul KONTAH, capitolul 01 · Registrul (sabloane/univers.html, static/univers.js):
   cutia de derulare e inalta (460dvh), scena sta lipita o fereastra, textul sta in
   stanga cu numarator, pasii se schimba cu derularea; „Sari animatia” jos. */
.kh-univ{ position:relative; min-height:460dvh; background:#000; }
.kh-univ__scena{ position:sticky; top:0; height:100dvh; overflow:hidden; background:#000; }
.kh-univ__scena canvas{ position:absolute; inset:0; width:100%; height:100%; display:block; }
.kh-univ__text{ position:absolute; left:max(28px, calc((100% - var(--lat)) / 2)); top:50%; transform:translateY(-50%); width:min(520px, 44%); z-index:2; }
.kh-univ__nr{ font-family:var(--font-mono); font-size:12px; letter-spacing:.24em; text-transform:uppercase; color:var(--aur); }
.kh-univ__text h1{ font-family:var(--font-titlu); font-weight:400; font-size:clamp(38px,4.4vw,64px); line-height:1.02; letter-spacing:-.012em; color:#F2ECDF; margin:14px 0 22px; }
.kh-univ__pasi{ position:relative; min-height:7.5em; }
.kh-univ__pas{ position:absolute; inset:0 auto auto 0; margin:0; color:#B9B3A6; font-size:clamp(16px,1.3vw,19px); line-height:1.55; opacity:0; transform:translateY(10px); transition:opacity .5s ease, transform .5s ease; }
.kh-univ__pas.e-activ{ opacity:1; transform:none; }
.kh-univ__bara{ margin-top:26px; height:1px; background:rgba(224,196,116,.18); overflow:hidden; }
.kh-univ__bara i{ display:block; height:100%; background:linear-gradient(90deg,#CBA13F,#F6E6A8); transform:scaleX(0); transform-origin:left; }
.kh-univ__sari{ position:absolute; left:50%; bottom:22px; transform:translateX(-50%); z-index:2; font-family:var(--font-mono); font-size:11px; letter-spacing:.2em; text-transform:uppercase; color:#8A847A; text-decoration:none; padding:8px 12px; border:1px solid rgba(224,196,116,.18); border-radius:6px; background:rgba(0,0,0,.5); }
.kh-univ__sari:hover{ color:#F6E6A8; border-color:rgba(246,230,168,.5); }
.kh-univ__text h2{ font-family:var(--font-titlu); font-weight:400; font-size:clamp(38px,4.4vw,64px); line-height:1.02; letter-spacing:-.012em; color:#F2ECDF; margin:14px 0 22px; }
.kh-univ.fara-webgl canvas{ display:none; }
/* etichetele faptelor, asezate de univers-gl.js pe proiectia fiecarei prisme */
.kh-univ__etichete{ position:absolute; inset:0; pointer-events:none; z-index:1; }
.kh-univ__et{ position:absolute; left:0; top:0; display:none; text-align:center; white-space:nowrap; font-family:var(--font-mono); letter-spacing:.14em; text-transform:uppercase; transition:opacity .3s ease; }
.kh-univ__et b{ display:block; font-weight:500; font-size:11px; color:#F0DCA6; }
.kh-univ__et span{ display:block; font-size:10px; color:rgba(203,161,63,.8); margin-top:3px; letter-spacing:.08em; text-transform:none; }
@media (max-width:900px){ .kh-univ{ min-height:360dvh; } .kh-univ__text{ left:20px; right:20px; width:auto; top:auto; bottom:84px; transform:none; } .kh-univ__pasi{ min-height:9em; } }

/* ===== STRAT: kontah-v48-fundal-continuu-6-oct =====
   Pagina de pornire: fagurele aplicatiei continua sub toate sectiunile (canvas fix, pornire-v2.js,
   partea 3), sectiunile sunt transparente, cardurile intra decalat o singura data. */
.kh-fundal-pagina{ position:fixed; inset:0; width:100vw; height:100vh; z-index:0; pointer-events:none; display:block; }
.pornire-v2 .idxbar, .pornire-v2 main, .pornire-v2 footer{ position:relative; z-index:1; }
.pornire-v2 .idxbar{ position:sticky; }
.pornire-v2 .sectiune.kh-v2{ background:transparent!important; }
.pornire-v2 .v3-system-map.kh-v2{ background:transparent!important; }
.pornire-v2 .kh-lege{ background:rgba(3,2,1,.86); }
.pornire-v2 .e-intra{ opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; transition-delay:calc(var(--i, 0) * 70ms); }
.pornire-v2 .e-intra.e-vazut{ opacity:1; transform:none; }
.univers .kh-fundal-pagina{ display:none; }


/* ===== STRAT: kontah-v49-antetul-serios-6-oct =====
   Antetul serios (Octavian, 6 oct seara, dupa hubtown.co.in/about: „sa arate
   serios headerul, miscari fluide, black nu maro”), pe toate paginile:
   - bara mai subtire (68px), pe negru curat cand se deruleaza, cu o linie de
     aur pe toata latimea in loc de gradientul din mijloc;
   - legaturile in mono marunt si rarit, fara pastile, fara umbre, fara
     sagetile ▾; la trecerea mausului doar o linie de aur care creste de la
     stanga; „Autentificare” cu ↗, ca LOGIN-ul lor;
   - butonul de demonstratie (.kh-actiune) ramane cum e: nu se schimba;
   - banda de pre-lansare (.kh-prelansare), sus in antet, cat timp
     site.json › prelansare.activ e true: un led de aur, textul, legatura
     spre demonstratie. Tine cu antetul la derulare (antetul e sticky). */
:root{ --h-antet:68px; }
.pornire-v2 .idxbar{ z-index:90; }   /* v48 il lasase la 1: dupa hero, main-ul (tot 1, mai tarziu in pagina) il acoperea */
.idxbar.scrolled{ background:rgba(0,0,0,.84); box-shadow:none; }
.idxbar::after{ width:100%; background:rgba(203,161,63,.14); opacity:1; }
.kh-nav-rich{ gap:0; }
.kh-nav-rich .kh-nav-link, .idxtb-right a.kh-nav-link:not(.kh-actiune){
  font-family:var(--font-mono)!important; font-size:11px!important; font-weight:500!important;
  letter-spacing:.22em!important; padding:12px 15px!important; border-radius:0!important;
  color:rgba(232,228,218,.74)!important; background:none!important; box-shadow:none!important; transform:none!important;
}
.kh-nav-item:hover > .kh-nav-link, .kh-nav-item:focus-within > .kh-nav-link, .kh-nav-link:hover,
.kh-nav-item.is-open > .kh-nav-link, .idxtb-right a.kh-nav-link:not(.kh-actiune):hover{
  color:var(--crem)!important; background:none!important; box-shadow:none!important; transform:none!important;
}
.kh-nav-link::after{ display:none!important; }
.kh-nav-link::before{
  left:15px; right:15px; bottom:7px; height:1px;
  background:rgba(203,161,63,.72); opacity:0; transform:scaleX(0); transform-origin:left center;
  transition:opacity .22s ease, transform .3s cubic-bezier(.2,.7,.2,1);
}
.kh-nav-item:hover > .kh-nav-link::before, .kh-nav-item:focus-within > .kh-nav-link::before,
.kh-nav-item.is-open > .kh-nav-link::before, .kh-nav-link:hover::before{ opacity:1; transform:scaleX(1); }
.idxtb-right a.kh-autentificare:not(.kh-actiune){
  font-family:var(--font-mono)!important; font-size:11px!important; letter-spacing:.22em!important;
  color:rgba(232,228,218,.74)!important; border:0!important; border-radius:0!important;
  padding:12px 15px!important; background:none!important; margin-right:6px;
}
.idxtb-right a.kh-autentificare:not(.kh-actiune)::after{ content:"\2197"; margin-left:8px; opacity:.6; font-size:11px; }
.idxtb-right a.kh-autentificare:not(.kh-actiune):hover{ color:var(--crem)!important; background:none!important; }
.idxtb-right a.kh-autentificare:not(.kh-actiune):hover::after{ opacity:1; }
.idxtb-left .kh-marca{ font-size:16px; letter-spacing:.36em; }
.idxtb-left .kh-marca-sub{ font-size:9px; letter-spacing:.3em; }
.kh-prelansare{
  background:rgba(0,0,0,.72); -webkit-backdrop-filter:blur(10px); backdrop-filter:blur(10px);
  border-bottom:1px solid rgba(203,161,63,.12);
}
.kh-prelansare__rand{
  width:min(var(--lat-continut), calc(100% - 56px)); margin-inline:auto; min-height:30px;
  display:flex; align-items:center; gap:12px;
  font-family:var(--font-mono); font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:rgba(232,228,218,.62);
}
.kh-prelansare__led{
  flex:0 0 auto; width:6px; height:6px; border-radius:50%;
  background:var(--aur); box-shadow:0 0 10px rgba(203,161,63,.6);
  animation:kh-prelansare-puls 2.4s ease-in-out infinite;
}
@keyframes kh-prelansare-puls{ 0%,100%{ opacity:.5; } 50%{ opacity:1; } }
.kh-prelansare__leg{ margin-left:auto; color:var(--aur-clar); text-decoration:none; white-space:nowrap; transition:color .2s ease; }
.kh-prelansare__leg::after{ content:"\2197"; margin-left:8px; opacity:.7; }
.kh-prelansare__leg:hover{ color:var(--crem); }
@media (max-width:920px){
  .kh-prelansare__rand{ width:calc(100% - 28px); font-size:9px; letter-spacing:.14em; flex-wrap:wrap; gap:6px 12px; padding:6px 0; }
  .kh-prelansare__leg{ margin-left:0; }
}

/* ===== STRAT: kontah-v50-camera-libera-6-oct =====
   Universul: camera libera tri-axiala (static/univers-liber.js). Indiciul gestului
   sta jos in dreapta scenei, mono marunt; dupa primul tras pe orice scena
   (html.kh-univ-tras) indiciile se sting — omul a inteles. Canvasul primeste
   cursorul de prindere din JS. */
.kh-univ__gest{
  position:absolute; right:28px; bottom:30px; z-index:2; pointer-events:none;
  font-family:var(--font-mono); font-size:10px; letter-spacing:.2em; text-transform:uppercase;
  color:rgba(232,228,218,.40); transition:opacity .8s ease;
}
.kh-univ-tras .kh-univ__gest{ opacity:0; }
.kh-univ__scena canvas:focus-visible{ outline:1px solid rgba(203,161,63,.45); outline-offset:-1px; }
@media (max-width:900px), (hover:none){ .kh-univ__gest{ display:none; } }

/* ===== STRAT: kontah-v51-prologul-6-oct =====
   Prologul „big bang” al paginii de pornire (static/prolog.js). Cat html are
   .kh-prolog, pagina sta pe negru si antetul, textul si compozitia din dreapta
   sunt invizibile sub canvasul prologului (z 500); la .kh-prolog-gata apar
   pe rand (antetul, compozitia cu emblema in locul punctului, textul). */
html.kh-prolog body{ background:#000; }
canvas.kh-prolog{ position:fixed; inset:0; width:100vw; height:100vh; z-index:500; pointer-events:none; display:block; }
html.kh-prolog .idxbar, html.kh-prolog .hero-copy-left, html.kh-prolog .hero-viz{ opacity:0; }
html.kh-prolog-gata .hero-viz{ opacity:1; transition:opacity 1s ease .05s; }
html.kh-prolog-gata .idxbar{ opacity:1; transition:opacity 1.1s ease .3s; }
html.kh-prolog-gata .hero-copy-left{ opacity:1; transition:opacity 1.2s ease .45s; }

/* LUPA (9 oct 2026): capturile din hero si din vitrina se deschid mari, la clic ori atingere (static/lupa.js) */
.hero-ui-peek[data-lupa]{pointer-events:auto}
[data-lupa]:focus-visible{outline:2px solid var(--aur);outline-offset:4px}
.kh-nivel__ecran[data-lupa]{position:relative;overflow:hidden}
.kh-nivel__ecran[data-lupa] img{transition:transform .35s ease,filter .35s ease}
.kh-nivel__ecran[data-lupa]:hover img,.kh-nivel__ecran[data-lupa]:focus-visible img{transform:scale(1.025);filter:brightness(1.06)}
.kh-lupa{position:fixed;inset:0;z-index:1000;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:clamp(12px,3vw,40px);background:rgba(4,3,2,.94);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);overscroll-behavior:contain;touch-action:none}
.kh-lupa[hidden]{display:none}
.kh-lupa__img{display:block;max-width:min(96vw,2560px);max-height:calc(100vh - 120px);width:auto;height:auto;object-fit:contain;border:1px solid var(--linie-tare);border-radius:10px;background:#000;box-shadow:0 30px 80px rgba(0,0,0,.6);cursor:zoom-out}
.kh-lupa__titlu{max-width:min(96vw,1100px);color:var(--aur-clar);font-size:13px;letter-spacing:.14em;text-transform:uppercase;text-align:center}
.kh-lupa__inchide,.kh-lupa__nav{position:absolute;display:grid;place-items:center;width:46px;height:46px;padding:0;border:1px solid var(--linie-tare);border-radius:50%;background:rgba(6,5,4,.82);color:var(--aur-clar);font-size:26px;line-height:1;cursor:pointer}
.kh-lupa__inchide{top:16px;right:16px}
.kh-lupa__nav--inapoi{left:16px;top:50%;transform:translateY(-50%)}
.kh-lupa__nav--inainte{right:16px;top:50%;transform:translateY(-50%)}
.kh-lupa__nav[hidden]{display:none}
.kh-lupa__inchide:hover,.kh-lupa__nav:hover{border-color:var(--aur);color:#FFF4CF}
html.kh-lupa-deschisa{overflow:hidden}
/* butonul Universului, auriu (Octavian, 9 oct 2026): contur si lumina de aur, sub cel plin al listei */
.btn-univers{background:linear-gradient(180deg,rgba(240,220,166,.20),rgba(203,161,63,.08));border:1px solid var(--aur);color:var(--aur-clar);box-shadow:inset 0 0 0 1px rgba(240,220,166,.14),0 10px 28px rgba(203,161,63,.18)}
.btn-univers:hover{background:linear-gradient(180deg,rgba(240,220,166,.32),rgba(203,161,63,.16));border-color:var(--aur-clar);color:#FFF4CF;box-shadow:inset 0 0 0 1px rgba(240,220,166,.26),0 14px 38px rgba(203,161,63,.30)}

/* INELUL (9 oct 2026): sase ecrane-hexagon in jurul emblemei. In repaus stau stranse in spatele ei, la trecerea
   mausului ies putin, la derulare pornire-v2.js le duce in fagure. Forma = forma emblemei (varful in sus, umerii la
   24 % / 76 %), deci emblema si cele sase fac un fagure de sapte. */
.hero-ui-stack{display:none!important}
.kh-inel{position:absolute;inset:0;z-index:1;pointer-events:none}
.kh-hexa-ecran{--w:200px;--d:250px;--s:.62;position:absolute;left:var(--cx,50%);top:var(--cy,50%);width:var(--w);height:calc(var(--w) / .829);margin:0;padding:0;pointer-events:auto;background:var(--n);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);transform:translate(-50%,-50%) translate(calc(var(--dx) * var(--d)),calc(var(--dy) * var(--d))) scale(var(--s));transition:transform .6s cubic-bezier(.2,.8,.2,1),filter .3s ease;filter:brightness(.9) saturate(.95);will-change:transform}
.hero-brand-card-wrap:hover .kh-hexa-ecran,.hero-brand-card-wrap.is-open .kh-hexa-ecran{--d:335px;--s:.74}
.kh-hexa-ecran:hover,.kh-hexa-ecran:focus-visible{filter:brightness(1.12) saturate(1)}
.kh-hexa-ecran:focus-visible{outline:none}
.kh-hexa-ecran img{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);object-fit:cover;object-position:var(--fx,50%) var(--fy,50%);clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);background:#000}
.kh-hexa-ecran__nume{position:absolute;left:8%;right:8%;bottom:19%;padding:6px 4px;text-align:center;font-size:12px;font-weight:600;line-height:1.1;letter-spacing:.16em;text-transform:uppercase;color:var(--nt,var(--aur-clar));background:linear-gradient(90deg,rgba(4,3,2,0),rgba(4,3,2,.84) 18%,rgba(4,3,2,.84) 82%,rgba(4,3,2,0));pointer-events:none}
@media (prefers-reduced-motion:reduce){.kh-hexa-ecran{transition:none}}
/* fara derulare (ecranele inguste): doua randuri de cate trei, sub emblema, ca un fagure */
@media (max-width:1180px){
  .hero-brand-card-wrap{flex-direction:column!important;min-height:0!important}
  .kh-inel{order:2;position:relative;inset:auto;display:grid;grid-template-columns:repeat(7,1fr);width:min(100%,560px);margin:18px auto 0;pointer-events:auto}
  .kh-hexa-ecran{position:relative;left:auto;top:auto;width:auto;height:auto;aspect-ratio:.829;transform:none!important;margin:0 3%}
  .kh-hexa-ecran:nth-child(1){grid-column:1/3;grid-row:1}
  .kh-hexa-ecran:nth-child(2){grid-column:3/5;grid-row:1}
  .kh-hexa-ecran:nth-child(3){grid-column:5/7;grid-row:1}
  .kh-hexa-ecran:nth-child(4){grid-column:2/4;grid-row:2}
  .kh-hexa-ecran:nth-child(5){grid-column:4/6;grid-row:2}
  .kh-hexa-ecran:nth-child(6){grid-column:6/8;grid-row:2}
  .kh-hexa-ecran:nth-child(n+4){margin-top:-21%}
  .kh-hexa-ecran__nume{font-size:8px;letter-spacing:.04em;left:2%;right:2%;bottom:18%}
}

/* CURSORUL si RAMA INELULUI (9 oct 2026, Octavian: „vreau hexa mic -- la hover pe cele 9 imagini se mareste cu 30-40 %
   si apare un +; punctul, la clic pe card normal, tot asa, putin mai mare”; „prea colorate -- logica celor trei de sub
   hero”). Cursoarele CSS nu se anima: sunt trei marimi, 22 (pagina), 26 (ce se apasa), 30 (ce se deschide mare). */
@media (hover:hover) and (pointer:fine){
  a, button, [role="button"], summary, label, select,
  .kh-nav-link, .gc-card, .v3-orbit-node, .v3-product-step, .menu-toggle{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='26' height='26' viewBox='0 0 26 26'%3E%3Cpath d='M13 2.6 22 7.8v10.4L13 23.4 4 18.2V7.8z' fill='none' stroke='%23E7C766' stroke-width='4' stroke-opacity='.28' stroke-linejoin='round'/%3E%3Cpath d='M13 2.6 22 7.8v10.4L13 23.4 4 18.2V7.8z' fill='%230A0806' fill-opacity='.92' stroke='%23F0DCA6' stroke-width='1.3' stroke-linejoin='round'/%3E%3Ccircle cx='13' cy='13' r='2' fill='%23F0DCA6'/%3E%3C/svg%3E") 13 13, pointer!important; }
  [data-lupa]{ cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='30' height='30' viewBox='0 0 30 30'%3E%3Cpath d='M15 3 25.39 9v12L15 27 4.61 21V9z' fill='none' stroke='%23E7C766' stroke-width='4.4' stroke-opacity='.30' stroke-linejoin='round'/%3E%3Cpath d='M15 3 25.39 9v12L15 27 4.61 21V9z' fill='%230A0806' fill-opacity='.92' stroke='%23F0DCA6' stroke-width='1.35' stroke-linejoin='round'/%3E%3Cpath d='M15 10.4v9.2M10.4 15h9.2' stroke='%23F0DCA6' stroke-width='1.7' stroke-linecap='round'/%3E%3C/svg%3E") 15 15, zoom-in!important; }
}
.kh-hexa-ecran{--ra:.30;--rb:.15;background:linear-gradient(90deg,#6B4E2A,var(--n) 30%,var(--nt) 50%,var(--n) 70%,#6B4E2A) top/100% 24% no-repeat,linear-gradient(180deg,rgba(246,230,168,var(--ra)),rgba(224,196,116,var(--rb)))}
.kh-hexa-ecran:hover,.kh-hexa-ecran:focus-visible{--ra:.55;--rb:.30}
.kh-hexa-ecran::after{content:"";position:absolute;inset:2px;clip-path:polygon(50% 0,100% 24%,100% 76%,50% 100%,0 76%,0 24%);background:linear-gradient(160deg,rgba(255,244,207,.10),rgba(255,244,207,.02) 38%,rgba(255,244,207,0) 60%);pointer-events:none}
.kh-hexa-ecran__nume{color:#F2ECDF}