/* ============================================================================
   01 — CHROME FORGE  ·  Liquid-Metal OS  ·  Quicksilver OS
   ============================================================================ */
:root{
  --ink:#06090d; --ink-2:#0a1116; --ink-3:#101820;
  --paper:#eaf2fa; --paper-mute:#9bb1c7; --paper-faint:#5a6b7e;
  --chrome-1:#e7f4ff; --chrome-2:#c4d8e8; --chrome-3:#7c93a8;
  --cyan:#22d3ee; --cyan-2:#7df0ff; --cyan-deep:#0d9bb6;
  --warm:#ffd6a8; --line:rgba(199,221,242,.14);
  --sans:'Inter',system-ui,-apple-system,sans-serif;
  --mono:'JetBrains Mono',ui-monospace,monospace;
  --serif:'Fraunces',Georgia,serif;
  --ease:cubic-bezier(.22,.61,.36,1);
  --ease-out:cubic-bezier(.14,1,.34,1);
}

*{box-sizing:border-box;margin:0;padding:0}
html,body{width:100%;height:100%}
html{background:var(--ink);color:var(--paper);font-family:var(--sans);scroll-behavior:smooth;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
body{overflow:hidden;font-size:calc(15px*var(--res-scale-text,1));line-height:1.55;background:radial-gradient(120% 90% at 60% 20%,#0d1820 0%,#06090d 65%,#03060a 100%)}
body.is-locked{overflow:hidden}
::selection{background:var(--cyan);color:var(--ink)}

button,a{font-family:inherit;color:inherit}
button{background:none;border:0;cursor:pointer}
a{text-decoration:none}

/* ----- WebGL backdrop ---------------------------------------------------- */
#fxCanvas{position:fixed;inset:0;width:100%;height:100%;z-index:-1;display:block;background:transparent}

/* ----- HUD overlays ------------------------------------------------------ */
.vignette{position:fixed;inset:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% 45%,transparent 50%,rgba(0,0,0,.55) 100%)}
.grain{position:fixed;inset:0;z-index:2;pointer-events:none;opacity:.06;mix-blend-mode:overlay;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='160' height='160'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/><feColorMatrix values='0 0 0 0 0.85 0 0 0 0 0.92 0 0 0 0 1 0 0 0 0.55 0'/></filter><rect width='100%25' height='100%25' filter='url(%23n)'/></svg>")}
.scanlines{position:fixed;inset:0;z-index:3;pointer-events:none;opacity:.5;mix-blend-mode:overlay;background:repeating-linear-gradient(0deg,transparent 0 2px,rgba(34,211,238,.08) 2px 3px),linear-gradient(180deg,rgba(34,211,238,.04),transparent 50%,rgba(34,211,238,.04));animation:scanDrift 6s linear infinite}
@keyframes scanDrift{from{transform:translateY(0)}to{transform:translateY(3px)}}

.hud-corners{position:fixed;inset:32px;z-index:4;pointer-events:none}
.bracket{position:absolute;width:18px;height:18px;border-color:rgba(34,211,238,.55);box-shadow:0 0 8px rgba(34,211,238,.25)}
.bracket--tl{top:-1px;left:-1px;border-top:1.5px solid;border-left:1.5px solid}
.bracket--tr{top:-1px;right:-1px;border-top:1.5px solid;border-right:1.5px solid}
.bracket--bl{bottom:-1px;left:-1px;border-bottom:1.5px solid;border-left:1.5px solid}
.bracket--br{bottom:-1px;right:-1px;border-bottom:1.5px solid;border-right:1.5px solid}

.hud-rail{position:fixed;left:64px;right:64px;display:flex;align-items:center;gap:18px;z-index:4;pointer-events:none;font:500 10px/1 var(--mono);letter-spacing:.24em;text-transform:uppercase;color:var(--paper-mute);opacity:.72}
.hud-rail--top{top:42px}
.hud-rail--bottom{bottom:42px}
.hud-rail__line{flex:1;height:1px;background:linear-gradient(90deg,transparent,rgba(199,221,242,.32),transparent)}
.hud-rail .dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan);margin-right:8px;animation:pulse 2.4s ease-in-out infinite}
@keyframes pulse{0%,100%{opacity:.55;transform:scale(1)}50%{opacity:1;transform:scale(1.15)}}

.cypher-rail{position:fixed;bottom:14px;left:0;right:0;z-index:4;height:18px;overflow:hidden;pointer-events:none;opacity:.22;mix-blend-mode:difference}
.cypher-rail__row{display:inline-flex;white-space:nowrap;font:300 10px/1 var(--mono);letter-spacing:.18em;color:var(--paper);animation:cypherSlide 80s linear infinite}
@keyframes cypherSlide{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ----- Brand fixed (TL) -------------------------------------------------- */
.brand-fixed{position:fixed;top:34px;left:64px;z-index:50;display:flex;align-items:center;gap:12px;font:600 11px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--paper)}
.brand-fixed__mark{width:22px;height:22px;filter:drop-shadow(0 0 6px rgba(34,211,238,.4))}
.brand-fixed__name{color:var(--paper)}

/* ----- Sound toggle (TR) ------------------------------------------------- */
.sound-toggle{position:fixed;top:34px;right:64px;z-index:50;display:flex;align-items:center;gap:14px;font:500 10px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper-mute);transition:color .3s var(--ease)}
.sound-toggle:hover{color:var(--cyan)}
.sound-toggle__bars{width:60px;height:14px;color:var(--cyan);opacity:.55;transition:opacity .3s var(--ease)}
.sound-toggle.is-on .sound-toggle__bars{opacity:1;animation:wave 1.6s ease-in-out infinite}
.sound-toggle.is-on{color:var(--cyan)}
@keyframes wave{0%,100%{transform:scaleY(1)}50%{transform:scaleY(.85)}}

/* ----- Scene indicator (BL) --------------------------------------------- */
.scene-indicator{position:fixed;bottom:38px;left:64px;z-index:50;display:flex;align-items:center;gap:14px;font:500 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper-mute)}
.scene-indicator__num{color:var(--cyan);font-weight:600}
.scene-indicator__label{color:var(--paper)}
.scene-indicator__bar{position:relative;width:120px;height:1.5px;background:rgba(199,221,242,.18);overflow:hidden}
.scene-indicator__fill{position:absolute;inset:0;width:16.66%;background:linear-gradient(90deg,var(--cyan-deep),var(--cyan-2));transition:width .6s var(--ease);transform-origin:left}

/* ----- Scroll cue (BR) -------------------------------------------------- */
.scroll-cue{position:fixed;bottom:38px;right:64px;z-index:50;display:flex;flex-direction:column;align-items:center;gap:8px;font:500 10px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--paper-mute);transition:opacity .6s var(--ease)}
.scroll-cue.is-hidden{opacity:0;pointer-events:none}
.scroll-cue .arrow{font-size:14px;color:var(--cyan);animation:nudge 2s ease-in-out infinite}
@keyframes nudge{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ============================================================================
   DECK + SCENES
   ============================================================================ */
.deck{position:relative;z-index:5;height:100svh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none}
.deck::-webkit-scrollbar{display:none}
.scene{scroll-snap-align:start;min-height:100svh;display:flex;align-items:center;padding:clamp(96px,10vh,140px) clamp(28px,5vw,120px);position:relative}
.scene__inner{width:100%;max-width:1280px;margin:0 auto}
.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,96px);align-items:center}
.two-col--rev{grid-template-columns:.9fr 1.1fr}
.center-col{display:flex;flex-direction:column;align-items:center;text-align:center;gap:24px}

/* Section labels */
.scene__label{display:inline-flex;align-items:center;gap:10px;font:500 11px/1 var(--mono);letter-spacing:.34em;text-transform:uppercase;color:var(--paper-mute);margin-bottom:clamp(20px,2vw,38px)}
.scene__label::before{content:'[';color:var(--paper-faint)}
.scene__label::after{content:']';color:var(--paper-faint)}
.scene__label .ord{color:var(--cyan)}

/* Display type */
.display{font-family:var(--sans);font-weight:300;font-size:clamp(54px,8.4vw,148px);line-height:.94;letter-spacing:-.035em;color:var(--paper);background:linear-gradient(180deg,#fbfeff 0%,#cfe1f0 60%,#7c93a8 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;text-shadow:0 0 80px rgba(123,210,238,.06)}
.display--md{font-size:clamp(40px,5.6vw,92px);font-weight:300}
.display.center{text-align:center}
.lede{margin-top:clamp(20px,2vw,32px);max-width:640px;font-size:clamp(15px,1.2vw,21px);line-height:1.5;color:var(--paper-mute);font-weight:300}
.copy{margin-top:18px;max-width:520px;font-size:clamp(14px,1.05vw,18px);line-height:1.6;color:var(--paper-mute);font-weight:300}
.copy.center{margin-left:auto;margin-right:auto}

/* Letter-reveal */
[data-reveal]{opacity:0;transform:translateY(28px);filter:blur(10px);transition:opacity 1.1s var(--ease),transform 1.1s var(--ease),filter 1.1s var(--ease);transition-delay:var(--rd,0ms)}
[data-reveal].is-visible{opacity:1;transform:translateY(0);filter:blur(0)}

/* Hero meta chips */
.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:36px}
.meta-chip{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;font:500 10px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--paper-mute);background:rgba(15,24,32,.55);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:2px}
.meta-chip i{display:inline-block;width:5px;height:5px;border-radius:50%;background:var(--cyan);box-shadow:0 0 6px var(--cyan)}

/* Hero floating window — chrome panel */
.hero-window{position:absolute;right:clamp(48px,7vw,140px);top:50%;transform:translateY(-50%) rotate(-1.4deg);width:clamp(280px,32vw,460px);background:linear-gradient(155deg,rgba(231,244,255,.08) 0%,rgba(124,147,168,.05) 100%);border:1px solid rgba(199,221,242,.18);border-radius:12px;backdrop-filter:blur(18px) saturate(160%);box-shadow:0 30px 80px -20px rgba(0,0,0,.6),inset 0 1px 0 rgba(231,244,255,.18),inset 0 -1px 0 rgba(0,0,0,.4);overflow:hidden;animation:floatWin 9s ease-in-out infinite}
@keyframes floatWin{0%,100%{transform:translateY(calc(-50% + 0px)) rotate(-1.4deg)}50%{transform:translateY(calc(-50% - 10px)) rotate(-1.8deg)}}
.hero-window__chrome{display:flex;align-items:center;gap:8px;padding:10px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,rgba(231,244,255,.06),transparent)}
.hero-window__dot{width:9px;height:9px;border-radius:50%;background:linear-gradient(135deg,#c4d8e8,#7c93a8);box-shadow:inset 0 1px 0 rgba(255,255,255,.4)}
.hero-window__dot:nth-child(2){background:linear-gradient(135deg,#9bd4ff,#22d3ee)}
.hero-window__dot:nth-child(3){background:linear-gradient(135deg,#7df0ff,#0d9bb6)}
.hero-window__title{margin-left:8px;font:400 10px/1 var(--mono);letter-spacing:.16em;color:var(--paper-faint);text-transform:uppercase}
.hero-window__body{padding:18px 18px 22px}
.hero-window__body pre{font:400 12px/1.7 var(--mono);color:var(--paper-mute);white-space:pre-wrap}
.c-cyan{color:var(--cyan-2)}
.c-dim{color:var(--paper-faint)}
.c-ok{color:#7df0a8}

/* Floating chrome metal cards (in product scenes) */
.metal-card{position:relative;aspect-ratio:1/1;max-width:380px;margin:0 auto;display:flex;flex-direction:column;justify-content:space-between;padding:28px;border-radius:18px;background:radial-gradient(120% 90% at 30% 25%,rgba(231,244,255,.18) 0%,rgba(124,147,168,.06) 50%,rgba(10,17,22,.4) 100%);border:1px solid rgba(199,221,242,.2);backdrop-filter:blur(22px) saturate(170%);box-shadow:0 50px 120px -30px rgba(0,20,40,.7),inset 0 1px 0 rgba(231,244,255,.25),inset 0 -1px 0 rgba(0,0,0,.4);overflow:hidden}
.metal-card::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 40%,rgba(231,244,255,.12) 50%,transparent 60%);transform:translateX(-100%);animation:metalShine 7s ease-in-out infinite}
@keyframes metalShine{0%{transform:translateX(-100%)}50%,100%{transform:translateX(100%)}}
.metal-card__ring{position:absolute;top:50%;left:50%;width:60%;aspect-ratio:1/1;transform:translate(-50%,-50%);border:1.5px solid rgba(34,211,238,.32);border-radius:50%;box-shadow:0 0 40px rgba(34,211,238,.15),inset 0 0 30px rgba(34,211,238,.08);animation:ringSpin 24s linear infinite}
.metal-card__ring::after{content:'';position:absolute;inset:18%;border:1px dashed rgba(34,211,238,.22);border-radius:50%;animation:ringSpin 18s linear infinite reverse}
@keyframes ringSpin{from{transform:translate(-50%,-50%) rotate(0)}to{transform:translate(-50%,-50%) rotate(360deg)}}
.metal-card__ring--cool{border-color:rgba(155,212,255,.32);box-shadow:0 0 40px rgba(155,212,255,.15),inset 0 0 30px rgba(155,212,255,.08)}
.metal-card__ring--warm{border-color:rgba(255,214,168,.32);box-shadow:0 0 40px rgba(255,214,168,.15),inset 0 0 30px rgba(255,214,168,.08)}
.metal-card__label{position:relative;font:500 10px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--paper-mute)}
.metal-card__readout{position:relative;display:flex;align-items:baseline;gap:10px;font-family:var(--sans);font-weight:300}
.metal-card__readout span{font-size:clamp(40px,4.4vw,72px);background:linear-gradient(180deg,#fbfeff,#7c93a8);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-.02em}
.metal-card__readout small{font:500 10px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper-faint)}

/* Bullets */
.bullets{margin-top:28px;list-style:none;display:flex;flex-direction:column;gap:14px;max-width:480px}
.bullets li{display:flex;align-items:baseline;gap:14px;font-size:clamp(13px,.95vw,16px);color:var(--paper);font-weight:300}
.bullets li span{color:var(--cyan);font-family:var(--mono);font-size:11px;letter-spacing:.1em;flex-shrink:0;width:14px}

/* ============================================================================
   PRICING TIERS — chrome glass cards
   ============================================================================ */
.tiers{margin-top:clamp(32px,4vw,56px);display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(16px,2vw,28px)}
.tier{position:relative;display:flex;flex-direction:column;gap:18px;padding:32px 28px;background:linear-gradient(160deg,rgba(231,244,255,.06) 0%,rgba(15,24,32,.55) 100%);border:1px solid var(--line);border-radius:14px;backdrop-filter:blur(18px) saturate(150%);box-shadow:0 30px 70px -25px rgba(0,0,0,.6),inset 0 1px 0 rgba(231,244,255,.12);transition:transform .5s var(--ease),border-color .5s var(--ease),box-shadow .5s var(--ease)}
.tier:hover{transform:translateY(-4px);border-color:rgba(199,221,242,.32);box-shadow:0 40px 80px -25px rgba(0,0,0,.7),inset 0 1px 0 rgba(231,244,255,.18)}
.tier--feat{background:linear-gradient(160deg,rgba(34,211,238,.12) 0%,rgba(15,24,32,.6) 100%);border-color:rgba(34,211,238,.28)}
.tier--feat:hover{border-color:rgba(34,211,238,.5)}
.tier header{display:flex;align-items:center;gap:10px}
.tier__id{font-family:var(--serif);font-style:italic;font-size:18px;color:var(--cyan)}
.tier h3{font-family:var(--sans);font-weight:500;font-size:22px;letter-spacing:-.01em;color:var(--paper)}
.tier__pill{margin-left:auto;font:500 9px/1 var(--mono);letter-spacing:.2em;text-transform:uppercase;color:var(--cyan);padding:5px 8px;border:1px solid rgba(34,211,238,.4);border-radius:2px;background:rgba(34,211,238,.08)}
.tier__price{display:flex;align-items:baseline;gap:6px;color:var(--paper)}
.tier__price span{font-family:var(--sans);font-weight:300;font-size:48px;letter-spacing:-.03em;background:linear-gradient(180deg,#fbfeff,#9bb1c7);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.tier__price small{font:500 11px/1 var(--mono);letter-spacing:.16em;text-transform:uppercase;color:var(--paper-faint)}
.tier__sub{font-size:13px;color:var(--paper-mute);font-weight:300;line-height:1.5}
.tier ul{list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13.5px;color:var(--paper);font-weight:300;border-top:1px solid var(--line);padding-top:18px;flex:1}
.tier ul li{line-height:1.45}
.tier__cta{margin-top:8px;padding:14px 20px;font:500 11px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper);background:rgba(231,244,255,.05);border:1px solid var(--line);border-radius:4px;transition:all .35s var(--ease)}
.tier__cta:hover{background:rgba(231,244,255,.12);border-color:rgba(199,221,242,.4);transform:translateY(-1px)}
.tier__cta--feat{background:linear-gradient(135deg,#22d3ee,#7df0ff);color:var(--ink);border-color:transparent;box-shadow:0 8px 24px -8px rgba(34,211,238,.6)}
.tier__cta--feat:hover{background:linear-gradient(135deg,#7df0ff,#22d3ee);box-shadow:0 14px 30px -10px rgba(34,211,238,.8)}

/* ============================================================================
   FOOTER REACH
   ============================================================================ */
.reach-btns{display:flex;gap:14px;margin-top:36px;flex-wrap:wrap;justify-content:center}
.reach-btn{padding:16px 28px;font:500 12px/1 var(--mono);letter-spacing:.28em;text-transform:uppercase;color:var(--paper);border:1px solid var(--line);border-radius:4px;background:rgba(15,24,32,.55);backdrop-filter:blur(14px);transition:all .35s var(--ease)}
.reach-btn:hover{border-color:rgba(199,221,242,.4);background:rgba(231,244,255,.08);transform:translateY(-1px)}
.reach-btn--primary{background:linear-gradient(135deg,#22d3ee,#7df0ff);color:var(--ink);border-color:transparent;box-shadow:0 10px 28px -10px rgba(34,211,238,.6)}
.reach-btn--primary:hover{background:linear-gradient(135deg,#7df0ff,#22d3ee);box-shadow:0 16px 36px -10px rgba(34,211,238,.8)}
.foot{margin-top:64px;display:flex;align-items:center;gap:18px;font:500 10px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--paper-faint)}
.foot__line{flex:1;min-width:60px;height:1px;background:linear-gradient(90deg,transparent,rgba(199,221,242,.32),transparent)}

/* ============================================================================
   GATE
   ============================================================================ */
.gate{position:fixed;inset:0;z-index:100;display:flex;align-items:center;justify-content:center;background:rgba(3,6,10,.94);backdrop-filter:blur(28px);transition:opacity 1s var(--ease),visibility 1s}
.gate.is-open{opacity:0;visibility:hidden;pointer-events:none}
.gate__bg{position:absolute;inset:0;background:radial-gradient(80% 60% at 50% 50%,rgba(34,211,238,.12) 0%,transparent 60%);animation:gateBgPulse 6s ease-in-out infinite}
@keyframes gateBgPulse{0%,100%{opacity:.7}50%{opacity:1}}
.gate__inner{position:relative;display:flex;flex-direction:column;align-items:center;gap:20px;max-width:420px;text-align:center;padding:0 32px}
.gate__loading{font:500 10px/1 var(--mono);letter-spacing:.32em;text-transform:uppercase;color:var(--paper-mute);display:flex;align-items:center;gap:8px}
.gate__loading .dots{display:inline-flex;gap:3px}
.gate__loading .dots i{display:inline-block;width:3px;height:3px;border-radius:50%;background:var(--cyan);animation:dots 1.4s ease-in-out infinite}
.gate__loading .dots i:nth-child(2){animation-delay:.2s}
.gate__loading .dots i:nth-child(3){animation-delay:.4s}
@keyframes dots{0%,80%,100%{opacity:.25}40%{opacity:1}}
.gate__mark{width:88px;height:88px;filter:drop-shadow(0 0 24px rgba(34,211,238,.4));animation:markRotate 18s linear infinite}
@keyframes markRotate{from{transform:rotate(0)}to{transform:rotate(360deg)}}
.gate__title{font:500 14px/1 var(--mono);letter-spacing:.4em;text-transform:uppercase;color:var(--paper);margin-top:6px}
.gate__sub{font-family:var(--serif);font-style:italic;font-size:15px;color:var(--paper-mute);font-weight:300}
.gate__btns{display:flex;gap:12px;margin-top:14px;flex-wrap:wrap;justify-content:center}
.gate__btn{padding:14px 22px;min-height:48px;min-width:160px;font:500 11px/1 var(--mono);letter-spacing:.26em;text-transform:uppercase;color:var(--paper);border:1px solid var(--line);border-radius:4px;background:rgba(15,24,32,.6);transition:all .35s var(--ease);touch-action:manipulation}
.gate__btn:hover{border-color:rgba(199,221,242,.4);background:rgba(231,244,255,.08)}
.gate__btn--primary{background:linear-gradient(135deg,#22d3ee,#7df0ff);color:var(--ink);border-color:transparent;box-shadow:0 10px 28px -10px rgba(34,211,238,.6)}
.gate__btn--primary:hover{background:linear-gradient(135deg,#7df0ff,#22d3ee);box-shadow:0 16px 36px -10px rgba(34,211,238,.8)}
.gate__small{margin-top:10px;font-size:11px;color:var(--paper-faint);font-weight:300;letter-spacing:.04em}

/* ============================================================================
   RESPONSIVE
   ============================================================================ */
@media (max-width:1024px){
  .two-col,.two-col--rev{grid-template-columns:1fr}
  .hero-window{position:relative;right:auto;top:auto;transform:none;margin-top:36px;width:100%;max-width:460px}
  .tiers{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}
}
@media (max-width:720px){
  .hud-rail{left:24px;right:24px;font-size:9px;letter-spacing:.18em}
  .brand-fixed,.sound-toggle{left:24px;right:auto}
  .sound-toggle{left:auto;right:24px}
  .scene-indicator{left:24px;bottom:30px}
  .scroll-cue{display:none}
  .scene{padding:clamp(80px,10vh,120px) 24px}
  .display{font-size:clamp(48px,12vw,84px)}
  .display--md{font-size:clamp(34px,8vw,52px)}
  .hud-corners{inset:18px}
  .cypher-rail{font-size:8px;opacity:.16}
  .meta-chip{font-size:9px}
  .foot{flex-direction:column;align-items:center;gap:8px}
  .foot__line{display:none}
}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
  [data-reveal]{opacity:1;transform:none;filter:none}
}