:root{
  --frame:#0a0612;
  --frame-deep:#150e20;
  --card:#150e20;
  --card-elevated:#1e1430;
  --card-soft:rgba(124,37,244,.18);
  --ink:#fbe8ff;
  --muted:rgba(251,232,255,.68);
  --line:rgba(251,232,255,.1);
  --hot:#7C25F4;
  --hot-bright:#9b5cff;
  --pink:#ee99ff;
  --accent-text:var(--pink);
  --sky:#6cb8ff;
  --violet:#9b5cff;
  --shell:min(980px,100%);
  --pad:clamp(20px,5vw,56px);
  --radius-card:clamp(28px,4vw,48px);
  --bar-h:72px;
  color-scheme:dark;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{
  scroll-behavior:smooth;
  -webkit-tap-highlight-color:transparent;
}
body{
  min-height:100vh;
  background:
    radial-gradient(ellipse 70% 45% at 80% -5%,rgba(124,37,244,.35),transparent 55%),
    radial-gradient(ellipse 50% 40% at 0% 50%,rgba(94,53,175,.22),transparent 50%),
    linear-gradient(180deg,#0a0612 0%,#120a1c 40%,#1a1230 100%);
  background-color:var(--frame);
  color:var(--ink);
  font-family:"Nunito",system-ui,sans-serif;
  font-weight:600;
  line-height:1.5;
  overflow-x:hidden;
}
button,input,textarea{font:inherit;color:inherit}
button{border:0;background:transparent;cursor:pointer;touch-action:manipulation}
a{color:inherit;text-decoration:none}
img{display:block;max-width:100%}
:focus-visible{outline:2px solid var(--hot);outline-offset:3px}
::selection{background:rgba(238,153,255,.25);color:var(--ink)}

.frame{
  padding:clamp(12px,2.5vw,28px);
  min-height:100vh;
}
.card{
  width:min(1180px,100%);
  margin:0 auto;
  background:
    radial-gradient(ellipse 90% 60% at 50% -20%,rgba(124,37,244,.2),transparent 55%),
    linear-gradient(180deg,var(--card-elevated) 0%,var(--card) 100%);
  border:1px solid var(--line);
  border-radius:var(--radius-card);
  box-shadow:0 24px 80px rgba(0,0,0,.45);
  overflow-x:clip;
  overflow-y:visible;
}

/* Top bar */
.bar{
  position:sticky;top:0;z-index:40;
  display:grid;
  grid-template-columns:1fr auto 1fr;
  align-items:center;
  gap:12px 16px;
  height:calc(var(--bar-h) + env(safe-area-inset-top, 0px));
  min-height:calc(var(--bar-h) + env(safe-area-inset-top, 0px));
  padding:
    calc(8px + env(safe-area-inset-top, 0px))
    max(var(--pad), env(safe-area-inset-right))
    8px
    max(var(--pad), env(safe-area-inset-left));
  background:rgba(21,14,32,.78);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  border-bottom:1px solid transparent;
  transition:border-color .2s,box-shadow .2s;
}
.brand-mini{justify-self:start;color:var(--ink)}
.bar__nav{justify-self:center;margin:0}
.bar__tools{justify-self:end}
.bar.is-scrolled{
  border-bottom-color:var(--line);
  box-shadow:0 8px 32px rgba(0,0,0,.35);
}
.brand-mini{
  display:inline-flex;align-items:center;gap:10px;
}
.brand-mini img{width:34px;height:34px}
.brand-mini span{
  font-family:"Pixelify Sans",monospace;
  font-weight:400;
  font-synthesis:none;
  font-size:clamp(18px,4.2vw,26px);
  line-height:1;
  letter-spacing:.02em;
  color:#c061ff;
  text-shadow:0 0 14px rgba(124,37,244,.28);
}
.bar__nav{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;
}
.bar__nav a{
  font-size:15px;font-weight:800;color:var(--muted);
  transition:color .15s;
  touch-action:manipulation;
}
.bar__tools{display:flex;align-items:center;gap:10px;flex-shrink:0}
.bar__site-link{
  font-size:14px;
  font-weight:800;
  color:var(--muted);
  white-space:nowrap;
  touch-action:manipulation;
  transition:color .15s;
}
.lang{
  display:flex;gap:2px;padding:3px;border-radius:999px;
  background:rgba(251,232,255,.06);
}
.lang button{
  min-width:34px;height:28px;min-height:28px;padding:0 8px;border-radius:999px;
  font-size:11px;font-weight:800;color:rgba(251,232,255,.45);
  touch-action:manipulation;
}
.lang button.active{
  background:rgba(124,37,244,.45);
  color:var(--ink);
  box-shadow:0 2px 12px rgba(124,37,244,.25);
}
.menu-toggle{
  display:none;width:44px;height:44px;align-items:center;justify-content:center;
  border-radius:12px;background:rgba(251,232,255,.06);
  touch-action:manipulation;
}
.menu-toggle svg{width:22px;height:22px;stroke:var(--ink);stroke-width:2}

.mobile-nav{
  position:fixed;
  top:calc(var(--bar-h) + env(safe-area-inset-top, 0px));
  right:0;
  bottom:0;
  left:0;
  z-index:35;
  padding:
    24px
    max(var(--pad), env(safe-area-inset-right))
    calc(40px + env(safe-area-inset-bottom))
    max(var(--pad), env(safe-area-inset-left));
  background:rgba(15,10,24,.97);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  overflow:auto;
}
.mobile-nav[hidden]{display:none!important}
.mobile-nav a{
  display:block;padding:16px 0;border-bottom:1px solid var(--line);
  font-size:18px;font-weight:800;
  touch-action:manipulation;
}
body.nav-open{
  overflow:hidden;
  overscroll-behavior-y:none;
}

/* Hero */
.hero{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(240px,min(42vw,380px));
  gap:clamp(20px,4vw,40px);
  align-items:center;
  padding:clamp(28px,5vw,56px) var(--pad) clamp(36px,6vw,64px);
}
.hero__copy{min-width:0}
.wordmark{
  font-family:"Unbounded","Nunito",sans-serif;
  font-size:clamp(36px,6vw,56px);
  font-weight:800;letter-spacing:-.03em;line-height:1;
  color:var(--ink);
}
.hero__title{
  margin-top:14px;
  font-family:"Unbounded","Nunito",sans-serif;
  font-size:clamp(22px,3.2vw,34px);
  font-weight:700;line-height:1.35;letter-spacing:-.02em;
  max-width:16em;
}
.hero__title em{
  display:block;
  font-style:normal;
  color:var(--accent-text);
  margin-top:10px;
}
.hero__lead{
  margin-top:16px;max-width:36ch;
  font-size:17px;line-height:1.7;color:var(--muted);
}
.store{margin-top:14px;display:grid;gap:6px;justify-items:start}
.store-badge{
  display:block;
  width:min(186px,100%);
  height:50px;
  overflow:hidden;
  transition:transform .15s;
}
.store-badge:active{transform:scale(.98)}
.store-badge img{
  width:186px;
  max-width:none;
  height:auto;
  display:block;
  margin-top:-68px;
}

.hero__scene{
  position:relative;
  min-height:0;
  padding:12px 8px 24px;
  display:flex;align-items:center;justify-content:center;
}
.deco{position:absolute;color:var(--pink);pointer-events:none}
.deco--spark{width:56px;top:8%;right:18%;opacity:.85}
.deco--wave{width:100px;bottom:14%;left:6%;color:var(--sky);opacity:.9}

/* Phone mockups (frame + app screenshots) */
.phone-mock{
  position:relative;
  display:block;
  width:100%;
  max-width:var(--phone-w,280px);
  margin-inline:auto;
  line-height:0;
  background:transparent;
}
.phone-mock__screen{
  position:absolute;
  left:5.01%;
  top:2.38%;
  width:89.45%;
  height:95.25%;
  z-index:1;
  overflow:hidden;
  border-radius:10.5% / 5.25%;
  background:#ebe3e8;
}
.phone-mock__screen img{
  width:100%;
  height:100%;
  object-fit:cover;
  object-position:50% 50%;
  display:block;
}
.phone-mock__frame{
  position:relative;
  z-index:2;
  width:100%;
  height:auto;
  display:block;
  pointer-events:none;
  filter:drop-shadow(0 24px 40px rgba(124,37,244,.2));
}

.device{position:relative;z-index:1;transform-origin:center center}
.device--hero{--phone-w:min(100%,320px);transform:rotate(6deg)}
.device--tilt-left{--phone-w:min(100%,270px);transform:rotate(-8deg)}
.device--tilt-right{--phone-w:min(100%,260px);transform:rotate(6deg)}
.device--sm{--phone-w:190px;transform:none}
.device--sm.device--lift{transform:translateY(-14px)}

/* Showcase rows */
.showcase{
  display:grid;
  gap:clamp(32px,6vw,64px);
  align-items:center;
  padding:clamp(56px,9vw,100px) var(--pad);
  border-top:1px solid var(--line);
}
.showcase--split .showcase__copy{
  grid-area:copy;
  min-width:0;
}
.showcase--split .showcase__scene{
  grid-area:visual;
}
.showcase--visual-right{
  grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);
  grid-template-areas:"copy visual";
}
.showcase--visual-left{
  grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);
  grid-template-areas:"visual copy";
}
.showcase__scene{
  position:relative;
  min-height:280px;
  padding:16px 12px 24px;
  display:flex;align-items:center;justify-content:center;
  overflow:visible;
}
.showcase__copy{min-width:0}
.showcase__copy h2{
  font-family:"Unbounded","Nunito",sans-serif;
  font-size:clamp(24px,3.5vw,36px);font-weight:700;line-height:1.12;
  letter-spacing:-.02em;
}
.showcase__copy p{margin-top:14px;font-size:16px;line-height:1.55;color:var(--muted);max-width:42ch}
.wavy-note{
  margin-top:10px;
  font-size:13px;
  line-height:1.45;
  color:rgba(251,232,255,.5);
  max-width:42ch;
}
.ticks{margin-top:20px;padding-left:20px;color:var(--ink)}
.ticks li{margin-top:8px;font-weight:800;line-height:1.4}

.pill{
  position:absolute;z-index:2;
  padding:10px 16px;border-radius:14px;
  font-size:13px;font-weight:800;color:#fff;
  box-shadow:0 10px 28px rgba(124,37,244,.22);
  max-width:min(160px,42vw);line-height:1.25;
  pointer-events:none;
}
.pill--violet{background:var(--violet);top:4%;left:2%;transform:rotate(-6deg)}
.pill--pink{background:var(--pink);color:#160c22;top:36%;left:-2%;transform:rotate(4deg)}
.pill--sky{background:var(--sky);bottom:8%;left:8%;transform:rotate(-3deg)}

.showcase__scene--phones{
  position:relative;
  min-height:clamp(280px,42vw,360px);
  padding-bottom:8px;
}
.showcase__scene--phones .pill{z-index:5}
.showcase__scene--phones .device--plan{
  position:relative;
  z-index:2;
  margin-right:auto;
  margin-left:4%;
}
.showcase__scene--phones .device--today-back{
  position:absolute;
  right:0;
  top:10%;
  z-index:1;
  --phone-w:min(58%,210px);
  opacity:.92;
  transform:rotate(8deg);
}

/* Stats & mood decorative scene */
.insight-scene{
  position:relative;
  min-height:260px;
  width:min(100%,340px);
  margin-inline:auto;
}
.insight-pill{position:absolute;z-index:3}
.insight-pill--stats{top:6%;left:0;transform:rotate(-5deg)}
.insight-pill--mood{bottom:10%;left:4%;transform:rotate(4deg)}
.mood-card{
  position:relative;
  z-index:2;
  margin:36px auto 0;
  width:min(100%,280px);
  padding:18px 16px 16px;
  border-radius:20px;
  background:var(--card-soft);
  border:1px solid var(--line);
  box-shadow:0 18px 40px rgba(124,37,244,.14);
}
.mood-card__label{
  font-size:12px;font-weight:800;color:var(--muted);letter-spacing:.02em;
}
.mood-card__row{
  display:flex;gap:8px;justify-content:space-between;margin-top:14px;
}
.mood-dot{
  width:14%;aspect-ratio:1;border-radius:999px;opacity:.9;
}
.mood-dot--1{background:#8b7fd4}
.mood-dot--2{background:#b8a8e8}
.mood-dot--3{background:var(--pink)}
.mood-dot--4{background:var(--sky)}
.mood-dot--5{background:#6ec9b8}
.stat-bars{
  display:flex;align-items:flex-end;gap:10px;height:72px;margin-top:18px;
}
.stat-bars span{
  flex:1;border-radius:8px 8px 4px 4px;
  height:var(--h,50%);
  background:linear-gradient(180deg,var(--violet),rgba(124,37,244,.35));
}

/* Theme cards */
.theme-scene{
  position:relative;
  min-height:260px;
  width:min(100%,320px);
  margin-inline:auto;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:12px;
  padding:12px 0;
}
.theme-card{
  margin:0;width:min(100%,240px);
  padding:14px 16px;border-radius:18px;
  display:flex;align-items:center;gap:14px;
  background:var(--card-soft);border:1px solid var(--line);
  box-shadow:0 12px 32px rgba(0,0,0,.12);
  transform:rotate(-2deg);
}
.theme-card--lift{transform:rotate(3deg);margin-left:12%}
.theme-card--custom{transform:rotate(-1deg);margin-right:8%}
.theme-card__swatch{
  width:52px;height:52px;border-radius:14px;flex-shrink:0;
  border:2px solid rgba(255,255,255,.12);
  background:linear-gradient(135deg,#3b2a4a 42%,#fbe8ff 42%);
}
.theme-card--base .theme-card__swatch{
  background:linear-gradient(135deg,#2a1538 40%,#fbe8ff 40%);
}
.theme-card--zefir .theme-card__swatch{
  background:linear-gradient(135deg,#3b2a4a 42%,#fbeff3 42%);
}
.theme-card__swatch--custom{
  background:
    conic-gradient(from 120deg,#1f2a44,#fbeff3,#1e3a2f,#faf5ec,#3b2a4a,#e8f1f8);
}
.theme-card figcaption{
  font-size:15px;font-weight:800;color:var(--ink);line-height:1.2;
}
.theme-card figcaption em{
  font-style:normal;font-size:11px;font-weight:800;
  color:var(--pink);margin-left:6px;
}


#stats .showcase__scene--phones{
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:clamp(6px,2.5vw,14px);
  min-height:clamp(300px,44vw,380px);
  padding-inline:0;
}
#stats .showcase__scene--phones .device--stats-back,
#stats .showcase__scene--phones .device--stats-mood{
  position:relative;
  top:auto;
  right:auto;
  margin:0;
  opacity:1;
  flex:0 1 auto;
  --phone-w:min(46%,200px);
}
#stats .showcase__scene--phones .device--stats-back{
  z-index:1;
  transform:rotate(-7deg);
}
#stats .showcase__scene--phones .device--stats-mood{
  z-index:2;
  transform:rotate(6deg);
  margin-bottom:4px;
}
#stats .showcase__scene--phones .pill--violet{top:4%;left:0}
#stats .showcase__scene--phones .pill--pink{bottom:12%;right:0;left:auto;top:auto}
#chat .showcase__scene--chat{
  position:relative;
  display:flex;
  align-items:flex-end;
  justify-content:center;
  gap:clamp(4px,1.2vw,12px);
  min-height:clamp(300px,36vw,400px);
  padding:20px 4px 16px;
  overflow:visible;
}
#chat .showcase__scene--chat .pill--chat-e2e{
  top:6%;
  right:4%;
  left:auto;
  bottom:auto;
  transform:rotate(5deg);
  max-width:none;
  padding-inline:14px;
  letter-spacing:.04em;
}
#chat .showcase__scene--chat .device--chat-left{
  --phone-w:clamp(148px,20vw,196px);
  transform:rotate(-8deg);
  z-index:1;
  margin-bottom:10px;
}
#chat .showcase__scene--chat .device--chat-mid{
  --phone-w:clamp(168px,24vw,228px);
  transform:translateY(-20px);
  z-index:3;
}
#chat .showcase__scene--chat .device--chat-right{
  --phone-w:clamp(148px,20vw,196px);
  transform:rotate(8deg);
  z-index:2;
  margin-bottom:10px;
}
.showcase__scene--themes{
  min-height:clamp(300px,44vw,380px);
}
.showcase__scene--themes .device--themes{
  --phone-w:min(78%,270px);
  transform:rotate(-5deg);
  margin-inline:auto;
}
.banner-stack{grid-area:banners;display:grid;gap:14px;align-content:center}
.banner{
  display:flex;align-items:center;gap:12px;
  padding:16px 20px;border-radius:18px;
  font-size:15px;font-weight:800;color:#fff;
  box-shadow:0 14px 36px rgba(124,37,244,.18);
}
.banner--pink{background:var(--pink);color:#160c22}
.banner--sky{background:var(--sky);color:#160c22}
.banner__emoji{font-size:22px}
.banner__icon{
  display:inline-flex;
  flex-shrink:0;
  width:22px;
  height:22px;
  align-items:center;
  justify-content:center;
}
.banner__icon svg{width:20px;height:20px;display:block}
.duo-scene{
  grid-area:duo;
  position:relative;
  min-height:280px;
  width:min(100%,520px);
  margin:24px auto 0;
  display:flex;
  justify-content:center;
  align-items:flex-end;
  gap:clamp(8px,3vw,20px);
  flex-wrap:wrap;
}
.duo-scene .device--wavy-a{--phone-w:min(46%,220px);transform:rotate(-7deg)}
.duo-scene .device--wavy-b{--phone-w:min(46%,220px);transform:rotate(5deg)}

#wavy .showcase__scene--wavy{
  position:relative;
  display:flex;
  justify-content:center;
  align-items:center;
  min-height:clamp(300px,36vw,400px);
  padding:12px 4px 16px;
}
#wavy .device--wavy-single{
  --phone-w:min(280px,78vw);
  transform:rotate(-3deg);
  position:relative;
  z-index:1;
}
#wavy .wavy-float-banner{
  position:absolute;
  z-index:10;
  top:38%;
  left:50%;
  transform:translateX(-50%) rotate(-2deg);
  width:min(100%,280px);
  max-width:calc(100% - 24px);
  margin:0;
  pointer-events:none;
  box-shadow:0 16px 40px rgba(124,37,244,.28);
}

/* Privacy highlight */
.privacy-band{
  position:relative;
  margin:clamp(32px,6vw,56px) var(--pad) clamp(28px,5vw,48px);
  padding:clamp(36px,6vw,56px) clamp(24px,5vw,48px);
  border-radius:28px;
  overflow:hidden;
  border:1px solid rgba(238,153,255,.35);
  background:
    radial-gradient(120% 80% at 0% 0%,rgba(124,37,244,.35),transparent 55%),
    radial-gradient(90% 70% at 100% 100%,rgba(238,153,255,.12),transparent 50%),
    linear-gradient(145deg,#1a1028,#120a1c 60%);
  box-shadow:0 24px 64px rgba(124,37,244,.22);
}
.privacy-band__glow{
  position:absolute;inset:-40% -20% auto -20%;height:70%;
  background:radial-gradient(ellipse at 50% 0%,rgba(238,153,255,.18),transparent 65%);
  pointer-events:none;
}
.privacy-band__inner{
  position:relative;z-index:1;
  max-width:920px;margin-inline:auto;
  text-align:center;
}
.privacy-band__eyebrow{
  display:inline-block;
  padding:6px 14px;border-radius:999px;
  font-size:12px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;
  color:var(--ink);
  background:linear-gradient(90deg,var(--pink),var(--violet));
}
.privacy-band__title{
  margin-top:18px;
  font-family:"Unbounded","Nunito",sans-serif;
  font-size:clamp(26px,4.2vw,40px);font-weight:700;line-height:1.12;
  letter-spacing:-.02em;color:var(--ink);
  max-width:16em;margin-inline:auto;
}
.privacy-band__lead{
  margin-top:14px;font-size:17px;line-height:1.6;color:var(--muted);
  max-width:42em;margin-inline:auto;
}
.privacy-pillars{
  margin-top:clamp(28px,4vw,40px);
  display:grid;gap:16px;
  grid-template-columns:repeat(2,minmax(0,1fr));
  text-align:left;
}
.privacy-pillar{
  padding:22px 20px;border-radius:20px;
  background:rgba(21,14,32,.55);
  border:1px solid var(--line);
  backdrop-filter:blur(8px);
}
.privacy-pillar__icon{
  display:inline-flex;width:44px;height:44px;
  align-items:center;justify-content:center;
  border-radius:14px;
  color:var(--ink);
  background:linear-gradient(135deg,rgba(124,37,244,.45),rgba(238,153,255,.2));
}
.privacy-pillar__icon svg{width:22px;height:22px}
.privacy-pillar h3{
  margin-top:14px;font-size:17px;font-weight:800;color:var(--ink);line-height:1.25;
}
.privacy-pillar p{
  margin-top:8px;font-size:14px;line-height:1.55;color:var(--muted);
}
.privacy-band__note{
  margin-top:22px;font-size:13px;line-height:1.5;color:var(--muted);
}
.privacy-band__link{
  display:inline-block;margin-top:16px;
  font-size:14px;font-weight:800;color:var(--accent-text);
  text-decoration:none;border-bottom:1px solid rgba(238,153,255,.45);
}

/* FAQ */
.faq-band{
  padding:clamp(40px,7vw,72px) var(--pad) clamp(32px,5vw,56px);
  max-width:720px;margin-inline:auto;
}
.faq-band__title{
  font-family:"Unbounded","Nunito",sans-serif;
  font-size:clamp(22px,3.5vw,32px);font-weight:700;
  letter-spacing:-.02em;text-align:center;
}
.faq-band .faq{margin-top:28px}
.faq-band details{
  border-bottom:1px solid var(--line);
  padding:18px 0;
}
.faq-band summary{
  cursor:pointer;
  font-weight:800;
  font-size:16px;
  color:var(--ink);
  list-style:none;
  line-height:1.35;
}
.faq-band summary::-webkit-details-marker{display:none}
.faq-band details p{
  margin-top:12px;
  font-size:15px;
  line-height:1.6;
  color:var(--muted);
}
.faq-band__inline{
  display:inline-block;
  margin-top:10px;
  font-size:14px;
  font-weight:800;
  color:var(--accent-text);
  text-decoration:none;
}
.faq-band__more{
  margin-top:24px;
  text-align:center;
  font-size:14px;
  font-weight:800;
}
.faq-band__more a{
  color:var(--muted);
  text-decoration:none;
}

/* CTA */
.cta-band{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:10px 20px;
  padding:clamp(18px,2.5vw,28px) var(--pad);
  margin:0 var(--pad) clamp(24px,4vw,36px);
  border-radius:24px;
  background:linear-gradient(135deg,rgba(124,37,244,.22),rgba(238,153,255,.08));
  border:1px solid var(--line);
}
.cta-band > div{flex:1 1 240px;min-width:0}
.cta-band h2{
  font-family:"Unbounded","Nunito",sans-serif;
  font-size:clamp(20px,2.6vw,26px);font-weight:700;line-height:1.15;
}
.cta-band > div p{color:var(--muted);font-size:14px;margin-top:4px;max-width:40ch;line-height:1.4}
.cta-band__changelog{margin-top:6px;font-size:13px}
.cta-band__changelog a{color:var(--accent-text);font-weight:800;text-decoration:none}
.cta-band .store-badge--lg{margin-left:auto;flex-shrink:0}
.store-badge--lg{
  width:200px;
  height:54px;
}
.store-badge--lg img{
  width:200px;
  margin-top:-72px;
}

/* Footer */
.hero,
.showcase,
.privacy-band,
.faq-band,
.cta-band{
  scroll-margin-top:calc(var(--bar-h) + 8px);
}

.foot{
  padding:32px var(--pad) calc(40px + env(safe-area-inset-bottom));
  border-top:1px solid var(--line);
  text-align:center;
}
.foot__brand{font-size:14px;color:var(--muted);font-weight:700}
.foot__links{
  display:flex;flex-wrap:wrap;justify-content:center;gap:8px 20px;
  margin-top:16px;font-size:14px;font-weight:800;
}
.foot__links a{color:var(--pink)}
.foot__copy{margin-top:20px;font-size:12px;color:rgba(251,232,255,.45)}

/* Cookie on frame */
.cookie{
  position:fixed;
  left:max(20px, env(safe-area-inset-left));
  right:max(20px, env(safe-area-inset-right));
  bottom:max(20px, env(safe-area-inset-bottom));
  z-index:200;
  width:auto;
  max-width:380px;
  padding:16px 18px;border-radius:16px;
  background:var(--card-elevated);color:var(--ink);
  border:1px solid var(--line);
  box-shadow:0 16px 48px rgba(0,0,0,.5);
  opacity:0;transform:translateY(12px);pointer-events:none;
  transition:opacity .3s,transform .3s;
}
.cookie[hidden]{display:none}
.cookie.is-visible{opacity:1;transform:none;pointer-events:auto}
.cookie p{font-size:13px;color:var(--muted);line-height:1.45}
.cookie button{
  margin-top:12px;padding:8px 18px;border-radius:999px;
  background:var(--hot);color:#fff;font-size:13px;font-weight:800;
}

@media(max-width:960px){
  .bar{grid-template-columns:1fr auto}
  .bar__nav{display:none}
  .menu-toggle{display:flex}
  .lang{padding:5px 4px}
  .hero{grid-template-columns:1fr}
  .hero__scene{order:-1;padding-bottom:8px}
  .device--hero{transform:rotate(3deg)}
  .showcase--split{
    grid-template-columns:1fr;
    grid-template-areas:"copy" "visual";
  }
  .showcase--split .showcase__scene{
    order:unset;
    min-height:0;
  }
  .showcase:not(.showcase--split) .showcase__scene{order:-1;min-height:0}
  .showcase:not(.showcase--split){grid-template-columns:1fr}
  #stats .showcase__scene--phones{
    flex-direction:column;
    align-items:center;
    overflow:visible;
    mask-image:none;
    min-height:auto;
    gap:20px;
    padding:48px 12px 8px;
  }
  #stats .showcase__scene--phones .device--stats-back,
  #stats .showcase__scene--phones .device--stats-mood{
    position:relative;
    flex:0 0 auto;
    --phone-w:min(280px,78vw);
    max-width:min(280px,78vw);
    transform:none;
    margin:0;
  }
  #stats .showcase__scene--phones .pill--violet{
    top:8px;
    left:12px;
  }
  #stats .showcase__scene--phones .pill--pink{
    top:8px;
    right:12px;
    left:auto;
    bottom:auto;
  }
  #features .showcase__scene--phones{
    flex-direction:column;
    align-items:center;
    min-height:auto;
    gap:16px;
    padding:44px 12px 8px;
  }
  #features .showcase__scene--phones .device--plan,
  #features .showcase__scene--phones .device--today-back{
    position:relative;
    right:auto;
    top:auto;
    margin:0;
    opacity:1;
    transform:none;
    --phone-w:min(280px,78vw);
  }
  #features .showcase__scene--phones .pill--violet{top:6px;left:8px}
  #features .showcase__scene--phones .pill--pink{top:6px;right:8px;left:auto;bottom:auto}
  #features .showcase__scene--phones .pill--sky{
    top:auto;
    bottom:6px;
    left:50%;
    transform:translateX(-50%) rotate(-3deg);
  }
  .showcase__scene--themes{
    min-height:auto;
    padding-top:40px;
  }
  .showcase__scene--themes .device--themes{
    --phone-w:min(280px,78vw);
    transform:none;
  }
  .showcase{
    padding-inline:clamp(16px,4vw,24px);
  }
  #chat .showcase__scene--chat{
    display:flex;
    align-items:flex-end;
    justify-content:flex-start;
    flex-wrap:nowrap;
    gap:14px;
    width:100%;
    max-width:100%;
    min-height:auto;
    padding:44px 0 12px;
    overflow-x:auto;
    overscroll-behavior-x:contain;
    -webkit-overflow-scrolling:touch;
    scroll-snap-type:x mandatory;
    scroll-padding-inline:calc(50% - min(39vw,130px));
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
  }
  #chat .showcase__scene--chat .device--chat-left,
  #chat .showcase__scene--chat .device--chat-mid,
  #chat .showcase__scene--chat .device--chat-right{
    flex:0 0 auto;
    scroll-snap-align:center;
    --phone-w:min(78vw,260px);
    transform:none;
    margin:0;
  }
  #chat .showcase__scene--chat .pill--chat-e2e{
    position:absolute;
    top:8px;
    right:12px;
    left:auto;
    transform:rotate(4deg);
  }
  #wavy .showcase__scene--wavy{
    min-height:auto;
    padding:8px 0 12px;
  }
  #wavy .device--wavy-single{
    --phone-w:min(280px,78vw);
    transform:none;
  }
  #wavy .wavy-float-banner{
    top:36%;
    transform:translateX(-50%) rotate(-1deg);
  }
  .privacy-pillars{grid-template-columns:1fr}
  .privacy-band__title,.privacy-band__lead{max-width:none}
  .cta-band .store-badge--lg{margin-left:0}
}
@media(max-width:560px){
  :root{--bar-h:64px}
  .frame{padding:8px}
  .bar{gap:8px}
  .brand-mini span{font-size:clamp(16px,5vw,22px)}
  .showcase__copy h2{text-wrap:balance}
  .pill{font-size:11px;padding:7px 10px;max-width:46vw}
  .device--hero{--phone-w:min(72vw,260px)}
  #chat .showcase__scene--chat{
    scroll-padding-inline:calc(50% - min(42vw,125px));
  }
  #chat .showcase__scene--chat .device--chat-left,
  #chat .showcase__scene--chat .device--chat-mid,
  #chat .showcase__scene--chat .device--chat-right{
    --phone-w:min(84vw,280px);
  }
  .privacy-band,
  .faq-band{
    padding-inline:clamp(16px,4vw,24px);
  }
  .cta-band{
    flex-direction:column;
    align-items:stretch;
    margin-inline:0;
    margin-bottom:clamp(20px,4vw,32px);
  }
  .cta-band .store-badge--lg{
    align-self:center;
    margin-left:0;
  }
  .foot__links{
    flex-direction:column;
    gap:12px;
  }
  .cookie{
    left:max(12px, env(safe-area-inset-left));
    right:max(12px, env(safe-area-inset-right));
    bottom:max(12px, env(safe-area-inset-bottom));
    max-width:none;
  }
}
@media(hover:hover) and (pointer:fine){
  .bar__nav a:hover{color:var(--pink)}
  .bar__site-link:hover{color:var(--pink)}
  .store-badge:hover{transform:translateY(-2px)}
  .privacy-band__link:hover{color:var(--pink)}
  .faq-band__inline:hover{text-decoration:underline}
  .faq-band__more a:hover{color:var(--accent-text)}
  .cta-band__changelog a:hover{text-decoration:underline}
  .foot__links a:hover{opacity:.85}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .bar,.store-badge,.cookie{transition:none}
  .device--hero,
  .device--tilt-left,
  .device--tilt-right,
  .duo-scene .device--wavy-a,
  .duo-scene .device--wavy-b,
  #wavy .device--wavy-single{transform:none}
  .showcase__scene--phones .device--plan{transform:none}
  #stats .showcase__scene--phones .device--stats-back,
  #stats .showcase__scene--phones .device--stats-mood{transform:none}
  #chat .showcase__scene--chat .device--chat-left,
  #chat .showcase__scene--chat .device--chat-mid,
  #chat .showcase__scene--chat .device--chat-right{transform:none}
  .showcase__scene--themes .device--themes{transform:none}
  .device--sm.device--lift{transform:none}
}