:root {
  --red: #c4101b;
  --wine: #6e070d;
  --wine-deep: #360204;
  --gold: #d5b06c;
  --ivory: #f4eee4;
  --ink: #17100e;
  --font-display: "Noto Serif Display", Georgia, serif;
  --font-body: "Manrope", Arial, sans-serif;
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
html, body { max-width: 100%; overflow-x: clip; }
body { margin: 0; background: var(--wine-deep); color: var(--ivory); font-family: var(--font-body); }
img, svg { max-width: 100%; }
input, select, button { max-width: 100%; }
summary, p, h1, h2, h3, li, dd { overflow-wrap: anywhere; }

/* Responsive header */
.site-header {
  position:absolute;
  z-index:50;
  top:0;
  left:0;
  right:0;
  min-height:76px;
  padding:0 max(4vw,48px);
  display:grid;
  grid-template-columns:auto 1fr auto;
  gap:38px;
  align-items:center;
  border-bottom:1px solid rgba(213,176,108,.25);
  background:linear-gradient(180deg,rgba(38,0,3,.76),rgba(38,0,3,.14));
  backdrop-filter:blur(7px);
}
.site-header__brand { display:grid; gap:3px; color:#fff; text-decoration:none; text-transform:uppercase; }
.site-header__brand span { color:var(--gold); font-size:8px; font-weight:600; letter-spacing:.22em; }
.site-header__brand strong { font-family:var(--font-display); font-size:18px; font-weight:600; letter-spacing:.04em; }
.site-header__nav { display:flex; justify-content:center; gap:clamp(18px,2.5vw,42px); }
.site-header__nav a { position:relative; padding:28px 0 25px; color:rgba(255,248,235,.76); font-size:9px; font-weight:600; letter-spacing:.08em; text-decoration:none; text-transform:uppercase; }
.site-header__nav a::after { content:""; position:absolute; left:0; right:100%; bottom:19px; height:1px; background:var(--gold); transition:right .2s ease; }
.site-header__nav a:hover { color:#fff; }
.site-header__nav a:hover::after { right:0; }
.site-header__cta { min-height:40px; padding:0 18px; display:grid; place-items:center; border:1px solid #e5c47d; color:#3f0205; background:linear-gradient(#f4d99d,#d5b06c); text-decoration:none; text-transform:uppercase; font-size:9px; font-weight:700; letter-spacing:.06em; }
.site-header__mobile-menu { display:none; }

@media (max-width: 900px) {
  .site-header { min-height:64px; padding:0 16px; grid-template-columns:1fr auto auto; gap:10px; background:rgba(48,1,5,.84); backdrop-filter:blur(12px); }
  .site-header__brand span { font-size:6px; }
  .site-header__brand strong { font-size:14px; }
  .site-header__nav { display:none; }
  .site-header__cta { min-height:36px; padding-inline:12px; font-size:8px; }
  .site-header__mobile-menu { display:block; }
  .site-header__mobile-menu:not([open]) nav { display:none; }
  .site-header__mobile-menu summary { width:38px; height:38px; display:grid; place-content:center; gap:4px; border:1px solid rgba(213,176,108,.45); cursor:pointer; list-style:none; }
  .site-header__mobile-menu summary::-webkit-details-marker { display:none; }
  .site-header__mobile-menu summary span { width:17px; height:1px; display:block; background:#f1d79d; transition:transform .2s ease,opacity .2s ease; }
  .site-header__mobile-menu[open] summary span:nth-child(1) { transform:translateY(5px) rotate(45deg); }
  .site-header__mobile-menu[open] summary span:nth-child(2) { opacity:0; }
  .site-header__mobile-menu[open] summary span:nth-child(3) { transform:translateY(-5px) rotate(-45deg); }
  .site-header__mobile-menu nav { position:absolute; top:64px; left:0; right:0; padding:12px 16px 18px; display:grid; border-top:1px solid rgba(213,176,108,.22); background:rgba(45,1,4,.97); box-shadow:0 18px 40px rgba(0,0,0,.34); }
  .site-header__mobile-menu nav a { min-height:47px; display:flex; align-items:center; border-bottom:1px solid rgba(213,176,108,.15); color:rgba(255,248,235,.82); font-size:10px; font-weight:600; letter-spacing:.04em; text-decoration:none; }
  .site-header__mobile-menu nav a:last-child { margin-top:10px; padding:0 14px; justify-content:center; border:1px solid var(--gold); color:#3e0205; background:linear-gradient(#f4d99d,#d5b06c); text-transform:uppercase; }
  .hero__inner { padding-top:94px; }
}

.hero {
  position: relative;
  isolation: isolate;
  min-height: 100svh;
  overflow: hidden;
  display: grid;
  align-items: center;
}

.hero__background,
.hero__background > * { position: absolute; inset: 0; pointer-events: none; }
.hero__background { z-index: -2; }
.hero__wash {
  background:
    linear-gradient(90deg, rgba(25,0,2,.2) 0%, rgba(40,1,4,.08) 43%, transparent 68%),
    url("/hnkt_damda_landing_v2/static/src/assets/hero-visual-desktop.webp") center / cover no-repeat,
    #3b0205;
}
.hero__rays {
  opacity: .12;
  background: repeating-conic-gradient(from 252deg at 79% 50%, rgba(213,176,108,.56) 0 .08deg, transparent .08deg 4deg);
  -webkit-mask-image: radial-gradient(circle at 79% 50%, #000 0 58%, transparent 83%);
  mask-image: radial-gradient(circle at 79% 50%, #000 0 58%, transparent 83%);
}
.hero__diamond {
  inset: -35% 0 -35% 42%;
  border: 1px solid rgba(213,176,108,.32);
  transform: rotate(45deg) scale(.72);
  box-shadow: 0 0 0 1px rgba(213,176,108,.1) inset;
}
.hero__glow {
  background: radial-gradient(ellipse at 76% 68%, rgba(255,238,205,.17), transparent 38%);
  filter: blur(18px);
}
.hero__grain {
  opacity: .17;
  background-image: url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
  mix-blend-mode: soft-light;
}

.hero__inner {
  width: min(1440px, calc(100% - 80px));
  margin: auto;
  padding: 116px 0 70px;
  display: grid;
  grid-template-columns: minmax(0, .92fr) minmax(540px, 1.08fr);
  gap: clamp(36px, 5vw, 88px);
  align-items: center;
}
.hero__copy { position: relative; z-index: 3; max-width: 690px; }
.hero__eyebrow { margin: 0 0 28px; color: rgba(244,238,228,.78); font-size: 12px; line-height: 1.8; letter-spacing: .1em; text-transform: uppercase; }
.hero__eyebrow i { display: inline-block; width: 4px; height: 4px; margin: 0 10px 2px; background: var(--gold); transform: rotate(45deg); }
.hero__brand { margin: 0 0 14px; color: var(--gold); font: 500 clamp(18px,1.6vw,25px)/1 "Playfair Display", serif; letter-spacing: .08em; text-transform: uppercase; }
.hero__brand span { color: #fff; }
h1 { margin: 0; max-width: 14ch; color: #fff; font: 500 clamp(42px,4.3vw,72px)/1.04 "Playfair Display", serif; letter-spacing: -.035em; text-wrap: balance; }
h1 em { color: var(--gold); font-style: normal; }
.hero__description { max-width: 66ch; margin: 28px 0 0; color: rgba(244,238,228,.78); font-size: 15px; line-height: 1.75; }
.hero__offer { display: flex; align-items: end; gap: 24px; margin: 30px 0 24px; }
.hero__offer div { display: grid; gap: 2px; }
.hero__offer span, .hero__offer p { margin: 0; color: rgba(244,238,228,.66); font-size: 12px; }
.hero__offer strong { color: #fff; font: 600 clamp(36px,3vw,52px)/1 "Playfair Display", serif; }
.hero__offer p { display: grid; gap: 7px; padding-bottom: 5px; }
.hero__offer b { color: var(--gold); font-weight: 600; }
.hero__cta { min-height: 58px; width: fit-content; padding: 0 24px 0 28px; display: inline-flex; align-items: center; gap: 22px; border: 1px solid #e9c985; color: var(--wine-deep); background: linear-gradient(180deg,#f7dfae,#d5b06c); box-shadow: 0 12px 34px rgba(0,0,0,.28); text-decoration: none; text-transform: uppercase; font-size: 13px; font-weight: 700; letter-spacing: .035em; transition: transform .2s ease, box-shadow .2s ease; clip-path: polygon(16px 0,100% 0,100% calc(100% - 16px),calc(100% - 16px) 100%,0 100%,0 16px); }
.hero__cta:hover { transform: translateY(-2px); box-shadow: 0 18px 42px rgba(0,0,0,.35); }
.hero__cta svg { width: 22px; fill: none; stroke: currentColor; stroke-width: 1.7; }
.hero__trust { margin: 26px 0 0; padding: 0; display: flex; flex-wrap: wrap; gap: 10px 20px; color: rgba(244,238,228,.7); font-size: 11px; list-style: none; }
.hero__trust span { color: var(--gold); }

.hero__visual { position: relative; min-height: 700px; align-self: stretch; }
.hero__visual > * { display: none; }
.hero__halo { position: absolute; width: 68%; aspect-ratio: 1; right: 7%; top: 14%; border-radius: 50%; border: 1px solid rgba(213,176,108,.55); background: radial-gradient(circle,rgba(244,238,228,.2),rgba(213,176,108,.05) 55%,transparent 56%); }
.hero__box,.hero__pouch { position: absolute; display: block; object-fit: contain; filter: saturate(1.03) contrast(1.02) drop-shadow(0 30px 45px rgba(15,0,0,.46)); }
.hero__box { width: 78%; right: 7%; bottom: 1%; }
.hero__pouch { width: 31%; right: 0; bottom: 0; z-index: 2; }
.hero__fact { position: absolute; z-index: 4; margin: 0; min-width: 92px; padding: 12px 14px; border: 1px solid rgba(213,176,108,.55); background: rgba(63,2,6,.78); backdrop-filter: blur(8px); box-shadow: 0 12px 30px rgba(0,0,0,.18); }
.hero__fact strong,.hero__fact span { display: block; }
.hero__fact strong { color: var(--gold); font: 600 23px/1 "Playfair Display",serif; }
.hero__fact span { margin-top: 3px; color: rgba(244,238,228,.74); font-size: 9px; text-transform: uppercase; letter-spacing: .08em; }
.hero__fact--one { top: 17%; left: 0; }
.hero__fact--two { top: 35%; right: 1%; }
.hero__fact--three { bottom: 10%; left: 1%; }
.hero__visual .hero__halo,
.hero__visual .hero__box,
.hero__visual .hero__pouch,
.hero__visual .hero__fact { display: none; }
.hero__mobile-cta { display: none; }

/* Odoo theme collision guards.
 * The HNKT website theme also owns generic `.hero`, `.site-header`, and `h1`
 * selectors. Scope the landing hero with its unique id so those global rules
 * cannot turn the section into an outer grid or override its text contrast.
 */
#top.hero {
  display: block;
  align-items: initial;
}
#top.hero .hero__inner {
  width: min(1440px, calc(100% - 80px));
  grid-template-columns: minmax(0, .92fr) minmax(540px, 1.08fr);
}
#top.hero #hero-title {
  width: 100%;
  max-width: none;
  color: #fff;
  overflow-wrap: normal;
  word-break: normal;
}
#top.hero #hero-title em { color: var(--gold); }
html body header.site-header {
  background: linear-gradient(180deg,rgba(38,0,3,.92),rgba(38,0,3,.64)) !important;
}

@media (max-width: 1040px) {
  .hero__inner { grid-template-columns: minmax(0,1fr) minmax(430px,.86fr); width: min(100% - 48px,1120px); }
  .hero__visual { min-height: 600px; }
  .hero__fact { display: none; }
}

@media (max-width: 900px) {
  html body header.site-header { background: rgba(48,1,5,.94) !important; }
  .hero { min-height: auto; padding-bottom: 84px; }
  .hero__wash {
    background:
      linear-gradient(180deg, rgba(27,0,2,.14) 0%, rgba(45,2,5,.04) 55%, rgba(45,2,5,.18) 100%),
      url("/hnkt_damda_landing_v2/static/src/assets/hero-visual-mobile.webp") center / cover no-repeat,
      #410307;
  }
  .hero__rays { opacity: .08; background: repeating-conic-gradient(from 224deg at 50% 62%,rgba(213,176,108,.6) 0 .1deg,transparent .1deg 7deg); -webkit-mask-image: radial-gradient(circle at 50% 62%,#000,transparent 69%); mask-image: radial-gradient(circle at 50% 62%,#000,transparent 69%); }
  .hero__diamond { inset: 2% -62% 43%; transform: rotate(45deg); }
  .hero__inner,
  #top.hero .hero__inner { width: calc(100% - 40px); padding: 96px 0 34px; grid-template-columns: 1fr; gap: 14px; }
  .hero__copy { display: contents; }
  .hero__eyebrow { order: 1; margin: 0; font-size: 9px; text-align: center; }
  .hero__eyebrow i { margin-inline: 5px; }
  .hero__brand { order: 2; margin: 20px 0 0; text-align: center; font-size: 16px; }
  #top.hero #hero-title { order:3; max-width:12ch; margin:0 auto; font-size:clamp(32px,9.2vw,40px); line-height:1.12; text-align:center; text-shadow:0 2px 8px rgba(20,0,2,.8); }
  .hero__description { order:4; margin:12px 0 0; padding:14px 15px; color:#fff8eb; background:rgba(48,0,3,.88); border:1px solid rgba(226,190,112,.58); backdrop-filter:blur(7px); text-shadow:0 1px 3px rgba(0,0,0,.75); font-size:13px; line-height:1.65; text-align:center; }
  .hero__visual { order:5; min-height:420px; margin-top:8px; }
  .hero__halo { width: 88%; right: 6%; top: 4%; }
  .hero__box { width: 89%; right: 8%; bottom: 0; }
  .hero__pouch { width: 37%; right: 0; bottom: 0; }
  .hero__offer { order: 6; justify-content:center; margin:12px 0 8px; padding:12px 14px; background:rgba(48,0,3,.76); border-block:1px solid rgba(226,190,112,.42); backdrop-filter:blur(6px); }
  .hero__offer span,
  .hero__offer p { color:rgba(255,248,235,.88); }
  .hero__offer strong { font-size: 38px; }
  .hero__cta { order: 7; display: none; }
  .hero__trust { order:8; justify-content:center; margin-top:4px; padding:10px 8px; gap:7px 13px; color:#fff8eb; background:rgba(48,0,3,.72); border-top:1px solid rgba(226,190,112,.38); text-shadow:0 1px 2px rgba(0,0,0,.75); font-size:10px; }
  body { padding-bottom:calc(84px + env(safe-area-inset-bottom)); }
  .hero__mobile-cta { position:fixed; z-index:100; left:10px; right:10px; bottom:max(10px,env(safe-area-inset-bottom)); min-height:64px; padding:8px 8px 8px 16px; display:flex; align-items:center; justify-content:space-between; border:1px solid rgba(213,176,108,.7); background:rgba(55,2,6,.96); backdrop-filter:blur(14px); box-shadow:0 8px 24px rgba(0,0,0,.42); }
  .hero__mobile-cta div { display: grid; }
  .hero__mobile-cta small { color: rgba(244,238,228,.64); font-size: 9px; }
  .hero__mobile-cta strong { color: #fff; font: 600 21px/1.15 "Playfair Display",serif; }
  .hero__mobile-cta a { padding: 15px 16px; color: var(--wine-deep); background: linear-gradient(#f7dfae,#d5b06c); text-decoration: none; text-transform: uppercase; font-size: 10px; font-weight: 700; }
}

@media (prefers-reduced-motion: reduce) { * { scroll-behavior: auto !important; transition: none !important; } }

/* Section 2 — Problem */
.problem {
  position: relative;
  isolation: isolate;
  min-height: min(900px, 100svh);
  overflow: hidden;
  display: grid;
  align-items: center;
  background:
    linear-gradient(90deg, transparent 0 40%, rgba(255,250,241,.03) 52%, rgba(255,250,241,.08)),
    url("/hnkt_damda_landing_v2/static/src/assets/problem-visual-desktop-v2.png") center / cover no-repeat,
    var(--wine);
}

.problem__content {
  width: min(780px, 48vw);
  margin: 0 max(3vw, 42px) 0 auto;
  padding: 50px 38px 46px;
  color: var(--ink);
  text-align: center;
}

.problem__label {
  margin: 0 0 20px;
  color: #a56e25;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.problem h2 {
  margin: 0 auto;
  max-width: 16ch;
  color: var(--wine);
  font: 500 clamp(36px, 3.45vw, 59px)/1.08 "Playfair Display", serif;
  letter-spacing: -.028em;
  text-wrap: balance;
}

.problem__lead {
  margin: 20px auto 0;
  color: #493c37;
  font-size: 14px;
  line-height: 1.65;
}

.problem blockquote {
  width: min(520px, 90%);
  margin: 24px auto 20px;
  padding: 13px 20px 15px;
  border-block: 1px solid rgba(165,110,37,.48);
  color: #8b151d;
  font: italic 500 clamp(18px,1.5vw,25px)/1.35 "Playfair Display",serif;
}

.problem__list {
  max-width: 590px;
  margin: 0 auto;
  padding: 0;
  display: grid;
  text-align: left;
  list-style: none;
}

.problem__list li {
  min-height: 58px;
  display: grid;
  grid-template-columns: 38px 1fr;
  gap: 14px;
  align-items: center;
  border-bottom: 1px solid rgba(110,7,13,.12);
}

.problem__list span {
  width: 31px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  color: var(--ivory);
  background: var(--wine);
  border: 1px solid var(--gold);
  font: 500 11px/1 "Playfair Display",serif;
  clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.problem__list p { margin: 0; color: #3e322e; font-size: 13px; line-height: 1.55; }
.problem__list b { color: #a56e25; }

.problem__closing {
  max-width: 570px;
  margin: 14px auto 0;
  padding: 14px 18px 0;
  border-top: 1px solid rgba(165,110,37,.42);
  color: #493c37;
  font: 500 15px/1.55 "Playfair Display",serif;
}
.problem__closing strong { color: #9e121b; letter-spacing: .08em; }

@media (max-width: 900px) {
  .problem {
    min-height: 1600px;
    align-items: start;
    background:
      linear-gradient(180deg, rgba(30,0,2,.05), transparent 32%, rgba(52,2,6,.05) 78%),
      url("/hnkt_damda_landing_v2/static/src/assets/problem-visual-mobile.webp") center / cover no-repeat,
      var(--wine);
  }

  .problem__content {
    width: calc(100% - 44px);
    margin: 0 auto;
    padding: 475px 24px 0;
    text-align: center;
  }

  .problem__label { margin-bottom: 12px; font-size: 9px; }
  .problem h2 { max-width: 13ch; font-size: 32px; line-height: 1.04; }
  .problem__lead { margin-top: 14px; font-size: 12px; line-height: 1.55; }
  .problem blockquote { margin: 16px auto 12px; padding: 10px 8px; font-size: 17px; }
  .problem__list { max-width: 100%; }
  .problem__list li { min-height: 58px; grid-template-columns: 32px 1fr; gap: 9px; }
  .problem__list span { width: 27px; font-size: 9px; }
  .problem__list p { font-size: 10px; line-height: 1.38; }
  .problem__closing { margin-top: 9px; padding-top: 9px; font-size: 11px; }
}

/* Section 3 — Product introduction */
.product-intro {
  position: relative;
  isolation: isolate;
  min-height: 920px;
  overflow: hidden;
  display: grid;
  align-items: center;
  background: url("/hnkt_damda_landing_v2/static/src/assets/product-intro-visual-desktop.webp") center / cover no-repeat, #f1e9dc;
}

.product-intro::after {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -1;
  pointer-events: none;
  background: linear-gradient(90deg, rgba(249,245,237,.18) 0 38%, transparent 56%);
}

.product-intro__content {
  width: min(620px, 41vw);
  margin-left: max(6vw, 76px);
  padding: 72px 0;
  color: var(--ink);
}

.product-intro__label {
  margin: 0 0 20px;
  color: #a56e25;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.product-intro h2 {
  margin: 0;
  max-width: 13ch;
  color: var(--wine);
  font: 500 clamp(40px, 3.7vw, 62px)/1.06 "Playfair Display", serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.product-intro h2 em { color: #a56e25; font-style: italic; }

.product-intro__description {
  max-width: 58ch;
  margin: 26px 0 0;
  color: #493c37;
  font-size: 14px;
  line-height: 1.75;
}

.product-intro__facts {
  margin: 34px 0 0;
  padding: 22px 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  border-block: 1px solid rgba(165,110,37,.42);
}

.product-intro__facts div {
  min-width: 0;
  display: grid;
  grid-template-columns: auto 1fr;
  gap: 10px;
  align-items: center;
  padding: 0 18px;
  border-right: 1px solid rgba(110,7,13,.14);
}
.product-intro__facts div:first-child { padding-left: 0; }
.product-intro__facts div:last-child { padding-right: 0; border-right: 0; }
.product-intro__facts dt { color: var(--wine); font: 500 clamp(30px,2.4vw,42px)/1 "Playfair Display",serif; }
.product-intro__facts dd { margin: 0; color: #6d5b51; font-size: 10px; line-height: 1.45; text-transform: uppercase; letter-spacing: .06em; }
.product-intro__facts dd strong { color: #2f211d; font-weight: 600; }

.product-intro__pack {
  margin: 22px 0 0;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 18px;
  color: #5d4b42;
  font-size: 11px;
}
.product-intro__pack strong { color: var(--wine); font: 500 18px/1.35 "Playfair Display",serif; }

@media (min-width: 901px) {
  .product-intro__facts div {
    grid-template-columns: 1fr;
    align-content: center;
    gap: 7px;
    padding-inline: 14px;
  }
  .product-intro__facts dd { width:100%; }
  .product-intro__pack { justify-content:flex-start; text-align:left; }
  .product-intro__pack strong { order:-1; flex:0 0 auto; margin-right:14px; }
  .product-intro__pack span { max-width:30ch; }
}

@media (max-width: 900px) {
  .product-intro {
    min-height: 1600px;
    display: block;
    background: url("/hnkt_damda_landing_v2/static/src/assets/product-intro-visual-mobile.webp") center top / cover no-repeat, #f1e9dc;
  }

  .product-intro::after {
    background: linear-gradient(180deg, rgba(249,245,237,.14) 0 28%, transparent 45% 72%, rgba(50,1,4,.16));
  }

  .product-intro__content {
    width: auto;
    margin: 0;
    padding: 70px 24px 48px;
    text-align: center;
  }

  .product-intro__label { margin-bottom: 12px; font-size: 9px; }
  .product-intro h2 { max-width: 12ch; margin: 0 auto; font-size: 34px; line-height: 1.04; }
  .product-intro__description { max-width: 34ch; margin: 16px auto 0; font-size: 11px; line-height: 1.62; }

  .product-intro__facts {
    margin: 820px auto 0;
    max-width: 342px;
    padding: 0;
    grid-template-columns: 1fr;
    border: 1px solid rgba(230,198,133,.62);
    background: rgba(64,2,6,.82);
    backdrop-filter: blur(10px);
    text-align: left;
  }

  .product-intro__facts div {
    min-height: 76px;
    grid-template-columns: 72px 1fr;
    padding: 0 20px;
    border-right: 0;
    border-bottom: 1px solid rgba(230,198,133,.25);
  }
  .product-intro__facts div:first-child,
  .product-intro__facts div:last-child { padding: 0 20px; }
  .product-intro__facts div:last-child { border-bottom: 0; }
  .product-intro__facts dt { color: var(--gold); font-size: 35px; text-align: right; }
  .product-intro__facts dd { color: rgba(244,238,228,.68); font-size: 9px; }
  .product-intro__facts dd strong { color: #fff; }

  .product-intro__pack {
    max-width: 342px;
    margin: 12px auto 0;
    padding: 16px 18px;
    display: grid;
    gap: 4px;
    border: 1px solid rgba(230,198,133,.35);
    color: rgba(244,238,228,.7);
    background: rgba(64,2,6,.68);
    text-align: center;
  }
  .product-intro__pack strong { color: #f0d59d; font-size: 17px; }
}

/* Section 4 — Benefits */
.benefits {
  position: relative;
  isolation: isolate;
  min-height: 980px;
  overflow: hidden;
  color: var(--ink);
  background:
    linear-gradient(90deg,rgba(250,246,238,.1) 0 42%,transparent 58%),
    url("/hnkt_damda_landing_v2/static/src/assets/benefits-lifestyle-desktop.webp") center / cover no-repeat,
    #faf6ee;
}

.benefits::before {
  content: "";
  position: absolute;
  inset: 0;
  z-index: -2;
  pointer-events: none;
  opacity: .48;
  background: repeating-radial-gradient(ellipse at 14% 0%, transparent 0 18px, rgba(185,129,53,.16) 19px 20px, transparent 21px 35px);
  -webkit-mask-image: linear-gradient(135deg, #000, transparent 55%);
  mask-image: linear-gradient(135deg, #000, transparent 55%);
}

.benefits__visual {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 52%;
  display:none;
}

.benefits__content {
  width: min(720px, 49vw);
  padding: 82px 0 60px max(5vw, 64px);
}

.benefits__label {
  margin: 0 0 16px;
  color: #a56e25;
  font-size: 11px;
  font-weight: 600;
  letter-spacing: .28em;
  text-transform: uppercase;
}

.benefits h2 {
  margin: 0;
  max-width: 14ch;
  color: var(--wine);
  font: 500 clamp(40px,3.45vw,58px)/1.06 "Playfair Display",serif;
  letter-spacing: -.035em;
  text-wrap: balance;
}
.benefits h2 > span { color: #b57a2a; font-size: 1.55em; line-height: .7; vertical-align: -.08em; }

.benefits__list {
  max-width: 670px;
  margin: 38px 0 0;
  padding: 0;
  display: grid;
  grid-template-columns: repeat(2, minmax(0,1fr));
  border-top: 1px solid rgba(165,110,37,.42);
  list-style: none;
  background:rgba(255,250,241,.84);
  backdrop-filter:blur(8px);
}

.benefits__list li {
  min-height: 148px;
  display: grid;
  grid-template-columns: 42px 1fr;
  gap: 14px;
  padding: 22px 20px 20px 0;
  border-right: 1px solid rgba(110,7,13,.13);
  border-bottom: 1px solid rgba(165,110,37,.35);
}
.benefits__list li:nth-child(even) { padding-left: 20px; border-right: 0; }
.benefits__list li:last-child { grid-column: 1 / -1; min-height: 124px; padding-right: 42%; }

.benefits__number {
  width: 38px;
  aspect-ratio: 1;
  display: grid;
  place-items: center;
  align-self: start;
  color: #f7e4ba;
  background: var(--wine);
  border: 1px solid var(--gold);
  font: 500 13px/1 "Playfair Display",serif;
  clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);
}
.benefits__list h3 { margin: 0; color: #6f0a10; font: 500 20px/1.25 "Playfair Display",serif; }
.benefits__list p { margin: 8px 0 0; color: #55473f; font-size: 11px; line-height: 1.6; }

.benefits__legal {
  width: fit-content;
  margin: 22px 0 0;
  padding: 9px 16px;
  border: 1px solid rgba(165,110,37,.48);
  color: #7a5f4e;
  font-size: 10px;
  letter-spacing: .04em;
}

@media (max-width: 1100px) and (min-width: 768px) {
  .benefits__content { width: 61vw; padding-left: 40px; }
  .benefits__visual { width: 48%; }
  .benefits__list li:last-child { padding-right: 28%; }
}

@media (max-width: 900px) {
  .benefits {
    min-height: 1660px;
    background:
      linear-gradient(180deg,rgba(250,246,238,.04) 0 26%,transparent 43% 50%,rgba(74,2,6,.18) 70% 100%),
      url("/hnkt_damda_landing_v2/static/src/assets/benefits-lifestyle-mobile.webp") center top / 100% auto no-repeat,
      #65060b;
  }

  .benefits::before { opacity: .3; }
  .benefits__visual { display:none; }

  .benefits__content { width: auto; padding: 70px 24px 56px; }
  .benefits__label { margin-bottom: 12px; text-align: center; font-size: 9px; }
  .benefits h2 { position:relative; z-index:2; max-width:17ch; margin:0 auto; padding:10px 14px 13px; color:#79080e; background:linear-gradient(180deg,rgba(255,250,241,.98),rgba(255,250,241,.92)); border-bottom:1px solid rgba(181,122,42,.42); box-shadow:0 8px 22px rgba(66,3,7,.1); text-align:center; font-size:26px; line-height:1.08; }
  .benefits h2 > span { display: block; margin-bottom: 4px; font-size: 45px; }

  .benefits__list {
    max-width: 342px;
    margin: 510px auto 0;
    grid-template-columns: 1fr;
    padding: 10px 18px;
    border: 1px solid rgba(213,176,108,.55);
    background: rgba(255,250,241,.94);
    box-shadow: 0 24px 55px rgba(36,0,2,.24);
    backdrop-filter: blur(8px);
  }

  .benefits__list li,
  .benefits__list li:nth-child(even),
  .benefits__list li:last-child {
    min-height: 0;
    grid-column: auto;
    grid-template-columns: 38px 1fr;
    gap: 13px;
    padding: 18px 0;
    border-right: 0;
  }
  .benefits__number { width: 34px; font-size: 11px; }
  .benefits__list h3 { font-size: 18px; line-height: 1.2; }
  .benefits__list p { margin-top: 6px; font-size: 10px; line-height: 1.52; }
  .benefits__legal { margin: 18px auto 0; color:#f0d59d; border-color:rgba(230,198,133,.55); background:rgba(73,2,6,.72); text-align: center; font-size: 9px; }
}

/* Section 5 — Trust */
.trust {
  position: relative;
  isolation: isolate;
  min-height: 1000px;
  overflow: hidden;
  display: grid;
  align-items: center;
  color: var(--ivory);
  background:
    radial-gradient(circle at 32% 38%, rgba(163,20,27,.38), transparent 45%),
    linear-gradient(135deg,#300103,#73080d 55%,#250102);
}

.trust::before,
.trust::after {
  content: "";
  position: absolute;
  z-index: -2;
  pointer-events: none;
}
.trust::before { inset: 20px; border: 1px solid rgba(213,176,108,.56); }
.trust::after {
  inset: 0;
  opacity: .18;
  background: repeating-conic-gradient(from 220deg at 78% 20%,rgba(213,176,108,.45) 0 .08deg,transparent .08deg 5deg);
  -webkit-mask-image: radial-gradient(circle at 78% 20%,#000,transparent 62%);
  mask-image: radial-gradient(circle at 78% 20%,#000,transparent 62%);
}

.trust__product {
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  width: 52%;
  background: url("/hnkt_damda_landing_v2/static/src/assets/trust-product-desktop.webp") center right / cover no-repeat;
  -webkit-mask-image: linear-gradient(90deg,transparent 0,#000 22%);
  mask-image: linear-gradient(90deg,transparent 0,#000 22%);
}

.trust__content {
  width: min(760px, 52vw);
  padding: 90px 0 86px max(6vw,72px);
}
.trust__label { margin: 0 0 16px; color: var(--gold); font-size: 11px; font-weight: 600; letter-spacing: .28em; text-transform: uppercase; }
.trust h2 { margin: 0; max-width: 13ch; color: #f4dba7; font: 500 clamp(42px,3.6vw,60px)/1.07 "Playfair Display",serif; letter-spacing: -.035em; text-wrap: balance; }

.trust__proofs { max-width: 690px; margin: 34px 0 0; padding: 0; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); border-top: 1px solid rgba(213,176,108,.4); list-style: none; }
.trust__proofs li { min-height: 126px; padding: 18px 22px 18px 0; display: grid; grid-template-columns: 110px 1fr; gap: 14px; align-items: start; border-right: 1px solid rgba(213,176,108,.2); border-bottom: 1px solid rgba(213,176,108,.32); }
.trust__proofs li:nth-child(even) { padding-left: 22px; border-right: 0; }
.trust__proofs li:last-child { grid-column: 1 / -1; padding-right: 43%; }
.trust__proofs strong { color: #e8c477; font: 500 20px/1.12 "Playfair Display",serif; overflow-wrap: anywhere; }
.trust__proofs p { margin: 0; color: rgba(244,238,228,.72); font-size: 10px; line-height: 1.55; }

.trust__bar { max-width: 690px; margin-top: 26px; padding: 15px 18px; display: grid; grid-template-columns: repeat(4,1fr); border: 1px solid rgba(213,176,108,.58); background: rgba(38,0,2,.42); }
.trust__bar span { padding: 0 13px; color: #efd49e; border-right: 1px solid rgba(213,176,108,.35); font-size: 9px; line-height: 1.4; text-align: center; }
.trust__bar span:last-child { border-right: 0; }

@media (max-width: 900px) {
  .trust {
    min-height: 1420px;
    display: block;
    color: var(--ink);
    background: linear-gradient(180deg,#65060b 0 34%,#faf6ee 34% 100%);
  }
  .trust::before { inset: 12px; border-color: rgba(213,176,108,.38); }
  .trust::after { opacity: .1; }

  .trust__product {
    top: 0;
    right: 0;
    bottom: auto;
    width: 100%;
    height: 610px;
    background: url("/hnkt_damda_landing_v2/static/src/assets/trust-product-mobile.webp") center / cover no-repeat;
    -webkit-mask-image: linear-gradient(180deg,#000 0 78%,transparent 100%);
    mask-image: linear-gradient(180deg,#000 0 78%,transparent 100%);
  }

  .trust__content { width: auto; padding: 600px 24px 56px; text-align: center; }
  .trust__label { margin-bottom: 12px; color: #a56e25; font-size: 9px; }
  .trust h2 { max-width: 12ch; margin: 0 auto; color: var(--wine); font-size: 36px; line-height: 1.06; }

  .trust__proofs { max-width: 342px; margin: 32px auto 0; grid-template-columns: 1fr; text-align: left; }
  .trust__proofs li,
  .trust__proofs li:nth-child(even),
  .trust__proofs li:last-child {
    min-height: 0;
    grid-column: auto;
    grid-template-columns: 92px 1fr;
    gap: 14px;
    padding: 18px 0;
    border-right: 0;
  }
  .trust__proofs strong { color: var(--wine); font-size: 17px; }
  .trust__proofs p { color: #56473f; font-size: 10px; line-height: 1.5; }

  .trust__bar { max-width: 342px; margin: 22px auto 0; padding: 0; grid-template-columns: repeat(2,1fr); background: var(--wine); }
  .trust__bar span { min-height: 52px; padding: 0 8px; display: grid; place-items: center; border-right: 1px solid rgba(213,176,108,.3); border-bottom: 1px solid rgba(213,176,108,.3); color: #f0d59d; font-size: 9px; }
  .trust__bar span:nth-child(even) { border-right: 0; }
  .trust__bar span:nth-child(n+3) { border-bottom: 0; }
}

/* Section 6 — Offer */
.offer {
  position: relative;
  isolation: isolate;
  min-height: 1120px;
  overflow: hidden;
  padding: 76px max(4vw,52px) 64px;
  color: var(--ink);
  background:
    linear-gradient(135deg,#870a11 0 12%,transparent 12% 88%,#870a11 88%),
    radial-gradient(circle at 50% 0,rgba(213,176,108,.16),transparent 32%),
    #faf6ee;
}
.offer::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.22; background:repeating-radial-gradient(ellipse at 50% -10%,transparent 0 21px,rgba(181,122,42,.22) 22px 23px,transparent 24px 39px); }
.offer__heading { text-align:center; }
.offer__heading > p { margin:0 0 12px; color:#a56e25; font-size:11px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; }
.offer h2 { margin:0; color:var(--wine); font:500 clamp(42px,3.7vw,62px)/1.08 "Playfair Display",serif; letter-spacing:-.035em; }

.offer__plans { width:min(1380px,100%); margin:46px auto 0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; align-items:stretch; }
.offer-card { position:relative; min-width:0; padding:25px 24px 28px; display:grid; grid-template-columns:minmax(125px,.8fr) minmax(0,1.2fr); gap:20px; align-items:center; border:1px solid rgba(181,122,42,.55); background:rgba(255,252,246,.9); box-shadow:0 18px 42px rgba(78,12,10,.1); }
.offer-card--featured { border:3px solid #8a0910; box-shadow:0 22px 52px rgba(94,5,9,.2); transform:translateY(-10px); }
.offer-card__index { position:absolute; top:-20px; left:50%; width:43px; aspect-ratio:1; margin:0; display:grid; place-items:center; color:#f3d796; background:var(--wine); border:1px solid var(--gold); font:500 15px/1 "Playfair Display",serif; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.offer-card__badge { position:absolute; top:0; left:0; margin:0; padding:7px 13px; color:#f5dda9; background:var(--wine); font-size:9px; font-weight:700; letter-spacing:.08em; text-transform:uppercase; }
.offer-card img { width:100%; max-height:265px; object-fit:contain; mix-blend-mode:multiply; }
.offer-card__type { margin:0 0 12px; color:#a8121b; font-size:11px; font-weight:700; letter-spacing:.06em; text-transform:uppercase; }
.offer-card h3 { margin:0; color:#2f211d; font:500 20px/1.28 "Playfair Display",serif; }
.offer-card__quantity { margin:6px 0 0; color:#6b5a51; font-size:11px; }
.offer-card__price { margin:18px 0 0; padding-top:15px; border-top:1px solid rgba(181,122,42,.4); color:var(--wine); font:600 clamp(31px,2.6vw,44px)/1 "Playfair Display",serif; white-space:nowrap; }
.offer-card__old,.offer-card__note { margin:8px 0 0; color:#6b5a51; font-size:9px; line-height:1.5; }
.offer-card ul { margin:13px 0 0; padding:0; display:grid; gap:5px; color:#55463e; font-size:9px; list-style:none; }
.offer-card li::before { content:"✓"; margin-right:7px; color:#a56e25; font-weight:700; }

.offer__value { width:min(1160px,100%); margin:34px auto 0; padding:22px 26px; display:grid; grid-template-columns:1.15fr .8fr 1.2fr; gap:28px; align-items:center; border:1px solid rgba(213,176,108,.7); color:var(--ivory); background:linear-gradient(110deg,#4c0205,#8d0910); box-shadow:0 20px 44px rgba(61,1,4,.2); }
.offer__value-list { display:grid; grid-template-columns:repeat(2,1fr); gap:6px 18px; }
.offer__value-list p { margin:0; display:flex; justify-content:space-between; gap:10px; color:rgba(244,238,228,.68); font-size:9px; }
.offer__value-list b { color:#f0d397; font-weight:500; }
.offer__total { padding-left:24px; border-left:1px solid rgba(213,176,108,.38); }
.offer__total p,.offer__total span { margin:0; color:rgba(244,238,228,.68); font-size:9px; }
.offer__total strong { display:block; margin:3px 0; color:#fff; font:600 29px/1.1 "Playfair Display",serif; }
.offer__total span { color:#e7c170; font-weight:600; }
.offer__value > a { min-height:57px; padding:0 20px; display:grid; place-items:center; color:#4d0205; background:linear-gradient(#f7dfae,#d5b06c); text-align:center; text-decoration:none; text-transform:uppercase; font-size:11px; font-weight:700; letter-spacing:.035em; }

@media (max-width: 1000px) and (min-width:768px) {
  .offer { padding-inline:28px; }
  .offer-card { padding-inline:15px; grid-template-columns:105px 1fr; gap:12px; }
}

@media (max-width: 900px) {
  .offer { min-height:1760px; padding:68px 20px 48px; background:linear-gradient(155deg,#71070c 0 2.5%,transparent 2.5% 97.5%,#71070c 97.5%),#faf6ee; }
  .offer__heading > p { font-size:9px; }
  .offer h2 { max-width:11ch; margin:0 auto; font-size:38px; line-height:1.05; }
  .offer__plans { max-width:350px; margin-top:42px; grid-template-columns:1fr; gap:26px; }
  .offer-card,.offer-card--featured { min-height:390px; padding:28px 22px 24px; grid-template-columns:120px 1fr; gap:16px; transform:none; }
  .offer-card__index { top:-18px; left:auto; right:18px; }
  .offer-card img { max-height:245px; }
  .offer-card__type { font-size:10px; }
  .offer-card h3 { font-size:17px; }
  .offer-card__price { margin-top:14px; padding-top:12px; font-size:31px; }
  .offer-card ul { margin-top:9px; font-size:8px; }
  .offer-card__note { grid-column:1 / -1; }
  .offer__value { max-width:350px; margin-top:28px; padding:22px; grid-template-columns:1fr; gap:20px; }
  .offer__value-list { grid-template-columns:1fr; }
  .offer__total { padding:17px 0 0; border-left:0; border-top:1px solid rgba(213,176,108,.38); text-align:center; }
  .offer__value > a { min-height:62px; }
}

/* Section 7 — Commitment */
.commitment {
  position:relative;
  isolation:isolate;
  min-height:940px;
  overflow:hidden;
  display:grid;
  align-items:center;
  color:var(--ink);
  background:
    linear-gradient(90deg,rgba(250,246,238,.08) 0 44%,transparent 58%),
    url("/hnkt_damda_landing_v2/static/src/assets/commitment-team-desktop.webp") center / cover no-repeat,
    #faf6ee;
}
.commitment::before { content:""; position:absolute; inset:24px; z-index:-2; border:1px solid rgba(181,122,42,.38); pointer-events:none; }
.commitment::after { content:""; position:absolute; inset:0; z-index:-2; opacity:.28; background:repeating-radial-gradient(ellipse at 14% 100%,transparent 0 18px,rgba(181,122,42,.2) 19px 20px,transparent 21px 35px); -webkit-mask-image:linear-gradient(25deg,#000,transparent 52%); mask-image:linear-gradient(25deg,#000,transparent 52%); }
.commitment__product { display:none; }
.commitment__content { width:min(700px,49vw); padding:82px 0 72px max(5vw,64px); }
.commitment__label { margin:0 0 14px; color:#a56e25; font-size:11px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; }
.commitment h2 { margin:0; max-width:15ch; color:#2f211d; font:500 clamp(42px,3.6vw,60px)/1.07 "Playfair Display",serif; letter-spacing:-.035em; text-wrap:balance; }
.commitment h2 em { color:var(--wine); font-style:normal; }
.commitment__list { max-width:720px; margin:34px 0 0; padding:0; display:grid; gap:9px; list-style:none; }
.commitment__list li { min-height:68px; padding:12px 20px 12px 0; display:grid; grid-template-columns:50px 1fr; gap:16px; align-items:center; border:1px solid rgba(181,122,42,.44); border-left:0; background:rgba(255,252,246,.7); }
.commitment__list span { width:44px; aspect-ratio:1; display:grid; place-items:center; color:#f3d797; background:var(--wine); border:1px solid var(--gold); font:500 12px/1 "Playfair Display",serif; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); transform:translateX(-2px); }
.commitment__list p { margin:0; color:#4e4039; font-size:12px; line-height:1.5; }
.commitment__list strong { color:#2d201c; font-weight:600; }
.commitment__reason { max-width:720px; margin-top:20px; padding:18px 24px; border:1px solid rgba(213,176,108,.62); color:#f7e4ba; background:linear-gradient(100deg,#68060b,#9a1018); text-align:center; }
.commitment__reason p { margin:0 0 4px; color:#d9b56b; font-size:9px; font-weight:600; letter-spacing:.18em; text-transform:uppercase; }
.commitment__reason strong { font:500 16px/1.45 "Playfair Display",serif; }

@media (max-width: 900px) {
  .commitment {
    min-height:1510px;
    display:block;
    background:
      linear-gradient(180deg,rgba(250,246,238,.04),rgba(250,246,238,.04) 53%,transparent 72%),
      url("/hnkt_damda_landing_v2/static/src/assets/commitment-team-mobile.webp") center bottom / 100% auto no-repeat,
      #faf6ee;
  }
  .commitment::before { inset:12px; }
  .commitment__product { display:none; }
  .commitment__content { width:auto; padding:68px 24px 650px; text-align:center; }
  .commitment__label { margin-bottom:12px; font-size:9px; }
  .commitment h2 { max-width:11ch; margin:0 auto; font-size:38px; line-height:1.05; }
  .commitment__list { max-width:342px; margin:32px auto 0; gap:10px; text-align:left; }
  .commitment__list li { min-height:84px; padding:13px 14px 13px 0; grid-template-columns:46px 1fr; gap:12px; }
  .commitment__list span { width:40px; font-size:10px; }
  .commitment__list p { font-size:10px; line-height:1.45; }
  .commitment__reason { max-width:342px; margin:18px auto 0; padding:16px; }
  .commitment__reason strong { font-size:14px; }
}

/* Section 8 — FAQ */
.faq {
  position:relative;
  isolation:isolate;
  min-height:950px;
  overflow:hidden;
  padding:72px max(5vw,64px) 60px;
  color:var(--ink);
  background:
    linear-gradient(135deg,transparent 0 20%,rgba(181,122,42,.08) 20% 20.15%,transparent 20.15%),
    #faf6ee;
}
.faq::before { content:""; position:absolute; inset:0; z-index:-1; opacity:.35; background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 17px,rgba(181,122,42,.2) 18px 19px,transparent 20px 34px); -webkit-mask-image:linear-gradient(35deg,#000,transparent 42%); mask-image:linear-gradient(35deg,#000,transparent 42%); }
.faq__intro { margin-left:36%; text-align:left; }
.faq__intro p { margin:0 0 13px; color:#a56e25; font-size:11px; font-weight:600; letter-spacing:.2em; text-transform:uppercase; }
.faq h2 { margin:0; max-width:17ch; color:var(--wine); font:500 clamp(42px,3.8vw,64px)/1.06 "Playfair Display",serif; letter-spacing:-.035em; text-wrap:balance; }
.faq__layout { width:min(1320px,100%); margin:34px auto 0; display:grid; grid-template-columns:minmax(300px,.72fr) minmax(0,1.5fr); gap:54px; align-items:start; }
.faq__product { min-height:610px; display:grid; place-items:center; position:relative; }
.faq__product::before { content:""; position:absolute; width:82%; aspect-ratio:1; border:1px solid rgba(181,122,42,.42); transform:rotate(45deg); }
.faq__product img { position:relative; z-index:1; width:min(77%,340px); filter:drop-shadow(0 28px 35px rgba(61,4,6,.25)); }
.faq__items { display:grid; gap:7px; }
.faq details { border:1px solid rgba(181,122,42,.4); background:rgba(255,253,249,.82); }
.faq summary { position:relative; min-height:57px; padding:16px 58px 16px 22px; display:flex; align-items:center; color:#4a3932; font-size:13px; font-weight:600; line-height:1.4; cursor:pointer; list-style:none; }
.faq summary::-webkit-details-marker { display:none; }
.faq summary::after { content:"+"; position:absolute; right:21px; top:50%; color:#b77b28; font:300 25px/1 sans-serif; transform:translateY(-50%); }
.faq details[open] { border-color:#8f0b12; box-shadow:0 13px 30px rgba(93,8,12,.08); }
.faq details[open] summary { color:#fff; background:linear-gradient(100deg,#73070c,#a41119); }
.faq details[open] summary::after { content:"−"; color:#efd28f; }
.faq details p { margin:0; padding:18px 24px 21px; color:#5c4c43; font-size:11px; line-height:1.7; }

@media (max-width: 900px) {
  .faq { min-height:1600px; padding:0 20px 400px; background:linear-gradient(180deg,#75070c 0 290px,#faf6ee 290px 100%); }
  .faq::before { display:none; }
  .faq__intro { height:290px; margin:0 -20px; padding:66px 24px 28px; display:grid; align-content:center; color:#fff; background:radial-gradient(circle at 50% 30%,rgba(196,39,47,.4),transparent 48%); text-align:center; }
  .faq__intro p { margin-bottom:12px; color:#e9c77d; font-size:9px; }
  .faq h2 { max-width:11ch; margin:0 auto; color:#fff; font-size:38px; line-height:1.06; }
  .faq__layout { position:static; margin-top:28px; display:block; }
  .faq__items { gap:9px; }
  .faq summary { min-height:62px; padding:15px 50px 15px 16px; font-size:12px; }
  .faq details p { padding:16px 17px 18px; font-size:10px; line-height:1.62; }
  .faq__product { position:absolute; left:50%; bottom:20px; min-height:0; width:280px; transform:translateX(-50%); }
  .faq__product::before { display:none; }
  .faq__product img { width:100%; }
}

/* Section 9 — Final CTA */
.final-cta {
  position:relative;
  isolation:isolate;
  min-height:1050px;
  overflow:hidden;
  display:grid;
  align-items:center;
  color:var(--ink);
  background:
    linear-gradient(135deg,#8c0910 0 12%,transparent 12% 100%),
    radial-gradient(circle at 18% 35%,rgba(213,176,108,.14),transparent 35%),
    #faf6ee;
}
.final-cta::before { content:""; position:absolute; inset:0; z-index:-2; opacity:.25; background:repeating-radial-gradient(ellipse at 0 100%,transparent 0 17px,rgba(181,122,42,.22) 18px 19px,transparent 20px 35px); -webkit-mask-image:linear-gradient(35deg,#000,transparent 45%); mask-image:linear-gradient(35deg,#000,transparent 45%); }
.final-cta__product { position:absolute; z-index:-1; inset:0; background:url("/hnkt_damda_landing_v2/static/src/assets/final-cta-woman-opening-desktop.png") center / cover no-repeat; }
.final-cta__content { width:min(790px,54vw); padding:84px 0 72px max(6vw,72px); }
.final-cta__label { margin:0 0 14px; color:#a56e25; font-size:11px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; }
.final-cta h2 { margin:0; max-width:13ch; color:#4a1817; font:500 clamp(44px,3.8vw,64px)/1.07 "Playfair Display",serif; letter-spacing:-.035em; text-wrap:balance; }
.final-cta__value { max-width:700px; margin:34px 0 0; padding:0; display:grid; list-style:none; }
.final-cta__value li { min-height:62px; display:grid; grid-template-columns:42px 1fr; gap:16px; align-items:center; border-bottom:1px solid rgba(181,122,42,.36); }
.final-cta__value span { width:36px; aspect-ratio:1; display:grid; place-items:center; color:#f0d18d; background:var(--wine); font:500 10px/1 "Playfair Display",serif; clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%); }
.final-cta__value p { margin:0; color:#594941; font-size:11px; line-height:1.55; }
.final-cta__value strong { color:#2f211d; font-weight:600; }
.final-cta__price { margin:26px 0 0; display:flex; align-items:end; gap:24px; }
.final-cta__price strong { color:#a20f18; font:600 clamp(52px,5.3vw,82px)/.92 "Playfair Display",serif; }
.final-cta__price p { margin:0 0 6px; color:#6b5a51; font-size:14px; }
.final-cta__urgency { margin:10px 0 17px; color:#7c6356; font-size:10px; }
.final-cta__button { min-height:64px; width:min(620px,100%); padding:0 28px; display:grid; place-items:center; border:2px solid #e2be70; color:#f8e4b5; background:linear-gradient(100deg,#84080e,#bd1721); box-shadow:0 13px 32px rgba(87,5,9,.2); text-align:center; text-decoration:none; text-transform:uppercase; font-size:13px; font-weight:700; letter-spacing:.035em; clip-path:polygon(18px 0,calc(100% - 18px) 0,100% 50%,calc(100% - 18px) 100%,18px 100%,0 50%); }
.final-cta__process { margin:19px 0 0; color:#6a574d; font-size:9px; line-height:1.5; }
.final-cta__process i { display:inline-block; width:4px; height:4px; margin:0 11px 2px; background:#b57a2a; transform:rotate(45deg); }
.final-cta__ps { max-width:680px; margin:22px 0 0; padding:16px 18px; border-left:2px solid #b57a2a; color:#67534a; background:rgba(255,252,246,.55); font-size:9px; line-height:1.65; }
.final-cta__ps strong { color:var(--wine); }

@media (max-width: 900px) {
  .final-cta { min-height:1810px; display:block; background:linear-gradient(180deg,#75070c 0 320px,#faf6ee 320px 100%); }
  .final-cta__product { top:0; bottom:auto; width:100%; height:1080px; background:url("/hnkt_damda_landing_v2/static/src/assets/final-cta-woman-opening-mobile.png") center top / cover no-repeat; -webkit-mask-image:linear-gradient(180deg,#000 0 88%,transparent 100%); mask-image:linear-gradient(180deg,#000 0 88%,transparent 100%); }
  .final-cta__content { width:auto; padding:58px 24px 48px; text-align:center; }
  .final-cta__label { margin-bottom:12px; color:#e6c16e; font-size:9px; }
  .final-cta h2 { max-width:11ch; margin:0 auto; color:#f7e4b4; font-size:38px; line-height:1.06; }
  .final-cta__value { max-width:342px; margin:790px auto 0; text-align:left; }
  .final-cta__value li { min-height:76px; grid-template-columns:38px 1fr; gap:12px; }
  .final-cta__value span { width:34px; }
  .final-cta__value p { font-size:10px; line-height:1.45; }
  .final-cta__price { margin-top:24px; display:grid; gap:5px; justify-items:center; }
  .final-cta__price strong { font-size:62px; }
  .final-cta__price p { margin:0; }
  .final-cta__urgency { max-width:32ch; margin:11px auto 17px; line-height:1.5; }
  .final-cta__button { min-height:67px; padding-inline:24px; font-size:11px; }
  .final-cta__process { max-width:32ch; margin:18px auto 0; line-height:1.7; }
  .final-cta__process i { margin-inline:7px; }
  .final-cta__ps { max-width:342px; margin:20px auto 0; text-align:left; font-size:9px; }
}

/* Order form */
.order-form {
  position:relative;
  isolation:isolate;
  min-height:920px;
  overflow:hidden;
  display:grid;
  grid-template-columns:minmax(420px,.82fr) minmax(620px,1.18fr);
  color:var(--ink);
  background:#f8f2e8;
}
.order-form::before { content:""; position:absolute; inset:0; z-index:-2; background:linear-gradient(90deg,#600408 0 41%,transparent 41% 100%); }
.order-form__visual { position:relative; min-height:920px; background:linear-gradient(180deg,rgba(65,2,6,.08),rgba(65,2,6,.42)),url("/hnkt_damda_landing_v2/static/src/assets/final-cta-product-desktop.webp") center / cover no-repeat; }
.order-form__visual::after { content:""; position:absolute; inset:5%; border:1px solid rgba(213,176,108,.42); pointer-events:none; }
.order-form__seal { position:absolute; right:8%; bottom:8%; width:146px; aspect-ratio:1; display:grid; place-content:center; color:#f5dfa9; background:rgba(79,3,7,.9); border:1px solid var(--gold); border-radius:50%; box-shadow:0 14px 34px rgba(0,0,0,.24); text-align:center; }
.order-form__seal::before { content:""; position:absolute; inset:8px; border:1px dashed rgba(213,176,108,.6); border-radius:50%; }
.order-form__seal span,.order-form__seal small { font-size:8px; letter-spacing:.12em; text-transform:uppercase; }
.order-form__seal strong { color:#fff; font:600 30px/1.05 "Playfair Display",serif; }

.order-form__panel { padding:68px max(5vw,64px) 58px; }
.order-form__heading > p { margin:0 0 12px; color:#a56e25; font-size:10px; font-weight:600; letter-spacing:.26em; text-transform:uppercase; }
.order-form h2 { margin:0; max-width:13ch; color:var(--wine); font:500 clamp(40px,3.2vw,55px)/1.06 "Playfair Display",serif; letter-spacing:-.035em; text-wrap:balance; }
.order-form__heading > span { display:block; margin-top:14px; color:#68564c; font-size:11px; }
.order-form__fields { margin-top:28px; }
.order-form__packages { margin:0; padding:0; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; border:0; }
.order-form__packages legend { width:100%; margin-bottom:10px; grid-column:1 / -1; color:#4c3c35; font-size:10px; font-weight:600; }
.order-form__packages label { position:relative; cursor:pointer; }
.order-form__packages input { position:absolute; opacity:0; pointer-events:none; }
.order-form__packages label > span { min-height:112px; padding:15px 14px; display:grid; align-content:center; border:1px solid rgba(181,122,42,.4); background:#fffaf2; transition:.2s ease; }
.order-form__packages b,.order-form__packages small,.order-form__packages strong { display:block; }
.order-form__packages b { color:#4b3831; font-size:10px; }
.order-form__packages small { margin-top:5px; color:#78665c; font-size:8px; line-height:1.35; }
.order-form__packages strong { margin-top:10px; color:var(--wine); font:600 20px/1 "Playfair Display",serif; white-space:nowrap; }
.order-form__packages input:checked + span { border:2px solid #8b0a11; background:#fff; box-shadow:0 10px 26px rgba(107,5,10,.12); transform:translateY(-2px); }
.order-form__packages .is-featured::before { content:"Đề xuất"; position:absolute; z-index:2; top:0; right:0; padding:5px 7px; color:#f5dfa9; background:var(--wine); font-size:7px; font-weight:700; text-transform:uppercase; }

.order-form__grid { margin-top:20px; display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }
.order-form__grid label { display:grid; gap:7px; }
.order-form__grid label > span { color:#57463e; font-size:9px; font-weight:600; }
.order-form__wide { grid-column:1 / -1; }
.order-form input[type="text"],.order-form input[type="tel"],.order-form select { width:100%; min-height:49px; padding:0 14px; border:1px solid rgba(151,105,49,.38); border-radius:0; outline:none; color:#2f211d; background:rgba(255,253,248,.94); font:10px "Be Vietnam Pro",sans-serif; }
.order-form input:focus,.order-form select:focus { border-color:#8c0a11; box-shadow:0 0 0 2px rgba(140,10,17,.1); }
.order-form__consent { margin-top:16px; display:flex; gap:9px; align-items:flex-start; color:#6d5a50; font-size:8px; line-height:1.55; }
.order-form__consent input { margin-top:2px; accent-color:#8c0a11; }
.order-form button { width:100%; min-height:64px; margin-top:16px; padding:0 22px; display:flex; align-items:center; justify-content:space-between; border:1px solid #ddb968; color:#f7e3b2; background:linear-gradient(100deg,#73070c,#b4151e); cursor:pointer; text-transform:uppercase; font-family:"Be Vietnam Pro",sans-serif; }
.order-form button span { font-size:12px; font-weight:700; }
.order-form button strong { font:600 18px/1 "Playfair Display",serif; }
.order-form__trust { margin:14px 0 0; color:#7a675d; font-size:8px; text-align:center; }
.order-form__trust i { display:inline-block; width:3px; height:3px; margin:0 7px 2px; background:#b57a2a; transform:rotate(45deg); }

@media (max-width: 900px) and (min-width:768px) {
  .order-form { grid-template-columns:38% 62%; }
  .order-form__panel { padding-inline:34px; }
}

@media (max-width: 900px) {
  .order-form { min-height:1570px; display:block; background:#f8f2e8; }
  .order-form::before { display:none; }
  .order-form__visual { min-height:480px; background:linear-gradient(180deg,rgba(65,2,6,.02),rgba(65,2,6,.3)),url("/hnkt_damda_landing_v2/static/src/assets/final-cta-product-mobile.webp") center / cover no-repeat; }
  .order-form__visual::after { inset:12px; }
  .order-form__seal { right:20px; bottom:18px; width:104px; }
  .order-form__seal strong { font-size:23px; }
  .order-form__panel { padding:48px 20px 60px; }
  .order-form__heading { text-align:center; }
  .order-form__heading > p { font-size:9px; }
  .order-form h2 { max-width:11ch; margin:0 auto; font-size:37px; }
  .order-form__heading > span { max-width:31ch; margin:13px auto 0; font-size:10px; line-height:1.5; }
  .order-form__packages { max-width:350px; margin-inline:auto; grid-template-columns:1fr; }
  .order-form__packages label > span { min-height:83px; padding:12px 16px; grid-template-columns:1fr auto; align-items:center; }
  .order-form__packages b,.order-form__packages small { grid-column:1; }
  .order-form__packages strong { grid-column:2; grid-row:1 / 3; margin:0; font-size:21px; }
  .order-form__grid { max-width:350px; margin-inline:auto; grid-template-columns:1fr; }
  .order-form__wide { grid-column:auto; }
  .order-form__consent,.order-form button,.order-form__trust { max-width:350px; margin-inline:auto; }
  .order-form button { margin-top:17px; }
  .order-form button span { font-size:10px; }
  .order-form button strong { font-size:15px; }
  .order-form__trust { margin-top:13px; line-height:1.7; }
}

/* Section 10 — Legal footer */
.legal {
  position:relative;
  isolation:isolate;
  min-height:880px;
  overflow:hidden;
  color:var(--ink);
  background:#f8f3ea;
}
.legal__hero { position:relative; min-height:620px; display:grid; align-items:center; background:linear-gradient(165deg,#faf7f0 0 60%,#980d15 60% 100%); }
.legal__hero::before { content:""; position:absolute; inset:0; opacity:.22; background:repeating-radial-gradient(ellipse at 0 0,transparent 0 18px,rgba(181,122,42,.2) 19px 20px,transparent 21px 36px); -webkit-mask-image:linear-gradient(145deg,#000,transparent 58%); mask-image:linear-gradient(145deg,#000,transparent 58%); }
.legal__headline { position:relative; z-index:2; width:min(580px,38vw); margin-left:max(6vw,78px); padding-top:120px; }
.legal__headline > p { margin:0 0 13px; color:#a56e25; font-size:11px; font-weight:600; letter-spacing:.28em; text-transform:uppercase; }
.legal h2 { margin:0; color:var(--wine); font:500 clamp(39px,3.4vw,58px)/1.08 "Playfair Display",serif; letter-spacing:-.03em; }
.legal__headline strong { max-width:42ch; margin-top:18px; padding-top:18px; display:block; border-top:1px solid rgba(181,122,42,.48); color:#3d302b; font-size:14px; line-height:1.6; }
.legal__product { position:absolute; top:0; right:0; bottom:0; width:58%; background:url("/hnkt_damda_landing_v2/static/src/assets/legal-product-desktop.webp") center right / cover no-repeat; -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 17%); mask-image:linear-gradient(90deg,transparent 0,#000 17%); }

.legal__information { padding:40px max(5vw,64px); display:grid; grid-template-columns:1.35fr 1.55fr 1fr .85fr 1fr; border-top:2px solid #aa171f; border-bottom:1px solid rgba(181,122,42,.35); background:#faf7f0; }
.legal__information article { min-width:0; padding:0 22px; border-right:1px solid rgba(181,122,42,.35); }
.legal__information article:first-child { padding-left:0; }
.legal__information article:last-child { padding-right:0; border-right:0; }
.legal__information h3 { margin:0 0 9px; color:#531b18; font-size:11px; line-height:1.35; }
.legal__information p { margin:0; color:#64534a; font-size:9px; line-height:1.65; }
.legal__entities { padding:26px max(5vw,64px) 34px; display:grid; grid-template-columns:1.35fr 1.35fr .6fr .7fr; gap:24px; color:rgba(244,238,228,.72); background:linear-gradient(100deg,#390204,#71070c); }
.legal__entities p { margin:0; font-size:8px; line-height:1.6; }

/* Desktop readability pass — substantive copy never drops below 14px. */
@media (min-width: 901px) {
  .hero__copy { max-width:760px; }
  .hero h1 { width:100%; max-width:none; font-size:clamp(40px,3.9vw,66px); line-height:1.05; text-wrap:balance; }

  .offer__value { width:min(1320px,100%); grid-template-columns:1.55fr .72fr 1.08fr; gap:22px; }
  .offer__value-list { column-gap:14px; }
  .offer__value-list p,
  .offer__value-list span,
  .offer__value-list b { white-space:nowrap; }

  .benefits h2,
  .commitment h2,
  .final-cta h2,
  .order-form h2 {
    width:100%;
    max-width:none;
    text-wrap:balance;
  }

  .site-header__brand span { font-size:10px; }
  .site-header__nav a,
  .site-header__cta { font-size:11px; }

  .hero__offer span,
  .hero__offer p,
  .hero__trust { font-size:13px; }
  .hero__fact span { font-size:11px; }

  .problem__lead,
  .problem__list p,
  .problem__closing { font-size:15px; }

  .product-intro__description,
  .product-intro__facts dd { font-size:14px; }

  .benefits__list p,
  .benefits__legal { font-size:14px; }

  .trust__proofs p,
  .trust__bar span { font-size:14px; }

  .offer-card__type,
  .offer-card__quantity,
  .offer-card__old,
  .offer-card__note,
  .offer-card ul,
  .offer__value-list p,
  .offer__total p,
  .offer__total span { font-size:13px; }
  .offer-card__badge { font-size:11px; }

  .commitment__list p { font-size:14px; }
  .commitment__reason p { font-size:11px; }

  .faq summary { font-size:15px; }
  .faq details p { font-size:14px; }

  .final-cta__value p,
  .final-cta__urgency,
  .final-cta__process,
  .final-cta__ps { font-size:13px; }

  .order-form__heading > span,
  .order-form__packages legend,
  .order-form__packages b,
  .order-form__grid label > span { font-size:13px; }
  .order-form__packages small,
  .order-form__consent,
  .order-form__trust,
  .order-form__seal span,
  .order-form__seal small { font-size:11px; }

  .legal__information h3 { font-size:14px; }
  .legal__information p,
  .legal__entities p { font-size:12px; }
}
.legal__entities strong { color:#efd398; font-weight:600; }
.legal__entities i { display:inline-block; width:4px; height:4px; margin:0 7px 2px; background:var(--gold); transform:rotate(45deg); }

@media (max-width: 900px) {
  .legal { min-height:1740px; background:#faf6ee; }
  .legal__hero { min-height:910px; display:block; background:linear-gradient(180deg,#76070c 0 300px,#faf6ee 300px 100%); }
  .legal__headline { width:auto; margin:0; padding:66px 24px 0; text-align:center; }
  .legal__headline > p { color:#e5be68; font-size:9px; }
  .legal h2 { max-width:10ch; margin:0 auto; color:#f7e3b1; font-size:37px; }
  .legal__headline strong { max-width:31ch; margin:86px auto 0; padding-top:17px; border-color:rgba(181,122,42,.45); color:#4b3a32; font-size:11px; line-height:1.55; }
  .legal__product { top:350px; width:100%; height:560px; background:url("/hnkt_damda_landing_v2/static/src/assets/legal-product-mobile.webp") center / cover no-repeat; -webkit-mask-image:linear-gradient(180deg,transparent 0,#000 9% 94%,transparent 100%); mask-image:linear-gradient(180deg,transparent 0,#000 9% 94%,transparent 100%); }
  .legal__information { padding:28px 24px; grid-template-columns:1fr; }
  .legal__information article,
  .legal__information article:first-child,
  .legal__information article:last-child { padding:18px 0; border-right:0; border-bottom:1px solid rgba(181,122,42,.3); }
  .legal__information article:last-child { border-bottom:0; }
  .legal__information h3 { margin-bottom:7px; font-size:12px; }
  .legal__information p { font-size:10px; line-height:1.6; }
  .legal__entities { padding:26px 24px 100px; grid-template-columns:1fr; gap:15px; }
  .legal__entities p { font-size:9px; line-height:1.6; }
}

@media (max-width: 350px) {
  .hero__inner { width:calc(100% - 28px); }
  h1 { font-size:36px; }
  .hero__mobile-cta { left:6px; right:6px; bottom:6px; padding-left:12px; }
  .hero__mobile-cta a { padding-inline:12px; }
  .problem__content,.product-intro__content,.benefits__content,.trust__content,.commitment__content,.final-cta__content { padding-left:18px; padding-right:18px; }
  .product-intro h2,.benefits h2,.trust h2,.commitment h2,.faq h2,.final-cta h2,.order-form h2,.legal h2 { font-size:33px; }
  .offer { padding-left:14px; padding-right:14px; }
  .offer-card,.offer-card--featured { grid-template-columns:102px 1fr; padding-inline:16px; gap:12px; }
  .offer-card__price { font-size:27px; }
  .offer__value { padding-inline:17px; }
  .faq { padding-left:14px; padding-right:14px; }
  .faq__intro { margin-left:-14px; margin-right:-14px; }
  .order-form__panel { padding-left:14px; padding-right:14px; }
  .order-form__packages strong { font-size:18px; }
  .order-form button { padding-inline:14px; }
  .order-form button strong { font-size:13px; }
  .legal__information,.legal__entities { padding-left:18px; padding-right:18px; }
}

/* Landscape tablet / compact desktop integrity pass. */
@media (min-width: 901px) and (max-width: 1100px) {
  #top.hero .hero__inner {
    grid-template-columns:minmax(0,1.15fr) minmax(400px,.85fr);
    gap:36px;
  }
  .trust__product { width:42%; }
  .trust__content { width:60vw; padding-left:40px; }
  .trust__proofs li {
    grid-template-columns:84px minmax(0,1fr);
    gap:10px;
    padding-right:12px;
  }
  .trust__proofs li:nth-child(even) { padding-left:12px; }

  .offer-card {
    padding-inline:18px;
    grid-template-columns:minmax(102px,.72fr) minmax(0,1.28fr);
    gap:12px;
  }

  .legal__information { grid-template-columns:repeat(3,minmax(0,1fr)); }
  .legal__information article,
  .legal__information article:first-child,
  .legal__information article:last-child {
    padding:16px;
    border-right:1px solid rgba(181,122,42,.35);
    border-bottom:1px solid rgba(181,122,42,.35);
  }
}

/* Vietnamese luxury typography system */
.hero__brand,
h1,
.hero__offer strong,
.hero__fact strong,
.hero__mobile-cta strong,
.problem h2,
.problem blockquote,
.problem__list span,
.problem__closing,
.product-intro h2,
.product-intro__facts dt,
.product-intro__pack strong,
.benefits h2,
.benefits__number,
.benefits__list h3,
.trust h2,
.trust__proofs strong,
.offer h2,
.offer-card__index,
.offer-card h3,
.offer-card__price,
.offer__total strong,
.commitment h2,
.commitment__list span,
.commitment__reason strong,
.faq h2,
.final-cta h2,
.final-cta__value span,
.final-cta__price strong,
.order-form__seal strong,
.order-form h2,
.order-form__packages strong,
.order-form button strong,
.legal h2 {
  font-family: var(--font-display) !important;
}

/* Mobile readability gate: substantive conversion copy must remain legible. */
@media (max-width: 900px) {
  .site-header__mobile-menu nav a { font-size:12px; }
  .hero__trust { font-size:12px; }
  .problem__closing,
  .product-intro__description,
  .product-intro__pack span,
  .problem__list p,
  .benefits__list p,
  .trust__proofs p,
  .commitment__list p,
  .faq details p,
  .final-cta__value p,
  .final-cta__urgency { font-size:13px; }
  .product-intro__facts dd,
  .product-intro__pack,
  .benefits__legal,
  .offer-card__quantity,
  .offer-card__old,
  .offer-card__note,
  .offer-card ul,
  .offer__value-list p,
  .offer__total p,
  .commitment__reason p,
  .final-cta__process,
  .final-cta__ps,
  .order-form__packages small,
  .order-form__consent,
  .order-form__trust,
  .faq__intro > p,
  .faq__product p { font-size:12px; }
  .legal__information h3 { font-size:13px; }
  .legal__information p,
  .legal__entities p { font-size:12px; line-height:1.65; }
}

body,
button,
input,
select,
textarea,
summary {
  font-family: var(--font-body) !important;
}


/* Odoo route integration */
.order-form__honeypot { position:absolute!important; left:-10000px!important; width:1px!important; height:1px!important; overflow:hidden!important; }
.order-form__status { margin:18px 0; padding:14px 16px; border:1px solid; font-size:14px; line-height:1.5; }
.order-form__status--success { color:#285b36; border-color:#6b9c76; background:#edf7ef; }
.order-form__status--error { color:#7b1016; border-color:#b85c62; background:#fff0f0; }