:root{
  --surface:#0E0E0E; --band1:#181818; --band2:#212121; --band3:#2E2E2E;
  --card:#1E1D1D; --card-glass:rgba(30,29,29,.44); --chip:#272727;
  --ink:#F8E9D2; --ink-h2:#E9D6B4; --body-strong:#D1CABD; --body:#BEB7AB; --muted:#AFABA5; --dim:#9D978B;
  --accent:#EE9F44; --accent-deep:#B78223; --action:#1E5480; --ok:#5FA97A;
  --b-card:#242424; --b-chip:#28231C; --b-input:#303030;
  --display:'Archivo',sans-serif; --text:'Inter',sans-serif; --wide:'wdth' 125; --norm:'wdth' 100;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--surface);color:var(--ink);font:400 16px/26px var(--text);letter-spacing:1px;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{color:var(--ink)}
img{max-width:100%}

[data-js] [data-reveal]{opacity:0;transform:translateY(18px);transition:opacity .8s cubic-bezier(.22,.61,.36,1),transform .8s cubic-bezier(.22,.61,.36,1)}
[data-js] [data-reveal][data-shown]{opacity:1;transform:none}
@keyframes ztFade{from{opacity:0}to{opacity:1}}
@keyframes ztStep{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
@keyframes ztPop{0%{transform:scale(.6);opacity:0}60%{transform:scale(1.08)}100%{transform:scale(1);opacity:1}}
@keyframes ztMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@keyframes ztSpin{to{transform:rotate(360deg)}}
@keyframes ztCookie{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}

.wrap{max-width:1200px;margin:0 auto;padding:0 32px}

/* --- eyebrow / headings --- */
.eyebrow{font:500 12px/30px var(--text);letter-spacing:5px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:20px}
.eyebrow-2{font:700 14px/1.6 var(--text);letter-spacing:5px;text-transform:uppercase;color:var(--ink-h2);display:block;margin-top:16px}
.h1{font:100 clamp(30px,3.4vw,40px)/1.1 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;text-transform:uppercase;color:var(--ink)}
.h1 .em{color:var(--accent)}
.h2{font:300 clamp(24px,2.6vw,30px)/1.2 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;text-transform:uppercase;color:var(--ink-h2)}
.h1-lg{font:100 clamp(44px,6vw,70px)/1.07 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;text-transform:uppercase;color:var(--ink)}

.sub{margin-top:28px;font:400 14px/21px var(--text);color:var(--dim);max-width:420px}
.sub .lt{color:#ECE6D9}
.sub .lt.ink{color:var(--ink)}
.micro{margin-top:12px;font:400 10px/1.5 var(--text);color:#827D76}

.ink{color:var(--ink)}
.accent{color:var(--accent)}
.dim{color:var(--dim)}
.strong{color:#ECE6D9;font-weight:600}
.body-lg{font:400 16px/26px var(--text);color:var(--body)}

/* --- nav --- */
nav{position:sticky;top:0;z-index:50;background:rgba(14,14,14,.85);backdrop-filter:blur(14px);border-bottom:1px solid var(--b-card)}
.nav-in{padding:16px 32px;display:flex;justify-content:space-between;align-items:center}
.logo{display:block}
.logo svg{height:16px;width:auto;display:block}
.nav-cta{font:700 10px/1 var(--display);font-variation-settings:var(--norm);letter-spacing:2px;text-transform:uppercase;color:var(--ink);border:1px solid var(--ink);border-radius:15px;padding:12px 21px;transition:color .2s,border-color .2s,background .2s;display:inline-block}
.nav-cta:hover{color:var(--accent);border-color:var(--accent);background:rgba(238,159,68,.06)}

/* --- hero --- */
header{position:relative;overflow:hidden}
.hero-grid{padding:110px 32px 100px;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.05fr);gap:40px;align-items:center}
.inp-row{margin-top:36px;display:flex;align-items:center;gap:10px;background:rgba(219,212,199,.07);border:1px solid var(--b-input);border-radius:28.5px;height:57px;padding:0 12px;max-width:448px;transition:border-color .25s}
.inp-row:focus-within{border-color:var(--accent)}
.inp-row input{flex:1;background:var(--ink);border:none;border-radius:16.5px;height:33px;padding:0 18px;color:#3a352d;font:400 12px/1.5 var(--text);letter-spacing:1px;min-width:0;outline:none}
.inp-row button{background:var(--action);color:#DBD4C7;font:700 10px/1 var(--display);font-variation-settings:var(--norm);letter-spacing:1px;text-transform:uppercase;border:none;border-radius:15px;height:33px;padding:0 16px;cursor:pointer;white-space:nowrap;transition:filter .2s,transform .2s}
.inp-row button:hover{filter:brightness(1.12);transform:translateY(-1px)}
.inp-row button:active{transform:translateY(0)}
.hero-grid>div:first-child{position:relative;z-index:2}
.hero-visual{position:relative;min-height:340px;display:flex;align-items:flex-start;justify-content:flex-end;z-index:1}
.hero-prisma{
  width:125%;height:auto;max-width:none;align-self:flex-start;pointer-events:none;
  -webkit-mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, #fff 60%, transparent 100%);
  mask-image:radial-gradient(ellipse 70% 70% at 50% 40%, #fff 60%, transparent 100%);
}

/* --- modal --- */
.modal-backdrop{position:fixed;inset:0;z-index:100;background:rgba(14,14,14,.9);display:flex;align-items:center;justify-content:center;padding:24px;overflow-y:auto;animation:ztFade .25s ease}
.modal-backdrop[hidden]{display:none}
.modal{background:var(--card);color:var(--ink);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:36px 34px;max-width:400px;width:100%;position:relative;margin:auto;animation:ztStep .3s ease}
.modal-close{position:absolute;top:20px;right:20px;width:28px;height:28px;background:transparent;border:none;color:var(--dim);font-size:17px;line-height:1;cursor:pointer;transition:color .2s}
.modal-close:hover{color:var(--ink)}
.modal-phase[hidden]{display:none}
.modal-eyebrow{font:500 11px/1.4 var(--text);letter-spacing:5px;text-transform:uppercase;color:var(--accent);display:block;margin-bottom:0}
.modal-h3{margin-top:12px;font:100 clamp(24px,6vw,32px)/1.06 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;text-transform:uppercase;color:var(--ink)}
.modal-lead{margin-top:14px;font:400 14px/21px var(--text);color:var(--body)}
.modal-fields{margin-top:20px;display:flex;flex-direction:column;gap:12px}
.field input{width:100%;height:44px;background:rgba(219,212,199,.07);border:1px solid var(--b-input);border-radius:22px;padding:0 20px;color:var(--ink);font:400 14px/1.4 var(--text);letter-spacing:.5px;outline:none;transition:border-color .2s}
.field input:focus{border-color:var(--accent)}
.field.has-error input{border-color:var(--dim)}
.field-helper{margin-top:8px;padding:0 6px;font:400 12px/1.5 var(--text);letter-spacing:.3px;color:#827D76}
.field-helper[hidden]{display:none}
.field.has-error .field-helper{color:var(--dim)}
.modal-submit{margin-top:20px;width:100%;background:var(--action);color:#F8E9D2;font:600 12px/1 var(--display);font-variation-settings:var(--norm);letter-spacing:2px;text-transform:uppercase;border:none;border-radius:999px;height:46px;cursor:pointer;transition:filter .2s}
.modal-submit:hover{filter:brightness(1.12)}
.modal-fine{margin-top:12px;text-align:center;font:400 11px/1.6 var(--text);letter-spacing:.3px;color:#827D76}
.modal-error{color:var(--dim)}
.spinner{width:36px;height:36px;margin:0 auto 22px;border:2px solid var(--b-input);border-top-color:var(--accent);border-radius:50%;animation:ztSpin .9s linear infinite}
#phaseLoading{text-align:center;padding:28px 0;animation:ztStep .3s ease}
.modal-loading-text{margin:12px auto 0;max-width:300px;font:400 14px/22px var(--text);color:var(--body)}
#phaseSuccess{padding:18px 0;animation:ztStep .3s ease}
.modal-success-h3{font:100 clamp(32px,8vw,44px)/1 var(--display);font-variation-settings:var(--wide);letter-spacing:7px;text-transform:uppercase;color:var(--ink)}
.modal-success-text{margin-top:16px;font:400 14px/22px var(--text);color:var(--body)}
.modal-close-btn{margin-top:24px;width:100%;background:transparent;color:var(--ink);font:600 12px/1 var(--display);font-variation-settings:var(--norm);letter-spacing:2px;text-transform:uppercase;border:1px solid var(--b-input);border-radius:999px;height:44px;cursor:pointer;transition:color .2s,border-color .2s}
.modal-close-btn:hover{border-color:var(--ink)}

/* --- band sections --- */
section{padding:96px 0}
[data-fuga]{background:var(--band1)}
.band2{background:var(--band2)}
.band3{background:var(--band3)}

/* --- fuga de valor / stats --- */
.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:48px}
.cardx{background:var(--card);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:30px;transition:border-color .3s,transform .3s}
.cardx:hover{border-color:#3a3733;transform:translateY(-3px)}
.stat-num{font:100 50px/1 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;color:var(--accent)}
.stat-cap{font:500 12px/21px var(--text);letter-spacing:1px;text-transform:uppercase;color:var(--ink-h2);margin-top:10px}
.stat-body{font:400 12px/18px var(--text);color:var(--muted);margin-top:8px}
.stat-body .src{opacity:.7}

/* --- historias / logos --- */
.quote{margin-top:24px;font:400 16px/26px var(--text);color:var(--body-strong)}
.quote-attr{display:block;margin-top:8px;font-size:12px;color:var(--accent)}
.logos-viewport{margin-top:40px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.logos-track{display:flex;flex-wrap:nowrap;gap:0 88px;align-items:center;width:max-content;animation:ztMarquee 40s linear infinite}
.logos-track img{flex:none}
.logo-img{height:22px;width:auto;opacity:.5;filter:grayscale(1) brightness(1.7)}
.logos-viewport:hover .logos-track{animation-play-state:paused}
.logos-copy{margin-top:32px;font:400 14px/26px var(--text);color:var(--body)}

/* --- split layout (radar / plan accionable / metodo) --- */
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;margin-top:32px}
.radar-wrap{position:relative;display:flex;align-items:center;justify-content:center}
.radar-img{width:100%;max-width:600px;height:auto}

/* --- 5 señales --- */
.grid5{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:48px}
.senal{background:var(--card);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:26px 18px;text-align:center;transition:border-color .3s,transform .3s}
.senal:hover{border-color:var(--accent);transform:translateY(-3px)}
.senal-dot{width:8px;height:8px;border-radius:50%;background:var(--accent);margin:0 auto 14px}
.senal-b{font:500 14px/1.4 var(--text);letter-spacing:1px;color:var(--ink);display:block}
.senal-p{font:400 12px/17px var(--text);color:var(--muted);margin-top:8px}

/* --- tres pasos --- */
.pasos{display:grid;grid-template-columns:repeat(3,1fr);gap:0;margin-top:48px}
.paso{position:relative;padding:0 26px}
.pasos>.paso+.paso{border-left:1px solid transparent}
.pasos>.paso+.paso::before{content:'';position:absolute;left:0;top:230px;bottom:0;width:1px;background:var(--b-card)}
.paso-img-wrap{height:210px;display:flex;align-items:center;justify-content:flex-start;margin-bottom:20px}
.paso-img{height:210px;width:auto}
.paso-h{font:500 16px/1.5 var(--text);letter-spacing:1px;color:var(--ink);margin-top:4px}
.paso-body{font:400 14px/22px var(--text);color:var(--body);margin-top:12px}
.split-quote{margin-top:72px;padding-top:56px;border-top:1px solid var(--b-card);align-items:start}
.big-quote{font:100 clamp(30px,3.6vw,46px)/1.12 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;color:var(--accent)}
.range{font:300 24px/30px var(--text);letter-spacing:5px;color:var(--accent);display:block}

/* --- evidencia score --- */
.scoregrid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:32px;align-items:center;margin-top:48px}
.score-row{display:flex;gap:24px;align-items:stretch;flex-wrap:wrap}
.score-big{background:var(--card);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:30px 36px;text-align:center}
.score-big b{font:100 69px/1 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;display:block;color:var(--accent)}
.score-label{font:500 10px/1.6 var(--text);letter-spacing:2px;text-transform:uppercase;color:var(--muted)}
.score-label.sm{font-size:8px}
.score-comp{background:var(--card-glass);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:30px 28px;display:flex;gap:36px;align-items:center}
.score-comp-item{text-align:center}
.score-comp-item b{font:100 33px/1 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;display:block}
.score-note{font-size:11px;color:#827D76;margin-top:14px}
.report-wrap{position:relative;border:1px solid var(--b-card);border-radius:0 15px 15px 15px;overflow:hidden;background:var(--surface)}
.report-img{width:100%;height:auto;display:block;-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent 100%);mask-image:linear-gradient(to bottom,#000 72%,transparent 100%)}

/* --- plan accionable / beneficios --- */
.chips{display:flex;flex-direction:column;gap:14px;margin-top:40px;align-items:flex-start}
.chip{background:var(--chip);border:1px solid var(--b-chip);border-radius:15px;height:48px;display:inline-flex;align-items:center;padding:0 26px;color:var(--body-strong);font-size:15px;letter-spacing:1px;transition:border-color .3s,color .3s}
.chip:hover{border-color:var(--accent);color:var(--ink)}
.benef{background:var(--card-glass);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:28px 32px;margin-top:14px;max-width:472px;display:flex;align-items:center;gap:34px;transition:border-color .3s}
.benef:hover{border-color:#3a3733}
.benef-icon{width:30px;height:auto;flex:none}
.benef-b{font:500 14px/1.6 var(--text);letter-spacing:1px;text-transform:uppercase;color:var(--ink);display:block}
.benef-p{font:400 13px/19px var(--text);color:var(--muted);margin-top:6px}

/* --- ciclo --- */
.ciclo{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:48px}
.cic{position:relative;background:var(--card);border:1px solid var(--b-card);border-radius:0 15px 15px 15px;padding:22px;text-align:center;overflow:hidden;cursor:pointer;transition:transform .35s,border-color .35s;transform:translateY(0)}
.cic.is-active{transform:translateY(-4px);border-color:var(--accent)}
.cic-bar{position:absolute;top:0;left:0;height:2px;background:var(--accent);width:0%;transition:width .6s ease}
.cic.is-active .cic-bar{width:100%}
.cic-b{font:500 14px/1.4 var(--text);letter-spacing:2px;text-transform:uppercase;color:var(--ink);transition:color .35s;display:block}
.cic.is-active .cic-b{color:var(--accent)}
.cic-p{font:400 12px/17px var(--text);color:var(--muted);margin-top:8px}

/* --- faqs --- */
.faqs{margin-top:40px;max-width:820px}
.faq{border-bottom:1px solid var(--b-card)}
.faq-q{width:100%;background:transparent;border:none;cursor:pointer;display:flex;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;text-align:left;font:500 16px/1.6 var(--text);letter-spacing:1px;color:var(--ink);transition:color .25s}
.faq-q:hover{color:var(--accent)}
.faq.is-open .faq-q{color:var(--accent)}
.faq-icon{color:var(--accent);font-size:20px;flex-shrink:0;transition:transform .3s;transform:rotate(0deg)}
.faq.is-open .faq-icon{transform:rotate(135deg)}
.faq-a-wrap{overflow:hidden;max-height:0;transition:max-height .4s ease}
.faq.is-open .faq-a-wrap{max-height:260px}
.faq-a{font:400 13px/20px var(--text);color:var(--muted);max-width:640px;padding-bottom:20px}

/* --- cta final --- */
.cta-final{text-align:center;padding:140px 0}
.cta-sub{margin:28px auto 0;font:400 clamp(16px,2vw,22px)/1.4 var(--text);color:var(--muted);max-width:640px}
.cta-btn{display:inline-block;margin-top:44px;background:var(--action);color:var(--ink);font:500 clamp(13px,1.4vw,18px)/1 var(--display);font-variation-settings:var(--norm);letter-spacing:2px;text-transform:uppercase;border-radius:999px;padding:18px 40px;transition:filter .2s,transform .2s;font-size:11px}
.cta-btn:hover{filter:brightness(1.12);transform:translateY(-2px)}
.cta-tagline{margin-top:64px;font:100 clamp(22px,2.8vw,33px)/1.25 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;text-transform:uppercase;color:var(--accent-deep)}
.cta-tagline2{margin-top:10px;font:300 clamp(16px,1.9vw,22px)/1.4 var(--display);font-variation-settings:var(--wide);letter-spacing:6px;text-transform:uppercase;color:var(--ink)}

/* --- legal page (aviso de privacidad) --- */
.legal-header{padding:110px 32px 56px}
.legal-updated{margin-top:20px;font:400 14px/21px var(--text);color:var(--dim)}
.legal-content{max-width:760px}
.legal-content .h2{margin-top:56px}
.legal-content .h2:first-child{margin-top:0}
.legal-content .body-lg{margin-top:16px}
.legal-content ul{margin-top:16px;padding-left:22px;display:flex;flex-direction:column;gap:8px}
.legal-content li{font:400 16px/26px var(--text);color:var(--body)}
.legal-content a{text-decoration:underline;text-underline-offset:2px}
.back-link{display:inline-block;margin-top:56px;font:500 11px/1 var(--text);letter-spacing:2px;text-transform:uppercase;color:var(--muted);text-decoration:none}
.back-link:hover{color:var(--accent)}
@media(max-width:860px){
  .legal-header{padding:80px 32px 40px}
}

/* --- footer --- */
footer{padding:72px 0 32px;overflow:hidden}
.footer-logo{color:var(--ink);opacity:.95;width:100vw;max-width:100%;padding:0 24px;box-sizing:border-box}
.footer-logo svg{width:100%;height:auto;display:block}
.footer-bottom{margin:40px auto 0;display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;font:400 12px/1.6 var(--text);color:var(--muted)}

/* --- cookie banner --- */
.cookie-banner{position:fixed;left:0;right:0;bottom:0;z-index:90;display:flex;justify-content:center;padding:16px;pointer-events:none;animation:ztCookie .45s ease}
.cookie-banner[hidden]{display:none}
.cookie-box{pointer-events:auto;max-width:760px;width:100%;background:rgba(20,19,19,.82);backdrop-filter:blur(16px);border:1px solid var(--b-card);border-radius:14px;padding:18px 22px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.cookie-text{flex:1;min-width:220px;margin:0;font:400 12px/1.7 var(--text);letter-spacing:.2px;color:var(--body)}
.cookie-text a{color:var(--ink);text-decoration:none;border-bottom:1px solid var(--b-input);transition:border-color .2s}
.cookie-text a:hover{border-color:var(--accent)}
.cookie-actions{display:flex;align-items:center;gap:10px;flex:none}
.cookie-actions button{cursor:pointer;font:700 10px/1 var(--display);font-variation-settings:var(--norm);letter-spacing:2px;text-transform:uppercase;border-radius:15px;height:33px;padding:10px 15px;transition:color .2s,border-color .2s,filter .2s,background .2s}
#rejectCookies{background:transparent;color:var(--ink);border:1px solid var(--ink)}
#rejectCookies:hover{color:var(--accent);border-color:var(--accent)}
#acceptCookies{background:var(--action);color:#DBD4C7;border:1px solid var(--action)}
#acceptCookies:hover{filter:brightness(1.12)}

/* --- responsive --- */
/* Hero: la imagen se apila ANTES del ancho en que el bleed de 125%
   invadiría la columna de texto (evita traslape en anchos intermedios). */
@media(max-width:1180px){
  .hero-prisma{width:105%}
}
@media(max-width:980px){
  .hero-grid{grid-template-columns:1fr;gap:24px;padding:80px 32px 40px}
  .hero-grid>div:first-child{z-index:auto}
  .hero-visual{position:relative;min-height:0;z-index:auto}
  .hero-prisma{
    width:100%;max-width:520px;height:auto;margin:0 auto;
    -webkit-mask-image:radial-gradient(ellipse 85% 90% at 50% 45%, #fff 68%, transparent 100%);
    mask-image:radial-gradient(ellipse 85% 90% at 50% 45%, #fff 68%, transparent 100%);
  }
}
@media(max-width:860px){
  .nav-in{padding:12px 20px}
  .logo svg{height:12px}
  .nav-cta{font-size:8px;letter-spacing:1.5px;padding:9px 14px;border-radius:12px}
  .inp-row{flex-direction:column;align-items:stretch;gap:8px;height:auto;border-radius:20px;padding:10px;max-width:none}
  .inp-row input{height:48px;min-height:48px;border-radius:14px;font-size:14px;padding:0 20px}
  .inp-row button{height:48px;min-height:48px;border-radius:14px;font-size:11px}
  .grid3{grid-template-columns:1fr;margin-top:32px}
  [data-fuga]{padding:56px 0}
  .grid3>.cardx{display:grid;grid-template-columns:40% 1fr;column-gap:18px;align-items:start;padding:26px 22px}
  .grid3>.cardx>.stat-num{grid-column:1;grid-row:1;font-size:22px;margin-top:0}
  .grid3>.cardx>.stat-cap{grid-column:1;grid-row:2;margin-top:10px;max-width:none;font-size:10px;line-height:15px}
  .grid3>.cardx>.stat-body{grid-column:2;grid-row:1 / span 2;margin-top:0;text-align:left;font-size:10px;line-height:16px}
  .grid5{grid-template-columns:repeat(2,1fr)}
  .pasos{grid-template-columns:1fr}
  .paso{border-left:none;padding:0}
  .pasos>.paso+.paso::before{display:none}
  .pasos>.paso+.paso{border-top:1px solid var(--b-card);padding-top:28px;margin-top:8px}
  .split{grid-template-columns:1fr;gap:40px}
  .cookie-box{flex-direction:column;align-items:stretch;gap:16px;padding:18px}
  .cookie-actions{width:100%}
  .cookie-actions button{flex:1}
  .ciclo{grid-template-columns:repeat(2,1fr)}
  .scoregrid{grid-template-columns:1fr}
}

/* --- foco visible --- */
a:focus-visible,
button:focus-visible,
input:focus-visible,
[tabindex]:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
  border-radius:4px;
}
.inp-row input:focus-visible,
.field input:focus-visible{
  outline:2px solid var(--accent);
  outline-offset:2px;
}

@media (prefers-reduced-motion: reduce){
  [data-js] [data-reveal]{opacity:1!important;transform:none!important;transition:none!important}
  *{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important;scroll-behavior:auto!important}
}