/* Brand depth refinement. Native CSS; existing content and interaction preserved.
   Design variance 7 / motion intensity 3 / visual density 5. */
:root{--copper:#ff984f;--copper-line:#704629;--panel:#191b1c}
body{background:#0d0f10}
.topbar{background:linear-gradient(90deg,#111415,#2b2119 50%,#111415);border-bottom-color:#56402c}
.hero{position:relative;isolation:isolate;gap:48px}
.hero::before{content:"";position:absolute;inset:12px 0 0;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 85% 48%,#ac571f24,transparent 55%),linear-gradient(90deg,#0d0f10 5%,transparent 60%),repeating-linear-gradient(0deg,transparent 0 63px,#ffffff05 63px 64px),repeating-linear-gradient(90deg,transparent 0 63px,#ffffff05 63px 64px);mask-image:linear-gradient(180deg,transparent,#000 12%,#000 85%,transparent)}
.hero h1{font-weight:800}
.hero h1 span.highlight-orange,.hero h1 span.highlight-green{color:#ffa660}




.badge-tag{padding:8px 12px;background:linear-gradient(110deg,#4e321e66,#19191999);border:1px solid #9d6a373f;border-radius:6px;color:#e6c4a4;width:fit-content}
.btn-cta{background:linear-gradient(180deg,#ffba73,#ff974a 64%,#ee8134);border-color:#ffba78;box-shadow:inset 0 1px #ffe5bd,0 4px 0 #90451c,0 10px 28px #e5762029;border-radius:10px}
.btn-cta:hover{background:linear-gradient(180deg,#ffd095,#ffaa60);box-shadow:inset 0 1px #fff0d8,0 4px 0 #90451c,0 12px 32px #e5762042}
.purchase-assurance{position:relative;background:linear-gradient(90deg,#111415,#1e201e,#111415);padding:22px 24px;border-block:1px solid #ffffff12}
.purchase-assurance::before{content:"";height:1px;position:absolute;top:-1px;left:15%;right:15%;background:linear-gradient(90deg,transparent,#bd834d,transparent)}
.trust-badges li{color:#d0d4ce}
section{position:relative}
.section-dark{background:linear-gradient(135deg,#171a1b,#111314);border-block:1px solid #ffffff08}
section h2::after{content:"";display:block;width:56px;height:3px;margin:22px auto 0;background:linear-gradient(90deg,#ff984f,#865035);border-radius:2px}
.comparison-section{background:radial-gradient(ellipse at 50% 0,#84532814,transparent 55%),#0d0f10;padding-top:70px}
.comparison-tabs{width:fit-content;padding:6px;border:1px solid #ffffff15;border-radius:12px;background:#080b0c;box-shadow:inset 0 2px 6px #0008}
.comparison-tabs button{border-color:transparent;color:#b7bfc2}
.comparison-tabs button[aria-selected=true],.viewer-tab-btn.active{background:linear-gradient(180deg,#3d3023,#241f1a);border-color:#ab7645;color:#ffc58c;box-shadow:inset 0 1px #ffdfb121,0 3px 10px #0005}
.comparison-pair{gap:26px}
.comparison-pair figure{padding:8px;background:linear-gradient(145deg,#282c2f,#16191b);border:1px solid #42494b;border-radius:16px;box-shadow:0 18px 40px #0004}
.comparison-pair figure:last-child{border-color:#537256;background:linear-gradient(145deg,#26382c,#161b18);box-shadow:0 18px 40px #0004,0 0 30px #76b15e09}
.comparison-pair figcaption{padding:10px 10px 16px;margin:0;display:flex;align-items:center;gap:12px}
.comparison-pair figcaption strong{padding:4px 10px;background:#ffffff0b;border-radius:5px;font-size:13px}
.comparison-pair figure:last-child figcaption strong{background:#71b57720;color:#b0e49d}
.chart-enlarge{border:1px solid #ffffff12;border-radius:9px;background:#080a0c}
.chart-enlarge span{background:#ffffff05;color:#c7cdcf}
.symptoms{gap:12px}
.sym{background:linear-gradient(130deg,#252729,#191b1c);border:1px solid #ffffff13;border-radius:12px;padding:22px;box-shadow:inset 0 1px #ffffff04;position:relative}
.sym::before{content:"";position:absolute;top:24px;bottom:24px;left:0;width:2px;background:#c57b43;opacity:.55}
.sym:hover{background:#292724;border-color:#926341}
.sym.on{background:linear-gradient(130deg,#423023,#211d19);border-color:#a87548}
.mini-guarantee{padding:22px 26px;background:#64845d0e;border:1px solid #789b582e;border-left:3px solid #899e69;border-radius:8px}
.viewer-card-container{padding:22px;background:linear-gradient(150deg,#262a2c,#121618);border:1px solid #454b4d;border-radius:18px;box-shadow:0 24px 60px #0004,inset 0 1px #ffffff0a}
.viewer-tabs-wrapper{margin:0 0 26px;border-bottom:1px solid #ffffff10;padding-bottom:8px}
.viewer-tab-btn{background:#0d1113;border-color:#ffffff15}
.viewer-image-box{padding:7px;background:#090d0f;border:1px solid #435057;box-shadow:0 10px 22px #0004}
.viewer-image-tag{padding:12px 7px 5px;color:#aabbbf}
.meta-chip{background:#ffffff06;border:1px solid #ffffff0e;border-radius:4px;padding:5px 8px;margin-bottom:4px}
.viewer-rule-box,.viewer-stop-box{padding:16px;background:#75ad6410;border:1px solid #75ad6425;border-left:3px solid #77a86c;border-radius:6px}
.viewer-stop-box{background:#cb74630b;border-color:#ad746225;border-left-color:#b87668}
.platform-section{background:radial-gradient(ellipse at 50% 50%,#3f655619,transparent 65%),linear-gradient(135deg,#171a1b,#111314)}
.platform-grid figure{padding:14px;background:linear-gradient(155deg,#2d3335,#171b1d);border:1px solid #6d8d853d;border-radius:18px;box-shadow:0 16px 36px #0004,inset 0 1px #ffffff09;transition:transform .2s ease,border-color .2s ease}
.platform-grid figure:hover{transform:translateY(-4px);border-color:#8fb999}
.platform-grid img{width:100%;max-width:none;border-radius:12px}
.platform-grid figcaption{padding:8px 4px 2px}
.platform-development{padding:20px 24px;background:repeating-linear-gradient(135deg,#ffffff03 0 1px,transparent 1px 9px),#141718;border:1px dashed #a57b4d66;border-radius:14px}
#oferta{background:radial-gradient(ellipse at 50% 40%,#aa582023,transparent 70%),#0d0f10}
.offer-box{position:relative;isolation:isolate;background:linear-gradient(140deg,#30281f,#191b1c 35%,#1c1c1a 80%,#35271b);border:1px solid #ad7846;border-radius:22px;box-shadow:0 30px 80px #0008,inset 0 1px #ffddb64d}
.offer-box::before{content:"";position:absolute;top:-1px;left:20%;right:20%;height:3px;background:linear-gradient(90deg,transparent,#ffc17b,transparent);box-shadow:0 0 24px #ffac5855;pointer-events:none}
.ribbon-special{display:table;max-width:100%;margin:0 auto 24px;padding:9px 16px;border:1px solid #b07a433d;background:#c27a2820;color:#ffd19e;border-radius:6px}
.pills-stack{gap:10px}
.pill,.pill.bonus{padding:14px;border:1px solid #ffffff0c;border-radius:8px;background:#ffffff03}
.pill.featured{background:#d38a3920;border:1px solid #d38a3940}
.pill .icon-tool{flex:none}
.pill.bonus{background:#7d976011;border-color:#91a66a25}
.price-wrap{border-top:1px solid #b9916140;padding-top:32px}
.price-big{color:#ffe0b7;text-shadow:0 4px 25px #dc863422}
.opt-card.good,.opt-card.bad{padding:28px;border:1px solid #657a572f;border-radius:14px;background:linear-gradient(140deg,#283022,#171c18)}
.opt-card.bad{background:linear-gradient(140deg,#2b2220,#1b1716);border-color:#9c675035}
.bio-box{padding:32px;border:1px solid #ffffff17;border-radius:18px;background:linear-gradient(120deg,#272521,#151a1c);box-shadow:0 22px 45px #0003}
.bio-pic{border:1px solid #b5885b;box-shadow:8px 8px 0 #b5885b17;padding:4px;background:#101415}
.bio-chips span{padding:5px 8px;background:#ffffff05;border:1px solid #ffffff0e;border-radius:4px;font-size:11px}
.proof-card{box-shadow:0 12px 24px #0004;border-color:#60605a60}
.proof-card-header,.proof-card-footer{background:linear-gradient(120deg,#292b26,#191d1c)}
.guarantee-badge{width:100px;height:100px;display:flex;align-items:center;justify-content:center;border:1px solid #ac965d88;border-radius:50%;background:radial-gradient(circle,#9e88482b,#252a21);box-shadow:0 0 0 8px #a38a4310,0 0 0 9px #a38a4321,0 12px 40px #0006;margin:0 auto 32px}
.faq-list{gap:10px}.faq-item{border:1px solid #ffffff14;border-radius:10px;background:#ffffff03;margin-bottom:10px;padding:0 20px}.faq-item[open]{border-color:#ac784753;background:linear-gradient(120deg,#33281c55,#1b1e1f)}
.sticky-bar{background:linear-gradient(110deg,#212322,#171a1b);border-top-color:#b5804755;box-shadow:0 -8px 32px #0005}
@media(min-width:1024px){.symptoms .sym:last-child{max-width:none}}
@media(max-width:767px){
 .hero{gap:0;padding-top:26px;padding-bottom:30px}.hero h1{margin:18px 0}.badge-tag{font-size:10px;padding:6px 9px}.hero::before{inset:0}
 .purchase-assurance{padding:20px 0}.comparison-section{padding-top:52px}section h2::after{margin-top:18px;width:44px}
 .comparison-tabs{width:100%;padding:5px;gap:5px}.comparison-tabs button{font-size:11px;padding:10px 5px}.comparison-pair figure{padding:6px;border-radius:12px}.comparison-pair figcaption{font-size:12px;padding:7px 7px 12px}
 .symptoms{gap:10px}.sym{padding:20px}.mini-guarantee{padding:20px}.viewer-card-container{padding:14px;border-radius:14px}.viewer-panel.active{gap:20px}.viewer-tabs-wrapper{margin-bottom:20px}.viewer-rule-box,.viewer-stop-box{padding:14px}
 .platform-grid{gap:12px}.platform-grid figure{padding:8px;border-radius:12px}.platform-grid figcaption{font-size:11px;padding:4px 1px}.platform-grid figcaption strong{font-size:13px}.platform-development{padding:16px;gap:14px}.platform-development img{width:86px}
 .offer-box{padding:26px 16px;border-radius:16px}.ribbon-special{padding:8px;font-size:10px}.pill,.pill.bonus{padding:12px;font-size:13px}.opt-card.good,.opt-card.bad{padding:22px}.bio-box{padding:22px 18px}.bio-chips{gap:6px}.faq-item{padding:0 16px}
}
@media(prefers-reduced-motion:reduce){.platform-grid figure,.btn-cta{transition:none}.platform-grid figure:hover,.btn-cta:hover{transform:none}}