{"product_id":"odyssey-mandarin-sky-armaf","title":"Mandarín SKY + Feromonas totalmente GRATIS","description":"\u003cdiv class=\"motion-rich\" style=\"font-family:Arial,Helvetica,sans-serif;background:#04070c;color:#f7f8fc;line-height:1.42;margin:0;padding:0;overflow-x:hidden;width:100vw;max-width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw);\"\u003e\n  \u003cstyle\u003e\n    :root{\n      --bg:#04070c;\n      --bg2:#0b1120;\n      --bg3:#111b31;\n      --card:rgba(255,255,255,.045);\n      --line:rgba(255,255,255,.09);\n      --line-strong:rgba(255,255,255,.16);\n      --text:#f7f8fc;\n      --muted:#c8d3e8;\n      --muted2:#8fa0c0;\n      --orange:#ff9b3d;\n      --orange2:#ff6500;\n      --blue:#69bcff;\n      --blue2:#2e7dff;\n      --gold:#ffd387;\n      --gold2:#ffbf5d;\n      --green:#38d696;\n      --shadow:0 26px 64px rgba(0,0,0,.42);\n      --radius:30px;\n      --max:840px;\n      --vibeA:rgba(255,101,0,.22);\n      --vibeB:rgba(105,188,255,.16);\n      --heading-font:Arial,Helvetica,sans-serif;\n      --body-font:Arial,Helvetica,sans-serif;\n    }\n\n    *{box-sizing:border-box;}\n    html{scroll-behavior:smooth;}\n    body{margin:0;}\n\n    @keyframes pulseCTA {\n      0%{transform:translateY(0) scale(1);box-shadow:0 14px 28px rgba(255,101,0,.18);} \n      50%{transform:translateY(-2px) scale(1.014);box-shadow:0 24px 48px rgba(255,101,0,.24),0 0 0 10px rgba(255,101,0,.05);} \n      100%{transform:translateY(0) scale(1);box-shadow:0 14px 28px rgba(255,101,0,.18);} \n    }\n\n    @keyframes auroraShift {\n      0%{background-position:0% 50%;}\n      50%{background-position:100% 50%;}\n      100%{background-position:0% 50%;}\n    }\n\n    @keyframes shine {\n      0%{left:-140%;}\n      55%{left:135%;}\n      100%{left:135%;}\n    }\n\n    @keyframes floatY {\n      0%{transform:translateY(0);} \n      50%{transform:translateY(-5px);} \n      100%{transform:translateY(0);} \n    }\n\n    @keyframes slowRotate {\n      0%{transform:rotate(0deg);} \n      100%{transform:rotate(360deg);} \n    }\n\n    @keyframes marquee {\n      0%{transform:translateX(0);} \n      100%{transform:translateX(-50%);} \n    }\n\n    @keyframes pulseLine {\n      0%{opacity:.7;transform:scaleX(.96);} \n      50%{opacity:1;transform:scaleX(1);} \n      100%{opacity:.7;transform:scaleX(.96);} \n    }\n\n    @keyframes grainDrift {\n      0%{transform:translate(0,0);} \n      50%{transform:translate(-2%,1%);} \n      100%{transform:translate(0,0);} \n    }\n\n    .landing-shell{\n      width:100%;\n      max-width:var(--max);\n      margin:0 auto;\n      background:\n        radial-gradient(circle at top right, var(--vibeB), transparent 28%),\n        radial-gradient(circle at top left, var(--vibeA), transparent 22%),\n        linear-gradient(180deg,#06090f 0%,#04070c 100%);\n      overflow:hidden;\n      position:relative;\n      transition:background .45s ease;\n      font-family:var(--body-font);\n    }\n\n    .landing-shell::before{\n      content:\"\";\n      position:absolute;\n      inset:-10% -35% auto -35%;\n      height:420px;\n      background:linear-gradient(90deg,var(--vibeA),var(--vibeB),rgba(255,211,135,.08));\n      background-size:220% 220%;\n      filter:blur(56px);\n      opacity:.82;\n      animation:auroraShift 16s ease infinite;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    .landing-shell::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background-image:radial-gradient(rgba(255,255,255,.05) 1px, transparent 1px);\n      background-size:18px 18px;\n      opacity:.07;\n      mix-blend-mode:soft-light;\n      animation:grainDrift 12s ease-in-out infinite;\n      pointer-events:none;\n      z-index:0;\n    }\n\n    .landing-shell \u003e *{position:relative;z-index:1;}\n    .section{padding:14px 14px 0 14px;}\n    .hero{padding:16px 14px 0 14px;}\n    .space-bottom{padding-bottom:118px;}\n    .center{text-align:center;}\n\n    .scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.05);z-index:10000;backdrop-filter:blur(10px);}\n    .scroll-progress-bar{height:100%;width:0%;background:linear-gradient(90deg,var(--orange2),var(--gold),var(--blue2));box-shadow:0 0 18px rgba(255,101,0,.35);animation:pulseLine 3.6s ease-in-out infinite;transform-origin:left center;}\n\n    .reveal{opacity:0;transform:translateY(18px);transition:.75s ease;}\n    .reveal.show{opacity:1;transform:none;}\n\n    .lux-panel,.glass,.media-card,.quote-card,.faq-item,.switch-box,.reel-card,.trust-cluster,.summary-box,.video-card,.editorial-card,.comparison-box,.benefit-shell,.path-shell,.story-shell,.info-ribbon,.offer-card{\n      background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);\n      border:1px solid var(--line);\n      border-radius:var(--radius);\n      box-shadow:var(--shadow);\n      backdrop-filter:blur(16px);\n    }\n\n    .lux-panel,.switch-box,.trust-cluster,.summary-box,.video-card,.editorial-card,.comparison-box,.benefit-shell,.path-shell,.story-shell,.info-ribbon,.offer-card{padding:16px;}\n    .glass,.quote-card,.reel-card{padding:14px;}\n    .media-card{padding:10px;overflow:hidden;}\n\n    .lux-panel,.switch-box,.trust-cluster,.summary-box,.comparison-box,.benefit-shell,.path-shell,.story-shell,.info-ribbon,.editorial-card,.offer-card{position:relative;overflow:hidden;isolation:isolate;}\n    .lux-panel::before,.switch-box::before,.trust-cluster::before,.summary-box::before,.comparison-box::before,.benefit-shell::before,.path-shell::before,.story-shell::before,.info-ribbon::before,.editorial-card::before,.offer-card::before{\n      content:\"\";\n      position:absolute;\n      top:0;left:-140%;width:74%;height:100%;\n      background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);\n      transform:skewX(-18deg);\n      animation:shine 5.2s infinite;\n      pointer-events:none;\n    }\n\n    .lux-panel::after,.switch-box::after,.trust-cluster::after,.summary-box::after,.comparison-box::after,.benefit-shell::after,.path-shell::after,.story-shell::after,.info-ribbon::after,.editorial-card::after,.offer-card::after{\n      content:\"\";\n      position:absolute;inset:0;padding:1px;border-radius:inherit;\n      background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02),rgba(255,101,0,.15),rgba(105,188,255,.14));\n      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n      -webkit-mask-composite:xor;\n      mask-composite:exclude;\n      opacity:.82;pointer-events:none;z-index:-1;\n    }\n\n    .hero-grid,.mosaic,.offer-grid,.switch-grid,.trust-grid,.path-grid,.story-grid,.hotspot-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n    .hero-copy{text-align:center;min-width:0;}\n\n    .glass,.media-card,.quote-card,.reel-card,.visual-card,.faq-item,.path-card,.mini-box,.story-card{transition:transform .35s ease, box-shadow .35s ease, border-color .35s ease;}\n    .glass:hover,.media-card:hover,.quote-card:hover,.reel-card:hover,.visual-card:hover,.faq-item:hover,.path-card:hover,.mini-box:hover,.story-card:hover{transform:translateY(-4px);box-shadow:0 30px 68px rgba(0,0,0,.44);border-color:var(--line-strong);}\n\n    .badge,.pill,.micro,.save-pill,.score-pill,.green-pill,.path-chip,.switch-tab,.benefit-tab,.sheet-btn,.hero-tag,.hero-metric,.story-index,.note-chip{\n      display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:900;\n    }\n\n    .badge{padding:8px 14px;font-size:11px;letter-spacing:.45px;text-transform:uppercase;color:#fff;background:linear-gradient(90deg,var(--orange2),var(--orange));}\n    .pill{background:rgba(255,255,255,.04);border:1px solid var(--line);color:#eef5ff;padding:8px 12px;font-size:12px;}\n    .micro{padding:6px 10px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#ffd7ab;background:rgba(255,101,0,.10);border:1px solid rgba(255,101,0,.14);}\n    .save-pill{padding:7px 11px;font-size:12px;background:rgba(255,211,135,.08);border:1px solid rgba(255,211,135,.18);color:#ffd993;margin-bottom:12px;}\n    .score-pill{padding:7px 11px;font-size:12px;background:rgba(105,188,255,.10);border:1px solid rgba(105,188,255,.18);color:#bfe1ff;}\n    .green-pill{padding:7px 11px;font-size:12px;background:rgba(56,214,150,.10);border:1px solid rgba(56,214,150,.18);color:#a4f2c7;}\n    .path-chip{padding:6px 10px;font-size:10px;letter-spacing:.4px;text-transform:uppercase;color:#dcecff;background:rgba(255,255,255,.05);border:1px solid var(--line);margin-bottom:10px;}\n    .hero-tag{padding:7px 12px;font-size:11px;letter-spacing:.3px;color:#fff;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);} \n    .hero-metric{padding:10px 12px;font-size:13px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);min-width:112px;} \n    .story-index{width:34px;height:34px;font-size:13px;color:#fff;background:linear-gradient(180deg,#ff8a22 0%,#de5400 100%);box-shadow:0 14px 24px rgba(255,101,0,.2);} \n    .note-chip{padding:10px 12px;font-size:12px;color:#fff;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12);} \n\n    .pills,.hero-tags,.hero-metrics,.note-grid{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}\n    .hero-tags{margin:12px 0 0 0;}\n    .hero-metrics{margin:14px 0 0 0;}\n    .note-grid{margin-top:12px;}\n\n    .hero-title,.title,.mini-title,.impact-title{margin:0 0 10px 0;color:var(--text);font-weight:900;letter-spacing:-1px;overflow-wrap:break-word;font-family:var(--heading-font);} \n    .hero-title{font-size:44px;line-height:.94;font-weight:900;letter-spacing:-1.4px;}\n    .title{font-size:31px;line-height:1.02;font-weight:900;letter-spacing:-1.15px;}\n    .impact-title{font-size:37px;line-height:.98;font-weight:900;letter-spacing:-1.25px;}\n    .mini-title{font-size:19px;line-height:1.05;font-weight:900;letter-spacing:-.55px;}\n    .accent{color:var(--orange);} \n    .blue{color:var(--blue);} \n    .gold{color:var(--gold);} \n\n    .eyebrow{margin:0 0 10px 0;color:#ffbb76;font-size:12px;font-weight:900;letter-spacing:.44px;text-transform:uppercase;}\n    .body{margin:0;font-size:15px;color:var(--muted);overflow-wrap:break-word;font-family:var(--body-font);} \n    .body.small{font-size:14px;}\n    .old-price{font-size:16px;color:var(--muted2);text-decoration:line-through;margin-bottom:4px;}\n    .now-price{font-size:52px;line-height:1;color:#fff;font-weight:900;letter-spacing:-1.2px;margin-bottom:8px;font-family:var(--heading-font);} \n\n    .cta,.sticky-btn,.faq-btn,.hero-nav,.thumb,.hotspot-dot,.sheet-toggle,.switch-tab,.benefit-tab{border:none;cursor:pointer;font-family:var(--body-font);} \n    .cta{width:100%;border-radius:16px;padding:16px 14px;font-size:16px;font-weight:900;text-transform:uppercase;letter-spacing:.18px;color:#fff;background:linear-gradient(180deg,#ff8a22 0%,#de5400 100%);box-shadow:0 14px 28px rgba(255,101,0,.18);animation:pulseCTA 2.8s ease-in-out infinite;} \n    .small-note{font-size:12px;color:var(--muted2);min-height:18px;margin-top:10px;}\n\n    .hero-slider{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:linear-gradient(180deg,#0d1628 0%,#09111d 100%);min-height:500px;}\n    .hero-track{display:flex;transition:transform .55s cubic-bezier(.22,.61,.36,1);will-change:transform;}\n    .hero-slide{min-width:100%;position:relative;}\n    .hero-slide img{width:100%;height:500px;object-fit:cover;display:block;transition:transform .9s ease, filter .5s ease;}\n    .hero-slide.active img{transform:scale(1.025);filter:saturate(1.05) contrast(1.04);} \n    .hero-slide::after{content:\"\";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,0) 34%,rgba(0,0,0,.42) 100%);pointer-events:none;}\n    .hero-ring{position:absolute;inset:12% 14% auto 14%;aspect-ratio:1\/1;border-radius:50%;border:1px solid rgba(255,255,255,.12);z-index:2;pointer-events:none;animation:slowRotate 24s linear infinite;} \n    .hero-ring::before,.hero-ring::after{content:\"\";position:absolute;border-radius:50%;}\n    .hero-ring::before{width:12px;height:12px;background:var(--orange);top:-6px;left:50%;transform:translateX(-50%);box-shadow:0 0 18px rgba(255,101,0,.4);} \n    .hero-ring::after{width:10px;height:10px;background:var(--blue);bottom:-5px;left:18%;box-shadow:0 0 18px rgba(105,188,255,.42);} \n    .floating-note{position:absolute;z-index:3;padding:8px 12px;border-radius:999px;background:rgba(5,7,11,.56);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(14px);font-size:11px;font-weight:900;color:#fff;box-shadow:0 14px 28px rgba(0,0,0,.22);animation:floatY 4s ease-in-out infinite;} \n    .floating-note.n1{top:12%;left:8%;}.floating-note.n2{top:24%;right:8%;animation-delay:.8s;}.floating-note.n3{bottom:24%;left:10%;animation-delay:1.6s;}.floating-note.n4{bottom:14%;right:12%;animation-delay:2.4s;}\n    .hero-nav{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.9);color:#0a1220;font-size:28px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 10px 22px rgba(0,0,0,.18);} \n    .hero-prev{left:10px;}.hero-next{right:10px;}\n    .hero-dots{position:absolute;left:50%;transform:translateX(-50%);bottom:90px;z-index:5;display:flex;gap:8px;padding:8px 10px;border-radius:999px;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.14);backdrop-filter:blur(10px);} \n    .hero-dot{width:10px;height:10px;border-radius:50%;padding:0;background:rgba(255,255,255,.32);transition:.24s ease;border:none;cursor:pointer;} \n    .hero-dot.active{width:28px;border-radius:999px;background:linear-gradient(90deg,var(--orange2),var(--blue2));}\n    .hero-live{position:absolute;left:10px;right:10px;bottom:12px;z-index:5;padding:12px;border-radius:18px;background:rgba(5,7,11,.58);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(16px);box-shadow:0 16px 32px rgba(0,0,0,.28);} \n    .hero-live strong{display:block;color:#fff;font-size:13px;margin-bottom:4px;letter-spacing:.2px;text-transform:uppercase;}\n    .hero-live span{display:block;color:#d9e6ff;font-size:13px;font-weight:700;}\n\n    .thumb-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin-top:10px;}\n    .thumb{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:6px;transition:.24s ease;min-width:0;position:relative;overflow:hidden;} \n    .thumb::before{content:\"\";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.0),rgba(255,255,255,.08),rgba(255,255,255,.0));opacity:0;transition:.28s ease;} \n    .thumb:hover::before,.thumb.active::before{opacity:1;} \n    .thumb.active{border-color:rgba(255,101,0,.55);box-shadow:0 10px 20px rgba(0,0,0,.18);} \n    .thumb img{width:100%;aspect-ratio:1\/1;object-fit:cover;border-radius:12px;display:block;}\n    .thumb span{display:block;margin-top:6px;font-size:10px;color:#eaf2ff;font-weight:900;text-align:center;}\n\n    .media-card img,.switch-image img,.comparison-wrap img,.reel-card img,.visual-card img,.benefit-stage img,.hotspot-image img,.story-card img{width:100%;display:block;border-radius:18px;object-fit:cover;background:#000;transition:transform .55s ease, filter .45s ease;}\n    .media-card:hover img,.visual-card:hover img,.reel-card:hover img,.benefit-stage:hover img,.switch-box:hover .switch-image img,.story-card:hover img{transform:scale(1.04);filter:saturate(1.06) contrast(1.04);} \n\n    .mini-strip{display:grid;grid-template-columns:1fr;gap:10px;}\n    .mini-box{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:20px;padding:14px;text-align:center;position:relative;overflow:hidden;} \n    .mini-box::after{content:\"\";position:absolute;inset:auto -20% -50% -20%;height:90px;background:radial-gradient(circle,rgba(255,255,255,.08),transparent 60%);pointer-events:none;} \n    .mini-box b{display:block;color:#fff;font-size:16px;line-height:1.05;margin-bottom:6px;}\n    .mini-box span{display:block;color:var(--muted);font-size:13px;}\n\n    .switch-box,.benefit-shell,.comparison-box,.trust-cluster,.offer-card,.story-shell{animation:floatY 8s ease-in-out infinite;}\n    .switch-box{animation-delay:.6s;}\n    .benefit-shell{animation-delay:1.2s;}\n    .trust-cluster{animation-delay:1.8s;}\n    .offer-card{animation-delay:2.2s;}\n    .story-shell{animation-delay:2.8s;}\n\n    .switch-tabs,.benefit-tabs{display:flex;gap:8px;overflow:auto;padding-bottom:4px;margin-bottom:14px;}\n    .switch-tab,.benefit-tab{white-space:nowrap;padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#eef5ff;font-size:12px;font-weight:900;transition:.24s ease;} \n    .switch-tab.active,.benefit-tab.active{background:linear-gradient(90deg,var(--orange2),var(--blue2));border-color:transparent;color:#fff;box-shadow:0 12px 24px rgba(0,0,0,.18);} \n    .switch-image img{height:320px;}\n    .switch-bullets,.benefit-points{display:grid;grid-template-columns:1fr;gap:10px;margin-top:12px;}\n\n    .path-card{padding:18px;}\n    .path-card h3{margin:0 0 8px 0;font-size:20px;color:#fff;line-height:1.04;font-family:var(--heading-font);} \n\n    .benefit-stage{display:grid;grid-template-columns:1fr;gap:14px;align-items:center;}\n    .benefit-stage img{height:320px;box-shadow:0 22px 40px rgba(0,0,0,.28);} \n    .benefit-copy{padding:16px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:var(--shadow);} \n\n    .visual-card{padding:10px;overflow:hidden;}\n    .visual-card img{height:240px;margin-bottom:10px;}\n\n    .story-grid{display:grid;grid-template-columns:1fr;gap:12px;}\n    .story-card{padding:10px;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:var(--shadow);} \n    .story-card img{height:240px;margin-bottom:12px;} \n    .story-head{display:flex;align-items:center;gap:10px;margin-bottom:8px;}\n\n    .hotspot-image{position:relative;}\n    .hotspot-dot{position:absolute;width:38px;height:38px;border-radius:50%;background:linear-gradient(180deg,#ff8a22 0%,#de5400 100%);color:#fff;font-size:18px;font-weight:900;display:flex;align-items:center;justify-content:center;box-shadow:0 12px 22px rgba(255,101,0,.24);} \n    .hotspot-dot.one{top:16%;left:14%;}.hotspot-dot.two{top:43%;right:15%;}.hotspot-dot.three{bottom:16%;left:45%;}\n    .hotspot-dot.active{transform:scale(1.08);} \n\n    .comparison-wrap{position:relative;border-radius:20px;overflow:hidden;border:1px solid var(--line);margin-top:12px;box-shadow:0 22px 40px rgba(0,0,0,.28);height:340px;min-height:340px;} \n    .compare-before,.compare-after{position:absolute;inset:0;}\n    .compare-before img,.compare-after img{height:340px;}\n    .compare-after{width:56%;overflow:hidden;border-right:2px solid rgba(255,255,255,.88);} \n    .compare-range{width:100%;margin-top:14px;appearance:none;height:6px;border-radius:999px;background:rgba(255,255,255,.14);outline:none;} \n    .compare-range::-webkit-slider-thumb{appearance:none;width:24px;height:24px;border-radius:50%;background:#fff;border:3px solid var(--orange2);box-shadow:0 8px 18px rgba(0,0,0,.22);} \n\n    .list-grid{display:grid;grid-template-columns:1fr;gap:10px;}\n    .list-item{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:12px 14px;color:#eef5ff;font-size:14px;font-weight:800;}\n\n    .reels-wrap{overflow:hidden;position:relative;}\n    .reels-wrap::before,.reels-wrap::after{content:\"\";position:absolute;top:0;bottom:0;width:34px;z-index:2;pointer-events:none;} \n    .reels-wrap::before{left:0;background:linear-gradient(90deg,#04070c,transparent);} \n    .reels-wrap::after{right:0;background:linear-gradient(270deg,#04070c,transparent);} \n    .reels-track{display:flex;gap:12px;width:max-content;animation:marquee 18s linear infinite;}\n    .reel-card{width:240px;min-width:240px;padding:10px;}\n    .reel-card img{height:300px;margin-bottom:10px;}\n\n    .info-ribbon{padding:0;overflow:hidden;}\n    .info-ribbon-track{display:flex;gap:0;width:max-content;animation:marquee 22s linear infinite;}\n    .info-ribbon-item{padding:12px 18px;color:#fff;font-size:12px;font-weight:900;letter-spacing:.28px;text-transform:uppercase;opacity:.92;white-space:nowrap;border-right:1px solid rgba(255,255,255,.06);} \n\n    .swipe-meta{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;align-items:center;margin-top:12px;}\n    .swipe-save{padding:11px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#fff;font-size:12px;font-weight:900;letter-spacing:.22px;cursor:pointer;transition:.24s ease;}\n    .swipe-save:hover{transform:translateY(-2px);border-color:var(--line-strong);}\n    .scoreboard-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:14px;}\n    .score-card{padding:14px;border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:var(--shadow);text-align:center;}\n    .score-card span{display:block;color:var(--muted2);font-size:11px;font-weight:900;letter-spacing:.24px;text-transform:uppercase;margin-bottom:6px;}\n    .score-card strong{display:block;color:#fff;font-size:22px;font-weight:900;letter-spacing:-.7px;}\n    .swipe-history{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:14px;}\n    .history-pill{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#eef5ff;font-size:12px;font-weight:900;}\n    .review-form{margin-top:14px;display:grid;grid-template-columns:1fr;gap:10px;}\n    .review-input,.review-textarea{width:100%;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#fff;border-radius:18px;padding:14px 14px;font-size:14px;font-family:var(--body-font);outline:none;transition:.24s ease;}\n    .review-input:focus,.review-textarea:focus{border-color:rgba(255,255,255,.18);box-shadow:0 0 0 4px rgba(255,255,255,.04);}\n    .review-textarea{min-height:120px;resize:vertical;}\n    .star-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;}\n    .star-btn{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:rgba(255,255,255,.04);color:#fff;font-size:18px;font-weight:900;cursor:pointer;transition:.24s ease;}\n    .star-btn.active{background:linear-gradient(180deg,#ff8a22 0%,#de5400 100%);border-color:transparent;box-shadow:0 12px 22px rgba(255,101,0,.18);}\n    .comment-list{display:grid;grid-template-columns:1fr;gap:12px;margin-top:16px;}\n    .comment-card{padding:14px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.02));border:1px solid var(--line);box-shadow:var(--shadow);}\n    .comment-head{display:flex;justify-content:space-between;gap:10px;align-items:flex-start;margin-bottom:8px;}\n    .comment-name{color:#fff;font-size:15px;font-weight:900;}\n    .comment-meta{color:var(--muted2);font-size:12px;font-weight:800;}\n    .comment-stars{color:var(--gold2);font-size:16px;letter-spacing:1px;margin-bottom:8px;}\n    .comment-swipe{display:inline-flex;padding:6px 10px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid var(--line);color:#eef5ff;font-size:11px;font-weight:900;margin-bottom:8px;}\n    .comment-empty{padding:16px;border-radius:20px;background:rgba(255,255,255,.03);border:1px dashed rgba(255,255,255,.12);color:var(--muted);font-size:14px;font-weight:700;text-align:center;}\n\n    .trust-main{font-size:42px;font-weight:900;line-height:1;color:#fff;margin-bottom:6px;font-family:var(--heading-font);} \n    .trust-sub{font-size:13px;color:var(--muted);font-weight:700;}\n\n    .video-placeholder{border:1.5px dashed rgba(255,255,255,.16);border-radius:22px;padding:30px 16px;background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.02));text-align:center;} \n    .video-placeholder strong{display:block;color:#fff;font-size:18px;margin-bottom:8px;} \n    .video-placeholder span{display:block;color:#d4e1ff;font-size:14px;font-weight:700;} \n\n    .summary-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px dashed rgba(255,255,255,.10);font-size:14px;color:#dbe8ff;} \n    .summary-row:last-child{border-bottom:none;} \n    .summary-row b{color:#fff;} \n\n    .faq-item{overflow:hidden;margin-bottom:12px;} \n    .faq-item.active{border-color:rgba(255,101,0,.22);} \n    .faq-head{width:100%;background:none;color:#fff;text-align:left;padding:18px 16px;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:800;} \n    .faq-body{display:none;padding:0 16px 16px 16px;color:var(--muted);font-size:15px;} \n    .faq-item.active .faq-body{display:block;} \n    .faq-icon{color:var(--orange);font-size:20px;flex:0 0 auto;} \n\n\n    .stars{color:var(--gold2);font-size:18px;letter-spacing:2px;margin-top:4px;}\n    .lightboxable{cursor:zoom-in;}\n    .lightbox-overlay{\n      position:fixed;inset:0;background:rgba(2,5,10,.88);backdrop-filter:blur(12px);\n      display:flex;align-items:center;justify-content:center;padding:18px;z-index:10020;\n      opacity:0;pointer-events:none;transition:.28s ease;\n    }\n    .lightbox-overlay.open{opacity:1;pointer-events:auto;}\n    .lightbox-box{\n      width:min(100%,620px);background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));\n      border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:12px;position:relative;\n      box-shadow:0 30px 70px rgba(0,0,0,.5);\n    }\n    .lightbox-box img{width:100%;max-height:78vh;object-fit:contain;border-radius:20px;background:#02050a;display:block;}\n    .lightbox-close{\n      position:absolute;top:10px;right:10px;width:42px;height:42px;border-radius:50%;\n      border:none;background:rgba(5,7,11,.76);color:#fff;font-size:28px;line-height:1;cursor:pointer;\n      box-shadow:0 12px 24px rgba(0,0,0,.24);\n    }\n    .lightbox-hint{margin-top:10px;color:#d7e6ff;font-size:12px;font-weight:800;text-align:center;letter-spacing:.2px;}\n\n    .problem-shell,.routine-shell{\n      background:linear-gradient(180deg,rgba(255,255,255,.05) 0%,rgba(255,255,255,.02) 100%);\n      border:1px solid var(--line);\n      border-radius:var(--radius);\n      box-shadow:var(--shadow);\n      backdrop-filter:blur(16px);\n      padding:16px;\n      position:relative;\n      overflow:hidden;\n      isolation:isolate;\n    }\n    .problem-shell::before,.routine-shell::before{\n      content:\"\";\n      position:absolute;top:0;left:-140%;width:74%;height:100%;\n      background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);\n      transform:skewX(-18deg);animation:shine 5.4s infinite;pointer-events:none;\n    }\n    .problem-shell::after,.routine-shell::after{\n      content:\"\";position:absolute;inset:0;padding:1px;border-radius:inherit;\n      background:linear-gradient(135deg,rgba(255,255,255,.12),rgba(255,255,255,.02),rgba(255,101,0,.15),rgba(105,188,255,.14));\n      -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);\n      -webkit-mask-composite:xor;mask-composite:exclude;opacity:.82;pointer-events:none;z-index:-1;\n    }\n    .problem-grid,.routine-grid{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:10px;\n      margin-top:12px;\n    }\n    .problem-card,.routine-card{\n      width:100%;\n      text-align:left;\n      background:rgba(255,255,255,.04);\n      border:1px solid var(--line);\n      border-radius:22px;\n      padding:15px 14px;\n      color:#fff;\n      transition:transform .28s ease, box-shadow .28s ease, border-color .28s ease, background .28s ease;\n      box-shadow:0 18px 36px rgba(0,0,0,.22);\n    }\n    .problem-card strong,.routine-card strong{\n      display:block;\n      font-size:17px;\n      line-height:1.06;\n      font-weight:900;\n      letter-spacing:-.45px;\n      margin-bottom:7px;\n      color:#fff;\n    }\n    .problem-card span,.routine-card span{\n      display:block;\n      color:var(--muted);\n      font-size:14px;\n      font-weight:700;\n      line-height:1.38;\n    }\n    .problem-card:hover,.routine-card:hover{\n      transform:translateY(-4px);\n      border-color:var(--line-strong);\n    }\n    .decision-copy{\n      margin-top:12px;\n      padding:14px;\n      border-radius:20px;\n      background:rgba(255,255,255,.04);\n      border:1px solid var(--line);\n      color:#eaf2ff;\n      font-size:14px;\n      font-weight:800;\n      line-height:1.45;\n      text-align:center;\n    }\n\n    .pain-grid{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:12px;\n      margin-top:12px;\n    }\n    .pain-card{\n      position:relative;\n      overflow:hidden;\n      min-height:290px;\n      border-radius:28px;\n      border:1px solid rgba(255,255,255,.10);\n      box-shadow:0 26px 60px rgba(0,0,0,.34);\n      background:#09111d;\n      isolation:isolate;\n    }\n    .pain-card img{\n      position:absolute;\n      inset:0;\n      width:100%;\n      height:100%;\n      object-fit:cover;\n      filter:saturate(1.04) contrast(1.02);\n      transform:scale(1.02);\n    }\n    .pain-card::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(180deg,rgba(4,7,12,.10) 0%,rgba(4,7,12,.20) 28%,rgba(4,7,12,.82) 100%),\n        linear-gradient(135deg,rgba(255,101,0,.14),transparent 38%,rgba(105,188,255,.14) 100%);\n      z-index:1;\n    }\n    .pain-copy{\n      position:relative;\n      z-index:2;\n      display:flex;\n      flex-direction:column;\n      justify-content:flex-end;\n      min-height:290px;\n      padding:18px;\n    }\n    .pain-kicker{\n      display:inline-flex;\n      align-items:center;\n      justify-content:center;\n      align-self:flex-start;\n      margin-bottom:10px;\n      padding:7px 11px;\n      border-radius:999px;\n      background:rgba(255,101,0,.14);\n      border:1px solid rgba(255,101,0,.26);\n      color:#ffd2ad;\n      font-size:10px;\n      font-weight:900;\n      letter-spacing:.38px;\n      text-transform:uppercase;\n      backdrop-filter:blur(8px);\n    }\n    .pain-title{\n      margin:0 0 8px 0;\n      color:#fff;\n      font-size:28px;\n      line-height:.95;\n      font-weight:900;\n      letter-spacing:-1px;\n      font-family:var(--heading-font);\n      max-width:92%;\n      text-shadow:0 10px 30px rgba(0,0,0,.42);\n    }\n    .pain-text{\n      margin:0;\n      color:#e9f1ff;\n      font-size:14px;\n      line-height:1.35;\n      font-weight:800;\n      max-width:92%;\n      text-shadow:0 8px 22px rgba(0,0,0,.34);\n    }\n    .pain-strip{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:10px;\n      margin-top:12px;\n    }\n    .pain-chip{\n      padding:14px 16px;\n      border-radius:22px;\n      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\n      border:1px solid var(--line);\n      color:#fff;\n      font-size:15px;\n      font-weight:900;\n      line-height:1.14;\n      box-shadow:0 18px 34px rgba(0,0,0,.22);\n    }\n    .pain-chip span{\n      display:block;\n      margin-top:6px;\n      color:var(--muted);\n      font-size:13px;\n      font-weight:700;\n      line-height:1.34;\n    }\n\n    .landing-shell{\n      -webkit-font-smoothing:antialiased;\n      text-rendering:optimizeLegibility;\n    }\n    .landing-shell::before{\n      background:\n        radial-gradient(circle at 18% 18%, rgba(255,101,0,.24), transparent 26%),\n        radial-gradient(circle at 84% 12%, rgba(105,188,255,.20), transparent 28%),\n        radial-gradient(circle at 56% 0%, rgba(255,211,135,.10), transparent 34%);\n      background-size:auto;\n      filter:blur(46px);\n      opacity:.90;\n      animation:none;\n    }\n    .landing-shell::after{\n      opacity:.045;\n      animation:none;\n    }\n    .lux-panel,.glass,.media-card,.quote-card,.faq-item,.switch-box,.reel-card,.trust-cluster,.summary-box,.video-card,.editorial-card,.comparison-box,.benefit-shell,.path-shell,.story-shell,.info-ribbon,.offer-card,.problem-shell,.routine-shell,.visual-card{\n      box-shadow:0 24px 58px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);\n    }\n    .hero-title,.title,.impact-title,.mini-title,.pain-title{\n      text-wrap:balance;\n    }\n    .hero-title .accent,.title .accent,.impact-title .accent,.mini-title .accent,.pain-title .accent{\n      color:#ffb46e;\n      text-shadow:0 0 20px rgba(255,101,0,.18);\n    }\n    .title .gold,.impact-title .gold,.mini-title .gold,.pain-title .gold,.hero-title .gold{\n      text-shadow:0 0 18px rgba(255,211,135,.12);\n    }\n    .hero-copy .body{\n      max-width:36ch;\n    }\n    .media-card{\n      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));\n      border:1px solid rgba(255,255,255,.11);\n    }\n    .hero-slider{\n      box-shadow:0 28px 60px rgba(0,0,0,.34);\n    }\n    .hero-slide::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(135deg,rgba(255,101,0,.12),transparent 32%,rgba(105,188,255,.10) 100%);\n      z-index:1;\n      pointer-events:none;\n    }\n    .thumb{\n      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\n    }\n    .problem-shell{\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02)),\n        radial-gradient(circle at top left, rgba(255,101,0,.10), transparent 30%),\n        radial-gradient(circle at top right, rgba(105,188,255,.08), transparent 34%);\n    }\n    .pain-card{\n      min-height:320px;\n      border:1px solid rgba(255,255,255,.12);\n      box-shadow:0 30px 70px rgba(0,0,0,.38);\n    }\n    .pain-card::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(180deg,rgba(255,255,255,.02),transparent 16%);\n      z-index:1;\n      pointer-events:none;\n    }\n    .pain-copy{\n      padding:20px;\n    }\n    .pain-title{\n      font-size:30px;\n      line-height:.94;\n      max-width:88%;\n    }\n    .pain-text{\n      max-width:86%;\n      color:#f0f5ff;\n    }\n    .pain-chip{\n      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));\n      border:1px solid rgba(255,255,255,.10);\n      box-shadow:0 18px 36px rgba(0,0,0,.20);\n    }\n    .visual-card{\n      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\n      border:1px solid rgba(255,255,255,.10);\n      border-radius:28px;\n      overflow:hidden;\n    }\n    .visual-card img{\n      height:285px;\n    }\n    .visual-card .mini-title{\n      padding:2px 2px 8px 2px;\n      font-size:22px;\n      line-height:1.02;\n    }\n    .info-ribbon-track,.reels-track{\n      animation-play-state:paused;\n    }\n    .info-ribbon.motion-live .info-ribbon-track,\n    .reels-wrap.motion-live .reels-track{\n      animation-play-state:running;\n    }\n    .switch-box,.benefit-shell,.comparison-box,.trust-cluster,.offer-card,.story-shell{\n      animation:none;\n    }\n    .cta{\n      box-shadow:0 18px 34px rgba(255,101,0,.20), 0 0 0 1px rgba(255,255,255,.05) inset;\n    }\n\n    @media (max-width:767px){\n      .landing-shell::before{filter:blur(34px);opacity:.82;}\n      .lux-panel::before,.switch-box::before,.trust-cluster::before,.summary-box::before,.comparison-box::before,.benefit-shell::before,.path-shell::before,.story-shell::before,.info-ribbon::before,.editorial-card::before,.offer-card::before,.problem-shell::before,.routine-shell::before{\n        animation:none;\n      }\n      .switch-box,.benefit-shell,.comparison-box,.trust-cluster,.offer-card,.story-shell{\n        animation:none;\n      }\n      .info-ribbon-track,.reels-track{animation-duration:28s;}\n      .hero-ring{display:none;}.floating-note{display:none;}\n      .hero-slider{min-height:420px;}\n      .hero-slide img{height:420px;}\n      .pain-title{font-size:26px;max-width:94%;}\n      .pain-text{max-width:94%;}\n      .visual-card img{height:250px;}\n      .hero-copy .body{max-width:none;}\n    }\n\n    @media (min-width:768px){\n      .problem-grid{grid-template-columns:1fr 1fr 1fr;}\n      .pain-grid{grid-template-columns:1fr 1fr;}\n      .pain-strip{grid-template-columns:1fr 1fr 1fr;}\n      .routine-grid{grid-template-columns:1fr 1fr 1fr 1fr;}\n    }\n\n\n    .sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:9999;background:rgba(5,7,11,.96);backdrop-filter:blur(12px);border-top:1px solid rgba(255,255,255,.08);box-shadow:0 -10px 28px rgba(0,0,0,.34);padding:9px 10px calc(9px + env(safe-area-inset-bottom));}\n    .sticky-inner{max-width:680px;margin:0 auto;display:flex;align-items:center;gap:9px;}\n    .sticky-price{min-width:106px;line-height:1.02;}\n    .sticky-price .old{font-size:11px;opacity:.55;text-decoration:line-through;color:#aebee0;}\n    .sticky-price .new{font-size:20px;font-weight:900;color:#fff;font-family:var(--heading-font);} \n    .sticky-btn{flex:1;border-radius:14px;padding:14px 12px;background:linear-gradient(180deg,#ff8a22 0%,#de5400 100%);color:#fff;font-size:14px;font-weight:900;text-transform:uppercase;letter-spacing:.14px;box-shadow:0 12px 22px rgba(255,101,0,.16);} \n\n    .sheet-toggle{position:fixed;right:14px;bottom:84px;z-index:9998;width:52px;height:52px;border-radius:50%;background:linear-gradient(180deg,#3d94ff 0%,#226fe6 100%);color:#fff;font-size:24px;font-weight:900;box-shadow:0 14px 28px rgba(45,125,255,.22);animation:floatY 2.4s ease-in-out infinite;} \n    .objection-sheet{position:fixed;left:12px;right:12px;bottom:146px;z-index:9998;padding:14px;opacity:0;pointer-events:none;transform:translateY(12px);transition:.28s ease;} \n    .objection-sheet.open{opacity:1;pointer-events:auto;transform:none;} \n    .sheet-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;} \n    .sheet-btn{background:rgba(255,255,255,.04);border:1px solid var(--line);border-radius:16px;padding:12px;color:#eef5ff;font-size:13px;font-weight:900;text-align:center;} \n    .sheet-btn.active{border-color:rgba(255,101,0,.45);} \n    .sheet-answer{margin-top:12px;padding:12px;border-radius:16px;background:rgba(255,255,255,.04);border:1px solid var(--line);color:#dce8ff;font-size:14px;font-weight:700;} \n\n    @media (min-width:768px){\n      .section,.hero{padding-left:18px;padding-right:18px;}\n      .hero-grid{grid-template-columns:1fr 1fr;gap:16px;align-items:center;}\n      .mosaic{grid-template-columns:1.02fr .98fr;gap:16px;align-items:start;}\n      .offer-grid,.trust-grid,.path-grid,.hotspot-grid,.story-grid{grid-template-columns:1fr 1fr;gap:16px;}\n      .switch-grid{grid-template-columns:.92fr 1.08fr;gap:16px;align-items:center;}\n      .benefit-stage{grid-template-columns:.92fr 1.08fr;gap:18px;align-items:center;}\n      .hero-copy{text-align:left;}\n      .pills,.hero-tags,.hero-metrics,.note-grid{justify-content:flex-start;}\n      .hero-title{font-size:60px;letter-spacing:-1.8px;}\n      .title{font-size:40px;letter-spacing:-1.45px;}\n      .impact-title{font-size:46px;letter-spacing:-1.6px;}\n      .mini-strip{grid-template-columns:1fr 1fr 1fr;}\n      .sticky-btn{font-size:15px;}\n      .sticky-price{min-width:126px;}\n      .reel-card{width:260px;min-width:260px;}\n      .objection-sheet{left:auto;right:18px;width:360px;}\n    }\n  \n    \/* v8 premium polish + fluid motion *\/\n    .landing-shell{\n      transform:translateZ(0);\n      perspective:1200px;\n      isolation:isolate;\n    }\n    .landing-shell \u003e .section,\n    .landing-shell \u003e .hero{\n      content-visibility:auto;\n      contain-intrinsic-size:1px 860px;\n    }\n    .landing-shell \u003e .hero,\n    .landing-shell \u003e .section:first-child,\n    .landing-shell \u003e .section:nth-child(2),\n    .landing-shell \u003e .section:nth-child(3),\n    .landing-shell \u003e .section:nth-child(4){\n      content-visibility:visible;\n      contain-intrinsic-size:auto;\n    }\n    .scroll-progress,.sticky-bar,.objection-sheet,.sheet-toggle,.lightbox-overlay{\n      content-visibility:visible;\n      contain-intrinsic-size:auto;\n    }\n    .lux-panel,.problem-shell,.switch-box,.benefit-shell,.comparison-box,.trust-cluster,.story-shell,.offer-card,.video-card,.summary-box,.editorial-card,.routine-shell,.glass,.media-card{\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.018)),\n        radial-gradient(circle at top right, rgba(255,255,255,.045), transparent 34%);\n      backdrop-filter:blur(12px) saturate(1.08);\n    }\n    .lux-panel,.problem-shell,.switch-box,.benefit-shell,.comparison-box,.trust-cluster,.story-shell,.offer-card,.video-card,.summary-box,.editorial-card,.routine-shell,.visual-card,.media-card,.glass,.pain-card,.comment-card{\n      box-shadow:\n        0 22px 56px rgba(0,0,0,.34),\n        inset 0 1px 0 rgba(255,255,255,.05),\n        0 0 0 1px rgba(255,255,255,.02);\n    }\n    .hero-grid{gap:16px;}\n    .hero-copy{\n      display:flex;\n      flex-direction:column;\n      justify-content:center;\n      gap:0;\n    }\n    .hero-title{\n      font-size:47px;\n      line-height:.9;\n      letter-spacing:-1.9px;\n      max-width:11ch;\n    }\n    .hero-title .accent{\n      display:block;\n      margin-top:6px;\n    }\n    .hero-copy .body{\n      color:#dce8ff;\n      font-size:15.5px;\n      line-height:1.46;\n    }\n    .badge,.save-pill,.green-pill{\n      position:relative;\n      overflow:hidden;\n      box-shadow:0 12px 28px rgba(255,101,0,.16);\n    }\n    .badge::after,.save-pill::after,.green-pill::after{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:linear-gradient(110deg,transparent 18%,rgba(255,255,255,.18) 46%,transparent 74%);\n      transform:translateX(-120%);\n      animation:badgeSweep 7.8s ease-in-out infinite;\n      pointer-events:none;\n    }\n    @keyframes badgeSweep{\n      0%,70%{transform:translateX(-120%);}\n      86%,100%{transform:translateX(120%);}\n    }\n    .pill,.hero-tag,.hero-metric,.note-chip,.history-pill,.sheet-btn,.problem-card,.routine-card{\n      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.025));\n      border:1px solid rgba(255,255,255,.12);\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.04);\n    }\n    .hero-metric{\n      border-radius:18px;\n      padding:11px 13px;\n      font-size:12px;\n      text-transform:uppercase;\n      letter-spacing:.42px;\n      backdrop-filter:blur(10px);\n    }\n    .cta,.sticky-btn,.swipe-save,.star-btn,.sheet-toggle,.hero-nav{\n      transform:translateZ(0);\n      will-change:transform;\n    }\n    .cta{\n      background:linear-gradient(180deg,#ffa24d 0%,#ff7a16 34%,#dd5300 100%);\n      box-shadow:0 18px 34px rgba(255,101,0,.22), 0 0 0 1px rgba(255,255,255,.05) inset;\n    }\n    .hero-slider{\n      overflow:hidden;\n      border-color:rgba(255,255,255,.12);\n      background:\n        radial-gradient(circle at 50% 100%, rgba(255,101,0,.22), transparent 34%),\n        linear-gradient(180deg,#0d1628 0%,#09111d 100%);\n    }\n    .hero-slider::before{\n      content:\"\";\n      position:absolute;\n      inset:auto -6% -18% -6%;\n      height:44%;\n      background:radial-gradient(circle at center, rgba(255,101,0,.20), transparent 58%);\n      filter:blur(22px);\n      opacity:.65;\n      z-index:1;\n      pointer-events:none;\n      transform:translate3d(0,0,0);\n      animation:heroBloom 8s ease-in-out infinite;\n    }\n    @keyframes heroBloom{\n      0%,100%{opacity:.45; transform:translate3d(0,8px,0) scale(.98);}\n      50%{opacity:.78; transform:translate3d(0,-4px,0) scale(1.03);}\n    }\n    .hero-track,.hero-slide img,.pain-card img,.visual-card img,.switch-image img,.benefit-stage img,.reel-card img{\n      backface-visibility:hidden;\n      transform:translateZ(0);\n    }\n    .hero-slide img{\n      transition:transform .75s cubic-bezier(.22,.61,.36,1), filter .45s ease;\n    }\n    .hero-live{\n      background:rgba(7,10,16,.58);\n      border-color:rgba(255,255,255,.18);\n      box-shadow:0 18px 42px rgba(0,0,0,.28);\n    }\n    .thumb{\n      border-radius:18px;\n      border-color:rgba(255,255,255,.12);\n      box-shadow:0 12px 24px rgba(0,0,0,.18);\n    }\n    .thumb span{\n      color:#f4f8ff;\n      letter-spacing:.18px;\n    }\n    .pain-grid{gap:14px;}\n    .pain-card{\n      min-height:340px;\n      border-radius:32px;\n      border-color:rgba(255,255,255,.14);\n      will-change:transform;\n    }\n    .pain-card img{\n      transition:transform .9s cubic-bezier(.22,.61,.36,1), filter .45s ease;\n      filter:saturate(1.08) contrast(1.06);\n    }\n    .pain-card::after{\n      background:\n        linear-gradient(180deg,rgba(4,7,12,.08) 0%,rgba(4,7,12,.14) 24%,rgba(4,7,12,.84) 100%),\n        linear-gradient(135deg,rgba(255,101,0,.18),transparent 34%,rgba(105,188,255,.14) 100%);\n    }\n    .pain-copy{\n      gap:10px;\n      padding:20px;\n    }\n    .pain-kicker{\n      box-shadow:0 12px 24px rgba(255,101,0,.18);\n    }\n    .pain-title{\n      font-size:33px;\n      line-height:.92;\n      max-width:86%;\n    }\n    .pain-text{\n      max-width:84%;\n      font-size:14.2px;\n      line-height:1.4;\n    }\n    .pain-chip{\n      padding:16px 16px 15px;\n      border-radius:24px;\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.07),rgba(255,255,255,.02)),\n        radial-gradient(circle at top right, rgba(255,101,0,.10), transparent 36%);\n      border-color:rgba(255,255,255,.12);\n    }\n    .visual-card,.media-card{\n      border-radius:30px;\n      border-color:rgba(255,255,255,.12);\n    }\n    .visual-card::before,.media-card::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      pointer-events:none;\n      background:linear-gradient(180deg,rgba(255,255,255,.05),transparent 22%);\n      opacity:.72;\n      z-index:1;\n    }\n    .visual-card .mini-title{\n      padding:6px 6px 12px 6px;\n      font-size:23px;\n      line-height:1;\n    }\n    .switch-tab,.benefit-tab{\n      backdrop-filter:blur(10px);\n      transition:transform .22s ease, background .22s ease, box-shadow .22s ease, border-color .22s ease;\n    }\n    .switch-tab.active,.benefit-tab.active{\n      box-shadow:0 14px 30px rgba(255,101,0,.14), inset 0 1px 0 rgba(255,255,255,.12);\n    }\n    .switch-image img,.benefit-stage img{\n      border-radius:22px;\n      box-shadow:0 24px 48px rgba(0,0,0,.28);\n    }\n    .benefit-copy{\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.024)),\n        radial-gradient(circle at top right, rgba(105,188,255,.10), transparent 34%);\n      border-color:rgba(255,255,255,.12);\n    }\n    .comparison-wrap{\n      border-radius:24px;\n      border-color:rgba(255,255,255,.14);\n      box-shadow:0 28px 56px rgba(0,0,0,.30);\n    }\n    .compare-range{\n      height:8px;\n      background:linear-gradient(90deg,rgba(255,255,255,.10),rgba(255,255,255,.20));\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.05);\n    }\n    .trust-main{\n      text-shadow:0 12px 32px rgba(255,101,0,.18);\n    }\n    .reel-card{\n      border-radius:26px;\n      border-color:rgba(255,255,255,.12);\n    }\n    .video-placeholder{\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.04),rgba(255,255,255,.02)),\n        radial-gradient(circle at top right, rgba(255,101,0,.10), transparent 40%);\n      border-color:rgba(255,255,255,.16);\n    }\n    .summary-row{\n      font-size:14.5px;\n    }\n    .comment-card{\n      border-color:rgba(255,255,255,.12);\n    }\n    .sticky-bar{\n      background:rgba(5,7,11,.88);\n      backdrop-filter:blur(18px) saturate(1.12);\n      border-top-color:rgba(255,255,255,.10);\n    }\n    .sticky-inner{\n      padding:4px;\n      border-radius:18px;\n      background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));\n      border:1px solid rgba(255,255,255,.06);\n    }\n    .sticky-btn{\n      background:linear-gradient(180deg,#ffa24d 0%,#ff7a16 34%,#dd5300 100%);\n      box-shadow:0 14px 28px rgba(255,101,0,.18);\n    }\n    .sheet-toggle{\n      box-shadow:0 16px 34px rgba(45,125,255,.22), inset 0 1px 0 rgba(255,255,255,.12);\n    }\n    .objection-sheet{\n      backdrop-filter:blur(18px) saturate(1.1);\n    }\n    .reveal{\n      transform:translate3d(0,18px,0) scale(.985);\n      transition:opacity .7s cubic-bezier(.22,.61,.36,1), transform .7s cubic-bezier(.22,.61,.36,1), filter .7s ease;\n      filter:blur(6px);\n    }\n    .reveal.show{\n      transform:translate3d(0,0,0) scale(1);\n      filter:blur(0);\n    }\n    .motion-rich .reveal[data-tier=\"1\"]{transition-delay:.02s;}\n    .motion-rich .reveal[data-tier=\"2\"]{transition-delay:.08s;}\n    .motion-rich .reveal[data-tier=\"3\"]{transition-delay:.14s;}\n    .motion-rich .reveal[data-tier=\"4\"]{transition-delay:.20s;}\n    .motion-rich .info-ribbon.motion-live .info-ribbon-track{animation-duration:16s;}\n    .motion-rich .reels-wrap.motion-live .reels-track{animation-duration:17s;}\n    @media (hover:hover) and (pointer:fine){\n      .lux-panel:hover,.problem-shell:hover,.switch-box:hover,.benefit-shell:hover,.comparison-box:hover,.trust-cluster:hover,.story-shell:hover,.offer-card:hover,.video-card:hover,.summary-box:hover,.editorial-card:hover,.routine-shell:hover{\n        transform:translateY(-3px);\n      }\n      .visual-card:hover img,.media-card:hover img,.pain-card:hover img,.switch-image:hover img,.benefit-stage:hover img{\n        transform:translateZ(0) scale(1.045);\n      }\n      .cta:hover,.sticky-btn:hover,.swipe-save:hover,.sheet-toggle:hover,.hero-nav:hover{\n        transform:translateY(-2px);\n      }\n      .switch-tab:hover,.benefit-tab:hover,.thumb:hover,.sheet-btn:hover,.problem-card:hover,.routine-card:hover{\n        transform:translateY(-2px);\n      }\n    }\n    .motion-lean .landing-shell::before,\n    .motion-lean .hero-slider::before,\n    .motion-lean .badge::after,\n    .motion-lean .save-pill::after,\n    .motion-lean .green-pill::after{\n      animation:none !important;\n    }\n    .motion-lean .lux-panel,.motion-lean .problem-shell,.motion-lean .switch-box,.motion-lean .benefit-shell,.motion-lean .comparison-box,.motion-lean .trust-cluster,.motion-lean .story-shell,.motion-lean .offer-card,.motion-lean .video-card,.motion-lean .summary-box,.motion-lean .editorial-card,.motion-lean .routine-shell,.motion-lean .glass,.motion-lean .media-card,.motion-lean .sticky-bar,.motion-lean .objection-sheet{\n      backdrop-filter:none;\n    }\n    .motion-lean .reveal{\n      filter:none;\n      transform:translate3d(0,12px,0);\n      transition-duration:.5s;\n    }\n    .motion-lean .visual-card:hover img,.motion-lean .media-card:hover img,.motion-lean .pain-card:hover img,.motion-lean .switch-image:hover img,.motion-lean .benefit-stage:hover img{\n      transform:translateZ(0) scale(1.015);\n    }\n    @media (max-width:767px){\n      .landing-shell \u003e .section,\n      .landing-shell \u003e .hero{\n        contain-intrinsic-size:1px 740px;\n      }\n      .hero-title{\n        font-size:42px;\n        max-width:none;\n      }\n      .hero-title .accent{\n        display:inline;\n      }\n      .hero-copy .body{\n        font-size:15px;\n      }\n      .visual-card .mini-title{\n        font-size:22px;\n      }\n      .pain-card{\n        min-height:320px;\n      }\n      .pain-title{\n        font-size:28px;\n        max-width:92%;\n      }\n      .pain-text{\n        max-width:92%;\n      }\n      .sticky-inner{\n        padding:3px;\n      }\n    }\n    @media (min-width:768px){\n      .hero-title{\n        font-size:62px;\n      }\n      .hero-grid{\n        gap:18px;\n      }\n      .pain-title{\n        font-size:36px;\n      }\n      .pain-card{\n        min-height:370px;\n      }\n      .visual-card img{\n        height:310px;\n      }\n      .switch-image img,.benefit-stage img{\n        height:340px;\n      }\n    }\n    @media (prefers-reduced-motion:reduce){\n      .landing-shell *, .landing-shell *::before, .landing-shell *::after{\n        animation:none !important;\n        transition:none !important;\n        scroll-behavior:auto !important;\n      }\n      .landing-shell \u003e .section,\n      .landing-shell \u003e .hero{\n        content-visibility:visible;\n      }\n    }\n\n    \/* v14 conversion polish *\/\n    .scroll-progress{height:4px;position:fixed;top:0;left:0;right:0;}\n    .scroll-progress-meta{\n      position:fixed;\n      top:10px;\n      right:10px;\n      z-index:10001;\n      display:flex;\n      gap:8px;\n      align-items:center;\n      padding:8px 10px;\n      border-radius:999px;\n      background:rgba(6,9,15,.72);\n      border:1px solid rgba(255,255,255,.10);\n      backdrop-filter:blur(12px);\n      box-shadow:0 16px 32px rgba(0,0,0,.24);\n      font-size:10px;\n      font-weight:900;\n      letter-spacing:.32px;\n      text-transform:uppercase;\n      color:#fff;\n    }\n    .scroll-progress-meta span:last-child{\n      color:#ffd7ab;\n    }\n    .pain-hit,\n    .pain-hit-soft{\n      display:inline-block;\n      font-weight:900;\n      line-height:1.02;\n      border-radius:14px;\n      padding:.08em .32em .12em;\n      box-shadow:0 0 0 1px rgba(255,255,255,.06) inset, 0 12px 26px rgba(255,101,0,.12);\n    }\n    .pain-hit{\n      color:#fff7ea;\n      background:linear-gradient(180deg,rgba(255,131,39,.28),rgba(222,84,0,.20));\n      border:1px solid rgba(255,141,57,.28);\n      text-shadow:0 0 16px rgba(255,101,0,.20);\n    }\n    .pain-hit-soft{\n      color:#fffaf0;\n      background:linear-gradient(180deg,rgba(255,211,135,.18),rgba(255,211,135,.10));\n      border:1px solid rgba(255,211,135,.18);\n      text-shadow:0 0 14px rgba(255,211,135,.12);\n    }\n    .proof-strip{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:10px;\n      margin-top:12px;\n    }\n    .proof-pill{\n      padding:14px 15px;\n      border-radius:20px;\n      background:linear-gradient(180deg,rgba(255,255,255,.06),rgba(255,255,255,.02));\n      border:1px solid rgba(255,255,255,.10);\n      box-shadow:0 18px 34px rgba(0,0,0,.22);\n    }\n    .proof-pill strong{\n      display:block;\n      color:#fff;\n      font-size:15px;\n      line-height:1.02;\n      margin-bottom:6px;\n      letter-spacing:-.4px;\n    }\n    .proof-pill span{\n      display:block;\n      color:var(--muted);\n      font-size:13px;\n      font-weight:700;\n      line-height:1.35;\n    }\n    .video-shell-real{\n      position:relative;\n      overflow:hidden;\n      border-radius:26px;\n      border:1px solid rgba(255,255,255,.12);\n      background:linear-gradient(180deg,#09111d,#060a10);\n      box-shadow:0 28px 56px rgba(0,0,0,.32);\n      min-height:360px;\n    }\n    .video-shell-real::before{\n      content:\"\";\n      position:absolute;\n      inset:0;\n      background:\n        linear-gradient(180deg,rgba(255,255,255,.04),transparent 22%),\n        radial-gradient(circle at top right, rgba(255,101,0,.14), transparent 38%);\n      pointer-events:none;\n      z-index:1;\n    }\n    .video-shell-real .slot-video{\n      width:100%;\n      height:100%;\n      min-height:360px;\n      object-fit:contain;\n      background:#04070c;\n      display:block;\n      position:relative;\n      z-index:0;\n    }\n    .video-shell-real.empty .slot-video{display:none;}\n    .video-shell-real .video-placeholder{\n      min-height:360px;\n      display:flex;\n      align-items:center;\n      justify-content:center;\n      flex-direction:column;\n      padding:24px 18px;\n      position:relative;\n      z-index:2;\n    }\n    .video-note-grid{\n      display:grid;\n      grid-template-columns:1fr;\n      gap:10px;\n      margin-top:12px;\n    }\n    .video-note-card{\n      padding:14px 15px;\n      border-radius:20px;\n      background:rgba(255,255,255,.04);\n      border:1px solid rgba(255,255,255,.10);\n    }\n    .video-note-card strong{\n      display:block;\n      color:#fff;\n      font-size:15px;\n      line-height:1.04;\n      margin-bottom:6px;\n    }\n    .video-note-card span{\n      display:block;\n      color:var(--muted);\n      font-size:13px;\n      font-weight:700;\n      line-height:1.35;\n    }\n    .trust-grid.alt-proof-grid{\n      grid-template-columns:1fr;\n      gap:12px;\n    }\n    .proof-cluster-card{\n      padding:16px;\n      border-radius:24px;\n      background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.02));\n      border:1px solid rgba(255,255,255,.10);\n      box-shadow:0 20px 42px rgba(0,0,0,.24);\n    }\n    .proof-cluster-card strong{\n      display:block;\n      color:#fff;\n      font-size:18px;\n      line-height:1.02;\n      margin-bottom:8px;\n    }\n    .proof-cluster-card span{\n      display:block;\n      color:var(--muted);\n      font-size:14px;\n      font-weight:700;\n      line-height:1.4;\n    }\n    @media (min-width:768px){\n      .proof-strip{grid-template-columns:1fr 1fr 1fr;}\n      .video-note-grid{grid-template-columns:1fr 1fr 1fr;}\n      .trust-grid.alt-proof-grid{grid-template-columns:1fr 1fr 1fr;}\n    }\n    @media (max-width:767px){\n      .scroll-progress-meta{\n        top:8px;\n        right:8px;\n        padding:7px 9px;\n        font-size:9px;\n      }\n      .video-shell-real,\n      .video-shell-real .slot-video,\n      .video-shell-real .video-placeholder{\n        min-height:300px;\n      }\n    }\n\n\n    \/* v15 wider layout + softer borders *\/\n    :root{\n      --line:rgba(255,255,255,.055);\n      --line-strong:rgba(255,255,255,.095);\n      --max:1040px;\n    }\n    .motion-rich{\n      width:100vw;\n      max-width:100vw;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n      background:#04070c;\n      overflow-x:hidden;\n    }\n    .landing-shell{\n      width:min(100%, var(--max));\n      max-width:var(--max);\n    }\n    .section{padding:16px 16px 0 16px;}\n    .hero{padding:18px 16px 0 16px;}\n    .lux-panel,.glass,.media-card,.quote-card,.faq-item,.switch-box,.reel-card,.trust-cluster,.summary-box,.video-card,.editorial-card,.comparison-box,.benefit-shell,.path-shell,.story-shell,.info-ribbon,.offer-card,.problem-shell,.routine-shell,.visual-card,.comment-card,.mini-box,.hero-slider,.comparison-wrap,.thumb,.sticky-inner{\n      border-color:rgba(255,255,255,.06) !important;\n    }\n    .lux-panel::after,.switch-box::after,.trust-cluster::after,.summary-box::after,.comparison-box::after,.benefit-shell::after,.path-shell::after,.story-shell::after,.info-ribbon::after,.editorial-card::after,.offer-card::after,.problem-shell::after,.routine-shell::after{\n      opacity:.48;\n    }\n    .thumb.active{\n      border-color:rgba(255,101,0,.38) !important;\n      box-shadow:0 10px 20px rgba(0,0,0,.18);\n    }\n    .sticky-inner{\n      background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));\n    }\n    @media (min-width:768px){\n      .section,.hero{padding-left:24px;padding-right:24px;}\n      .hero-grid{grid-template-columns:.95fr 1.05fr;gap:24px;align-items:center;}\n      .mosaic{grid-template-columns:1.08fr .92fr;gap:22px;align-items:start;}\n      .offer-grid,.trust-grid,.path-grid,.hotspot-grid,.story-grid{gap:22px;}\n      .switch-grid{grid-template-columns:.9fr 1.1fr;gap:24px;align-items:center;}\n      .benefit-stage{grid-template-columns:.9fr 1.1fr;gap:26px;align-items:center;}\n      .hero-slider{min-height:560px;}\n      .hero-slide img{height:560px;}\n      .visual-card img{height:350px;}\n      .switch-image img,.benefit-stage img{height:400px;}\n      .pain-card{min-height:410px;}\n      .pain-copy{padding:24px;}\n      .mini-strip{gap:16px;}\n      .problem-grid,.routine-grid,.pain-strip{gap:14px;}\n    }\n    @media (max-width:767px){\n      .landing-shell{width:100%;max-width:100%;}\n    }\n\n  \n    \/* ===== FULL-WIDTH LATERAL FILL PATCH ===== *\/\n    :root{\n      --line:rgba(255,255,255,.055);\n      --line-strong:rgba(255,255,255,.095);\n    }\n\n    .motion-rich{\n      width:100vw;\n      max-width:100vw;\n      margin-left:calc(50% - 50vw);\n      margin-right:calc(50% - 50vw);\n      overflow-x:hidden;\n      background:\n        radial-gradient(circle at 3% 16%, rgba(255,101,0,.10), transparent 18%),\n        radial-gradient(circle at 97% 20%, rgba(105,188,255,.09), transparent 18%),\n        #04070c;\n    }\n\n    .landing-shell{\n      width:100% !important;\n      max-width:none !important;\n      margin:0 !important;\n      padding-left:clamp(10px,1.8vw,26px);\n      padding-right:clamp(10px,1.8vw,26px);\n      background:\n        radial-gradient(circle at 8% 14%, rgba(255,101,0,.11), transparent 18%),\n        radial-gradient(circle at 92% 18%, rgba(105,188,255,.10), transparent 20%),\n        linear-gradient(180deg,#06090f 0%,#04070c 100%);\n    }\n\n    .landing-shell \u003e .hero,\n    .landing-shell \u003e .section{\n      width:100%;\n      max-width:min(1580px, calc(100vw - 24px));\n      margin-left:auto;\n      margin-right:auto;\n    }\n\n    .section{padding:18px 0 0 0 !important;}\n    .hero{padding:20px 0 0 0 !important;}\n\n    .lux-panel,.glass,.media-card,.quote-card,.faq-item,.switch-box,.reel-card,.trust-cluster,.summary-box,.video-card,.editorial-card,.comparison-box,.benefit-shell,.path-shell,.story-shell,.info-ribbon,.offer-card,.problem-shell,.routine-shell,.visual-card,.comment-card,.mini-box,.hero-slider,.comparison-wrap,.thumb,.sticky-inner{\n      border-color:rgba(255,255,255,.06) !important;\n    }\n\n    .lux-panel::after,.switch-box::after,.trust-cluster::after,.summary-box::after,.comparison-box::after,.benefit-shell::after,.path-shell::after,.story-shell::after,.info-ribbon::after,.editorial-card::after,.offer-card::after,.problem-shell::after,.routine-shell::after{\n      opacity:.48;\n    }\n\n    .thumb.active{\n      border-color:rgba(255,101,0,.38) !important;\n      box-shadow:0 10px 20px rgba(0,0,0,.18);\n    }\n\n    .sticky-inner{\n      background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.012));\n    }\n\n    @media (min-width:1100px){\n      .hero-grid{\n        grid-template-columns:.9fr 1.1fr;\n        gap:30px;\n        align-items:center;\n      }\n\n      .mosaic,\n      .offer-grid,\n      .trust-grid,\n      .path-grid,\n      .hotspot-grid,\n      .story-grid{\n        gap:24px;\n      }\n\n      .switch-grid,\n      .benefit-stage{\n        grid-template-columns:.88fr 1.12fr;\n        gap:30px;\n        align-items:center;\n      }\n\n      .hero-slider{\n        min-height:640px;\n      }\n\n      .hero-slide img{\n        height:640px;\n      }\n\n      .visual-card img{\n        height:400px;\n      }\n\n      .switch-image img,\n      .benefit-stage img{\n        height:460px;\n      }\n\n      .pain-card{\n        min-height:470px;\n      }\n\n      .pain-copy{\n        padding:28px;\n      }\n    }\n\n    @media (min-width:1600px){\n      .landing-shell \u003e .hero,\n      .landing-shell \u003e .section{\n        max-width:calc(100vw - 40px);\n      }\n    }\n\n    @media (max-width:767px){\n      .landing-shell{\n        padding-left:0;\n        padding-right:0;\n      }\n\n      .landing-shell \u003e .hero,\n      .landing-shell \u003e .section{\n        max-width:100%;\n      }\n    }\n\n    .shopify-section,\n    .page-width,\n    .page-width--narrow,\n    main#MainContent,\n    .content-for-layout{\n      max-width:none !important;\n    }\n\n\n  \n\n    \/* v16 hybrid premium uplift *\/\n    .offer-card,\n    .summary-box,\n    .switch-box,\n    .benefit-shell,\n    .problem-shell,\n    .trust-cluster,\n    .video-card{\n      background:\n        radial-gradient(circle at top right, rgba(255,255,255,.03), transparent 30%),\n        radial-gradient(circle at top left, rgba(255,101,0,.08), transparent 30%),\n        linear-gradient(180deg, rgba(9,12,18,.96), rgba(5,8,13,.94));\n      border-color:rgba(255,255,255,.075) !important;\n      box-shadow:0 28px 64px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);\n    }\n    .switch-tabs,.benefit-tabs{\n      display:flex;\n      gap:0;\n      padding:6px;\n      border-radius:999px;\n      background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015));\n      border:1px solid rgba(255,255,255,.08);\n      box-shadow:inset 0 1px 0 rgba(255,255,255,.025);\n      overflow:auto;\n    }\n    .switch-tab,.benefit-tab{\n      flex:1 1 auto;\n      min-width:max-content;\n      padding:13px 15px;\n      border-radius:999px;\n      background:transparent;\n      border:none;\n      box-shadow:none;\n      color:#aeb9cf;\n      white-space:nowrap;\n    }\n    .switch-tab.active,.benefit-tab.active{\n      background:linear-gradient(180deg,rgba(255,255,255,.12),rgba(255,255,255,.05));\n      color:#fff;\n      box-shadow:0 12px 26px rgba(0,0,0,.22), inset 0 1px 0 rgba(255,255,255,.06);\n    }\n    #cta-hero,\n    #cta-final,\n    #sticky-buy-btn,\n    #cta-summary{\n      background:linear-gradient(180deg,#ffffff 0%,#f3f3f5 62%,#dddddf 100%) !important;\n      color:#07090f !important;\n      box-shadow:0 18px 34px rgba(255,255,255,.08), 0 14px 30px rgba(0,0,0,.24) !important;\n      border:1px solid rgba(255,255,255,.14);\n      letter-spacing:.12px;\n    }\n    .offer-card .eyebrow,\n    .summary-box .eyebrow,\n    .switch-box .eyebrow,\n    .benefit-shell .eyebrow,\n    .problem-shell .eyebrow,\n    .trust-cluster .eyebrow,\n    .video-card .eyebrow{\n      color:#ffd2a6;\n    }\n    .summary-box .score-card,\n    .offer-card .glass,\n    .proof-cluster-card,\n    .reading-card{\n      background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.02));\n      border:1px solid rgba(255,255,255,.09);\n      box-shadow:0 18px 36px rgba(0,0,0,.22);\n    }\n    .reading-shell{\n      padding:18px;\n      border-radius:32px;\n      background:\n        radial-gradient(circle at top right, rgba(105,188,255,.08), transparent 34%),\n        radial-gradient(circle at top left, rgba(255,101,0,.08), transparent 30%),\n        linear-gradient(180deg, rgba(10,13,19,.96), rgba(6,8,12,.94));\n      border:1px solid rgba(255,255,255,.075);\n      box-shadow:0 28px 64px rgba(0,0,0,.36), inset 0 1px 0 rgba(255,255,255,.04);\n      position:relative;\n      overflow:hidden;\n    }\n    .reading-shell::before{\n      content:\"\";\n      position:absolute;\n      top:0;left:-140%;width:74%;height:100%;\n      background:linear-gradient(90deg,transparent,rgba(255,255,255,.08),transparent);\n      transform:skewX(-18deg);\n      animation:shine 6.8s infinite;\n      pointer-events:none;\n    }\n    .reading-head{max-width:760px;margin:0 auto 14px;position:relative;z-index:1;}\n    .reading-grid{display:grid;grid-template-columns:1fr;gap:12px;position:relative;z-index:1;}\n    .reading-card{padding:16px;border-radius:24px;position:relative;overflow:hidden;}\n    .reading-card::after{\n      content:\"\";\n      position:absolute;inset:0;\n      background:linear-gradient(120deg,rgba(255,255,255,.03),transparent 38%,rgba(105,188,255,.05) 100%);\n      pointer-events:none;\n    }\n    .reading-step{\n      display:inline-flex;align-items:center;justify-content:center;\n      width:36px;height:36px;margin-bottom:10px;border-radius:50%;\n      background:linear-gradient(180deg,#ff9b3d,#ff6500);\n      color:#fff;font-size:13px;font-weight:900;\n      box-shadow:0 12px 24px rgba(255,101,0,.22);\n      position:relative;z-index:1;\n    }\n    .reading-card strong{\n      display:block;color:#fff;font-size:18px;line-height:1.03;margin-bottom:7px;letter-spacing:-.45px;position:relative;z-index:1;\n    }\n    .reading-card span{\n      display:block;color:var(--muted);font-size:14px;font-weight:700;line-height:1.4;position:relative;z-index:1;\n    }\n    .reading-foot{\n      margin-top:12px;padding:14px 16px;border-radius:22px;\n      background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);\n      color:#eef5ff;font-size:14px;font-weight:800;line-height:1.45;position:relative;z-index:1;\n    }\n    .video-shell-real:not(.empty) .video-placeholder{display:none;}\n    .video-shell-real:not(.empty) .slot-video{display:block;}\n    .video-shell-real.empty .slot-video{display:none;}\n    .summary-box .summary-row{font-size:14px;}\n    .summary-box .cta{margin-top:14px;}\n    .summary-note-grid{display:grid;grid-template-columns:1fr;gap:10px;margin-top:14px;}\n    .summary-note{\n      padding:13px 14px;border-radius:20px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);\n      color:#eef5ff;font-size:14px;font-weight:800;line-height:1.4;\n    }\n    @media (min-width:768px){\n      .reading-grid{grid-template-columns:1fr 1fr 1fr;}\n      .summary-note-grid{grid-template-columns:1fr 1fr 1fr;}\n    }\n\n  \u003c\/style\u003e\n\n  \u003cdiv class=\"scroll-progress\"\u003e\n    \u003cdiv id=\"scrollProgressBar\" class=\"scroll-progress-bar\"\u003e\u003c\/div\u003e\n    \u003cdiv class=\"scroll-progress-meta\"\u003e\n      \u003cspan id=\"scrollSectionLabel\"\u003eHOOK\u003c\/span\u003e\n      \u003cspan id=\"scrollPercentLabel\"\u003e0%\u003c\/span\u003e\n    \u003c\/div\u003e\n  \u003c\/div\u003e\n\n  \u003cdiv class=\"landing-shell\" id=\"mandarinLanding\"\u003e\n    \u003csection class=\"section reveal\" data-tier=\"1\"\u003e\n      \u003cdiv class=\"pills\" style=\"justify-content:center;\"\u003e\n        \u003cdiv class=\"pill\"\u003eCompra segura\u003c\/div\u003e\n        \u003cdiv class=\"pill\"\u003ePago al recibir\u003c\/div\u003e\n        \u003cdiv class=\"pill\"\u003eEnvío nacional\u003c\/div\u003e\n        \u003cdiv class=\"pill\"\u003eOferta limitada\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"hero\"\u003e\n      \u003cdiv class=\"lux-panel reveal\" data-tier=\"2\"\u003e\n        \u003cdiv class=\"hero-grid\"\u003e\n          \u003cdiv class=\"hero-copy\"\u003e\n            \u003cdiv style=\"margin-bottom:10px;\"\u003e\u003cspan class=\"micro\"\u003eMandarin Sky • fresco premium\u003c\/span\u003e\u003c\/div\u003e\n            \u003cdiv style=\"margin-bottom:10px;\"\u003e\u003cspan class=\"badge\"\u003eTE VISTES BIEN… \u003cspan class=\"pain-hit-soft\"\u003ePERO SI TU AROMA NO MUEVE NADA, TE SIGUEN LEYENDO IGUAL.\u003c\/span\u003e\u003c\/span\u003e\u003c\/div\u003e\n            \u003ch1 class=\"hero-title\"\u003eNO TE FALTA PERFUME. \u003cspan class=\"accent\"\u003eTODAVÍA TE FALTA \u003cspan class=\"pain-hit\"\u003eUNA ENTRADA QUE SE NOTE\u003c\/span\u003e.\u003c\/span\u003e\n\u003c\/h1\u003e\n            \u003cp class=\"body\" style=\"margin:0 0 14px 0;\"\u003eVestirte bien no alcanza cuando tu aroma todavía cae en la carpeta de \u003cspan class=\"pain-hit-soft\"\u003ecorrecto pero común\u003c\/span\u003e. Mandarin Sky entra para que te sientan \u003cspan class=\"pain-hit\"\u003emás limpio\u003c\/span\u003e, \u003cspan class=\"pain-hit\"\u003emás atractivo\u003c\/span\u003e y mejor elegido desde el primer acercamiento.\u003c\/p\u003e\n            \u003cdiv class=\"hero-tags\"\u003e\n              \u003cdiv class=\"hero-tag\"\u003eMás registro\u003c\/div\u003e\n              \u003cdiv class=\"hero-tag\"\u003eMenos vibra plana\u003c\/div\u003e\n              \u003cdiv class=\"hero-tag\"\u003eMás curiosidad\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"hero-metrics\"\u003e\n              \u003cdiv class=\"hero-metric\"\u003emás atractivo\u003c\/div\u003e\n              \u003cdiv class=\"hero-metric\"\u003emás limpio\u003c\/div\u003e\n              \u003cdiv class=\"hero-metric\"\u003emenos olvidable\u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"offer-card\" style=\"margin-top:14px; text-align:center;\"\u003e\n              \u003cdiv class=\"eyebrow\"\u003ePrecio especial de hoy\u003c\/div\u003e\n              \u003cdiv class=\"old-price\"\u003eANTES $59,90\u003c\/div\u003e\n              \u003cdiv class=\"now-price\"\u003e$33,90\u003c\/div\u003e\n              \u003cdiv class=\"save-pill\"\u003eAhorras $26,00\u003c\/div\u003e\n              \u003cdiv class=\"pills\" style=\"justify-content:center; margin-bottom:12px;\"\u003e\n                \u003cdiv class=\"pill\"\u003ePago al recibir\u003c\/div\u003e\n                \u003cdiv class=\"pill\"\u003eCompra protegida\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cbutton id=\"cta-hero\" class=\"cta\" type=\"button\"\u003eQUIERO UNA PRESENCIA QUE SÍ SE NOTE\u003c\/button\u003e\n              \u003cdiv id=\"feedback-hero\" class=\"small-note\"\u003ePedido rápido • compra segura • stock sujeto a disponibilidad\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"media-card\" id=\"heroParallaxCard\"\u003e\n            \u003cdiv class=\"hero-slider\" id=\"heroSlider\"\u003e\n              \u003cdiv class=\"hero-ring\"\u003e\u003c\/div\u003e\n              \u003cdiv class=\"floating-note n1\"\u003eatractivo\u003c\/div\u003e\n              \u003cdiv class=\"floating-note n2\"\u003epresencia\u003c\/div\u003e\n              \u003cdiv class=\"floating-note n3\"\u003elimpio\u003c\/div\u003e\n              \u003cdiv class=\"floating-note n4\"\u003epremium\u003c\/div\u003e\n              \u003cdiv class=\"hero-track\" id=\"heroTrack\"\u003e\n                \u003cdiv class=\"hero-slide active\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_closeup-luxury-editorial-_2755342282.png?v=1775810453\" alt=\"Mandarin Sky perfume hero\" fetchpriority=\"high\" decoding=\"async\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/Captura_de_pantalla_2026-04-10_033922.png?v=1775810460\"\u003e\u003c\/div\u003e\n                \u003cdiv class=\"hero-slide\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-luxury-fr_2750236952.png?v=1775810452\"\u003e\u003c\/div\u003e\n              \u003c\/div\u003e\n              \u003cbutton class=\"hero-nav hero-prev\" id=\"heroPrev\" aria-label=\"Imagen anterior\"\u003e‹\u003c\/button\u003e\n              \u003cbutton class=\"hero-nav hero-next\" id=\"heroNext\" aria-label=\"Siguiente imagen\"\u003e›\u003c\/button\u003e\n              \u003cdiv class=\"hero-dots\" id=\"heroDots\"\u003e\n                \u003cbutton class=\"hero-dot active\" data-slide=\"0\" aria-label=\"Imagen 1\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"hero-dot\" data-slide=\"1\" aria-label=\"Imagen 2\"\u003e\u003c\/button\u003e\n                \u003cbutton class=\"hero-dot\" data-slide=\"2\" aria-label=\"Imagen 3\"\u003e\u003c\/button\u003e\n              \u003c\/div\u003e\n              \u003cdiv class=\"hero-live\" id=\"heroLiveBadge\"\u003e\n                \u003cstrong\u003eSI HUELES IGUAL QUE TODOS, ELLAS TE REGISTRAN IGUAL DE RÁPIDO\u003c\/strong\u003e\n                \u003cspan\u003eMandarin Sky corta esa vibra plana con una frescura más limpia, más atractiva y más difícil de olvidar.\u003c\/span\u003e\n              \u003c\/div\u003e\n            \u003c\/div\u003e\n            \u003cdiv class=\"center\"\u003e\u003cspan class=\"note-chip\"\u003eToca una imagen para verla más grande\u003c\/span\u003e\u003c\/div\u003e\n            \u003cdiv class=\"thumb-grid\"\u003e\n              \u003cbutton class=\"thumb active\" data-slide=\"0\" type=\"button\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_closeup-luxury-editorial-_2755342282.png?v=1775810453\" alt=\"Miniatura producto\"\u003e\u003cspan\u003eProducto\u003c\/span\u003e\u003c\/button\u003e\n              \u003cbutton class=\"thumb\" data-slide=\"1\" type=\"button\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/Captura_de_pantalla_2026-04-10_033922.png?v=1775810460\" alt=\"Miniatura modelo\"\u003e\u003cspan\u003eVibra\u003c\/span\u003e\u003c\/button\u003e\n              \u003cbutton class=\"thumb\" data-slide=\"2\" type=\"button\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-luxury-fr_2750236952.png?v=1775810452\" alt=\"Miniatura detalle\"\u003e\u003cspan\u003eDetalle\u003c\/span\u003e\u003c\/button\u003e\n              \u003cbutton class=\"thumb\" data-scroll=\"#comprar\" type=\"button\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-socialpro_2750269308.png?v=1775810453\" alt=\"Miniatura oferta\"\u003e\u003cspan\u003eOferta\u003c\/span\u003e\u003c\/button\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"video-card reveal center\" data-tier=\"2\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003eVideo del producto\u003c\/div\u003e\n        \u003ch2 class=\"title\"\u003ePon el video aquí arriba y haces que la vibra \u003cspan class=\"blue\"\u003ese sienta real desde el primer scroll\u003c\/span\u003e.\u003c\/h2\u003e\n        \u003cdiv class=\"video-shell-real empty\" id=\"topVideoShell\" style=\"margin-top:12px;\"\u003e\n          \u003cvideo class=\"slot-video\" playsinline controls preload=\"none\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/453c95b7862d4beb8962008a2526febc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n          \u003cdiv class=\"video-placeholder\"\u003e\n            \u003cstrong\u003eAQUÍ VA TU VIDEO REAL DE MANDARIN SKY\u003c\/strong\u003e\n            \u003cspan\u003eMuestra frasco, atomización, mano, cercanía y esa vibra limpia que no se siente básica.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-note-grid\"\u003e\n          \u003cdiv class=\"video-note-card\"\u003e\n            \u003cstrong\u003eMÁS REGISTRO\u003c\/strong\u003e\n            \u003cspan\u003eEl video hace que el perfume se sienta menos genérico y más serio desde arriba.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"video-note-card\"\u003e\n            \u003cstrong\u003eMÁS CONFIANZA\u003c\/strong\u003e\n            \u003cspan\u003eVer el frasco real, la caja y el uso baja fricción y sube percepción de compra segura.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"video-note-card\"\u003e\n            \u003cstrong\u003eMÁS GANAS DE PEDIR\u003c\/strong\u003e\n            \u003cspan\u003eCuando la vibra entra rápido en visual, el usuario tarda menos en querer tocar el CTA.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"trust-cluster reveal\" data-tier=\"3\"\u003e\n        \u003cdiv class=\"eyebrow center\"\u003eLo que más cambia cuando entra bien\u003c\/div\u003e\n        \u003cdiv class=\"trust-grid alt-proof-grid\"\u003e\n          \u003cdiv class=\"proof-cluster-card\"\u003e\n            \u003cstrong\u003eDEJAS DE OLER PLANO\u003c\/strong\u003e\n            \u003cspan\u003eYa no entras como hombre correcto pero fácil de borrar. Entras con una lectura más limpia y mejor armada.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"proof-cluster-card\"\u003e\n            \u003cstrong\u003eSUBE LA CURIOSIDAD\u003c\/strong\u003e\n            \u003cspan\u003eCuando la salida se siente fresca pero premium, te registran más rápido y con mejor impresión.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"proof-cluster-card\"\u003e\n            \u003cstrong\u003eSE NOTA MÁS TU PRESENCIA\u003c\/strong\u003e\n            \u003cspan\u003eNo porque grite. Porque se siente más elegido, más cuidado y mucho menos básico que lo de siempre.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"problem-shell reveal\" data-tier=\"3\"\u003e\n        \u003cdiv class=\"eyebrow center\"\u003eEL ERROR NO ES OLER MAL. ES OLER COMO TODOS.\u003c\/div\u003e\n        \u003cdiv class=\"pain-grid\"\u003e\n          \u003cdiv class=\"pain-card\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_a-handsome-latino-man-aro_2749901583_3.png?v=1775810453\" alt=\"Hombre bien vestido pero con aroma común\"\u003e\n            \u003cdiv class=\"pain-copy\"\u003e\n              \u003cdiv class=\"pain-kicker\"\u003edolor real\u003c\/div\u003e\n              \u003ch3 class=\"pain-title\"\u003eTe arreglas bien… \u003cspan class=\"pain-hit\"\u003ePERO TU AROMA SIGUE RESTÁNDOTE PRESENCIA.\u003c\/span\u003e\n\u003c\/h3\u003e\n              \u003cp class=\"pain-text\"\u003eAhí es donde tu presencia se cae, aunque tu ropa y tu actitud sí estén bien.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"pain-card\"\u003e\n            \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-socialpro_2750269308.png?v=1775810453\" alt=\"Aroma que llama la atención femenina\"\u003e\n            \u003cdiv class=\"pain-copy\"\u003e\n              \u003cdiv class=\"pain-kicker\"\u003eatracción\u003c\/div\u003e\n              \u003ch3 class=\"pain-title\"\u003eSi te acercas oliendo común, \u003cspan class=\"pain-hit-soft\"\u003eENTRAS COMO UNO MÁS.\u003c\/span\u003e\n\u003c\/h3\u003e\n              \u003cp class=\"pain-text\"\u003eEllas notan cuando un hombre huele limpio, caro y mejor pensado desde cerca.\u003c\/p\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pain-strip\"\u003e\n          \u003cdiv class=\"pain-chip\"\u003eNo te falta ropa.\u003cspan\u003eTe falta un aroma que no te baje presencia.\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"pain-chip\"\u003eOler común mata la impresión.\u003cspan\u003eAntes de que hables, ya puedes estar perdiendo puntos.\u003c\/span\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"pain-chip\"\u003eEl aroma correcto cambia la lectura.\u003cspan\u003eTe hace ver más limpio, más seguro y mejor armado.\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"proof-strip\"\u003e\n          \u003cdiv class=\"proof-pill\"\u003e\n            \u003cstrong\u003e\u003cspan class=\"pain-hit\"\u003eMENOS VIBRA DE UNO MÁS\u003c\/span\u003e\u003c\/strong\u003e\n            \u003cspan\u003eTe ayuda a salir de esa lectura de hombre correcto pero fácil de olvidar.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"proof-pill\"\u003e\n            \u003cstrong\u003e\u003cspan class=\"pain-hit\"\u003eMÁS REGISTRO AL ACERCARTE\u003c\/span\u003e\u003c\/strong\u003e\n            \u003cspan\u003eLa salida fresca y mejor trabajada hace que la primera impresión no se caiga.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"proof-pill\"\u003e\n            \u003cstrong\u003e\u003cspan class=\"pain-hit-soft\"\u003eMÁS PRESENCIA SIN OLER PESADO\u003c\/span\u003e\u003c\/strong\u003e\n            \u003cspan\u003eSe siente actual, limpio y premium sin volverse invasivo ni cansón.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"mosaic\"\u003e\n        \u003cdiv class=\"visual-card reveal\" data-tier=\"4\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_luxury-fragrance-editoria_2750261694.png?v=1775810452\" alt=\"Mandarin Sky vibra premium\"\u003e\n          \u003ch3 class=\"mini-title\"\u003eNo huele a intento. \u003cspan class=\"pain-hit\"\u003eHUELE A HOMBRE QUE NO ENTRA A PEDIR PERMISO.\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"visual-card reveal\" data-tier=\"1\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-smartphon_2750266901.png?v=1775810452\" alt=\"Mandarin Sky atracción masculina\"\u003e\n          \u003ch3 class=\"mini-title\"\u003eLa clase de frescura que hace que ellas te sientan \u003cspan class=\"pain-hit-soft\"\u003eMÁS LIMPIO, MÁS INTERESANTE Y MENOS OLVIDABLE.\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"info-ribbon reveal\" data-tier=\"2\"\u003e\n\n        \u003cdiv class=\"info-ribbon-track\"\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eDEJA DE OLER A FILA DE SIEMPRE\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eQUE TE REGISTREN MÁS RÁPIDO\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eMÁS CURIOSIDAD AL ACERCARTE\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eFRESCO PREMIUM, NO BÁSICO\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eDEJA DE OLER A FILA DE SIEMPRE\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eQUE TE REGISTREN MÁS RÁPIDO\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eMÁS CURIOSIDAD AL ACERCARTE\u003c\/div\u003e\n          \u003cdiv class=\"info-ribbon-item\"\u003eFRESCO PREMIUM, NO BÁSICO\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"mini-strip reveal\" data-tier=\"3\"\u003e\n        \u003cdiv class=\"mini-box\"\u003e\n\u003cb\u003eMÁS REGISTRO\u003c\/b\u003e\u003cspan\u003esin oler pesado\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mini-box\"\u003e\n\u003cb\u003eMENOS VIBRA PLANA\u003c\/b\u003e\u003cspan\u003esin verte forzado\u003c\/span\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"mini-box\"\u003e\n\u003cb\u003eMÁS CURIOSIDAD\u003c\/b\u003e\u003cspan\u003esin irte al precio alto\u003c\/span\u003e\n\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"reading-shell reveal\" data-tier=\"4\"\u003e\n        \u003cdiv class=\"reading-head center\"\u003e\n          \u003cdiv class=\"eyebrow\"\u003eCómo te leen cuando entras\u003c\/div\u003e\n          \u003ch2 class=\"title\"\u003eNo cambia solo el aroma. \u003cspan class=\"pain-hit\"\u003eCAMBIA LA LECTURA QUE DEJAS.\u003c\/span\u003e\n\u003c\/h2\u003e\n          \u003cp class=\"body\" style=\"max-width:760px;margin:0 auto;\"\u003eCuando hueles más limpio y menos común, dejas de verte correcto para empezar a verte mejor elegido, más atractivo y mucho menos olvidable.\u003c\/p\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reading-grid\"\u003e\n          \u003cdiv class=\"reading-card\"\u003e\n            \u003cdiv class=\"reading-step\"\u003e01\u003c\/div\u003e\n            \u003cstrong\u003eDe hombre correcto a hombre mejor armado\u003c\/strong\u003e\n            \u003cspan\u003eLa primera impresión deja de sentirse tibia y empieza a leerse más limpia, más cuidada y con mejor gusto.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"reading-card\"\u003e\n            \u003cdiv class=\"reading-step\"\u003e02\u003c\/div\u003e\n            \u003cstrong\u003eDe aroma común a presencia con más curiosidad\u003c\/strong\u003e\n            \u003cspan\u003eNo necesita gritar para hacerse notar. Se siente actual, fresco y mucho menos de fila de siempre.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"reading-card\"\u003e\n            \u003cdiv class=\"reading-step\"\u003e03\u003c\/div\u003e\n            \u003cstrong\u003eDe pasar rápido a quedarse en la memoria\u003c\/strong\u003e\n            \u003cspan\u003eCuando hueles mejor pensado, también se queda mejor la sensación que dejas después de irte.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"reading-foot\"\u003eEso es lo que más conviene vender aquí: no solo el perfume, sino la \u003cspan class=\"pain-hit-soft\"\u003electura social\u003c\/span\u003e que provoca cuando ya estás cerca.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"switch-box reveal\" data-tier=\"4\"\u003e\n        \u003cdiv class=\"eyebrow center\"\u003eELIGE CÓMO QUIERES DEJAR LA IMPRESIÓN\u003c\/div\u003e\n        \u003cdiv class=\"switch-tabs\" id=\"switchTabs\"\u003e\n          \u003cbutton class=\"switch-tab active\" type=\"button\" data-vibe=\"0\"\u003eDiario limpio\u003c\/button\u003e\n          \u003cbutton class=\"switch-tab\" type=\"button\" data-vibe=\"1\"\u003eMás atención\u003c\/button\u003e\n          \u003cbutton class=\"switch-tab\" type=\"button\" data-vibe=\"2\"\u003eMás nivel\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"switch-grid\"\u003e\n          \u003cdiv class=\"switch-image\"\u003e\u003cimg id=\"switchImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-smartphon_2755344729.png?v=1775810452\" alt=\"Mandarin Sky vibe visual\"\u003e\u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003ch2 class=\"title\" id=\"switchTitle\"\u003eLa vibra que se siente \u003cspan class=\"pain-hit-soft\"\u003eLIMPIA PERO NADA PLANA\u003c\/span\u003e.\u003c\/h2\u003e\n            \u003cp class=\"body\" id=\"switchText\"\u003ePerfecto cuando quieres dejar de entrar tibio y acercarte con una frescura que sí se siente mejor pensada.\u003c\/p\u003e\n            \u003cdiv class=\"switch-bullets\" id=\"switchBullets\"\u003e\n              \u003cdiv class=\"list-item\"\u003eSe siente actual desde el inicio\u003c\/div\u003e\n              \u003cdiv class=\"list-item\"\u003eVa muy bien cuando quieres algo limpio\u003c\/div\u003e\n              \u003cdiv class=\"list-item\"\u003eNo se siente pesado ni invasivo\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"mosaic\"\u003e\n        \u003cdiv class=\"visual-card reveal\" data-tier=\"1\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-ugcstyle-_2750268202.png?v=1775810453\" alt=\"Mandarin Sky atracción visual\"\u003e\n          \u003ch3 class=\"mini-title\"\u003eSi hueles común, \u003cspan class=\"pain-hit-soft\"\u003eTE RECUERDAN MENOS.\u003c\/span\u003e Si hueles mejor, tu presencia sube sola.\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"glass reveal\" data-tier=\"2\"\u003e\n          \u003cdiv class=\"eyebrow\"\u003eLo que sí cambia la jugada\u003c\/div\u003e\n          \u003ch2 class=\"title\" style=\"margin-bottom:8px;\"\u003eNo es oler fuerte. \u003cspan class=\"pain-hit\"\u003eES DEJAR DE OLER OLVIDABLE.\u003c\/span\u003e\n\u003c\/h2\u003e\n          \u003cdiv class=\"list-grid\"\u003e\n            \u003cdiv class=\"list-item\"\u003eQue te sientan más atractivo al acercarte\u003c\/div\u003e\n            \u003cdiv class=\"list-item\"\u003eQue tu aroma no te reste presencia\u003c\/div\u003e\n            \u003cdiv class=\"list-item\"\u003eQue te vean más limpio y mejor armado\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"mosaic\"\u003e\n        \u003cdiv class=\"visual-card reveal\" data-tier=\"3\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_luxury-fragrance-editoria_2755296608.png?v=1775810452\" alt=\"Mandarin Sky acorde visual premium\"\u003e\n          \u003ch3 class=\"mini-title\"\u003eFresco arriba. Atractivo al acercarte. \u003cspan class=\"accent\"\u003eLimpio al quedarte.\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"glass reveal\" data-tier=\"4\"\u003e\n          \u003cdiv class=\"eyebrow\"\u003eAcorde visual\u003c\/div\u003e\n          \u003ch2 class=\"title\" style=\"margin-bottom:8px;\"\u003eLa firma que se siente \u003cspan class=\"pain-hit-soft\"\u003eMÁS CARA\u003c\/span\u003e sin irse a algo pesado.\u003c\/h2\u003e\n          \u003cdiv class=\"note-grid\" style=\"justify-content:flex-start;\"\u003e\n            \u003cdiv class=\"note-chip\"\u003efrescura limpia\u003c\/div\u003e\n            \u003cdiv class=\"note-chip\"\u003esalida viva\u003c\/div\u003e\n            \u003cdiv class=\"note-chip\"\u003emás atracción\u003c\/div\u003e\n            \u003cdiv class=\"note-chip\"\u003epresencia pulida\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cp class=\"body\" style=\"margin-top:12px;\"\u003eNo vende exceso. Vende una presencia que se siente más limpia, más atractiva y menos de siempre.\u003c\/p\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"hotspot-grid\"\u003e\n        \u003cdiv class=\"visual-card reveal hotspot-image\" data-tier=\"1\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_closeup-luxury-editorial-_2755342282.png?v=1775810453\" alt=\"Mandarin Sky hotspots\"\u003e\n          \u003cbutton class=\"hotspot-dot one active\" type=\"button\" data-hotspot=\"0\"\u003e+\u003c\/button\u003e\n          \u003cbutton class=\"hotspot-dot two\" type=\"button\" data-hotspot=\"1\"\u003e+\u003c\/button\u003e\n          \u003cbutton class=\"hotspot-dot three\" type=\"button\" data-hotspot=\"2\"\u003e+\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"glass reveal\" data-tier=\"2\"\u003e\n          \u003cdiv class=\"eyebrow\"\u003eQué te da y por qué se nota\u003c\/div\u003e\n          \u003ch3 class=\"mini-title\" id=\"hotspotTitle\"\u003eFRESCURA QUE NO TE BORRA\u003c\/h3\u003e\n          \u003cp class=\"body\" id=\"hotspotText\"\u003eLo primero que se siente es una salida limpia que te quita esa vibra de hombre correcto pero común.\u003c\/p\u003e\n          \u003cdiv class=\"pills\" style=\"justify-content:flex-start;margin-top:12px;\"\u003e\n            \u003cdiv class=\"score-pill\" id=\"hotspotTag1\"\u003eLimpio\u003c\/div\u003e\n            \u003cdiv class=\"score-pill\" id=\"hotspotTag2\"\u003eActual\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"benefit-shell reveal\" data-tier=\"3\"\u003e\n        \u003cdiv class=\"eyebrow center\"\u003ePOR QUÉ LES DEJA MEJOR LECTURA\u003c\/div\u003e\n        \u003cdiv class=\"benefit-tabs\" id=\"benefitTabs\"\u003e\n          \u003cbutton class=\"benefit-tab active\" type=\"button\" data-benefit=\"0\"\u003ePor qué gusta\u003c\/button\u003e\n          \u003cbutton class=\"benefit-tab\" type=\"button\" data-benefit=\"1\"\u003ePor qué destaca\u003c\/button\u003e\n          \u003cbutton class=\"benefit-tab\" type=\"button\" data-benefit=\"2\"\u003ePor qué convence\u003c\/button\u003e\n          \u003cbutton class=\"benefit-tab\" type=\"button\" data-benefit=\"3\"\u003ePor qué vale la pena\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"benefit-stage\"\u003e\n          \u003cimg id=\"benefitImage\" src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_luxury-fragrance-editoria_2750261694.png?v=1775810452\" alt=\"Mandarin Sky benefit visual\"\u003e\n          \u003cdiv class=\"benefit-copy\"\u003e\n            \u003cdiv class=\"eyebrow\"\u003eSelector premium\u003c\/div\u003e\n            \u003ch3 class=\"impact-title\" id=\"benefitTitle\"\u003eFRESCO, PERO NO FÁCIL DE OLVIDAR.\u003c\/h3\u003e\n            \u003cp class=\"body\" id=\"benefitText\"\u003eTiene una salida viva que evita la típica lectura de fragancia limpia pero sin carácter.\u003c\/p\u003e\n            \u003cdiv class=\"benefit-points\" id=\"benefitPoints\"\u003e\n              \u003cdiv class=\"list-item\"\u003eLa frescura se siente más premium\u003c\/div\u003e\n              \u003cdiv class=\"list-item\"\u003eNo cae en lo básico\u003c\/div\u003e\n              \u003cdiv class=\"list-item\"\u003eDeja una impresión más seria\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"mosaic\"\u003e\n        \u003cdiv class=\"visual-card reveal\" data-tier=\"4\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-editorial_2755304414.png?v=1775811917\" alt=\"Hombre elegante con Mandarin Sky\"\u003e\n          \u003ch3 class=\"mini-title\"\u003eSe siente mejor cuando quieres una presencia \u003cspan class=\"pain-hit-soft\"\u003eMÁS ATRACTIVA Y MÁS SEGURA\u003c\/span\u003e.\u003c\/h3\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"visual-card reveal\" data-tier=\"1\"\u003e\n          \u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_highend-luxury-fragrance-_2750264286.png?v=1775810453\" alt=\"Mandarin Sky sobre fondo premium\"\u003e\n          \u003ch3 class=\"mini-title\"\u003eNo grita para llamar la atención. \u003cspan class=\"pain-hit\"\u003eSE NOTA PORQUE NO HUELE A LO DE SIEMPRE.\u003c\/span\u003e\n\u003c\/h3\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"routine-shell reveal\" data-tier=\"2\"\u003e\n        \u003cdiv class=\"eyebrow center\"\u003eDÓNDE MÁS TE SUBE LA LECTURA\u003c\/div\u003e\n        \u003cdiv class=\"routine-grid\"\u003e\n          \u003cdiv class=\"routine-card\"\u003e\n            \u003cstrong\u003eDía a día\u003c\/strong\u003e\n            \u003cspan\u003eCuando quieres dejar de oler plano y verte mejor presentado desde temprano.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"routine-card\"\u003e\n            \u003cstrong\u003eSalida o cita\u003c\/strong\u003e\n            \u003cspan\u003eCuando quieres sentirte más atractivo al acercarte sin cargar demasiado el aroma.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"routine-card\"\u003e\n            \u003cstrong\u003eTrabajo o reunión\u003c\/strong\u003e\n            \u003cspan\u003eCuando buscas una presencia pulida, actual y con más nivel.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"routine-card\"\u003e\n            \u003cstrong\u003eCompra inteligente\u003c\/strong\u003e\n            \u003cspan\u003eCuando quieres una vibra premium que sí se note sin irte a algo más costoso.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"comparison-box reveal center\" data-tier=\"3\"\u003e\n\n        \u003cdiv class=\"eyebrow\"\u003eSwipe de impresión\u003c\/div\u003e\n        \u003ch2 class=\"title\" style=\"margin-bottom:8px;\"\u003eDe oler como cualquiera a acercarte con una \u003cspan class=\"pain-hit\"\u003ePRESENCIA QUE SÍ SE NOTA\u003c\/span\u003e.\u003c\/h2\u003e\n        \u003cdiv class=\"comparison-wrap\"\u003e\n          \u003cdiv class=\"compare-before\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/Captura_de_pantalla_2026-04-10_040251.png?v=1775811788\" alt=\"Antes Mandarin Sky\"\u003e\u003c\/div\u003e\n          \u003cdiv class=\"compare-after\" id=\"compareAfter\"\u003e\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-socialpro_2755346074.png?v=1775810453\" alt=\"Después Mandarin Sky\"\u003e\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cinput id=\"compareRange\" class=\"compare-range\" type=\"range\" min=\"0\" max=\"100\" value=\"56\"\u003e\n        \u003cdiv class=\"swipe-meta\"\u003e\n          \u003cdiv class=\"note-chip\" id=\"swipeCurrent\"\u003eTu swipe: 56\/100\u003c\/div\u003e\n          \u003cbutton class=\"swipe-save\" id=\"saveSwipeBtn\" type=\"button\"\u003eGuardar mi puntuación\u003c\/button\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"small-note\" id=\"swipeSaveNote\"\u003eArrastra, compara y guarda tu impresión.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"trust-cluster reveal\" data-tier=\"4\"\u003e\n        \u003cdiv class=\"eyebrow center\"\u003eLo que más repiten cuando se siente bien elegido\u003c\/div\u003e\n        \u003cdiv class=\"trust-grid\"\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"trust-main\"\u003eSE NOTA\u003c\/div\u003e\n            \u003cdiv class=\"stars\"\u003e★★★★★\u003c\/div\u003e\n            \u003cdiv class=\"trust-sub\"\u003eMás limpio • más atractivo • menos vibra plana\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv\u003e\n            \u003cdiv class=\"list-grid\"\u003e\n              \u003cdiv class=\"list-item\"\u003e“NO HUELE COMO CUALQUIERA. SE SIENTE MÁS LIMPIO Y MÁS ATRACTIVO AL ACERCARTE.”\u003c\/div\u003e\n              \u003cdiv class=\"list-item\"\u003e“TIENE ESA VIBRA DE HOMBRE QUE SÍ SE SABE PRESENTAR, SIN OLER PESADO.”\u003c\/div\u003e\n            \u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"center reveal\" style=\"margin-bottom:10px;\" data-tier=\"1\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003eUGC \/ sensación real\u003c\/div\u003e\n        \u003ch2 class=\"title\"\u003eCómo se ve cuando dejas de oler común y empiezas a proyectar \u003cspan class=\"pain-hit-soft\"\u003eMÁS ATRACCIÓN\u003c\/span\u003e.\u003c\/h2\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"reels-wrap reveal\" data-tier=\"2\"\u003e\n        \u003cdiv class=\"reels-track\"\u003e\n          \u003cdiv class=\"reel-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-smartphon_2755344729.png?v=1775810452\" alt=\"UGC Mandarin Sky 1\"\u003e\u003cp class=\"body small\"\u003e“No huele a uno más. Se siente más atractivo al acercarte.”\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"reel-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-ugcstyle-_2750268202.png?v=1775810453\" alt=\"UGC Mandarin Sky 2\"\u003e\u003cp class=\"body small\"\u003e“Tiene presencia de hombre que sí se sabe cuidar, y eso ellas lo notan.”\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"reel-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_a-handsome-latino-man-aro_2749901583_1.png?v=1775737419\" alt=\"UGC Mandarin Sky 3\"\u003e\u003cp class=\"body small\"\u003e“De esos perfumes que te hacen sentir mejor presentado apenas te lo pones.”\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"reel-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-luxury-fr_2750236952.png?v=1775810452\" alt=\"UGC Mandarin Sky 1\"\u003e\u003cp class=\"body small\"\u003e“No huele a uno más. Se siente más atractivo al acercarte.”\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"reel-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-socialpro_2750269308.png?v=1775810453\" alt=\"UGC Mandarin Sky 2\"\u003e\u003cp class=\"body small\"\u003e“Tiene presencia de hombre que sí se sabe cuidar, y eso ellas lo notan.”\u003c\/p\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"reel-card\"\u003e\n\u003cimg src=\"https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-socialpro_2755346074.png?v=1775810453\" alt=\"UGC Mandarin Sky 3\"\u003e\u003cp class=\"body small\"\u003e“De esos perfumes que te hacen sentir mejor presentado apenas te lo pones.”\u003c\/p\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"video-card reveal center\" data-tier=\"3\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003eUso real \/ mano \/ cercanía\u003c\/div\u003e\n        \u003ch2 class=\"title\"\u003eMuéstralo en mano y conviertes la vibra en \u003cspan class=\"blue\"\u003eprueba visual rápida\u003c\/span\u003e.\u003c\/h2\u003e\n        \u003cdiv class=\"video-shell-real\" style=\"margin-top:12px;\"\u003e\n          \u003cvideo class=\"slot-video\" playsinline controls preload=\"metadata\"\u003e\n            \u003csource src=\"https:\/\/cdn.shopify.com\/videos\/c\/o\/v\/453c95b7862d4beb8962008a2526febc.mp4\" type=\"video\/mp4\"\u003e\u003c\/video\u003e\n          \u003cdiv class=\"video-placeholder\"\u003e\n            \u003cstrong\u003eVIDEO DE USO REAL\u003c\/strong\u003e\n            \u003cspan\u003eMuestra frasco, atomización, mano, cercanía y esa vibra limpia que no se siente básica.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"video-note-grid\"\u003e\n          \u003cdiv class=\"video-note-card\"\u003e\n            \u003cstrong\u003eMÁS DESEO\u003c\/strong\u003e\n            \u003cspan\u003eVer el perfume en mano hace que la experiencia se sienta más real y menos genérica.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"video-note-card\"\u003e\n            \u003cstrong\u003eMÁS CONFIANZA\u003c\/strong\u003e\n            \u003cspan\u003eEl usuario entiende mejor qué está comprando y por qué la vibra se siente premium.\u003c\/span\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"video-note-card\"\u003e\n            \u003cstrong\u003eMÁS IMPULSO\u003c\/strong\u003e\n            \u003cspan\u003eCuando el aroma se ve bien en uso, cuesta menos tocar el CTA final.\u003c\/span\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"story-shell reveal center\" data-tier=\"4\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003ePuntuación del swipe\u003c\/div\u003e\n        \u003ch2 class=\"title\"\u003eAsí están dejando su \u003cspan class=\"accent\"\u003eimpresión\u003c\/span\u003e.\u003c\/h2\u003e\n        \u003cdiv class=\"scoreboard-grid\"\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003ePromedio\u003c\/span\u003e\u003cstrong id=\"swipeAverage\"\u003e0\/100\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eÚltimo\u003c\/span\u003e\u003cstrong id=\"swipeLast\"\u003e—\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eRegistros\u003c\/span\u003e\u003cstrong id=\"swipeCount\"\u003e0\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"swipe-history\" id=\"swipeHistory\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"story-shell reveal center\" data-tier=\"1\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003eComentarios y calificación\u003c\/div\u003e\n        \u003ch2 class=\"title\"\u003eComparte cómo se sintió tu \u003cspan class=\"gold\"\u003epresencia\u003c\/span\u003e con Mandarin Sky.\u003c\/h2\u003e\n        \u003cdiv class=\"scoreboard-grid\"\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eCalificación media\u003c\/span\u003e\u003cstrong id=\"reviewAverage\"\u003e0.0★\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eComentarios\u003c\/span\u003e\u003cstrong id=\"reviewCount\"\u003e0\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eÚltimo swipe\u003c\/span\u003e\u003cstrong id=\"reviewSwipeEcho\"\u003e—\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"review-form\"\u003e\n          \u003cinput id=\"reviewName\" class=\"review-input\" type=\"text\" placeholder=\"Tu nombre\"\u003e\n          \u003ctextarea id=\"reviewText\" class=\"review-textarea\" placeholder=\"¿Cómo te pareció la experiencia o la vibra del perfume?\"\u003e\u003c\/textarea\u003e\n          \u003cdiv class=\"star-row\" id=\"starRow\"\u003e\n            \u003cbutton class=\"star-btn active\" type=\"button\" data-star=\"1\"\u003e★\u003c\/button\u003e\n            \u003cbutton class=\"star-btn active\" type=\"button\" data-star=\"2\"\u003e★\u003c\/button\u003e\n            \u003cbutton class=\"star-btn active\" type=\"button\" data-star=\"3\"\u003e★\u003c\/button\u003e\n            \u003cbutton class=\"star-btn active\" type=\"button\" data-star=\"4\"\u003e★\u003c\/button\u003e\n            \u003cbutton class=\"star-btn active\" type=\"button\" data-star=\"5\"\u003e★\u003c\/button\u003e\n          \u003c\/div\u003e\n          \u003cbutton id=\"submitReviewBtn\" class=\"cta\" type=\"button\"\u003eENVIAR MI COMENTARIO\u003c\/button\u003e\n          \u003cdiv id=\"reviewNote\" class=\"small-note\"\u003eTu valoración quedará reflejada junto con tu swipe guardado.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"comment-list\" id=\"commentList\"\u003e\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n\u003csection class=\"section\"\u003e\n      \u003cdiv class=\"summary-box reveal center\" data-tier=\"2\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003eResumen rápido\u003c\/div\u003e\n        \u003ch2 class=\"title\" style=\"margin-bottom:8px;\"\u003eLa decisión vista \u003cspan class=\"pain-hit-soft\"\u003eEN CLARO\u003c\/span\u003e.\u003c\/h2\u003e\n        \u003cdiv class=\"scoreboard-grid\"\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eSensación\u003c\/span\u003e\u003cstrong id=\"smartIntent\"\u003ePresencia\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eTu swipe\u003c\/span\u003e\u003cstrong id=\"smartSwipe\"\u003e56\/100\u003c\/strong\u003e\n\u003c\/div\u003e\n          \u003cdiv class=\"score-card\"\u003e\n\u003cspan\u003eVibra\u003c\/span\u003e\u003cstrong id=\"smartRoute\"\u003eMás atención\u003c\/strong\u003e\n\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"summary-row\"\u003e\n\u003cspan\u003eSe siente mejor si buscas\u003c\/span\u003e\u003cb id=\"smartNeed\"\u003emás frescura con una presencia mejor armada\u003c\/b\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"summary-row\"\u003e\n\u003cspan\u003eLo que más resalta\u003c\/span\u003e\u003cb id=\"smartWin\"\u003euna vibra limpia, actual y nada pesada\u003c\/b\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"summary-row\"\u003e\n\u003cspan\u003ePor qué se siente buena compra\u003c\/span\u003e\u003cb id=\"smartValue\"\u003eporque da impresión premium sin irse al precio alto\u003c\/b\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"summary-row\"\u003e\n\u003cspan\u003eOferta de hoy\u003c\/span\u003e\u003cb\u003e$33,90\u003c\/b\u003e\n\u003c\/div\u003e\n        \u003cdiv class=\"summary-note-grid\"\u003e\n          \u003cdiv class=\"summary-note\"\u003eMás limpio al inicio, más atractivo al acercarte y mucho menos de fila de siempre.\u003c\/div\u003e\n          \u003cdiv class=\"summary-note\"\u003eSe siente mejor compra porque sube presencia sin obligarte a irte a algo más costoso.\u003c\/div\u003e\n          \u003cdiv class=\"summary-note\"\u003eIdeal cuando quieres una vibra premium que sí se note rápido y no se sienta básica.\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cbutton id=\"cta-summary\" class=\"cta\" type=\"button\"\u003eQUIERO ESTA VIBRA PREMIUM\u003c\/button\u003e\n        \u003cdiv id=\"feedback-summary\" class=\"small-note\"\u003eCompra rápida • vibra premium • oferta activa por tiempo limitado\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section\"\u003e\n      \u003cdiv class=\"offer-card reveal center\" id=\"comprar\" data-tier=\"3\"\u003e\n        \u003cdiv class=\"eyebrow\"\u003eOferta final\u003c\/div\u003e\n        \u003ch2 class=\"title\" style=\"margin-bottom:8px;\"\u003eDeja de oler como cualquiera y acércate con una presencia \u003cspan class=\"pain-hit\"\u003eQUE SÍ SE SIENTE MÁS ATRACTIVA\u003c\/span\u003e.\u003c\/h2\u003e\n        \u003cp class=\"body\" style=\"margin-bottom:14px;\"\u003eSi ya no quieres oler plano ni pasar como uno más, esta es la clase de oferta que cuesta dejar pasar.\u003c\/p\u003e\n        \u003cdiv class=\"offer-grid\" style=\"margin:14px 0;\"\u003e\n          \u003cdiv class=\"glass\" style=\"padding:14px;\"\u003e\n            \u003cdiv class=\"eyebrow\" style=\"margin-bottom:6px;color:#91a5cb;\"\u003eAntes\u003c\/div\u003e\n            \u003cdiv style=\"font-size:28px;color:#8ea0c4;text-decoration:line-through;font-weight:900;\"\u003e$59,90\u003c\/div\u003e\n          \u003c\/div\u003e\n          \u003cdiv class=\"glass\" style=\"padding:14px;background:linear-gradient(180deg,#ff8a22 0%,#de5400 100%);border-color:transparent;box-shadow:0 12px 24px rgba(255,101,0,.18);\"\u003e\n            \u003cdiv class=\"eyebrow\" style=\"margin-bottom:6px;color:#ffe1c3;\"\u003eHoy\u003c\/div\u003e\n            \u003cdiv style=\"font-size:38px;color:#fff;font-weight:900;\"\u003e$33,90\u003c\/div\u003e\n          \u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cdiv class=\"pills\" style=\"justify-content:center; margin-bottom:14px;\"\u003e\n          \u003cdiv class=\"green-pill\"\u003eAhorras $26,00\u003c\/div\u003e\n          \u003cdiv class=\"pill\"\u003ePago al recibir\u003c\/div\u003e\n          \u003cdiv class=\"pill\"\u003eCompra segura\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cbutton id=\"cta-final\" class=\"cta\" type=\"button\"\u003eQUIERO ESTA VIBRA PREMIUM\u003c\/button\u003e\n        \u003cdiv id=\"feedback-final\" class=\"small-note\"\u003eCompra rápida • cobertura nacional • stock sujeto a disponibilidad\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003csection class=\"section space-bottom\"\u003e\n      \u003cdiv class=\"faq-item reveal active\" data-tier=\"4\"\u003e\n        \u003cbutton class=\"faq-head faq-btn\" type=\"button\"\u003e\u003cspan\u003e¿Qué vibra transmite?\u003c\/span\u003e\u003cspan class=\"faq-icon\"\u003e−\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"faq-body\" style=\"display:block;\"\u003eFresca, limpia, atractiva y premium. La clase de aroma que se siente actual sin volverse exagerado.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item reveal\" data-tier=\"1\"\u003e\n        \u003cbutton class=\"faq-head faq-btn\" type=\"button\"\u003e\u003cspan\u003e¿Vale la pena por este precio?\u003c\/span\u003e\u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"faq-body\"\u003eSí, porque si ya buscabas una fragancia con esta estética y esta vibra, aprovecharla así hace que la compra se sienta mucho más inteligente.\u003c\/div\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"faq-item reveal\" data-tier=\"2\"\u003e\n        \u003cbutton class=\"faq-head faq-btn\" type=\"button\"\u003e\u003cspan\u003e¿Cómo llega el pedido?\u003c\/span\u003e\u003cspan class=\"faq-icon\"\u003e+\u003c\/span\u003e\u003c\/button\u003e\n        \u003cdiv class=\"faq-body\"\u003eCon el sistema de compra disponible en tu tienda y pago al recibir si aplica, para que la decisión se sienta más fácil y más segura.\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/section\u003e\n\n    \u003cdiv class=\"lightbox-overlay\" id=\"lightboxOverlay\"\u003e\n      \u003cdiv class=\"lightbox-box\"\u003e\n        \u003cbutton class=\"lightbox-close\" id=\"lightboxClose\" type=\"button\"\u003e×\u003c\/button\u003e\n        \u003cimg id=\"lightboxImage\" src=\"\" alt=\"Vista ampliada\"\u003e\n        \u003cdiv class=\"lightbox-hint\"\u003eVista ampliada premium\u003c\/div\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cdiv class=\"sticky-bar\"\u003e\n      \u003cdiv class=\"sticky-inner\"\u003e\n        \u003cdiv class=\"sticky-price\"\u003e\n          \u003cdiv class=\"old\"\u003e$59,90\u003c\/div\u003e\n          \u003cdiv class=\"new\"\u003e$33,90\u003c\/div\u003e\n        \u003c\/div\u003e\n        \u003cbutton id=\"sticky-buy-btn\" class=\"sticky-btn\" type=\"button\"\u003eQUIERO ESTA OFERTA HOY\u003c\/button\u003e\n      \u003c\/div\u003e\n    \u003c\/div\u003e\n\n    \u003cbutton class=\"sheet-toggle\" id=\"sheetToggle\" type=\"button\"\u003e?\u003c\/button\u003e\n    \u003cdiv class=\"objection-sheet\" id=\"objectionSheet\"\u003e\n      \u003cdiv class=\"eyebrow\"\u003eRespuestas rápidas\u003c\/div\u003e\n      \u003cdiv class=\"sheet-grid\"\u003e\n        \u003cbutton class=\"sheet-btn active\" type=\"button\" data-answer=\"0\"\u003eCómo se siente\u003c\/button\u003e\n        \u003cbutton class=\"sheet-btn\" type=\"button\" data-answer=\"1\"\u003eCuándo usarlo\u003c\/button\u003e\n        \u003cbutton class=\"sheet-btn\" type=\"button\" data-answer=\"2\"\u003ePago\u003c\/button\u003e\n        \u003cbutton class=\"sheet-btn\" type=\"button\" data-answer=\"3\"\u003eEnvío\u003c\/button\u003e\n      \u003c\/div\u003e\n      \u003cdiv class=\"sheet-answer\" id=\"sheetAnswer\"\u003eSe siente fresco, limpio y mucho menos olvidable que una fragancia básica de todos los días.\u003c\/div\u003e\n    \u003c\/div\u003e\n  \u003c\/section\u003e\n\u003c\/div\u003e\n\n  \u003cscript\u003e\n    (function(){\n      var currentSlide = 0;\n      var captions = [\n        { title:'NO HUELES MAL. HUELES BORRABLE.', text:'La clase de aroma que hace que ellas no sientan nada distinto cuando te acercas.' },\n        { title:'MÁS REGISTRO DESDE CERCA', text:'No se siente forzado. Se siente más limpio, más atractivo y mejor armado desde el primer acercamiento.' },\n        { title:'MENOS VIBRA DE UNO MÁS', text:'Desde el frasco hasta la impresión que deja, todo apunta a más nivel y menos lectura de perfume básico.' }\n      ];\n      var syncConfig = window.MANDARIN_SKY_SYNC || { reviewsEndpoint:'', swipesEndpoint:'' };\n      var currentVibe = 1;\n      var currentSwipeValue = 56;\n      var currentReviewAverage = 0;\n      var currentReviewCount = 0;\n\n      var vibeData = [\n        {\n          title:'La vibra que se siente \u003cspan class=\"pain-hit-soft\"\u003elimpia, atractiva y nada plana\u003c\/span\u003e.',\n          text:'Perfecto cuando quieres salir de la lectura de hombre tibio y hacer que tu presencia se sienta mejor apenas te acercas.',\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-smartphon_2755344729.png?v=1775810452',\n          bullets:['Se siente actual desde el inicio','Va muy bien cuando quieres algo limpio','No se siente pesado ni invasivo'],\n          vibeA:'rgba(255,101,0,.22)',\n          vibeB:'rgba(105,188,255,.16)'\n        },\n        {\n          title:'La salida que se siente \u003cspan class=\"pain-hit\"\u003emás atractiva y más viva\u003c\/span\u003e.',\n          text:'Muy buena opción cuando quieres que te registren más rápido, sin oler pesado ni caer en la misma fila de siempre.',\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-ugcstyle-_2750268202.png?v=1775810453',\n          bullets:['Llama la atención sin verse forzado','Se siente más memorable','Acompaña muy bien una salida o cita'],\n          vibeA:'rgba(255,101,0,.28)',\n          vibeB:'rgba(255,211,135,.14)'\n        },\n        {\n          title:'La presencia que se siente \u003cspan class=\"pain-hit-soft\"\u003emás seria y con más nivel\u003c\/span\u003e.',\n          text:'Cuando quieres que tu aroma se perciba menos básico, más limpio y mucho mejor armado que lo típico.',\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-editorial_2755304414.png?v=1775811917',\n          bullets:['Se percibe más pulido','Sube la sensación de estatus','Mejora la primera impresión'],\n          vibeA:'rgba(255,211,135,.14)',\n          vibeB:'rgba(105,188,255,.2)'\n        }\n      ];\n\n      var hotspotData = [\n        {\n          title:'FRESCURA QUE NO TE BORRA',\n          text:'Lo primero que se siente es una salida limpia que te quita esa vibra de hombre correcto pero fácil de olvidar.',\n          tags:['Limpio','Actual']\n        },\n        {\n          title:'MÁS CURIOSIDAD AL ACERCARTE',\n          text:'No cae en lo plano. Tiene una salida que mueve más curiosidad y ayuda a que te sientan más atractivo sin sentirse pesada.',\n          tags:['Llamativo','Ligero']\n        },\n        {\n          title:'MÁS NIVEL, MENOS PERFUME DE SIEMPRE',\n          text:'El frasco, la estética y la vibra trabajan juntos para dejar una sensación más seria, más limpia y mucho menos genérica.',\n          tags:['Premium','Memorable']\n        }\n      ];\n\n      var benefitData = [\n        {\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-editorial_2755304414.png?v=1775811917',\n          title:'Fresco, pero no común.',\n          text:'Tiene una salida que se siente más viva y con mejor gusto que la típica fragancia limpia que usa cualquiera.',\n          points:['La frescura se siente más premium','No cae en lo básico','Deja una impresión más seria']\n        },\n        {\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_highend-luxury-fragrance-_2750264286.png?v=1775810453',\n          title:'Atractivo y fácil de usar.',\n          text:'Se siente actual, atractivo y muy fácil de llevar cuando quieres oler mejor sin complicarte.',\n          points:['Encaja muy bien en el día','No se siente forzado','Proyecta una vibra actual']\n        },\n        {\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-ugcstyle-_2750268202.png?v=1775810453',\n          title:'Más presencia desde el inicio.',\n          text:'Aporta esa sensación de verte mejor armado y con una impresión más atractiva desde que te lo pones.',\n          points:['Eleva tu presencia','Te hace sentir más pulido','La impresión dura más']\n        },\n        {\n          image:'https:\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_ultra-realistic-smartphon_2755344729.png?v=1775810452',\n          title:'Versátil de verdad.',\n          text:'Sirve muy bien para el día, salidas, citas y momentos donde la primera impresión sí importa de verdad.',\n          points:['Muy fácil de usar','Funciona en más contextos','Se siente buena compra por el precio']\n        }\n      ];\n\n      var objectionAnswers = [\n        'Se siente fresco, limpio, atractivo y con una vibra que eleva tu presencia sin volverse pesada.',\n        'Va muy bien cuando quieres verte más arreglado en el día, en salidas o en momentos donde la impresión importa.',\n        'Puedes pedirlo con el sistema de compra disponible en tu tienda y pago al recibir si aplica.',\n        'Con cobertura nacional según tu tienda y una compra pensada para sentirse más fácil y segura.'\n      ];\n\n\n      function setupMotionMode(){\n        var root = document.documentElement;\n        var connection = navigator.connection || navigator.mozConnection || navigator.webkitConnection;\n        var lowPower = false;\n        if(connection \u0026\u0026 connection.saveData) lowPower = true;\n        if(typeof navigator.deviceMemory === 'number' \u0026\u0026 navigator.deviceMemory \u003c= 4) lowPower = true;\n        if(typeof navigator.hardwareConcurrency === 'number' \u0026\u0026 navigator.hardwareConcurrency \u003c= 4) lowPower = true;\n        if(window.innerWidth \u003c 390) lowPower = true;\n        root.classList.toggle('motion-lean', !!lowPower);\n        root.classList.toggle('motion-rich', !lowPower);\n      }\n\n\n      function normalizeCollection(payload, keys){\n        if(Array.isArray(payload)) return payload;\n        if(payload \u0026\u0026 typeof payload === 'object'){\n          for(var i = 0; i \u003c keys.length; i++){\n            if(Array.isArray(payload[keys[i]])) return payload[keys[i]];\n          }\n        }\n        return [];\n      }\n\n      function fetchRemoteCollection(url, keys){\n        if(!url) return Promise.resolve(null);\n        return fetch(url, { headers:{ 'Accept':'application\/json' } })\n          .then(function(res){ if(!res.ok) throw new Error('fetch failed'); return res.json(); })\n          .then(function(data){ return normalizeCollection(data, keys); })\n          .catch(function(){ return null; });\n      }\n\n      function postRemoteItem(url, item){\n        if(!url) return Promise.resolve(false);\n        return fetch(url, {\n          method:'POST',\n          headers:{ 'Content-Type':'application\/json', 'Accept':'application\/json' },\n          body:JSON.stringify(item)\n        }).then(function(res){ return res.ok; }).catch(function(){ return false; });\n      }\n\n      function updateSmartSummary(){\n        var smartStates = [\n          {\n            label:'Presencia limpia',\n            route:'Diario limpio',\n            need:'oler fresco y verte mejor presentado',\n            win:'una vibra limpia que no se siente común',\n            value:'porque sube la presencia sin oler pesado'\n          },\n          {\n            label:'Más atracción',\n            route:'Más atención',\n            need:'que se note más cuando te acercas',\n            win:'una impresión más atractiva sin exceso',\n            value:'porque ayuda a llamar la atención sin sentirse cargado'\n          },\n          {\n            label:'Más nivel',\n            route:'Más nivel',\n            need:'una imagen más pulida desde la primera impresión',\n            win:'una sensación más seria y más premium',\n            value:'porque da vibra cara sin irse al precio alto'\n          }\n        ];\n        var data = smartStates[currentVibe] || smartStates[1];\n        var smartIntent = document.getElementById('smartIntent');\n        var smartSwipe = document.getElementById('smartSwipe');\n        var smartRoute = document.getElementById('smartRoute');\n        var smartNeed = document.getElementById('smartNeed');\n        var smartWin = document.getElementById('smartWin');\n        var smartValue = document.getElementById('smartValue');\n        if(smartIntent) smartIntent.textContent = data.label;\n        if(smartSwipe) smartSwipe.textContent = currentSwipeValue + '\/100';\n        if(smartRoute) smartRoute.textContent = data.route;\n        if(smartNeed) smartNeed.textContent = data.need;\n        if(smartWin) smartWin.textContent = data.win;\n        if(smartValue) smartValue.textContent = data.value;\n      }\n      function triggerRealCheckout(){\n        var realBtn = document.getElementById('rsi_buy_now_button');\n        if(realBtn){ realBtn.click(); return true; }\n        var altBtn = document.querySelector('.rsi.buy_now_button, .rsi_buy_now_button, [name=\"checkout\"], .shopify-payment-button button, .shopify-payment-button__button');\n        if(altBtn){ altBtn.click(); return true; }\n        return false;\n      }\n\n      function processCheckout(button, feedback){\n        if(!button) return;\n        var original = button.innerHTML;\n        button.innerHTML = 'PROCESANDO OFERTA...';\n        button.disabled = true;\n        button.style.opacity = '.92';\n        if(feedback) feedback.innerHTML = 'Estamos llevando tu oferta al formulario de pedido...';\n        var attempts = 0, maxAttempts = 18;\n        var interval = setInterval(function(){\n          attempts++;\n          if(triggerRealCheckout()){\n            clearInterval(interval);\n            setTimeout(function(){ button.innerHTML = original; button.disabled = false; button.style.opacity = '1'; }, 1200);\n            return;\n          }\n          if(attempts \u003e= maxAttempts){\n            clearInterval(interval);\n            if(feedback) feedback.innerHTML = 'Redirigiendo a compra segura...';\n            window.location.href = '\/checkout';\n          }\n        },180);\n      }\n\n      function bindButton(id, feedbackId){\n        var btn = document.getElementById(id);\n        var feedback = feedbackId ? document.getElementById(feedbackId) : null;\n        if(!btn || btn.dataset.bound === 'true') return;\n        btn.dataset.bound = 'true';\n        btn.addEventListener('click', function(){ processCheckout(btn, feedback); });\n      }\n\n\n      function setupReveal(){\n        var els = document.querySelectorAll('.reveal');\n        if(!els.length) return;\n        els.forEach(function(el, idx){\n          if(!el.hasAttribute('data-tier')){\n            el.setAttribute('data-tier', ((idx % 4) + 1));\n          }\n        });\n        var io = new IntersectionObserver(function(entries){\n          entries.forEach(function(entry){\n            if(entry.isIntersecting){\n              entry.target.classList.add('show');\n              io.unobserve(entry.target);\n            }\n          });\n        }, { threshold: 0.12, rootMargin:'0px 0px -4% 0px' });\n        els.forEach(function(el){ io.observe(el); });\n      }\n\n      function setupFaq(){\n        var items = document.querySelectorAll('.faq-item');\n        items.forEach(function(item){\n          var btn = item.querySelector('.faq-head');\n          if(!btn) return;\n          btn.addEventListener('click', function(){\n            var open = item.classList.contains('active');\n            items.forEach(function(other){\n              other.classList.remove('active');\n              var icon = other.querySelector('.faq-icon');\n              var body = other.querySelector('.faq-body');\n              if(icon) icon.textContent = '+';\n              if(body) body.style.display = 'none';\n            });\n            if(!open){\n              item.classList.add('active');\n              var icon = item.querySelector('.faq-icon');\n              var body = item.querySelector('.faq-body');\n              if(icon) icon.textContent = '−';\n              if(body) body.style.display = 'block';\n            }\n          });\n        });\n      }\n\n      function setupStickyLabel(){\n        var sticky = document.getElementById('sticky-buy-btn');\n        var finalSection = document.getElementById('comprar');\n        var progress = document.getElementById('scrollProgressBar');\n        var ticking = false;\n        function paint(){\n          var y = window.scrollY || window.pageYOffset;\n          var h = document.documentElement.scrollHeight - window.innerHeight;\n          var pct = h \u003e 0 ? (y \/ h) * 100 : 0;\n          if(progress) progress.style.width = pct + '%';\n          if(sticky \u0026\u0026 finalSection){\n            sticky.textContent = y \u003e (finalSection.offsetTop - 280) ? 'QUIERO PEDIRLO HOY' : 'QUIERO OLER MEJOR';\n          }\n          ticking = false;\n        }\n        function onScroll(){\n          if(ticking) return;\n          ticking = true;\n          requestAnimationFrame(paint);\n        }\n        window.addEventListener('scroll', onScroll, { passive:true });\n        paint();\n      }\n\n      function updateSlider(i){\n        var track = document.getElementById('heroTrack');\n        var dots = document.querySelectorAll('.hero-dot');\n        var thumbs = document.querySelectorAll('.thumb[data-slide]');\n        var slides = document.querySelectorAll('.hero-slide');\n        var live = document.getElementById('heroLiveBadge');\n        if(!track || !slides.length) return;\n        if(i \u003c 0) i = slides.length - 1;\n        if(i \u003e= slides.length) i = 0;\n        currentSlide = i;\n        track.style.transform = 'translateX(-' + (i * 100) + '%)';\n        slides.forEach(function(slide, idx){ slide.classList.toggle('active', idx === i); });\n        dots.forEach(function(dot, idx){ dot.classList.toggle('active', idx === i); });\n        thumbs.forEach(function(thumb){ thumb.classList.toggle('active', parseInt(thumb.getAttribute('data-slide'),10) === i); });\n        if(live) live.innerHTML = '\u003cstrong\u003e' + captions[i].title + '\u003c\/strong\u003e\u003cspan\u003e' + captions[i].text + '\u003c\/span\u003e';\n      }\n\n      function setupSlider(){\n        var prev = document.getElementById('heroPrev');\n        var next = document.getElementById('heroNext');\n        if(prev) prev.addEventListener('click', function(){ updateSlider(currentSlide - 1); });\n        if(next) next.addEventListener('click', function(){ updateSlider(currentSlide + 1); });\n        document.querySelectorAll('.hero-dot,.thumb[data-slide]').forEach(function(btn){\n          btn.addEventListener('click', function(){ updateSlider(parseInt(btn.getAttribute('data-slide'),10)); });\n        });\n        document.querySelectorAll('.thumb[data-scroll]').forEach(function(btn){\n          btn.addEventListener('click', function(){\n            var target = document.querySelector(btn.getAttribute('data-scroll'));\n            if(target) target.scrollIntoView({behavior:'smooth', block:'start'});\n          });\n        });\n        var slider = document.getElementById('heroSlider');\n        var track = document.getElementById('heroTrack');\n        if(!slider || !track) return;\n        var startX = 0, currentX = 0, deltaX = 0, dragging = false;\n        slider.addEventListener('touchstart', function(e){\n          if(!e.touches.length) return;\n          dragging = true; startX = e.touches[0].clientX; currentX = startX; deltaX = 0; track.style.transition = 'none';\n        }, {passive:true});\n        slider.addEventListener('touchmove', function(e){\n          if(!dragging || !e.touches.length) return;\n          currentX = e.touches[0].clientX; deltaX = currentX - startX;\n          var percent = deltaX \/ slider.offsetWidth * 100;\n          track.style.transform = 'translateX(calc(-' + (currentSlide * 100) + '% + ' + percent + '%))';\n        }, {passive:true});\n        slider.addEventListener('touchend', function(){\n          if(!dragging) return;\n          dragging = false; track.style.transition = 'transform .55s cubic-bezier(.22,.61,.36,1)';\n          if(deltaX \u003c -50) updateSlider(currentSlide + 1);\n          else if(deltaX \u003e 50) updateSlider(currentSlide - 1);\n          else updateSlider(currentSlide);\n        });\n        updateSlider(0);\n      }\n\n      function setupHeroAutoplay(){\n        var slider = document.getElementById('heroSlider');\n        if(!slider) return;\n        var canAutoplay = true;\n        var interval = null;\n\n        function stop(){\n          if(interval){\n            clearInterval(interval);\n            interval = null;\n          }\n        }\n        function start(){\n          if(interval || !canAutoplay) return;\n          interval = setInterval(function(){\n            if(document.hidden) return;\n            updateSlider(currentSlide + 1);\n          }, 4200);\n        }\n\n        slider.addEventListener('mouseenter', stop);\n        slider.addEventListener('mouseleave', start);\n        slider.addEventListener('touchstart', stop, { passive:true });\n        slider.addEventListener('touchend', start, { passive:true });\n\n        if('IntersectionObserver' in window){\n          var io = new IntersectionObserver(function(entries){\n            entries.forEach(function(entry){\n              canAutoplay = entry.isIntersecting;\n              slider.classList.toggle('motion-live', entry.isIntersecting);\n              if(entry.isIntersecting) start(); else stop();\n            });\n          }, { threshold: 0.55 });\n          io.observe(slider);\n        } else {\n          start();\n        }\n\n        document.addEventListener('visibilitychange', function(){\n          if(document.hidden) stop();\n          else start();\n        });\n      }\n\n      function setLandingMood(a,b){\n        var root = document.getElementById('mandarinLanding');\n        if(root){\n          root.style.setProperty('--vibeA', a);\n          root.style.setProperty('--vibeB', b);\n        }\n      }\n\n      function setupVibeSwitch(){\n        var tabs = document.querySelectorAll('.switch-tab');\n        var title = document.getElementById('switchTitle');\n        var text = document.getElementById('switchText');\n        var image = document.getElementById('switchImage');\n        var bullets = document.getElementById('switchBullets');\n        if(!tabs.length || !title || !text || !image || !bullets) return;\n        function render(i){\n          var d = vibeData[i];\n          currentVibe = i;\n          title.innerHTML = d.title;\n          text.textContent = d.text;\n          image.src = d.image;\n          bullets.innerHTML = d.bullets.map(function(item){ return '\u003cdiv class=\"list-item\"\u003e' + item + '\u003c\/div\u003e'; }).join('');\n          tabs.forEach(function(tab){ tab.classList.toggle('active', parseInt(tab.getAttribute('data-vibe'),10) === i); });\n          setLandingMood(d.vibeA,d.vibeB);\n          updateSmartSummary();\n        }\n        tabs.forEach(function(tab){ tab.addEventListener('click', function(){ render(parseInt(tab.getAttribute('data-vibe'),10)); }); });\n        render(0);\n      }\n\n\n      function setupHotspots(){\n        var dots = document.querySelectorAll('.hotspot-dot');\n        var title = document.getElementById('hotspotTitle');\n        var text = document.getElementById('hotspotText');\n        var tag1 = document.getElementById('hotspotTag1');\n        var tag2 = document.getElementById('hotspotTag2');\n        if(!dots.length) return;\n        dots.forEach(function(dot){\n          dot.addEventListener('click', function(){\n            var i = parseInt(dot.getAttribute('data-hotspot'),10);\n            var d = hotspotData[i];\n            if(title) title.textContent = d.title;\n            if(text) text.textContent = d.text;\n            if(tag1) tag1.textContent = d.tags[0];\n            if(tag2) tag2.textContent = d.tags[1];\n            dots.forEach(function(other){ other.classList.remove('active'); });\n            dot.classList.add('active');\n          });\n        });\n      }\n\n      function setupBenefitTabs(){\n        var tabs = document.querySelectorAll('.benefit-tab');\n        var image = document.getElementById('benefitImage');\n        var title = document.getElementById('benefitTitle');\n        var text = document.getElementById('benefitText');\n        var points = document.getElementById('benefitPoints');\n        if(!tabs.length || !image || !title || !text || !points) return;\n        function render(i){\n          var d = benefitData[i];\n          image.src = d.image;\n          title.textContent = d.title;\n          text.textContent = d.text;\n          points.innerHTML = d.points.map(function itemRow(item){ return '\u003cdiv class=\"list-item\"\u003e' + item + '\u003c\/div\u003e'; }).join('');\n          tabs.forEach(function(tab){ tab.classList.toggle('active', parseInt(tab.getAttribute('data-benefit'),10) === i); });\n        }\n        tabs.forEach(function(tab){ tab.addEventListener('click', function(){ render(parseInt(tab.getAttribute('data-benefit'),10)); }); });\n        render(0);\n      }\n\n      function setupCompare(){\n        var range = document.getElementById('compareRange');\n        var after = document.getElementById('compareAfter');\n        if(!range || !after) return;\n        function update(){ after.style.width = range.value + '%'; }\n        range.addEventListener('input', update);\n        update();\n      }\n\n      function setupObjectionSheet(){\n        var toggle = document.getElementById('sheetToggle');\n        var sheet = document.getElementById('objectionSheet');\n        var answer = document.getElementById('sheetAnswer');\n        var buttons = document.querySelectorAll('.sheet-btn');\n        if(!toggle || !sheet || !answer) return;\n        toggle.addEventListener('click', function(){\n          sheet.classList.toggle('open');\n          toggle.textContent = sheet.classList.contains('open') ? '×' : '?';\n        });\n        buttons.forEach(function(btn){\n          btn.addEventListener('click', function(){\n            var i = parseInt(btn.getAttribute('data-answer'),10);\n            answer.textContent = objectionAnswers[i];\n            buttons.forEach(function(other){ other.classList.remove('active'); });\n            btn.classList.add('active');\n          });\n        });\n      }\n\n      function setupSwipeStorage(){\n        var range = document.getElementById('compareRange');\n        var current = document.getElementById('swipeCurrent');\n        var saveBtn = document.getElementById('saveSwipeBtn');\n        var note = document.getElementById('swipeSaveNote');\n        var averageEl = document.getElementById('swipeAverage');\n        var lastEl = document.getElementById('swipeLast');\n        var countEl = document.getElementById('swipeCount');\n        var historyEl = document.getElementById('swipeHistory');\n        var reviewEcho = document.getElementById('reviewSwipeEcho');\n        var key = 'mandarin_sky_swipe_scores_v1';\n        if(!range) return;\n\n        function getScores(){\n          try{ return JSON.parse(localStorage.getItem(key) || '[]'); }\n          catch(e){ return []; }\n        }\n\n        function setScores(scores){ localStorage.setItem(key, JSON.stringify(scores)); }\n\n        function render(){\n          var scores = getScores();\n          var avg = scores.length ? Math.round(scores.reduce(function(a,b){ return a + b.value; }, 0) \/ scores.length) : 0;\n          currentSwipeValue = scores.length ? scores[scores.length - 1].value : parseInt(range.value, 10);\n          if(averageEl) averageEl.textContent = avg ? (avg + '\/100') : '0\/100';\n          if(lastEl) lastEl.textContent = scores.length ? (scores[scores.length - 1].value + '\/100') : '—';\n          if(countEl) countEl.textContent = String(scores.length);\n          if(reviewEcho) reviewEcho.textContent = scores.length ? (scores[scores.length - 1].value + '\/100') : '—';\n          if(historyEl){\n            if(!scores.length){\n              historyEl.innerHTML = '\u003cdiv class=\"comment-empty\" style=\"width:100%;\"\u003eTodavía no hay puntuaciones guardadas.\u003c\/div\u003e';\n            } else {\n              historyEl.innerHTML = scores.slice(-10).reverse().map(function(item){ return '\u003cdiv class=\"history-pill\"\u003eSwipe ' + item.value + '\/100\u003c\/div\u003e'; }).join('');\n            }\n          }\n          updateSmartSummary();\n        }\n\n        function syncCurrent(){\n          if(current) current.textContent = 'Tu swipe: ' + range.value + '\/100';\n        }\n\n        range.addEventListener('input', function(){\n          syncCurrent();\n          currentSwipeValue = parseInt(range.value, 10);\n          updateSmartSummary();\n        });\n        syncCurrent();\n        render();\n\n        if(syncConfig.swipesEndpoint){\n          fetchRemoteCollection(syncConfig.swipesEndpoint, ['items','scores','data']).then(function(remote){\n            if(remote){\n              setScores(remote);\n              render();\n              if(note \u0026\u0026 remote.length) note.textContent = 'Puntuaciones sincronizadas desde tu fuente real.';\n            }\n          });\n        }\n\n        if(saveBtn){\n          saveBtn.addEventListener('click', function(){\n            var scores = getScores();\n            var item = { value: parseInt(range.value, 10), created_at: Date.now() };\n            scores.push(item);\n            if(scores.length \u003e 80) scores = scores.slice(scores.length - 80);\n            setScores(scores);\n            render();\n            if(syncConfig.swipesEndpoint){\n              postRemoteItem(syncConfig.swipesEndpoint, item).then(function(ok){\n                if(note) note.textContent = ok ? 'Tu puntuación se guardó y se sincronizó.' : 'Tu puntuación se guardó en este dispositivo.';\n              });\n            } else if(note){\n              note.textContent = 'Tu puntuación se guardó en este dispositivo.';\n            }\n          });\n        }\n      }\n\n      function setupReviewSystem(){\n        var nameEl = document.getElementById('reviewName');\n        var textEl = document.getElementById('reviewText');\n        var note = document.getElementById('reviewNote');\n        var submitBtn = document.getElementById('submitReviewBtn');\n        var stars = document.querySelectorAll('.star-btn');\n        var listEl = document.getElementById('commentList');\n        var averageEl = document.getElementById('reviewAverage');\n        var countEl = document.getElementById('reviewCount');\n        var compareRange = document.getElementById('compareRange');\n        var key = 'mandarin_sky_reviews_v1';\n        var activeStars = 5;\n\n        function getReviews(){\n          try{ return JSON.parse(localStorage.getItem(key) || '[]'); }\n          catch(e){ return []; }\n        }\n\n        function setReviews(reviews){ localStorage.setItem(key, JSON.stringify(reviews)); }\n\n        function renderStars(){\n          stars.forEach(function(btn){\n            var value = parseInt(btn.getAttribute('data-star'), 10);\n            btn.classList.toggle('active', value \u003c= activeStars);\n          });\n        }\n\n        function renderReviews(){\n          var reviews = getReviews();\n          var avg = reviews.length ? (reviews.reduce(function(a,b){ return a + b.rating; }, 0) \/ reviews.length).toFixed(1) : '0.0';\n          currentReviewAverage = parseFloat(avg) || 0;\n          currentReviewCount = reviews.length;\n          if(averageEl) averageEl.textContent = avg + '★';\n          if(countEl) countEl.textContent = String(reviews.length);\n          if(listEl){\n            if(!reviews.length){\n              listEl.innerHTML = '\u003cdiv class=\"comment-empty\"\u003eTodavía no hay comentarios. Sé la primera persona en dejar una experiencia.\u003c\/div\u003e';\n            } else {\n              listEl.innerHTML = reviews.slice().reverse().map(function(item){\n                var starsText = '★★★★★'.slice(0, item.rating) + '☆☆☆☆☆'.slice(0, 5 - item.rating);\n                return '\u003cdiv class=\"comment-card\"\u003e' +\n                  '\u003cdiv class=\"comment-head\"\u003e\u003cdiv\u003e\u003cdiv class=\"comment-name\"\u003e' + item.name + '\u003c\/div\u003e\u003cdiv class=\"comment-meta\"\u003e' + item.date + '\u003c\/div\u003e\u003c\/div\u003e\u003c\/div\u003e' +\n                  '\u003cdiv class=\"comment-stars\"\u003e' + starsText + '\u003c\/div\u003e' +\n                  '\u003cdiv class=\"comment-swipe\"\u003eSwipe: ' + item.swipe + '\/100\u003c\/div\u003e' +\n                  '\u003cp class=\"body\"\u003e' + item.text + '\u003c\/p\u003e' +\n                '\u003c\/div\u003e';\n              }).join('');\n            }\n          }\n          updateSmartSummary();\n        }\n\n        renderStars();\n        renderReviews();\n\n        if(syncConfig.reviewsEndpoint){\n          fetchRemoteCollection(syncConfig.reviewsEndpoint, ['items','reviews','data']).then(function(remote){\n            if(remote){\n              setReviews(remote);\n              renderReviews();\n              if(note \u0026\u0026 remote.length) note.textContent = 'Comentarios sincronizados desde tu fuente real.';\n            }\n          });\n        }\n\n        stars.forEach(function(btn){\n          btn.addEventListener('click', function(){\n            activeStars = parseInt(btn.getAttribute('data-star'), 10);\n            renderStars();\n          });\n        });\n\n        if(submitBtn){\n          submitBtn.addEventListener('click', function(){\n            var name = nameEl \u0026\u0026 nameEl.value ? nameEl.value.trim() : '';\n            var text = textEl \u0026\u0026 textEl.value ? textEl.value.trim() : '';\n            if(!name || !text){\n              if(note) note.textContent = 'Completa tu nombre y tu comentario para guardar la experiencia.';\n              return;\n            }\n            var reviews = getReviews();\n            var now = new Date();\n            var item = {\n              name: name,\n              text: text,\n              rating: activeStars,\n              swipe: compareRange ? parseInt(compareRange.value, 10) : 0,\n              date: now.toLocaleDateString()\n            };\n            reviews.push(item);\n            if(reviews.length \u003e 60) reviews = reviews.slice(reviews.length - 60);\n            setReviews(reviews);\n            if(nameEl) nameEl.value = '';\n            if(textEl) textEl.value = '';\n            activeStars = 5;\n            renderStars();\n            renderReviews();\n            if(syncConfig.reviewsEndpoint){\n              postRemoteItem(syncConfig.reviewsEndpoint, item).then(function(ok){\n                if(note) note.textContent = ok ? 'Tu comentario se guardó y se sincronizó.' : 'Tu comentario se guardó en este dispositivo.';\n              });\n            } else if(note){\n              note.textContent = 'Tu comentario se guardó en este dispositivo.';\n            }\n          });\n        }\n      }\n\n      function setupParallax(){\n        var card = document.getElementById('heroParallaxCard');\n        if(!card || window.innerWidth \u003c 1024 || 'ontouchstart' in window) return;\n        var frame = null;\n        card.addEventListener('mousemove', function(e){\n          if(frame) cancelAnimationFrame(frame);\n          frame = requestAnimationFrame(function(){\n            var r = card.getBoundingClientRect();\n            var x = ((e.clientX - r.left) \/ r.width - 0.5) * 6;\n            var y = ((e.clientY - r.top) \/ r.height - 0.5) * -6;\n            card.style.transform = 'perspective(900px) rotateY(' + x + 'deg) rotateX(' + y + 'deg)';\n          });\n        }, { passive:true });\n        card.addEventListener('mouseleave', function(){ card.style.transform = 'none'; });\n      }\n\n      function setupLightbox(){\n        var overlay = document.getElementById('lightboxOverlay');\n        var image = document.getElementById('lightboxImage');\n        var close = document.getElementById('lightboxClose');\n        if(!overlay || !image || !close) return;\n\n        if(overlay.parentNode !== document.body){\n          document.body.appendChild(overlay);\n        }\n        overlay.style.position = 'fixed';\n        overlay.style.inset = '0';\n\n        function openLightbox(src, alt){\n          image.src = src;\n          image.alt = alt || 'Vista ampliada';\n          overlay.classList.add('open');\n          document.documentElement.style.overflow = 'hidden';\n          document.body.style.overflow = 'hidden';\n        }\n\n        function closeLightbox(){\n          overlay.classList.remove('open');\n          document.documentElement.style.overflow = '';\n          document.body.style.overflow = '';\n        }\n\n        var targets = document.querySelectorAll('.hero-slide img, .switch-image img, .story-card img, .visual-card img, .benefit-stage img, .reel-card img, .pain-card img');\n        targets.forEach(function(img){\n          img.classList.add('lightboxable');\n          img.addEventListener('click', function(){\n            openLightbox(img.src, img.alt);\n          });\n        });\n        close.addEventListener('click', closeLightbox);\n        overlay.addEventListener('click', function(e){ if(e.target === overlay) closeLightbox(); });\n        document.addEventListener('keydown', function(e){ if(e.key === 'Escape') closeLightbox(); });\n      }\n\n\n      function setupMotionVisibility(){\n        var targets = document.querySelectorAll('.info-ribbon, .reels-wrap');\n        if(!targets.length || !('IntersectionObserver' in window)){\n          targets.forEach(function(el){ el.classList.add('motion-live'); });\n          return;\n        }\n        var observer = new IntersectionObserver(function(entries){\n          entries.forEach(function(entry){\n            entry.target.classList.toggle('motion-live', entry.isIntersecting);\n          });\n        }, { threshold: 0.12 });\n        targets.forEach(function(el){ observer.observe(el); });\n      }\n\n\n\n      function setupTopVideoShell(){\n        var shell = document.getElementById('topVideoShell');\n        if(!shell) return;\n        var source = shell.querySelector('source');\n        if(source \u0026\u0026 source.getAttribute('src') \u0026\u0026 source.getAttribute('src').indexOf('URL_') !== 0){\n          shell.classList.remove('empty');\n        }\n      }\n\n      function optimizeMediaLoading(){\n        var imgs = document.querySelectorAll('img');\n        imgs.forEach(function(img, idx){\n          if(idx === 0){\n            img.setAttribute('loading','eager');\n            img.setAttribute('fetchpriority','high');\n            img.setAttribute('decoding','sync');\n            return;\n          }\n          if(idx \u003e 2 \u0026\u0026 !img.hasAttribute('loading')) img.setAttribute('loading','lazy');\n          if(!img.hasAttribute('decoding')) img.setAttribute('decoding','async');\n        });\n      }\n\n      function scheduleNonCritical(){\n        var early = function(){\n          setupLightbox();\n        };\n        var late = function(){\n          setupSwipeStorage();\n          setupReviewSystem();\n        };\n        if('requestIdleCallback' in window){\n          requestIdleCallback(early, { timeout: 700 });\n          requestIdleCallback(late, { timeout: 1500 });\n        } else {\n          setTimeout(early, 240);\n          setTimeout(late, 780);\n        }\n      }\n\n      function init(){\n        setupMotionMode();\n        setupTopVideoShell();\n      optimizeMediaLoading();\n        bindButton('cta-hero','feedback-hero');\n        bindButton('cta-final','feedback-final');\n        bindButton('cta-summary','feedback-summary');\n        bindButton('sticky-buy-btn',null);\n        setupReveal();\n        setupFaq();\n        setupStickyLabel();\n        setupSlider();\n        setupHeroAutoplay();\n        setupVibeSwitch();\n        setupHotspots();\n        setupBenefitTabs();\n        setupCompare();\n        setupMotionVisibility();\n        setupObjectionSheet();\n        setupParallax();\n        scheduleNonCritical();\n      }\n\n      window.addEventListener('resize', function(){\n        if(window.__motionResizeRAF) cancelAnimationFrame(window.__motionResizeRAF);\n        window.__motionResizeRAF = requestAnimationFrame(setupMotionMode);\n      }, { passive:true });\n\n      if(document.readyState === 'loading') document.addEventListener('DOMContentLoaded', init);\n      else init();\n    })();\n  \u003c\/script\u003e\n\u003c\/div\u003e","brand":"Tienda Ecuador","offers":[{"title":"Default Title","offer_id":43755200872513,"sku":"Odyssey Mandarin Sky Armaf-3","price":33.9,"currency_code":"USD","in_stock":true}],"thumbnail_url":"\/\/cdn.shopify.com\/s\/files\/1\/0709\/1391\/6993\/files\/freepik_closeup-luxury-editorial-_2755342282.png?v=1775810453","url":"https:\/\/valmont.space\/products\/odyssey-mandarin-sky-armaf","provider":"Tienda Ecuador","version":"1.0","type":"link"}