:root{
  --emerald:#16A085; --jade:#25C3A8; --deep:#0F4B45; --mint:#E6F5F0; --ink:#0C2A26; --gold:#CCB67A;
}
*{box-sizing:border-box} html,body{height:100%}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;
  color:#EAF6F3;
  background:
    radial-gradient(1200px 600px at 80% 0%,rgba(37,195,168,.15),transparent 60%),
    radial-gradient(900px 600px at 10% 10%,rgba(204,182,122,.10),transparent 60%),
    linear-gradient(180deg,#0C2A26,#0b2724 45%,#0F4B45);
  line-height:1.6
}
.container{max-width:820px;margin:0 auto;padding:clamp(20px,4vw,40px)}
header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-block:8px 16px}
.lang a{color:#CDEAE4;text-decoration:none;font-weight:600;padding:6px 10px;border-radius:8px;border:1px solid rgba(255,255,255,.08)}
.lang a[aria-current="page"]{background:rgba(255,255,255,.06)}
h1{font-size:clamp(32px,7vw,64px);line-height:1.05;margin:10px 0;background:linear-gradient(90deg,var(--gold),var(--jade));-webkit-background-clip:text;background-clip:text;color:transparent}
.subhead{font-size:clamp(16px,2.9vw,20px);color:#D6EFEA;margin:8px 0 14px;max-width:70ch}
hr.sep{border:none;height:1px;margin:18px 0 14px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent)}
.body{font-size:clamp(16px,2.6vw,18px);max-width:76ch}
ul.list{list-style:none;margin:10px 0 2px;padding:0}
.list li{display:flex;gap:.6rem;align-items:flex-start;margin:.64rem 0}
.bullet-icon{color:var(--jade);line-height:0;margin-top:.15rem}
.bullet-icon svg{width:18px;height:18px;display:block}
.reading{margin:10px 0 18px;color:#CFEDE7;font-size:15px}
footer{margin-top:clamp(40px,8vw,80px);color:#9cd3c8;font-size:14px;display:flex;align-items:center;justify-content:space-between}
a.footer{color:#9cd3c8;text-decoration:none} a.footer:hover{text-decoration:underline}
.hl{ text-decoration: underline; text-decoration-color: var(--gold); text-decoration-thickness: .12em; text-underline-offset: .18em; }

/* ===== Beehiiv EMBED: show only the email field + button ===== */
.optin { margin: 28px 0 10px; }
.form-embed {
  width: 100%;
  max-width: 560px;
  height: 96px;            /* visible window height (shows just the form) */
  overflow: hidden;        /* hides the rest of the iframe (title/description/extra spacing) */
  border-radius: 12px;
  border: 1px solid rgba(255,255,255,.10);
  box-shadow: 0 10px 24px rgba(0,0,0,.30);
  background: transparent;
}
.form-embed iframe {
  width: 100% !important;
  height: 380px;           /* keep big so we can slide content under the window */
  border: 0;
  background: transparent !important;
  transform: translateY(-210px); /* shift upward so only input+button remain visible */
}
/* MOBILE tweak */
@media (max-width: 560px){
  .form-embed{ height: 88px; }
  .form-embed iframe{ height: 360px; transform: translateY(-196px); }
}
/* little helper text under the box */
#trust { color:#CDEAE4; font-size:14px; margin-top:8px; }