:root {
      --hero: #efede8;
      --hero-deep: #e8e5de;
      --hero-ink: #0b100d;
      --night: #050a08;
      --night-soft: #09110e;
      --panel: #0d1713;
      --panel-raised: #111e19;
      --white: #fbfcfa;
      --mist: #afbab2;
      --muted: #829087;
      --line: rgba(227, 237, 230, .12);
      --line-strong: rgba(227, 237, 230, .22);
      --acid: #39ff14;
      --acid-muted: #5dcc48;
      --sage: #80ad96;
      --sage-dark: #244b3a;
      --serif: "Cormorant Garamond", Georgia, serif;
      --sans: "DM Sans", Arial, sans-serif;
      --max: 1260px;
      --radius-button: 4px;
      --radius-pill: 999px;
      --radius-small: 8px;
      --radius-card: 12px;
      --radius-media: 14px;
      --radius-feature: 18px;
      --glow: 0 0 32px rgba(57, 255, 20, .12);
      --green-text: linear-gradient(102deg, #225141 0%, #458a5e 38%, #38b929 100%);
      --luminous-text: linear-gradient(100deg, #f1f7f2 3%, #9cc9af 44%, #39ff14 100%);
    }

    *,
    *::before,
    *::after {
      box-sizing: border-box;
    }

    html {
      scroll-behavior: smooth;
    }

    body {
      margin: 0;
      color: var(--white);
      background: var(--night);
      font-family: var(--sans);
      font-size: 16px;
      line-height: 1.62;
      -webkit-font-smoothing: antialiased;
    }

    img {
      display: block;
      max-width: 100%;
    }

    a {
      color: inherit;
      text-decoration: none;
    }

    button {
      border: 0;
      color: inherit;
      font: inherit;
    }

    p,
    h1,
    h2,
    h3,
    h4,
    figure {
      margin: 0;
    }

    p {
      color: var(--mist);
    }

    .container {
      width: min(var(--max), calc(100% - 40px));
      margin: 0 auto;
    }

    .skip {
      position: fixed;
      top: 12px;
      left: 12px;
      z-index: 500;
      padding: 11px 16px;
      color: var(--night);
      background: var(--acid);
      border-radius: var(--radius-button);
      transform: translateY(-150%);
    }

    .skip:focus {
      transform: none;
    }

    .gradient {
      color: var(--sage);
      background: var(--luminous-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .gradient-ink {
      color: var(--sage-dark);
      background: var(--green-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }

    .eyebrow {
      display: inline-flex;
      align-items: center;
      gap: 12px;
      color: var(--sage);
      font-size: clamp(14px,1.3vw,17px);
      font-weight: 700;
      letter-spacing: .24em;
      line-height: 1.2;
      text-transform: uppercase;
    }

    .eyebrow::before {
      content: "";
      width: 34px;
      height: 1px;
      background: linear-gradient(90deg, var(--acid), transparent);
    }

    .eyebrow.dark {
      color: var(--sage-dark);
    }

    .eyebrow.dark::before {
      background: var(--sage-dark);
    }

    .eyebrow.center::before {
      display: none;
    }

    .title {
      margin-top: 21px;
      font-family: var(--serif);
      font-size: clamp(43px, 5.15vw, 61px);
      font-weight: 500;
      letter-spacing: -.048em;
      line-height: 1.02;
    }

    .intro {
      max-width: 610px;
      margin-top: 20px;
      color: var(--mist);
      font-size: 17px;
      line-height: 1.76;
    }

    .intro + .button {
      margin-top: 28px;
    }

    .button {
      display: inline-flex;
      min-height: 54px;
      align-items: center;
      justify-content: center;
      gap: 13px;
      padding: 0 27px;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-button);
      color: var(--white);
      font-size: 14px;
      font-weight: 600;
      transition: border-color .25s ease, background .25s ease, box-shadow .25s ease, transform .25s ease;
    }

    .button:hover,
    .button:focus-visible {
      border-color: rgba(57, 255, 20, .48);
      transform: translateY(-1px);
    }

    .button-brand {
      color: #041008;
      border-color: var(--acid);
      background: var(--acid);
      box-shadow: 0 0 26px rgba(57, 255, 20, .14);
    }

    .button-brand:hover,
    .button-brand:focus-visible {
      background: #4aff27;
      box-shadow: 0 0 35px rgba(57, 255, 20, .25);
    }

    .button-ink {
      color: var(--white);
      border-color: #10251c;
      background: #10251c;
    }

    .button-ink:hover,
    .button-ink:focus-visible {
      border-color: #1b4734;
      background: #18382b;
    }

    .button-hero-line {
      color: #112219;
      border-color: rgba(16, 35, 26, .26);
    }

    .button-hero-line:hover,
    .button-hero-line:focus-visible {
      border-color: #245341;
      background: rgba(36, 83, 65, .05);
    }

    .link {
      display: inline-flex;
      align-items: center;
      gap: 10px;
      color: #bce1ca;
      font-size: 14px;
      font-weight: 700;
    }

    .link::after {
      content: "\2192";
      color: var(--acid);
      transition: transform .22s ease;
    }

    .link:hover::after {
      transform: translateX(4px);
    }

    .service-bar {
      color: #8a9b91;
      border-bottom: 1px solid var(--line);
      background: var(--night);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .service-inner {
      display: flex;
      min-height: 41px;
      align-items: center;
      justify-content: center;
      gap: 37px;
    }

    .service-inner span {
      display: flex;
      align-items: center;
      gap: 12px;
    }

    .service-inner span::before {
      content: "";
      width: 5px;
      height: 5px;
      border-radius: 50%;
      background: var(--acid);
      box-shadow: 0 0 10px rgba(57, 255, 20, .65);
    }

    .header {
      position: sticky;
      top: 0;
      z-index: 100;
      border-bottom: 1px solid var(--line);
      background: rgba(5, 10, 8, .91);
      backdrop-filter: blur(17px);
    }

    /* header gestionado por style.css global */

    .nav {
      display: flex;
      align-items: center;
      gap: 29px;
      color: #b4c0b8;
      font-size: 14px;
      font-weight: 500;
    }

    .nav > a:not(.button):hover,
    .nav > a:not(.button):focus-visible {
      color: var(--white);
    }

    .menu-button,
    .mobile-nav {
      display: none;
    }

    .menu-button {
      width: 46px;
      height: 46px;
      align-items: center;
      justify-content: center;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-button);
      background: transparent;
    }

    .menu-icon,
    .menu-icon::before,
    .menu-icon::after {
      position: relative;
      display: block;
      width: 18px;
      height: 1px;
      background: var(--white);
    }

    .menu-icon::before,
    .menu-icon::after {
      position: absolute;
      left: 0;
      content: "";
    }

    .menu-icon::before {
      top: -6px;
    }

    .menu-icon::after {
      top: 6px;
    }

    .hero {
      position: relative;
      overflow: hidden;
      color: var(--hero-ink);
      background:
        radial-gradient(circle at 80% 40%, rgba(113, 139, 126, .10), transparent 28%),
        linear-gradient(180deg, var(--hero) 0%, #f3f1ed 100%);
    }

    .hero::after {
      position: absolute;
      right: -140px;
      bottom: -300px;
      width: 560px;
      height: 560px;
      content: "";
      border: 1px solid rgba(32, 66, 51, .05);
      border-radius: 50%;
    }

    .hero-grid {
      position: relative;
      z-index: 1;
      display: grid;
      min-height: min(calc(100vh - 121px), 835px);
      grid-template-columns: .99fr 1.01fr;
      gap: 32px;
      align-items: center;
      padding: 65px 0 58px;
    }

    .hero-grid > * {
      min-width: 0;
    }

    .hero h1 {
      max-width: 630px;
      margin: 22px 0 25px;
      color: var(--hero-ink);
      font-family: var(--serif);
      font-size: clamp(52px, 6.35vw, 77px);
      font-weight: 500;
      letter-spacing: -.06em;
      line-height: .96;
    }

    .hero-lead {
      max-width: 580px;
      color: #38463e;
      font-size: 18px;
      line-height: 1.74;
    }

    .hero-lead strong {
      color: #0d1b14;
    }

    .hero-actions {
      display: flex;
      flex-wrap: wrap;
      gap: 13px;
      margin: 36px 0 28px;
    }

    .assurance {
      display: flex;
      max-width: 660px;
      flex-wrap: wrap;
      gap: 10px;
    }

    .assurance span {
      display: inline-flex;
      align-items: center;
      min-height: 44px;
      padding: 0 17px;
      border: 1px solid rgba(16, 35, 26, .18);
      border-radius: var(--radius-pill);
      background: rgba(255, 255, 255, .42);
      color: #26372e;
      box-shadow: inset 0 0 0 1px rgba(255, 255, 255, .22);
      font-size: 15px;
      font-weight: 500;
      line-height: 1;
    }

    .hero-clean-proof {
      display: grid;
      max-width: 660px;
      gap: 11px;
      margin-top: 18px;
    }

    .hero-clean-card {
      border: 1px solid rgba(57, 255, 20, .22);
      border-radius: 10px;
      background:
        radial-gradient(circle at 18% 18%, rgba(61, 255, 110, .08), transparent 34%),
        linear-gradient(135deg, #061309 0%, #0f2a14 60%, #061309 100%);
      color: var(--white);
      box-shadow: 0 2px 12px rgba(0,0,0,.18), inset 0 1px 0 rgba(57,255,20,.08);
    }

    .hero-clean-card b {
      display: block;
      color: var(--white);
      font-size: 15px;
      font-weight: 700;
      letter-spacing: -.01em;
      line-height: 1.25;
    }

    .hero-clean-card > div {
      min-width: 0;
    }

    .hero-clean-card span:not(.hero-clean-icon) {
      display: block;
      margin-top: 5px;
      color: rgba(225, 238, 229, .55);
      font-size: 12px;
      line-height: 1.5;
    }

    .hero-clean-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 11px;
    }

    .hero-clean-card {
      display: grid;
      grid-template-columns: 44px 1fr;
      gap: 13px;
      align-items: center;
      padding: 14px;
    }

    .hero-clean-icon {
      display: grid;
      width: 36px;
      height: 36px;
      place-items: center;
      border-radius: 50%;
      color: var(--acid);
      background: rgba(255, 255, 255, .08);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .08em;
    }

    .hero-media {
      position: relative;
      height: min(670px, calc(100vh - 171px));
      min-height: 555px;
      margin-right: calc((min(var(--max), 100vw - 58px) - 100vw) / 2);
      background: var(--hero);
      border-radius: var(--radius-media);
      overflow: hidden;
      box-shadow: 0 18px 54px rgba(15, 28, 22, .08);
    }

    .hero-media img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      object-position: center;
      mix-blend-mode: multiply;
    }

    .verification {
      position: absolute;
      bottom: 30px;
      left: 29px;
      width: min(344px, calc(100% - 46px));
      padding: 22px 22px 18px;
      color: var(--white);
      border: 1px solid rgba(255, 255, 255, .13);
      border-radius: 10px;
      background: rgba(5, 10, 8, .95);
      box-shadow: 0 26px 62px rgba(4, 8, 6, .17);
    }

    .verification-top {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      padding-bottom: 14px;
      border-bottom: 1px solid var(--line);
      color: #f4f7f4;
      font-size: 12px;
      font-weight: 700;
      letter-spacing: .19em;
      text-transform: uppercase;
    }

    .verification-top span:last-child {
      color: var(--acid);
    }

    .verification-row {
      display: flex;
      justify-content: space-between;
      gap: 10px;
      padding: 8px 0 0;
      color: #a8b7ae;
      font-size: 13px;
    }

    .verification-row b {
      color: #b9f7c2;
      font-weight: 600;
    }

    .hero.hero-bg {
      min-height: min(calc(100svh - 76px), 860px);
      color: var(--white);
      overflow: hidden;
    }

    .hero-bg .hero-grid {
      min-height: min(calc(100svh - 76px), 860px);
      grid-template-columns:minmax(0, 860px);
      gap:56px;
      align-items:end;
      padding:96px 0 76px;
    }

    .hero-bg h1 {
      max-width:780px;
      color:var(--white);
    }

    .hero-bg .hero-lead {
      max-width:690px;
      color:var(--white);
    }

    .hero-bg .hero-lead strong {
      color:var(--white);
    }

    .hero-bg .eyebrow.dark {
      color:rgba(255,255,255,.72);
    }

    .hero-bg .eyebrow.dark::before {
      background:linear-gradient(90deg,var(--acid),rgba(255,255,255,.15));
    }

    .hero-bg .button-ink {
      border-color:var(--acid);
      color:#041008;
      background:var(--acid);
      box-shadow:0 18px 45px rgba(57,255,20,.18);
    }

    .hero-bg .button-hero-line {
      color:rgba(255,255,255,.88);
      border-color:rgba(255,255,255,.25);
      background:rgba(5,10,8,.30);
      backdrop-filter:blur(12px);
    }

    .hero-bg .assurance span {
      border-color:rgba(255,255,255,.18);
      background:rgba(5,10,8,.38);
      color:rgba(255,255,255,.84);
      backdrop-filter:blur(14px);
      box-shadow:none;
    }

    .catalog {
      position: relative;
      overflow: hidden;
      padding: 92px 0 104px;
      border-top: 1px solid var(--line);
      background: var(--night);
    }

    .catalog::before {
      position: absolute;
      top: -240px;
      left: 50%;
      width: 820px;
      height: 420px;
      content: "";
      background: radial-gradient(ellipse, rgba(57, 255, 20, .055), transparent 66%);
      transform: translateX(-50%);
      pointer-events: none;
    }

    .section-head {
      position: relative;
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 42px;
      margin-bottom: 45px;
    }

    .section-head .intro {
      max-width: 404px;
      margin-top: 0;
      font-size: 16px;
    }

    .products {
      position: relative;
      display: grid;
      grid-template-columns: repeat(4, 1fr);
      gap: 15px;
    }

    .product {
      position: relative;
      display: flex;
      flex-direction: column;
      min-width: 0;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius-small);
      background: var(--panel);
      transition: transform .25s ease, border-color .25s ease, box-shadow .25s ease;
    }

    .product:hover {
      border-color: rgba(57, 255, 20, .27);
      box-shadow: var(--glow);
      transform: translateY(-5px);
    }

    .product-photo {
      position: relative;
      height: 275px;
      overflow: hidden;
      background: #101713;
    }

    .product-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      transition: transform .45s ease;
    }

    .product:hover .product-photo img {
      transform: scale(1.04);
    }

    .badge {
      position: absolute;
      top: 14px;
      left: 14px;
      padding: 7px 10px;
      color: var(--acid);
      border: 1px solid rgba(57, 255, 20, .29);
      border-radius: var(--radius-pill);
      background: rgba(5, 10, 8, .75);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .product-body {
      display: flex;
      flex: 1;
      flex-direction: column;
      padding: 23px 20px 20px;
    }

    .category {
      color: var(--sage);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .19em;
      text-transform: uppercase;
    }

    .product h3 {
      margin: 11px 0 20px;
      color: var(--white);
      font-family: var(--serif);
      font-size: 31px;
      font-weight: 500;
      letter-spacing: -.036em;
      line-height: 1.03;
    }

    .product-data {
      display: flex;
      gap: 17px;
      margin: auto 0 19px;
      padding-top: 18px;
      border-top: 1px solid var(--line);
      color: #829087;
      font-size: 12px;
    }

    .product-data b {
      display: block;
      margin-bottom: 2px;
      color: #e7eee9;
      font-size: 20px;
      font-weight: 500;
    }

    .product-foot {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 8px;
    }

    .price {
      color: #9eaaa2;
      font-size: 12px;
    }

    .price strong {
      display: block;
      color: var(--white);
      font-size: 28px;
      font-weight: 300;
      line-height: 1;
    }

    .detail-link {
      color: #bce1ca;
      font-size: 13px;
      font-weight: 700;
    }

    .catalog-note {
      margin-top: 25px;
      color: #73837a;
      font-size: 13px;
    }

    .origin {
      position: relative;
      overflow: hidden;
      padding: 102px 0 108px;
      border-top: 1px solid var(--line);
      background:
        radial-gradient(circle at 15% 16%, rgba(57, 255, 20, .07), transparent 28%),
        radial-gradient(circle at 86% 8%, rgba(128, 173, 150, .1), transparent 30%),
        linear-gradient(135deg, #050a08 0%, #0b1511 54%, #050a08 100%);
    }

    .origin::before {
      position: absolute;
      top: 0;
      right: 0;
      left: 0;
      height: 1px;
      content: "";
      background: linear-gradient(90deg, transparent, rgba(57, 255, 20, .32), transparent);
    }

    .origin-panel {
      position: relative;
      display: grid;
      grid-template-columns: .92fr 1.08fr;
      gap: 45px;
      align-items: stretch;
    }

    .origin-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
    }

    .origin-copy .title {
      max-width: 560px;
    }

    .origin-copy .intro {
      max-width: 570px;
    }

    .origin-proof {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
      margin-top: 31px;
    }

    .origin-proof div {
      min-height: 142px;
      padding: 22px 20px;
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      background: rgba(255, 255, 255, .025);
    }

    .origin-proof span {
      display: inline-flex;
      margin-bottom: 13px;
      color: var(--acid-muted);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .2em;
      text-transform: uppercase;
    }

    .origin-proof h3 {
      margin-bottom: 8px;
      color: var(--white);
      font-family: var(--serif);
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -.036em;
      line-height: 1.02;
    }

    .origin-proof p {
      color: #98a99f;
      font-size: 14px;
      line-height: 1.6;
    }

    .origin-visual {
      display: grid;
      grid-template-columns: 1fr .72fr;
      gap: 14px;
      min-height: 610px;
    }

    .origin-photo {
      position: relative;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius-media);
      background: var(--panel);
      box-shadow: 0 24px 70px rgba(0, 0, 0, .22);
    }

    .origin-photo::after {
      position: absolute;
      inset: 0;
      content: "";
      background: linear-gradient(0deg, rgba(5, 10, 8, .86), rgba(5, 10, 8, .08) 58%);
    }

    .origin-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(.9) contrast(1.04);
    }

    .origin-photo-main {
      min-height: 610px;
    }

    .origin-side {
      display: grid;
      gap: 14px;
    }

    .origin-side .origin-photo {
      min-height: 298px;
    }

    .origin-caption {
      position: absolute;
      right: 22px;
      bottom: 22px;
      left: 22px;
      z-index: 1;
    }

    .origin-caption span {
      display: inline-flex;
      margin-bottom: 12px;
      padding: 6px 10px;
      color: var(--acid);
      border: 1px solid rgba(57, 255, 20, .29);
      border-radius: var(--radius-pill);
      background: rgba(5, 10, 8, .5);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .17em;
      text-transform: uppercase;
    }

    .origin-caption h3 {
      max-width: 430px;
      color: var(--white);
      font-family: var(--serif);
      font-size: clamp(34px, 4.4vw, 48px);
      font-weight: 500;
      letter-spacing: -.045em;
      line-height: 1.02;
    }

    .origin-caption p {
      max-width: 405px;
      margin-top: 9px;
      color: #dce6df;
      font-size: 14px;
    }

    .origin-note {
      margin-top: 24px;
      padding: 19px 20px;
      border: 1px solid rgba(57, 255, 20, .18);
      border-left: 2px solid var(--acid);
      border-radius: var(--radius-small);
      background: rgba(57, 255, 20, .045);
      color: #dfe9e3;
      font-size: 15px;
      font-weight: 600;
    }

    .clone-case {
      position: relative;
      overflow: hidden;
      padding: 101px 0 106px;
      border-top: 1px solid var(--line);
      background:
        radial-gradient(circle at 12% 24%, rgba(57, 255, 20, .055), transparent 26%),
        linear-gradient(150deg, #08110d 0%, #050a08 52%, #0d1713 100%);
    }

    .clone-case::after {
      position: absolute;
      top: 50%;
      right: -210px;
      width: 510px;
      height: 510px;
      content: "";
      border: 1px solid rgba(57, 255, 20, .08);
      border-radius: 50%;
      transform: translateY(-50%);
      pointer-events: none;
    }

    .clone-grid {
      position: relative;
      z-index: 1;
      display: grid;
      grid-template-columns: .85fr 1.15fr;
      gap: 46px;
      align-items: center;
    }

    .clone-copy .title {
      max-width: 570px;
    }

    .clone-copy .intro {
      max-width: 570px;
    }

    .clone-note {
      margin-top: 26px;
      padding: 19px 20px;
      border: 1px solid rgba(227, 237, 230, .13);
      border-left: 2px solid var(--acid-muted);
      border-radius: var(--radius-small);
      background: rgba(255, 255, 255, .025);
      color: #d8e5dd;
      font-size: 15px;
      font-weight: 600;
    }

    .choice-board {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 13px;
    }

    .choice-card {
      display: flex;
      min-height: 548px;
      flex-direction: column;
      padding: 28px 27px;
      border: 1px solid var(--line);
      border-radius: var(--radius-media);
      background: rgba(255, 255, 255, .025);
    }

    .choice-card.seed {
      background:
        linear-gradient(180deg, rgba(255, 255, 255, .03), rgba(255, 255, 255, .012)),
        var(--panel);
    }

    .choice-card.clone {
      border-color: rgba(57, 255, 20, .24);
      background:
        radial-gradient(circle at 78% 0%, rgba(57, 255, 20, .105), transparent 42%),
        var(--panel-raised);
      box-shadow: var(--glow);
    }

    .choice-label {
      display: inline-flex;
      align-self: flex-start;
      margin-bottom: 22px;
      padding: 7px 10px;
      border: 1px solid rgba(227, 237, 230, .14);
      border-radius: var(--radius-pill);
      color: var(--sage);
      background: rgba(255, 255, 255, .025);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .18em;
      text-transform: uppercase;
    }

    .choice-card.clone .choice-label {
      color: var(--acid);
      border-color: rgba(57, 255, 20, .3);
      background: rgba(57, 255, 20, .045);
    }

    .choice-card h3 {
      color: var(--white);
      font-family: var(--serif);
      font-size: clamp(36px, 4.1vw, 47px);
      font-weight: 500;
      letter-spacing: -.045em;
      line-height: 1.01;
    }

    .choice-card > p {
      margin-top: 14px;
      color: #aab8b0;
      font-size: 15px;
    }

    .choice-list {
      display: grid;
      gap: 10px;
      margin-top: 27px;
    }

    .choice-list div {
      padding: 16px 16px 15px;
      border: 1px solid rgba(227, 237, 230, .1);
      border-radius: var(--radius-small);
      background: rgba(255, 255, 255, .018);
    }

    .choice-list b {
      display: block;
      margin-bottom: 4px;
      color: #edf5ef;
      font-size: 15px;
    }

    .choice-list span {
      display: block;
      color: #91a39a;
      font-size: 13px;
      line-height: 1.55;
    }

    .choice-card.clone .choice-list b {
      color: #d9ffd7;
    }

    .choice-card.clone .choice-list div {
      border-color: rgba(57, 255, 20, .12);
      background: rgba(57, 255, 20, .028);
    }

    .choice-result {
      margin-top: auto;
      padding-top: 24px;
      color: #728379;
      font-size: 13px;
    }

    .choice-result strong {
      display: block;
      margin-bottom: 5px;
      color: var(--white);
      font-family: var(--serif);
      font-size: 27px;
      font-weight: 500;
      letter-spacing: -.035em;
      line-height: 1.05;
    }

    .choice-card.clone .choice-result strong {
      color: var(--acid);
    }

    .choice-action {
      width: 100%;
      margin-top: 18px;
    }

    .clean {
      padding: 104px 0 98px;
      color: var(--hero-ink);
      border-top: 1px solid rgba(20, 42, 32, .1);
      background:
        radial-gradient(circle at 9% 23%, rgba(57, 255, 20, .06), transparent 26%),
        linear-gradient(130deg, #e6e5e1 0%, #f1eee9 55%, #e8e7e3 100%);
    }

    .clean-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
      align-items: stretch;
    }

    .clean-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding-right: clamp(5px, 4vw, 30px);
    }

    .clean-intro {
      margin-top: 20px;
      color: #38463e;
      font-size: 15px;
      line-height: 1.72;
      max-width: 520px;
    }

    .clean.dark-bg .clean-intro {
      color: rgba(210, 228, 218, .72);
    }

    .clean .title,
    .specimen .title {
      color: var(--hero-ink);
    }

    .clean .intro,
    .specimen .intro {
      color: #3a4941;
    }

    .clean-proof {
      margin-top: 28px;
      padding: 18px 20px;
      border: 1px solid rgba(23, 53, 40, .14);
      border-left: 2px solid #3d9b55;
      border-radius: var(--radius-small);
      background: rgba(255, 255, 255, .42);
      color: #142018;
      font-size: 15px;
      font-weight: 700;
    }

    .clean-card {
      position: relative;
      display: flex;
      min-height: 336px;
      flex-direction: column;
      justify-content: end;
      overflow: hidden;
      border-radius: var(--radius-media);
      background: #102017;
      border: 1px solid rgba(57, 255, 20, .12);
      box-shadow: 0 18px 44px rgba(21, 37, 28, .11), inset 0 1px 0 rgba(57, 255, 20, .06);
    }

    .clean-card::after {
      position: absolute;
      inset: 0;
      content: "";
      background: linear-gradient(0deg, rgba(5, 10, 8, .88), rgba(5, 10, 8, .04) 67%);
    }

    .clean-card img {
      position: absolute;
      inset: 0;
      width: 100%;
      height: 100%;
      object-fit: cover;
    }

    .clean-card-body {
      position: relative;
      z-index: 1;
      padding: clamp(24px, 4vw, 32px);
    }

    .clean-card span {
      display: inline-flex;
      margin-bottom: 15px;
      padding: 6px 10px;
      border: 1px solid rgba(57, 255, 20, .29);
      border-radius: var(--radius-pill);
      color: var(--acid);
      background: rgba(5, 10, 8, .46);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .17em;
      text-transform: uppercase;
    }

    .clean-card h3 {
      max-width: 410px;
      margin-bottom: 10px;
      color: var(--white);
      font-family: var(--serif);
      font-size: clamp(37px, 4.6vw, 49px);
      font-weight: 500;
      letter-spacing: -.045em;
      line-height: 1.02;
    }

    .clean-card p {
      max-width: 415px;
      color: #e2e9e4;
      font-size: 15px;
    }

    .clean-duo {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 15px;
      margin-top: 15px;
    }

    .clean-card.small {
      min-height: 300px;
    }

    .clean-card.small h3 {
      font-size: clamp(33px, 4vw, 42px);
    }

    .specimen {
      padding: 101px 0 110px;
      color: var(--hero-ink);
      border-top: 1px solid rgba(20, 42, 32, .1);
      background: #f5f3ee;
    }

    .specimen-head {
      display: flex;
      align-items: end;
      justify-content: space-between;
      gap: 52px;
      margin-bottom: 48px;
    }

    .specimen-head .intro {
      max-width: 392px;
      margin-top: 0;
    }

    .specimen-frame {
      display: grid;
      grid-template-columns: .78fr 1.22fr;
      gap: clamp(18px, 4vw, 42px);
      align-items: stretch;
      padding: clamp(16px, 3vw, 28px);
      border: 1px solid rgba(20, 42, 32, .12);
      border-radius: var(--radius-feature);
      background: rgba(255, 255, 255, .46);
    }

    .specimen-points {
      display: grid;
      align-content: center;
      gap: 10px;
    }

    .spec-point {
      padding: 22px 21px 21px;
      border: 1px solid rgba(20, 42, 32, .11);
      border-radius: var(--radius-card);
      background: #fbfaf7;
    }

    .spec-point span {
      display: inline-flex;
      margin-bottom: 14px;
      color: #36794e;
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .21em;
      text-transform: uppercase;
    }

    .spec-point h3 {
      margin-bottom: 9px;
      color: #101914;
      font-family: var(--serif);
      font-size: 33px;
      font-weight: 500;
      line-height: 1.03;
    }

    .spec-point p {
      color: #4c5b52;
      font-size: 14px;
      line-height: 1.7;
    }

    .specimen-media {
      position: relative;
      display: flex;
      min-height: 742px;
      flex-direction: column;
      overflow: hidden;
      border-radius: var(--radius-media);
      background: #f7f7f4;
    }

    .specimen-photo {
      position: relative;
      flex: 1;
      min-height: 0;
    }

    .specimen-photo img {
      width: 100%;
      height: 100%;
      object-fit: contain;
    }

    .spec-marker {
      position: absolute;
      display: flex;
      width: 42px;
      height: 42px;
      align-items: center;
      justify-content: center;
      border: 1px solid #101914;
      border-radius: 50%;
      color: #0b1a12;
      background: rgba(57, 255, 20, .66);
      box-shadow: 0 0 0 7px rgba(57, 255, 20, .08);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .04em;
    }

    .spec-marker.leaves {
      top: 26%;
      left: 53%;
    }

    .spec-marker.stem {
      top: 56%;
      left: 50%;
    }

    .spec-marker.roots {
      right: 34%;
      bottom: 13%;
    }

    .spec-caption {
      margin: 0 18px 18px;
      padding: 12px 14px;
      border: 1px solid rgba(20, 42, 32, .11);
      border-radius: var(--radius-small);
      color: #4d5c53;
      background: rgba(251, 250, 247, .89);
      font-size: 12px;
    }

    .reason {
      padding: 108px 0;
      border-top: 1px solid var(--line);
      background:
        radial-gradient(circle at 17% 52%, rgba(57, 255, 20, .06), transparent 27%),
        var(--night-soft);
    }

    .reason-grid {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 68px;
      align-items: center;
    }

    .reason-photo {
      position: relative;
      border: 1px solid var(--line);
      border-radius: var(--radius-media);
      overflow: hidden;
    }

    .reason-photo img {
      width: 100%;
      height: 590px;
      object-fit: cover;
      filter: brightness(.78) contrast(1.05);
    }

    .reason-photo figcaption {
      position: absolute;
      right: 18px;
      bottom: 18px;
      left: 18px;
      padding: 14px 16px;
      color: #b3c4b8;
      border: 1px solid var(--line);
      border-radius: var(--radius-small);
      background: rgba(5, 10, 8, .84);
      font-size: 11px;
      font-weight: 600;
      letter-spacing: .16em;
      text-transform: uppercase;
    }

    .loss-box {
      margin: 33px 0 33px;
      padding: 26px 27px;
      border: 1px solid var(--line);
      border-left: 2px solid var(--acid-muted);
      border-radius: var(--radius-small);
      background: var(--panel);
    }

    .loss-box strong {
      display: block;
      margin-bottom: 9px;
      color: var(--white);
      font-family: var(--serif);
      font-size: 33px;
      font-weight: 500;
      letter-spacing: -.025em;
      line-height: 1.12;
    }

    .checks {
      display: grid;
      grid-template-columns: repeat(3, 1fr);
      gap: 10px;
      margin: 34px 0 38px;
    }

    .check {
      min-height: 119px;
      padding: 17px 15px;
      border: 1px solid var(--line);
      border-radius: var(--radius-small);
      background: rgba(255, 255, 255, .015);
      color: #96a79d;
      font-size: 13px;
    }

    .check b {
      display: block;
      margin-bottom: 8px;
      color: #e7f6eb;
      font-size: 14px;
    }

    .protocol {
      position: relative;
      padding: 105px 0;
      border-top: 1px solid var(--line);
      background: var(--night);
    }

    .protocol-grid {
      display: grid;
      grid-template-columns: 1.04fr .96fr;
      gap: 64px;
      margin-top: 51px;
      align-items: start;
    }

    .steps {
      border-top: 1px solid var(--line);
    }

    .step {
      display: grid;
      grid-template-columns: 65px 1fr;
      gap: 19px;
      padding: 26px 0;
      border-bottom: 1px solid var(--line);
    }

    .step-no {
      color: var(--acid-muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .21em;
    }

    .step h3 {
      margin-bottom: 7px;
      color: #eff5f1;
      font-size: 18px;
      font-weight: 600;
    }

    .step p {
      color: #93a399;
      font-size: 15px;
    }

    .protocol-media {
      position: sticky;
      top: 109px;
    }

    .protocol-media img {
      width: 100%;
      height: 540px;
      object-fit: cover;
      border-radius: var(--radius-media);
      filter: brightness(.85);
    }

    .protocol-note {
      position: relative;
      width: calc(100% - 43px);
      margin: -70px 0 0 auto;
      padding: 23px 25px;
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-card);
      background: var(--panel-raised);
    }

    .protocol-note strong {
      display: block;
      margin-bottom: 8px;
      color: var(--acid);
      font-size: 11px;
      letter-spacing: .2em;
      text-transform: uppercase;
    }

    .protocol-note p {
      color: #becbc3;
      font-size: 14px;
    }

    .protocol-action {
      margin-top: 28px;
    }

    .difference {
      padding: 106px 0;
      border-top: 1px solid var(--line);
      background:
        radial-gradient(circle at 85% 45%, rgba(57, 255, 20, .045), transparent 26%),
        var(--night-soft);
    }

    .difference-grid {
      display: grid;
      grid-template-columns: 1fr .93fr;
      gap: 66px;
      align-items: start;
    }

    .pillars {
      display: grid;
      margin-top: 46px;
    }

    .pillar {
      display: grid;
      grid-template-columns: 48px 1fr;
      gap: 20px;
      padding: 25px 0;
      border-top: 1px solid var(--line);
    }

    .pillar-number {
      color: var(--acid-muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .2em;
    }

    .pillar h3 {
      margin-bottom: 8px;
      color: #f0f5f1;
      font-family: var(--serif);
      font-size: 32px;
      font-weight: 500;
      line-height: 1.06;
    }

    .pillar p {
      max-width: 520px;
      font-size: 15px;
    }

    .lab {
      border: 1px solid var(--line-strong);
      border-radius: var(--radius-card);
      overflow: hidden;
      background: var(--panel);
      box-shadow: inset 0 1px 0 rgba(57, 255, 20, .13);
    }

    .lab-head {
      display: flex;
      justify-content: space-between;
      gap: 15px;
      padding: 26px 27px;
      border-bottom: 1px solid var(--line);
    }

    .lab-head span {
      color: var(--sage);
      font-size: 10px;
      font-weight: 700;
      letter-spacing: .2em;
      text-transform: uppercase;
    }

    .lab-head h3 {
      margin-top: 9px;
      color: var(--white);
      font-family: var(--serif);
      font-size: 38px;
      font-weight: 500;
      letter-spacing: -.04em;
      line-height: 1;
    }

    .stamp {
      align-self: start;
      padding: 8px 10px;
      color: var(--acid);
      border: 1px solid rgba(57, 255, 20, .28);
      border-radius: var(--radius-pill);
      font-size: 10px;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .lab-values {
      display: grid;
      grid-template-columns: 1fr 1fr;
    }

    .lab-values div {
      padding: 22px 27px;
      border-right: 1px solid var(--line);
      border-bottom: 1px solid var(--line);
      color: #788b80;
      font-size: 11px;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .lab-values div:last-child {
      border-right: 0;
    }

    .lab-values b {
      display: block;
      margin-top: 8px;
      color: #f3f8f5;
      font-size: 27px;
      font-weight: 300;
      letter-spacing: -.04em;
      text-transform: none;
    }

    .testing {
      display: grid;
      gap: 10px;
      padding: 22px 27px;
    }

    .testing div {
      display: flex;
      justify-content: space-between;
      gap: 12px;
      padding: 12px 13px;
      border: 1px solid rgba(57, 255, 20, .18);
      border-radius: 9px;
      background: rgba(57, 255, 20, .045);
      color: #c2cec7;
      font-size: 14px;
    }

    .testing b {
      padding: 5px 8px;
      border-radius: 7px;
      background: rgba(57, 255, 20, .11);
      color: #97eaaa;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .15em;
      text-transform: uppercase;
    }

    .lab-disclaimer {
      padding: 0 27px 27px;
      color: #7f9087;
      font-size: 12px;
      line-height: 1.72;
    }

    .lab-action {
      width: calc(100% - 54px);
      margin: 0 27px 27px;
    }

    .story {
      padding: 100px 0;
      border-top: 1px solid var(--line);
      background: var(--night);
    }

    .story-grid {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 62px;
      align-items: center;
    }

    .story-mark {
      position: relative;
      padding: 44px 39px 42px;
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      background: var(--panel);
      overflow: hidden;
    }

    .story-mark::after {
      position: absolute;
      right: -82px;
      bottom: -110px;
      width: 250px;
      height: 250px;
      content: "";
      border-radius: 50%;
      background: radial-gradient(circle, rgba(57, 255, 20, .13), transparent 68%);
    }

    .story-mark span {
      color: var(--sage);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .2em;
      text-transform: uppercase;
    }

    .story-mark strong {
      display: block;
      margin: 24px 0 8px;
      font-family: var(--serif);
      font-size: clamp(72px, 8.5vw, 96px);
      font-weight: 500;
      line-height: .84;
    }

    .story-mark p {
      max-width: 310px;
      color: #bdcac2;
      font-size: 17px;
    }

    .story-copy p {
      max-width: 650px;
      margin: 23px 0 29px;
      color: #aab8af;
      font-size: 17px;
    }

    .faq {
      padding: 106px 0;
      border-top: 1px solid var(--line);
      background: var(--night-soft);
    }

    .faq-grid {
      display: grid;
      grid-template-columns: .76fr 1.24fr;
      gap: 60px;
      margin-top: 48px;
      align-items: start;
    }

    .help {
      position: sticky;
      top: 109px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius-card);
      background: var(--panel);
    }

    .help img {
      width: 100%;
      height: 237px;
      object-fit: cover;
      filter: brightness(.78);
    }

    .help-body {
      padding: 25px;
    }

    .help-body strong {
      display: block;
      margin-bottom: 9px;
      color: var(--white);
      font-size: 17px;
    }

    .help-body p {
      margin-bottom: 19px;
      font-size: 14px;
    }

    .questions {
      border-top: 1px solid var(--line);
    }

    details {
      border-bottom: 1px solid var(--line);
    }

    summary {
      position: relative;
      cursor: pointer;
      list-style: none;
      padding: 24px 54px 24px 0;
      color: #eef5f0;
      font-size: 17px;
      font-weight: 600;
    }

    summary::-webkit-details-marker {
      display: none;
    }

    summary::after {
      position: absolute;
      top: 25px;
      right: 4px;
      content: "+";
      color: var(--acid);
      font-size: 22px;
      font-weight: 400;
      line-height: 1;
    }

    details[open] summary::after {
      content: "\2212";
    }

    details p {
      padding: 0 55px 25px 0;
      color: #9eaea4;
      font-size: 15px;
      line-height: 1.78;
    }

    .shipping {
      padding: 102px 0;
      border-top: 1px solid var(--line);
      background:
        radial-gradient(circle at 18% 30%, rgba(57, 255, 20, .05), transparent 27%),
        var(--night);
    }

    .shipping-grid {
      display: grid;
      grid-template-columns: .76fr 1.24fr;
      gap: 55px;
      margin-top: 47px;
    }

    .shipping-photo {
      border: 1px solid var(--line);
      border-radius: var(--radius-media);
      overflow: hidden;
    }

    .shipping-photo img {
      width: 100%;
      height: 100%;
      min-height: 485px;
      object-fit: cover;
      filter: brightness(.77);
    }

    .delivery-cards {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 10px;
    }

    .delivery-card {
      min-height: 242px;
      padding: 30px 28px;
      border: 1px solid var(--line);
      border-radius: var(--radius-small);
      background: rgba(255, 255, 255, .01);
    }

    .delivery-card span {
      color: var(--acid-muted);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .21em;
    }

    .delivery-card h3 {
      margin: 17px 0 10px;
      color: var(--white);
      font-family: var(--serif);
      font-size: 33px;
      font-weight: 500;
      line-height: 1.05;
    }

    .delivery-card p {
      color: #99aaa0;
      font-size: 14px;
    }

    .second-catalog {
      padding: 101px 0 109px;
      border-top: 1px solid var(--line);
      background: var(--night-soft);
    }

    .choose-grid {
      display: grid;
      grid-template-columns: .88fr 1.12fr;
      gap: 56px;
      margin-top: 48px;
      align-items: stretch;
    }

    .manifesto {
      display: flex;
      flex-direction: column;
      justify-content: space-between;
      padding: 39px 38px;
      border: 1px solid rgba(57, 255, 20, .19);
      border-radius: var(--radius-media);
      background:
        radial-gradient(circle at 80% 10%, rgba(57, 255, 20, .11), transparent 35%),
        var(--panel);
    }

    .manifesto h3 {
      max-width: 370px;
      font-family: var(--serif);
      font-size: clamp(39px, 4.6vw, 50px);
      font-weight: 500;
      letter-spacing: -.048em;
      line-height: 1.02;
    }

    .manifesto p {
      margin: 21px 0 35px;
      font-size: 16px;
    }

    .quick-products {
      display: grid;
      gap: 12px;
    }

    .quick {
      display: grid;
      grid-template-columns: 122px 1fr auto;
      align-items: center;
      gap: 23px;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius-small);
      background: var(--panel);
      transition: border-color .2s ease;
    }

    .quick:hover {
      border-color: rgba(57, 255, 20, .25);
    }

    .quick img {
      width: 122px;
      height: 119px;
      object-fit: cover;
    }

    .quick p {
      color: var(--sage);
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .13em;
      text-transform: uppercase;
    }

    .quick h3 {
      color: var(--white);
      font-family: var(--serif);
      font-size: 30px;
      font-weight: 500;
      letter-spacing: -.035em;
    }

    .quick-price {
      margin-right: 24px;
      color: #86968d;
      font-size: 12px;
      text-align: right;
      white-space: nowrap;
    }

    .quick-price b {
      display: block;
      color: #f0f5f1;
      font-size: 26px;
      font-weight: 300;
    }

    .professionals {
      padding: 103px 0;
      border-top: 1px solid var(--line);
      background: var(--night);
    }

    .pro-panel {
      display: grid;
      min-height: 530px;
      grid-template-columns: 1fr 1fr;
      overflow: hidden;
      border: 1px solid var(--line);
      border-radius: var(--radius-feature);
      background: var(--panel);
    }

    .pro-photo {
      position: relative;
    }

    .pro-photo::after {
      position: absolute;
      inset: 0;
      content: "";
      background: linear-gradient(90deg, transparent 50%, var(--panel));
    }

    .pro-photo img {
      width: 100%;
      height: 100%;
      object-fit: cover;
      filter: saturate(.78) brightness(.69);
    }

    .pro-copy {
      display: flex;
      flex-direction: column;
      justify-content: center;
      padding: clamp(37px, 5vw, 62px);
    }

    .pro-copy h2 {
      margin: 21px 0 21px;
      color: var(--white);
      font-family: var(--serif);
      font-size: clamp(43px, 5vw, 56px);
      font-weight: 500;
      letter-spacing: -.05em;
      line-height: 1.03;
    }

    .pro-copy p {
      max-width: 470px;
      margin-bottom: 31px;
      color: #a6b5ac;
    }

    .advantages {
      display: flex;
      flex-wrap: wrap;
      gap: 8px;
      margin-bottom: 35px;
    }

    .advantages span {
      padding: 8px 13px;
      color: #cad6cf;
      border: 1px solid var(--line);
      border-radius: var(--radius-pill);
      font-size: 12px;
    }

    .closing {
      padding: 94px 0;
      border-top: 1px solid rgba(57, 255, 20, .17);
      background:
        radial-gradient(ellipse at 50% 0%, rgba(57, 255, 20, .09), transparent 53%),
        #07130e;
      text-align: center;
    }

    .closing h2 {
      max-width: 890px;
      margin: 21px auto;
      font-family: var(--serif);
      font-size: clamp(47px, 6vw, 70px);
      font-weight: 500;
      letter-spacing: -.05em;
      line-height: 1.01;
    }

    .closing p {
      max-width: 584px;
      margin: 0 auto 36px;
      font-size: 17px;
    }

    .closing-actions {
      display: flex;
      justify-content: center;
      gap: 13px;
    }

    .footer {
      padding: 59px 0 29px;
      border-top: 1px solid var(--line);
      background: #030705;
    }

    .footer-grid {
      display: grid;
      grid-template-columns: 1.5fr .7fr .7fr .92fr;
      gap: 43px;
      padding-bottom: 48px;
      border-bottom: 1px solid var(--line);
    }

    .footer-brand p {
      max-width: 370px;
      margin-top: 20px;
      color: #839289;
      font-size: 14px;
    }

    .footer h3 {
      margin-bottom: 18px;
      color: #ebf2ed;
      font-size: 11px;
      font-weight: 700;
      letter-spacing: .2em;
      text-transform: uppercase;
    }

    .footer-links {
      display: grid;
      gap: 11px;
      color: #96a69d;
      font-size: 14px;
    }

    .footer-links a:hover {
      color: var(--white);
    }

    .legal {
      padding-top: 28px;
      color: #78887e;
      font-size: 12px;
      line-height: 1.75;
    }

    .copyright {
      margin-top: 20px;
      color: #64746a;
      font-size: 12px;
    }

    :focus-visible {
      outline: 2px solid var(--acid);
      outline-offset: 3px;
    }

    @media (max-width: 1090px) {
      .nav > a:not(.button) {
        display: none;
      }

      .hero-grid,
      .clean-grid,
      .origin-panel,
      .clone-grid,
      .specimen-frame,
      .reason-grid,
      .protocol-grid,
      .difference-grid,
      .story-grid,
      .faq-grid,
      .shipping-grid,
      .choose-grid,
      .pro-panel {
        grid-template-columns: minmax(0, 1fr);
      }

      .clean-copy {
        padding-right: 0;
      }

      .specimen-media {
        min-height: 650px;
      }

      .hero-grid {
        padding-bottom: 0;
      }

      .hero-bg .hero-grid {
        min-height: auto;
        padding: 78px 0 62px;
      }

      .hero-media {
        height: 600px;
        min-height: 0;
        margin: 25px calc((min(var(--max), 100vw - 58px) - 100vw) / 2) 0;
      }

      .products {
        grid-template-columns: repeat(2, 1fr);
      }

      .origin-visual {
        grid-template-columns: 1fr;
        min-height: 0;
      }

      .origin-photo-main,
      .origin-side .origin-photo {
        min-height: 360px;
      }

      .choice-board {
        grid-template-columns: 1fr;
      }

      .choice-card {
        min-height: auto;
      }

      .reason-photo {
        order: 2;
      }

      .protocol-media,
      .help {
        position: static;
      }

      .shipping-photo img {
        max-height: 400px;
        min-height: 0;
      }

      .pro-photo {
        height: 425px;
      }

      .pro-photo::after {
        background: linear-gradient(0deg, var(--panel), transparent 50%);
      }

      .footer-grid {
        grid-template-columns: 1.45fr repeat(3, 1fr);
        gap: 28px;
      }
    }

    @media (max-width: 760px) {
      .container {
        width: calc(100vw - 34px);
        max-width: calc(100vw - 34px);
      }

      .service-bar {
        display: none;
      }

      /* header responsive gestionado por style.css global */

      .nav {
        display: none;
      }

      .menu-button {
        display: inline-flex;
      }

      .mobile-nav.open {
        display: grid;
        padding-bottom: 20px;
        border-top: 1px solid var(--line);
      }

      .mobile-nav a {
        padding: 14px 0;
        border-bottom: 1px solid var(--line);
        color: #c2d0c8;
        font-size: 15px;
      }

      .hero-grid {
        display: block;
        min-height: 0;
        padding: 47px 0 0;
      }

      .hero.hero-bg {
        background:
          linear-gradient(180deg, rgba(3, 7, 5, .34) 0%, rgba(3, 7, 5, .18) 46%, rgba(3, 7, 5, .42) 100%);
      }

      .hero-bg .hero-grid {
        display:grid;
        gap:28px;
        min-height:min(calc(100svh - 70px), 790px);
        padding:54px 0 44px;
      }

      .hero-grid > div:first-child {
        width: 100%;
        max-width: calc(100vw - 34px);
      }

      .hero h1 {
        max-width: calc(100vw - 56px);
        margin: 18px 0 23px;
        font-size: clamp(39px, 11.4vw, 45px);
      }

      .hero-bg .hero-lead {
        max-width: 280px;
        font-size: 16px;
        overflow-wrap: break-word;
      }

      .hero-actions .button {
        flex: 1 1 100%;
      }

      .assurance {
        display: grid;
        grid-template-columns: minmax(0, 1fr);
        width: 100%;
        max-width: 100%;
        gap: 8px;
      }

      .assurance span {
        display: flex;
        justify-content: center;
        min-width: 0;
        flex: 1 1 auto;
        max-width: 100%;
        min-height: 40px;
        padding: 11px 10px;
        font-size: 13px;
        line-height: 1.22;
        text-align: center;
        white-space: normal;
        overflow-wrap: break-word;
      }

      .hero-clean-proof {
        max-width: 100%;
        margin-top: 17px;
      }

      .hero-clean-grid {
        grid-template-columns: minmax(0, 1fr);
      }

      .hero-clean-card {
        grid-template-columns: 46px 1fr;
        padding: 17px;
      }

      .hero-clean-icon {
        width: 44px;
        height: 44px;
      }

      .hero-media {
        width: calc(100vw - 34px);
        max-width: calc(100vw - 34px);
        height: 435px;
        margin: 31px 0 0;
      }

      .hero-media img {
        object-position: 65% center;
      }

      .verification {
        right: 15px;
        bottom: 15px;
        left: 15px;
        width: auto;
        max-width: calc(100% - 30px);
        padding: 17px;
      }

      .catalog,
      .origin,
      .clone-case,
      .clean,
      .specimen,
      .reason,
      .protocol,
      .difference,
      .story,
      .faq,
      .shipping,
      .second-catalog,
      .professionals,
      .closing {
        padding-top: 69px;
        padding-bottom: 69px;
      }

      .title {
        font-size: clamp(38px, 11vw, 47px);
      }

      .intro {
        font-size: 16px;
      }

      .section-head {
        display: block;
        margin-bottom: 34px;
      }

      .section-head .intro {
        margin-top: 18px;
      }

      .clean-grid {
        gap: 29px;
      }

      .clean-proof {
        margin-top: 23px;
      }

      .clean-card {
        min-height: 314px;
      }

      .clean-duo {
        grid-template-columns: minmax(0, 1fr);
        gap: 12px;
        margin-top: 12px;
      }

      .clean-card.small {
        min-height: 272px;
      }

      .specimen-head {
        display: block;
        margin-bottom: 32px;
      }

      .specimen-head .intro {
        margin-top: 18px;
      }

      .specimen-frame {
        gap: 13px;
        padding: 11px;
      }

      .specimen-media {
        order: -1;
        min-height: 480px;
      }

      .spec-marker {
        width: 34px;
        height: 34px;
        font-size: 10px;
      }

      .spec-caption {
        margin: 0 11px 11px;
      }

      .spec-point {
        padding: 19px 18px 18px;
      }

      .products {
        grid-template-columns: minmax(0, 1fr);
      }

      .product-photo {
        height: 298px;
      }

      .origin-panel {
        gap: 36px;
      }

      .origin-proof {
        grid-template-columns: minmax(0, 1fr);
        margin-top: 25px;
      }

      .origin-proof div {
        min-height: auto;
      }

      .origin-photo-main,
      .origin-side .origin-photo {
        min-height: 314px;
      }

      .origin-caption {
        right: 18px;
        bottom: 18px;
        left: 18px;
      }

      .clone-grid {
        gap: 35px;
      }

      .choice-card {
        padding: 24px 21px;
      }

      .choice-list div {
        padding: 15px 14px;
      }

      .reason-grid,
      .protocol-grid,
      .difference-grid,
      .story-grid,
      .faq-grid,
      .shipping-grid,
      .choose-grid {
        gap: 36px;
        margin-top: 36px;
      }

      .reason-photo img {
        height: 350px;
      }

      .checks,
      .delivery-cards {
        grid-template-columns: minmax(0, 1fr);
      }

      .step {
        grid-template-columns: 42px 1fr;
        gap: 13px;
      }

      .protocol-media img {
        height: 412px;
      }

      .pillar {
        grid-template-columns: 39px 1fr;
        gap: 13px;
      }

      .lab-head,
      .testing,
      .lab-disclaimer {
        padding-right: 19px;
        padding-left: 19px;
      }

      .lab-action {
        width: calc(100% - 38px);
        margin-right: 19px;
        margin-left: 19px;
      }

      .protocol-action,
      .choice-action {
        width: 100%;
      }

      .lab-values div {
        padding: 20px 19px;
      }

      .story-mark {
        padding: 33px 27px;
      }

      .help img {
        height: 209px;
      }

      summary {
        font-size: 16px;
      }

      .shipping-photo img {
        height: 310px;
      }

      .delivery-card {
        min-height: auto;
      }

      .manifesto {
        padding: 30px 25px;
      }

      .quick {
        grid-template-columns: 87px 1fr;
        gap: 15px;
        padding-right: 12px;
      }

      .quick img {
        width: 87px;
        height: 109px;
      }

      .quick h3 {
        font-size: 24px;
      }

      .quick-price {
        grid-column: 2;
        margin: -13px 0 15px;
        text-align: left;
      }

      .pro-photo {
        height: 260px;
      }

      .pro-copy {
        padding: 36px 26px 40px;
      }

      .closing-actions {
        flex-direction: column;
      }

      .footer-grid {
        grid-template-columns: 1fr 1fr;
        gap: 37px 22px;
      }

      .footer-brand {
        grid-column: span 2;
      }
    }

    @media (prefers-reduced-motion: reduce) {
      *,
      *::before,
      *::after {
        animation-duration: .001ms !important;
        transition-duration: .001ms !important;
        scroll-behavior: auto !important;
      }
    }

    .clone-case-stack {
      display: block;
    }

    .clone-case-stack .clone-copy {
      max-width: 860px;
      margin-bottom: 40px;
    }

    .clone-case-stack .clone-copy .title,
    .clone-case-stack .clone-copy .intro,
    .clone-case-stack .clone-copy .clone-note {
      max-width: 860px;
    }

    .clone-case-stack .choice-board {
      grid-template-columns: 1fr 1fr;
    }

    /* ── SECCIONES CLARAS ALTERNANTES ───────────────────────────── */

    .difference.light-bg,
    .shipping.light-bg,
    .faq.light-bg {
      background:
        radial-gradient(circle at 9% 23%, rgba(57,255,20,.05), transparent 26%),
        linear-gradient(130deg, #edecea 0%, #f3f1ed 55%, #eae9e5 100%);
      color: var(--hero-ink);
      border-top: 1px solid rgba(20,42,32,.10);
    }

    /* gradient text → versión oscura para fondos claros */
    .difference.light-bg .gradient,
    .shipping.light-bg .gradient,
    .faq.light-bg .gradient {
      background: var(--green-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: var(--sage-dark);
    }

    /* eyebrow */
    .difference.light-bg .eyebrow,
    .shipping.light-bg .eyebrow,
    .faq.light-bg .eyebrow { color: #2a6644; }

    .difference.light-bg .eyebrow::before,
    .shipping.light-bg .eyebrow::before,
    .faq.light-bg .eyebrow::before {
      background: linear-gradient(90deg, #2a6644, transparent);
    }

    /* títulos e intro */
    .difference.light-bg .title,
    .shipping.light-bg .title,
    .faq.light-bg .title { color: var(--hero-ink); }

    .difference.light-bg .intro,
    .shipping.light-bg .intro,
    .faq.light-bg .intro { color: #3a4941; }

    /* ── Pilares ── */
    .difference.light-bg .pillar { border-color: rgba(20,42,32,.13); }
    .difference.light-bg .pillar-number { color: #2a6644; }
    .difference.light-bg .pillar h3 { color: var(--hero-ink); }
    .difference.light-bg .pillar p { color: #3e5248; }

    /* ── Lab card ── */
    .difference.light-bg .lab {
      border-color: rgba(20,42,32,.17);
      background: rgba(255,255,255,.72);
      box-shadow: 0 18px 44px rgba(15,30,20,.09);
    }
    .difference.light-bg .lab-head { border-color: rgba(20,42,32,.11); }
    .difference.light-bg .lab-head span { color: #2a6644; }
    .difference.light-bg .lab-head h3 { color: var(--hero-ink); }
    .difference.light-bg .stamp {
      color: #2a6644;
      border-color: rgba(42,102,68,.28);
    }
    .difference.light-bg .lab-values div {
      color: #546e5e;
      border-color: rgba(20,42,32,.10);
    }
    .difference.light-bg .lab-values b {
      color: var(--hero-ink);
      font-weight: 500;
    }
    .difference.light-bg .testing div {
      color: #2e4438;
      border-color: rgba(42,102,68,.20);
      background: rgba(57,255,20,.07);
    }
    .difference.light-bg .testing b {
      color: #1a5a2e;
      background: rgba(57,255,20,.14);
    }
    .difference.light-bg .lab-disclaimer { color: #607868; }
    .difference.light-bg .button-brand { box-shadow: 0 0 22px rgba(57,255,20,.18); }

    /* ── Shipping cards ── */
    .shipping.light-bg .shipping-photo { border-color: rgba(20,42,32,.14); }
    .shipping.light-bg .delivery-card {
      border-color: rgba(20,42,32,.13);
      background: rgba(255,255,255,.55);
    }
    .shipping.light-bg .delivery-card span { color: #2a6644; }
    .shipping.light-bg .delivery-card h3 { color: var(--hero-ink); }
    .shipping.light-bg .delivery-card p { color: #3e5248; }

    /* ── FAQ ── */
    .faq.light-bg .questions { border-color: rgba(20,42,32,.13); }
    .faq.light-bg details { border-color: rgba(20,42,32,.13); }
    .faq.light-bg summary { color: var(--hero-ink); }
    .faq.light-bg summary::after { color: #2a6644; }
    .faq.light-bg details p { color: #3e5248; }
    .faq.light-bg .help {
      border-color: rgba(20,42,32,.13);
      background: rgba(255,255,255,.68);
    }
    .faq.light-bg .help-body strong { color: var(--hero-ink); }
    .faq.light-bg .help-body p { color: #3e5248; }
    .faq.light-bg .link { color: #1a5a2e; }

    /* ── PROTOCOLO FONDO CLARO ──────────────────────────────────── */
    .protocol.light-bg {
      background:
        radial-gradient(circle at 9% 23%, rgba(57,255,20,.05), transparent 26%),
        linear-gradient(130deg, #edecea 0%, #f3f1ed 55%, #eae9e5 100%);
      color: var(--hero-ink);
      border-top: 1px solid rgba(20,42,32,.10);
    }
    .protocol.light-bg .eyebrow { color: #2a6644; }
    .protocol.light-bg .eyebrow::before { background: linear-gradient(90deg, #2a6644, transparent); }
    .protocol.light-bg .title { color: var(--hero-ink); }
    .protocol.light-bg .title .gradient {
      background: var(--green-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .protocol.light-bg .intro { color: #3a4941; }
    .protocol.light-bg .steps { border-color: rgba(20,42,32,.13); }
    .protocol.light-bg .step { border-color: rgba(20,42,32,.13); }
    .protocol.light-bg .step-no { color: #2a6644; }
    .protocol.light-bg .step h3 { color: var(--hero-ink); }
    .protocol.light-bg .step p { color: #3e5248; }
    .protocol.light-bg .protocol-note {
      border-color: rgba(20,42,32,.17);
      background: rgba(255,255,255,.65);
    }
    .protocol.light-bg .protocol-note strong { color: #2a6644; }
    .protocol.light-bg .protocol-note p { color: #3e5248; }
    .protocol.light-bg .protocol-media img { filter: brightness(.92); }

    /* ── CLEAN FONDO OSCURO ─────────────────────────────────────── */
    .clean.dark-bg {
      background:
        radial-gradient(circle at 15% 16%, rgba(57,255,20,.07), transparent 28%),
        linear-gradient(135deg, #050a08 0%, #0b1511 54%, #050a08 100%);
      color: var(--white);
      border-top: 1px solid var(--line);
    }
    .clean.dark-bg .eyebrow.dark { color: var(--sage); }
    .clean.dark-bg .eyebrow.dark::before { background: linear-gradient(90deg, var(--acid), transparent); }
    .clean.dark-bg .title { color: var(--white) !important; }
    .clean.dark-bg .title .gradient-ink {
      background: var(--luminous-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
      color: var(--sage);
    }
    .brand-name-inline {
      color: var(--acid);
      font-family: var(--serif);
    }
    .clean.dark-bg .intro { color: var(--mist); }
    .clean.dark-bg .clean-proof {
      border-color: rgba(57,255,20,.18);
      border-left-color: var(--acid-muted);
      background: rgba(57,255,20,.045);
      color: #dce6df;
    }

    /* ── REASON FONDO CLARO ─────────────────────────────────────── */
    .reason.light-bg {
      background:
        radial-gradient(circle at 17% 52%, rgba(57,255,20,.05), transparent 27%),
        linear-gradient(130deg, #edecea 0%, #f3f1ed 55%, #eae9e5 100%);
      color: var(--hero-ink);
      border-top: 1px solid rgba(20,42,32,.10);
    }
    .reason.light-bg .eyebrow { color: #2a6644; }
    .reason.light-bg .eyebrow::before { background: linear-gradient(90deg, #2a6644, transparent); }
    .reason.light-bg .title { color: var(--hero-ink); }
    .reason.light-bg .title .gradient {
      background: var(--green-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .reason.light-bg .intro { color: #3a4941; }
    .reason.light-bg .reason-photo figcaption {
      background: rgba(255,255,255,.72);
      color: #3e5248;
      border-color: rgba(20,42,32,.14);
    }
    .reason.light-bg .loss-box {
      border-color: rgba(20,42,32,.15);
      border-left-color: #2a6644;
      background: rgba(255,255,255,.55);
    }
    .reason.light-bg .loss-box strong { color: var(--hero-ink); }
    .reason.light-bg .loss-box p { color: #3e5248; }
    .reason.light-bg .check {
      border-color: rgba(20,42,32,.13);
      background: rgba(255,255,255,.45);
      color: #4a5e52;
    }
    .reason.light-bg .check b { color: var(--hero-ink); }

    .shipping-cta {
      margin-top: 56px;
      padding-top: 52px;
      text-align: center;
    }
    .shipping-cta .title {
      max-width: 760px;
      margin: 0 auto 18px;
      color: var(--white);
    }
    .shipping-cta .title .gradient {
      background: var(--luminous-text);
      -webkit-background-clip: text;
      background-clip: text;
      -webkit-text-fill-color: transparent;
    }
    .shipping-cta > p {
      max-width: 540px;
      margin: 0 auto 34px;
      color: var(--mist);
      font-size: 17px;
      line-height: 1.72;
    }
    .shipping-cta .closing-actions {
      display: flex;
      justify-content: center;
      gap: 13px;
    }

/* ── Overrides hero ── */
article p:not(.origin-note):not(.legal){padding:0!important}
article .origin-note{padding:19px 20px!important}
article .legal{padding-top:28px!important;padding-bottom:0!important}
article details p:not(.origin-note):not(.legal){padding:0 55px 25px 0!important}
article .step h3,
.hero.hero-bg:before{content:"";position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,rgba(3,7,5,.42) 0%,rgba(3,7,5,.26) 34%,rgba(3,7,5,.06) 66%,rgba(3,7,5,.18) 100%),linear-gradient(180deg,rgba(3,7,5,0) 0%,rgba(3,7,5,.16) 100%)}
.hero-picture{position:absolute;inset:-12% 0 -12%;z-index:0;margin:0;will-change:transform;transform-origin:center top}
.hero-picture img{width:100%;height:100%;object-fit:cover;object-position:center 20%;display:block}
.hero-bg .hero-grid{position:relative;z-index:2;will-change:opacity,transform}
.assurance span,
.advantages span,
.check,
.delivery-card{box-sizing:border-box;min-width:0}