/* ============================================================
   LULLA — Landing Page
   Palette derived from the app icon + brand system
   ============================================================ */
:root{
  /* Brand */
  --terracotta:#C4714A;
  --terracotta-deep:#A85C38;
  --rose:#E8B4A0;
  --blush:#F8D5CF;
  --blush-warm:#EBC4B6;
  --forest:#2D4A3E;
  --forest-deep:#22382F;
  --cream:#FAF3EA;
  --cream-deep:#F3E9DB;
  --charcoal:#1E1A17;
  --charcoal-card:#2A2420;
  --stone:#8C7B6E;
  --stone-light:#A89A8D;
  --border-day:#F0E4D8;
  --border-warm:#E7D6C6;

  /* Type */
  --display:"Fraunces",Georgia,serif;
  --body:"Nunito",-apple-system,BlinkMacSystemFont,sans-serif;

  /* Scale */
  --maxw:1180px;
  --gut:clamp(20px,5vw,40px);

  /* Motion */
  --ease:cubic-bezier(.4,0,.2,1);
  --ease-out:cubic-bezier(.16,1,.3,1);
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{
  font-family:var(--body);
  color:var(--forest);
  background:var(--cream);
  line-height:1.6;
  -webkit-font-smoothing:antialiased;
  overflow-x:hidden;
}
img,svg{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
::selection{background:var(--terracotta);color:var(--cream)}

.wrap{max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut)}

/* ---------- Buttons ---------- */
.btn{
  display:inline-flex;align-items:center;gap:9px;
  font-family:var(--body);font-weight:800;font-size:1rem;
  padding:15px 26px;border-radius:16px;border:none;cursor:pointer;
  background:var(--terracotta);color:var(--cream);
  transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),background .25s;
  box-shadow:0 6px 20px rgba(196,113,74,.28);
  white-space:nowrap;
}
.btn:hover{background:var(--terracotta-deep);transform:translateY(-2px);box-shadow:0 12px 30px rgba(196,113,74,.36)}
.btn:active{transform:translateY(0)}
.btn-sm{padding:10px 20px;font-size:.92rem;border-radius:12px;box-shadow:0 4px 14px rgba(196,113,74,.22)}
.btn-ghost{
  background:transparent;color:var(--forest);
  border:1.5px solid var(--border-warm);box-shadow:none;
}
.btn-ghost:hover{background:#fff;border-color:var(--rose);transform:translateY(-2px);box-shadow:0 8px 20px rgba(44,74,62,.08)}
.btn-light{background:var(--cream);color:var(--forest)}
.btn-light:hover{background:#fff;color:var(--terracotta-deep)}

/* ---------- Nav ---------- */
.nav{
  position:fixed;top:0;left:0;right:0;z-index:100;
  transition:background .4s var(--ease),box-shadow .4s var(--ease),padding .4s var(--ease);
  padding:18px 0;
}
.nav.scrolled{
  background:rgba(250,243,234,.82);
  backdrop-filter:blur(16px) saturate(1.4);
  -webkit-backdrop-filter:blur(16px) saturate(1.4);
  box-shadow:0 1px 0 rgba(231,214,198,.7);
  padding:11px 0;
}
.nav-inner{
  max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut);
  display:flex;align-items:center;gap:24px;
}
.nav-brand{display:flex;align-items:center;gap:11px;color:var(--terracotta)}
.nav-wave{width:34px;height:17px;flex:none}
.nav-wordmark{font-family:var(--body);font-weight:900;font-size:1.4rem;letter-spacing:-.03em;color:var(--forest)}
.nav-links{display:flex;gap:30px;margin-left:auto}
.nav-links a{
  font-weight:600;font-size:.95rem;color:var(--stone);
  transition:color .2s;position:relative;
}
.nav-links a:hover{color:var(--forest)}
.nav-links a::after{
  content:"";position:absolute;left:0;bottom:-5px;height:2px;width:0;
  background:var(--terracotta);transition:width .3s var(--ease-out);border-radius:2px;
}
.nav-links a:hover::after{width:100%}
.nav .btn-sm{margin-left:8px}

@media(max-width:860px){
  .nav-links{display:none}
  .nav .btn-sm{margin-left:auto}
}

/* ============================================================
   HERO — the breathing wave
   ============================================================ */
.hero{
  position:relative;
  padding-top:clamp(120px,18vh,180px);
  padding-bottom:clamp(60px,9vh,100px);
  background:
    radial-gradient(120% 90% at 78% 8%, #F8D5CF 0%, #F1C9BC 32%, #FAF3EA 68%);
  overflow:hidden;
}
.hero::after{
  /* soft grain-free vignette to settle the gradient into cream */
  content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(180deg,transparent 55%,var(--cream) 100%);
}
.hero-grid{
  position:relative;z-index:2;
  max-width:var(--maxw);margin:0 auto;padding-inline:var(--gut);
  display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(30px,5vw,70px);
  align-items:center;
}

.hero-eyebrow{
  display:inline-flex;align-items:center;gap:8px;
  font-weight:700;font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;
  color:var(--terracotta-deep);
  background:rgba(255,255,255,.55);
  padding:7px 14px;border-radius:999px;
  border:1px solid rgba(196,113,74,.18);
  margin-bottom:26px;
}
.hero-eyebrow .dot{width:6px;height:6px;border-radius:50%;background:var(--terracotta);box-shadow:0 0 0 0 rgba(196,113,74,.5);animation:livedot 2.6s var(--ease) infinite}
@keyframes livedot{0%{box-shadow:0 0 0 0 rgba(196,113,74,.45)}70%{box-shadow:0 0 0 7px rgba(196,113,74,0)}100%{box-shadow:0 0 0 0 rgba(196,113,74,0)}}

.hero h1{
  font-family:var(--display);
  font-weight:500;
  font-size:clamp(2.7rem,6.4vw,4.6rem);
  line-height:1.02;
  letter-spacing:-.022em;
  color:var(--forest);
  margin-bottom:22px;
}
.hero h1 em{
  font-style:italic;
  font-weight:400;
  color:var(--terracotta);
}
.hero-sub{
  font-size:clamp(1.05rem,1.6vw,1.22rem);
  color:#5c5048;
  max-width:30em;
  margin-bottom:34px;
  font-weight:500;
}
.hero-cta{display:flex;gap:14px;flex-wrap:wrap;align-items:center}
.hero-trust{
  display:flex;align-items:center;gap:18px;flex-wrap:wrap;
  margin-top:30px;font-size:.88rem;color:var(--stone);font-weight:600;
}
.hero-trust span{display:inline-flex;align-items:center;gap:7px}
.hero-trust svg{width:16px;height:16px;color:var(--forest);opacity:.7}

/* breathing visual */
.breath{
  position:relative;
  aspect-ratio:1;
  display:grid;place-items:center;
  min-height:340px;
}
.breath-rings{position:absolute;inset:0;display:grid;place-items:center}
.breath-ring{
  position:absolute;border-radius:50%;
  border:1.5px solid rgba(196,113,74,.22);
}
.breath-ring.r1{width:62%;height:62%;animation:breathe 12s var(--ease) infinite}
.breath-ring.r2{width:80%;height:80%;border-color:rgba(196,113,74,.14);animation:breathe 12s var(--ease) infinite .25s}
.breath-ring.r3{width:98%;height:98%;border-color:rgba(196,113,74,.08);animation:breathe 12s var(--ease) infinite .5s}
.breath-core{
  position:relative;z-index:3;
  width:46%;height:46%;border-radius:50%;
  background:radial-gradient(circle at 38% 32%, #F3C9BB, #C4714A 92%);
  box-shadow:0 20px 60px rgba(196,113,74,.4), inset 0 -8px 24px rgba(168,92,56,.4), inset 0 6px 18px rgba(255,235,228,.5);
  display:grid;place-items:center;
  animation:breathe 12s var(--ease) infinite;
}
.breath-core .wv{width:42%;color:var(--cream);opacity:.92}
.breath-label{
  position:absolute;z-index:4;bottom:-2px;left:50%;transform:translateX(-50%);
  font-family:var(--display);font-style:italic;font-size:1.15rem;color:var(--terracotta-deep);
  font-weight:500;
  background:rgba(250,243,234,.7);padding:5px 16px;border-radius:999px;
  backdrop-filter:blur(6px);
  white-space:nowrap;
  transition:opacity .6s var(--ease);
}
@keyframes breathe{
  0%,100%{transform:scale(.78)}
  /* 4-count inhale, hold, 8-count exhale rhythm compressed */
  33%{transform:scale(1)}
  58%{transform:scale(1)}
}

@media(prefers-reduced-motion:reduce){
  .breath-core,.breath-ring,.hero-eyebrow .dot{animation:none}
  .breath-core{transform:scale(.92)}
}

@media(max-width:840px){
  .hero-grid{grid-template-columns:1fr;text-align:center}
  .hero-eyebrow{margin-inline:auto}
  .hero-sub{margin-inline:auto}
  .hero-cta{justify-content:center}
  .hero-trust{justify-content:center}
  .breath{order:-1;min-height:300px;max-width:380px;margin-inline:auto;width:100%}
}

/* ============================================================
   SECTION SHELL + REVEAL
   ============================================================ */
.section{padding-block:clamp(72px,11vh,128px);position:relative}
.section-head{max-width:680px;margin-bottom:clamp(40px,6vh,64px)}
.section-head.center{margin-inline:auto;text-align:center}
.eyebrow{
  display:inline-block;font-weight:700;font-size:.8rem;letter-spacing:.15em;
  text-transform:uppercase;color:var(--terracotta);margin-bottom:16px;
}
.section h2{
  font-family:var(--display);font-weight:500;
  font-size:clamp(2rem,4.2vw,3.1rem);line-height:1.08;
  letter-spacing:-.02em;color:var(--forest);
}
.section h2 em{font-style:italic;color:var(--terracotta);font-weight:400}
.section-lead{
  font-size:clamp(1.05rem,1.5vw,1.18rem);color:#5c5048;
  margin-top:18px;font-weight:500;max-width:42em;
}
.section-head.center .section-lead{margin-inline:auto}

[data-reveal]{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease-out),transform .7s var(--ease-out)}
[data-reveal].in{opacity:1;transform:none}
[data-reveal][data-delay="1"]{transition-delay:.08s}
[data-reveal][data-delay="2"]{transition-delay:.16s}
[data-reveal][data-delay="3"]{transition-delay:.24s}
[data-reveal][data-delay="4"]{transition-delay:.32s}
[data-reveal][data-delay="5"]{transition-delay:.40s}

/* ============================================================
   TRUST STRIP
   ============================================================ */
.trust-strip{
  background:var(--forest);color:var(--cream);
  padding-block:clamp(40px,6vh,60px);
}
.trust-row{
  display:grid;grid-template-columns:repeat(4,1fr);gap:24px;
  text-align:center;
}
.trust-item .num{
  font-family:var(--display);font-weight:600;font-style:italic;
  font-size:clamp(2rem,4vw,2.9rem);color:var(--rose);line-height:1;
  margin-bottom:8px;
}
.trust-item .lab{font-size:.92rem;color:rgba(250,243,234,.72);font-weight:600;line-height:1.4}
@media(max-width:680px){
  .trust-row{grid-template-columns:repeat(2,1fr);gap:32px 16px}
}

/* ============================================================
   HOW IT WORKS — 3 step
   ============================================================ */
.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:clamp(20px,3vw,34px)}
.step{
  background:#fff;border:1.5px solid var(--border-day);border-radius:22px;
  padding:34px 30px 30px;position:relative;overflow:hidden;
  transition:transform .4s var(--ease-out),box-shadow .4s var(--ease-out),border-color .3s;
}
.step:hover{transform:translateY(-5px);box-shadow:0 24px 50px rgba(44,26,14,.09);border-color:var(--border-warm)}
.step-no{
  font-family:var(--display);font-style:italic;font-weight:500;
  font-size:1.05rem;color:var(--terracotta);
  width:42px;height:42px;border-radius:50%;
  background:rgba(196,113,74,.1);display:grid;place-items:center;
  margin-bottom:22px;
}
.step h3{font-family:var(--body);font-weight:800;font-size:1.3rem;color:var(--forest);margin-bottom:10px;letter-spacing:-.01em}
.step p{font-size:1rem;color:var(--stone);line-height:1.6}
.step-illu{position:absolute;right:-20px;top:-20px;width:120px;height:120px;opacity:.06;color:var(--terracotta)}
@media(max-width:820px){.steps{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}

/* ============================================================
   SYMPTOM PICKER (interactive)
   ============================================================ */
.sym-wrap{background:var(--cream-deep)}
.sym-layout{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,4vw,56px);align-items:start}
.sym-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.sym-card{
  text-align:left;font-family:var(--body);cursor:pointer;
  background:#fff;border:1.5px solid var(--border-day);border-radius:15px;
  padding:17px 17px 16px;
  transition:border-color .25s,transform .25s var(--ease-out),box-shadow .25s;
  display:flex;flex-direction:column;gap:3px;
}
.sym-card:hover{border-color:var(--rose);transform:translateY(-2px);box-shadow:0 10px 24px rgba(44,26,14,.07)}
.sym-card.active{border-color:var(--terracotta);box-shadow:0 12px 30px rgba(196,113,74,.18);transform:translateY(-2px)}
.sym-card .ic{width:24px;height:24px;color:var(--terracotta);margin-bottom:7px}
.sym-card.active .ic{color:var(--terracotta-deep)}
.sym-card .l{font-weight:800;font-size:1rem;color:var(--forest)}
.sym-card .s{font-size:.82rem;color:var(--stone);line-height:1.35}

.sym-stage{
  position:sticky;top:100px;
  background:var(--charcoal);border-radius:22px;
  padding:38px 34px;color:var(--cream);
  min-height:330px;display:flex;flex-direction:column;justify-content:center;
  box-shadow:0 30px 70px rgba(30,26,23,.3);
  overflow:hidden;
}
.sym-stage::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background:radial-gradient(80% 60% at 80% 0%, rgba(232,180,160,.16), transparent 70%);
}
.stage-tag{
  font-weight:800;font-size:.72rem;letter-spacing:.13em;text-transform:uppercase;
  color:var(--rose);margin-bottom:14px;display:block;position:relative;
}
.stage-title{font-family:var(--display);font-weight:500;font-size:2rem;color:var(--cream);margin-bottom:14px;position:relative;letter-spacing:-.01em}
.stage-body{font-size:1.02rem;color:rgba(250,243,234,.78);line-height:1.62;position:relative}
.stage-chip{
  display:inline-flex;align-items:center;gap:8px;margin-top:22px;
  font-size:.84rem;font-weight:600;color:rgba(250,243,234,.6);position:relative;
}
.stage-chip svg{width:16px;height:16px;color:var(--rose)}
.stage-hint{font-size:.92rem;color:rgba(250,243,234,.5);font-weight:600;position:relative}
.sym-stage.flash .stage-tag,.sym-stage.flash .stage-title,.sym-stage.flash .stage-body,.sym-stage.flash .stage-chip{
  animation:stagein .5s var(--ease-out) both;
}
@keyframes stagein{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

@media(max-width:820px){
  .sym-layout{grid-template-columns:1fr}
  .sym-stage{position:relative;top:0;order:-1;min-height:240px}
}
@media(max-width:430px){
  .sym-grid{grid-template-columns:1fr}
}

/* ============================================================
   SCIENCE / FEATURE SPLIT
   ============================================================ */
.feat-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(34px,6vw,80px);align-items:center}
.feat-split.flip .feat-visual{order:2}
.feat-list{display:flex;flex-direction:column;gap:26px;margin-top:8px}
.feat-item{display:flex;gap:16px}
.feat-item .fi-ic{
  flex:none;width:46px;height:46px;border-radius:13px;
  background:rgba(196,113,74,.1);display:grid;place-items:center;color:var(--terracotta);
}
.feat-item .fi-ic svg{width:23px;height:23px}
.feat-item h4{font-weight:800;font-size:1.12rem;color:var(--forest);margin-bottom:4px}
.feat-item p{font-size:.98rem;color:var(--stone);line-height:1.55}

/* private / on-device visual */
.privacy-card{
  background:var(--forest);border-radius:26px;padding:46px 40px;color:var(--cream);
  position:relative;overflow:hidden;
  box-shadow:0 30px 70px rgba(45,74,62,.28);
}
.privacy-card::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 70% at 20% 100%, rgba(232,180,160,.18),transparent 60%);pointer-events:none}
.privacy-lock{
  width:64px;height:64px;border-radius:18px;background:rgba(232,180,160,.16);
  display:grid;place-items:center;color:var(--rose);margin-bottom:24px;position:relative;
}
.privacy-lock svg{width:30px;height:30px}
.privacy-card h3{font-family:var(--display);font-weight:500;font-size:1.9rem;color:var(--cream);margin-bottom:14px;position:relative;letter-spacing:-.01em}
.privacy-card p{color:rgba(250,243,234,.78);font-size:1.04rem;line-height:1.6;position:relative;margin-bottom:24px}
.privacy-points{list-style:none;display:flex;flex-direction:column;gap:13px;position:relative}
.privacy-points li{display:flex;align-items:center;gap:11px;font-weight:600;font-size:.98rem;color:rgba(250,243,234,.9)}
.privacy-points svg{width:19px;height:19px;color:var(--rose);flex:none}

@media(max-width:820px){
  .feat-split{grid-template-columns:1fr;gap:40px}
  .feat-split.flip .feat-visual{order:0}
}

/* ============================================================
   PRACTICE LIBRARY chips
   ============================================================ */
.lib-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:14px}
.lib-card{
  background:#fff;border:1.5px solid var(--border-day);border-radius:16px;
  padding:22px 22px 20px;transition:transform .35s var(--ease-out),box-shadow .35s var(--ease-out),border-color .3s;
}
.lib-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(44,26,14,.08);border-color:var(--border-warm)}
.lib-tag{
  display:inline-block;font-weight:800;font-size:.66rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--terracotta);background:rgba(196,113,74,.09);
  padding:5px 10px;border-radius:7px;margin-bottom:14px;
}
.lib-card h4{font-weight:800;font-size:1.12rem;color:var(--forest);margin-bottom:5px}
.lib-card .dur{font-size:.9rem;color:var(--stone);font-weight:600;display:flex;align-items:center;gap:6px}
.lib-card .dur svg{width:14px;height:14px;opacity:.7}

/* ============================================================
   PRICING
   ============================================================ */
.price-wrap{background:var(--cream-deep)}
.price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:880px;margin-inline:auto;align-items:stretch}
.price-card{
  background:#fff;border:1.5px solid var(--border-day);border-radius:24px;
  padding:38px 34px;display:flex;flex-direction:column;
}
.price-card.feature{
  background:var(--charcoal);border-color:var(--charcoal);color:var(--cream);
  position:relative;overflow:hidden;
  box-shadow:0 30px 70px rgba(30,26,23,.28);
}
.price-card.feature::after{content:"";position:absolute;inset:0;background:radial-gradient(70% 50% at 100% 0%,rgba(232,180,160,.16),transparent 60%);pointer-events:none}
.price-badge{
  position:absolute;top:22px;right:22px;font-weight:800;font-size:.7rem;letter-spacing:.1em;text-transform:uppercase;
  color:var(--charcoal);background:var(--rose);padding:6px 12px;border-radius:999px;
}
.price-name{font-weight:800;font-size:1.15rem;margin-bottom:6px;position:relative}
.price-card.feature .price-name{color:var(--rose)}
.price-card:not(.feature) .price-name{color:var(--terracotta)}
.price-amount{font-family:var(--display);font-weight:600;font-size:3rem;line-height:1;letter-spacing:-.02em;margin-bottom:4px;position:relative}
.price-amount .per{font-family:var(--body);font-size:1rem;font-weight:600;color:var(--stone)}
.price-card.feature .price-amount .per{color:rgba(250,243,234,.6)}
.price-once{font-size:.92rem;font-weight:700;color:var(--terracotta);margin-bottom:24px;position:relative}
.price-card.feature .price-once{color:var(--rose)}
.price-sub{font-size:.96rem;color:var(--stone);margin-bottom:24px;position:relative;line-height:1.5}
.price-card.feature .price-sub{color:rgba(250,243,234,.7)}
.price-feats{list-style:none;display:flex;flex-direction:column;gap:13px;margin-bottom:30px;position:relative;flex:1}
.price-feats li{display:flex;align-items:flex-start;gap:11px;font-size:.98rem;line-height:1.45}
.price-feats svg{width:19px;height:19px;flex:none;margin-top:1px}
.price-card:not(.feature) .price-feats svg{color:var(--forest)}
.price-card:not(.feature) .price-feats li{color:#5c5048}
.price-card.feature .price-feats svg{color:var(--rose)}
.price-card.feature .price-feats li{color:rgba(250,243,234,.88)}
.price-card .btn{width:100%;justify-content:center;position:relative}

@media(max-width:760px){.price-grid{grid-template-columns:1fr;max-width:440px}}

/* ============================================================
   FINAL CTA
   ============================================================ */
.final{
  text-align:center;
  background:radial-gradient(110% 130% at 50% 0%, #F8D5CF 0%, #EFC2B4 30%, var(--cream) 70%);
  padding-block:clamp(80px,13vh,140px);position:relative;overflow:hidden;
}
.final-wave{position:absolute;left:50%;top:38px;transform:translateX(-50%);width:90px;color:var(--terracotta);opacity:.5}
.final h2{font-family:var(--display);font-weight:500;font-size:clamp(2.2rem,5vw,3.6rem);line-height:1.05;letter-spacing:-.02em;color:var(--forest);margin-bottom:20px;position:relative}
.final h2 em{font-style:italic;color:var(--terracotta);font-weight:400}
.final p{font-size:1.15rem;color:#5c5048;max-width:32em;margin:0 auto 36px;font-weight:500;position:relative}
.final .hero-cta{justify-content:center;position:relative}
.final-note{margin-top:24px;font-size:.9rem;color:var(--stone);font-weight:600;position:relative}

/* ============================================================
   FOOTER
   ============================================================ */
.footer{background:var(--charcoal);color:rgba(250,243,234,.7);padding-block:54px 36px}
.footer-top{display:flex;justify-content:space-between;gap:40px;flex-wrap:wrap;margin-bottom:40px}
.footer-brand{max-width:300px}
.footer-brand .nav-wordmark{color:var(--cream)}
.footer-brand .nav-wave{color:var(--rose)}
.footer-brand .fb-mark{display:flex;align-items:center;gap:11px;margin-bottom:14px}
.footer-brand p{font-size:.94rem;line-height:1.6;color:rgba(250,243,234,.55)}
.footer-cols{display:flex;gap:64px;flex-wrap:wrap}
.footer-col h5{font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--rose);margin-bottom:16px;font-weight:800}
.footer-col a{display:block;font-size:.95rem;color:rgba(250,243,234,.7);margin-bottom:11px;transition:color .2s}
.footer-col a:hover{color:var(--cream)}
.footer-crisis{
  background:rgba(232,180,160,.08);border:1px solid rgba(232,180,160,.16);
  border-radius:14px;padding:18px 22px;margin-bottom:34px;
  display:flex;align-items:center;gap:14px;flex-wrap:wrap;
}
.footer-crisis svg{width:22px;height:22px;color:var(--rose);flex:none}
.footer-crisis b{color:var(--cream);font-weight:800}
.footer-crisis span{font-size:.94rem;color:rgba(250,243,234,.78)}
.footer-bottom{
  border-top:1px solid rgba(250,243,234,.1);padding-top:24px;
  display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;
  font-size:.86rem;color:rgba(250,243,234,.45);
}
.footer-bottom a{color:rgba(250,243,234,.6)}
.footer-bottom a:hover{color:var(--cream)}
@media(max-width:620px){.footer-cols{gap:40px}}