/* ==========================================================================
   Happy Kids Robotics - stylesheet
   See DESIGN.md. Tokens first, then base, then layout, then components.
   ========================================================================== */

/* --------------------------------------------------------------- tokens -- */
:root{
  --ink-900:#0B0E11;
  --ink-800:#11151A;
  --ink-700:#161C23;
  --ink-600:#202934;
  --ink-500:#2D3845;
  --cream:#F7F3EA;
  --cream-dim:#B5AFA3;
  --muted:#7F8893;
  --orange:#EE761C;
  --orange-bright:#FF9243;
  --orange-deep:#A8490C;
  --cyan:#35D3CE;
  --lime:#C7F03F;
  --violet:#9B8CFF;
  --red:#FF5A4D;
  --paper:#F7F3EA;
  --paper-ink:#14181C;
  --paper-dim:#4A5159;

  --line:rgba(247,243,234,.12);
  --line-strong:rgba(247,243,234,.2);

  --r-xs:6px; --r-sm:12px; --r-md:18px; --r-lg:26px; --r-pill:999px;

  --ff-display:"Space Grotesk","Segoe UI",system-ui,sans-serif;
  --ff-body:"Inter","Segoe UI",system-ui,-apple-system,sans-serif;
  --ff-mono:"JetBrains Mono","Cascadia Mono",ui-monospace,SFMono-Regular,Menlo,monospace;

  --fs-display:clamp(2.6rem,7.4vw,5.4rem);
  --fs-h1:clamp(2.1rem,4.6vw,3.6rem);
  --fs-h2:clamp(1.6rem,3.1vw,2.5rem);
  --fs-h3:clamp(1.18rem,1.7vw,1.45rem);
  --fs-body:clamp(1rem,1.05vw,1.075rem);
  --fs-small:.875rem;

  --pad-sec:clamp(64px,9vw,128px);
  --gut:clamp(20px,4vw,48px);
  --maxw:1200px;

  --shadow:0 1px 0 rgba(247,243,234,.05) inset,0 18px 40px -24px rgba(0,0,0,.9);
  --ease:cubic-bezier(.22,1,.36,1);
}

/* ----------------------------------------------------------------- base -- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

body{
  margin:0;
  background:var(--ink-900);
  color:var(--cream);
  font-family:var(--ff-body);
  font-size:var(--fs-body);
  line-height:1.65;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}

h1,h2,h3,h4{font-family:var(--ff-display);font-weight:700;line-height:1.05;letter-spacing:-.02em;margin:0 0 .5em}
h1{font-size:var(--fs-h1)}
h2{font-size:var(--fs-h2)}
h3{font-size:var(--fs-h3);letter-spacing:-.01em;line-height:1.25}
p{margin:0 0 1em;max-width:68ch}
a{color:inherit}
img{max-width:100%;height:auto;display:block}
ul,ol{padding-left:1.15em}
li{margin-bottom:.4em}
strong{font-weight:600;color:var(--cream)}
hr{border:0;border-top:1px solid var(--line);margin:48px 0}

:focus-visible{outline:2px solid var(--orange-bright);outline-offset:3px;border-radius:var(--r-xs)}

::selection{background:var(--orange);color:#0B0E11}

.skip{position:absolute;left:-9999px;top:0;background:var(--orange);color:#0B0E11;padding:12px 18px;font-weight:600;z-index:200;border-radius:0 0 var(--r-sm) 0}
.skip:focus{left:0}

/* --------------------------------------------------------------- layout -- */
.wrap{width:min(var(--maxw),100% - var(--gut)*2);margin-inline:auto}
.wrap--narrow{width:min(820px,100% - var(--gut)*2);margin-inline:auto}
.sec{padding-block:var(--pad-sec);position:relative}
.sec--tight{padding-block:clamp(44px,6vw,80px)}
.sec--alt{background:var(--ink-800)}
.sec--paper{background:var(--paper);color:var(--paper-ink)}
.sec--paper h1,.sec--paper h2,.sec--paper h3,.sec--paper h4{color:var(--paper-ink)}
.sec--paper p{color:var(--paper-dim)}
.sec--paper .eyebrow{color:var(--orange-deep)}
.sec--paper strong{color:var(--paper-ink)}

.grid{display:grid;gap:clamp(18px,2.4vw,28px)}
/* Minimums are calibrated against --maxw 1200 and the gap, so these give
   exactly 2, 3 and 4 columns on a wide screen and collapse cleanly below. */
.grid--2{grid-template-columns:repeat(auto-fit,minmax(min(100%,420px),1fr))}
.grid--3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr))}
.grid--4{grid-template-columns:repeat(auto-fit,minmax(min(100%,250px),1fr))}
.split{display:grid;gap:clamp(28px,4vw,56px);grid-template-columns:1fr;align-items:center}
@media (min-width:900px){
  .split{grid-template-columns:1.05fr .95fr}
  .split--flip>*:first-child{order:2}
}

.lede{font-size:clamp(1.08rem,1.6vw,1.3rem);color:var(--cream-dim);line-height:1.55;max-width:60ch}
.sec--paper .lede{color:var(--paper-dim)}
.center{text-align:center}
.center p,.center .lede{margin-inline:auto}
.stack-sm>*+*{margin-top:12px}
.mt-0{margin-top:0}
.mb-lg{margin-bottom:clamp(32px,4vw,52px)}

/* field-grid texture */
.fieldgrid{position:relative;isolation:isolate}
.fieldgrid::before{
  content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;
  background-image:linear-gradient(var(--ink-500) 1px,transparent 1px),linear-gradient(90deg,var(--ink-500) 1px,transparent 1px);
  background-size:40px 40px;opacity:.07;
  -webkit-mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000 35%,transparent 100%);
  mask-image:radial-gradient(ellipse 85% 70% at 50% 35%,#000 35%,transparent 100%);
}

/* -------------------------------------------------------------- eyebrow -- */
.eyebrow{
  font-family:var(--ff-mono);font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--orange);margin:0 0 14px;display:block;font-weight:500;
}
.eyebrow--cyan{color:var(--cyan)}
.eyebrow--lime{color:var(--lime)}

/* -------------------------------------------------------------- buttons -- */
.btn{
  display:inline-flex;align-items:center;gap:10px;
  font-family:var(--ff-body);font-weight:600;font-size:.97rem;line-height:1;
  padding:15px 26px;border-radius:var(--r-pill);border:1px solid transparent;
  text-decoration:none;cursor:pointer;transition:transform .18s var(--ease),background .18s,box-shadow .2s,border-color .18s;
  background:linear-gradient(180deg,var(--orange-bright),var(--orange));color:#140A02;
  box-shadow:0 10px 24px -14px rgba(238,118,28,.95);
}
.btn:hover{transform:translateY(-2px);box-shadow:0 16px 30px -14px rgba(238,118,28,1)}
.btn:active{transform:translateY(0)}
.btn--ghost{background:transparent;color:var(--cream);border-color:var(--line-strong);box-shadow:none}
.btn--ghost:hover{border-color:var(--cream);background:rgba(247,243,234,.06);box-shadow:none}
.btn--light{background:var(--paper-ink);color:var(--paper);box-shadow:none}
.btn--light:hover{background:#000}
.btn--sm{padding:11px 18px;font-size:.88rem}
.btn-row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.center .btn-row{justify-content:center}
.btn .arr{transition:transform .2s var(--ease)}
.btn:hover .arr{transform:translateX(3px)}

/* ---------------------------------------------------------------- chips -- */
.chip{
  display:inline-flex;align-items:center;gap:7px;
  font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.08em;text-transform:uppercase;
  padding:6px 11px;border-radius:var(--r-xs);border:1px solid var(--line);
  color:var(--cream-dim);background:rgba(247,243,234,.04);white-space:nowrap;
}
.chip--orange{color:var(--orange);border-color:rgba(238,118,28,.38);background:rgba(238,118,28,.1)}
.chip--cyan{color:var(--cyan);border-color:rgba(53,211,206,.34);background:rgba(53,211,206,.09)}
.chip--lime{color:var(--lime);border-color:rgba(199,240,63,.32);background:rgba(199,240,63,.08)}
.chip--violet{color:var(--violet);border-color:rgba(155,140,255,.34);background:rgba(155,140,255,.1)}
.chip-row{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:18px}

/* ---------------------------------------------------------------- cards -- */
.card{
  background:var(--ink-700);border:1px solid var(--ink-600);border-radius:var(--r-md);
  padding:clamp(22px,2.4vw,30px);box-shadow:var(--shadow);position:relative;overflow:hidden;
  transition:border-color .22s,transform .22s var(--ease);
}
.card h3{margin-bottom:.45em}
.card p:last-child{margin-bottom:0}
.card--link:hover{border-color:var(--line-strong);transform:translateY(-3px)}
.card__num{font-family:var(--ff-mono);font-size:.72rem;color:var(--muted);letter-spacing:.12em;display:block;margin-bottom:14px}
.card__ico{
  width:46px;height:46px;border-radius:var(--r-sm);display:grid;place-items:center;margin-bottom:18px;
  background:rgba(238,118,28,.14);color:var(--orange);
}
.card__ico svg{width:24px;height:24px}
.card__ico--cyan{background:rgba(53,211,206,.13);color:var(--cyan)}
.card__ico--lime{background:rgba(199,240,63,.12);color:var(--lime)}
.card__ico--violet{background:rgba(155,140,255,.14);color:var(--violet)}
.sec--paper .card{background:#fff;border-color:rgba(20,24,28,.1);box-shadow:0 14px 30px -24px rgba(0,0,0,.4)}
.sec--paper .card p{color:var(--paper-dim)}
.sec--paper .card__num{color:#8A8578}

/* ---------------------------------------------------------------- stats -- */
.stat{border-left:2px solid var(--orange);padding-left:16px}
.stat__n{font-family:var(--ff-mono);font-size:clamp(1.7rem,3.4vw,2.5rem);font-weight:500;line-height:1;color:var(--cream);display:block}
.stat__l{font-size:var(--fs-small);color:var(--muted);margin:8px 0 0;line-height:1.4;max-width:26ch}
.stat--lime{border-color:var(--lime)}
.stat--lime .stat__n{color:var(--lime)}
.stat--cyan{border-color:var(--cyan)}
.stat--cyan .stat__n{color:var(--cyan)}
.sec--paper .stat__n{color:var(--paper-ink)}
.sec--paper .stat__l{color:#6C7279}

/* ----------------------------------------------------------------- hero -- */
.hero{position:relative;padding-top:clamp(96px,13vw,150px);padding-bottom:clamp(60px,8vw,104px);overflow:hidden}
.hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;opacity:.62}
.hero__glow{position:absolute;z-index:0;top:-28%;right:-14%;width:min(760px,90vw);aspect-ratio:1;border-radius:50%;pointer-events:none;
  background:radial-gradient(circle,rgba(238,118,28,.2),rgba(238,118,28,0) 62%);filter:blur(10px)}
.hero__in{position:relative;z-index:2}
.hero h1{font-size:var(--fs-display);max-width:16ch;margin-bottom:.35em}
.hero h1 em{font-style:normal;color:var(--orange);display:block}
.hero .lede{max-width:52ch;margin-bottom:30px}
.hero__meta{display:flex;flex-wrap:wrap;gap:10px 22px;margin-top:34px;font-family:var(--ff-mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}
.hero__meta span{display:flex;align-items:center;gap:8px}
.hero__meta b{color:var(--cream);font-weight:500}
.dot{width:6px;height:6px;border-radius:50%;background:var(--lime);flex:none}

/* ---------------------------------------------------------------- media -- */
.media{border-radius:var(--r-lg);overflow:hidden;border:1px solid var(--ink-600);background:var(--ink-700);position:relative;margin:0}
.media img{width:100%;aspect-ratio:16/10;object-fit:cover}
.media--tall img{aspect-ratio:4/5}
.media--wide img{aspect-ratio:16/7}
/* Close to the native ratio of the lab photos, so cover barely crops them
   and the sign on the wall stays whole. */
.media--16x9 img{aspect-ratio:16/9}
.media figcaption{font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding:12px 16px;border-top:1px solid var(--ink-600)}
.media__tag{position:absolute;left:14px;top:14px;z-index:2}

.wallpanel{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--r-lg);border:1px solid var(--ink-600);padding:clamp(28px,4vw,56px);background:var(--ink-800)}
.wallpanel::before{content:"";position:absolute;inset:0;z-index:-2;background-image:url("img/physics-wall.webp");background-size:cover;background-position:center;opacity:.16;filter:grayscale(1) contrast(1.1)}
.wallpanel::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(100deg,var(--ink-900) 6%,rgba(11,14,17,.74) 56%,rgba(11,14,17,.4))}

/* ------------------------------------------------------------------ nav -- */
.nav{position:sticky;top:0;z-index:100;background:rgba(11,14,17,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.nav__in{display:flex;align-items:center;gap:18px;height:68px;width:min(var(--maxw),100% - var(--gut)*2);margin-inline:auto}
.nav__logo{display:flex;align-items:center;gap:11px;text-decoration:none;flex:none;margin-right:auto}
.nav__logo img{width:34px;height:34px;border-radius:9px}
.nav__logo b{font-family:var(--ff-display);font-weight:700;font-size:1.03rem;letter-spacing:-.02em;white-space:nowrap}
.nav__logo span{color:var(--orange)}
.nav__links{display:none;gap:2px;align-items:center}
@media (min-width:1040px){.nav__links{display:flex}}
.nav__links a{
  text-decoration:none;font-size:.92rem;font-weight:500;color:var(--cream-dim);
  padding:9px 12px;border-radius:var(--r-xs);transition:color .18s,background .18s;
}
.nav__links a:hover{color:var(--cream);background:rgba(247,243,234,.06)}
.nav__links a[aria-current="page"]{color:var(--orange)}
.nav__cta{display:none}
@media (min-width:640px){.nav__cta{display:inline-flex}}
.nav__burger{
  display:grid;place-items:center;width:42px;height:42px;flex:none;
  background:transparent;border:1px solid var(--line);border-radius:var(--r-xs);color:var(--cream);cursor:pointer;
}
@media (min-width:1040px){.nav__burger{display:none}}
.nav__burger svg{width:20px;height:20px}
.nav__panel{display:none;border-top:1px solid var(--line);background:var(--ink-800);padding:14px var(--gut) 22px}
.nav__panel.open{display:block}
@media (min-width:1040px){.nav__panel.open{display:none}}
.nav__panel a{display:block;text-decoration:none;color:var(--cream-dim);padding:12px 2px;border-bottom:1px solid var(--line);font-weight:500}
.nav__panel a:last-of-type{border-bottom:0}
.nav__panel .btn{margin-top:14px;width:100%;justify-content:center}

/* -------------------------------------------------------------- breadcr -- */
.crumbs{font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);padding-top:26px}
.crumbs a{color:var(--muted);text-decoration:none}
.crumbs a:hover{color:var(--orange)}
.crumbs span{margin:0 8px;opacity:.5}

/* ------------------------------------------------------------ page head -- */
.phead{padding-top:clamp(40px,5vw,66px);padding-bottom:clamp(34px,5vw,62px)}
.phead h1{max-width:19ch}
.phead .lede{margin-top:4px}

/* ----------------------------------------------------------------- tier -- */
.tier{display:flex;flex-direction:column;background:#fff;border:1px solid rgba(20,24,28,.12);border-radius:var(--r-md);padding:clamp(24px,2.6vw,32px)}
.tier--featured{border-color:var(--orange);box-shadow:0 0 0 1px var(--orange),0 22px 44px -30px rgba(238,118,28,.8);position:relative}
.tier__flag{position:absolute;top:-12px;left:clamp(24px,2.6vw,32px);background:var(--orange);color:#140A02;font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;padding:5px 11px;border-radius:var(--r-xs);font-weight:500}
.tier h3{margin-bottom:6px}
.tier__price{font-family:var(--ff-mono);font-size:2rem;font-weight:500;color:var(--paper-ink);line-height:1;margin:14px 0 4px}
.tier__price small{font-size:.8rem;color:#6C7279;font-weight:400;letter-spacing:.04em}
.tier__for{font-size:var(--fs-small);color:#6C7279;margin-bottom:18px}
.tier ul{list-style:none;padding:0;margin:0 0 24px;flex:1}
.tier li{display:flex;gap:10px;align-items:flex-start;font-size:.94rem;color:var(--paper-dim);margin-bottom:10px;line-height:1.5}
.tier li::before{content:"";width:16px;height:16px;flex:none;margin-top:3px;border-radius:50%;background:rgba(238,118,28,.16);
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 8.3l2.6 2.6L12 5.5' stroke='%23EE761C' stroke-width='2' fill='none' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.tier .btn{width:100%;justify-content:center}

/* ----------------------------------------------------------------- week -- */
.weeks{border:1px solid rgba(20,24,28,.12);border-radius:var(--r-md);overflow:hidden;background:#fff}
.week{display:grid;grid-template-columns:auto 1fr;gap:4px 18px;padding:18px clamp(16px,2vw,24px);border-bottom:1px solid rgba(20,24,28,.09);align-items:baseline}
@media (min-width:720px){.week{grid-template-columns:86px 1fr auto;align-items:center}}
.week:last-child{border-bottom:0}
.week__n{font-family:var(--ff-mono);font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--orange-deep);font-weight:500}
.week__t{font-weight:600;color:var(--paper-ink);font-size:.98rem;line-height:1.35}
.week__t em{display:block;font-style:normal;font-weight:400;font-size:.88rem;color:#6C7279;margin-top:3px}
.week__tag{grid-column:1/-1}
@media (min-width:720px){.week__tag{grid-column:auto}}
.tag{display:inline-block;font-family:var(--ff-mono);font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;padding:4px 9px;border-radius:var(--r-xs)}
.tag--le{background:rgba(155,140,255,.16);color:#5B49C9}
.tag--iq{background:rgba(53,211,206,.18);color:#0F6F6C}
.tag--bc{background:rgba(238,118,28,.14);color:var(--orange-deep)}

/* ------------------------------------------------------------------ faq -- */
.faq{border-top:1px solid var(--line)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{
  list-style:none;cursor:pointer;padding:22px 44px 22px 0;position:relative;
  font-family:var(--ff-display);font-weight:500;font-size:clamp(1.02rem,1.5vw,1.2rem);
  letter-spacing:-.01em;line-height:1.35;color:var(--cream);
}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{
  content:"";position:absolute;right:6px;top:50%;width:12px;height:12px;margin-top:-8px;
  border-right:2px solid var(--orange);border-bottom:2px solid var(--orange);
  transform:rotate(45deg);transition:transform .22s var(--ease);
}
.faq details[open] summary::after{transform:rotate(-135deg);margin-top:-2px}
.faq .ans{padding:0 0 24px;color:var(--cream-dim)}
.faq .ans p:last-child{margin-bottom:0}
.faq .ans p:first-child{color:var(--cream)}
.sec--paper .faq,.sec--paper .faq details{border-color:rgba(20,24,28,.12)}
.sec--paper .faq summary{color:var(--paper-ink)}
.sec--paper .faq .ans{color:var(--paper-dim)}
.sec--paper .faq .ans p:first-child{color:var(--paper-ink)}

/* ----------------------------------------------------------------- misc -- */
.callout{border:1px solid var(--line);border-left:3px solid var(--orange);border-radius:0 var(--r-sm) var(--r-sm) 0;padding:20px 24px;background:rgba(238,118,28,.05)}
.callout p:last-child{margin-bottom:0}
.sec--paper .callout{background:rgba(238,118,28,.07);border-color:rgba(20,24,28,.12);border-left-color:var(--orange)}

.bigcta{position:relative;overflow:hidden;border-radius:var(--r-lg);padding:clamp(36px,5vw,68px);text-align:center;
  background:linear-gradient(145deg,#1A1008,var(--ink-800) 58%);border:1px solid rgba(238,118,28,.26)}
.bigcta::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;
  background:radial-gradient(ellipse 60% 100% at 50% 0%,rgba(238,118,28,.2),transparent 70%)}
.bigcta>*{position:relative;z-index:1}
.bigcta h2{max-width:20ch;margin-inline:auto}
.bigcta p{margin-inline:auto}

.linklist{list-style:none;padding:0;margin:0}
.linklist li{margin-bottom:0;border-bottom:1px solid var(--line)}
.linklist a{display:flex;justify-content:space-between;align-items:center;gap:16px;text-decoration:none;padding:18px 0;color:var(--cream);font-weight:500;transition:color .18s,padding .18s var(--ease)}
.linklist a:hover{color:var(--orange);padding-left:6px}
.linklist small{font-family:var(--ff-mono);font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);flex:none}

.rolecard{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--line)}
.rolecard:last-child{border-bottom:0}
.rolecard b{font-family:var(--ff-mono);font-size:.78rem;letter-spacing:.06em;color:var(--lime);flex:none;width:100px;padding-top:2px}
.rolecard p{margin:0;font-size:.95rem;color:var(--cream-dim)}

/* --------------------------------------------------------------- footer -- */
.foot{background:var(--ink-800);border-top:1px solid var(--line);padding-block:clamp(48px,6vw,80px) 32px;font-size:.93rem}
.foot__grid{display:grid;gap:36px;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));margin-bottom:46px}
.foot h4{font-family:var(--ff-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:500;margin-bottom:16px}
.foot ul{list-style:none;padding:0;margin:0}
.foot li{margin-bottom:9px}
.foot a{color:var(--cream-dim);text-decoration:none;transition:color .18s}
.foot a:hover{color:var(--orange)}
.foot address{font-style:normal;color:var(--cream-dim);line-height:1.75}
.foot__bar{border-top:1px solid var(--line);padding-top:24px;display:flex;flex-wrap:wrap;gap:14px;justify-content:space-between;align-items:center;color:var(--muted);font-size:.82rem}
.foot__social{display:flex;gap:10px;flex-wrap:wrap}
.foot__social a{width:38px;height:38px;border:1px solid var(--line);border-radius:var(--r-xs);display:grid;place-items:center;color:var(--cream-dim);transition:border-color .18s,color .18s,background .18s}
.foot__social a:hover{border-color:var(--orange);color:var(--orange);background:rgba(238,118,28,.08)}
.foot__social svg{width:17px;height:17px}

/* ---------------------------------------------------------------- reveal -- */
.rv{opacity:0;transform:translateY(12px);transition:opacity .5s var(--ease),transform .5s var(--ease)}
.rv.in{opacity:1;transform:none}

@media (prefers-reduced-motion:reduce){
  .rv{opacity:1 !important;transform:none !important;transition:none}
  *,*::before,*::after{animation-duration:.001ms !important;animation-iteration-count:1 !important;transition-duration:.001ms !important}
  .btn:hover,.card--link:hover{transform:none}
}