/* adrenalineos.ai (moved from adren.ai by ARG-479), the enterprise pass (preview, Nov 2026). Loaded after site.css. Every animation
   moves transform or opacity only; tokens.css turns them all off under reduced motion, and the
   static state of each scene is its last act, so nothing is lost without motion. */

/* ---------- the hero on a phone: the words first, the eye after ---------- */
@media (max-width:1023px){
  .hero__copy .gaze{order:9;width:min(52vw,230px);margin:36px auto 0}
}

/* ---------- 01 · the operation, in motion ---------- */
.op-stage{position:relative;margin-top:8px;border-radius:var(--r-card,28px);overflow:hidden;
  background:radial-gradient(70% 60% at 50% 0%,rgb(200 255 61 / .07),transparent 70%),
             radial-gradient(60% 60% at 50% 100%,rgb(107 112 70 / .18),transparent 70%),var(--ink-950);
  box-shadow:inset 0 0 0 1px rgb(236 232 223 / .08)}
.op-svg{display:block;width:100%;height:auto}
.op-floor{fill:rgb(236 232 223 / .025);stroke:rgb(236 232 223 / .12);stroke-width:1}
.op-grid{fill:none;stroke:rgb(236 232 223 / .09);stroke-width:1}
.op-face{stroke:rgb(236 232 223 / .10);stroke-width:1}
.op-face--t{fill:#262A1B}.op-face--r{fill:#1A1D14}.op-face--l{fill:#11130D}
.op-station--owner .op-face--t{fill:#6B7046}
.op-chip{fill:#11130D;stroke:rgb(220 226 166 / .45);stroke-width:1}
.op-chip--owner{fill:#DCE2A6;stroke:none}.op-chip__t.op-chip__t--owner{fill:#11130D}
.op-chip__t{font:600 10.5px/1 var(--font-sans);letter-spacing:.06em;text-anchor:middle;fill:#DCE2A6;text-transform:uppercase}
.op-name{font:500 13px/1 var(--font-sans);fill:#A9AE86;letter-spacing:.02em}
.op-eye__lid{fill:#ECE8DF}.op-eye__iris{fill:#8E9275}.op-eye__glint{fill:#C8FF3D}
.op-halo{fill:rgb(200 255 61 / .05);stroke:rgb(200 255 61 / .25);stroke-width:1}
.op-read{stroke:#C8FF3D;stroke-width:1.2;stroke-dasharray:3 7;opacity:.55}
.op-leak{fill:#DCE2A6}.op-back,.op-up{fill:#C8FF3D}
.op-msg{fill:#6E7258}
.op-door{fill:#1A1D14;stroke:#6E7258;stroke-width:1}
.op-door__t{font:500 12px/1 var(--font-sans);fill:#A9AE86;text-anchor:middle}
.op-find__card{fill:#262A1B;stroke:#DCE2A6;stroke-width:1}
.op-find__rows{stroke:#DCE2A6;stroke-width:2;stroke-linecap:round;opacity:.8}
.op-brief__doc{fill:#ECE8DF}
.op-brief__t{font:600 13px/1 var(--font-sans);fill:#11130D}
.op-brief__line{fill:#A9AE86}.op-brief__line--key{fill:#6B7046}
.op-seal__ring{fill:rgb(200 255 61 / .06);stroke:#C8FF3D;stroke-width:1.5}
.op-seal__check{fill:none;stroke:#C8FF3D;stroke-width:3;stroke-linecap:round;stroke-linejoin:round}
.op-seal__t{font:500 12px/1 var(--font-sans);fill:#DCE2A6;text-anchor:middle}

/* the four acts, one cycle; the static state (no motion) is act 4 */
.op-layer--before,.op-layer--observe,.op-layer--findings{opacity:0}
.op-layer--eye,.op-layer--with{opacity:1}
.op-layer--before{animation:op-act1 26s linear infinite}
.op-layer--eye{animation:op-act-eye 26s linear infinite}
.op-layer--observe{animation:op-act2 26s linear infinite}
.op-layer--findings{animation:op-act3 26s linear infinite}
.op-layer--with{animation:op-act4 26s linear infinite}
@keyframes op-act1{0%,22%{opacity:1}25%,97%{opacity:0}100%{opacity:1}}
@keyframes op-act-eye{0%,22%{opacity:0}26%,97%{opacity:1}100%{opacity:0}}
@keyframes op-act2{0%,24%{opacity:0}27%,47%{opacity:1}50%,100%{opacity:0}}
@keyframes op-act3{0%,49%{opacity:0}52%,72%{opacity:1}75%,100%{opacity:0}}
@keyframes op-act4{0%,74%{opacity:0}77%,97%{opacity:1}100%{opacity:0}}

/* the moving parts inside each act */
.op-d1{animation-delay:0s}.op-d2{animation-delay:.45s}.op-d3{animation-delay:.9s}
.op-d4{animation-delay:1.35s}.op-d5{animation-delay:1.8s}.op-d6{animation-delay:2.25s}
.op-leak--r{animation:op-leak-r 2.6s ease-in infinite}
.op-leak--l{animation:op-leak-l 2.6s ease-in infinite}
@keyframes op-leak-r{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(64px,37px);opacity:0}}
@keyframes op-leak-l{0%{transform:translate(0,0);opacity:0}15%{opacity:1}100%{transform:translate(-64px,37px);opacity:0}}
.op-msg{animation:op-pile 3.2s ease-out infinite}
@keyframes op-pile{0%{opacity:0;transform:translateY(8px)}25%,100%{opacity:1;transform:none}}
.op-find{animation:op-rise 3s ease-out infinite}
@keyframes op-rise{0%{transform:translateY(12px);opacity:0}30%{opacity:1}100%{transform:translateY(-34px);opacity:0}}
.op-bot{animation:op-float 3.4s ease-in-out infinite}
@keyframes op-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
/* op-up and op-back keyframes are written by the build, one per path */

/* captions over the scene, synchronised with the acts */
.op-caps{position:absolute;left:clamp(16px,3vw,36px);top:clamp(14px,2.4vw,30px);right:40%;pointer-events:none}
.op-cap{position:absolute;inset:0 auto auto 0;opacity:0;width:max-content;max-width:100%}
.op-cap__k{display:block;font:600 11px/1.2 var(--font-sans);letter-spacing:.14em;text-transform:uppercase;color:#C8FF3D;margin-bottom:8px}
.op-cap__t{display:block;max-width:19ch;font:500 clamp(18px,1.2vw + 12px,30px)/1.15 var(--font-sans);color:var(--bone-50);letter-spacing:-.01em;text-wrap:balance}
.op-cap--1{animation:op-act1 26s linear infinite}
.op-cap--2{animation:op-act2 26s linear infinite}
.op-cap--3{animation:op-act3 26s linear infinite}
.op-cap--4{opacity:1;animation:op-act4 26s linear infinite}
.op-note{margin-top:14px;font:500 12px/1.4 var(--font-sans);letter-spacing:.06em;text-transform:uppercase;color:var(--text-3)}
.op-steps{list-style:none;margin:40px 0 0;padding:0;display:grid;gap:1px;background:rgb(236 232 223 / .08);
  border-radius:20px;overflow:hidden;grid-template-columns:1fr}
.op-steps li{background:var(--night-900);padding:24px 24px 28px}
.op-steps .label{display:block;margin-bottom:10px;color:#C8FF3D}
.op-steps h3{font:600 20px/1.2 var(--font-sans);color:var(--bone-50);margin:0 0 8px}
.op-steps p{margin:0;color:var(--text-2);font-size:15px;line-height:1.5}
@media (min-width:900px){.op-steps{grid-template-columns:repeat(4,1fr)}}
/* phones: the narrow drawing, with labels large enough to read, and the caption above it, never on it */
.op-svg--narrow{display:none}
.op-svg--narrow .op-chip__t,.op-svg--narrow .op-door__t,.op-svg--narrow .op-brief__t{font-size:20px}
.op-svg--narrow .op-seal__t{font-size:18px}
@media (max-width:759px){
  .op-stage{display:flex;flex-direction:column}
  .op-svg--wide{display:none}.op-svg--narrow{display:block}
  .op-caps{position:relative;order:-1;left:auto;top:auto;right:auto;display:grid;padding:22px 22px 0}
  .op-cap{position:relative;inset:auto;grid-area:1/1;width:auto;max-width:none}
  .op-cap__t{max-width:none}
  .op-cap__t{font-size:19px;line-height:1.3}
}

/* ---------- definitions, under the Shadows ---------- */
.glossary{display:grid;gap:12px;margin:-16px 0 40px;padding:0;list-style:none;max-width:980px}
.glossary li{font-size:15px;line-height:1.5;color:var(--text-2)}
.glossary b{color:var(--text-1);font-weight:600}
@media (min-width:900px){.glossary{grid-template-columns:repeat(3,1fr);gap:28px}}

/* ---------- your AI, connected ---------- */
.ai{display:grid;gap:48px;align-items:center}
@media (min-width:1024px){.ai{grid-template-columns:1.05fr .95fr;gap:72px}}
.badge{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;
  font:600 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--granite);
  box-shadow:inset 0 0 0 1px rgb(35 42 47 / .18);background:rgb(247 245 239 / .5)}
.badge::before{content:"";width:6px;height:6px;border-radius:50%;background:#C8FF3D;box-shadow:0 0 0 3px rgb(200 255 61 / .25)}
.ai__points{list-style:none;margin:28px 0 0;padding:0;display:grid;gap:14px}
.ai__points li{padding-left:22px;position:relative;color:var(--text-2);font-size:16px;line-height:1.5}
.ai__points li::before{content:"";position:absolute;left:0;top:.62em;width:10px;height:1px;background:var(--steel)}
.chat{border-radius:24px;background:var(--ink-950);padding:22px;box-shadow:0 40px 80px -40px rgb(35 42 47 / .6),inset 0 0 0 1px rgb(236 232 223 / .08)}
.chat__bar{display:flex;justify-content:space-between;align-items:center;padding-bottom:16px;margin-bottom:16px;
  border-bottom:1px solid rgb(236 232 223 / .08);font:500 12px/1 var(--font-sans);color:rgb(236 232 223 / .5);letter-spacing:.04em}
.chat__bar b{color:var(--bone-50);font-weight:600}
.chat__q,.chat__a{border-radius:16px;padding:14px 16px;font-size:15px;line-height:1.5}
.chat__q{background:#262A1B;color:var(--bone-50);margin-left:18%}
.chat__a{background:#1A1D14;color:rgb(236 232 223 / .82);margin:12px 18% 0 0}
.chat__who{display:block;font:600 11px/1 var(--font-sans);letter-spacing:.1em;text-transform:uppercase;color:#A9AE86;margin-bottom:8px}
.chat__chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.chat__chips span{font:600 11px/1 var(--font-sans);letter-spacing:.06em;padding:7px 10px;border-radius:999px;
  color:#DCE2A6;box-shadow:inset 0 0 0 1px rgb(220 226 166 / .35)}
.chat__note{margin-top:14px;font:500 11px/1.4 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:rgb(236 232 223 / .4)}

/* ---------- models and security ---------- */
.trust{display:grid;gap:40px}
@media (min-width:1024px){.trust{grid-template-columns:.9fr 1.1fr;gap:72px;align-items:start}}
.trust__lead{font-size:clamp(17px,.4vw + 15px,20px);line-height:1.55;color:var(--text-2);margin-top:20px}
.trust__grid{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:rgb(35 42 47 / .1);border-radius:22px;overflow:hidden}
@media (min-width:640px){.trust__grid{grid-template-columns:1fr 1fr}}
.trust__grid li{background:var(--snow);padding:26px}
.trust__grid h3{font:600 18px/1.25 var(--font-sans);color:var(--text-1);margin:0 0 8px}
.trust__grid p{margin:0;color:var(--text-2);font-size:15px;line-height:1.5}
.trust__grid .label{display:block;margin-bottom:14px}

/* ---------- security, written for the client's engineers: a spec sheet ---------- */
.spec__head{max-width:860px}
.spec{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:rgb(35 42 47 / .1);border-radius:22px;overflow:hidden;
  box-shadow:inset 0 0 0 1px rgb(35 42 47 / .1)}
@media (min-width:700px){.spec{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.spec{grid-template-columns:repeat(3,1fr)}}
.spec li{background:var(--snow);padding:26px 26px 28px;display:flex;flex-direction:column;gap:10px}
.spec__k{font:600 11px/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:var(--text-3)}
.spec h3{margin:0;font:600 17px/1.3 var(--font-sans);color:var(--text-1);letter-spacing:-.005em}
.spec p{margin:0;font-size:15px;line-height:1.55;color:var(--text-2)}
.spec__more{margin:24px 0 0}
.spec__link{display:inline-flex;align-items:center;gap:12px;font:600 15px/1 var(--font-sans);color:var(--text-1);text-decoration:none}
.spec__link .btn__go{background:var(--text-1);color:var(--snow)}
.spec__link:hover .btn__go{transform:translateX(3px)}

/* ---------- how each finding is measured, above the sectors ---------- */
.measures{list-style:none;margin:0 0 20px;padding:0;display:grid;gap:1px;background:rgb(35 42 47 / .1);border-radius:22px;overflow:hidden}
@media (min-width:760px){.measures{grid-template-columns:repeat(3,1fr)}}
.measures li{background:var(--snow);padding:22px 24px 24px;display:grid;gap:8px;align-content:start}
.measures__n{font:500 12px/1 var(--font-sans);letter-spacing:.06em;color:var(--text-3)}
.measures b{display:flex;flex-wrap:wrap;align-items:center;gap:10px;font:600 18px/1.25 var(--font-sans);color:var(--text-1)}
.measures b .badge{font-size:10px;padding:5px 10px}
.measures li>span:last-child{font-size:15px;line-height:1.5;color:var(--text-2)}

/* ---------- sectors: one dark card per sector, numbered, an icon, what Adren reads and three findings ---------- */
.sectors{list-style:none;margin:0;padding:0;display:grid;gap:16px}
@media (min-width:760px){.sectors{grid-template-columns:repeat(2,1fr);gap:20px}}
.sector{display:flex;flex-direction:column;border-radius:24px;padding:26px 24px 28px;color:#ECE8DF;
  background:radial-gradient(70% 55% at 100% 0%,rgb(107 112 70 / .26),transparent 70%),var(--ink-950);
  box-shadow:0 40px 80px -48px rgb(35 42 47 / .55),inset 0 0 0 1px rgb(236 232 223 / .09);transition:transform .35s var(--ease-out,ease)}
.sector:hover{transform:translateY(-3px)}
@media (min-width:760px){.sector{padding:32px 32px 34px}}
.sector__top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:36px}
.sector__n{font:500 13px/1 var(--font-sans);letter-spacing:.06em;color:rgb(236 232 223 / .45)}
.sector__icon{width:42px;height:42px;fill:none;stroke:#C8FF3D;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.sector h3{margin:0 0 10px;font:600 clamp(22px,.8vw + 18px,28px)/1.15 var(--font-sans);letter-spacing:-.012em;color:#ECE8DF;text-wrap:balance}
.sector__who{margin:0;font-size:15px;line-height:1.5;color:rgb(236 232 223 / .62)}
.sector__reads{margin:18px 0 0;font-size:15px;line-height:1.5;color:rgb(236 232 223 / .82)}
.sector__k{display:block;margin:0 0 6px;font:600 11px/1.2 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:rgb(236 232 223 / .42)}
.sector__k--finds{margin-top:22px;padding-top:20px;border-top:1px solid rgb(236 232 223 / .1)}
.sector__finds{list-style:none;margin:6px 0 0;padding:0;display:grid;gap:12px}
.sector__finds li{display:flex;gap:12px;align-items:flex-start;font-size:15px;line-height:1.4;color:#ECE8DF}
.sector__finds svg{flex:none;width:18px;height:18px;margin-top:1px;fill:none;stroke:#C8FF3D;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.sectors__close{display:flex;flex-wrap:wrap;gap:20px;align-items:center;justify-content:space-between;margin-top:32px}
.sectors__close p{margin:0;color:var(--text-2);max-width:56ch}

/* ---------- Adren Labs ---------- */
.labs{display:grid;gap:40px}
@media (min-width:1024px){.labs{grid-template-columns:1fr 1fr;gap:72px;align-items:center}}
.people{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.people li{display:flex;gap:16px;align-items:center;padding:16px;border-radius:18px;background:rgb(236 232 223 / .04);
  box-shadow:inset 0 0 0 1px rgb(236 232 223 / .08)}
.people .mono{flex:none;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;
  font:600 16px/1 var(--font-sans);color:var(--ink-950);background:var(--champagne-200)}
.people b{display:block;color:var(--bone-50);font-weight:600}
.people span{color:var(--text-3);font-size:14px}
.labs__link{margin-top:28px}

/* ---------- the strong points, right under the hero ---------- */
.why{list-style:none;margin:0;padding:0;display:grid;gap:1px;background:rgb(35 42 47 / .1);border-radius:22px;overflow:hidden;grid-template-columns:1fr}
@media (min-width:700px){.why{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1100px){.why{grid-template-columns:repeat(4,1fr)}}
.why li{background:var(--snow);padding:30px 26px 32px}
.why .label{display:block;margin-bottom:18px;color:var(--steel)}
.why h3{font:600 clamp(20px,.6vw + 16px,24px)/1.18 var(--font-sans);letter-spacing:-.01em;color:var(--text-1);margin:0 0 12px}
.why p{margin:0;color:var(--text-2);font-size:15px;line-height:1.55}
.section--tight{padding-top:56px}

/* ---------- company goals ---------- */
.goals{display:grid;gap:48px;align-items:center}
@media (min-width:1024px){.goals{grid-template-columns:1fr 1fr;gap:72px}}
.goal{border-radius:24px;background:var(--ink-950);padding:24px;box-shadow:0 40px 80px -40px rgb(35 42 47 / .6),inset 0 0 0 1px rgb(236 232 223 / .08)}
.goal__head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:18px}
.goal__k{font:600 11px/1 var(--font-sans);letter-spacing:.12em;text-transform:uppercase;color:#A9AE86}
.goal__t{font:600 20px/1.25 var(--font-sans);color:var(--bone-50);margin:6px 0 0}
.goal__bar{height:8px;border-radius:999px;background:#262A1B;overflow:hidden}
.goal__fill{display:block;height:100%;width:100%;border-radius:999px;background:#C8FF3D;transform-origin:left center;transform:scaleX(.62)}
.goal__tree{list-style:none;margin:22px 0 0;padding:0;display:grid;gap:10px}
.goal__tree li{display:flex;justify-content:space-between;gap:12px;padding:12px 14px;border-radius:14px;background:#1A1D14;color:rgb(236 232 223 / .82);font-size:14px}
.goal__tree li.l2{margin-left:18px}.goal__tree li.l3{margin-left:36px}
.goal__tree em{font-style:normal;color:#DCE2A6;font-size:12px;letter-spacing:.04em}
.goal__note{margin-top:14px;font:500 11px/1.4 var(--font-sans);letter-spacing:.08em;text-transform:uppercase;color:rgb(236 232 223 / .4)}
.badge--live{color:var(--text-1)}
.sec+.badge{margin-bottom:18px}
.faq__a a{color:var(--text-1);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px}
.badge--next::before{background:var(--glacier);box-shadow:0 0 0 3px rgb(122 137 148 / .2)}

.hero__copy .sub{max-width:46ch}

/* written by the build: one path per line, up to the eye, and back to the owner */
.op-up--w1{animation:op-up-w1 2.4s ease-in infinite}
@keyframes op-up-w1{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(0.0px,-104.2px);opacity:0}}
.op-up--w2{animation:op-up-w2 2.4s ease-in infinite}
@keyframes op-up-w2{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(-243.9px,-245.0px);opacity:0}}
.op-up--w3{animation:op-up-w3 2.4s ease-in infinite}
@keyframes op-up-w3{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(243.9px,-245.0px);opacity:0}}
.op-up--w4{animation:op-up-w4 2.4s ease-in infinite}
@keyframes op-up-w4{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(0.0px,-385.8px);opacity:0}}
.op-up--n1{animation:op-up-n1 2.4s ease-in infinite}
@keyframes op-up-n1{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(0.0px,-94.2px);opacity:0}}
.op-up--n2{animation:op-up-n2 2.4s ease-in infinite}
@keyframes op-up-n2{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(-243.9px,-235.0px);opacity:0}}
.op-up--n3{animation:op-up-n3 2.4s ease-in infinite}
@keyframes op-up-n3{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(243.9px,-235.0px);opacity:0}}
.op-up--n4{animation:op-up-n4 2.4s ease-in infinite}
@keyframes op-up-n4{0%{transform:translate(0,0);opacity:0}12%{opacity:1}85%{opacity:1}100%{transform:translate(0.0px,-375.8px);opacity:0}}
.op-back--r1{animation:op-back-r1 3s ease-out infinite}
@keyframes op-back-r1{0%{transform:translate(0,0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(-304.8px,-92.4px);opacity:0}}
.op-back--r2{animation:op-back-r2 3s ease-out infinite}
@keyframes op-back-r2{0%{transform:translate(0,0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(-190.5px,-158.4px);opacity:0}}
.op-back--r3{animation:op-back-r3 3s ease-out infinite}
@keyframes op-back-r3{0%{transform:translate(0,0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(-76.2px,-224.4px);opacity:0}}
.op-back--l1{animation:op-back-l1 3s ease-out infinite}
@keyframes op-back-l1{0%{transform:translate(0,0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(304.8px,-92.4px);opacity:0}}
.op-back--l2{animation:op-back-l2 3s ease-out infinite}
@keyframes op-back-l2{0%{transform:translate(0,0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(190.5px,-158.4px);opacity:0}}
.op-back--l3{animation:op-back-l3 3s ease-out infinite}
@keyframes op-back-l3{0%{transform:translate(0,0);opacity:0}15%{opacity:1}80%{opacity:1}100%{transform:translate(76.2px,-224.4px);opacity:0}}

/* ARG-479: the intro spells Adrenaline, ten letters; site.css staggers the first five */
.intro__name span:nth-child(6){animation-delay:.4s}
.intro__name span:nth-child(7){animation-delay:.44s}
.intro__name span:nth-child(8){animation-delay:.48s}
.intro__name span:nth-child(9){animation-delay:.52s}
.intro__name span:nth-child(10){animation-delay:.56s}

/* ARG-479: "Adrenaline" is twice as long as "Adren"; on a phone the dock's name sets smaller so
   the demo button stays inside the pill (measured at 360 and 375 px) */
@media (max-width:419px){
  .dock__brand{font-size:19px;gap:6px}
  .dock__brand .eye{width:28px;height:16px}
}
@media (max-width:379px){
  .dock__brand{font-size:17px}
  .dock__cta{padding:0 12px}
}