:root{
  --bg: oklch(0.985 0.01 5);
  --surface: oklch(0.965 0.012 5);
  --text: oklch(0.18 0.02 5);
  --muted: oklch(0.42 0.02 5);
  --border: oklch(0.86 0.01 5);
  --brand: oklch(0.55 0.19 5);
  --accent: oklch(0.62 0.18 155);
  --accent-strong: oklch(0.48 0.18 155);
  --on-accent: #0b0b0c;
  --font-head: 'Space Grotesk', Georgia, serif;
  --font-body: 'IBM Plex Sans', system-ui, sans-serif;
  --fs-base: 18px;
  --type-ratio: 1.414;
  --space: 8px;
  --radius: 22px;
  --shadow: 0 2px 8px rgba(0,0,0,.08);
  --container: 1040px;
}
*{box-sizing:border-box}
body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:var(--fs-base);line-height:1.6;}
h1,h2,h3{font-family:var(--font-head);line-height:1.1;color:var(--text);}
h1{font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio)*var(--type-ratio));}
h2{font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio));}
a{color:var(--accent-strong);}
.ai-wrap{max-width:var(--container);margin:0 auto;padding:0 calc(var(--space)*2);}
.ai-btn{display:inline-block;background:var(--accent);color:var(--on-accent);padding:calc(var(--space)*1.6) calc(var(--space)*3);border-radius:var(--radius);box-shadow:var(--shadow);text-decoration:none;font-weight:700;}

/* OVERRIDE: ром-бар палитра поверх base root */
body{
  background:#1C0F08;
  color:#F5E6D3;
}
h1,h2,h3{color:#FFF8F0;}
a{color:#F4A832;}

/* NAV */
.ni9x-nav{
  position:sticky;top:0;z-index:100;
  background:#110800;
  border-bottom:1px solid rgba(244,168,50,.15);
}
.ni9x-nav__inner{
  max-width:var(--container);margin:0 auto;
  display:grid;grid-template-columns:1fr auto 1fr;
  align-items:center;
  padding:0 calc(var(--space)*3);
  height:64px;
}
.ni9x-nav__left,.ni9x-nav__right{
  display:flex;gap:calc(var(--space)*3);
  list-style:none;margin:0;padding:0;
}
.ni9x-nav__right{justify-content:flex-end;align-items:center;}
.ni9x-nav__left a,.ni9x-nav__right a{
  color:#A07850;text-decoration:none;
  font-family:var(--font-head);font-size:14px;letter-spacing:.04em;
  transition:color .2s;
}
.ni9x-nav__left a:hover,.ni9x-nav__right a:hover{color:#F4A832;}
.ni9x-nav__brand{
  font-family:var(--font-head);font-size:1.1rem;font-weight:700;
  color:#FFF8F0;text-decoration:none;letter-spacing:.06em;
  text-align:center;white-space:nowrap;
  text-transform:uppercase;
}
.ni9x-nav__call{
  background:linear-gradient(135deg,#E8821A,#F4A832);
  color:#110800 !important;
  padding:6px 16px;
  border-radius:0;
  font-weight:700;font-size:13px;
  box-shadow:0 0 12px rgba(232,130,26,.45);
}

/* HERO */
.ni9x-hero{
  position:relative;overflow:hidden;
  background:linear-gradient(135deg,#110800 0%,#7B2D00 40%,#C45A10 75%,#F4A832 100%);
  min-height:88vh;display:flex;align-items:center;
}
.ni9x-hero__diagonal{
  position:absolute;right:-6%;top:0;bottom:0;
  width:48%;
  background:rgba(17,8,0,.55);
  clip-path:polygon(18% 0,100% 0,100% 100%,0 100%);
  pointer-events:none;
}
.ni9x-hero__inner{
  position:relative;z-index:1;
  max-width:var(--container);margin:0 auto;width:100%;
  padding:calc(var(--space)*8) calc(var(--space)*3) calc(var(--space)*8) calc(var(--space)*6);
  display:grid;grid-template-columns:1fr 320px;gap:calc(var(--space)*6);
  align-items:center;
}
.ni9x-eyebrow{
  font-family:var(--font-head);font-size:13px;letter-spacing:.12em;
  text-transform:uppercase;color:#F4A832;margin:0 0 calc(var(--space)*2);
}
.ni9x-hero__h1{
  font-family:var(--font-head);font-size:clamp(2rem,4.5vw,3.2rem);
  font-weight:700;text-transform:uppercase;letter-spacing:.02em;
  color:#FFF8F0;margin:0 0 calc(var(--space)*3);
  line-height:1.05;
}
.ni9x-hero__sub{
  color:#F5E6D3;font-size:1.05rem;line-height:1.65;
  max-width:520px;margin:0 0 calc(var(--space)*4);
}
.ni9x-btn-main{
  display:inline-block;
  background:linear-gradient(135deg,#E8821A,#F4A832,#FFD080);
  color:#110800;font-family:var(--font-head);font-weight:700;
  font-size:1rem;letter-spacing:.04em;text-transform:uppercase;
  padding:14px 32px;border-radius:0;text-decoration:none;
  box-shadow:0 0 24px rgba(232,130,26,.6);
  transition:box-shadow .25s,transform .15s;
}
.ni9x-btn-main:hover{box-shadow:0 0 36px rgba(244,168,50,.8);transform:translateY(-2px);}
.ni9x-age{color:#A07850;font-size:12px;margin:calc(var(--space)*2) 0 0;letter-spacing:.03em;}

/* CONCIERGE CARD */
.ni9x-concierge{
  background:#2A1508;
  border:1px solid rgba(244,168,50,.25);
  padding:calc(var(--space)*4);
  border-radius:0;
  box-shadow:0 0 32px rgba(232,130,26,.2);
}
.ni9x-concierge__label{
  font-family:var(--font-head);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:#F4A832;margin:0 0 calc(var(--space)*1.5);
}
.ni9x-concierge__phone{
  display:block;
  font-family:var(--font-head);font-size:1.35rem;font-weight:700;
  color:#FFF8F0;text-decoration:none;
  margin:0 0 calc(var(--space)*2);
  transition:color .2s;
}
.ni9x-concierge__phone:hover{color:#F4A832;}
.ni9x-concierge__badge{
  display:inline-block;
  background:linear-gradient(135deg,#E8821A,#F4A832);
  color:#110800;font-size:12px;font-weight:700;
  padding:4px 12px;letter-spacing:.06em;text-transform:uppercase;
  margin:0 0 calc(var(--space)*2.5);
}
.ni9x-concierge__trust{
  list-style:none;margin:0 0 calc(var(--space)*2);padding:0;
}
.ni9x-concierge__trust li{
  color:#F5E6D3;font-size:13px;padding:4px 0;
  border-bottom:1px solid rgba(244,168,50,.1);
}
.ni9x-concierge__trust li::before{content:'✓ ';color:#F4A832;}
.ni9x-concierge__note{color:#A07850;font-size:12px;line-height:1.5;margin:0;}

/* PAIN INTRO */
.ni9x-pain{
  background:#2A1508;
  border-top:2px solid rgba(244,168,50,.15);
}
.ni9x-pain__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*7) calc(var(--space)*6);
  display:grid;grid-template-columns:1fr 1fr;gap:calc(var(--space)*8);
  align-items:center;
}
.ni9x-pain__text h2{
  font-size:calc(var(--fs-base)*var(--type-ratio)*var(--type-ratio));
  text-transform:uppercase;letter-spacing:.03em;
  margin:0 0 calc(var(--space)*2);
}
.ni9x-pain__text p{color:#A07850;line-height:1.7;}
.ni9x-pain__stat{display:flex;gap:calc(var(--space)*4);}
.ni9x-stat-cell{display:flex;flex-direction:column;align-items:center;gap:4px;}
.ni9x-stat-num{
  font-family:var(--font-head);font-size:2.4rem;font-weight:700;
  color:#F4A832;line-height:1;
  text-shadow:0 0 18px rgba(244,168,50,.5);
}
.ni9x-stat-desc{font-size:12px;color:#A07850;text-transform:uppercase;letter-spacing:.06em;}

/* GEOGRAPHY */
.ni9x-geo{background:#1C0F08;}
.ni9x-geo__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*7) calc(var(--space)*6);
  display:grid;grid-template-columns:180px 1fr;grid-template-rows:auto auto;
  gap:calc(var(--space)*3) calc(var(--space)*6);
}
.ni9x-geo__label{
  font-family:var(--font-head);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:#F4A832;
  writing-mode:vertical-rl;text-orientation:mixed;
  transform:rotate(180deg);
  align-self:center;justify-self:center;
}
.ni9x-geo__body h2{text-transform:uppercase;letter-spacing:.03em;margin:0 0 calc(var(--space)*1.5);}
.ni9x-geo__body p{color:#A07850;line-height:1.7;}
.ni9x-geo__strip{
  grid-column:2;
  display:flex;flex-wrap:wrap;gap:calc(var(--space)*1.5);
}
.ni9x-geo__strip span{
  border:1px solid rgba(244,168,50,.3);
  color:#F4A832;font-size:13px;letter-spacing:.05em;
  padding:4px 14px;
}

/* OFFER URGENCY */
.ni9x-urgency{
  background:linear-gradient(135deg,#7B2D00,#C45A10);
}
.ni9x-urgency__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*7) calc(var(--space)*6);
  display:grid;grid-template-columns:1fr 220px;
  gap:calc(var(--space)*6);align-items:center;
}
.ni9x-urgency__main h2{color:#FFF8F0;text-transform:uppercase;letter-spacing:.03em;margin:0 0 calc(var(--space)*2);}
.ni9x-urgency__main p{color:rgba(255,248,240,.8);margin:0 0 calc(var(--space)*3);}
.ni9x-urgency__aside{
  text-align:center;
  border-left:2px solid rgba(244,168,50,.4);
  padding-left:calc(var(--space)*4);
}
.ni9x-urgency__tag{
  font-family:var(--font-head);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:#F4A832;margin:0 0 4px;
}
.ni9x-urgency__big{
  font-family:var(--font-head);font-size:2.8rem;font-weight:700;
  color:#FFF8F0;line-height:1;margin:0 0 4px;
}
.ni9x-urgency__aside p{color:rgba(255,248,240,.7);font-size:14px;}

/* SEO TEXT */
.ni9x-seotext{background:#2A1508;}
.ni9x-seotext__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*8) calc(var(--space)*6);
  display:grid;grid-template-columns:3fr 2fr;
  gap:calc(var(--space)*7);
}
.ni9x-seotext__col h2{text-transform:uppercase;letter-spacing:.02em;margin:0 0 calc(var(--space)*2);}
.ni9x-seotext__col h3{
  font-family:var(--font-head);font-size:1.1rem;
  color:#F4A832;text-transform:uppercase;letter-spacing:.04em;
  margin:calc(var(--space)*4) 0 calc(var(--space)*1.5);
}
.ni9x-seotext__col p{color:#A07850;line-height:1.75;margin:0 0 calc(var(--space)*2);}
.ni9x-seotext__col--side{
  background:#1C0F08;
  padding:calc(var(--space)*4);
  align-self:start;
  border:1px solid rgba(244,168,50,.2);
}
.ni9x-btn-accent{
  display:inline-block;margin-top:calc(var(--space)*2);
  background:linear-gradient(135deg,#E8821A,#F4A832);
  color:#110800;font-family:var(--font-head);font-weight:700;
  font-size:.9rem;letter-spacing:.05em;text-transform:uppercase;
  padding:12px 24px;border-radius:0;text-decoration:none;
  box-shadow:0 0 20px rgba(232,130,26,.4);
}

/* TRUST */
.ni9x-trust{
  background:#110800;
  border-top:2px solid rgba(244,168,50,.15);
  border-bottom:2px solid rgba(244,168,50,.15);
}
.ni9x-trust__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*5) calc(var(--space)*6);
  display:flex;align-items:center;gap:calc(var(--space)*4);
}
.ni9x-trust__overline{
  font-family:var(--font-head);font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:#F4A832;
  white-space:nowrap;
}
.ni9x-trust__inner h2{
  margin:0;font-size:1.5rem;text-transform:uppercase;letter-spacing:.03em;
  color:#FFF8F0;
}

/* ASSORTMENT TEASER */
.ni9x-assort{background:#1C0F08;}
.ni9x-assort__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*7) calc(var(--space)*6);
  display:grid;grid-template-columns:2fr 3fr;
  gap:calc(var(--space)*7);align-items:start;
}
.ni9x-assort__text h2{text-transform:uppercase;letter-spacing:.02em;margin:0 0 calc(var(--space)*2);}
.ni9x-assort__text p{color:#A07850;line-height:1.7;}
.ni9x-assort__tags{
  list-style:none;margin:0;padding:0;
  display:flex;flex-wrap:wrap;gap:calc(var(--space)*1.5);
  align-content:flex-start;
}
.ni9x-assort__tags li{
  background:#2A1508;
  border:1px solid rgba(244,168,50,.2);
  color:#F5E6D3;font-size:14px;
  padding:8px 18px;
  transition:background .2s,border-color .2s;
}
.ni9x-assort__tags li:hover{background:#7B2D00;border-color:rgba(244,168,50,.5);}

/* FAQ */
.ni9x-faq{background:#2A1508;}
.ni9x-faq__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*8) calc(var(--space)*6);
}
.ni9x-faq__inner h2{
  text-transform:uppercase;letter-spacing:.04em;
  margin:0 0 calc(var(--space)*5);
}
.ni9x-faq__grid{
  display:grid;grid-template-columns:1fr 1fr;
  gap:calc(var(--space)*4);
}
.ni9x-faq__item{
  background:#1C0F08;
  padding:calc(var(--space)*4);
  border-top:2px solid rgba(244,168,50,.35);
}
.ni9x-faq__q{
  display:flex;gap:calc(var(--space)*2);
  font-family:var(--font-head);font-size:1rem;font-weight:700;
  color:#FFF8F0;margin:0 0 calc(var(--space)*1.5);line-height:1.3;
}
.ni9x-faq__n{
  flex-shrink:0;
  font-family:var(--font-head);font-size:1.6rem;line-height:1;
  color:rgba(244,168,50,.3);
}
.ni9x-faq__a{color:#A07850;font-size:.95rem;line-height:1.7;margin:0;}

/* ABOUT */
.ni9x-about{background:#110800;}
.ni9x-about__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*8) calc(var(--space)*6);
  display:grid;grid-template-columns:3fr 1fr;
  gap:calc(var(--space)*8);align-items:center;
}
.ni9x-about__copy h2{text-transform:uppercase;letter-spacing:.03em;margin:0 0 calc(var(--space)*2);}
.ni9x-about__copy p{color:#A07850;line-height:1.75;margin:0 0 calc(var(--space)*2);}
.ni9x-about__badge{
  text-align:center;
  border:1px solid rgba(244,168,50,.25);
  padding:calc(var(--space)*4);
}
.ni9x-about__year{
  display:block;font-family:var(--font-head);font-size:3rem;font-weight:700;
  color:#F4A832;line-height:1;
  text-shadow:0 0 24px rgba(244,168,50,.5);
}
.ni9x-about__tagline{
  display:block;font-size:13px;color:#A07850;line-height:1.4;
  margin-top:calc(var(--space)*1.5);
}

/* FINAL CTA */
.ni9x-finalcta{
  background:linear-gradient(135deg,#110800,#7B2D00 60%,#C45A10);
  text-align:center;
}
.ni9x-finalcta__inner{
  max-width:680px;margin:0 auto;
  padding:calc(var(--space)*10) calc(var(--space)*4);
}
.ni9x-finalcta__inner h2{
  text-transform:uppercase;letter-spacing:.04em;
  margin:0 0 calc(var(--space)*2);font-size:calc(var(--fs-base)*var(--type-ratio)*1.6);
}
.ni9x-finalcta__inner p{color:rgba(245,230,211,.8);margin:0 0 calc(var(--space)*4);}
.ni9x-btn-hero{
  display:inline-block;
  background:linear-gradient(135deg,#E8821A,#F4A832,#FFD080);
  color:#110800;font-family:var(--font-head);font-weight:700;
  font-size:1.35rem;letter-spacing:.04em;
  padding:18px 48px;border-radius:0;text-decoration:none;
  box-shadow:0 0 40px rgba(244,168,50,.55);
  transition:box-shadow .25s,transform .15s;
}
.ni9x-btn-hero:hover{box-shadow:0 0 60px rgba(244,168,50,.8);transform:translateY(-2px);}
.ni9x-finalcta__age{color:#A07850;font-size:12px;margin:calc(var(--space)*2) 0 0;}

/* HOW TO ORDER */
.ni9x-how{background:#2A1508;}
.ni9x-how__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*8) calc(var(--space)*6);
}
.ni9x-how__inner h2{
  text-transform:uppercase;letter-spacing:.04em;
  margin:0 0 calc(var(--space)*5);
}
.ni9x-how__steps{
  list-style:none;margin:0;padding:0;
  display:flex;flex-direction:column;gap:0;
}
.ni9x-how__step{
  display:flex;gap:calc(var(--space)*5);align-items:flex-start;
  padding:calc(var(--space)*4) 0;
  border-bottom:1px solid rgba(244,168,50,.12);
}
.ni9x-how__step:last-child{border-bottom:none;}
.ni9x-how__num{
  flex-shrink:0;
  font-family:var(--font-head);font-size:2.5rem;font-weight:700;
  color:rgba(244,168,50,.25);line-height:1;width:64px;
}
.ni9x-how__step strong{
  font-family:var(--font-head);font-size:1.05rem;
  color:#FFF8F0;display:block;margin-bottom:6px;
}
.ni9x-how__step p{color:#A07850;margin:0;font-size:.95rem;line-height:1.65;}

/* BENEFITS BENTO */
.ni9x-benefits{background:#1C0F08;}
.ni9x-benefits__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*8) calc(var(--space)*6);
}
.ni9x-benefits__inner h2{
  text-transform:uppercase;letter-spacing:.04em;
  margin:0 0 calc(var(--space)*5);
}
.ni9x-bento{
  display:grid;
  grid-template-columns:1fr 1fr;
  grid-template-rows:auto auto;
  gap:calc(var(--space)*2);
}
.ni9x-bento__cell{
  background:#2A1508;
  padding:calc(var(--space)*4) calc(var(--space)*4);
  border:1px solid rgba(244,168,50,.15);
  display:flex;flex-direction:column;gap:calc(var(--space)*1.5);
  transition:border-color .2s;
}
.ni9x-bento__cell:hover{border-color:rgba(244,168,50,.4);}
.ni9x-bento__cell:first-child{
  grid-column:span 1;grid-row:span 2;
  padding:calc(var(--space)*6);
}
.ni9x-bento__ico{font-size:2rem;line-height:1;}
.ni9x-bento__cell strong{
  font-family:var(--font-head);font-size:1.05rem;
  color:#FFF8F0;text-transform:uppercase;letter-spacing:.03em;
}
.ni9x-bento__cell p{color:#A07850;font-size:.9rem;line-height:1.65;margin:0;}

/* FOOTER */
.ni9x-footer{
  background:#110800;
  border-top:1px solid rgba(244,168,50,.15);
}
.ni9x-footer__inner{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*5) calc(var(--space)*6);
  display:grid;grid-template-columns:1fr 1fr 1fr;
  gap:calc(var(--space)*4);align-items:start;
}
.ni9x-footer__brand strong{
  display:block;font-family:var(--font-head);
  color:#FFF8F0;font-size:1rem;text-transform:uppercase;letter-spacing:.06em;
  margin-bottom:4px;
}
.ni9x-footer__brand span{color:#A07850;font-size:13px;}
.ni9x-footer__contacts a{
  display:block;color:#F4A832;font-family:var(--font-head);
  font-size:1.05rem;text-decoration:none;margin-bottom:4px;
}
.ni9x-footer__contacts span{color:#A07850;font-size:13px;}
.ni9x-footer__legal p{color:#A07850;font-size:12px;line-height:1.6;}
.ni9x-footer__seo{
  max-width:var(--container);margin:0 auto;
  padding:calc(var(--space)*3) calc(var(--space)*6) calc(var(--space)*5);
  border-top:1px solid rgba(244,168,50,.08);
}
.ni9x-footer__seo p{color:#A07850;font-size:13px;line-height:1.7;margin:0 0 8px;}

/* RESPONSIVE */
@media(max-width:900px){
  .ni9x-nav__inner{grid-template-columns:1fr auto;gap:0;}
  .ni9x-nav__left{display:none;}
  .ni9x-nav__right{gap:calc(var(--space)*2);}
  .ni9x-hero__inner{grid-template-columns:1fr;padding:calc(var(--space)*6) calc(var(--space)*3);}
  .ni9x-hero__diagonal{display:none;}
  .ni9x-concierge{order:-1;}
  .ni9x-pain__inner,.ni9x-seotext__inner,.ni9x-urgency__inner,.ni9x-assort__inner,.ni9x-about__inner{grid-template-columns:1fr;}
  .ni9x-pain__stat{justify-content:center;}
  .ni9x-geo__inner{grid-template-columns:1fr;grid-template-rows:auto;}
  .ni9x-geo__label{writing-mode:horizontal-tb;transform:none;margin-bottom:calc(var(--space)*2);}
  .ni9x-trust__inner{flex-direction:column;gap:calc(var(--space)*2);}
  .ni9x-faq__grid{grid-template-columns:1fr;}
  .ni9x-bento{grid-template-columns:1fr;}
  .ni9x-bento__cell:first-child{grid-row:span 1;}
  .ni9x-footer__inner{grid-template-columns:1fr;}
  .ni9x-how__inner,.ni9x-faq__inner,.ni9x-benefits__inner,.ni9x-about__inner,.ni9x-finalcta__inner,.ni9x-geo__inner,.ni9x-seotext__inner,.ni9x-assort__inner,.ni9x-urgency__inner,.ni9x-pain__inner,.ni9x-footer__inner,.ni9x-footer__seo{padding-left:calc(var(--space)*3);padding-right:calc(var(--space)*3);}
}