/* ==========================================================================
   Workplace Woosah — design tokens
   ========================================================================== */
:root{
  --background:oklch(17% .05 259);
  --foreground:oklch(96% .015 250);
  --ink:oklch(96% .018 250);
  --deep:oklch(12% .04 260);
  --card:oklch(22% .055 258);
  --border:oklch(32% .055 256);
  --muted:oklch(26% .05 257);
  --muted-foreground:oklch(75% .045 250);
  --secondary:oklch(27% .06 257);
  --secondary-foreground:oklch(93% .02 250);
  --primary:oklch(68% .16 245);
  --primary-foreground:oklch(16% .05 259);
  --accent:oklch(72% .15 235);
  --ring:oklch(68% .16 245);

  --gradient-calm:linear-gradient(135deg, oklch(42% .16 262), oklch(56% .19 250), oklch(72% .15 235));
  --gradient-soft:linear-gradient(180deg, oklch(17% .05 259), oklch(21% .06 257));
  --shadow-calm:0 24px 60px -24px color-mix(in oklab, var(--primary) 45%, transparent);
  --shadow-lift:0 12px 30px -14px oklch(8% .04 260 / .7);

  --font-sans:"Plus Jakarta Sans", ui-sans-serif, system-ui, sans-serif;
  --font-display:"Fraunces", ui-serif, Georgia, serif;
}

*,*::before,*::after{box-sizing:border-box}
*{margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  background-color:var(--background);
  color:var(--foreground);
  font-family:var(--font-sans);
  font-size:1rem;
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;font-weight:600;line-height:1.15}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select{font:inherit;color:inherit}
ul{list-style:none}

.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid var(--ring);outline-offset:3px}

/* ---------- layout ---------- */
.shell{max-width:72rem;margin:0 auto;padding:0 1.5rem}
.shell-narrow{max-width:56rem;margin:0 auto;padding:0 1.5rem}
.shell-prose{max-width:48rem;margin:0 auto;padding:0 1.5rem}
section{position:relative}
.pad{padding:6rem 0}
.scroll-anchor{scroll-margin-top:5rem}

/* ---------- shared atoms ---------- */
.pill{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid var(--border);
  background:color-mix(in oklab, var(--card) 80%, transparent);
  border-radius:999px;padding:.375rem 1rem;
  font-size:.75rem;font-weight:600;line-height:1.4;
  text-transform:uppercase;letter-spacing:.2em;
  color:var(--muted-foreground);
}
.pill-primary{background:var(--background);color:var(--primary)}
.pill-solid{border:none;background:var(--secondary);color:var(--secondary-foreground);letter-spacing:.2em}

.btn{
  display:inline-flex;align-items:center;gap:.5rem;
  border:1px solid transparent;border-radius:999px;
  padding:.875rem 1.75rem;
  font-size:.875rem;font-weight:600;line-height:1.2;
  cursor:pointer;
  transition:transform .2s ease, opacity .2s ease, background-color .2s ease;
}
.btn-calm{background-image:var(--gradient-calm);color:var(--primary-foreground);box-shadow:var(--shadow-calm)}
.btn-calm:hover{transform:translateY(-2px)}
.btn-outline{border-color:var(--border);background:var(--background);color:var(--foreground)}
.btn-outline:hover{background:var(--secondary)}
.btn-ink{background:var(--ink);color:var(--background)}
.btn-ink:hover{opacity:.9}
.btn-sm{padding:.625rem 1.25rem}

.icon{width:1rem;height:1rem;flex:none;stroke:currentColor;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.icon-sm{width:.875rem;height:.875rem}
.icon-lg{width:1.25rem;height:1.25rem}

.eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--primary)}
.lede{font-size:1.125rem;color:var(--muted-foreground)}
.muted{color:var(--muted-foreground)}
.text-calm{
  background-image:var(--gradient-calm);
  color:transparent;
  -webkit-background-clip:text;background-clip:text;
}
.card{
  border:1px solid var(--border);
  background:var(--card);
  border-radius:1.5rem;
  box-shadow:var(--shadow-lift);
}
.panel{border-radius:2.5rem;padding:2rem}
.soft{background-image:var(--gradient-soft)}

.check{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:1.5rem;height:1.5rem;border-radius:999px;
  background:color-mix(in oklab, var(--primary) 15%, transparent);
  color:var(--primary);
}

/* ---------- site header ---------- */
.site-header{position:absolute;inset-inline:0;top:0;z-index:20}
.site-header--solid{
  position:relative;
  border-bottom:1px solid var(--border);
  background:color-mix(in oklab, var(--background) 85%, transparent);
  backdrop-filter:blur(12px);
}
.site-nav{
  max-width:72rem;margin:0 auto;padding:1.5rem;
  display:flex;align-items:center;justify-content:space-between;gap:1rem;
}
.brand{display:flex;align-items:center;gap:.75rem;font-size:1.125rem;font-weight:600;letter-spacing:-.02em;color:var(--ink)}
.brand img{width:2.5rem;height:2.5rem;border-radius:.75rem;object-fit:cover;box-shadow:var(--shadow-lift)}
.brand .accent{color:var(--primary)}
.brand sup{font-size:.55em;font-weight:600;color:var(--muted-foreground)}
.nav-links{display:none;align-items:center;gap:1.75rem;font-size:.875rem;font-weight:500;color:var(--muted-foreground)}
.nav-links a{transition:color .2s ease}
.nav-links a:hover{color:var(--foreground)}
@media (min-width:640px){.nav-links{display:flex}}

/* ---------- hero ---------- */
.hero{overflow:hidden;padding:8rem 0 6rem}
.hero-bg{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.3}
.hero-veil{
  position:absolute;inset:0;
  background:linear-gradient(to bottom,
    color-mix(in oklab, var(--background) 60%, transparent),
    color-mix(in oklab, var(--background) 80%, transparent),
    var(--background));
}
.hero-grid{
  position:relative;max-width:72rem;margin:0 auto;padding:0 1.5rem;
  display:grid;gap:4rem;align-items:center;
}
@media (min-width:1024px){.hero-grid{grid-template-columns:1fr 1fr}}
.hero h1{margin-top:1.5rem;font-size:clamp(2.25rem,5vw,3rem);line-height:1.1}
.hero .lede{margin-top:1.5rem;max-width:32rem}
.hero-ctas{margin-top:2rem;display:flex;flex-wrap:wrap;gap:.75rem}
.hero .eyebrow{display:block;margin-top:1.75rem}

.stats{margin-top:2.5rem;display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:28rem}
.stats dt{font-size:1.875rem;font-weight:600;color:var(--ink);letter-spacing:-.025em}
.stats dd{margin-top:.25rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.12em;color:var(--muted-foreground)}

/* ---------- the Woosah button ---------- */
.woosah-slot{display:flex;justify-content:center;scroll-margin-top:6rem}
.woosah-card{
  border:1px solid var(--border);
  background:color-mix(in oklab, var(--card) 70%, transparent);
  border-radius:2.5rem;padding:2.5rem;
  box-shadow:var(--shadow-lift);
  backdrop-filter:blur(8px);
  display:flex;flex-direction:column;align-items:center;gap:1.5rem;
}
.woosah-stage{position:relative;display:flex;width:16rem;height:16rem;align-items:center;justify-content:center}
.woosah-glow{
  position:absolute;width:14rem;height:14rem;border-radius:999px;pointer-events:none;
  background:color-mix(in oklab, var(--primary) 30%, transparent);
  filter:blur(48px);
  animation:woosah-glow 4s ease-in-out infinite;
}
.woosah-ripple{
  position:absolute;width:10rem;height:10rem;border-radius:999px;pointer-events:none;opacity:0;
  background:color-mix(in oklab, var(--primary) 25%, transparent);
}
.woosah-ripple.alt{background:color-mix(in oklab, var(--accent) 25%, transparent)}
.is-running .woosah-ripple{animation:woosah-ring 3s ease-out infinite}
.is-running .woosah-ripple.alt{animation-delay:1.5s}
.woosah-progress{
  position:absolute;width:12rem;height:12rem;border-radius:999px;pointer-events:none;opacity:0;
  transition:all 1s linear;
  --deg:0deg;
  background:conic-gradient(var(--accent) var(--deg), transparent 0deg);
  mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));
  -webkit-mask:radial-gradient(farthest-side, transparent calc(100% - 5px), #000 calc(100% - 5px));
}
.is-running .woosah-progress{opacity:.9}
.woosah-btn{
  position:relative;z-index:10;
  display:flex;flex-direction:column;align-items:center;justify-content:center;
  width:10rem;height:10rem;border-radius:999px;border:none;
  background-image:var(--gradient-calm);
  color:var(--primary-foreground);
  box-shadow:var(--shadow-calm), inset 0 0 0 1px color-mix(in oklab, var(--primary) 40%, transparent);
  cursor:pointer;
  transform:scale(1);
  transition:transform .6s ease-out;
  animation:woosah-glow 4s ease-in-out infinite;
}
.woosah-btn:active{transform:scale(.95)}
.woosah-btn .count{font-size:1.875rem;font-weight:600;letter-spacing:-.025em;line-height:1.1}
.woosah-btn .cue{margin-top:.25rem;padding:0 1rem;font-size:.75rem;text-transform:uppercase;letter-spacing:.18em;opacity:.9;line-height:1.4}
.woosah-hint{max-width:20rem;text-align:center;font-size:.875rem;color:var(--muted-foreground)}
.woosah-tally{border-radius:999px;background:var(--secondary);color:var(--secondary-foreground);padding:.5rem 1.25rem;font-size:.875rem;font-weight:500}
.woosah-float{
  position:absolute;bottom:2rem;pointer-events:none;
  font-size:.875rem;font-weight:500;color:var(--primary);
  animation:float-up 1.6s ease-out forwards;
}

@keyframes woosah-ring{0%{opacity:.55;transform:scale(.9)}100%{opacity:0;transform:scale(2.1)}}
@keyframes float-up{0%{opacity:0;transform:translateY(0)}20%{opacity:1}100%{opacity:0;transform:translateY(-90px)}}
@keyframes woosah-glow{
  0%,100%{box-shadow:0 0 30px -6px color-mix(in oklab, var(--primary) 70%, transparent), 0 0 80px -10px color-mix(in oklab, var(--accent) 45%, transparent)}
  50%{box-shadow:0 0 60px 4px color-mix(in oklab, var(--primary) 85%, transparent), 0 0 130px 10px color-mix(in oklab, var(--accent) 60%, transparent);filter:brightness(1.12)}
}

/* ---------- split feature panels (teams / me) ---------- */
.split{
  border:1px solid var(--border);background:var(--card);
  border-radius:2.5rem;padding:2rem;
  box-shadow:var(--shadow-lift);
  display:grid;gap:2.5rem;align-items:center;
}
@media (min-width:640px){.split{padding:3.5rem}}
.split-me .order-first{order:2}
.split-me .order-last{order:1}
@media (min-width:1024px){
  .split-teams{grid-template-columns:1.3fr 1fr}
  .split-me{grid-template-columns:1fr 1fr}
  .split-me .order-first{order:1}
  .split-me .order-last{order:2}
}
.split h2{margin-top:1.5rem;font-size:clamp(1.875rem,4vw,2.25rem)}
.split .lede{margin-top:1rem;max-width:36rem;font-size:1rem}
.ticks{margin-top:2rem;display:grid;gap:.75rem}
.ticks li{display:flex;align-items:center;gap:.75rem;font-size:.875rem;font-weight:500}
.split-cta{margin-top:2.5rem;display:flex;flex-wrap:wrap;align-items:center;gap:1rem}
.split-cta .fineprint{max-width:16rem;font-size:.75rem;color:var(--muted-foreground);line-height:1.5}

.stat-panel{border-radius:1.5rem;padding:2rem;text-align:center}
.stat-panel .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-foreground)}
.stat-panel .big{margin-top:.75rem;font-size:3.75rem;font-weight:600;line-height:1;color:var(--ink)}
.stat-panel .after{margin-top:.25rem;font-size:.875rem;color:var(--muted-foreground)}
.stat-panel .notes{
  margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);
  display:grid;gap:.625rem;text-align:left;font-size:.875rem;
  color:color-mix(in oklab, var(--foreground) 85%, transparent);
}
.stat-panel .notes p{display:flex;align-items:center;gap:.5rem}
.stat-panel .notes .icon{color:var(--primary)}
.reset-panel{border-radius:1.5rem;padding:2.5rem;text-align:center}
.reset-panel .label{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:var(--muted-foreground)}
.reset-panel .big{margin-top:.75rem;font-size:3.75rem;font-weight:600;line-height:1}
.reset-panel .after{margin:.75rem auto 0;max-width:20rem;font-size:.875rem;color:var(--muted-foreground)}

/* ---------- industries ---------- */
.section-head{display:flex;flex-direction:column;align-items:center;text-align:center}
.section-head h2{margin-top:1.25rem;max-width:42rem;font-size:clamp(2.25rem,4.5vw,3rem)}
.section-head p{margin-top:1rem;max-width:36rem;color:var(--muted-foreground)}
.toggle{
  margin-top:2rem;display:inline-flex;
  border:1px solid var(--border);background:var(--card);
  border-radius:999px;padding:.25rem;box-shadow:var(--shadow-lift);
}
.toggle button{
  border:none;background:none;border-radius:999px;
  padding:.5rem 1.5rem;font-size:.875rem;font-weight:600;
  color:var(--muted-foreground);cursor:pointer;
  transition:background-color .2s ease, color .2s ease;
}
.toggle button:hover{color:var(--foreground)}
.toggle button[aria-pressed="true"]{background:var(--ink);color:var(--background)}

.industry-grid{max-width:64rem;margin:3.5rem auto 0;display:grid;gap:1rem}
@media (min-width:640px){.industry-grid{grid-template-columns:repeat(2,1fr)}}
@media (min-width:1024px){.industry-grid{grid-template-columns:repeat(3,1fr)}}
.industry{
  overflow:hidden;border:1px solid var(--border);background:var(--card);
  border-radius:1rem;box-shadow:var(--shadow-lift);
  transition:transform .3s ease;
}
.industry:hover{transform:translateY(-.25rem)}
.industry-media{position:relative;aspect-ratio:4/3;overflow:hidden}
.industry-media img{
  width:100%;height:100%;object-fit:cover;
  transform:scale(2);transform-origin:left center;filter:saturate(.85);
  transition:transform .7s ease-out, filter .7s ease-out, transform-origin .7s ease-out;
}
.after-mode .industry-media img{transform-origin:right center;filter:saturate(1.05)}
.industry-caption{
  position:absolute;inset-inline:0;bottom:0;padding:1rem;
  background:linear-gradient(to top, color-mix(in oklab, var(--deep) 90%, transparent), transparent);
}
.industry-caption .name{font-size:.65rem;font-weight:600;text-transform:uppercase;letter-spacing:.2em;color:color-mix(in oklab, var(--foreground) 80%, transparent)}
.industry-caption .state{margin-top:.25rem;font-size:.75rem;line-height:1.375;color:var(--foreground)}
.industry-foot{display:flex;align-items:center;justify-content:space-between;padding:.75rem 1rem}
.industry-foot .when{font-size:.75rem;color:var(--muted-foreground)}
.industry-foot .stat{font-size:.75rem;font-weight:600;opacity:.4;transition:opacity .3s ease, color .3s ease}
.after-mode .industry-foot .stat{opacity:1;color:var(--primary)}

/* ---------- military ---------- */
.military{position:relative;overflow:hidden;border-radius:2.5rem;box-shadow:var(--shadow-calm)}
.military > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.military-veil{
  position:absolute;inset:0;
  background:linear-gradient(to right,
    color-mix(in oklab, var(--deep) 95%, transparent),
    color-mix(in oklab, var(--deep) 75%, transparent),
    color-mix(in oklab, var(--deep) 25%, transparent));
}
.military-body{position:relative;display:grid;gap:2.5rem;padding:2rem;align-items:center}
@media (min-width:640px){.military-body{padding:3.5rem}}
@media (min-width:1024px){.military-body{grid-template-columns:1fr 1fr}}
.military .pill{border-color:color-mix(in oklab, var(--foreground) 25%, transparent);background:color-mix(in oklab, var(--foreground) 10%, transparent);color:var(--foreground)}
.military h2{margin-top:1.5rem;font-size:clamp(2.25rem,4.5vw,3rem)}
.military .lede{margin-top:1.25rem;max-width:34rem;color:color-mix(in oklab, var(--foreground) 80%, transparent)}
.mil-features{margin-top:2.5rem;display:grid;gap:1.5rem}
@media (min-width:640px){.mil-features{grid-template-columns:repeat(2,1fr)}}
.mil-features li{display:flex;gap:1rem}
.mil-features .box{
  display:flex;align-items:center;justify-content:center;flex:none;
  width:2.5rem;height:2.5rem;border-radius:.75rem;
  background:color-mix(in oklab, var(--foreground) 15%, transparent);
}
.mil-features h3{font-size:1rem;font-weight:600}
.mil-features p{margin-top:.25rem;font-size:.875rem;color:color-mix(in oklab, var(--foreground) 75%, transparent)}
.mil-quote{
  border:1px solid color-mix(in oklab, var(--foreground) 20%, transparent);
  background:color-mix(in oklab, var(--foreground) 10%, transparent);
  border-radius:1.5rem;padding:2rem;backdrop-filter:blur(12px);
}
.mil-quote p{font-size:1.5rem;font-weight:500;line-height:1.375}
.mil-quote figcaption{margin-top:1.25rem;font-size:.875rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:color-mix(in oklab, var(--foreground) 70%, transparent)}

/* ---------- how it works ---------- */
.how h2{max-width:36rem;font-size:clamp(2.25rem,4.5vw,3rem)}
.steps{margin-top:3rem;display:grid;gap:1.5rem}
@media (min-width:768px){.steps{grid-template-columns:repeat(3,1fr)}}
.steps > li{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lift)}
.step-num{
  display:flex;align-items:center;justify-content:center;
  width:2.5rem;height:2.5rem;border-radius:999px;
  background-image:var(--gradient-calm);color:var(--primary-foreground);
  font-size:.875rem;font-weight:600;
}
.steps h3{margin-top:1.25rem;font-size:1.25rem}
.steps p{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}

/* ---------- waitlist / closing CTA ---------- */
.cta{
  background-image:var(--gradient-calm);
  border-radius:2.5rem;padding:4rem 2rem;text-align:center;
  box-shadow:var(--shadow-calm);
  color:var(--primary-foreground);
}
.cta h2{font-size:clamp(2.25rem,4.5vw,3rem)}
.cta p{margin:1rem auto 0;max-width:30rem;color:color-mix(in oklab, var(--primary-foreground) 85%, transparent)}
.waitlist-form{margin:2rem auto 0;max-width:28rem;display:flex;flex-direction:column;gap:.75rem}
.waitlist-form select,.waitlist-form input{
  width:100%;border:1px solid transparent;border-radius:999px;
  background:var(--card);color:var(--foreground);
  padding:.875rem 1.25rem;font-size:.875rem;outline:none;
}
.waitlist-form select{cursor:pointer}
.waitlist-form select:focus-visible,.waitlist-form input:focus-visible{
  outline:none;box-shadow:0 0 0 4px color-mix(in oklab, var(--ring) 30%, transparent);
}
.waitlist-row{display:flex;flex-direction:column;gap:.75rem}
@media (min-width:640px){.waitlist-row{flex-direction:row}}
.waitlist-row .btn{justify-content:center}
.form-status{margin-top:1rem;min-height:1.5rem;font-size:.875rem;font-weight:600}
.honeypot{display:none}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--border);padding:2.5rem 0}
.footer-in{
  max-width:72rem;margin:0 auto;padding:0 1.5rem;
  display:flex;flex-direction:column;align-items:center;justify-content:space-between;gap:.75rem;
  font-size:.875rem;color:var(--muted-foreground);
}
@media (min-width:640px){.footer-in{flex-direction:row}}
.footer-in .links{display:flex;align-items:center;gap:1.25rem}
.footer-in a{transition:color .2s ease}
.footer-in a:hover{color:var(--foreground)}

/* ---------- about page ---------- */
.about-hero{overflow:hidden;padding:5rem 0}
@media (min-width:640px){.about-hero{padding-top:7rem;padding-bottom:5rem}}
.about-hero .veil{position:absolute;inset:0;background:linear-gradient(to bottom, var(--deep), var(--background) 50%, var(--background))}
.about-hero .inner{position:relative;max-width:56rem;margin:0 auto;padding:0 1.5rem;text-align:center}
.about-hero h1{margin:1.5rem auto 0;max-width:36rem;font-size:clamp(2.25rem,6vw,3.75rem);line-height:1.1}
.about-hero .lede{margin:1.5rem auto 0;max-width:36rem}
.story-card{margin-top:2rem;border:1px solid var(--border);background:var(--card);border-radius:2.5rem;padding:2rem;box-shadow:var(--shadow-lift)}
@media (min-width:640px){.story-card{padding:3rem}}
.story-card > p:first-child{font-size:1.125rem;color:color-mix(in oklab, var(--foreground) 90%, transparent)}
.story-card blockquote{
  margin-top:2rem;padding-left:1.5rem;
  border-left:4px solid color-mix(in oklab, var(--primary) 70%, transparent);
  font-size:1.25rem;font-weight:500;font-style:italic;line-height:1.625;
}
.story-card .tail{margin-top:2rem;color:var(--muted-foreground)}
.story-card .tail + .tail{margin-top:1rem}
.section-lead h2{margin-top:1.5rem;font-size:clamp(1.875rem,4vw,2.25rem)}
.founders,.values{margin-top:2.5rem;display:grid;gap:1.5rem}
@media (min-width:768px){.founders{grid-template-columns:repeat(2,1fr)}.values{grid-template-columns:repeat(3,1fr)}}
.founder{border:1px solid var(--border);background:var(--card);border-radius:1.5rem;padding:2rem;box-shadow:var(--shadow-lift)}
.monogram{
  display:flex;align-items:center;justify-content:center;
  width:4rem;height:4rem;border-radius:999px;
  background-image:var(--gradient-calm);color:var(--primary-foreground);
  font-size:1.125rem;font-weight:700;box-shadow:var(--shadow-calm);
}
.founder h3{margin-top:1.25rem;font-size:1.5rem}
.founder .role{margin-top:.375rem;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.15em;color:var(--primary)}
.founder .bio{margin-top:1rem;font-size:.875rem;line-height:1.625;color:var(--muted-foreground)}
.founder ul{margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border);display:grid;gap:.625rem}
.founder li{display:flex;align-items:center;gap:.625rem;font-size:.875rem}
.founder .check{width:1.25rem;height:1.25rem}
.value{border:1px solid var(--border);border-radius:1.5rem;padding:2rem}
.value .box{
  display:flex;align-items:center;justify-content:center;
  width:2.75rem;height:2.75rem;border-radius:.75rem;
  background:color-mix(in oklab, var(--primary) 15%, transparent);color:var(--primary);
}
.value h3{margin-top:1.25rem;font-size:1.25rem}
.value p{margin-top:.5rem;font-size:.875rem;color:var(--muted-foreground)}

@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation-duration:.001s!important;animation-iteration-count:1!important;transition-duration:.001s!important}
}