*{margin:0;padding:0;box-sizing:border-box}
:root{
  --ivory:#FAF7F2; --cream:#F1EBE1; --paper:#FFFFFF;
  --ink:#23203A; --ink5:#6A657E; --ink3:#A39DB2;
  --violet:#8B5CF6; --indigo:#6D6AF8; --lav:#EFE9FF; --teal:#4FD1C5;
  --hair:rgba(35,32,58,.1);
  --grad:linear-gradient(135deg,#8B5CF6,#6D6AF8);
  --serif:'Lora',Georgia,serif;
  --sans:'Poppins',-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;
  --ok:#16A34A; --okbg:#EBF6EE; --warn:#C77414; --warnbg:#FBF3E4; --bad:#B4372F; --badbg:#F9ECEA;
  --sh-1:0 8px 22px rgba(35,32,58,.08);
  --sh-2:0 18px 44px rgba(35,32,58,.14);
  --sh-3:0 34px 90px rgba(35,32,58,.18);
}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--ivory);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--violet);text-decoration:none}
.wrap{max-width:1180px;margin:0 auto;padding:0 22px}
.skip{position:absolute;left:-9999px;top:0;background:var(--ink);color:#fff;padding:10px 18px;border-radius:0 0 10px 0;z-index:200}
.skip:focus{left:0}
:focus-visible{outline:2.5px solid var(--violet);outline-offset:3px;border-radius:4px}
.ic{stroke:currentColor;stroke-width:1.6;fill:none;stroke-linecap:round;stroke-linejoin:round}

@media (prefers-reduced-motion: no-preference){
  .js .reveal{opacity:0;transform:translateY(18px);transition:opacity .7s cubic-bezier(.22,.61,.36,1),transform .7s cubic-bezier(.22,.61,.36,1);transition-delay:var(--rd,0ms)}
  .js .reveal.in{opacity:1;transform:none}
}

.announce{background:var(--ink);color:#EFEAF6;text-align:center;font-size:12px;font-weight:500;letter-spacing:.3px;padding:9px 14px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.announce b{color:#fff;font-weight:600}
.announce em{font-style:normal;color:#C9B8FA}
.ann-sm{display:none}
@media (max-width:640px){.ann-lg{display:none}.ann-sm{display:inline}}

.site-header{position:sticky;top:0;z-index:100;background:rgba(250,247,242,.92);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--hair)}
.nav{max-width:1180px;margin:0 auto;height:72px;display:flex;align-items:center;gap:32px;padding:0 22px}
.logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:19px;letter-spacing:-.2px;color:var(--ink)}
.logo img{width:30px;height:30px;object-fit:contain}
.nav-links{display:flex;gap:30px;list-style:none;margin-left:10px}
.nav-links a{color:var(--ink5);font-size:14px;font-weight:500;transition:color .2s}
.nav-links a:hover{color:var(--violet)}
.nav-right{margin-left:auto;display:flex;align-items:center;gap:16px}
.lang-link{font-size:13px;font-weight:600;color:var(--ink5);letter-spacing:.4px}
.lang-link:hover{color:var(--violet)}
.btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;background:var(--grad);color:#fff;font-weight:600;font-size:14px;padding:12px 24px;border-radius:99px;letter-spacing:.2px;box-shadow:0 10px 26px rgba(109,106,248,.25);transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s}
.btn:hover{transform:translateY(-2px);box-shadow:0 14px 32px rgba(109,106,248,.35)}
.burger{display:none;background:none;border:0;cursor:pointer;padding:10px;margin-right:-10px}
.burger span{display:block;width:22px;height:2px;background:var(--ink);border-radius:2px;transition:transform .3s,opacity .3s}
.burger span+span{margin-top:5px}
.menu-open .burger span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.menu-open .burger span:nth-child(2){opacity:0}
.menu-open .burger span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-menu{display:none;background:var(--ivory);border-bottom:1px solid var(--hair);padding:10px 22px 24px}
.menu-open .mobile-menu{display:block}
.mobile-menu a{display:block;padding:13px 4px;font-size:16px;font-weight:500;color:var(--ink);border-bottom:1px solid var(--hair)}
.mobile-menu .lang-row{padding:16px 4px 0;font-size:14px;font-weight:600;color:var(--ink5)}

.hero{position:relative;padding:64px 0 84px;overflow:hidden}
.hero .wash{position:absolute;width:900px;height:900px;right:-240px;top:-320px;background:radial-gradient(circle,rgba(139,92,246,.07),transparent 62%);pointer-events:none}
.hero-grid{position:relative;display:flex;gap:64px;align-items:center}
.hero-copy{flex:1;min-width:0}
.kicker{display:flex;align-items:center;gap:10px;font-size:11.5px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--ink5)}
.kicker::before{content:'';width:34px;height:1px;background:var(--ink3);flex:none}
h1{font-family:var(--serif);font-weight:400;font-size:clamp(38px,5vw,72px);line-height:1.06;letter-spacing:-1.2px;margin:26px 0 0}
h1 em{font-style:italic;color:var(--violet)}
.hero-sub{font-size:16px;line-height:1.7;color:var(--ink5);margin:24px 0 0;max-width:470px}
.hero-sub b{color:var(--ink);font-weight:600}
.stores{display:flex;gap:12px;margin:32px 0 0;flex-wrap:wrap}
.badge{display:inline-flex;align-items:center;gap:10px;background:var(--ink);color:#fff;border-radius:13px;padding:11px 19px;transition:transform .25s cubic-bezier(.22,.61,.36,1),box-shadow .25s;box-shadow:var(--sh-1)}
.badge:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.badge svg{width:22px;height:22px;flex:none}
.badge .t{line-height:1.15}
.badge .t span{display:block;font-size:9.5px;letter-spacing:.7px;opacity:.7;font-weight:500;text-transform:uppercase}
.badge .t strong{font-size:15.5px;font-weight:600;letter-spacing:-.1px}
.proofline{display:flex;align-items:center;gap:18px;margin:28px 0 0;font-size:13px;color:var(--ink5);font-weight:500;flex-wrap:wrap}
.proofline .r{display:flex;align-items:center;gap:8px}
.proofline .r b{color:var(--ink);font-weight:600}
.stars{color:#C89B3C;letter-spacing:1.5px;font-size:13px}
.proofline .d{width:1px;height:16px;background:var(--hair)}

.hero-visual{flex:none;width:520px;height:640px;position:relative}
.echo{position:absolute;inset:-16px -16px 16px 16px;border:1.5px solid rgba(139,92,246,.35);border-radius:32px}
.hero .spark{position:absolute;color:var(--violet);z-index:4;line-height:1}
.photo{position:absolute;inset:0;border-radius:26px;overflow:hidden;box-shadow:var(--sh-3)}
.photo img{width:100%;height:100%;object-fit:cover;object-position:50% 22%}
.photo::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,rgba(35,32,58,0) 70%,rgba(35,32,58,.16) 100%)}
@media (prefers-reduced-motion: no-preference){
  .photo img{animation:heroZoom 1.4s cubic-bezier(.22,.61,.36,1) both}
  @keyframes heroZoom{from{transform:scale(1.035)}to{transform:scale(1)}}
}
.scanzone{position:absolute;left:10%;right:10%;top:8%;height:56%;z-index:2;pointer-events:none}
.cnr{position:absolute;width:30px;height:30px;border:1.5px solid rgba(255,255,255,.95)}
.cnr.tl{left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:10px}
.cnr.tr{right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:10px}
.cnr.bl{left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:10px}
.cnr.br{right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:10px}
.scanline{position:absolute;left:4%;right:4%;top:64%;height:1.5px;background:linear-gradient(90deg,transparent,rgba(126,226,212,.9) 20%,rgba(126,226,212,.9) 80%,transparent);box-shadow:0 0 14px rgba(126,226,212,.55);opacity:.5}
@media (prefers-reduced-motion: no-preference){
  .scanline{animation:scanSweep 8s ease-in-out infinite}
  @keyframes scanSweep{0%,100%{top:8%;opacity:.2}50%{top:88%;opacity:.92}}
}
.mk{position:absolute;z-index:3;display:flex;align-items:center;gap:9px}
.mk .dot{width:9px;height:9px;border-radius:50%;background:#fff;box-shadow:0 0 0 5px rgba(255,255,255,.3);flex:none}
.mk .tag{background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-radius:99px;padding:8px 14px;font-size:11.5px;font-weight:600;color:var(--ink);box-shadow:var(--sh-1);white-space:nowrap}
.mk .tag i{font-style:normal;color:var(--violet);font-weight:700;margin-left:5px}
.mk.rev{flex-direction:row-reverse}
.status{position:absolute;left:20px;top:20px;z-index:3;display:inline-flex;align-items:center;gap:8px;background:rgba(35,32,58,.5);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.25);border-radius:99px;padding:8px 15px;font-size:10.5px;font-weight:600;letter-spacing:1.4px;text-transform:uppercase;color:#fff}
.status .pt{width:7px;height:7px;border-radius:50%;background:#7EE2D4}
@media (prefers-reduced-motion: no-preference){.status .pt{animation:pulse 2.4s ease-in-out infinite}@keyframes pulse{0%,100%{opacity:1}50%{opacity:.4}}}
.resultcard{position:absolute;left:20px;right:20px;bottom:20px;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(14px);border-radius:18px;padding:15px 18px;display:flex;align-items:center;gap:13px;box-shadow:var(--sh-2)}
.ring{width:44px;height:44px;border-radius:50%;background:conic-gradient(var(--violet) 0 86%,#EDE8E0 86% 100%);display:flex;align-items:center;justify-content:center;flex:none}
.ring i{width:33px;height:33px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-style:normal;font-weight:700;font-size:12px;color:var(--violet)}
.resultcard b{display:block;font-size:12.5px;font-weight:600}
.resultcard span{font-size:11px;color:var(--ink5)}
.resultcard .go{margin-left:auto;font-size:12px;font-weight:600;color:var(--violet);white-space:nowrap}

.ticker{border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);background:var(--cream);padding:14px 0;overflow:hidden}
.ticker .track{display:flex;width:max-content;white-space:nowrap}
@media (prefers-reduced-motion: no-preference){
  .ticker .track{animation:tick 46s linear infinite}
  .ticker:hover .track{animation-play-state:paused}
  @keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
}
.ticker span{font-size:11.5px;font-weight:600;letter-spacing:2.6px;text-transform:uppercase;color:var(--ink5)}
.ticker em{font-style:normal;color:var(--violet);margin:0 22px}

section{padding:96px 0}
.sec-kicker{font-size:11.5px;font-weight:600;letter-spacing:2.4px;text-transform:uppercase;color:var(--ink5);text-align:center}
.sec-title{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.8px;text-align:center;margin:16px 0 0;line-height:1.14}
.sec-title em{font-style:italic;color:var(--violet)}
.sec-sub{text-align:center;color:var(--ink5);font-size:15px;margin:16px auto 0;max-width:520px;line-height:1.7}

.steps{display:flex;gap:0;margin-top:60px;border-top:1px solid var(--hair)}
.step{flex:1;padding:36px 32px 8px}
.step+.step{border-left:1px solid var(--hair)}
.step .n{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--ink3)}
.step .ico{margin:18px 0 15px;color:var(--ink)}
.step .ico svg{width:30px;height:30px;stroke-width:1.4}
.step h3{font-family:var(--serif);font-weight:500;font-size:21px;letter-spacing:-.2px}
.step p{font-size:13.5px;color:var(--ink5);line-height:1.7;margin-top:10px}

.feature{display:flex;align-items:center;gap:72px;padding:54px 0}
.feature.rev{flex-direction:row-reverse}
.f-visual{flex:none;width:440px;display:flex;justify-content:center;position:relative;padding:34px 0 46px}
.f-visual .bed{position:absolute;inset:20px -10px;background:var(--cream);border-radius:26px;z-index:0}
.f-visual .bed.arch{border-radius:220px 220px 26px 26px}
.f-visual .ghostn{position:absolute;top:-30px;left:-14px;font-family:var(--serif);font-style:italic;font-size:150px;line-height:1;color:rgba(35,32,58,.07);z-index:1;font-weight:400;pointer-events:none}
.feature.rev .f-visual .ghostn{left:auto;right:-14px}
.f-visual img{position:relative;width:300px;z-index:2;filter:drop-shadow(0 22px 38px rgba(35,32,58,.2))}
.f-visual .fcap{position:absolute;bottom:8px;left:50%;transform:translateX(-50%);font-size:9.5px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ink3);white-space:nowrap;z-index:2}
.fchip{position:absolute;z-index:3;background:rgba(255,255,255,.94);backdrop-filter:blur(12px);border-radius:99px;padding:9px 15px;font-size:11.5px;font-weight:600;color:var(--ink);box-shadow:var(--sh-1);white-space:nowrap;display:flex;align-items:center;gap:8px}
.fchip .pt{width:8px;height:8px;border-radius:50%;flex:none}
.f-copy{flex:1;min-width:0}
.f-copy h3{font-family:var(--serif);font-weight:400;font-size:clamp(26px,3vw,38px);letter-spacing:-.6px;line-height:1.14;margin:18px 0 0}
.f-copy h3 em{font-style:italic;color:var(--violet)}
.f-copy p{font-size:15px;line-height:1.75;color:var(--ink5);margin:18px 0 0;max-width:440px}
.f-copy p b{color:var(--ink);font-weight:600}
.f-list{margin:24px 0 0;display:flex;flex-direction:column;gap:12px;list-style:none}
.f-list li{display:flex;gap:12px;align-items:flex-start;font-size:13.5px;color:var(--ink5);line-height:1.55}
.f-list svg{flex:none;width:18px;height:18px;stroke-width:1.8;margin-top:2px;color:var(--violet)}
.f-list b{color:var(--ink);font-weight:600}
.verdicts{display:flex;gap:8px;margin:24px 0 0;flex-wrap:wrap}
.v{border-radius:10px;padding:9px 14px;font-size:12px;font-weight:600;letter-spacing:.2px}
.v.ok{background:var(--okbg);color:var(--ok)}
.v.warn{background:var(--warnbg);color:var(--warn)}
.v.bad{background:var(--badbg);color:var(--bad)}

.edit-band{background:var(--cream);padding:96px 0;overflow:hidden}
.edit-grid{display:flex;gap:64px;align-items:center}
.edit-copy{flex:1}
.edit-copy h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.4vw,44px);letter-spacing:-.8px;line-height:1.16}
.edit-copy h2 em{font-style:italic;color:var(--violet)}
.edit-copy p{font-size:15px;color:var(--ink5);line-height:1.75;margin:18px 0 0;max-width:400px}
.ghostlink{display:inline-flex;align-items:center;gap:8px;margin-top:24px;font-size:13px;font-weight:600;letter-spacing:1.6px;text-transform:uppercase;color:var(--ink);border-bottom:1.5px solid var(--ink);padding-bottom:4px;transition:color .2s,border-color .2s}
.ghostlink:hover{color:var(--violet);border-color:var(--violet)}
.mosaic{flex:none;width:560px;display:flex;gap:16px;align-items:flex-start}
.mosaic .col{flex:1;display:flex;flex-direction:column;gap:16px}
.mosaic img{width:100%;border-radius:18px;object-fit:cover;box-shadow:var(--sh-1)}
.mosaic .col.up{margin-top:-34px}

.night{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#2A1E52 0%,#1A1235 55%,#140E2B 100%);color:#F3F0FF;padding:104px 0}
.night .glowt{position:absolute;width:700px;height:700px;right:-200px;bottom:-320px;background:radial-gradient(circle,rgba(79,209,197,.12),transparent 60%)}
.night .glowv{position:absolute;width:700px;height:700px;left:-220px;top:-260px;background:radial-gradient(circle,rgba(139,92,246,.2),transparent 60%)}
.night .star{position:absolute;width:2px;height:2px;border-radius:50%;background:#CBBDF6;opacity:.8}
@media (prefers-reduced-motion: no-preference){.night .star{animation:tw 4s ease-in-out infinite}.night .star:nth-child(odd){animation-delay:2s}@keyframes tw{0%,100%{opacity:.35}50%{opacity:1}}}
.night .wm{position:absolute;right:-60px;bottom:-80px;width:420px;opacity:.05;pointer-events:none}
.night .sec-kicker{color:#8F85BC}
.night h2{font-family:var(--serif);font-weight:400;font-size:clamp(30px,3.6vw,46px);letter-spacing:-.8px;text-align:center;line-height:1.16;position:relative;margin-top:16px}
.night h2 em{font-style:italic;color:#7EE2D4}
.night .lead{text-align:center;color:#B7AEDC;font-size:15px;max-width:600px;margin:20px auto 0;line-height:1.75;position:relative}
.pillars{display:flex;gap:0;margin-top:60px;position:relative;border-top:1px solid rgba(255,255,255,.14)}
.pillar{flex:1;padding:34px 32px 0}
.pillar+.pillar{border-left:1px solid rgba(255,255,255,.14)}
.pillar .ico{color:#C9B8FA;margin-bottom:15px}
.pillar .ico svg{width:26px;height:26px;stroke-width:1.4}
.pillar h3{font-family:var(--serif);font-weight:500;font-size:19px;letter-spacing:-.2px}
.pillar p{font-size:13px;color:#B7AEDC;line-height:1.7;margin-top:9px}

.tests{display:flex;gap:0;margin-top:60px;border-top:1px solid var(--hair)}
.test{flex:1;padding:38px 34px 0}
.test+.test{border-left:1px solid var(--hair)}
.test .qm{font-family:var(--serif);font-size:64px;line-height:.6;color:rgba(139,92,246,.3);display:block;margin:14px 0 2px}
.test p{font-family:var(--serif);font-style:italic;font-size:16px;line-height:1.65;color:var(--ink);margin:16px 0 0}
.test footer{margin-top:18px;font-size:12px;color:var(--ink3);font-weight:500;letter-spacing:.8px;text-transform:uppercase;display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.test footer b{color:var(--ink);font-weight:600;letter-spacing:.2px;text-transform:none;font-size:13.5px;display:block;width:100%;margin-bottom:2px}
.vpill{display:inline-flex;align-items:center;gap:5px;background:var(--okbg);color:var(--ok);border-radius:99px;padding:4px 10px;font-size:10px;font-weight:600;letter-spacing:.6px}

.plans{display:flex;gap:26px;margin-top:56px;justify-content:center}
.plan{width:400px;max-width:100%;background:var(--paper);border:1px solid var(--hair);border-radius:22px;padding:38px 34px;position:relative;box-shadow:var(--sh-1)}
.plan.pro{background:var(--ink);color:#F4F1FA;border-color:var(--ink);box-shadow:var(--sh-3)}
.plan .flag{position:absolute;top:-14px;left:34px;background:var(--grad);color:#fff;font-size:10.5px;font-weight:600;letter-spacing:1.2px;border-radius:99px;padding:7px 16px;text-transform:uppercase}
.plan h3{font-size:12px;font-weight:600;letter-spacing:2px;text-transform:uppercase;color:var(--ink3);font-family:var(--sans)}
.plan.pro h3{color:#B9A3F7}
.plan .price{margin:16px 0 4px;display:flex;align-items:baseline;gap:8px}
.plan .price b{font-family:var(--serif);font-size:44px;font-weight:500;letter-spacing:-1px}
.plan .price span{font-size:13px;color:var(--ink5);font-weight:500}
.plan.pro .price span{color:#9F94CC}
.plan .permo{font-size:12.5px;color:var(--ink3);font-weight:500}
.plan.pro .permo{color:#9F94CC}
.plan ul{list-style:none;margin:26px 0 0;display:flex;flex-direction:column;gap:13px}
.plan li{display:flex;gap:11px;font-size:13.5px;line-height:1.5;color:var(--ink5)}
.plan.pro li{color:#C9C2E8}
.plan li b{color:var(--ink);font-weight:600}
.plan.pro li b{color:#fff}
.plan li svg{flex:none;width:17px;height:17px;stroke-width:2;margin-top:2px;color:var(--ok)}
.plan.pro li svg{color:#7EE2D4}
.plan li.no{opacity:.45}
.plan .cta{display:flex;align-items:center;justify-content:center;height:52px;border-radius:99px;font-weight:600;font-size:14.5px;margin-top:30px;transition:transform .25s,box-shadow .25s}
.plan .cta:hover{transform:translateY(-2px)}
.plan .cta.sec{border:1.5px solid var(--hair);color:var(--ink)}
.plan .cta.pri{background:var(--grad);color:#fff;box-shadow:0 14px 30px rgba(109,106,248,.35)}
.cancel-note{text-align:center;font-size:12.5px;color:var(--ink3);margin-top:26px;font-weight:500;padding:0 22px}

.faq{max-width:780px;margin:52px auto 0;border-top:1px solid var(--hair)}
.q{border-bottom:1px solid var(--hair)}
.q button{all:unset;display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;padding:23px 10px;cursor:pointer;box-sizing:border-box;border-radius:10px;transition:background .18s ease}
.q button:hover{background:rgba(139,92,246,.05)}
.q button:hover .q-t{color:var(--violet)}
.q .q-t{font-family:var(--serif);font-weight:500;font-size:17px;letter-spacing:-.1px;transition:color .2s}
.q .pm{flex:none;font-size:22px;color:var(--ink3);font-weight:300;transition:transform .3s,color .3s;line-height:1}
.q[data-open] .pm{transform:rotate(45deg);color:var(--violet)}
.q .a{overflow:hidden;max-height:0;transition:max-height .4s cubic-bezier(.22,.61,.36,1)}
.q .a p{font-size:14px;color:var(--ink5);line-height:1.75;padding:0 6px 22px;max-width:640px}

.final{position:relative;overflow:hidden;background:radial-gradient(120% 90% at 50% -10%,#2A1E52 0%,#1A1235 55%,#140E2B 100%);padding:92px 0;color:#fff;text-align:center}
.final .glow{position:absolute;width:820px;height:820px;left:50%;top:-480px;transform:translateX(-50%);background:radial-gradient(circle,rgba(139,92,246,.28),transparent 62%)}
.final .glow2{position:absolute;width:600px;height:600px;right:-200px;bottom:-380px;background:radial-gradient(circle,rgba(79,209,197,.14),transparent 60%)}
.final .sec-kicker{color:#8F85BC;position:relative}
.final h2{position:relative;font-family:var(--serif);font-weight:400;font-size:clamp(34px,4.2vw,54px);letter-spacing:-.8px;line-height:1.1;margin-top:18px}
.final h2 em{font-style:italic;color:#C9B8FA}
.final p{position:relative;font-size:15px;color:#B7AEDC;margin:18px auto 0;max-width:480px;line-height:1.7}
.final .stores{justify-content:center;position:relative;margin-top:34px}
.final .badge{background:#fff;color:var(--ink)}
.final .badge svg{fill:var(--ink)}
.final .pricenote{position:relative;margin-top:16px;font-size:12.5px;color:#9F94CC;font-weight:500}
.final .mini{position:relative;margin-top:24px;font-size:10.5px;font-weight:600;color:#8F85BC;letter-spacing:2px;text-transform:uppercase}
.final .mini em{font-style:normal;color:#7C5CE0;margin:0 12px}

.site-footer{background:var(--ivory);border-top:1px solid var(--hair);padding:64px 0 36px;color:var(--ink5)}
.site-footer .tagline{font-family:var(--serif);font-weight:400;font-size:clamp(24px,2.8vw,34px);letter-spacing:-.5px;color:var(--ink);margin-bottom:48px}
.site-footer .tagline em{font-style:italic;color:var(--violet)}
.f-cols{display:flex;gap:72px;flex-wrap:wrap}
.f-brand{width:320px}
.f-brand p{font-size:13px;line-height:1.7;margin-top:14px}
.f-cols h2{color:var(--ink);font-size:11.5px;font-weight:600;letter-spacing:1.8px;text-transform:uppercase;margin-bottom:16px;font-family:var(--sans)}
.f-cols ul{list-style:none;display:flex;flex-direction:column;gap:11px}
.f-cols a{color:var(--ink5);font-size:13.5px;font-weight:500;transition:color .2s;display:inline-block;padding:4px 0}
.f-cols a:hover{color:var(--violet)}
.f-base{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--hair);margin-top:48px;padding-top:24px;font-size:12px;color:var(--ink3);gap:14px;flex-wrap:wrap}

@media (max-width:1180px){
  .nav-links{display:none}
  .nav .lang-link{display:none}
  .burger{display:block}
  .hero{padding:36px 0 60px}
  .hero-grid{flex-direction:column;gap:40px;align-items:stretch}
  .hero-visual{width:100%;max-width:480px;height:520px;margin:0 auto}
  .steps{flex-direction:column;border-top:0}
  .step{padding:26px 4px}
  .step+.step{border-left:0;border-top:1px solid var(--hair)}
  .feature{flex-direction:column;gap:36px;padding:44px 0}
  .feature.rev{flex-direction:column}
  .f-visual{width:100%;max-width:420px;margin:0 auto}
  .edit-grid{flex-direction:column;gap:44px}
  .mosaic{width:100%;max-width:560px}
  .pillars{flex-direction:column;border-top:0}
  .pillar{padding:26px 4px}
  .pillar+.pillar{border-left:0;border-top:1px solid rgba(255,255,255,.14)}
  .tests{flex-direction:column;border-top:0}
  .test{padding:30px 4px}
  .test+.test{border-left:0;border-top:1px solid var(--hair)}
  .plans{flex-direction:column;align-items:center;gap:30px}
  .plans .plan.pro{order:-1}
}
@media (max-width:760px){
  .announce{font-size:11px;padding:8px 12px}
  .f-visual .ghostn{font-size:100px;top:-16px}
  .hero{padding-top:20px}
  h1{font-size:clamp(34px,9vw,42px)}
  .nav{height:60px}
  .nav .btn{padding:9px 16px;font-size:12.5px}
  h1{margin-top:20px}
  .hero-sub{font-size:14.5px;margin-top:16px}
  .stores{margin-top:22px}
  .badge{padding:9px 15px}
  .badge .t strong{font-size:14px}
  .proofline{gap:12px;margin-top:20px}
  .hero-visual{height:400px}
  .resultcard .go{display:none}
  section{padding:64px 0}
  .edit-band{padding:64px 0}
  .night{padding:72px 0}
  .final{padding:64px 0}
  .mosaic{gap:10px}
  .mosaic .col{gap:10px}
  .mosaic .col.up{margin-top:-20px}
}

/* ── páginas de función ── */
.crumb{padding:20px 22px 0;font-size:12.5px;color:var(--ink3);font-weight:500}
.crumb a{color:var(--ink5)}
.crumb b{color:var(--violet);font-weight:600}
.page-hero{padding:44px 0 72px}
.page-hero h1{font-size:clamp(34px,4vw,54px)}
.feat-visual{height:auto}
.feat-visual .f-visual{width:440px;padding:24px 0 30px}
.sem-cards{display:flex;gap:22px;margin-top:52px}
.sem-card{flex:1;border-radius:22px;padding:30px 28px}
.sem-card.ok{background:var(--okbg)}
.sem-card.warn{background:var(--warnbg)}
.sem-card.bad{background:var(--badbg)}
.sem-card .range{font-size:12.5px;font-weight:700;letter-spacing:.8px;margin-top:12px}
.sem-card h3{font-family:var(--serif);font-weight:500;font-size:20px;margin-top:6px}
.sem-card p{font-size:13.5px;line-height:1.65;margin-top:9px;color:var(--ink5)}
.sem-card.ok p{color:#166534}.sem-card.warn p{color:#92400E}.sem-card.bad p{color:#991B1B}
.ring-s{width:60px;height:60px;border-radius:50%;background:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:18px}
.d-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:48px}
.d-grid.four{grid-template-columns:repeat(4,1fr)}
.d-card{background:var(--paper);border:1px solid var(--hair);border-radius:20px;padding:26px 24px;box-shadow:var(--sh-1)}
.d-card h3{font-family:var(--serif);font-weight:500;font-size:18px;letter-spacing:-.2px}
.d-card p{font-size:13px;color:var(--ink5);line-height:1.65;margin-top:8px}
.compare{margin-top:48px;background:var(--paper);border:1px solid var(--hair);border-radius:22px;overflow-x:auto;box-shadow:var(--sh-1)}
.compare table{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}
.compare th{background:var(--lav);color:#5A4FA8;font-weight:700;font-size:12px;letter-spacing:.6px;text-transform:uppercase;padding:15px 20px;text-align:left}
.compare th.hl{background:var(--grad);color:#fff}
.compare td{padding:14px 20px;border-top:1px solid rgba(35,32,58,.06);color:var(--ink5);line-height:1.5}
.compare td:first-child{font-weight:600;color:var(--ink)}
.compare td.yes{color:var(--ok);font-weight:600}
.compare td.no{color:var(--ink3)}
.compare td.hl{background:#FBFAFF;font-weight:600;color:var(--ink)}
.privbox{background:var(--cream);border-radius:24px;padding:40px 44px;max-width:820px;margin:40px auto 0}
.privbox h2{font-family:var(--serif);font-weight:500;font-size:26px;letter-spacing:-.4px}
.privbox p{font-size:14.5px;color:var(--ink5);line-height:1.75;margin-top:12px}
.privbox b{color:var(--ink);font-weight:600}
.related{padding:0 0 88px}
.related .sec-kicker{margin-bottom:22px}
.rel-grid{display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.rel{background:var(--paper);border:1px solid var(--hair);border-radius:16px;padding:16px 24px;font-size:14px;font-weight:600;color:var(--ink);box-shadow:var(--sh-1);transition:transform .25s,box-shadow .25s}
.rel:hover{transform:translateY(-2px);box-shadow:var(--sh-2)}
.rel span{display:block;font-size:11px;color:var(--ink3);font-weight:500;margin-top:3px}
@media (max-width:1180px){
  .feat-visual .f-visual{width:100%;max-width:420px;margin:0 auto}
  .sem-cards{flex-direction:column}
  .d-grid,.d-grid.four{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .page-hero{padding:28px 0 52px}
  .d-grid,.d-grid.four{grid-template-columns:1fr}
  .privbox{padding:30px 26px}
}


/* ── tabla comparativa → tarjetas en móvil ── */
@media (max-width:600px){
  .compare{overflow:visible;border:0;background:none;box-shadow:none;border-radius:0}
  .compare table{min-width:0;width:100%}
  .compare table,.compare tbody,.compare tr,.compare td{display:block;width:auto}
  .compare tr:first-child{display:none}
  .compare tr{background:var(--paper);border:1px solid var(--hair);border-radius:18px;margin-bottom:14px;padding:6px 4px 10px;box-shadow:var(--sh-1)}
  .compare td{border:0;padding:11px 18px;display:flex;justify-content:space-between;align-items:center;gap:16px;color:var(--ink5)}
  .compare td:first-child{display:block;font-family:var(--serif);font-weight:500;font-size:17px;color:var(--ink);padding:14px 18px 12px;border-bottom:1px solid var(--hair);margin-bottom:4px}
  .compare td:not(:first-child)::before{content:attr(data-label);font-weight:600;font-size:11px;color:var(--ink3);text-transform:uppercase;letter-spacing:.5px;flex:none}
  .compare td.hl{background:#FBFAFF;border-radius:10px;margin:0 8px}
  .compare td.yes{color:var(--ok);font-weight:600;text-align:right}
  .compare td.no{color:var(--ink3);text-align:right}
  .compare td.hl.yes,.compare td.hl{color:var(--ink);font-weight:600}
}