/* ── tokens ─────────────────────────────────────── */
:root{
  --pink:#ff2d78;
  --violet:#7c4dff;
  --mint:#12b981;

  --ease:cubic-bezier(.22,1,.36,1);
  --ease-soft:cubic-bezier(.4,0,.2,1);
  --spring:linear(0,.36 6%,.83 13%,1.04 19%,1.09 25%,1.05 33%,.99 45%,1);

  --r:20px;
  --pad:clamp(20px,5vw,64px);
}

/* qaranlıq (default) */
:root,:root[data-theme="dark"]{
  --bg:#07070b;
  --page:radial-gradient(120% 80% at 50% -10%,#16121f 0%,transparent 60%),
         linear-gradient(180deg,#07070b,#0b0b12 60%,#07070b);
  --card:rgba(255,255,255,.038);
  --card-solid:rgba(255,255,255,.038);
  --glass:rgba(9,9,14,.72);
  --line:rgba(255,255,255,.09);
  --line-2:rgba(255,255,255,.16);
  --ink:#f2f2f7;
  --ink-2:rgba(242,242,247,.62);
  --ink-3:rgba(242,242,247,.38);
  --grain:.035;
  --orb:.5;
  --art-l:52%;
  --art-shadow:0 30px 60px -40px rgba(0,0,0,.9);
  --num:rgba(255,255,255,.22);
  --num-h:rgba(255,255,255,.4);
}

/* işıqlı */
:root[data-theme="light"]{
  --bg:#f6f6f9;
  --page:radial-gradient(120% 80% at 50% -10%,#efe9ff 0%,transparent 60%),
         linear-gradient(180deg,#fafaff,#f4f4f8 60%,#f6f6f9);
  --card:rgba(255,255,255,.75);
  --card-solid:#fff;
  --glass:rgba(250,250,253,.78);
  --line:rgba(16,16,32,.09);
  --line-2:rgba(16,16,32,.18);
  --ink:#10101c;
  --ink-2:rgba(16,16,28,.66);
  --ink-3:rgba(16,16,28,.45);
  --grain:.02;
  --orb:.28;
  --art-l:56%;
  --art-shadow:0 24px 50px -34px rgba(30,20,70,.45);
  --num:rgba(255,255,255,.45);
  --num-h:rgba(255,255,255,.7);
}

*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth}

body{
  background:var(--bg);
  color:var(--ink);
  font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif;
  font-size:16px;line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;min-height:100vh;
  transition:background .6s var(--ease-soft),color .6s var(--ease-soft);
}
body::before{content:"";position:fixed;inset:0;z-index:-3;background:var(--page)}

.grain{
  position:fixed;inset:-8%;z-index:-1;pointer-events:none;opacity:var(--grain);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='140' height='140' filter='url(%23n)'/%3E%3C/svg%3E");
  animation:grain 6s steps(4) infinite;
}
@keyframes grain{
  0%,100%{transform:translate(0,0)}25%{transform:translate(-3%,2%)}
  50%{transform:translate(2%,-3%)}75%{transform:translate(-2%,-2%)}
}

.orb{
  position:fixed;z-index:-2;border-radius:50%;pointer-events:none;
  filter:blur(90px);opacity:var(--orb);
  transition:transform 1.4s var(--ease-soft),opacity .6s var(--ease-soft);
  will-change:transform;
}
.orb--a{width:min(52vw,620px);aspect-ratio:1;top:-16vh;left:-8vw;
  background:radial-gradient(circle at 40% 40%,rgba(124,77,255,.65),transparent 66%)}
.orb--b{width:min(44vw,520px);aspect-ratio:1;top:22vh;right:-10vw;
  background:radial-gradient(circle at 60% 40%,rgba(255,45,120,.5),transparent 66%);
  animation:float 14s var(--ease-soft) infinite}
@keyframes float{0%,100%{translate:0 0}50%{translate:0 -40px}}

.wrap{max-width:1180px;margin:0 auto;padding:0 var(--pad)}

/* ── nav ────────────────────────────────────────── */
.nav{
  position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:24px;
  padding:16px var(--pad);border-bottom:1px solid transparent;
  transition:background .5s var(--ease),backdrop-filter .5s var(--ease),
             border-color .5s var(--ease),padding .5s var(--ease);
}
.nav.is-stuck{
  background:var(--glass);backdrop-filter:blur(20px) saturate(160%);
  border-bottom-color:var(--line);padding-top:12px;padding-bottom:12px;
}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink)}
.brand__mark{
  width:30px;height:30px;display:grid;place-items:center;border-radius:9px;color:#fff;
  background:linear-gradient(140deg,var(--violet),var(--pink));
  transition:transform .6s var(--spring);
}
.brand__mark svg{width:18px;height:18px}
.brand:hover .brand__mark{transform:rotate(-90deg) scale(1.06)}
.brand__name{font-weight:600;letter-spacing:-.02em}

.nav__links{position:relative;display:flex;gap:4px;margin-left:auto}
.nav__links a{
  position:relative;z-index:1;padding:8px 14px;border-radius:99px;
  color:var(--ink-2);text-decoration:none;font-size:14.5px;
  transition:color .35s var(--ease);
}
.nav__links a:hover,.nav__links a.is-active{color:var(--ink)}
.nav__pill{
  position:absolute;top:0;left:0;height:100%;border-radius:99px;opacity:0;
  background:var(--card);border:1px solid var(--line);
  transition:transform .5s var(--ease),width .5s var(--ease),opacity .35s var(--ease);
  will-change:transform,width;
}
.nav__links:hover .nav__pill{opacity:1}

.nav__right{display:flex;align-items:center;gap:10px}
.icon-btn{
  position:relative;width:38px;height:38px;display:grid;place-items:center;
  border:1px solid var(--line);border-radius:12px;background:var(--card);
  color:var(--ink-2);cursor:pointer;overflow:hidden;
  transition:transform .5s var(--spring),color .3s var(--ease),border-color .3s var(--ease);
}
.icon-btn svg{width:17px;height:17px;grid-area:1/1;transition:transform .6s var(--spring),opacity .35s var(--ease)}
.icon-btn:hover{color:var(--ink);border-color:var(--line-2);transform:scale(1.06)}
.icon-btn:active{transform:scale(.94)}
/* günəş/ay — rejimə görə biri fırlanaraq gəlir */
:root[data-theme="dark"] .i-sun{transform:rotate(0) scale(1);opacity:1}
:root[data-theme="dark"] .i-moon{transform:rotate(-90deg) scale(.4);opacity:0}
:root[data-theme="light"] .i-sun{transform:rotate(90deg) scale(.4);opacity:0}
:root[data-theme="light"] .i-moon{transform:rotate(0) scale(1);opacity:1}

/* ── buttons ────────────────────────────────────── */
.btn{
  display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:99px;
  border:1px solid transparent;font:inherit;font-size:14.5px;font-weight:500;
  cursor:pointer;text-decoration:none;
  transition:transform .45s var(--spring),box-shadow .45s var(--ease),
             background .35s var(--ease),border-color .35s var(--ease);
  will-change:transform;
}
.btn svg{width:17px;height:17px;transition:transform .5s var(--spring)}
.btn:hover svg{transform:translateX(3px)}
.btn:active{transform:scale(.96)!important}
.btn--lg{padding:14px 26px;font-size:15.5px}
.btn--primary{color:#fff;background:linear-gradient(135deg,var(--violet),var(--pink));
  box-shadow:0 6px 24px -8px rgba(255,45,120,.6)}
.btn--primary:hover{box-shadow:0 14px 40px -10px rgba(255,45,120,.75)}
.btn--ghost{color:var(--ink);background:var(--card);border-color:var(--line);backdrop-filter:blur(10px)}
.btn--ghost:hover{border-color:var(--line-2)}

/* ── ticker ─────────────────────────────────────── */
.ticker{
  overflow:hidden;border-block:1px solid var(--line);background:var(--card);
  mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);
}
.ticker__track{display:flex;width:max-content;animation:slide 60s linear infinite}
.ticker:hover .ticker__track{animation-play-state:paused}
.ticker__set{display:flex;align-items:center;gap:14px;padding:11px 14px;white-space:nowrap;font-size:13.5px}
.ticker__set a{color:var(--ink-2);text-decoration:none;transition:color .3s var(--ease)}
.ticker__set a:hover{color:var(--pink)}
.dot{width:5px;height:5px;border-radius:50%;margin-left:22px;flex:none;
  background:var(--pink);box-shadow:0 0 10px var(--pink)}
.ticker__set .dot:first-child{margin-left:0}
@keyframes slide{to{transform:translateX(-50%)}}

/* ── hero ───────────────────────────────────────── */
.hero{max-width:1180px;margin:0 auto;
  padding:clamp(64px,11vw,132px) var(--pad) clamp(48px,7vw,84px);text-align:center}
.eyebrow{display:inline-flex;align-items:center;gap:12px;font-size:13px;color:var(--ink-3)}
.live{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:99px;
  border:1px solid rgba(18,185,129,.3);background:rgba(18,185,129,.1);
  color:var(--mint);font-size:12px;font-weight:500}
.live i{width:5px;height:5px;border-radius:50%;background:var(--mint);
  animation:pulse 2s var(--ease-soft) infinite}
@keyframes pulse{
  0%,100%{opacity:1;box-shadow:0 0 0 0 rgba(18,185,129,.5)}
  50%{opacity:.5;box-shadow:0 0 0 6px rgba(18,185,129,0)}
}
.hero__title{margin:22px auto 20px;max-width:17ch;
  font-size:clamp(38px,6.8vw,82px);font-weight:300;line-height:1.03;letter-spacing:-.045em}
.word{display:inline-block;overflow:hidden;vertical-align:top}
.word > i{display:inline-block;font-style:normal;
  transform:translateY(105%) rotate(3deg);transition:transform 1s var(--ease)}
.is-in .word > i,.hero__title.is-in .word > i{transform:none}
.accent{
  background:linear-gradient(100deg,var(--pink),var(--violet) 70%);
  -webkit-background-clip:text;background-clip:text;color:transparent;
  font-family:"Instrument Serif",Georgia,serif;font-style:italic;letter-spacing:-.01em;
}
.hero__sub{max-width:58ch;margin:0 auto;color:var(--ink-2);font-size:clamp(15px,1.5vw,18px)}
.hero__cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:34px}
.hero__cta .btn:hover svg{transform:translateY(3px)}

.stats{display:flex;gap:clamp(24px,5vw,56px);justify-content:center;flex-wrap:wrap;
  margin-top:56px;padding-top:34px;border-top:1px solid var(--line)}
.stat{display:flex;flex-direction:column;gap:2px}
.stat b{font-size:30px;font-weight:400;letter-spacing:-.03em;font-variant-numeric:tabular-nums}
.stat span{font-size:12.5px;color:var(--ink-3)}

/* ── reveal ─────────────────────────────────────── */
[data-reveal]{opacity:0;transform:translateY(26px);
  transition:opacity .9s var(--ease),transform .9s var(--ease);transition-delay:var(--d,0ms)}
[data-reveal].is-in{opacity:1;transform:none}

.notice{
  margin-top:16px;padding:14px 18px;border-radius:14px;font-size:14px;
  border:1px solid rgba(255,45,120,.3);background:rgba(255,45,120,.08);color:var(--ink-2);
}

/* ── art (hue əsaslı — hər xəbərə sabit rəng) ───── */
.feature__art,.card__art,.article__art{
  background:linear-gradient(150deg,
    hsl(var(--h1) 72% var(--art-l)), hsl(var(--h2) 76% calc(var(--art-l) - 14%)));
}

/* ── feature ────────────────────────────────────── */
.feature{
  display:grid;grid-template-columns:1.05fr 1fr;text-decoration:none;color:inherit;
  border:1px solid var(--line);border-radius:calc(var(--r) + 8px);
  background:var(--card);backdrop-filter:blur(16px);overflow:hidden;
  transition:transform .7s var(--ease),border-color .5s var(--ease),box-shadow .7s var(--ease);
  will-change:transform;
}
.feature:hover{border-color:var(--line-2);box-shadow:0 40px 80px -50px rgba(124,77,255,.8)}
.feature__art{position:relative;min-height:320px}
.feature__glow{
  position:absolute;inset:-20%;filter:blur(30px);
  background:radial-gradient(circle at 35% 45%,rgba(124,77,255,.8),transparent 58%),
             radial-gradient(circle at 70% 70%,rgba(255,45,120,.65),transparent 58%);
  transition:transform 1.2s var(--ease);
}
.feature:hover .feature__glow,.article__art:hover .feature__glow{transform:scale(1.12)}
.wave{position:absolute;inset:0;width:100%;height:100%}
.wave path{stroke-dasharray:600;stroke-dashoffset:600;animation:draw 2.6s var(--ease) forwards}
.wave g path:nth-child(1){animation-delay:0ms}.wave g path:nth-child(2){animation-delay:90ms}
.wave g path:nth-child(3){animation-delay:180ms}.wave g path:nth-child(4){animation-delay:270ms}
.wave g path:nth-child(5){animation-delay:360ms}.wave g path:nth-child(6){animation-delay:450ms}
.wave g path:nth-child(7){animation-delay:540ms}
@keyframes draw{to{stroke-dashoffset:0}}

.feature__body{padding:clamp(24px,3.4vw,44px);display:flex;flex-direction:column;
  justify-content:center;gap:14px}
.feature__body h2{font-size:clamp(22px,2.6vw,32px);font-weight:400;letter-spacing:-.032em;line-height:1.22}
.feature__body p{color:var(--ink-2);font-size:15px}

.tags{display:flex;gap:8px;flex-wrap:wrap}
.tag{padding:4px 11px;border-radius:99px;font-size:11.5px;font-weight:500;
  border:1px solid var(--line);color:var(--ink-2);background:var(--card)}
.tag--hot{border-color:rgba(255,45,120,.32);background:rgba(255,45,120,.12);color:#e01a63}
:root[data-theme="dark"] .tag--hot{color:#ff6ba0}

.meta{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink-3);margin-top:4px}
.avatar{
  width:28px;height:28px;border-radius:50%;display:grid;place-items:center;flex:none;
  background:linear-gradient(135deg,var(--violet),var(--pink));
  color:#fff;font-size:10.5px;font-weight:600;
}

/* ── section head + chips ───────────────────────── */
.row{display:flex;align-items:center;justify-content:space-between;gap:20px;
  flex-wrap:wrap;margin:clamp(56px,8vw,96px) 0 24px}
.section-title{font-size:20px;font-weight:500;letter-spacing:-.025em}
.chips{position:relative;display:flex;gap:2px;padding:4px;flex-wrap:wrap;
  border:1px solid var(--line);border-radius:99px;background:var(--card)}
.chips__ind{position:absolute;top:4px;bottom:4px;left:0;border-radius:99px;
  background:linear-gradient(135deg,var(--violet),var(--pink));
  transition:transform .6s var(--spring),width .6s var(--spring);will-change:transform,width}
.chip{position:relative;z-index:1;padding:7px 15px;border:0;border-radius:99px;background:none;
  color:var(--ink-3);font:inherit;font-size:13.5px;cursor:pointer;transition:color .4s var(--ease)}
.chip:hover{color:var(--ink-2)}
.chip.is-active{color:#fff}

/* ── grid ───────────────────────────────────────── */
.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:16px}
.card{
  position:relative;display:flex;flex-direction:column;text-decoration:none;color:inherit;
  border:1px solid var(--line);border-radius:var(--r);background:var(--card-solid);
  overflow:hidden;cursor:pointer;
  /* uzun lentdə ekrandan kənar kartlar boyanmasın */
  content-visibility:auto;contain-intrinsic-size:auto 360px;
  opacity:0;transform:translateY(24px) scale(.98);
  transition:opacity .7s var(--ease),transform .7s var(--ease),
             border-color .4s var(--ease),box-shadow .6s var(--ease);
  will-change:transform,opacity;
}
.card.is-in{opacity:1;transform:none}
/* filtrdə: əvvəl sönür, sonra JS `hidden` qoyur — boşluq qalmasın */
.card.is-out{opacity:0;transform:translateY(-10px) scale(.96);
  transition-duration:.35s;pointer-events:none}
.card[hidden]{display:none}
.card:hover{border-color:var(--line-2);transform:translateY(-6px);box-shadow:var(--art-shadow)}
.card::before{
  content:"";position:absolute;inset:0;z-index:2;pointer-events:none;opacity:0;
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),
             rgba(255,255,255,.07),transparent 62%);
  transition:opacity .5s var(--ease);
}
:root[data-theme="light"] .card::before{
  background:radial-gradient(240px circle at var(--mx,50%) var(--my,50%),
             rgba(124,77,255,.07),transparent 62%);
}
.card:hover::before{opacity:1}

.card__art{position:relative;height:150px;overflow:hidden;flex:none}
.card__art::after{content:"";position:absolute;inset:0;
  background:linear-gradient(180deg,transparent 40%,rgba(10,6,24,.45))}
.card__art i{position:absolute;inset:0;
  background:radial-gradient(circle at 30% 30%,rgba(255,255,255,.32),transparent 55%);
  transition:transform 1.1s var(--ease)}
.card:hover .card__art i{transform:scale(1.18) rotate(6deg)}
.card__num{position:absolute;right:14px;bottom:10px;z-index:1;
  font-family:"Instrument Serif",serif;font-size:44px;line-height:1;color:var(--num);
  transition:transform .7s var(--ease),color .5s var(--ease)}
.card:hover .card__num{transform:translateY(-3px);color:var(--num-h)}

.card__body{padding:18px;display:flex;flex-direction:column;gap:9px;flex:1;align-items:flex-start}
.card__body h4{font-size:16.5px;font-weight:500;letter-spacing:-.02em;line-height:1.35}
.card__body p{font-size:13.5px;color:var(--ink-3);flex:1}
.card__foot{display:flex;align-items:center;justify-content:space-between;width:100%;
  font-size:12px;color:var(--ink-3);padding-top:10px;margin-top:auto;border-top:1px solid var(--line)}
.card__go{display:inline-flex;align-items:center;gap:5px;color:var(--ink-2);
  transition:gap .45s var(--spring),color .35s var(--ease)}
.card:hover .card__go{gap:9px;color:var(--pink)}
.card__go svg{width:13px;height:13px}

.empty{text-align:center;color:var(--ink-3);padding:40px 0;font-size:14px}

/* ── pulse ──────────────────────────────────────── */
.panel{margin-top:clamp(56px,8vw,96px);border:1px solid var(--line);
  border-radius:calc(var(--r) + 4px);background:var(--card);backdrop-filter:blur(14px);
  padding:clamp(20px,3vw,32px)}
.panel__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}
.bars{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(6px,1.4vw,16px);
  height:170px;align-items:end}
.bar{border-radius:10px 10px 4px 4px;height:0;cursor:pointer;
  background:linear-gradient(180deg,var(--violet),rgba(255,45,120,.35));
  transition:height 1.1s var(--ease),filter .4s var(--ease);transition-delay:var(--d,0ms)}
.bar:hover{filter:brightness(1.35) saturate(1.2)}
.panel__foot{display:grid;grid-template-columns:repeat(7,1fr);gap:clamp(6px,1.4vw,16px);
  margin-top:12px;font-size:12px;color:var(--ink-3);text-align:center}

/* ── sources cta ────────────────────────────────── */
.cta{position:relative;overflow:hidden;text-align:center;margin-top:clamp(56px,8vw,96px);
  padding:clamp(36px,6vw,72px) var(--pad);border:1px solid var(--line);
  border-radius:calc(var(--r) + 8px);
  background:linear-gradient(150deg,rgba(124,77,255,.16),rgba(255,45,120,.12));
  transition:transform .7s var(--ease);will-change:transform}
.cta::after{content:"";position:absolute;top:-60%;left:-10%;width:60%;height:220%;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.09),transparent);
  transform:skewX(-18deg);animation:sheen 7s var(--ease-soft) infinite}
@keyframes sheen{0%{left:-40%}55%,100%{left:130%}}
.cta h3{font-size:clamp(21px,3vw,30px);font-weight:400;letter-spacing:-.03em;position:relative;z-index:1}
.cta__sub{color:var(--ink-2);font-size:14.5px;margin-top:10px;position:relative;z-index:1}
.srcs{display:flex;flex-wrap:wrap;gap:8px;justify-content:center;margin-top:26px;position:relative;z-index:1}
.src-pill{display:inline-flex;align-items:center;gap:7px;padding:7px 14px;border-radius:99px;
  border:1px solid var(--line);background:var(--card-solid);font-size:13px;color:var(--ink-2);
  transition:transform .5s var(--spring),border-color .35s var(--ease),color .35s var(--ease)}
.src-pill:hover{transform:translateY(-2px);border-color:var(--line-2);color:var(--ink)}
.src-pill i{width:5px;height:5px;border-radius:50%;background:var(--mint);flex:none}
.fine{margin-top:20px;font-size:12.5px;color:var(--ink-3);position:relative;z-index:1}

/* ── article ────────────────────────────────────── */
.article{padding-top:28px;padding-bottom:20px}
.back{display:inline-flex;align-items:center;gap:8px;padding:8px 16px 8px 12px;border-radius:99px;
  border:1px solid var(--line);background:var(--card);color:var(--ink-2);
  text-decoration:none;font-size:14px;
  transition:transform .45s var(--spring),color .3s var(--ease),border-color .3s var(--ease);
  will-change:transform}
.back svg{width:16px;height:16px;transition:transform .5s var(--spring)}
.back:hover{color:var(--ink);border-color:var(--line-2)}
.back:hover svg{transform:translateX(-3px)}

.article__main{max-width:760px;margin:28px auto 0;display:flex;flex-direction:column;gap:16px}
.article__title{font-size:clamp(28px,4.4vw,50px);font-weight:300;
  letter-spacing:-.04em;line-height:1.08}
.article__meta{margin:0}
.article__art{position:relative;height:clamp(180px,26vw,280px);border-radius:var(--r);
  overflow:hidden;margin:10px 0 6px}
.article__lead{font-size:clamp(16px,1.7vw,19px);color:var(--ink-2);line-height:1.65}
.article__note{padding:16px 18px;border-radius:14px;font-size:13.5px;color:var(--ink-2);
  border:1px solid var(--line);background:var(--card);border-left:3px solid var(--pink)}
.article__note strong{color:var(--ink);font-weight:600}
.article__go{align-self:flex-start;margin-top:6px}
.article__go:hover svg{transform:translate(3px,-3px)}
.article__404{max-width:560px;margin:14vh auto;text-align:center;display:flex;
  flex-direction:column;gap:16px;align-items:center}
.article__404 h1{font-size:clamp(26px,4vw,40px);font-weight:300;letter-spacing:-.035em}
.article__404 p{color:var(--ink-2)}
.related{margin-top:clamp(48px,7vw,84px)}
.related .section-title{margin-bottom:20px}

/* ── foot ───────────────────────────────────────── */
.foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;
  max-width:1180px;margin:clamp(56px,8vw,96px) auto 0;padding:26px var(--pad);
  border-top:1px solid var(--line);font-size:13px;color:var(--ink-3)}
.foot a{color:var(--ink-2);text-decoration:none;transition:color .3s var(--ease)}
.foot a:hover{color:var(--pink)}

/* ── responsive ─────────────────────────────────── */
@media (max-width:860px){
  .nav__links{display:none}
  .feature{grid-template-columns:1fr}
  .feature__art{min-height:200px}
}
@media (max-width:520px){
  .nav__right .btn{display:none}
  .stats{gap:22px}.stat b{font-size:24px}
}

@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{
    animation-duration:.001ms!important;animation-iteration-count:1!important;
    transition-duration:.001ms!important;scroll-behavior:auto!important;
  }
  [data-reveal],.card{opacity:1;transform:none}
  .word > i{transform:none}
}
:focus-visible{outline:2px solid var(--pink);outline-offset:3px;border-radius:8px}