@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&family=Manrope:wght@600;700;800&display=swap");

:root{
  --bg-primary:#f1f3f7;
  --bg-secondary:#ffffff;
  --accent-from:#b3873a;
  --accent-to:#6f4a1f;
  --card-bg:rgba(255,255,255,0.92);
  --border:rgba(15,23,42,0.08);
  --text-primary:#111216;
  --text-secondary:#3d4452;
  --text-muted:#5a6270;

  --shadow: 0 18px 55px rgba(15,23,42,0.16);
  --glow: 0 0 40px rgba(194,163,107,0.10);
  --radius-lg: 18px;
  --radius-md: 14px;
  --radius-sm: 12px;

  --container: 1160px;
  --gutter: 20px;

  --nav-h: 90px;
  --ease: cubic-bezier(.2,.8,.2,1);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family: "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(1100px 500px at 20% -10%, rgba(194,163,107,0.10), transparent 55%),
    radial-gradient(900px 520px at 95% 10%, rgba(143,107,61,0.08), transparent 55%),
    linear-gradient(180deg, var(--bg-primary), var(--bg-secondary));
  color:var(--text-primary);
  line-height:1.6;
  overflow-x:hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}

h1, h2, h3, .hero__title, .section__title, .cta__title, .panel-card__title{
  font-family: "Manrope", "Inter", ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
}

img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
p{margin:0 0 16px; line-height:1.7}
ul{margin:0;padding:0;list-style:none}
button, input{font:inherit}

.container{
  width:min(var(--container), calc(100% - (var(--gutter)*2)));
  margin:0 auto;
}

.skip-link{
  position:absolute;
  left:12px;
  top:-60px;
  padding:10px 12px;
  border-radius:10px;
  background:rgba(0,0,0,0.85);
  border:1px solid var(--border);
  color:var(--text-primary);
  z-index:9999;
  transition:top .2s var(--ease);
}
.skip-link:focus{top:12px; outline:2px solid rgba(194,163,107,0.5); outline-offset:2px}

.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  padding:0!important;
  margin:-1px!important;
  overflow:hidden!important;
  clip:rect(0,0,0,0)!important;
  white-space:nowrap!important;
  border:0!important;
}

.muted{color:var(--text-secondary)}
.link{
  display:inline-flex;
  gap:8px;
  align-items:center;
  color:var(--text-primary);
  border-bottom:1px solid rgba(194,163,107,0.55);
  padding-bottom:2px;
  transition:transform .2s var(--ease), border-color .2s var(--ease);
}
.link:hover{transform:translateX(2px); border-color:rgba(194,163,107,0.65)}

.btn{
  position:relative;
  overflow:hidden;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding:12px 18px;
  min-height:44px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.14);
  cursor:pointer;
  user-select:none;
  box-shadow: 0 8px 22px rgba(15,23,42,0.10), inset 0 1px 0 rgba(255,255,255,0.68);
  transition: transform .24s var(--ease), background .24s var(--ease), border-color .24s var(--ease), box-shadow .24s var(--ease);
  white-space:nowrap;
}
.btn::before{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(120deg, transparent 0%, rgba(255,255,255,0.34) 45%, transparent 100%);
  transform:translateX(-110%);
  transition:transform .46s var(--ease);
}
.btn:hover::before{transform:translateX(110%)}
.btn:focus-visible{outline:2px solid rgba(194,163,107,0.55); outline-offset:2px}
.btn--primary{
  border-color:rgba(194,163,107,0.52);
  background:linear-gradient(140deg, rgba(210,179,123,0.42), rgba(143,107,61,0.36));
  box-shadow: 0 10px 26px rgba(111,74,31,0.20), 0 0 32px rgba(194,163,107,0.15);
}
.btn--primary:hover{
  transform:translateY(-2px);
  border-color:rgba(194,163,107,0.7);
  box-shadow: 0 14px 32px rgba(111,74,31,0.24), 0 0 56px rgba(194,163,107,0.18);
}

/* Darker hero CTA (Request Catalog) */
.btn--hero-primary{
  border-color: rgba(143,107,61,0.42);
  background: #f4f1ea;
  color:#6f4a1f;
  box-shadow: 0 10px 24px rgba(111,74,31,0.12);
}
.btn--hero-primary:hover{
  border-color: rgba(143,107,61,0.58);
  background:#ece6da;
  color:#6f4a1f;
  box-shadow: 0 14px 30px rgba(111,74,31,0.14);
}

.hero__actions .btn--ghost:hover{
  background: #f4f1ea;
  border-color: rgba(143,107,61,0.5);
  color:#6f4a1f;
}
.btn--ghost{
  background:rgba(255,255,255,0.78);
  border-color:rgba(15,23,42,0.12);
}
.btn--ghost:hover{
  transform:translateY(-2px);
  border-color:rgba(194,163,107,0.35);
  box-shadow:0 12px 24px rgba(15,23,42,0.12);
}
.btn--block{width:100%}

.input{
  width:100%;
  min-height:44px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,0.12);
  background:rgba(255,255,255,0.9);
  color:var(--text-primary);
  padding:12px 14px;
  outline:none;
  transition:border-color .2s var(--ease), box-shadow .2s var(--ease), background .2s var(--ease);
}
.input::placeholder{color:rgba(61,68,82,0.78)}
.input:focus{
  border-color:rgba(194,163,107,0.55);
  box-shadow: 0 0 0 4px rgba(194,163,107,0.12);
  background:rgba(255,255,255,0.05);
}

/* NAVBAR */
.site-header{
  position:absolute;
  top:0;
  left:0;
  right:0;
  z-index:1200;
}
.navbar{
  height:var(--nav-h);
  display:flex;
  align-items:center;
  border-bottom:1px solid transparent;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition: background .36s cubic-bezier(.22,.61,.36,1), border-color .36s cubic-bezier(.22,.61,.36,1), box-shadow .36s cubic-bezier(.22,.61,.36,1);
}
.navbar.is-scrolled{
  background:transparent;
  border-bottom-color:transparent;
  box-shadow:none;
}
.navbar__inner{
  display:grid;
  grid-template-columns: 1fr auto 1fr;
  align-items:center;
  gap:16px;
}
.brand{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
}
.brand__logo{
  display:block;
  height:58px;
  width:auto;
  max-width:360px;
  object-fit:contain;
}
.brand__mark{
  width:12px;
  height:12px;
  border-radius:4px;
  background:linear-gradient(135deg, var(--accent-from), var(--accent-to));
  box-shadow: 0 0 22px rgba(194,163,107,0.22);
}
.brand__text{
  letter-spacing:0.18em;
  font-weight:700;
  font-size:14px;
}

.nav-links{
  justify-self:center;
  margin-left:20px;
}
.nav-list{display:flex; gap:12px; align-items:center}
.nav-link{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:8px 10px;
  font-size:14px;
  letter-spacing:0.01em;
  text-transform:uppercase;
  color:var(--text-primary);
  text-shadow:0 1px 10px rgba(255,255,255,0.70);
  border:1px solid transparent;
  border-radius:12px;
  background:transparent;
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
  transition: color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), box-shadow .2s var(--ease), transform .2s var(--ease);
}
.nav-link:hover{
  color:var(--text-primary);
  border-color:rgba(194,163,107,0.36);
  background:rgba(255,255,255,0.82);
  transform:translateY(-1px);
}
.nav-link.is-active{
  color:var(--text-primary);
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}
.nav-link.is-active:hover{
  border-color:rgba(194,163,107,0.36);
  background:rgba(255,255,255,0.82);
}

/* NAV DROPDOWN */
.nav-item--has-dropdown{
  position:relative;
}
.nav-item--has-dropdown .nav-dropdown{
  position:absolute;
  top:calc(100% - 2px);
  left:0;
  margin-top:0;
  min-width:220px;
  padding:8px;
  border-radius:14px;
  background:#ffffff;
  border:1px solid var(--border);
  box-shadow:0 18px 40px rgba(15,23,42,0.16);
  opacity:0;
  pointer-events:none;
  transform:translateY(4px);
  transition:opacity .18s var(--ease), transform .18s var(--ease);
  z-index:1200;
}
.nav-item--has-dropdown:hover .nav-dropdown,
.nav-item--has-dropdown:focus-within .nav-dropdown,
.nav-item--has-dropdown.is-open .nav-dropdown{
  opacity:1;
  pointer-events:auto;
  transform:translateY(0);
}
.nav-dropdown li{margin:0}
.nav-dropdown a{
  display:flex;
  align-items:center;
  padding:8px 10px;
  border-radius:10px;
  font-size:14px;
  color:var(--text-secondary);
  transition:background .18s var(--ease), color .18s var(--ease);
}
.nav-dropdown a:hover{
  background:rgba(194,163,107,0.08);
  color:var(--text-primary);
}

.nav-cta{justify-self:end; display:flex; align-items:center}
.nav-cta{
  display:flex;
  align-items:center;
  gap:10px;
}
.nav-cta .btn--primary{
  background:linear-gradient(135deg, var(--accent-from), var(--accent-to));
  color:#fff;
  border-color:rgba(111,74,31,0.38);
  box-shadow:0 10px 24px rgba(111,74,31,0.22), 0 0 22px rgba(179,135,58,0.18);
}
.nav-cta .btn--primary:hover{
  box-shadow:0 14px 30px rgba(111,74,31,0.26), 0 0 30px rgba(179,135,58,0.24);
}
.lang-switch{
  display:inline-flex;
  align-items:center;
  border:1px solid rgba(255,255,255,0.38);
  border-radius:999px;
  overflow:hidden;
  background:transparent;
}
.lang-switch__link{
  min-height:36px;
  min-width:38px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  font-size:12px;
  font-weight:700;
  letter-spacing:0.04em;
  color:var(--text-primary);
  text-shadow:0 1px 8px rgba(255,255,255,0.70);
  padding:0 10px;
  border-right:1px solid rgba(255,255,255,0.45);
}
.lang-switch__link:last-child{border-right:none}
.lang-switch__link.is-active{
  background:rgba(194,163,107,0.20);
  color:var(--text-primary);
}
.lang-switch__link:hover{
  background:rgba(194,163,107,0.14);
  color:var(--text-primary);
}
.nav-toggle{
  display:none;
  justify-self:end;
  width:44px;
  height:44px;
  border-radius:12px;
  border:1px solid rgba(255,255,255,0.50);
  background:rgba(255,255,255,0.42);
  cursor:pointer;
}
.nav-toggle__bar{
  display:block;
  width:18px;
  height:2px;
  margin:4px auto;
  background:rgba(15,23,42,0.82);
  border-radius:2px;
}

/* DRAWER */
.drawer{
  position:fixed;
  inset:0;
  pointer-events:none;
  opacity:0;
  transition:opacity .2s var(--ease);
  z-index:1100;
}
.drawer.is-open{
  pointer-events:auto;
  opacity:1;
}
.drawer__overlay{
  position:absolute;
  inset:0;
  background:rgba(0,0,0,0.55);
}
.drawer__panel{
  position:absolute;
  right:0;
  top:0;
  height:100%;
  width:min(92vw, 380px);
  background:#ffffff;
  border-left:1px solid rgba(15,23,42,0.12);
  transform:translateX(16px);
  opacity:0;
  transition:transform .25s var(--ease), opacity .25s var(--ease);
  box-shadow: var(--shadow);
  display:flex;
  flex-direction:column;
}
.drawer.is-open .drawer__panel{
  transform:translateX(0);
  opacity:1;
}
.drawer__header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  padding:16px 16px 12px;
  border-bottom:1px solid rgba(15,23,42,0.10);
}
.drawer__brand{
  letter-spacing:0.18em;
  font-weight:700;
  font-size:13px;
  color:var(--text-primary);
}
.drawer__close{
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,0.14);
  background:rgba(15,23,42,0.03);
  color:var(--text-primary);
  cursor:pointer;
}
.drawer__nav{padding:10px 10px 0}
.drawer__link{
  display:flex;
  align-items:center;
  min-height:44px;
  padding:10px 12px;
  border-radius:12px;
  color:var(--text-primary);
  border:1px solid transparent;
  transition: background .2s var(--ease), border-color .2s var(--ease), transform .2s var(--ease);
}
.drawer__link:hover{
  background:rgba(15,23,42,0.03);
  border-color:rgba(15,23,42,0.10);
  transform:translateX(2px);
}
.drawer__footer{
  margin-top:auto;
  padding:14px 16px 16px;
  border-top:1px solid rgba(15,23,42,0.10);
}
.drawer__meta{margin-top:12px; font-size:13px; color:var(--text-secondary)}
.drawer__meta-row{margin-top:6px}
.drawer__lang-switch{
  display:flex;
  justify-content:flex-start;
  margin-bottom:12px;
}
.drawer__lang-switch .lang-switch{
  border:1px solid rgba(15,23,42,0.14);
  background:rgba(15,23,42,0.03);
}
.drawer__lang-switch .lang-switch__link{
  color:var(--text-primary);
  text-shadow:none;
  border-right:1px solid rgba(15,23,42,0.14);
}

/* HERO */
.hero{
  position:relative;
  padding: calc(var(--nav-h) + 84px) 0 96px;
  overflow:hidden;
  isolation:isolate;
}
.hero::before{
  content:"";
  position:absolute;
  inset:0;
  background-image:url("hero-bg.webp");
  background-size:cover;
  background-position:center;
  filter:blur(2px);
  transform:scale(1.06);
  opacity:0.46;
  z-index:-2;
}
.product-page .hero::before{
  filter:none;
  transform:none;
}
.product-page .section__head{
  margin:0 auto 26px;
}
.product-page .section__title{
  margin:0;
  font-size:clamp(30px, 3.1vw, 38px);
}
.hero::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg, rgba(255,255,255,0.52) 0%, rgba(255,255,255,0.66) 100%);
  z-index:-1;
}
.hero__inner{
  display:grid;
  grid-template-columns: 1.15fr 0.85fr;
  gap:24px;
  align-items:stretch;
}
.hero__bg{position:absolute; inset:0; pointer-events:none}
.shape{
  position:absolute;
  border-radius:999px;
  filter: blur(8px);
  opacity:0.32;
  background: radial-gradient(circle at 30% 30%, rgba(194,163,107,0.42), rgba(143,107,61,0.06) 65%, transparent 70%);
  animation: floaty 18s var(--ease) infinite;
}
.shape--one{width:480px; height:480px; left:-160px; top:-140px; animation-duration:13s}
.shape--two{width:360px; height:360px; right:-120px; top:40px; animation-duration:11s; animation-delay:-2s}
.shape--three{width:420px; height:420px; left:30%; bottom:-200px; animation-duration:14s; animation-delay:-4s}

@keyframes floaty{
  0%{transform:translate3d(0,0,0) scale(1)}
  50%{transform:translate3d(18px,-22px,0) scale(1.03)}
  100%{transform:translate3d(0,0,0) scale(1)}
}

.kicker{
  display:inline-flex;
  padding:8px 12px;
  border:1px solid rgba(15,23,42,0.10);
  border-radius:999px;
  background:rgba(255,255,255,0.9);
  color:var(--text-secondary);
  font-size:13px;
  margin-bottom:14px;
}
.hero__title{
  margin:0 0 14px;
  font-size: clamp(34px, 3.6vw, 54px);
  line-height:1.04;
  letter-spacing:-0.02em;
  text-wrap:balance;
}
.hero__title-main{font-size:1.2em}
.hero__title-line{display:block; margin-top:8px; font-size:0.86em; line-height:1.12}
.gradient-text{
  display:inline-block;
  background: linear-gradient(90deg, var(--accent-from), #e4d1a6, var(--accent-to));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
  background-size:100% 100%;
  animation:none;
}
@keyframes shimmer{
  0%{background-position:0% 50%}
  50%{background-position:100% 50%}
  100%{background-position:0% 50%}
}
.hero__subtitle{
  color:var(--text-muted);
  max-width: 58ch;
  margin:0 0 18px;
  font-size:17px;
  line-height:1.72;
  text-wrap:pretty;
}
.hero__actions{display:flex; gap:12px; flex-wrap:wrap; margin-top:10px}
.hero__trust{display:flex; gap:10px; flex-wrap:wrap; margin-top:18px}
.trust-pill{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:8px 10px;
  border-radius:999px;
  border:1px solid rgba(15,23,42,0.08);
  background:rgba(255,255,255,0.9);
  color:var(--text-secondary);
  font-size:13px;
}
.trust-pill__dot{
  width:6px; height:6px; border-radius:50%;
  background:linear-gradient(135deg, var(--accent-from), var(--accent-to));
  box-shadow: 0 0 16px rgba(194,163,107,0.25);
}

.hero__panel{display:flex}
.panel-card{
  width:100%;
  border-radius:var(--radius-lg);
  border:1px solid rgba(15,23,42,0.08);
  background:linear-gradient(180deg, rgba(255,255,255,0.98), rgba(255,255,255,0.96));
  box-shadow: var(--shadow);
  position:relative;
  overflow:hidden;
}
.panel-card::before{
  content:"";
  position:absolute;
  inset:-120px -120px auto auto;
  width:260px;
  height:260px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(194,163,107,0.22), rgba(143,107,61,0.06) 55%, transparent 70%);
  filter:none;
  opacity:0.65;
}
.panel-card__top{position:relative; padding:18px 18px 12px}
.panel-card__badge{
  display:inline-flex;
  padding:6px 10px;
  border-radius:999px;
  background:rgba(194,163,107,0.10);
  border:1px solid rgba(194,163,107,0.30);
  color:var(--text-primary);
  font-size:12px;
  letter-spacing:0.08em;
  text-transform:uppercase;
}
.panel-card__title{margin:10px 0 6px; font-weight:700; font-size:18px}
.panel-card__desc{margin:0; color:var(--text-secondary)}
.panel-card__grid{
  position:relative;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:10px;
  padding:12px 18px 16px;
}
.mini-metric{
  border-radius:14px;
  border:1px solid rgba(255,255,255,0.10);
  background:rgba(255,255,255,0.02);
  padding:12px 12px;
}
.mini-metric__label{color:var(--text-secondary); font-size:12px}
.mini-metric__value{margin-top:4px; font-weight:700}
.panel-card__bottom{
  position:relative;
  padding: 0 18px 18px;
}

/* ENTER ANIMATION (Hero fadeInUp on load) */
.hero__enter{
  opacity:0;
  transform:translateY(14px);
  animation: fadeInUp .8s var(--ease) forwards;
}
.hero__panel.hero__enter{animation-delay:.08s}
@keyframes fadeInUp{
  to{opacity:1; transform:translateY(0)}
}

/* SECTIONS */
.section{padding:72px 0}
.section--alt{
  background:linear-gradient(180deg, rgba(255,255,255,0.86), rgba(255,255,255,0.94));
  border-top:1px solid rgba(15,23,42,0.06);
  border-bottom:1px solid rgba(15,23,42,0.06);
}
.section__head{max-width:860px; margin:0 auto 28px; text-align:center}
.section__title{
  margin:0 0 10px;
  font-size:28px;
  letter-spacing:-0.01em;
}
.section__title:not(.section__title--factory):not(.section__title--products){
  display:inline-block;
  position:relative;
  padding:0 6px 12px;
  background:linear-gradient(90deg, var(--accent-from), #d8bf8c, var(--accent-to));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.section__title:not(.section__title--factory):not(.section__title--products)::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:0;
  width:clamp(90px, 18vw, 170px);
  height:4px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(194,163,107,0.16), rgba(194,163,107,0.85), rgba(111,74,31,0.25));
  box-shadow:0 0 18px rgba(194,163,107,0.18);
}
.section__title--products{
  margin-bottom:12px;
  font-size:clamp(30px, 4.1vw, 48px);
  letter-spacing:-0.025em;
}
.section__subtitle{
  margin:0;
  color:var(--text-muted);
  max-width:66ch;
  font-size:17px;
  line-height:1.72;
  text-wrap:pretty;
  margin-left:auto;
  margin-right:auto;
}
.section__head{position:relative}
.section__head::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  top:-20px;
  width:88px;
  height:88px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(194,163,107,0.26), rgba(194,163,107,0.02) 70%);
  pointer-events:none;
}
.section__title--factory{
  font-size:clamp(32px, 4.2vw, 52px);
  line-height:1.05;
  letter-spacing:-0.03em;
  margin-bottom:14px;
  text-wrap:balance;
  text-align:center;
}
.section__title--factory span{
  display:block;
  width:100%;
  text-align:center;
}
.section__title--factory .gradient-text{
  display:block;
  font-weight:820;
  line-height:1.02;
  width:100%;
  text-align:center;
}
.section__title--factory .gradient-text:last-child{
  font-weight:820;
  position:relative;
  width:100%;
}
.section__title--factory .gradient-text:last-child::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%);
  bottom:-6px;
  width:clamp(180px, 44vw, 420px);
  height:7px;
  border-radius:999px;
  background:linear-gradient(90deg, rgba(194,163,107,0.28), rgba(111,74,31,0.18));
}

.reveal{
  opacity:0;
  transform:translateY(16px);
  transition:opacity .7s var(--ease), transform .7s var(--ease);
}
.reveal.is-visible{
  opacity:1;
  transform:translateY(0);
}
.reveal .feature-card,
.reveal .product-card,
.reveal .stat-card,
.reveal .step-card,
.reveal .why-block,
.reveal .testimonial-card,
.reveal .cert-card{
  opacity:0;
  transform:translateY(14px) scale(0.985);
  transition:opacity .56s var(--ease), transform .56s var(--ease);
}
.reveal.is-visible .feature-card,
.reveal.is-visible .product-card,
.reveal.is-visible .stat-card,
.reveal.is-visible .step-card,
.reveal.is-visible .why-block,
.reveal.is-visible .testimonial-card,
.reveal.is-visible .cert-card{
  opacity:1;
  transform:translateY(0) scale(1);
}
.reveal.is-visible .feature-card:nth-child(2),
.reveal.is-visible .product-card:nth-child(2),
.reveal.is-visible .stat-card:nth-child(2),
.reveal.is-visible .step-card:nth-child(2),
.reveal.is-visible .why-block:nth-child(2),
.reveal.is-visible .testimonial-card:nth-child(2),
.reveal.is-visible .cert-card:nth-child(2){transition-delay:.06s}
.reveal.is-visible .feature-card:nth-child(3),
.reveal.is-visible .product-card:nth-child(3),
.reveal.is-visible .stat-card:nth-child(3),
.reveal.is-visible .step-card:nth-child(3),
.reveal.is-visible .why-block:nth-child(3),
.reveal.is-visible .testimonial-card:nth-child(3),
.reveal.is-visible .cert-card:nth-child(3){transition-delay:.12s}
.reveal.is-visible .feature-card:nth-child(4),
.reveal.is-visible .product-card:nth-child(4),
.reveal.is-visible .stat-card:nth-child(4),
.reveal.is-visible .step-card:nth-child(4),
.reveal.is-visible .why-block:nth-child(4),
.reveal.is-visible .testimonial-card:nth-child(4),
.reveal.is-visible .cert-card:nth-child(4){transition-delay:.18s}

.js body{
  opacity:0;
  transform:translateY(6px);
  filter:none;
  transition:opacity .28s var(--ease), transform .28s var(--ease);
}
.js body.is-page-ready{
  opacity:1;
  transform:translateY(0);
  filter:none;
}
.js body.is-page-transitioning{
  opacity:0;
  transform:translateY(10px);
  filter:none;
}

/* ABOUT FEATURES */
.features-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
}
.feature-card{
  border-radius:var(--radius-md);
  border:1px solid var(--border);
  background:var(--card-bg);
  padding:16px 16px 18px;
  box-shadow: 0 8px 30px rgba(0,0,0,0.25);
  position:relative;
  overflow:hidden;
}
.feature-card::before{
  content:"";
  position:absolute;
  left:-60px;
  top:-60px;
  width:160px;
  height:160px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(194,163,107,0.18), transparent 65%);
  filter:none;
  opacity:0.55;
}
.feature-card__icon{
  width:38px;
  height:38px;
  border-radius:14px;
  display:flex;
  align-items:center;
  justify-content:center;
  border:1px solid rgba(194,163,107,0.35);
  background:rgba(194,163,107,0.12);
  color:var(--text-primary);
}
.feature-card__icon-svg{width:18px; height:18px}
.feature-card__title{margin:12px 0 8px; font-size:17px; letter-spacing:-0.01em}
.feature-card__text{margin:0; color:var(--text-muted); line-height:1.68}

/* PRODUCT CARDS */
.cards-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.product-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:var(--card-bg);
  overflow:hidden;
  box-shadow: 0 10px 40px rgba(0,0,0,0.30);
}
.product-card__media{
  height:190px;
  border-bottom:1px solid rgba(15,23,42,0.06);
}
.product-card__media img{
  width:100%;
  height:100%;
  object-fit:cover;
  display:block;
}
.media-placeholder{
  background:
    radial-gradient(120px 80px at 30% 30%, rgba(194,163,107,0.26), transparent 60%),
    radial-gradient(150px 90px at 70% 45%, rgba(143,107,61,0.18), transparent 60%),
    linear-gradient(135deg, rgba(255,255,255,0.03), rgba(255,255,255,0.02));
}
.product-card__body{padding:16px}
.product-card__title{margin:0 0 8px; font-size:17px; letter-spacing:-0.01em}
.product-card__text{margin:0 0 12px; color:var(--text-muted); line-height:1.66}
.product-card__tags{display:flex; gap:8px; flex-wrap:wrap}
.product-card__title a{
  transition:color .2s var(--ease);
}
.product-card__title a:hover{
  color:var(--accent-to);
}
.tag{
  font-size:12px;
  color:var(--text-secondary);
  border:1px solid rgba(15,23,42,0.08);
  background:rgba(241,245,249,0.8);
  padding:6px 10px;
  border-radius:999px;
}
.section--products-modern .cards-grid{
  grid-template-columns:repeat(auto-fit, minmax(260px, 1fr));
  gap:18px;
}
.section--products-modern{
  position:relative;
  overflow:hidden;
}
.section--products-modern::before{
  content:"";
  position:absolute;
  width:460px;
  height:460px;
  right:-190px;
  top:-170px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(194,163,107,0.22), transparent 68%);
  filter:none;
  pointer-events:none;
}
.section--products-modern::after{
  content:"";
  position:absolute;
  width:380px;
  height:380px;
  left:-160px;
  bottom:-180px;
  border-radius:50%;
  background:radial-gradient(circle at 30% 30%, rgba(111,74,31,0.12), transparent 70%);
  filter:none;
  pointer-events:none;
}
.section--products-modern .product-card{
  position:relative;
  border:1px solid rgba(15,23,42,0.1);
  background:linear-gradient(180deg, rgba(255,255,255,0.96), rgba(255,255,255,0.9));
  box-shadow:0 12px 30px rgba(15,23,42,0.1);
}
.section--products-modern .product-card::after{
  content:"";
  position:absolute;
  top:0;
  left:0;
  right:0;
  height:4px;
  background:linear-gradient(90deg, rgba(194,163,107,0.75), rgba(111,74,31,0.55));
}
.section--products-modern .product-card__media{height:210px}
.section--products-modern .product-card__media img{
  transition:transform .44s var(--ease), filter .44s var(--ease);
}
.section--products-modern .product-card:hover .product-card__media img{
  transform:scale(1.05);
  filter:saturate(1.04) contrast(1.02);
}
.section--products-modern .product-card__body{padding:18px}
.section--products-modern .product-card__title{
  font-size:18px;
  margin-bottom:10px;
  line-height:1.2;
}
.section--products-modern .product-card__tags .tag{
  background:rgba(194,163,107,0.14);
  border-color:rgba(194,163,107,0.3);
}
.section--products-modern .product-card:hover{
  transform:translateY(-5px);
  border-color:rgba(194,163,107,0.38);
  box-shadow:0 18px 42px rgba(15,23,42,0.14);
}

.hover-lift{
  transition: transform .22s var(--ease), border-color .22s var(--ease), box-shadow .22s var(--ease);
}
.hover-lift:hover{
  transform:translateY(-4px) scale(1.01);
  border-color:rgba(194,163,107,0.28);
  box-shadow: 0 18px 55px rgba(0,0,0,0.48), 0 0 55px rgba(194,163,107,0.09);
}

.note-bar{
  margin-top:18px;
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:linear-gradient(135deg, rgba(194,163,107,0.10), rgba(255,255,255,0.95));
  padding:16px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.note-bar__title{font-weight:700; margin:0 0 4px}
.note-bar__text{margin:0; color:var(--text-secondary)}
.note-bar__left{min-width:0}

/* PRODUCT PAGE IMAGE SLOTS */
.product-gallery{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.product-photo{
  min-height:320px;
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:
    radial-gradient(200px 140px at 30% 30%, rgba(194,163,107,0.24), transparent 62%),
    radial-gradient(200px 140px at 70% 60%, rgba(143,107,61,0.15), transparent 62%),
    linear-gradient(135deg, rgba(255,255,255,0.88), rgba(248,250,252,0.95));
  box-shadow:0 10px 30px rgba(15,23,42,0.14);
  display:flex;
  align-items:flex-end;
  padding:14px;
  position:relative;
  overflow:hidden;
}
.product-photo__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
}
.product-photo__label{
  position:relative;
  z-index:1;
}
.product-photo__label{
  font-size:13px;
  color:var(--text-secondary);
  background:rgba(255,255,255,0.9);
  border:1px solid rgba(15,23,42,0.08);
  border-radius:999px;
  padding:6px 10px;
}

/* STATS */
.stats-grid{
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  gap:14px;
}
.stat-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:var(--card-bg);
  padding:18px 16px;
  box-shadow: 0 12px 46px rgba(0,0,0,0.35);
  position:relative;
  overflow:hidden;
}
.stat-card::before{
  content:"";
  position:absolute;
  right:-80px;
  top:-80px;
  width:220px;
  height:220px;
  border-radius:999px;
  background: radial-gradient(circle at 30% 30%, rgba(194,163,107,0.18), transparent 60%);
  filter:none;
  opacity:0.65;
}
.stat-card__value{
  position:relative;
  font-size:30px;
  font-weight:800;
  letter-spacing:-0.02em;
}
.stat-card__label{position:relative; margin-top:8px; font-weight:700; letter-spacing:-0.01em}
.stat-card__desc{position:relative; margin-top:8px; color:var(--text-muted); line-height:1.64}

/* TIMELINE */
.timeline{
  position:relative;
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.timeline__line{
  position:absolute;
  left:8px;
  right:8px;
  top:34px;
  height:1px;
  background:linear-gradient(90deg, rgba(194,163,107,0.0), rgba(194,163,107,0.35), rgba(194,163,107,0.0));
  opacity:0.85;
}
.step-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:var(--card-bg);
  padding:16px;
  box-shadow: 0 12px 44px rgba(0,0,0,0.32);
  position:relative;
  overflow:hidden;
}
.step-card__num{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  width:56px;
  height:40px;
  border-radius:14px;
  border:1px solid rgba(194,163,107,0.35);
  background:rgba(194,163,107,0.12);
  font-weight:800;
  letter-spacing:0.08em;
}
.step-card__title{margin:12px 0 8px}
.step-card__text{margin:0 0 12px; color:var(--text-secondary)}
.step-card__list{margin:0; padding-left:18px; color:var(--text-primary); list-style:disc}
.step-card__list li{margin:6px 0}

/* WHY GRID */
.why-grid{
  display:grid;
  grid-template-columns:repeat(5, 1fr);
  gap:12px;
}
.why-block{
  border-radius:var(--radius-md);
  border:1px solid var(--border);
  background:#ffffff;
  padding:14px;
}
.why-block__title{margin:0 0 8px; font-size:16px; letter-spacing:-0.01em}
.why-block__text{margin:0; color:var(--text-muted); line-height:1.66}

/* TESTIMONIALS */
.testimonials-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.testimonial-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:var(--card-bg);
  padding:16px;
  box-shadow: 0 12px 44px rgba(0,0,0,0.34);
}
.testimonial-card__text{margin:12px 0 16px; color:var(--text-primary)}
.testimonial-card__meta{display:flex; align-items:center; gap:12px}
.avatar{
  width:40px;
  height:40px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,0.10);
  background:
    radial-gradient(14px 14px at 35% 35%, rgba(194,163,107,0.35), transparent 60%),
    radial-gradient(16px 16px at 70% 60%, rgba(143,107,61,0.22), transparent 60%),
    rgba(255,255,255,0.02);
}
.testimonial-card__name{font-weight:800}
.testimonial-card__role{color:var(--text-secondary); font-size:13px}

.stars{
  display:inline-flex;
  gap:4px;
  align-items:center;
}
.star{
  width:18px;
  height:18px;
  display:inline-block;
  position:relative;
}
.star::before{
  content:"★";
  position:absolute;
  inset:0;
  font-size:18px;
  line-height:18px;
  color:rgba(255,255,255,0.18);
}
.stars--5 .star::before{
  color: transparent;
  background: linear-gradient(90deg, var(--accent-from), var(--accent-to));
  -webkit-background-clip:text;
  background-clip:text;
}

/* CERTIFICATIONS */
.cert-grid{
  display:grid;
  grid-template-columns:repeat(3, 1fr);
  gap:14px;
}
.cert-card{
  border-radius:var(--radius-lg);
  border:1px solid var(--border);
  background:var(--card-bg);
  padding:16px;
  box-shadow: 0 12px 44px rgba(0,0,0,0.32);
}
.cert-card__title{font-weight:800; margin:0 0 8px}
.cert-card__text{margin:0 0 12px; color:var(--text-secondary)}
.pill-row{display:flex; flex-wrap:wrap; gap:8px}
.pill{
  font-size:12px;
  color:var(--text-secondary);
  border:1px solid rgba(148,163,184,0.6);
  background:rgba(248,250,252,0.95);
  padding:7px 10px;
  border-radius:999px;
}

/* CTA */
.cta{
  padding:62px 0;
  background:
    radial-gradient(700px 300px at 20% 20%, rgba(194,163,107,0.18), transparent 60%),
    radial-gradient(700px 300px at 85% 55%, rgba(143,107,61,0.16), transparent 60%),
    linear-gradient(135deg, rgba(194,163,107,0.14), rgba(143,107,61,0.10));
  border-top:1px solid rgba(15,23,42,0.06);
}
.cta__inner{
  border-radius:var(--radius-lg);
  border:1px solid rgba(15,23,42,0.10);
  background: rgba(255,255,255,0.98);
  box-shadow: var(--shadow);
  padding:18px;
  display:flex;
  gap:18px;
  align-items:center;
  justify-content:space-between;
}
.cta__copy{max-width:620px}
.cta__title{margin:0 0 8px; font-size:26px; letter-spacing:-0.015em; text-wrap:balance}
.cta__text{margin:0; color:var(--text-muted); line-height:1.68}
.cta__form{
  width:min(520px, 100%);
  display:grid;
  grid-template-columns: 1fr auto;
  gap:10px;
  align-items:center;
}
.form-hint{
  grid-column: 1 / -1;
  margin:6px 0 0;
  font-size:13px;
  color:var(--text-secondary);
  min-height:18px;
}
.form-toast{
  position:fixed;
  right:18px;
  bottom:18px;
  z-index:2200;
  padding:10px 14px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,0.10);
  background:rgba(255,255,255,0.96);
  color:var(--text-primary);
  box-shadow:0 14px 34px rgba(15,23,42,0.16);
  font-size:13px;
  font-weight:600;
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .22s var(--ease), transform .22s var(--ease);
}
.form-toast.is-visible{
  opacity:1;
  transform:translateY(0);
}

/* FOOTER */
.footer{
  padding:48px 0 24px;
  background:linear-gradient(180deg, #ffffff, #f8fafc);
  border-top:1px solid rgba(15,23,42,0.10);
}
.footer__grid{
  display:grid;
  grid-template-columns: 1.2fr 0.8fr 0.9fr 0.9fr;
  gap:16px;
  align-items:start;
}
.footer__brand{display:flex; align-items:center; gap:10px; margin-bottom:10px}
.footer__brand-text{letter-spacing:0.18em; font-weight:800; font-size:13px}
.footer__logo{
  height: 34px;
  width: auto;
  max-width: 220px;
  object-fit: contain;
}
.footer__title{font-weight:800; margin:4px 0 12px}
.footer__text{color:var(--text-secondary); max-width:46ch}
.footer__list li{margin:10px 0}
.footer__link{
  color:var(--text-secondary);
  text-decoration:none;
  transition:color .2s var(--ease);
}
.footer__link:hover{
  color:var(--text-primary);
}
.footer__item{color:var(--text-secondary)}
.footer__small{font-size:13px}

.footer__bottom{
  margin-top:22px;
  padding-top:18px;
  border-top:1px solid rgba(15,23,42,0.10);
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
  color:var(--text-secondary);
  font-size:13px;
}
.footer__to-top{
  display:inline-flex;
  align-items:center;
  min-height:44px;
  padding:0 10px;
  border-radius:12px;
  border:1px solid rgba(15,23,42,0.12);
  background:rgba(15,23,42,0.02);
  color:var(--text-secondary);
}
.footer__to-top:hover{border-color:rgba(194,163,107,0.32); color:var(--text-primary)}

/* RESPONSIVE */
@media (max-width: 1024px){
  .navbar__inner{grid-template-columns: 1fr auto}
  .nav-links, .nav-cta{display:none}
  .nav-toggle{display:inline-flex; flex-direction:column; justify-content:center}

  .hero__inner{grid-template-columns:1fr; gap:16px}
  .panel-card__grid{grid-template-columns:1fr 1fr}
  .features-grid{grid-template-columns:repeat(2, 1fr)}
  .cards-grid{grid-template-columns:repeat(2, 1fr)}
  .stats-grid{grid-template-columns:repeat(2, 1fr)}
  .timeline{grid-template-columns:1fr}
  .timeline__line{display:none}
  .why-grid{grid-template-columns:repeat(2, 1fr)}
  .testimonials-grid{grid-template-columns:1fr}
  .cert-grid{grid-template-columns:1fr}
  .cta__inner{flex-direction:column; align-items:stretch}
  .cta__form{grid-template-columns:1fr}
  .footer__grid{grid-template-columns:1fr 1fr; gap:18px}
  .product-gallery{grid-template-columns:repeat(2, 1fr)}
}

@media (max-width: 768px){
  :root{--gutter: 16px; --nav-h: 78px}
  .section{padding:58px 0}
  .section__title{font-size:24px}
  .section__title--products{font-size:clamp(26px, 8vw, 34px)}
  .section__head::after{display:none}
  .section__title--factory{font-size:clamp(28px, 8vw, 38px)}
  .section--products-modern::before,
  .section--products-modern::after{display:none}
  .hero__subtitle{font-size:16px}
  .section__subtitle{font-size:16px}
  .hero{padding: calc(var(--nav-h) + 56px) 0 72px}
  .kicker{font-size:12px}
  .hero__actions{gap:10px}
  .features-grid{grid-template-columns:1fr}
  .cards-grid{grid-template-columns:1fr}
  .stats-grid{grid-template-columns:1fr}
  .why-grid{grid-template-columns:1fr}
  .note-bar{flex-direction:column; align-items:stretch}
  .footer__grid{grid-template-columns:1fr}
  .footer__bottom{flex-direction:column; align-items:flex-start}
  .product-gallery{grid-template-columns:1fr}
}

/* Reduced motion */
@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  .shape, .gradient-text, .hero__enter{animation:none}
  .reveal{transition:none}
  .reveal .feature-card,
  .reveal .product-card,
  .reveal .stat-card,
  .reveal .step-card,
  .reveal .why-block,
  .reveal .testimonial-card,
  .reveal .cert-card{transition:none}
  .hover-lift{transition:none}
  .drawer__panel{transition:none}
  .js body{transition:none; filter:none; transform:none}
}

/* =========================
   About page (text-led layout)
   ========================= */
.about-page{
  background:linear-gradient(180deg, #ffffff, #f8f7f4);
  color:#121212;
}
.about-page .navbar.is-scrolled{
  background:rgba(255,255,255,0.9);
  border-bottom:1px solid rgba(15,23,42,0.08);
  backdrop-filter:blur(10px);
  -webkit-backdrop-filter:blur(10px);
}
.about-page .about-hero{
  padding:calc(var(--nav-h) + 64px) 0 56px;
  background:
    radial-gradient(900px 300px at 82% 18%, rgba(181,155,106,0.12), transparent 65%),
    linear-gradient(180deg, #ffffff, #f9f7f3);
}
.about-page .about-hero .hero__title{
  margin:0 0 12px;
  font-size:clamp(40px, 5vw, 64px);
}
.about-page .about-hero .hero__subtitle{
  max-width:74ch;
  color:#4b5563;
  line-height:1.72;
}
.about-page .about-section{
  padding:56px 0;
}
.about-page .about-layout{
  display:grid;
  grid-template-columns:minmax(0, 1.2fr) minmax(280px, 0.8fr);
  gap:22px;
  align-items:start;
}
.about-page .about-copy h2,
.about-page .about-section h2{
  margin:0 0 14px;
  font-size:clamp(30px, 3.4vw, 42px);
  letter-spacing:-0.02em;
}
.about-page .about-copy p{
  margin:0 0 14px;
  color:#3f4854;
  max-width:76ch;
  line-height:1.74;
}
.about-page .about-profile{
  display:grid;
  gap:10px;
  align-content:start;
}
.about-page .about-profile__item{
  padding:12px 14px;
  border:1px solid rgba(15,23,42,0.1);
  border-radius:12px;
  background:#ffffff;
}
.about-page .about-profile__item span{
  display:block;
  margin-bottom:6px;
  font-size:11px;
  letter-spacing:0.1em;
  text-transform:uppercase;
  color:#6b7280;
}
.about-page .about-profile__item strong{
  display:block;
  font-size:15px;
  line-height:1.45;
  color:#1f2933;
}
.about-page .about-section__head{
  max-width:760px;
  margin:0 0 18px;
}
.about-page .about-section__head p{
  margin:0;
  color:#4b5563;
  line-height:1.68;
}
.about-page .about-products{
  display:grid;
  grid-template-columns:repeat(3, minmax(0, 1fr));
  gap:12px;
}
.about-page .about-products__item{
  border:1px solid rgba(15,23,42,0.08);
  border-radius:14px;
  background:#ffffff;
  padding:14px;
}
.about-page .about-products__item h3{
  margin:0 0 8px;
  font-size:18px;
  color:#1f2933;
}
.about-page .about-products__item p{
  margin:0;
  color:#4b5563;
  line-height:1.65;
}
.about-page .stats-minimal{
  margin-top:18px;
  display:grid;
  grid-template-columns:repeat(4, 1fr);
  border:1px solid rgba(15,23,42,0.1);
  border-radius:18px;
  overflow:hidden;
  background:
    linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
  box-shadow:0 14px 34px rgba(15,23,42,0.05);
}
.about-page .stats-minimal__item{
  padding:24px 18px;
  border-right:1px solid rgba(15,23,42,0.1);
}
.about-page .stats-minimal__item:last-child{
  border-right:none;
}
.about-page .stats-minimal__item span{
  display:block;
  font-size:44px;
  line-height:1;
  letter-spacing:-0.03em;
  color:#1f2933;
}
.about-page .stats-minimal__item small{
  display:block;
  margin-top:8px;
  color:#6b7280;
  font-size:12px;
  letter-spacing:0.06em;
  text-transform:uppercase;
}
.about-page .about-grid{
  display:grid;
  grid-template-columns:repeat(2, minmax(0, 1fr));
  gap:14px;
}
.about-page .about-card{
  background:#fff;
  border:1px solid rgba(15,23,42,0.08);
  border-radius:14px;
  padding:18px;
}
.about-page .about-card h3{
  margin:0 0 8px;
  font-size:20px;
}
.about-page .about-card p{
  margin:0;
  color:#4b5563;
  line-height:1.7;
}

@media (max-width:1024px){
  .about-page .about-layout{
    grid-template-columns:1fr;
  }
  .about-page .about-products{
    grid-template-columns:1fr 1fr;
  }
  .about-page .stats-minimal{
    grid-template-columns:repeat(2, 1fr);
  }
  .about-page .stats-minimal__item:nth-child(2){
    border-right:none;
  }
  .about-page .stats-minimal__item{
    border-bottom:1px solid rgba(15,23,42,0.1);
  }
  .about-page .stats-minimal__item:nth-last-child(-n+2){
    border-bottom:none;
  }
  .about-page .about-grid{
    grid-template-columns:1fr 1fr;
  }
}

@media (max-width:768px){
  .about-page .about-hero{
    padding:calc(var(--nav-h) + 34px) 0 42px;
  }
  .about-page .about-hero .hero__title{
    font-size:clamp(34px, 9vw, 46px);
  }
  .about-page .about-products{
    grid-template-columns:1fr;
  }
  .about-page .about-grid{
    grid-template-columns:1fr;
  }
  .about-page .stats-minimal{
    grid-template-columns:1fr;
  }
  .about-page .stats-minimal__item{
    border-right:none;
  }
  .about-page .about-section{
    padding:54px 0;
  }
}

/* =========================
   MZCOTTON Editorial Redesign
   Scoped to homepage only
   ========================= */
.home-redesign{
  --bg-primary:#ffffff;
  --bg-soft:#fbfaf8;
  --text-primary:#121212;
  --text-secondary:#6b6b6b;
  --accent-dark:#1f2933;
  --accent-gold:#b59b6a;
  --border-soft:#e7e5e4;
  background:#ffffff;
  color:var(--text-primary);
}

.home-redesign .navbar{
  background:transparent;
}
.home-redesign .navbar.is-scrolled{
  background:rgba(255,255,255,0.78);
  border-bottom:1px solid var(--border-soft);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
}
.home-redesign .nav-link{
  color:var(--accent-dark);
}

.home-redesign .hero--editorial{
  padding:calc(var(--nav-h) + 44px) 0 76px;
  background:
    radial-gradient(780px 360px at 82% 22%, rgba(181,155,106,0.08), transparent 60%),
    linear-gradient(180deg, #ffffff, #fbfaf8 82%);
}
.home-redesign .hero--editorial__grid{
  display:grid !important;
  grid-template-columns:minmax(0, 1.05fr) minmax(340px, 0.95fr);
  gap:34px;
  align-items:center;
}
.home-redesign .hero--eyebrow{
  margin:0 0 14px;
  font-size:11px;
  letter-spacing:0.16em;
  text-transform:uppercase;
  color:var(--text-secondary);
}
.home-redesign .hero--editorial__title{
  margin:0 0 18px;
  font-family:"Manrope","Inter",sans-serif;
  font-size:clamp(38px,5vw,62px);
  line-height:1.08;
  letter-spacing:-0.018em;
  max-width:16ch;
  text-wrap:balance;
  background:linear-gradient(115deg, #b08f58 0%, #d4bc87 48%, #9a7841 100%);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.home-redesign .hero--editorial__text{
  margin:0 0 24px;
  max-width:46ch;
  line-height:1.65;
  color:var(--text-secondary);
}
.home-redesign .hero--editorial__media{
  border-radius:18px;
  overflow:hidden;
  border:1px solid rgba(18,18,18,0.08);
  box-shadow:0 6px 16px rgba(18,18,18,0.05);
  background:rgba(255,255,255,0.7);
  padding:10px;
  max-width:430px;
  margin-left:auto;
}
.home-redesign .hero-composition{
  min-height:380px;
  border-radius:14px;
  border:1px solid rgba(18,18,18,0.08);
  background:#ffffff;
  display:grid;
  align-content:end;
  gap:10px;
  padding:14px;
}
.home-redesign .hero-composition__intro{
  border:1px solid rgba(31,41,51,0.1);
  border-radius:12px;
  background:rgba(255,255,255,0.82);
  padding:10px 12px;
}
.home-redesign .hero-composition__kicker{
  margin:0 0 6px;
  font-size:10px;
  letter-spacing:0.11em;
  text-transform:uppercase;
  color:var(--text-secondary);
}
.home-redesign .hero-composition__intro h3{
  margin:0 0 6px;
  font-size:18px;
  line-height:1.25;
  color:var(--accent-dark);
}
.home-redesign .hero-composition__intro p{
  margin:0;
  font-size:12px;
  color:var(--text-secondary);
}
.home-redesign .hero-composition__card{
  border:1px solid rgba(31,41,51,0.12);
  border-radius:12px;
  background:rgba(255,255,255,0.88);
  padding:10px 12px;
  display:grid;
  gap:6px;
}
.home-redesign .hero-composition__card small{
  font-size:11px;
  letter-spacing:0.11em;
  text-transform:uppercase;
  color:var(--text-secondary);
}
.home-redesign .hero-composition__card strong{
  font-size:16px;
  color:var(--accent-dark);
}

.home-redesign .section{
  padding:72px 0;
}
.home-redesign .section--alt{
  background:var(--bg-soft);
  border-top:1px solid var(--border-soft);
  border-bottom:1px solid var(--border-soft);
}
.home-redesign .section__head{
  text-align:left;
  max-width:760px;
  margin:0 0 28px;
}
.home-redesign .section__head::after{
  display:none;
}
.home-redesign .section__title{
  margin:0 0 12px;
  font-size:clamp(28px,3.6vw,44px);
  color:var(--accent-dark);
  letter-spacing:-0.02em;
}
.home-redesign .section__title::after{
  display:none !important;
}
.home-redesign .section__subtitle{
  margin:0;
  max-width:62ch;
  line-height:1.66;
  color:var(--text-secondary);
}

.home-redesign .story-section__grid{
  display:grid !important;
  grid-template-columns:minmax(300px, 0.95fr) minmax(0, 1.05fr);
  gap:30px;
  align-items:center;
}
.home-redesign .story-section__image{
  border-radius:20px;
  overflow:hidden;
  border:1px solid var(--border-soft);
}
.home-redesign .story-section__image img{
  width:100%;
  height:100%;
  min-height:420px;
  object-fit:cover;
}
.home-redesign .story-section__points{
  margin:20px 0 0;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}
.home-redesign .story-section__points li{
  border-left:2px solid rgba(181,155,106,0.28);
  padding-left:12px;
  color:var(--accent-dark);
}

.home-redesign .product-panels{
  display:grid;
  grid-template-columns:repeat(12,1fr);
  gap:14px;
}
.home-redesign .product-panel{
  position:relative;
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--border-soft);
  min-height:250px;
  display:block;
}
.home-redesign .product-panel:nth-child(1),
.home-redesign .product-panel:nth-child(2){
  grid-column:span 6;
}
.home-redesign .product-panel:nth-child(3),
.home-redesign .product-panel:nth-child(4),
.home-redesign .product-panel:nth-child(5),
.home-redesign .product-panel:nth-child(6){
  grid-column:span 3;
}
.home-redesign .product-panel img{
  width:100%;
  height:100%;
  object-fit:cover;
  transition:transform .5s var(--ease), filter .5s var(--ease);
}
.home-redesign .product-panel__overlay{
  position:absolute;
  inset:auto 0 0;
  padding:16px 14px;
  display:grid;
  gap:4px;
  color:#fff;
  background:linear-gradient(180deg, transparent, rgba(18,18,18,0.8));
}
.home-redesign .product-panel__overlay strong{
  font-size:18px;
}
.home-redesign .product-panel__overlay small{
  font-size:13px;
  color:rgba(255,255,255,0.87);
  opacity:0;
  max-height:0;
  overflow:hidden;
  transition:opacity .3s var(--ease), max-height .3s var(--ease);
}
.home-redesign .product-panel:hover img{
  transform:scale(1.06);
  filter:brightness(0.9);
}
.home-redesign .product-panel:hover .product-panel__overlay small{
  opacity:1;
  max-height:48px;
}

.home-redesign .process-editorial{
  display:grid;
  grid-template-columns:repeat(5,1fr);
  gap:12px;
}
.home-redesign .process-editorial__item{
  border-top:1px solid rgba(31,41,51,0.6);
  border-bottom:1px solid var(--border-soft);
  padding:18px 8px 14px;
}
.home-redesign .process-editorial__item span{
  font-size:12px;
  letter-spacing:0.13em;
  color:var(--text-secondary);
}
.home-redesign .process-editorial__item h3{
  margin:10px 0 8px;
  font-size:20px;
}
.home-redesign .process-editorial__item p{
  margin:0;
  color:var(--text-secondary);
  font-size:13px;
  line-height:1.6;
}

.home-redesign .stats-minimal{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  border:1px solid var(--border-soft);
  border-radius:18px;
  overflow:hidden;
  background:#fff;
}
.home-redesign .stats-minimal__item{
  padding:24px 18px;
  border-right:1px solid var(--border-soft);
}
.home-redesign .stats-minimal__item:last-child{
  border-right:none;
}
.home-redesign .stats-minimal__item span{
  display:block;
  font-size:44px;
  line-height:1;
  letter-spacing:-0.03em;
  color:var(--accent-dark);
}
.home-redesign .stats-minimal__item small{
  display:block;
  margin-top:8px;
  color:var(--text-secondary);
  font-size:12px;
  letter-spacing:0.06em;
  text-transform:uppercase;
}

.home-redesign .private-label-section__grid,
.home-redesign .export-section__grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:30px;
  align-items:center;
}
.home-redesign .private-label-section__media{
  border-radius:18px;
  overflow:hidden;
  border:1px solid var(--border-soft);
}
.home-redesign .private-label-section__media img{
  width:100%;
  min-height:380px;
  object-fit:cover;
}

.home-redesign .export-map{
  min-height:320px;
  border:1px solid var(--border-soft);
  border-radius:18px;
  background:
    radial-gradient(620px 200px at 50% 50%, rgba(181,155,106,0.06), transparent 80%),
    linear-gradient(160deg, #ffffff, #faf9f6);
  position:relative;
  overflow:hidden;
}
.home-redesign .export-map::before{
  content:"";
  position:absolute;
  inset:10px;
  border:1px solid rgba(31,41,51,0.06);
  border-radius:14px;
  pointer-events:none;
}
.home-redesign .export-map__canvas{
  position:absolute;
  inset:14px 18px;
  border-radius:10px;
  overflow:hidden;
}
.home-redesign .export-map__img{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:contain;
  filter:grayscale(1) contrast(0.9) brightness(0.95);
  opacity:0.88;
}
.home-redesign .export-map__dot{
  position:absolute;
  width:10px;
  height:10px;
  border-radius:50%;
  background:linear-gradient(135deg, #c8b48b, #9d7f46);
  box-shadow:
    0 0 0 5px rgba(181,155,106,0.12),
    0 4px 12px rgba(18,18,18,0.12);
}
.home-redesign .export-map__dot::after{
  content:"";
  position:absolute;
  inset:-9px;
  border-radius:50%;
  border:1px solid rgba(181,155,106,0.22);
  opacity:0.9;
}
.home-redesign .export-map__dot--russia{top:18.8%;left:60.3%}
.home-redesign .export-map__dot--ukraine{top:22.8%;left:58.6%}
.home-redesign .export-map__dot--belarus{top:20.6%;left:57.8%}
.home-redesign .export-map__dot--azerbaijan{top:27.6%;left:61.2%}
.home-redesign .export-map__dot--moscow{top:18.2%;left:59.1%}
.home-redesign .export-map__dot--algeria{top:34.4%;left:50.6%}
.home-redesign .export-map__dot--germany{top:21.7%;left:52.8%}
.home-redesign .export-map__dot--france{top:24.4%;left:50.6%}
.home-redesign .export-map__dot--italy{top:26.7%;left:53.3%}
.home-redesign .export-map__dot--poland{top:21.1%;left:55.3%}
.home-redesign .export-map-legend{
  display:none;
}
.home-redesign .export-map-legend__item{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:11px;
  letter-spacing:0.08em;
  text-transform:uppercase;
  color:var(--text-secondary);
}
.home-redesign .export-map-legend__dot,
.home-redesign .export-map-legend__ring{
  display:inline-block;
  width:9px;
  height:9px;
  border-radius:50%;
}
.home-redesign .export-map-legend__dot{
  background:linear-gradient(135deg, #c8b48b, #9d7f46);
  box-shadow:0 0 0 4px rgba(181,155,106,0.1);
}
.home-redesign .export-map-legend__ring{
  border:1px solid rgba(181,155,106,0.45);
  background:transparent;
}

.home-redesign .cta--editorial{
  background:#f7f5f2;
  border-top:1px solid var(--border-soft);
  border-bottom:1px solid var(--border-soft);
}
.home-redesign .cta--editorial .cta__inner{
  background:#ffffff;
}
.home-redesign .certifications-section{
  border-top:1px solid var(--border-soft);
  border-bottom:1px solid var(--border-soft);
  background:linear-gradient(180deg, #ffffff 0%, #fbfaf8 100%);
}
.home-redesign .trust-strip{
  display:grid;
  grid-template-columns:repeat(4, minmax(0, 1fr));
  gap:12px;
}
.home-redesign .trust-strip__item{
  background:#ffffff;
  border:1px solid var(--border-soft);
  border-radius:14px;
  padding:16px 14px;
}
.home-redesign .trust-strip__item h3{
  margin:0 0 8px;
  font-size:16px;
  line-height:1.25;
  color:var(--accent-dark);
}
.home-redesign .trust-strip__item p{
  margin:0;
  font-size:14px;
  line-height:1.55;
  color:var(--text-secondary);
}
.home-redesign .trust-note{
  margin:14px 0 0;
  color:#5b6470;
  font-size:14px;
}
.home-redesign .cta__form{
  width:auto;
}

.home-redesign .footer--dark{
  background:linear-gradient(180deg, #ffffff, #f8fafc);
  border-top:1px solid rgba(15,23,42,0.10);
}
.home-redesign .footer--dark .footer__title,
.home-redesign .footer--dark .footer__item,
.home-redesign .footer--dark .footer__copyright{
  color:var(--text-primary);
}
.home-redesign .footer--dark .footer__link,
.home-redesign .footer--dark .muted{
  color:var(--text-secondary);
}
.home-redesign .footer--dark .footer__link:hover{
  color:var(--text-primary);
}
.home-redesign .footer--dark .footer__bottom{
  border-top:1px solid rgba(15,23,42,0.10);
}

/* RU product/detail pages aligned with redesign language */
.product-page.home-redesign .hero{
  padding:calc(var(--nav-h) + 64px) 0 72px;
}
.product-page.home-redesign .hero__title{
  max-width:12ch;
}
.product-page.home-redesign .hero__subtitle{
  max-width:58ch;
}
.product-page.home-redesign .panel-card{
  border:1px solid rgba(18,18,18,0.08);
  box-shadow:0 12px 30px rgba(18,18,18,0.08);
}
.product-page.home-redesign .cta{
  border-top:1px solid var(--border-soft);
}
.home-redesign .title-break{
  display:block;
}

/* Russian typography tuning: better headline wrapping */
html[lang="ru"] .home-redesign .hero--editorial__title{
  font-size:clamp(34px, 4.8vw, 58px);
  max-width:18ch;
  line-height:1.08;
}
html[lang="ru"] .home-redesign .section__title{
  font-size:clamp(26px, 3.05vw, 38px);
  line-height:1.12;
  text-wrap:balance;
}
html[lang="ru"] .home-redesign .private-label-section__copy .section__title{
  max-width:18ch;
}
html[lang="ru"] .home-redesign .title-break{
  display:block;
}

@media (max-width:1024px){
  .home-redesign .hero--editorial__grid,
  .home-redesign .story-section__grid,
  .home-redesign .private-label-section__grid,
  .home-redesign .export-section__grid{
    grid-template-columns:1fr;
  }
  .home-redesign .hero-composition{
    min-height:340px;
  }
  .home-redesign .product-panel:nth-child(n){
    grid-column:span 6;
  }
  .home-redesign .process-editorial{
    grid-template-columns:repeat(2,1fr);
  }
  .home-redesign .stats-minimal{
    grid-template-columns:repeat(2,1fr);
  }
  .home-redesign .stats-minimal__item:nth-child(2){
    border-right:none;
  }
  .home-redesign .stats-minimal__item{
    border-bottom:1px solid var(--border-soft);
  }
  .home-redesign .stats-minimal__item:nth-last-child(-n+2){
    border-bottom:none;
  }
  .home-redesign .trust-strip{
    grid-template-columns:repeat(2, minmax(0, 1fr));
  }
}

/* Keep desktop composition intact on common laptop widths */
@media (min-width: 1025px){
  .home-redesign .hero--editorial__grid{
    grid-template-columns:minmax(0, 1.05fr) minmax(340px, 0.95fr) !important;
  }
  .home-redesign .story-section__grid{
    grid-template-columns:minmax(300px, 0.95fr) minmax(0, 1.05fr) !important;
  }
}

@media (max-width:768px){
  .home-redesign .hero--editorial{
    padding:calc(var(--nav-h) + 36px) 0 54px;
  }
  .home-redesign .hero--editorial__copy{
    text-align:left;
  }
  .home-redesign .hero--editorial__title{
    font-size:clamp(33px,9vw,44px);
    max-width:18ch;
  }
  .home-redesign .hero--editorial__text{
    max-width:unset;
  }
  .home-redesign .hero__actions{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
  }
  .home-redesign .hero__actions .btn{
    width:100%;
    justify-content:center;
  }
  .home-redesign .hero--editorial__media{
    max-width:none;
    margin-left:0;
    padding:8px;
  }
  .home-redesign .hero-composition{
    min-height:250px;
    padding:10px;
  }
  .home-redesign .hero-composition__intro h3{
    font-size:16px;
  }
  .home-redesign .hero-composition__card strong{
    font-size:15px;
  }
  .home-redesign .export-section__grid{
    gap:18px;
  }
  .home-redesign .export-map{
    min-height:250px;
  }
  .home-redesign .title-break{
    display:none;
  }
  .product-page.home-redesign .hero{
    padding:calc(var(--nav-h) + 34px) 0 52px;
  }
  .product-page.home-redesign .hero__title{
    max-width:unset;
  }
  .product-page.home-redesign .hero__subtitle{
    max-width:unset;
    font-size:15px;
    line-height:1.62;
  }
  .product-page.home-redesign .hero__actions{
    grid-template-columns:1fr;
  }
  .product-page.home-redesign .hero__actions .btn{
    width:100%;
  }
  .product-page.home-redesign .panel-card__grid{
    grid-template-columns:1fr;
  }
  .product-page.home-redesign .product-gallery{
    gap:10px;
  }
  .product-page.home-redesign .product-photo{
    min-height:220px;
  }
  html[lang="ru"] .home-redesign .section__title{
    font-size:clamp(24px, 7.2vw, 34px);
  }
  html[lang="ru"] .home-redesign .private-label-section__copy .section__title{
    max-width:unset;
  }
  html[lang="ru"] .home-redesign .title-break{
    display:none;
  }
  .home-redesign .product-panel:nth-child(n){
    grid-column:span 12;
  }
  .home-redesign .process-editorial{
    grid-template-columns:1fr;
  }
  .home-redesign .stats-minimal{
    grid-template-columns:1fr;
  }
  .home-redesign .stats-minimal__item{
    border-right:none;
  }
  .home-redesign .trust-strip{
    grid-template-columns:1fr;
  }
  .home-redesign .trust-note{
    font-size:13px;
  }
}