/* =========================================================
   GrokBot — style.css
   Palette pulled from the brand assets: gold/amber banner,
   violet butterflies, cream ghost mascot, deep near-black base.
   ========================================================= */

:root{
  --gold:        #ffb703;
  --gold-2:      #f2a900;
  --violet:      #6c4cf5;
  --violet-2:    #8a6bff;
  --cream:       #fff6e0;
  --ink:         #0c0a14;
  --surface:     #121022;
  --surface-2:   #191633;
  --border:      rgba(255,255,255,0.08);
  --text:        #f3f0ff;
  --text-dim:    #b8b3d6;
  --radius:      18px;
  --shadow-lg:   0 20px 60px rgba(0,0,0,0.45);

  --font-display: 'Bricolage Grotesque', 'Segoe UI', system-ui, sans-serif;
  --font-body:    'Manrope', 'Segoe UI', system-ui, sans-serif;
}

*,*::before,*::after{ box-sizing:border-box; }
html{ scroll-behavior:smooth; }
body{
  margin:0;
  background:var(--ink);
  color:var(--text);
  font-family:var(--font-body);
  line-height:1.6;
  overflow-x:hidden;
}
h1,h2,h3,h4,.brand__name,.eyebrow,.btn,.orbit-badge,.chip,.marquee__track{
  font-family:var(--font-display);
}
h1,h2,h3,h4{ text-wrap:balance; }
.section__lead,.hero__subtitle,.card p,.feature p,.flapsh__text p,.check-list li{
  font-family:var(--font-body);
}
body{ font-variant-numeric: tabular-nums; }
img{ max-width:100%; display:block; }
a{ color:inherit; text-decoration:none; }
ul{ list-style:none; margin:0; padding:0; }
code{ background:rgba(255,255,255,0.08); padding:2px 7px; border-radius:6px; font-size:.9em; }

.container{
  width:100%;
  max-width:1180px;
  margin:0 auto;
  padding:0 24px;
}

.grad-text{
  background:linear-gradient(90deg, var(--gold), var(--violet-2));
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}

.eyebrow{
  display:inline-block;
  font-size:.78rem;
  font-weight:700;
  letter-spacing:.14em;
  text-transform:uppercase;
  color:var(--gold);
  margin-bottom:14px;
}
.eyebrow--light{ color:var(--ink); }

/* ---------- buttons ---------- */
.btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  padding:14px 26px;
  border-radius:999px;
  font-weight:700;
  font-size:.95rem;
  border:1px solid transparent;
  cursor:pointer;
  transition:transform .25s ease, box-shadow .25s ease, background .25s ease, border-color .25s ease;
  white-space:nowrap;
}
.btn--primary{
  background:linear-gradient(120deg, var(--gold), var(--gold-2));
  color:#1a1200;
  box-shadow:0 10px 30px rgba(255,183,3,0.25);
}
.btn--primary:hover{ transform:translateY(-3px); box-shadow:0 16px 40px rgba(255,183,3,0.35); }
.btn--outline{
  background:transparent;
  border-color:rgba(255,255,255,0.25);
  color:var(--text);
}
.btn--outline:hover{ border-color:var(--gold); color:var(--gold); transform:translateY(-3px); }
.btn--ghost-sm{
  padding:9px 18px;
  border-radius:999px;
  border:1px solid rgba(255,255,255,0.2);
  font-size:.85rem;
  font-weight:600;
  transition:.25s;
}
.btn--ghost-sm:hover{ border-color:var(--gold); color:var(--gold); }

/* ---------- navbar ---------- */
.navbar{
  position:fixed; top:0; left:0; right:0; z-index:100;
  padding:18px 0;
  transition:padding .3s ease, background .3s ease, backdrop-filter .3s ease, box-shadow .3s ease;
}
.navbar.scrolled{
  padding:10px 0;
  background:rgba(12,10,20,0.75);
  backdrop-filter:blur(14px);
  box-shadow:0 8px 30px rgba(0,0,0,0.3);
  border-bottom:1px solid var(--border);
}
.navbar__inner{ display:flex; align-items:center; justify-content:space-between; gap:20px; }

.brand{ display:flex; align-items:center; gap:10px; }
.brand__mark{
  width:38px; height:38px; border-radius:50%;
  overflow:hidden;
  border:2px solid var(--gold);
  flex-shrink:0;
  background:var(--gold);
}
.brand__mark img{ width:100%; height:100%; object-fit:cover; transform:scale(1.35); }
.brand__name{ font-weight:800; letter-spacing:.03em; font-size:1.05rem; }
.brand__name b{ color:var(--gold); font-weight:900; }

.nav-links{ display:flex; align-items:center; gap:30px; }
.nav-links a{
  font-size:.92rem; font-weight:600; color:var(--text-dim);
  position:relative; padding:4px 0; transition:color .2s;
}
.nav-links a::after{
  content:''; position:absolute; left:0; bottom:-2px; height:2px; width:0;
  background:linear-gradient(90deg,var(--gold),var(--violet-2));
  transition:width .25s ease;
}
.nav-links a:hover{ color:var(--text); }
.nav-links a:hover::after{ width:100%; }

.navbar__actions{ display:flex; align-items:center; gap:14px; }
.hamburger{
  display:none; flex-direction:column; gap:5px; background:none; border:none; cursor:pointer; padding:6px;
}
.hamburger span{ width:22px; height:2px; background:var(--text); border-radius:2px; transition:.3s; }

/* ---------- hero ---------- */
.hero{
  position:relative;
  min-height:100vh;
  display:flex;
  align-items:center;
  padding:140px 0 80px;
  overflow:hidden;
}
.hero__bg{ position:absolute; inset:0; z-index:0; }
.glow{ position:absolute; border-radius:50%; filter:blur(90px); opacity:.35; }
.glow--gold{ width:520px; height:520px; background:var(--gold); top:-160px; right:-120px; animation:drift 12s ease-in-out infinite; }
.glow--violet{ width:480px; height:480px; background:var(--violet); bottom:-180px; left:-140px; animation:drift 14s ease-in-out infinite reverse; }
.grid-overlay{
  position:absolute; inset:0;
  background-image:linear-gradient(rgba(255,255,255,0.035) 1px, transparent 1px), linear-gradient(90deg, rgba(255,255,255,0.035) 1px, transparent 1px);
  background-size:46px 46px;
  mask-image:radial-gradient(ellipse at center, black 0%, transparent 75%);
}
@keyframes drift{
  0%,100%{ transform:translate(0,0) scale(1); }
  50%{ transform:translate(30px,-20px) scale(1.08); }
}

/* animated price-chart texture */
.chart-line{
  position:absolute; left:0; right:0; bottom:130px; width:100%; height:140px;
  opacity:.35;
}
.chart-line polyline{
  fill:none; stroke:url(#chartGrad); stroke-width:1.6;
  stroke-linecap:round; stroke-linejoin:round;
  vector-effect:non-scaling-stroke;
}
.chart-candles{
  position:absolute; left:0; right:0; bottom:0; height:180px;
  display:flex; align-items:flex-end; gap:1.4vw;
  padding:0 4vw 24px;
  -webkit-mask-image:linear-gradient(to top, black, transparent 92%);
  mask-image:linear-gradient(to top, black, transparent 92%);
}
.candle{
  position:relative;
  flex:1; max-width:14px; min-width:4px;
  border-radius:2px;
  animation-name:candleMove;
  animation-timing-function:ease-in-out;
  animation-iteration-count:infinite;
  animation-duration:var(--dur,4s);
  animation-delay:var(--delay,0s);
  height:var(--h1);
}
.candle::before{
  content:''; position:absolute; left:50%; top:-8px; bottom:-8px; width:1.5px;
  background:inherit; transform:translateX(-50%); opacity:.7;
}
.candle.up{ background:#3ddc84; opacity:.4; }
.candle.down{ background:#ff6b6b; opacity:.4; }
@keyframes candleMove{
  0%,100%{ height:var(--h1); }
  50%{ height:var(--h2); }
}

.hero__inner{
  position:relative; z-index:2;
  display:grid;
  grid-template-columns:1.1fr .9fr;
  gap:40px;
  align-items:center;
}

.badge{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 16px;
  border-radius:999px;
  background:rgba(255,255,255,0.06);
  border:1px solid var(--border);
  font-size:.82rem; font-weight:600; color:var(--text-dim);
  margin-bottom:24px;
}
.badge__dot{ width:7px; height:7px; border-radius:50%; background:var(--gold); box-shadow:0 0 0 0 rgba(255,183,3,.6); animation:pulseDot 1.8s infinite; }
@keyframes pulseDot{
  0%{ box-shadow:0 0 0 0 rgba(255,183,3,.5); }
  70%{ box-shadow:0 0 0 9px rgba(255,183,3,0); }
  100%{ box-shadow:0 0 0 0 rgba(255,183,3,0); }
}

.hero__title{
  font-size:clamp(2.3rem, 5vw, 3.6rem);
  line-height:1.12;
  font-weight:800;
  margin:0 0 20px;
  letter-spacing:-.01em;
}
.hero__subtitle{
  font-size:1.08rem;
  color:var(--text-dim);
  max-width:520px;
  margin:0 0 32px;
}
.hero__cta{ display:flex; flex-wrap:wrap; gap:16px; margin-bottom:30px; }
.hero__chips{ display:flex; flex-wrap:wrap; gap:10px; }
.chip{
  display:inline-flex; align-items:center; gap:7px;
  padding:7px 14px; border-radius:999px;
  background:var(--surface); border:1px solid var(--border);
  font-size:.8rem; font-weight:600; color:var(--text-dim);
}
.chip__pulse{ width:7px; height:7px; border-radius:50%; background:#3ddc84; animation:pulseDot2 1.6s infinite; }
@keyframes pulseDot2{
  0%{ box-shadow:0 0 0 0 rgba(61,220,132,.6); }
  70%{ box-shadow:0 0 0 8px rgba(61,220,132,0); }
  100%{ box-shadow:0 0 0 0 rgba(61,220,132,0); }
}

/* mascot */
.hero__art{ position:relative; display:flex; justify-content:center; }
.mascot-orbit{ position:relative; width:min(80%, 380px); }
.mascot{
  width:100%;
  filter:drop-shadow(0 30px 40px rgba(0,0,0,0.55));
  animation:float 5s ease-in-out infinite;
}
@keyframes float{
  0%,100%{ transform:translateY(0) rotate(-2deg); }
  50%{ transform:translateY(-22px) rotate(2deg); }
}
.mascot-shadow{
  position:absolute; left:50%; bottom:-10px; transform:translateX(-50%);
  width:60%; height:24px; border-radius:50%;
  background:radial-gradient(ellipse at center, rgba(0,0,0,0.45), transparent 70%);
  animation:shrink 5s ease-in-out infinite;
}
@keyframes shrink{
  0%,100%{ transform:translateX(-50%) scale(1); opacity:.5; }
  50%{ transform:translateX(-50%) scale(.75); opacity:.25; }
}
.orbit-badge{
  position:absolute;
  display:inline-flex; align-items:center; gap:6px;
  padding:8px 14px; border-radius:999px;
  background:var(--surface-2); border:1px solid var(--border);
  font-size:.78rem; font-weight:700;
  box-shadow:var(--shadow-lg);
  animation:orbitFloat 6s ease-in-out infinite;
}
.orbit-badge--bsc{ top:10%; left:-6%; color:var(--gold); animation-delay:.3s; }
.orbit-badge--ai{ bottom:14%; right:-4%; color:var(--violet-2); animation-delay:1.1s; }
@keyframes orbitFloat{
  0%,100%{ transform:translateY(0); }
  50%{ transform:translateY(-14px); }
}

/* butterflies */
.butterfly{
  position:absolute; width:46px; height:46px; color:var(--violet-2);
  filter:drop-shadow(0 6px 10px rgba(108,76,245,0.35));
  z-index:1; opacity:.9;
}
.bfly-1{ top:18%; left:6%; animation:flutter1 9s ease-in-out infinite; }
.bfly-2{ top:65%; left:12%; width:30px; height:30px; animation:flutter2 11s ease-in-out infinite; animation-delay:1s; }
.bfly-3{ top:12%; right:36%; width:26px; height:26px; animation:flutter1 8s ease-in-out infinite; animation-delay:2s; }
.bfly-4{ top:75%; right:8%; width:36px; height:36px; animation:flutter2 10s ease-in-out infinite; animation-delay:.6s; }
@keyframes flutter1{
  0%,100%{ transform:translate(0,0) rotate(0deg) scaleX(1); }
  25%{ transform:translate(18px,-24px) rotate(-8deg) scaleX(-1); }
  50%{ transform:translate(34px,4px) rotate(6deg) scaleX(-1); }
  75%{ transform:translate(10px,20px) rotate(-4deg) scaleX(1); }
}
@keyframes flutter2{
  0%,100%{ transform:translate(0,0) rotate(0deg); }
  30%{ transform:translate(-22px,-14px) rotate(10deg); }
  60%{ transform:translate(-8px,18px) rotate(-6deg); }
}

.scroll-cue{
  position:absolute; bottom:26px; left:50%; transform:translateX(-50%);
  z-index:2;
}
.scroll-cue span{
  display:block; width:22px; height:36px; border:2px solid rgba(255,255,255,0.3); border-radius:14px; position:relative;
}
.scroll-cue span::before{
  content:''; position:absolute; top:6px; left:50%; width:4px; height:8px; background:var(--gold);
  border-radius:2px; transform:translateX(-50%); animation:scrollDot 1.8s infinite;
}
@keyframes scrollDot{
  0%{ opacity:1; top:6px; } 100%{ opacity:0; top:20px; }
}

/* ---------- marquee ---------- */
.marquee{
  background:linear-gradient(90deg, var(--gold), var(--violet-2));
  color:#140b00;
  overflow:hidden;
  white-space:nowrap;
  padding:12px 0;
}
.marquee__track{
  display:inline-flex; gap:14px;
  animation:marquee 22s linear infinite;
  font-weight:800; font-size:.85rem; letter-spacing:.08em;
}
.marquee__track span{ padding:0 6px; }
@keyframes marquee{
  0%{ transform:translateX(0); }
  100%{ transform:translateX(-50%); }
}

/* ---------- sections ---------- */
.section{ padding:100px 0; position:relative; }
.section--alt{ background:var(--surface); }
.section__head{ max-width:640px; margin:0 auto 56px; text-align:center; }
.section__head h2{ font-size:clamp(1.7rem,3.4vw,2.4rem); margin:0 0 16px; font-weight:800; }
.section__lead{ color:var(--text-dim); font-size:1.02rem; }

.grid-3{ display:grid; grid-template-columns:repeat(3,1fr); gap:26px; }
.grid-4{ display:grid; grid-template-columns:repeat(4,1fr); gap:22px; }

.card{
  background:var(--surface);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:32px 26px;
  transition:transform .3s ease, border-color .3s ease, box-shadow .3s ease;
}
.card:hover{ transform:translateY(-8px); border-color:rgba(255,183,3,0.4); box-shadow:var(--shadow-lg); }
.card__icon{
  width:48px; height:48px; margin-bottom:18px;
  display:flex; align-items:center; justify-content:center;
  border-radius:12px; color:var(--gold);
  background:linear-gradient(145deg, rgba(255,183,3,0.14), rgba(108,76,245,0.14));
  border:1px solid var(--border);
}
.card h3{ margin:0 0 10px; font-size:1.1rem; }
.card p{ margin:0; color:var(--text-dim); font-size:.94rem; }

.feature{
  background:var(--ink);
  border:1px solid var(--border);
  border-radius:var(--radius);
  padding:26px 22px;
  transition:transform .3s ease, border-color .3s ease;
}
.feature:hover{ transform:translateY(-6px); border-color:rgba(138,107,255,0.5); }
.feature__tag{
  display:inline-flex; align-items:center; gap:7px;
  font-weight:700; font-size:.72rem; color:var(--gold);
  letter-spacing:.12em; text-transform:uppercase; margin-bottom:14px;
}
.feature__tag::before{
  content:''; width:7px; height:7px; transform:rotate(45deg);
  background:linear-gradient(120deg,var(--gold),var(--violet-2));
  flex-shrink:0;
}
.feature h4{ margin:0 0 8px; font-size:1rem; }
.feature p{ margin:0; color:var(--text-dim); font-size:.9rem; }

/* ---------- flap.sh section ---------- */
.flapsh__grid{
  display:grid; grid-template-columns:1fr 1fr; gap:60px; align-items:center;
}
.flapsh__frame{
  border-radius:var(--radius);
  overflow:hidden;
  border:1px solid var(--border);
  box-shadow:var(--shadow-lg);
  animation:float 6s ease-in-out infinite;
}
.flapsh__text h2{ font-size:clamp(1.7rem,3.2vw,2.3rem); margin:0 0 18px; font-weight:800; }
.flapsh__text p{ color:var(--text-dim); margin:0 0 22px; }
.check-list{ margin:0 0 28px; display:flex; flex-direction:column; gap:12px; }
.check-list li{ padding-left:30px; position:relative; color:var(--text-dim); font-size:.95rem; }
.check-list li::before{
  content:'✓'; position:absolute; left:0; top:0;
  width:20px; height:20px; border-radius:50%;
  background:linear-gradient(120deg,var(--gold),var(--violet-2));
  color:#140b00; font-weight:900; font-size:.7rem;
  display:flex; align-items:center; justify-content:center;
}

/* ---------- chat ---------- */
.chat-panel{
  max-width:640px; margin:0 auto;
  background:var(--ink);
  border:1px solid var(--border);
  border-radius:20px;
  overflow:hidden;
  box-shadow:var(--shadow-lg);
}
.chat-panel__header{
  display:flex; align-items:center; gap:12px;
  padding:16px 20px;
  border-bottom:1px solid var(--border);
  background:var(--surface);
}
.chat-panel__avatar{ width:36px; height:36px; border-radius:50%; object-fit:cover; transform:scale(1.4); background:var(--gold); }
.chat-panel__status{ display:flex; align-items:center; gap:6px; font-size:.78rem; color:var(--text-dim); }
.chat-panel__status i{ width:7px; height:7px; border-radius:50%; background:#3ddc84; display:inline-block; }

.chat-panel__body{
  height:360px; overflow-y:auto;
  padding:20px; display:flex; flex-direction:column; gap:14px;
}
.msg{ display:flex; gap:10px; max-width:85%; animation:msgIn .3s ease; }
@keyframes msgIn{ from{ opacity:0; transform:translateY(8px);} to{opacity:1; transform:translateY(0);} }
.msg--bot{ align-self:flex-start; }
.msg--user{ align-self:flex-end; flex-direction:row-reverse; }
.msg__avatar{ width:28px; height:28px; border-radius:50%; object-fit:cover; transform:scale(1.4); background:var(--gold); flex-shrink:0; }
.msg__bubble{
  padding:12px 16px; border-radius:16px; font-size:.92rem;
  background:var(--surface); border:1px solid var(--border);
}
.msg--bot .msg__bubble{ border-bottom-left-radius:4px; }
.msg--user .msg__bubble{
  border-bottom-right-radius:4px;
  background:linear-gradient(120deg, var(--gold), var(--gold-2));
  color:#1a1200; border-color:transparent; font-weight:600;
}
.msg--typing .msg__bubble{ display:flex; gap:4px; padding:14px 16px; }
.msg--typing .msg__bubble span{
  width:6px; height:6px; border-radius:50%; background:var(--text-dim);
  animation:typing 1.2s infinite;
}
.msg--typing .msg__bubble span:nth-child(2){ animation-delay:.2s; }
.msg--typing .msg__bubble span:nth-child(3){ animation-delay:.4s; }
@keyframes typing{
  0%,60%,100%{ transform:translateY(0); opacity:.5; }
  30%{ transform:translateY(-5px); opacity:1; }
}

.chat-panel__input{
  display:flex; gap:10px; padding:16px;
  border-top:1px solid var(--border);
  background:var(--surface);
}
.chat-panel__input input{
  flex:1; padding:12px 16px; border-radius:999px;
  border:1px solid var(--border); background:var(--ink); color:var(--text);
  font-size:.92rem; outline:none; transition:border-color .2s;
}
.chat-panel__input input:focus{ border-color:var(--gold); }
.chat-panel__input button{
  width:42px; height:42px; border-radius:50%; border:none; flex-shrink:0;
  background:linear-gradient(120deg,var(--gold),var(--gold-2));
  color:#1a1200; display:flex; align-items:center; justify-content:center;
  cursor:pointer; transition:transform .2s;
}
.chat-panel__input button:hover{ transform:scale(1.08); }

/* ---------- CTA / token panel ---------- */
.cta-panel{
  position:relative;
  background:linear-gradient(135deg, var(--cream), #ffe9b8);
  color:#1a1200;
  border-radius:28px;
  padding:60px 40px;
  text-align:center;
  overflow:hidden;
}
.cta-panel__glow{
  position:absolute; width:400px; height:400px; border-radius:50%;
  background:var(--violet); opacity:.25; filter:blur(90px);
  top:-140px; right:-100px; animation:drift 10s ease-in-out infinite;
}
.cta-panel h2{ position:relative; font-size:clamp(1.7rem,3.4vw,2.3rem); margin:0 0 12px; font-weight:800; }
.cta-panel > p{ position:relative; color:#5c4a1e; max-width:480px; margin:0 auto 30px; }

.ca-box{
  position:relative;
  max-width:480px; margin:0 auto 30px;
  display:flex; align-items:center; justify-content:space-between; gap:12px;
  background:rgba(255,255,255,0.55);
  border:1px dashed rgba(26,18,0,0.3);
  border-radius:14px; padding:14px 18px;
  font-family:'Consolas', monospace; font-size:.85rem;
}
.ca-box button{
  border:none; background:#1a1200; color:var(--gold);
  padding:8px 16px; border-radius:999px; font-weight:700; font-size:.78rem;
  cursor:pointer; transition:transform .2s;
}
.ca-box button:hover{ transform:scale(1.05); }

.cta-panel__actions{ position:relative; display:flex; flex-direction:column; align-items:center; gap:20px; }
.socials{ display:flex; gap:12px; }
.social-btn{
  width:42px; height:42px; border-radius:50%;
  display:flex; align-items:center; justify-content:center;
  background:rgba(26,18,0,0.08); font-size:1.05rem; font-weight:700;
  transition:transform .25s ease, background .25s ease;
}
.social-btn:hover{ transform:translateY(-4px); background:#1a1200; color:var(--gold); }

/* ---------- footer ---------- */
.footer{ padding:50px 0 26px; border-top:1px solid var(--border); }
.footer__inner{ display:flex; align-items:center; justify-content:space-between; flex-wrap:wrap; gap:24px; margin-bottom:30px; }
.footer__links{ display:flex; gap:26px; flex-wrap:wrap; }
.footer__links a{ font-size:.88rem; color:var(--text-dim); transition:color .2s; }
.footer__links a:hover{ color:var(--gold); }
.footer__meta{ display:flex; flex-direction:column; align-items:center; gap:14px; }
.footer__chain{
  display:inline-flex; align-items:center; gap:8px;
  font-size:.78rem; font-weight:700; color:var(--text-dim);
  padding:7px 14px; border-radius:999px;
  background:var(--surface); border:1px solid var(--border);
}
.footer__fine{ font-size:.78rem; color:var(--text-dim); text-align:center; opacity:.7; }

/* ---------- scroll reveal ---------- */
.reveal{ opacity:0; transform:translateY(30px); transition:opacity .7s ease, transform .7s ease; }
.reveal.in{ opacity:1; transform:translateY(0); }

/* ---------- responsive ---------- */
@media (max-width: 980px){
  .grid-4{ grid-template-columns:repeat(2,1fr); }
  .flapsh__grid{ grid-template-columns:1fr; }
  .flapsh__art{ order:2; }
}
@media (max-width: 860px){
  .nav-links{
    position:fixed; top:0; right:0; height:100vh; width:min(78vw,320px);
    background:var(--surface-2); flex-direction:column; justify-content:center; gap:28px;
    transform:translateX(100%); transition:transform .35s ease; box-shadow:-10px 0 40px rgba(0,0,0,0.4);
  }
  .nav-links.open{ transform:translateX(0); }
  .hamburger{ display:flex; }
  .navbar__actions .btn--ghost-sm{ display:none; }
  .hero__inner{ grid-template-columns:1fr; text-align:center; }
  .hero__cta, .hero__chips{ justify-content:center; }
  .hero__subtitle{ margin-left:auto; margin-right:auto; }
  .hero__art{ order:-1; margin-bottom:20px; }
  .grid-3{ grid-template-columns:1fr; }
  .grid-4{ grid-template-columns:1fr; }
}
@media (max-width: 520px){
  .ca-box{ flex-direction:column; }
  .cta-panel{ padding:44px 22px; }
}

@media (prefers-reduced-motion: reduce){
  *{ animation-duration:0.001ms !important; animation-iteration-count:1 !important; transition-duration:0.001ms !important; }
}