/* COMPANY RENA V22 — dark balanced repair */
:root{
  --v22-bg:#06110c;
  --v22-bg-2:#0a1a12;
  --v22-panel:#10261a;
  --v22-panel-2:#173322;
  --v22-cream:#f1f0e8;
  --v22-paper:#ded9cd;
  --v22-paper-2:#cbc6ba;
  --v22-ink:#10291a;
  --v22-muted:#9eaca2;
  --v22-green:#7fa45d;
  --v22-lime:#d8eca7;
  --v22-line:rgba(235,242,232,.12);
  --v22-dark-line:rgba(18,49,29,.15);
  --v22-shadow:0 28px 80px rgba(0,0,0,.30);
}
html{background:var(--v22-bg)}
body{background:var(--v22-bg)!important;color:var(--v22-cream)}
body:before{content:"";position:fixed;inset:0;z-index:-7;pointer-events:none;background:radial-gradient(circle at 13% 8%,rgba(216,236,167,.075),transparent 30%),radial-gradient(circle at 88% 72%,rgba(127,164,93,.055),transparent 28%)}

/* Header: dark, compact, consistent on every page */
.site-header{height:78px!important;border-color:rgba(216,236,167,.14)!important;background:rgba(5,17,10,.86)!important;color:var(--v22-cream)!important;box-shadow:0 18px 55px rgba(0,0,0,.28)!important}
.site-header.scrolled{background:rgba(5,17,10,.96)!important;box-shadow:0 18px 58px rgba(0,0,0,.38)!important}
.brand{gap:13px!important}
.brand-symbol{width:41px!important;height:41px!important}
.brand-symbol i{border-color:var(--v22-lime)!important;background:rgba(216,236,167,.025)!important}
.brand b{font-size:18px!important;letter-spacing:.035em!important;color:#f0f3e9!important;line-height:1.04!important}
.brand small{margin-top:5px!important;color:#829186!important;font-size:7px!important;letter-spacing:.18em!important}
.nav-links a{color:#b6c2b9!important;font-weight:650!important}
.nav-links a.active,.nav-links a:hover{color:#fff!important}
.header-phone{color:#d3dbd4!important;font-weight:700!important}
.icon-btn{border-color:rgba(216,236,167,.16)!important;color:#e9efe5!important;background:rgba(255,255,255,.02)!important}
.menu-toggle i{background:#edf2e9!important}
.pill.primary{background:linear-gradient(135deg,#dff2aa,#bedb78)!important;color:#102116!important;box-shadow:0 13px 30px rgba(150,184,92,.20)!important}
.pill.primary:hover{background:linear-gradient(135deg,#ecffc3,#cae886)!important}
.mobile-nav{background:rgba(5,17,10,.985)!important;color:#eef3eb!important;border-color:rgba(216,236,167,.12)!important}
.mobile-nav .nav-links a,.mobile-phone{color:#d8e0da!important}

/* Reliable headings: no white-on-white and no animation failure */
.inner-hero,.catalog-hero,.privacy-hero,.product-hero{
  background:
    radial-gradient(circle at 78% 34%,rgba(127,164,93,.16),transparent 30%),
    radial-gradient(circle at 18% 86%,rgba(216,236,167,.055),transparent 32%),
    linear-gradient(180deg,#07150e,#091a12)!important;
  color:var(--v22-cream)!important;
}
.inner-hero{min-height:70vh!important;padding-top:165px!important;padding-bottom:90px!important}
.inner-hero:before,.inner-hero:after{border-color:rgba(216,236,167,.075)!important}
.inner-hero h1,.catalog-hero h1,.privacy-hero h1,.product-hero h1{color:#f0f1e9!important;-webkit-text-fill-color:#f0f1e9!important}
.inner-hero .split-title,.inner-hero .split-title .word,.inner-hero .split-title .word i,
.catalog-hero .split-title,.catalog-hero .split-title .word,.catalog-hero .split-title .word i{
  color:#f0f1e9!important;
  -webkit-text-fill-color:#f0f1e9!important;
  background:none!important;
  opacity:1!important;
  transform:none!important;
  filter:none!important;
  animation:none!important;
}
.inner-hero>p,.catalog-hero p,.privacy-hero p,.product-lead{color:#aebbb2!important}
.inner-hero .eyebrow,.catalog-hero .eyebrow,.privacy-hero .eyebrow,.breadcrumbs{color:#9aaa9f!important}
.inner-hero .reveal,.catalog-hero .reveal,.privacy-hero .reveal{opacity:1!important;transform:none!important;filter:none!important}

/* Home hero */
body[data-page="home"] .hero{
  min-height:100vh!important;
  padding-top:145px!important;
  background:
    radial-gradient(circle at 78% 45%,rgba(127,164,93,.18),transparent 30%),
    radial-gradient(circle at 10% 88%,rgba(216,236,167,.045),transparent 28%),
    linear-gradient(180deg,#06120c,#081a11)!important;
  color:var(--v22-cream)!important;
}
body[data-page="home"] .hero .split-title,
body[data-page="home"] .hero .split-title .word,
body[data-page="home"] .hero .split-title .word i{color:#f1f1e9!important;-webkit-text-fill-color:#f1f1e9!important}
body[data-page="home"] .hero .split-title>span:not(.word),
body[data-page="home"] .hero .split-title>span:not(.word) .word i{
  color:transparent!important;
  -webkit-text-fill-color:transparent!important;
  background:linear-gradient(100deg,#d8eca7,#8faf63 62%,#eff7dc)!important;
  background-clip:text!important;
  -webkit-background-clip:text!important;
}
body[data-page="home"] .hero-lead{color:#aebbb2!important;max-width:760px!important}
body[data-page="home"] .hero .eyebrow{color:#a9b7ad!important}
body[data-page="home"] .hero .pill.glass{color:#edf1e8!important;background:rgba(255,255,255,.035)!important;border-color:rgba(216,236,167,.18)!important}
body[data-page="home"] .hero-facts{border-color:rgba(216,236,167,.13)!important}
body[data-page="home"] .hero-facts b{color:#e7f5be!important;font-size:31px!important}
body[data-page="home"] .hero-facts span{color:#96a59a!important}
body[data-page="home"] .hero-stage{
  min-height:570px!important;
  height:min(70vh,680px)!important;
  border:1px solid rgba(216,236,167,.12)!important;
  border-radius:34px!important;
  background:linear-gradient(145deg,rgba(24,53,35,.72),rgba(7,20,13,.75))!important;
  box-shadow:0 32px 90px rgba(0,0,0,.32)!important;
  overflow:hidden!important;
}
.v21-hero-art{position:absolute;inset:0;display:grid;place-items:center;padding:20px}
.v21-hero-art img{width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 34px rgba(0,0,0,.28));animation:v22Float 6.5s ease-in-out infinite}
.v21-pencil-note{background:rgba(7,20,13,.72)!important;color:#c8d5ca!important;border-color:rgba(216,236,167,.16)!important}
@keyframes v22Float{50%{transform:translateY(-7px)}}
body[data-page="home"] .ticker{background:#d6e6a3!important;color:#14281a!important}
body[data-page="home"] .section.about{background:#081a11!important}
body[data-page="home"] .about .display{color:#f2f1e8!important}
body[data-page="home"] .about-copy p{color:#a9b5ad!important}

/* Metrics stay dark and calm, not bright white */
.metrics{gap:14px!important}
.metrics article{
  border-radius:24px!important;
  background:linear-gradient(145deg,#132d1e,#0b2015)!important;
  border:1px solid rgba(216,236,167,.12)!important;
  box-shadow:0 20px 50px rgba(0,0,0,.22)!important;
  color:#edf1e8!important;
}
.metrics article b{color:#d8eca7!important}
.metrics article h3{color:#edf1e8!important}
.metrics article p{color:#9eaca2!important}

/* Warm paper sections — muted, not white */
body[data-page="home"] .products-section,
.catalog-section,
.clients-section,
.values,
.contacts-section{
  background:linear-gradient(180deg,#ded9cd,#cec9bd)!important;
  color:var(--v22-ink)!important;
}
body[data-page="home"] .products-section .display,
.catalog-section .display,
.clients-section .display,
.values .display,
.contacts-section .display{color:var(--v22-ink)!important}
body[data-page="home"] .products-section .section-heading>p,
.catalog-section p,.clients-section p,.values p,.contacts-section p{color:#54665a!important}
.catalog-section{border-radius:38px 38px 0 0!important}
.catalog-toolbar{padding-top:4px!important}
.filter-row button{border-color:rgba(18,49,29,.18)!important;color:#183521!important;background:rgba(255,255,255,.14)!important}
.filter-row button.active,.filter-row button:hover{background:#10291a!important;color:#fff!important}
.catalog-search{border-color:rgba(18,49,29,.24)!important}
.catalog-search input{color:#183521!important}

/* Product cards */
.product-grid,.catalog-grid{gap:16px!important}
.product-card,.catalog-card,.related-card{
  border:1px solid rgba(18,49,29,.13)!important;
  border-radius:24px!important;
  background:linear-gradient(150deg,#ebe7dc,#d7d2c6)!important;
  color:var(--v22-ink)!important;
  box-shadow:0 18px 46px rgba(16,45,25,.11)!important;
}
.product-card:hover,.catalog-card:hover,.related-card:hover{box-shadow:0 28px 62px rgba(0,0,0,.30)!important}
.product-card figure,.catalog-card figure,.related-card figure,.main-photo{
  background:radial-gradient(circle at 50% 44%,rgba(128,164,93,.20),rgba(220,218,206,.30) 48%,rgba(190,195,178,.35) 100%)!important;
}
.premium-render{filter:drop-shadow(0 18px 20px rgba(29,54,34,.18))!important;transform:scale(.96)!important}
.product-card:hover .premium-render,.catalog-card:hover .premium-render,.related-card:hover .premium-render{transform:scale(1.025) rotate(-.5deg)!important;filter:drop-shadow(0 24px 26px rgba(29,54,34,.24))!important}
.product-card h3,.catalog-card h2,.catalog-card h3,.related-card h3{color:#173521!important}
.product-card p,.catalog-card p,.related-card p{color:#5c695f!important}
.product-card small,.catalog-card small,.related-card small,.product-card-top,.catalog-card-top{color:#6b7e6e!important}
.card-actions a,.catalog-actions a,.related-card span{color:#315f39!important}
.quick-view{border-color:rgba(18,49,29,.16)!important;color:#284e30!important;background:rgba(255,255,255,.16)!important}

/* Remaining home sections */
body[data-page="home"] .process{background:#07180f!important}
body[data-page="home"] .trust{background:#0c2116!important;color:#f0f1e9!important}
body[data-page="home"] .trust .display{color:#f0f1e9!important}
body[data-page="home"] .trust p{color:#9eaca2!important}
.logo-item{border-color:rgba(216,236,167,.10)!important;background:rgba(255,255,255,.025)!important}
body[data-page="home"] .cta-band{background:linear-gradient(135deg,#aabc79,#8fa65f)!important;color:#10291a!important}
body[data-page="home"] .cta-band .display,body[data-page="home"] .cta-band .display em{color:#10291a!important}

/* Company */
body[data-page="company"] .story,body[data-page="company"] .geography{background:#07180f!important;color:#f0f1e9!important}
body[data-page="company"] .story-content p,body[data-page="company"] .geography p{color:#a4b2a8!important}
body[data-page="company"] .story-content .lead{color:#e1e8e2!important}
body[data-page="company"] .story-number{color:rgba(216,236,167,.065)!important}
.value-grid article{border-color:rgba(18,49,29,.16)!important;background:rgba(255,255,255,.13)!important}
.value-grid h3{color:#173521!important}.value-grid p{color:#5a695f!important}
.geo-map{background:radial-gradient(circle at 50%,rgba(127,164,93,.16),transparent 58%),#0b2015!important}

/* Clients and contacts */
.client-card,.contact-card,.work-shot,.value-card{
  border-color:rgba(18,49,29,.13)!important;
  background:rgba(247,244,236,.33)!important;
  box-shadow:0 16px 42px rgba(16,45,25,.10)!important;
}
.contact-card h2,.contact-card h3,.client-card h3{color:#173521!important}
.contact-card a,.contact-card p,.client-card p{color:#58675d!important}
.map-card{background:#0b2015!important;border-color:rgba(216,236,167,.12)!important}

/* Product detail pages */
.product-hero{min-height:78vh!important}
.product-summary h1{color:#f1f1e9!important;-webkit-text-fill-color:#f1f1e9!important}
.product-tags span{border-color:rgba(216,236,167,.15)!important;background:rgba(255,255,255,.035)!important;color:#b9c7bc!important}
.product-actions .pill.glass{color:#edf1e8!important;border-color:rgba(216,236,167,.18)!important;background:rgba(255,255,255,.025)!important}
.main-photo{border-color:rgba(216,236,167,.12)!important;background:radial-gradient(circle at 50%,rgba(127,164,93,.17),rgba(7,20,13,.42) 64%),#0b2015!important}
.photo-badge{background:rgba(5,17,10,.78)!important;color:#cbd7ce!important;border-color:rgba(216,236,167,.18)!important}
.product-info{background:#07180f!important;color:#eef1e9!important}
.rich-text p,.rich-text li{color:#aebbb2!important}.rich-text h2,.rich-text h3,.rich-text strong{color:#eef1e9!important}
.v21-product-note{border-color:rgba(216,236,167,.14)!important;background:rgba(216,236,167,.045)!important;color:#cfdbd1!important}
.spec-band{background:linear-gradient(135deg,#bacd83,#9fb66a)!important;color:#10291a!important}
.spec-band span{color:#435b48!important}.spec-band b{color:#10291a!important}
.related-section{background:linear-gradient(180deg,#ded9cd,#cec9bd)!important;color:var(--v22-ink)!important}
.related-section .display{color:var(--v22-ink)!important}

/* Privacy */
body[data-page="privacy"] .full-policy{background:#07180f!important;color:#eef1e9!important}
body[data-page="privacy"] .privacy-summary{background:linear-gradient(145deg,#10291b,#0b2015)!important;border-color:rgba(216,236,167,.12)!important}
body[data-page="privacy"] .privacy-summary h2,body[data-page="privacy"] .privacy-summary h3{color:#eef1e9!important}
body[data-page="privacy"] .privacy-summary p{color:#aab7ad!important}
body[data-page="privacy"] .legal-toc{background:rgba(11,32,21,.88)!important;border-color:rgba(216,236,167,.12)!important}
body[data-page="privacy"] .legal-document,body[data-page="privacy"] .policy-section{color:#eef1e9!important}
body[data-page="privacy"] .policy-section p,body[data-page="privacy"] .policy-section li,body[data-page="privacy"] .legal-document>p{color:#aebbb2!important}
body[data-page="privacy"] .policy-section h2,body[data-page="privacy"] .policy-section strong{color:#eef1e9!important}

/* Footer and forms */
.footer{background:#04100a!important;color:#edf1e8!important}
.footer .brand b{color:#f0f2e8!important}.footer .brand small{color:#819087!important}
.footer-top>p,.footer-grid p{color:#9eaaa1!important}
.form-dialog,.search-dialog{background:#0a1c12!important;border-color:rgba(216,236,167,.14)!important}
.form-dialog input,.form-dialog textarea,.search-dialog input{color:#eef2eb!important}
.callback-fab{background:rgba(7,22,13,.92)!important;border-color:rgba(216,236,167,.24)!important}

/* Remove accidental light wash and oversized empty hero gaps */
body[data-page="catalog"] .catalog-section{margin-top:0!important}
.no-results{color:#314f38!important}

@media(max-width:1100px){.site-header{grid-template-columns:1fr auto!important}.nav-links{display:none!important}.header-phone{display:none!important}}
@media(max-width:760px){
  .site-header{left:10px!important;right:10px!important;top:9px!important;height:68px!important;padding:0 12px!important;border-radius:18px!important}
  .brand b{font-size:14px!important}.brand small{font-size:6px!important}.header-actions .pill{display:none!important}.menu-toggle{display:block!important}
  .inner-hero{min-height:auto!important;padding:118px 15px 62px!important}
  .inner-hero .split-title{font-size:43px!important;line-height:1.02!important}
  body[data-page="home"] .hero{padding:112px 15px 58px!important}
  body[data-page="home"] .hero-grid{grid-template-columns:1fr!important}
  body[data-page="home"] .split-title{font-size:44px!important}
  body[data-page="home"] .hero-stage{min-height:390px!important;height:430px!important;margin-top:14px!important}
  body[data-page="home"] .hero-facts{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:8px!important}
  body[data-page="home"] .hero-facts div{display:block!important}
  body[data-page="home"] .hero-facts b{display:block!important;font-size:23px!important}
  .catalog-section{border-radius:25px 25px 0 0!important}
  .catalog-grid{grid-template-columns:1fr!important}
  .catalog-card{grid-template-columns:1fr!important}
  .catalog-card figure{min-height:240px!important}
  .metrics{grid-template-columns:1fr!important}
}
@media(prefers-reduced-motion:reduce){.v21-hero-art img{animation:none!important}}


/* ================================================================
   COMPANY RENA V24 — BALANCED DARK COMMERCIAL THEME
   Tilt cards and rotating hero package are intentionally preserved.
   ================================================================ */

:root {
  --v24-bg: #06110c;
  --v24-bg-soft: #091a12;
  --v24-panel: #0e2619;
  --v24-panel-2: #143321;
  --v24-card: #102b1c;
  --v24-card-2: #0b2015;
  --v24-text: #f0f2e9;
  --v24-muted: #9caaa0;
  --v24-line: rgba(216, 236, 167, .13);
  --v24-lime: #d8eca7;
  --v24-paper: #ddd9ce;
  --v24-paper-2: #cfcbbf;
}

/* Remove only unnecessary controls and standalone 360 interfaces. */
.motion-toggle,
.stage-controls,
.drag-hint,
.stage-chip,
.v21-hero-art,
.quick-view,
.quick-modal-card,
.showroom,
.showroom-controls,
.showroom-hint {
  display: none !important;
}

/* Keep the original interactive rotation area fully active. */
body[data-page="home"] .hero-stage {
  cursor: grab !important;
  touch-action: none;
}

body[data-page="home"] .hero-stage.is-dragging {
  cursor: grabbing !important;
}

body[data-page="home"] .pack-box,
body[data-page="home"] .box-float,
body[data-page="home"] .orbit,
body[data-page="home"] .stage-shadow,
body[data-page="home"] .stage-halo {
  display: block !important;
}

/* Header and global spacing. */
.site-header {
  max-width: 1700px;
  margin-inline: auto;
}

main > .section {
  position: relative;
}

.inner-hero {
  min-height: 62vh !important;
  padding-bottom: 76px !important;
}

.inner-hero .split-title {
  max-width: 1250px;
  font-size: clamp(52px, 6vw, 88px) !important;
  line-height: 1.01 !important;
}

.inner-hero > p {
  max-width: 760px !important;
}

/* Home: properly aligned headline, facts and rotating package. */
body[data-page="home"] .hero {
  min-height: 930px !important;
  padding: 138px max(5vw, 54px) 72px !important;
}

body[data-page="home"] .hero-grid {
  width: min(1640px, 100%);
  margin-inline: auto;
  grid-template-columns: minmax(0, 1.05fr) minmax(470px, .95fr) !important;
  gap: clamp(42px, 5vw, 82px) !important;
}

body[data-page="home"] .hero-copy {
  min-width: 0;
  max-width: 870px;
}

body[data-page="home"] .hero .split-title {
  max-width: 860px;
  margin: 28px 0 24px;
  font-size: clamp(58px, 5.4vw, 92px) !important;
  line-height: .99 !important;
  letter-spacing: -.057em !important;
  text-wrap: balance;
}

body[data-page="home"] .hero-lead {
  font-size: clamp(17px, 1.28vw, 21px) !important;
  line-height: 1.66 !important;
}

body[data-page="home"] .hero-facts {
  display: grid !important;
  grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
  gap: 22px !important;
  margin-top: 42px !important;
}

body[data-page="home"] .hero-facts > div {
  display: grid !important;
  grid-template-columns: auto minmax(0, 1fr) !important;
  gap: 10px !important;
  align-items: end !important;
  min-width: 0;
}

body[data-page="home"] .hero-facts b {
  min-width: max-content;
  font-size: clamp(28px, 2.15vw, 38px) !important;
}

body[data-page="home"] .hero-facts span {
  max-width: 150px !important;
  font-size: 10px !important;
  line-height: 1.35 !important;
}

body[data-page="home"] .hero-stage {
  min-height: 600px !important;
  height: min(70vh, 680px) !important;
  border-color: rgba(216, 236, 167, .15) !important;
  background:
    radial-gradient(circle at 50% 43%, rgba(154, 190, 101, .14), transparent 35%),
    linear-gradient(145deg, rgba(20, 53, 34, .82), rgba(6, 19, 12, .88)) !important;
}

body[data-page="home"] .front {
  background:
    linear-gradient(145deg, rgba(255,255,255,.13), transparent 42%),
    linear-gradient(160deg, #9caf68, #4c6536 78%) !important;
}

/* No large gray or white page bands. */
body[data-page="home"] .products-section,
body[data-page="home"] .process,
body[data-page="home"] .trust,
body[data-page="company"] .values,
body[data-page="clients"] .clients-section,
body[data-page="catalog"] .catalog-section,
body[data-page="contacts"] .contact-layout,
body[data-page="contacts"] .contact-form-section,
.related-section,
.related {
  background:
    radial-gradient(circle at 82% 20%, rgba(127, 164, 93, .07), transparent 27%),
    linear-gradient(180deg, #081a11, #06140d) !important;
  color: var(--v24-text) !important;
}

body[data-page="catalog"] .catalog-section {
  border-radius: 34px 34px 0 0 !important;
  border-top: 1px solid var(--v24-line);
}

body[data-page="home"] .products-section .display,
body[data-page="home"] .process .display,
body[data-page="home"] .trust .display,
body[data-page="company"] .values .display,
body[data-page="clients"] .clients-section .display,
body[data-page="catalog"] .catalog-section .display,
body[data-page="contacts"] .contact-form-section .display,
.related .display,
.related-section .display {
  color: var(--v24-text) !important;
}

body[data-page="home"] .products-section p,
body[data-page="home"] .process p,
body[data-page="home"] .trust p,
body[data-page="company"] .values p,
body[data-page="clients"] .clients-section p,
body[data-page="catalog"] .catalog-section p,
body[data-page="contacts"] .contact-form-section p,
.related p,
.related-section p {
  color: var(--v24-muted) !important;
}

/* Filters and search in dark catalog. */
.filter-row button {
  border-color: rgba(216, 236, 167, .15) !important;
  color: #c7d1c9 !important;
  background: rgba(255,255,255,.025) !important;
}

.filter-row button.active,
.filter-row button:hover {
  background: var(--v24-lime) !important;
  color: #102116 !important;
}

.catalog-search {
  border-color: rgba(216, 236, 167, .16) !important;
}

.catalog-search input {
  color: #edf2ea !important;
}

.catalog-search input::placeholder {
  color: #7f8d83 !important;
}

/* Dark cards with a restrained light illustration field. */
.product-card,
.catalog-card,
.related-card,
.value-grid article,
.value-card,
.client-card,
.contact-card,
.work-shot,
.metrics article {
  border: 1px solid rgba(216, 236, 167, .11) !important;
  background:
    linear-gradient(145deg, var(--v24-card), var(--v24-card-2)) !important;
  color: var(--v24-text) !important;
  box-shadow: 0 20px 55px rgba(0, 0, 0, .24) !important;
}

.product-card figure,
.catalog-card figure,
.related-card figure {
  background:
    radial-gradient(circle at 48% 42%, rgba(185, 206, 139, .20), transparent 35%),
    linear-gradient(145deg, var(--v24-paper), var(--v24-paper-2)) !important;
}

.product-card h3,
.catalog-card h2,
.catalog-card h3,
.related-card h3,
.value-grid h3,
.client-card h3,
.contact-card h2,
.contact-card h3 {
  color: #edf2e9 !important;
}

.product-card p,
.catalog-card p,
.related-card p,
.value-grid p,
.client-card p,
.contact-card p,
.contact-card small {
  color: #9eaca2 !important;
}

.product-card small,
.catalog-card small,
.related-card small,
.contact-card > span,
.client-card span {
  color: #aebcaf !important;
}

.card-actions a,
.catalog-actions a,
.related-card span,
.contact-card a {
  color: #d8eca7 !important;
}

/* Do not override the inline card tilt transform. */
.tilt {
  transform-style: preserve-3d;
  will-change: transform;
}

.tilt:hover {
  box-shadow: 0 28px 70px rgba(0, 0, 0, .34) !important;
}

/* Company page. */
body[data-page="company"] .value-grid {
  gap: 16px !important;
}

body[data-page="company"] .value-grid article {
  border-radius: 22px !important;
  padding: 26px !important;
}

/* Clients. */
body[data-page="clients"] .client-grid {
  gap: 14px !important;
}

body[data-page="clients"] .client-card {
  min-height: 180px !important;
}

body[data-page="clients"] .client-card img {
  filter: grayscale(.25) brightness(1.05) !important;
}

/* Contacts: remove the gray lower block and align everything. */
body[data-page="contacts"] .contact-layout {
  grid-template-columns: minmax(320px, .86fr) minmax(500px, 1.14fr) !important;
  gap: clamp(34px, 5vw, 80px) !important;
  align-items: start;
  border-top: 1px solid var(--v24-line);
}

body[data-page="contacts"] .contact-list {
  display: grid !important;
  gap: 12px !important;
}

body[data-page="contacts"] .contact-card {
  padding: 24px !important;
  border-radius: 20px !important;
  border-top: 1px solid rgba(216, 236, 167, .11) !important;
}

body[data-page="contacts"] .contact-card h2 {
  margin: 10px 0 12px !important;
}

body[data-page="contacts"] .contact-card a {
  font-size: 16px !important;
  margin: 7px 0 !important;
}

body[data-page="contacts"] .socials a {
  color: #d8eca7 !important;
  border-color: rgba(216, 236, 167, .16) !important;
}

body[data-page="contacts"] .contact-visual {
  display: grid;
  gap: 14px;
}

body[data-page="contacts"] .contact-visual figure {
  height: 430px !important;
  border: 1px solid rgba(216, 236, 167, .11);
  box-shadow: 0 24px 65px rgba(0,0,0,.28);
}

body[data-page="contacts"] .map-card {
  height: 290px !important;
  margin-top: 0 !important;
  border-radius: 24px;
  box-shadow: 0 20px 55px rgba(0,0,0,.23);
}

body[data-page="contacts"] .contact-form-section {
  grid-template-columns: minmax(280px, .75fr) minmax(520px, 1.25fr) !important;
  gap: clamp(36px, 6vw, 90px) !important;
  align-items: start;
  border-top: 1px solid var(--v24-line);
}

body[data-page="contacts"] .contact-form-section .section-label {
  color: #9bab9f !important;
}

body[data-page="contacts"] .premium-form {
  border-color: rgba(216, 236, 167, .13) !important;
  background: linear-gradient(145deg, #10291b, #0a1e14) !important;
  box-shadow: 0 24px 65px rgba(0,0,0,.25);
}

body[data-page="contacts"] .premium-form label > span {
  color: #aab7ad !important;
}

body[data-page="contacts"] .premium-form input,
body[data-page="contacts"] .premium-form textarea {
  color: #eef2eb !important;
  border-color: rgba(216, 236, 167, .13) !important;
  background: rgba(255,255,255,.035) !important;
}

body[data-page="contacts"] .premium-form input:focus,
body[data-page="contacts"] .premium-form textarea:focus {
  border-color: rgba(216, 236, 167, .48) !important;
  box-shadow: 0 0 0 3px rgba(216, 236, 167, .05);
}

body[data-page="contacts"] .premium-form .agree span,
body[data-page="contacts"] .premium-form .agree a {
  color: #9eaca2 !important;
}

/* Product pages. */
.related,
.related-section {
  border-top: 1px solid var(--v24-line);
}

.product-actions {
  gap: 10px !important;
}

.product-actions .pill {
  white-space: nowrap;
}

/* AI: coherent dark workspace, no decorative orb or garland. */
body[data-page="ai"] .ai-orb-v22,
body[data-page="ai"] .ai-garland-v22 {
  display: none !important;
}

body[data-page="ai"] .ai-intro-v22 {
  grid-template-columns: 1fr !important;
  max-width: 1250px;
  margin-bottom: 28px !important;
}

body[data-page="ai"] .ai-intro-v22 h1 {
  max-width: 900px;
  font-size: clamp(44px, 5vw, 72px) !important;
  line-height: 1.01 !important;
}

body[data-page="ai"] .ai-workspace-v22 {
  grid-template-columns: 300px minmax(0, 1fr) !important;
  gap: 18px !important;
}

body[data-page="ai"] .ai-sidebar-v22,
body[data-page="ai"] .ai-chat-v22 {
  border-radius: 22px !important;
  border-color: rgba(216, 236, 167, .11) !important;
}

/* Footer and floating callback. */
.footer {
  border-top: 1px solid rgba(216, 236, 167, .08);
}

.callback-fab {
  bottom: 22px !important;
}

/* Responsive alignment. */
@media (max-width: 1120px) {
  body[data-page="home"] .hero {
    min-height: auto !important;
  }

  body[data-page="home"] .hero-grid {
    grid-template-columns: 1fr !important;
  }

  body[data-page="home"] .hero-copy {
    max-width: 920px;
  }

  body[data-page="home"] .hero-stage {
    width: min(760px, 100%);
    margin-inline: auto;
  }

  body[data-page="contacts"] .contact-layout,
  body[data-page="contacts"] .contact-form-section,
  body[data-page="ai"] .ai-workspace-v22 {
    grid-template-columns: 1fr !important;
  }
}

@media (max-width: 760px) {
  .inner-hero {
    min-height: auto !important;
  }

  .inner-hero .split-title {
    font-size: clamp(40px, 12vw, 54px) !important;
  }

  body[data-page="home"] .hero {
    padding: 108px 15px 54px !important;
  }

  body[data-page="home"] .hero .split-title {
    font-size: clamp(43px, 12vw, 57px) !important;
  }

  body[data-page="home"] .hero-facts {
    grid-template-columns: 1fr !important;
    gap: 12px !important;
  }

  body[data-page="home"] .hero-facts > div {
    grid-template-columns: 95px minmax(0, 1fr) !important;
    align-items: center !important;
  }

  body[data-page="home"] .hero-facts span {
    max-width: none !important;
    font-size: 11px !important;
  }

  body[data-page="home"] .hero-stage {
    min-height: 440px !important;
    height: 480px !important;
  }

  body[data-page="home"] .pack-box {
    transform-origin: center;
  }

  body[data-page="contacts"] .contact-card {
    padding: 20px !important;
  }

  body[data-page="contacts"] .contact-visual figure {
    height: 300px !important;
  }

  body[data-page="contacts"] .map-card {
    height: 235px !important;
  }

  body[data-page="contacts"] .premium-form {
    padding: 20px !important;
  }

  body[data-page="ai"] .ai-intro-v22 h1 {
    font-size: 42px !important;
  }
}


/* ================================================================
   COMPANY RENA V25 — COMPLETE VISUAL AND PERFORMANCE FIX
   ================================================================ */

/* Global layout stability */
html,
body {
  background: #06110c;
}

body.v25-complete {
  overflow-x: clip;
}

body.v25-complete main {
  isolation: isolate;
}

body.v25-complete .section {
  overflow: clip;
}

body.v25-complete .display,
body.v25-complete .split-title {
  text-wrap: balance;
}

/* ---------------------------------------------------------------
   Endless full-width ticker
   --------------------------------------------------------------- */
body[data-page="home"] .ticker {
  width: 100%;
  overflow: hidden !important;
  transform: none !important;
  background: #d6e6a3 !important;
  color: #14281a !important;
  border-top: 1px solid rgba(20, 40, 26, .13) !important;
  border-bottom: 1px solid rgba(20, 40, 26, .13) !important;
}

body[data-page="home"] .ticker-track-v25 {
  width: max-content;
  display: flex;
  align-items: center;
  animation: renaTickerV25 34s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform;
}

body[data-page="home"] .ticker-group-v25 {
  flex: 0 0 auto;
  display: flex;
  align-items: center;
  gap: 28px;
  padding: 17px 28px 17px 0;
}

body[data-page="home"] .ticker-group-v25 span {
  flex: 0 0 auto;
  white-space: nowrap;
  color: #14281a !important;
  font-size: 11px !important;
  font-weight: 850;
  letter-spacing: .09em;
}

body[data-page="home"] .ticker-group-v25 i {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  background: #668244 !important;
  transform: rotate(45deg);
}

@keyframes renaTickerV25 {
  from {
    transform: translate3d(0, 0, 0);
  }

  to {
    transform: translate3d(-50%, 0, 0);
  }
}

/* ---------------------------------------------------------------
   Rotating package: useful labels restored, no control clutter
   --------------------------------------------------------------- */
body[data-page="home"] .hero-stage {
  overflow: hidden !important;
}

.stage-label-v25 {
  position: absolute;
  z-index: 8;
  display: inline-flex;
  align-items: center;
  min-height: 32px;
  padding: 0 12px 0 27px;
  border: 1px solid rgba(216, 236, 167, .18);
  border-radius: 999px;
  background: rgba(6, 21, 13, .78);
  color: #dce8dc;
  font-size: 8px;
  font-weight: 850;
  letter-spacing: .12em;
  white-space: nowrap;
  box-shadow: 0 12px 28px rgba(0, 0, 0, .22);
  backdrop-filter: blur(10px);
  pointer-events: none;
}

.stage-label-v25::before {
  content: "";
  position: absolute;
  left: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8eca7;
  box-shadow:
    0 0 0 5px rgba(216, 236, 167, .06),
    0 0 16px rgba(216, 236, 167, .48);
}

.stage-label-v25.label-a {
  left: 7%;
  top: 28%;
}

.stage-label-v25.label-b {
  right: 6%;
  top: 51%;
}

.stage-label-v25.label-c {
  left: 12%;
  bottom: 17%;
}

/* ---------------------------------------------------------------
   Business text blocks
   --------------------------------------------------------------- */
body[data-page="home"] .about-layout {
  align-items: start !important;
}

body[data-page="home"] .about .display {
  max-width: 850px;
  font-size: clamp(45px, 5.2vw, 78px) !important;
  line-height: 1.01 !important;
}

body[data-page="home"] .about-copy .lead {
  font-size: clamp(19px, 1.75vw, 27px) !important;
}

body[data-page="home"] .process-grid h3 {
  max-width: 280px;
  line-height: 1.2;
}

body[data-page="home"] .cta-band .display {
  max-width: 1300px;
}

/* ---------------------------------------------------------------
   Catalog: clean cards without side stripes or black gaps
   --------------------------------------------------------------- */
body[data-page="catalog"] .catalog-hero::before,
body[data-page="catalog"] .catalog-hero::after,
body[data-page="catalog"] .catalog-section::before,
body[data-page="catalog"] .catalog-section::after {
  display: none !important;
}

body[data-page="catalog"] .catalog-hero {
  min-height: 62vh !important;
  background:
    radial-gradient(
      circle at 78% 30%,
      rgba(127, 164, 93, .10),
      transparent 34%
    ),
    linear-gradient(180deg, #07160f, #091b12) !important;
}

body[data-page="catalog"] .catalog-section {
  padding-top: 84px !important;
  border-radius: 30px 30px 0 0 !important;
  background: #081a11 !important;
}

body[data-page="catalog"] .catalog-grid {
  align-items: stretch;
}

body[data-page="catalog"] .catalog-card {
  min-height: 370px;
  overflow: hidden;
  border-radius: 22px !important;
  background: linear-gradient(
    145deg,
    #102b1c,
    #0b2015
  ) !important;
}

body[data-page="catalog"] .catalog-card::before,
body[data-page="catalog"] .catalog-card::after,
body[data-page="catalog"] .catalog-card figure::before,
body[data-page="catalog"] .catalog-card figure::after {
  display: none !important;
}

body[data-page="catalog"] .catalog-card figure {
  min-height: 100%;
  overflow: hidden;
  border-right: 1px solid rgba(16, 42, 27, .10);
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(154, 177, 103, .18),
      transparent 37%
    ),
    linear-gradient(145deg, #e2dfd4, #cbc7bb) !important;
}

body[data-page="catalog"] .catalog-card figure img {
  max-width: 84%;
  max-height: 270px;
}

body[data-page="catalog"] .catalog-card-content {
  padding: 28px !important;
}

body[data-page="catalog"] .catalog-card h2 {
  color: #eef2e9 !important;
}

body[data-page="catalog"] .catalog-card p {
  color: #9faca2 !important;
}

/* ---------------------------------------------------------------
   Product detail pages: neutral image card, no green side panels,
   no decorative lines and no broken black areas.
   --------------------------------------------------------------- */
body[class~="v25-complete"] .product-hero {
  min-height: auto !important;
  padding-top: 138px !important;
  padding-bottom: 86px !important;
  background:
    linear-gradient(180deg, #07160f, #091b12) !important;
}

body[class~="v25-complete"] .product-hero::before,
body[class~="v25-complete"] .product-hero::after,
body[class~="v25-complete"] .product-gallery::before,
body[class~="v25-complete"] .product-gallery::after,
body[class~="v25-complete"] .main-photo::before,
body[class~="v25-complete"] .main-photo::after,
body[class~="v25-complete"] .photo-glow {
  display: none !important;
}

body[class~="v25-complete"] .product-layout {
  width: min(1480px, 100%);
  margin-inline: auto;
  grid-template-columns: minmax(470px, .94fr) minmax(0, 1.06fr) !important;
  gap: clamp(48px, 6vw, 96px) !important;
  align-items: center !important;
}

body[class~="v25-complete"] .product-gallery {
  min-width: 0;
}

body[class~="v25-complete"] .main-photo {
  height: min(66vh, 620px) !important;
  min-height: 500px !important;
  border: 1px solid rgba(18, 49, 29, .12) !important;
  border-radius: 28px !important;
  background:
    radial-gradient(
      circle at 50% 45%,
      rgba(155, 183, 111, .15),
      transparent 36%
    ),
    linear-gradient(145deg, #e4e0d5, #cbc7bb) !important;
  box-shadow:
    0 34px 80px rgba(0, 0, 0, .27),
    inset 0 1px rgba(255, 255, 255, .45);
}

body[class~="v25-complete"] .main-photo img {
  max-width: 84% !important;
  max-height: 84% !important;
  transform: none !important;
  filter: drop-shadow(
    20px 28px 24px rgba(27, 52, 33, .22)
  ) !important;
}

body[class~="v25-complete"] .main-photo:hover img {
  transform: scale(1.018) rotate(-.35deg) !important;
}

body[class~="v25-complete"] .photo-badge {
  top: 17px !important;
  left: 17px !important;
  padding: 9px 11px;
  border: 1px solid rgba(19, 48, 29, .13) !important;
  border-radius: 999px;
  background: rgba(239, 236, 226, .84) !important;
  color: #36543c !important;
  backdrop-filter: blur(8px);
}

body[class~="v25-complete"] .product-summary {
  min-width: 0;
}

body[class~="v25-complete"] .product-summary .split-title {
  max-width: 720px;
  font-size: clamp(47px, 5vw, 76px) !important;
  line-height: 1.01 !important;
}

body[class~="v25-complete"] .product-lead {
  max-width: 720px;
  color: #acb9b0 !important;
}

body[class~="v25-complete"] .manager-card {
  grid-template-columns: minmax(0, 1fr) auto !important;
}

body[class~="v25-complete"] .product-info {
  background:
    linear-gradient(180deg, #0a1f15, #07170f) !important;
}

body[class~="v25-complete"] .content-index {
  border-color: rgba(216, 236, 167, .12) !important;
  color: #93a198 !important;
}

body[class~="v25-complete"] .spec-band {
  background:
    linear-gradient(135deg, #aabd76, #8ea45d) !important;
}

body[class~="v25-complete"] .related {
  background: #081a11 !important;
}

/* ---------------------------------------------------------------
   Client logos: gray by default, true color on hover.
   --------------------------------------------------------------- */
.logo-item {
  overflow: hidden;
  background:
    linear-gradient(
      145deg,
      rgba(255, 255, 255, .035),
      rgba(255, 255, 255, .015)
    ) !important;
}

.logo-item img {
  opacity: .64 !important;
  filter:
    grayscale(1)
    saturate(0)
    contrast(.92)
    brightness(1.10) !important;
  mix-blend-mode: normal !important;
  transition:
    filter .28s ease,
    opacity .28s ease,
    transform .28s ease !important;
}

.logo-item:hover img,
.logo-item:focus-within img {
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1.04);
}

.logo-item span {
  color: #8d9b91 !important;
}

/* ---------------------------------------------------------------
   Contacts and sections: remove stray gray bottoms.
   --------------------------------------------------------------- */
body[data-page="contacts"] main,
body[data-page="contacts"] .contact-layout,
body[data-page="contacts"] .contact-form-section {
  background: #07180f !important;
}

body[data-page="contacts"] .contact-layout::before,
body[data-page="contacts"] .contact-layout::after,
body[data-page="contacts"] .contact-form-section::before,
body[data-page="contacts"] .contact-form-section::after {
  display: none !important;
}

/* ---------------------------------------------------------------
   Automatic low-performance mode.
   Applied only on truly weak devices or reduced-motion preference.
   --------------------------------------------------------------- */
.performance-lite #ambientCanvas,
.performance-lite .cursor-aura,
.performance-lite .flight-layer,
.performance-lite .grain,
.performance-lite .page-transition {
  display: none !important;
}

.performance-lite .site-header,
.performance-lite .form-dialog,
.performance-lite .search-dialog,
.performance-lite .stage-label-v25,
.performance-lite .photo-badge {
  backdrop-filter: none !important;
}

.performance-lite .hero::before,
.performance-lite .hero::after,
.performance-lite .inner-hero::before,
.performance-lite .inner-hero::after,
.performance-lite .orbit,
.performance-lite .box-float,
.performance-lite .front::after,
.performance-lite .cta-orbit {
  animation: none !important;
}

.performance-lite .product-card,
.performance-lite .catalog-card,
.performance-lite .related-card,
.performance-lite .main-photo,
.performance-lite .site-header {
  box-shadow: none !important;
}

/* Ticker remains active even in lightweight mode. */
.performance-lite .ticker-track-v25 {
  animation: renaTickerV25 40s linear infinite !important;
}

/* ---------------------------------------------------------------
   Responsive corrections
   --------------------------------------------------------------- */
@media (max-width: 1120px) {
  body[class~="v25-complete"] .product-layout {
    grid-template-columns: 1fr !important;
  }

  body[class~="v25-complete"] .main-photo {
    width: min(760px, 100%);
    margin-inline: auto;
  }
}

@media (max-width: 760px) {
  body[data-page="home"] .ticker-group-v25 {
    gap: 18px;
    padding-top: 14px;
    padding-bottom: 14px;
  }

  body[data-page="home"] .ticker-group-v25 span {
    font-size: 9px !important;
  }

  .stage-label-v25 {
    min-height: 27px;
    padding-left: 23px;
    padding-right: 9px;
    font-size: 6.5px;
  }

  .stage-label-v25::before {
    left: 8px;
    width: 6px;
    height: 6px;
  }

  .stage-label-v25.label-a {
    left: 4%;
    top: 20%;
  }

  .stage-label-v25.label-b {
    right: 4%;
    top: 56%;
  }

  .stage-label-v25.label-c {
    left: 7%;
    bottom: 11%;
  }

  body[class~="v25-complete"] .product-hero {
    padding:
      112px
      15px
      58px !important;
  }

  body[class~="v25-complete"] .main-photo {
    height: 390px !important;
    min-height: 390px !important;
    border-radius: 22px !important;
  }

  body[class~="v25-complete"] .main-photo img {
    max-width: 90% !important;
    max-height: 86% !important;
  }

  body[class~="v25-complete"] .product-summary .split-title {
    font-size: 43px !important;
  }

  body[data-page="catalog"] .catalog-card {
    grid-template-columns: 1fr !important;
  }

  body[data-page="catalog"] .catalog-card figure {
    min-height: 245px;
    border-right: 0;
    border-bottom: 1px solid rgba(16, 42, 27, .10);
  }
}


/* Separate “Нам доверяют” page uses client-card instead of logo-item. */
body[data-page="clients"] .client-card img {
  opacity: .64 !important;
  filter:
    grayscale(1)
    saturate(0)
    contrast(.92)
    brightness(1.08) !important;
  mix-blend-mode: normal !important;
  transition:
    filter .28s ease,
    opacity .28s ease,
    transform .28s ease !important;
}

body[data-page="clients"] .client-card:hover img,
body[data-page="clients"] .client-card:focus-within img {
  opacity: 1 !important;
  filter: none !important;
  transform: scale(1.035);
}


/* ================================================================
   COMPANY RENA V28 — FULL MOTION RESTORATION + STABLE LAYOUT
   ================================================================ */

/* Animated content remains visible without JS, while normal JS gets the full entrance effect. */
html:not(.js) .reveal,
.reveal.visible {
  opacity: 1;
  visibility: visible;
  filter: none;
  transform: none;
}

html.js .reveal {
  transition:
    opacity .85s var(--ease),
    transform .85s var(--ease),
    filter .85s var(--ease);
}

.split-title.split-fallback,
.split-title.split-fallback .word,
.split-title.split-fallback .word i {
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  filter: none !important;
}

body[data-page="home"] .hero-title-v28 {
  max-width: 870px;
  font-size: clamp(58px,5.35vw,91px) !important;
  line-height: .99 !important;
  letter-spacing: -.057em !important;
  text-wrap: balance;
}

/* Page curtain works on clean URLs and also on lightweight devices. */
.page-transition {
  display: grid !important;
  pointer-events: none !important;
}

.page-transition b {
  color: #edf2e7;
  font-weight: 850;
  text-align: center;
}

.performance-lite .page-transition {
  display: grid !important;
}

/* Low-end mode only removes expensive ambient decoration, never business animations. */
.performance-lite .hero::before,
.performance-lite .inner-hero::before {
  animation: spin 38s linear infinite !important;
}
.performance-lite .hero::after,
.performance-lite .inner-hero::after {
  animation: spin 28s linear infinite reverse !important;
}
.performance-lite .orbit-one { animation: orbitV2 31s linear infinite !important; }
.performance-lite .orbit-two { animation: orbitV2 42s linear infinite reverse !important; }
.performance-lite .orbit-three { animation: orbitV2 24s linear infinite !important; }
.performance-lite .box-float { animation: boxFloatV2 6.8s ease-in-out infinite !important; }
.performance-lite .front::after { animation: frontShimmer 8s ease-in-out infinite !important; }
.performance-lite .cta-orbit { animation: spin 35s linear infinite !important; }

/* Draggable animated labels. Inline transforms from JS own their exact position. */
.stage-label-v28 {
  z-index: 12;
  display: inline-flex !important;
  align-items: center;
  min-height: 32px;
  padding: 0 12px 0 27px !important;
  border: 1px solid rgba(216,236,167,.22) !important;
  border-radius: 999px !important;
  background: rgba(6,21,13,.82) !important;
  color: #e1eadf !important;
  font-size: 8px !important;
  font-weight: 850;
  letter-spacing: .11em !important;
  white-space: nowrap;
  box-shadow: 0 12px 28px rgba(0,0,0,.22);
  backdrop-filter: blur(9px);
  cursor: grab !important;
  pointer-events: auto !important;
  will-change: transform;
}
.stage-label-v28.is-dragging { cursor: grabbing !important; }
.stage-label-v28::before {
  content: "";
  position: absolute;
  left: 10px;
  width: 7px;
  height: 7px;
  border-radius: 50%;
  background: #d8eca7;
  box-shadow: 0 0 0 5px rgba(216,236,167,.06),0 0 16px rgba(216,236,167,.48);
}
#heroStage:not(.stage-ready) .stage-label-v28.label-a { left: 7%; top: 28%; }
#heroStage:not(.stage-ready) .stage-label-v28.label-b { right: 6%; top: 50%; }
#heroStage:not(.stage-ready) .stage-label-v28.label-c { left: 12%; bottom: 17%; }
#heroStage.stage-ready .stage-label-v28 {
  left: 0 !important;
  top: 0 !important;
  right: auto !important;
  bottom: auto !important;
}

/* Three identical groups: one-group shift is exactly one third of the track. */
body[data-page="home"] .ticker {
  width: 100% !important;
  min-height: 50px;
  padding: 0 !important;
  overflow: hidden !important;
  transform: none !important;
  background: #d6e6a3 !important;
  color: #14281a !important;
}
body[data-page="home"] .ticker-track-v28 {
  display: flex !important;
  align-items: center;
  width: max-content !important;
  min-width: max-content !important;
  animation: renaTickerV28 48s linear infinite !important;
  animation-play-state: running !important;
  will-change: transform;
}
body[data-page="home"] .ticker-group-v28 {
  flex: 0 0 auto !important;
  display: flex !important;
  align-items: center;
  gap: 24px;
  width: max-content !important;
  min-width: max-content !important;
  padding: 16px 42px 16px 0;
}
body[data-page="home"] .ticker-group-v28 span {
  flex: 0 0 auto;
  color: #14281a !important;
  font-size: 10px !important;
  font-weight: 850;
  letter-spacing: .10em;
  white-space: nowrap;
}
body[data-page="home"] .ticker-group-v28 i {
  flex: 0 0 auto;
  width: 6px;
  height: 6px;
  background: #668244 !important;
  transform: rotate(45deg);
}
@keyframes renaTickerV28 {
  from { transform: translate3d(0,0,0); }
  to { transform: translate3d(-33.3333333333%,0,0); }
}
body[data-page="home"] .ticker > div:not(.ticker-track-v28),
body[data-page="home"] .ticker-track-v25,
body[data-page="home"] .ticker-track-v26,
body[data-page="home"] .ticker-track-v27 { display:none !important; }
.performance-lite .ticker-track-v28 { animation: renaTickerV28 56s linear infinite !important; }

/* Do not flatten card tilt or magnetic buttons. */
.tilt { transform-style: preserve-3d; will-change: transform; }
.product-card:hover,.catalog-card:hover,.related-card:hover { box-shadow:0 28px 70px rgba(0,0,0,.34) !important; }

@media (max-width:760px) {
  body[data-page="home"] .hero-title-v28 { font-size:clamp(43px,12vw,57px) !important; }
  body[data-page="home"] .ticker-group-v28 { gap:17px; padding-top:14px; padding-bottom:14px; }
  body[data-page="home"] .ticker-group-v28 span { font-size:8.5px !important; }
  .stage-label-v28 { min-height:27px; padding-left:23px !important; padding-right:9px !important; font-size:6.5px !important; }
  .stage-label-v28::before { left:8px; width:6px; height:6px; }
}


/* ================================================================
   COMPANY RENA V29 — PRODUCT CONTENT / SPECIFICATION REPAIR
   Final layer intentionally overrides legacy product-page styles.
   ================================================================ */

/* Product information is compact, readable and has no dead black voids. */
body.product-page-v29 .product-info {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: minmax(145px, .28fr) minmax(0, 1.72fr) !important;
  gap: clamp(36px, 6vw, 96px) !important;
  align-items: start !important;
  padding: 82px max(6vw, 64px) 88px !important;
  background:
    radial-gradient(circle at 88% 16%, rgba(150, 185, 102, .075), transparent 29%),
    linear-gradient(180deg, #0a2015, #081a11) !important;
  color: #edf2e9 !important;
  border-top: 1px solid rgba(216,236,167,.09) !important;
  border-bottom: 1px solid rgba(216,236,167,.08) !important;
}

body.product-page-v29 .product-info::before,
body.product-page-v29 .product-info::after {
  display: none !important;
}

body.product-page-v29 .content-index {
  display: flex !important;
  justify-content: space-between !important;
  gap: 14px !important;
  height: max-content !important;
  padding-top: 14px !important;
  border-top: 1px solid rgba(216,236,167,.20) !important;
  color: #b5c2b8 !important;
  font-size: 9px !important;
  font-weight: 750 !important;
  letter-spacing: .14em !important;
}

body.product-page-v29 .content-index span,
body.product-page-v29 .content-index b {
  color: #b5c2b8 !important;
}

body.product-page-v29 .rich-text {
  width: 100% !important;
  max-width: 940px !important;
  margin: 0 !important;
}

body.product-page-v29 .rich-text p,
body.product-page-v29 .rich-text li {
  color: #c1ccc3 !important;
  font-size: 15px !important;
  line-height: 1.82 !important;
}

body.product-page-v29 .rich-text li::marker {
  color: #d8eca7 !important;
}

body.product-page-v29 .rich-text strong,
body.product-page-v29 .rich-text h2,
body.product-page-v29 .rich-text h3 {
  color: #f0f3ed !important;
}

body.product-page-v29 .v21-product-note {
  margin-top: 26px !important;
  padding: 17px 20px !important;
  border: 1px solid rgba(216,236,167,.14) !important;
  border-radius: 14px !important;
  background: rgba(216,236,167,.055) !important;
  color: #d3ddd5 !important;
  box-shadow: none !important;
}

/* The old band exposed a lime parent background at the sides and used
   nearly-black articles with dark-green text. Rebuild it as four cards. */
body.product-page-v29 .spec-band {
  width: 100% !important;
  display: grid !important;
  grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
  gap: 14px !important;
  padding: 34px max(5vw, 48px) !important;
  background:
    radial-gradient(circle at 12% 45%, rgba(171,205,112,.06), transparent 23%),
    linear-gradient(180deg, #081a11, #091d13) !important;
  color: #edf3e9 !important;
  border: 0 !important;
  border-top: 1px solid rgba(216,236,167,.10) !important;
  border-bottom: 1px solid rgba(216,236,167,.10) !important;
  overflow: hidden !important;
}

body.product-page-v29 .spec-band::before,
body.product-page-v29 .spec-band::after {
  display: none !important;
}

body.product-page-v29 .spec-band article {
  position: relative !important;
  min-width: 0 !important;
  min-height: 138px !important;
  display: flex !important;
  flex-direction: column !important;
  justify-content: space-between !important;
  padding: 24px 24px 23px !important;
  border: 1px solid rgba(216,236,167,.13) !important;
  border-radius: 18px !important;
  background:
    linear-gradient(145deg, rgba(29,72,46,.96), rgba(15,47,30,.98)) !important;
  color: #edf3e9 !important;
  box-shadow: 0 16px 38px rgba(0,0,0,.20) !important;
  overflow: hidden !important;
}

body.product-page-v29 .spec-band article::before,
body.product-page-v29 .spec-band article::after {
  display: none !important;
}

body.product-page-v29 .spec-band article:hover {
  transform: translateY(-2px) !important;
  border-color: rgba(216,236,167,.27) !important;
  background:
    linear-gradient(145deg, rgba(34,82,52,.98), rgba(18,55,35,.98)) !important;
}

body.product-page-v29 .spec-band span {
  display: block !important;
  margin: 0 0 17px !important;
  color: #afc3b3 !important;
  font-size: 8px !important;
  font-weight: 800 !important;
  line-height: 1.2 !important;
  letter-spacing: .15em !important;
}

body.product-page-v29 .spec-band b {
  display: block !important;
  max-width: 100% !important;
  color: #f0f4ed !important;
  font-size: clamp(16px, 1.25vw, 20px) !important;
  line-height: 1.28 !important;
  letter-spacing: -.025em !important;
  overflow-wrap: anywhere !important;
}

/* Smooth transition into related products: no stray bright side panels. */
body.product-page-v29 .related {
  margin: 0 !important;
  padding-top: 92px !important;
  background:
    radial-gradient(circle at 84% 12%, rgba(145,179,96,.06), transparent 28%),
    linear-gradient(180deg, #081a11, #06150e) !important;
  border-top: 0 !important;
}

body.product-page-v29 .related::before,
body.product-page-v29 .related::after {
  display: none !important;
}

@media (max-width: 1050px) {
  body.product-page-v29 .product-info {
    grid-template-columns: 1fr !important;
    gap: 28px !important;
  }

  body.product-page-v29 .content-index {
    max-width: 230px !important;
  }

  body.product-page-v29 .spec-band {
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
  }
}

@media (max-width: 620px) {
  body.product-page-v29 .product-info {
    padding: 58px 15px 62px !important;
  }

  body.product-page-v29 .rich-text p,
  body.product-page-v29 .rich-text li {
    font-size: 14px !important;
  }

  body.product-page-v29 .spec-band {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 20px 15px !important;
  }

  body.product-page-v29 .spec-band article {
    min-height: 112px !important;
    padding: 20px !important;
  }

  body.product-page-v29 .related {
    padding-top: 66px !important;
  }
}


/* V30 brand/content refinements */
.brand b{letter-spacing:.015em}
.hero-facts>div:nth-child(3) b,.metrics article:nth-child(3)>b{white-space:nowrap}
.about .checks span{position:relative;padding-left:23px}
.about .checks span::before{content:"";position:absolute;left:0;top:.48em;width:10px;height:6px;border-left:2px solid #d8eca7;border-bottom:2px solid #d8eca7;transform:rotate(-45deg)}
.pill b,.pill i{font-style:normal}
.product-actions .pill,.cta-actions .pill,.hero-actions .pill{justify-content:center}
@media(max-width:760px){.brand b{font-size:13px}.brand small{font-size:6px}.hero-facts>div:nth-child(3) span{max-width:190px!important}}


/* ================================================================
   COMPANY RENA V33 — CONTINUOUS PREMIUM HEADINGS
   ================================================================ */

/*
 * Internal titles are rendered as one continuous text layer.
 * They do not depend on the JavaScript word splitter and therefore
 * remain visible even if scripts are delayed or blocked.
 */
.heading-shimmer-v33 {
  width: min(1120px, 100%) !important;
  max-width: 100% !important;
  margin-right: 0 !important;
  padding: 0 .10em .12em 0 !important;
  overflow: visible !important;
  overflow-wrap: normal !important;
  word-break: normal !important;
  hyphens: none !important;
  text-wrap: balance;
  opacity: 1 !important;
  visibility: visible !important;
  transform: none !important;
  color: #f5f6ee !important;
  -webkit-text-fill-color: currentColor !important;
  text-shadow: 0 12px 38px rgba(0, 0, 0, .16);
  animation: renaHeadingEnterV33 .72s cubic-bezier(.2,.75,.25,1) both;
}

.heading-shimmer-v33 em,
.heading-shimmer-v33 > span {
  color: inherit !important;
  -webkit-text-fill-color: inherit !important;
}

@supports ((-webkit-background-clip: text) or (background-clip: text)) {
  .heading-shimmer-v33 {
    background-image:
      linear-gradient(
        104deg,
        #f8f8f1 0%,
        #f8f8f1 20%,
        #e8f3ca 31%,
        #c9e58c 42%,
        #8fb65a 52%,
        #cde792 62%,
        #eef5da 72%,
        #f8f8f1 84%,
        #f8f8f1 100%
      ) !important;
    background-size: 245% 100% !important;
    background-position: 100% 50%;
    background-clip: text !important;
    -webkit-background-clip: text !important;
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    animation:
      renaHeadingEnterV33 .72s cubic-bezier(.2,.75,.25,1) both,
      renaHeadingFlowV33 6.8s .55s ease-in-out infinite alternate !important;
  }

  .heading-shimmer-v33 em,
  .heading-shimmer-v33 > span {
    color: transparent !important;
    -webkit-text-fill-color: transparent !important;
    background: none !important;
  }
}

@keyframes renaHeadingEnterV33 {
  from {
    opacity: .18;
    transform: translate3d(0, 18px, 0);
    filter: blur(5px);
  }
  to {
    opacity: 1;
    transform: translate3d(0, 0, 0);
    filter: blur(0);
  }
}

@keyframes renaHeadingFlowV33 {
  from { background-position: 100% 50%; }
  to { background-position: 0% 50%; }
}

.inner-hero .heading-shimmer-v33,
.catalog-hero .heading-shimmer-v33 {
  max-width: min(1080px, 100%) !important;
  font-size: clamp(48px, 5.15vw, 78px) !important;
  line-height: 1.015 !important;
  letter-spacing: -.052em !important;
}

.company-hero .heading-shimmer-v33 {
  max-width: min(1030px, 100%) !important;
  font-size: clamp(48px, 5.05vw, 76px) !important;
}

.product-summary .heading-shimmer-v33 {
  max-width: min(720px, 100%) !important;
  font-size: clamp(45px, 4.7vw, 72px) !important;
}

.ai-intro-v22 .heading-shimmer-v33 {
  max-width: min(900px, 100%) !important;
  font-size: clamp(43px, 4.8vw, 70px) !important;
}

.inner-hero,
.catalog-hero,
.product-hero {
  padding-left: max(5vw, 28px) !important;
  padding-right: max(5vw, 28px) !important;
}

@media (max-width: 1280px) {
  .inner-hero .heading-shimmer-v33,
  .catalog-hero .heading-shimmer-v33 {
    max-width: min(980px, 100%) !important;
    font-size: clamp(47px, 5.4vw, 69px) !important;
  }

  .company-hero .heading-shimmer-v33 {
    max-width: min(940px, 100%) !important;
    font-size: clamp(47px, 5.3vw, 67px) !important;
  }
}

@media (max-width: 760px) {
  .inner-hero,
  .catalog-hero,
  .product-hero {
    padding-left: 15px !important;
    padding-right: 15px !important;
  }

  .inner-hero .heading-shimmer-v33,
  .catalog-hero .heading-shimmer-v33,
  .company-hero .heading-shimmer-v33,
  .product-summary .heading-shimmer-v33,
  .ai-intro-v22 .heading-shimmer-v33 {
    max-width: 100% !important;
    font-size: clamp(38px, 11vw, 52px) !important;
    line-height: 1.025 !important;
    letter-spacing: -.045em !important;
  }
}

@media (prefers-reduced-motion: reduce) {
  .heading-shimmer-v33 {
    animation: none !important;
    opacity: 1 !important;
    transform: none !important;
    filter: none !important;
    background-position: 48% 50% !important;
  }
}


/* V36 CONTACTS VISUAL + PROMO POLISH */
body[data-page="contacts"] .contact-visual{gap:18px}
body[data-page="contacts"] .map-card.office-map-card{height:auto!important;min-height:0!important;display:grid;gap:18px;padding:18px;background:linear-gradient(145deg,rgba(14,35,23,.95),rgba(8,20,14,.98))!important;border:1px solid rgba(216,236,167,.12)!important;overflow:hidden}
body[data-page="contacts"] .map-card.office-map-card .map-grid,
body[data-page="contacts"] .map-card.office-map-card .map-route,
body[data-page="contacts"] .map-card.office-map-card .map-pin{display:none!important}
body[data-page="contacts"] .office-map-visual{border-radius:22px;overflow:hidden;border:1px solid rgba(216,236,167,.10);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 20px 46px rgba(0,0,0,.24)}
body[data-page="contacts"] .office-map-visual img{display:block;width:100%;height:auto;object-fit:cover;background:#0d2016}
body[data-page="contacts"] .office-map-copy{display:grid;gap:8px;padding:2px 4px 4px}
body[data-page="contacts"] .office-map-badge{display:inline-flex;width:max-content;padding:7px 12px;border-radius:999px;background:rgba(216,236,167,.10);border:1px solid rgba(216,236,167,.14);color:#d8eca7;font-size:10px;font-weight:800;letter-spacing:.14em}
body[data-page="contacts"] .office-map-copy h3{margin:0;font-size:clamp(24px,2.3vw,34px);line-height:1.05;letter-spacing:-.03em;color:#eef4e0}
body[data-page="contacts"] .office-map-copy p{margin:0;max-width:60ch;font-size:15px;line-height:1.6;color:#aeb8b0}
@media (max-width:760px){body[data-page="contacts"] .map-card.office-map-card{padding:14px;gap:14px}body[data-page="contacts"] .office-map-copy h3{font-size:24px}body[data-page="contacts"] .office-map-copy p{font-size:14px}}


/* ================================================================
   V37 — DARK CTA AND BALANCED WHITE/GREEN HEADINGS
   ================================================================ */
body[data-page="home"] .cta-band {
  position: relative;
  overflow: hidden;
  background:
    radial-gradient(circle at 82% 40%, rgba(181, 215, 119, .12), transparent 32%),
    radial-gradient(circle at 8% 90%, rgba(117, 151, 83, .08), transparent 30%),
    linear-gradient(135deg, #07170f 0%, #0c2417 48%, #081a11 100%) !important;
  color: #f4f6ef !important;
  border-top: 1px solid rgba(216,236,167,.10);
  border-bottom: 1px solid rgba(216,236,167,.08);
}
body[data-page="home"] .cta-band::before {
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(115deg, transparent 0 42%, rgba(255,255,255,.025) 52%, transparent 62%);
}
body[data-page="home"] .cta-band .section-label {
  color: #aebbb1 !important;
}
body[data-page="home"] .cta-band .display,
body[data-page="home"] .cta-band .display em {
  color: #f6f7f1 !important;
  -webkit-text-fill-color: transparent !important;
  text-shadow: 0 18px 48px rgba(0,0,0,.24);
}
body[data-page="home"] .cta-band .cta-orbit {
  border-color: rgba(216,236,167,.085) !important;
  opacity: .75;
}
body[data-page="home"] .cta-band .pill.dark {
  background: #d8eca7 !important;
  color: #0b1a11 !important;
  border-color: transparent !important;
  box-shadow: 0 14px 34px rgba(164,197,101,.16);
}
body[data-page="home"] .cta-band .pill.dark:hover {
  background: #efffc8 !important;
  box-shadow: 0 18px 42px rgba(164,197,101,.23);
}
body[data-page="home"] .cta-band .pill.outline-dark {
  color: #eef3ea !important;
  border-color: rgba(238,243,234,.25) !important;
  background: rgba(255,255,255,.025) !important;
}
body[data-page="home"] .cta-band .pill.outline-dark:hover {
  border-color: rgba(216,236,167,.48) !important;
  background: rgba(216,236,167,.065) !important;
}
@media (max-width:760px) {
  body[data-page="home"] .cta-band {
    padding-top: 76px !important;
    padding-bottom: 76px !important;
  }
}


/* ================================================================
   V38 — CLEAN OFFICE LOCATION CARD
   Text is HTML, not embedded into SVG, so it cannot shift or overlap.
   ================================================================ */
.office-map-card,
.geo-map {
  display: none !important;
}

.office-location-card-v38 {
  width: 100%;
  display: grid;
  grid-template-columns: minmax(0, 1.25fr) minmax(270px, .75fr);
  gap: 20px;
  padding: 18px;
  border: 1px solid rgba(216, 236, 167, .13);
  border-radius: 26px;
  background:
    radial-gradient(circle at 76% 16%, rgba(167, 203, 112, .08), transparent 34%),
    linear-gradient(145deg, rgba(14, 37, 24, .97), rgba(7, 20, 13, .99));
  box-shadow: 0 28px 72px rgba(0, 0, 0, .27);
  overflow: hidden;
}

.office-location-card-v38__visual {
  min-width: 0;
  overflow: hidden;
  border: 1px solid rgba(216, 236, 167, .10);
  border-radius: 20px;
  background: #0b2015;
}

.office-location-card-v38__visual img {
  width: 100%;
  height: 100%;
  min-height: 310px;
  display: block;
  object-fit: cover;
}

.office-location-card-v38__info {
  min-width: 0;
  display: flex;
  flex-direction: column;
  justify-content: center;
  align-items: flex-start;
  gap: 12px;
  padding: clamp(12px, 2vw, 26px);
}

.office-location-card-v38__badge {
  display: inline-flex;
  width: max-content;
  max-width: 100%;
  padding: 8px 12px;
  border: 1px solid rgba(216, 236, 167, .16);
  border-radius: 999px;
  background: rgba(216, 236, 167, .07);
  color: #d8eca7;
  font-size: 10px;
  font-weight: 850;
  letter-spacing: .13em;
}

.office-location-card-v38__info h3 {
  max-width: 19ch;
  margin: 0;
  color: #f1f4eb;
  font-size: clamp(27px, 2.55vw, 40px);
  line-height: 1.04;
  letter-spacing: -.04em;
  text-wrap: balance;
}

.office-location-card-v38__info p {
  max-width: 42ch;
  margin: 0;
  color: #aab7ad;
  font-size: 15px;
  line-height: 1.62;
}

.office-location-card-v38__details {
  display: grid;
  gap: 5px;
  margin-top: 4px;
}

.office-location-card-v38__details a {
  color: #d8eca7;
  font-size: 17px;
  font-weight: 800;
}

.office-location-card-v38__details span {
  color: #87978b;
  font-size: 12px;
}

body[data-page="contacts"] .office-location-card-v38 {
  margin-top: 0;
}

body[data-page="company"] .geography {
  grid-template-columns: minmax(300px, .72fr) minmax(560px, 1.28fr) !important;
  gap: clamp(36px, 5vw, 78px) !important;
  align-items: center !important;
}

body[data-page="company"] .office-location-card-v38--company {
  grid-template-columns: 1fr;
  gap: 0;
  padding: 14px;
}

body[data-page="company"] .office-location-card-v38--company .office-location-card-v38__visual img {
  min-height: 300px;
}

body[data-page="company"] .office-location-card-v38--company .office-location-card-v38__info {
  padding: 22px 12px 10px;
}

body[data-page="company"] .office-location-card-v38--company .office-location-card-v38__info h3 {
  max-width: none;
  font-size: clamp(24px, 2.2vw, 33px);
}

@media (max-width: 1100px) {
  .office-location-card-v38,
  body[data-page="company"] .geography {
    grid-template-columns: 1fr !important;
  }

  .office-location-card-v38__info h3 {
    max-width: 26ch;
  }
}

@media (max-width: 760px) {
  .office-location-card-v38 {
    gap: 0;
    padding: 12px;
    border-radius: 21px;
  }

  .office-location-card-v38__visual {
    border-radius: 16px;
  }

  .office-location-card-v38__visual img,
  body[data-page="company"] .office-location-card-v38--company .office-location-card-v38__visual img {
    min-height: 250px;
  }

  .office-location-card-v38__info {
    padding: 20px 6px 8px;
  }

  .office-location-card-v38__info h3 {
    max-width: none;
    font-size: 27px;
  }

  .office-location-card-v38__info p {
    font-size: 14px;
  }
}