:root{
  --bg:#07111f;
  --bg-elev:#0b1930;
  --paper:#0f1f35;
  --paper-2:#13263d;
  --ink:#edf5f7;
  --muted:#a6b7c8;
  --line:#1d3952;
  --accent:#00be80;
  --accent-2:#44e5b8;
}
body{background:radial-gradient(circle at top,#102847 0,#07111f 45%,#050b13 100%)}
.site-header{background:rgba(3,14,28,.82)}
.site-footer{background:#030a12}
.brand{gap:10px;min-width:0;font-size:1rem}
.brand-symbol{width:44px;height:44px;display:block;flex:0 0 auto;color:#fff}
.brand-symbol svg{display:block;width:100%;height:100%;overflow:visible}
.brand-wordmark{display:flex;align-items:baseline;white-space:nowrap;font-size:1.7rem;font-weight:950;line-height:1;letter-spacing:-.055em}
.brand-ilmeno,.brand-com{color:#f7fbff}
.brand-caro{color:var(--accent)}
.brand-com{font-size:.55em;margin-left:.06em;letter-spacing:-.02em}
.site-footer .brand-symbol{width:40px;height:40px}
.site-footer .brand-wordmark{font-size:1.5rem}
.hero-content{max-width:860px}
.hero-content .hero-actions{margin-top:26px}
.eyebrow{background:rgba(0,190,128,.09);border-color:rgba(0,190,128,.34)}
.btn{background:linear-gradient(180deg,#20d69c,#00aa72);color:#031b16;box-shadow:0 10px 26px rgba(0,190,128,.24)}
.btn.secondary{background:rgba(255,255,255,.03);color:var(--ink);box-shadow:none}
.card:hover{border-color:rgba(0,190,128,.48)}
.affiliate-note{background:rgba(0,190,128,.08);border-color:rgba(0,190,128,.28)}
.article-figure{background:linear-gradient(180deg,rgba(4,13,25,.96),rgba(12,29,48,.96));padding:10px;overflow:hidden}
.article-figure img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:17px}
.article-figure-supplementary{margin-top:34px}
@media(max-width:900px){
  .brand-symbol{width:42px;height:42px}
  .brand-wordmark{font-size:1.55rem}
}
@media(max-width:580px){
  .nav{min-height:68px}
  .brand{gap:7px}
  .brand-symbol{width:36px;height:36px}
  .brand-wordmark{font-size:1.28rem;letter-spacing:-.05em}
  .hero-content{max-width:none}
}