/* Chronomore shared design system — Editorial Nocturne (dark) */
:root{
  --teal:#2BBCBC; --teal-deep:#11A39B; --orange:#F0984A;
  --navy-0:#070912; --navy-1:#0B0E1C; --navy-2:#141832;
  --text:#DCE2EE; --muted:#8892A4;
  --hairline:rgba(220,226,238,.10); --hairline-strong:rgba(220,226,238,.18);
  --maxw:1180px; --legalw:760px; --ease:cubic-bezier(.22,.61,.36,1);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0; font-family:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  color:var(--text); background-color:var(--navy-0);
  background-image:
    radial-gradient(ellipse at 20% -10%, #141832 0%, rgba(7,9,18,0) 55%),
    radial-gradient(ellipse at 95% 5%, rgba(43,188,188,.10) 0%, rgba(7,9,18,0) 42%),
    radial-gradient(ellipse at 50% 120%, rgba(240,152,74,.07) 0%, rgba(7,9,18,0) 50%);
  background-repeat:no-repeat; background-attachment:fixed;
  -webkit-font-smoothing:antialiased; -moz-osx-font-smoothing:grayscale;
  line-height:1.6; overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
svg{display:block}
.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 28px}
.wordmark{
  font-family:"Playfair Display",serif;font-weight:900;letter-spacing:-.01em;
  background:linear-gradient(95deg,var(--teal) 0%,var(--teal-deep) 38%,var(--orange) 100%);
  -webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;color:var(--teal);
}
.mark{flex:0 0 auto}
/* Nav */
.nav{position:sticky;top:0;z-index:50;
  backdrop-filter:saturate(140%) blur(14px);-webkit-backdrop-filter:saturate(140%) blur(14px);
  background:linear-gradient(180deg, rgba(7,9,18,.82) 0%, rgba(7,9,18,.55) 100%);
  border-bottom:1px solid var(--hairline)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:72px}
.brand{display:flex;align-items:center;gap:12px}
.brand .wordmark{font-size:26px}
.nav-links{display:flex;align-items:center;gap:34px}
.nav-links a{font-size:15px;font-weight:500;color:var(--muted);transition:color .2s var(--ease)}
.nav-links a:hover,.nav-links a:focus-visible{color:var(--text)}
.nav-links a:focus-visible{outline:2px solid var(--teal);outline-offset:4px;border-radius:4px}
/* Store badges */
.badges{display:flex;flex-wrap:wrap;gap:14px}
.badge{display:inline-flex;align-items:center;gap:12px;padding:13px 20px;
  border:1px solid var(--hairline-strong);border-radius:14px;
  background:linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));cursor:default}
.badge .b-text{display:flex;flex-direction:column;line-height:1.2;text-align:left}
.badge .b-small{font-size:11px;color:var(--muted);letter-spacing:.04em}
.badge .b-big{font-size:15px;font-weight:600;color:var(--text)}
/* Footer */
footer{border-top:1px solid var(--hairline);padding:56px 0 48px;
  background:linear-gradient(180deg, transparent, rgba(7,9,18,.6))}
.foot-grid{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:36px}
.foot-brand .wordmark{font-size:24px}
.foot-brand .brand{margin-bottom:14px}
.foot-brand p{font-size:13.5px;color:var(--muted);margin:0;max-width:24em;line-height:1.6}
.foot-links{display:flex;flex-direction:column;gap:12px}
.foot-col-title{font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin:0 0 4px;font-weight:600;opacity:.7}
.foot-links a{font-size:14.5px;color:var(--text);opacity:.85;transition:opacity .2s,color .2s}
.foot-links a:hover,.foot-links a:focus-visible{opacity:1;color:var(--teal)}
.foot-bottom{margin-top:44px;padding-top:24px;border-top:1px solid var(--hairline);
  display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:14px}
.foot-bottom p{font-size:13px;color:var(--muted);margin:0}
.foot-bottom a{color:var(--teal)}
/* Long-form legal pages */
.legal{max-width:var(--legalw);margin:0 auto;padding:64px 28px 96px}
.legal .back{display:inline-flex;align-items:center;gap:8px;font-size:14px;color:var(--muted);margin-bottom:28px}
.legal .back:hover{color:var(--teal)}
.legal h1{font-family:"Playfair Display",serif;font-weight:700;font-size:clamp(32px,5vw,46px);
  line-height:1.08;letter-spacing:-.015em;color:#F2F5FB;margin:0 0 8px}
.legal .updated{font-size:13px;color:var(--muted);margin:0 0 36px}
.legal h2{font-family:"Playfair Display",serif;font-weight:600;font-size:22px;color:#EDF1F8;
  margin:40px 0 12px;letter-spacing:-.005em}
.legal h3{font-size:16px;font-weight:600;color:#EDF1F8;margin:24px 0 8px}
.legal p,.legal li{font-size:15.5px;color:var(--text);opacity:.92;line-height:1.7}
.legal p{margin:0 0 14px}
.legal ul{margin:0 0 16px;padding-left:22px}
.legal li{margin:0 0 8px}
.legal a{color:var(--teal);text-decoration:underline;text-underline-offset:2px}
.legal strong{color:#F2F5FB}
.legal .note{border:1px solid var(--hairline-strong);border-radius:12px;padding:14px 18px;
  background:rgba(240,152,74,.06);font-size:13.5px;color:var(--muted);margin:0 0 18px}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}