:root {
  color-scheme: dark;
  --bg: #040916;
  --ink: #f7f6ff;
  --muted: #bbc1d6;
  --violet: #b58af7;
  --gutter: 7.3vw;
}
* { box-sizing: border-box; }
html { min-height: 100%; background: var(--bg); }
body { margin: 0; font-family: "Century Gothic", "Segoe UI", sans-serif; color: var(--ink); }
a { color: inherit; }
.site-shell {
  --violet: #d8f500;
  min-height: 100svh;
  display: flex;
  flex-direction: column;
  background: linear-gradient(90deg, rgba(4, 9, 22, .88), rgba(4, 9, 22, .65) 28%, rgba(4, 9, 22, .18) 42%, transparent 55%) center top / 100% 100% no-repeat,
    var(--bg) url("assets/hero-korinoa-lime-clean.webp") center top / 100% auto no-repeat;
}
.site-shell .coming-soon i, .site-shell .light-stroke {
  background: linear-gradient(90deg, #d8f500, #55dfff, #d8f500);
  box-shadow: 0 0 8px 1px rgba(216, 245, 0, .45);
}
.site-shell .curious { color: #eaf5be; }
.site-shell .cta {
  border-color: #d8f500;
  box-shadow: inset 0 0 7px #35535b, 0 0 9px rgba(216, 245, 0, .4);
}
.site-shell .cta:hover, .site-shell .cta:focus-visible { background: #183039; }
.site-shell :focus-visible { outline-color: #d8f500; }
.topbar, .footer {
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 20px;
  padding-inline: var(--gutter);
}
.topbar { padding-top: 4vw; }
.site-shell .topbar { padding-right: 3.7vw; }
.wordmark { display: block; text-decoration: none; }
.wordmark img { display: block; width: clamp(140px, 21vw, 420px); height: auto; }
.coming-soon { display: flex; align-items: center; gap: 1.2vw; font-size: clamp(10px, 1.12vw, 22px); letter-spacing: .48em; white-space: nowrap; }
.coming-soon i, .light-stroke {
  display: block;
  height: 1px;
  background: linear-gradient(90deg, #b58af7, #b8d9ff, #b58af7);
  box-shadow: 0 0 8px 1px #9d72ff;
}
.coming-soon i { width: 3.7vw; }
.hero { flex: 1; padding: 5.8vw var(--gutter) 6vw; }
.hero-copy { max-width: 44vw; }
h1 { margin: 0; font-size: 6.15vw; font-weight: 300; line-height: .96; letter-spacing: -.036em; }
h1 span, h1 em { display: block; }
h1 em { color: var(--violet); font-weight: inherit; }
.light-stroke { margin: 3.2vw 0 2.25vw; width: 6.8vw; }
.subtitle { margin: 0; font-size: clamp(14px, 1.35vw, 26px); letter-spacing: .22em; line-height: 1.5; }
.site-shell .subtitle { width: 29ch; max-width: 100%; text-wrap: balance; }
.subscribe { margin-top: clamp(24px, 2.5vw, 52px); }
.curious { margin: 0 0 5px; color: #e9d8ff; font-size: clamp(17px, 1.35vw, 25px); }
.invitation { margin: 0 0 12px; color: var(--muted); font-size: 14px; line-height: 1.5; }
.cta {
  display: inline-flex;
  align-items: center;
  gap: 26px;
  min-height: 46px;
  padding: 0 22px;
  border: 1px solid #ae8cff;
  border-radius: 32px;
  background: #080d20;
  box-shadow: inset 0 0 7px #51418c, 0 0 9px #6451b6;
  font-size: clamp(15px, 1.15vw, 22px);
  text-decoration: none;
}
.cta:hover, .cta:focus-visible { background: #211a3e; }
.arrow { font-size: 22px; }
.privacy-note { margin: 12px 0 0; color: #c5c8dd; font-size: 12px; line-height: 1.6; }
.privacy-note a, .legal-content a { text-underline-offset: 3px; }
.footer { padding-block: 20px; background: var(--bg); color: var(--muted); font-size: 12px; }
.footer nav { display: flex; flex-wrap: wrap; gap: 8px 22px; }
.footer a { text-decoration: none; }
.footer a:hover { text-decoration: underline; }
:focus-visible { outline: 2px solid #d9c2ff; outline-offset: 5px; }

@media (max-width: 760px) {
  :root { --gutter: clamp(20px, 6vw, 40px); }
  .site-shell {
    --figure-height: 56.3vw;
    background-image: linear-gradient(0deg, var(--bg), transparent 34%), url("assets/hero-korinoa-lime-clean.webp");
    background-size: 100% var(--figure-height), 100% auto;
    background-position: right 64px;
  }
  .topbar, .site-shell .topbar { padding: 26px var(--gutter) 0; }
  .coming-soon { letter-spacing: .23em; gap: 8px; }
  .coming-soon i { width: 14px; }
  .hero { padding-top: calc(var(--figure-height) - 4px); padding-bottom: 32px; }
  .hero-copy { max-width: 100%; }
  h1 { font-size: clamp(43px, 12vw, 76px); }
  .light-stroke { margin: 24px 0 18px; width: 58px; }
  .subtitle { letter-spacing: .12em; }
}
@media (max-width: 440px) {
  .footer { flex-direction: column; align-items: flex-start; gap: 10px; }
}
/* Privacy page */
.legal{min-height:100svh;background:radial-gradient(ellipse at 80% 0%,#141e45,var(--bg) 50%)}
.legal .topbar{padding-bottom:36px}
.legal-content{max-width:890px;margin:0 auto;padding:26px 28px 80px;line-height:1.7;color:#d7dbed}
.legal-content h1{font-size:clamp(35px,6vw,60px);font-style:normal;letter-spacing:-.035em;margin:8px 0 18px}
.legal-content h2{font-size:20px;color:white;margin:36px 0 8px;font-weight:500}
.legal-content p,.legal-content li{font-size:15px}
.legal-content a{text-underline-offset:3px}
.legal-content .notice{border-left:3px solid var(--violet);padding:10px 18px;background:rgba(167,122,243,.09)}