:root{ --bg:#000; --fg:#fff; --accent:#19E3FF; }
*{box-sizing:border-box}
html,body{height:100%}
body{ margin:0; background:var(--bg); color:var(--fg);
  font-family:'Montserrat',system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif; }
.page{position:relative;min-height:100vh;overflow:hidden}
.page--center{display:flex;align-items:center;justify-content:center}
.logo{ position:relative;z-index:3;text-align:center;
  letter-spacing:normal; font-kerning:normal; font-feature-settings:"kern" 1, "liga" 1;
  font-weight:300;font-size:clamp(28px,5vw,64px);color:rgba(255,255,255,0.92);
  margin:0;padding:0 1rem;text-transform:uppercase; }
.wave{position:absolute;inset:0;z-index:1;opacity:1;
  background: radial-gradient(200vw 100vh at 50% -10%, rgba(0,0,0,0) 60%, rgba(0,0,0,0.25) 100%);}
.bottom{ position:fixed;z-index:3;bottom:24px;left:0;right:0;display:flex;justify-content:center;pointer-events:none; }
.btn{ pointer-events:auto;display:inline-flex;align-items:center;gap:.5rem;
  padding:.5rem 1rem;border:1px solid rgba(25,227,255,0.7);color:var(--accent);
  background:rgba(25,227,255,0.04);border-radius:16px;font-size:12px;letter-spacing:.1em;
  text-decoration:none;text-transform:uppercase; }
.btn:hover{background:rgba(25,227,255,0.12)}
.ai-link{ display:inline-flex;align-items:baseline;vertical-align:baseline;gap:0;margin:0;padding:0;
  text-decoration:none;color:inherit;background:none;border:0;line-height:inherit;letter-spacing:inherit;font:inherit; }
.ai-link .ai-i{order:1;transition:order .2s ease}
.ai-link .ai-a{order:2;transition:order .2s ease}
.ai-link:hover .ai-i{order:2}
.ai-link:hover .ai-a{order:1}
.page--blog{display:flex;flex-direction:column}
.blog-header{position:relative;z-index:2;margin:0 auto;max-width:960px;width:100%;padding:4rem 1.5rem 1rem}
.eyebrow{font-size:.75rem;letter-spacing:.2em;text-transform:uppercase;color:rgba(255,255,255,.6)}
.blog-title{margin:.5rem 0 0;font-size:clamp(28px,4.5vw,56px);line-height:1.2;color:rgba(255,255,255,.9)}
.blog-nav{margin-top:1rem}
.blog-nav .back{color:rgba(255,255,255,.7);text-decoration:none}
.blog-nav .back:hover{color:rgba(255,255,255,.9)}
.blog-body{position:relative;z-index:2;margin:0 auto;max-width:720px;width:100%;padding:0 1.5rem 6rem;color:rgba(255,255,255,.75)}
.footer-wave{position:relative;margin-top:auto;height:14rem;width:100%;overflow:hidden}