/* acads.com homepage (index.html, built by src/home.py). Hand-written.
   The page keeps the v3.2 design's inline styles; this file holds its global rules, the hover styles
   (the design's style-hover, hence !important over the inline styles) and the layout that changes with width. */
*{box-sizing:border-box}
html,body{margin:0;background:#fff}
body{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:root{--k-font:Inter,-apple-system,"Segoe UI",Helvetica,Arial,sans-serif;--k-num:var(--k-font);--k-ink:rgba(0,0,0,.95);--k-text:rgba(0,0,0,.85);--k-muted:rgba(0,0,0,.54);--k-faint:rgba(0,0,0,.36);--k-hair:rgba(0,0,0,.08);--k-bg:#fff;--k-card:#fff;--k-soft:#f1f1ef;--k-r:10px;--k-ring:0 0 0 1px rgba(0,0,0,.08);--ease:cubic-bezier(.2,.8,.2,1)}
a{color:#0075de;text-decoration:none}
a:hover{color:#005bab}
button{font:inherit;cursor:pointer}
.ac-noscroll::-webkit-scrollbar{display:none}
.ks .draw *{stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 1.2s cubic-bezier(.6,0,.2,1)}
.ks .draw.on *{stroke-dashoffset:0}
.ks .lt{width:46px;height:52px;border-radius:10px;display:grid;place-items:center;font:700 26px/1 var(--k-font);color:var(--k-ink);background:#fff;box-shadow:var(--k-ring);transition:all .35s}
.ks .lt.on{background:var(--s);color:var(--t);box-shadow:inset 0 0 0 1.5px var(--c);transform:translateY(-3px)}
@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important;scroll-behavior:auto!important}}

/* hover */
.h-nav:hover{background:#f6f5f4!important;color:#000!important}
.h-blue:hover{background:#005bab!important;color:#fff!important}
.h-pill:hover{background:#efeeec!important;color:#000!important}
.h-ink:hover{background:#2a2a28!important;color:#fff!important}
.h-soft:hover{background:#f6f5f4!important}
.h-soft2:hover{background:#ebeae8!important}
.h-card:hover{background:#f1f1ef!important;color:#000!important}

/* header: verticals in the bar from 1180px, a menu below that */
.hm-navwide{display:none}
.hm-menubtn{display:grid}
.hm-menu{display:none}
.hm-menu.open{display:grid}
@media (min-width:1180px){.hm-navwide{display:flex}.hm-menubtn,.hm-menu.open{display:none}}

/* hero: centred below 980px */
.hm-align{align-items:center}
.hm-self{align-self:center}
.hm-video{justify-self:center}
@media (min-width:980px){.hm-align{align-items:flex-start}.hm-self{align-self:flex-start}.hm-video{justify-self:end}}

/* vertical strip marks */
.hm-big{display:none}
.hm-small{display:contents}
@media (min-width:640px){.hm-big{display:contents}.hm-small{display:none}}

/* brain: labels round it from 980px, a grid of labels below that */
.hm-wide{display:none}
@media (min-width:980px){.hm-wide{display:block}.hm-narrow{display:none}}

/* the vertical card */
.hm-card{grid-template-columns:minmax(0,1fr)}
.hm-cardpad{padding:20px 16px 16px}
.hm-stage{min-height:500px}
@media (min-width:640px){.hm-cardpad{padding:30px 26px 26px}.hm-stage{min-height:560px}}
@media (min-width:1040px){.hm-card{grid-template-columns:minmax(0,.62fr) minmax(0,1.5fr)}}