/* Figma Rylio_Betta node 29:392: confirmed brand tokens. */
:root{--rylio-accent:#3351AB;--rylio-on-accent:#FFFB56;--rylio-accent-soft:#CAD3ED;--rylio-focus:#3351AB;}
/* Mivora measurements supplied 2026-10-27. Scope: header and hero only.
   Desktop body size and compact layouts await measured reference: provisional.
   Original sections and business logic remain untouched. */
.mivora-nav,.mivora-hero{--m-lime:var(--rylio-accent);--m-ink:#212121;--m-muted:#636363;font-family:Geist,sans-serif}
.mivora-nav{position:absolute;inset:0 0 auto;z-index:25;background:transparent;backdrop-filter:none;-webkit-backdrop-filter:none;border:0;color:#212121}
.mivora-nav[data-scrolled]{background:transparent;border:0}
.mivora-nav .nav-inner{max-width:1640px;margin:auto;padding:20px 30px;min-height:0;display:flex;gap:8px;align-items:center}
.mivora-nav .nav-pill{display:flex;align-items:center;gap:24px;flex:1;min-width:0;border-radius:100px;padding:16px;background:#fff}
.mivora-nav .logo img{height:22px;width:auto;max-width:none;object-fit:contain}
.mivora-nav .nav-links{display:flex;gap:40px;justify-content:center;min-width:0}
.mivora-nav .nav-links a{padding:0;font-size:15px;line-height:1.5;color:#212121;border-radius:0;background:transparent}
.mivora-nav .nav-links a:hover{text-decoration:underline;text-decoration-style:dashed;text-underline-offset:4px;background:transparent}
.mivora-nav .nav-links a::after{content:none}
.mivora-nav .lang-bar{display:flex!important;flex:none}
.mivora-nav .lang button{font-size:14px;color:#636363;padding:4px 6px}
.mivora-nav .lang button[aria-pressed=true]{color:#212121}
.mivora-nav .nav-cta{padding:8px;background:#fff;border-radius:100px;flex:none}
.mivora-nav .btn,.mivora-hero .btn{font-family:Geist,sans-serif;font-weight:500;font-size:15px;line-height:1.3;padding:14px 20px;border-radius:50px;background:var(--m-lime);color:var(--rylio-on-accent);border:1px solid transparent;filter:none;transition:background .4s cubic-bezier(.2,.8,.2,1.2),color .4s,border-color .4s,transform .4s cubic-bezier(.2,.8,.2,1.2)}
.mivora-nav .btn{padding:10px 20px}
.mivora-nav .btn:hover,.mivora-hero .btn:hover{background:#212121;color:#fff;border:1px dashed var(--rylio-accent);filter:none;transform:none}
.mivora-nav .btn:focus-visible,.mivora-hero a:focus-visible{outline:2px solid var(--rylio-focus);outline-offset:4px}
.mivora-nav .burger{display:none;border-radius:50%;background:#fff;color:#212121;border-color:#e6e6e6}
.mivora-nav .nav-panel{max-width:1580px;margin:0 30px;padding:20px 24px;background:#fff;color:#212121;border:0;border-radius:24px}
.mivora-nav .nav-panel a{color:#212121}
.mivora-nav .nav-panel .btn{padding:14px 20px}
.mivora-nav .lang-menu{display:inline-flex}
.mivora-hero{padding-bottom:0;background:var(--bg)}
.mivora-hero::before{content:none}
.mivora-hero .hero-stage{position:relative;isolation:isolate;background:#212121;min-height:885px;padding-top:340px;overflow:hidden;color:#fff}
.mivora-hero .hero-background,.mivora-hero .hero-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:-2;object-fit:cover;pointer-events:none}
.mivora-hero .hero-overlay{z-index:-1;background:#212121;opacity:.6}
.mivora-hero .hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.6fr);align-items:end;gap:80px;max-width:1640px;padding:0 30px;margin:auto;text-align:left}
.mivora-hero .hero-copy{display:flex;flex-direction:column;gap:40px;padding-bottom:120px;min-width:0}
.mivora-hero .hero-title-copy{display:flex;flex-direction:column;gap:24px}
.mivora-hero .eyebrow{position:static;color:#fff;font:400 14px/1.5 Geist,sans-serif;letter-spacing:0;padding:0;margin:0;animation:none}
.mivora-hero .eyebrow::before{content:none}
.mivora-hero h1{font:500 80px/1.1 'Bricolage Grotesque',sans-serif;letter-spacing:0;text-wrap:balance;color:#fff;margin:0;max-width:100%;animation:mivora-enter .4s both}
/* Hook hierarchy from Daniel’s 2026-10-31 reference; only the title is affected. */
.mivora-hero h1 .hero-hook-context{display:block;font-size:clamp(20px,.42em,34px);font-weight:400;line-height:1.35;color:var(--on-dark-muted);margin-bottom:24px}
.mivora-hero h1 .hero-hook-message{display:block;font-weight:700;line-height:1.04}
.mivora-hero .lede{color:#fff;margin:0;max-width:58ch;text-wrap:pretty;animation:none;font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif}
.mivora-hero .actions{justify-content:flex-start;animation:mivora-enter .4s .08s both}
.mivora-hero .hero-card{justify-self:end;display:flex;flex-direction:column;gap:20px;max-width:400px;width:100%;min-width:0;padding:30px;background:#fff;color:#212121;border-radius:12px 12px 0 0;position:relative}
.mivora-hero .hero-card h2{font:500 20px/1.2 Geist,sans-serif;color:#212121;margin:0;text-wrap:balance}
.mivora-hero .hero-card-link{color:inherit;text-decoration:none}
.mivora-hero .hero-card-link:hover{text-decoration:underline;text-underline-offset:4px}
.mivora-hero .hero-card img{width:100%;height:160px;object-fit:cover;border-radius:4px}
.mivora-hero .hero-card-details{display:grid;grid-template-columns:1fr 1fr;gap:20px;font:400 15px/1.3 Geist,sans-serif;color:#636363}
.mivora-hero .hero-card-details>div+div{border-left:1px dashed #ddd;padding-left:20px}
.mivora-hero .hero-card-caption{font:400 12px/1.5 Geist,sans-serif;color:#636363;margin:0}
@keyframes mivora-enter{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}
@media(min-width:1200px){.mivora-nav .nav-panel{display:none!important}}
@media(min-width:810px) and (max-width:1199px){
 .mivora-nav .nav-links{display:none}.mivora-nav .burger{display:inline-flex;margin-left:auto}.mivora-nav .lang-bar{margin-left:auto}
 .mivora-hero h1{font-size:68px}.mivora-hero .lede{;font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif}.mivora-hero .hero-grid{gap:40px;grid-template-columns:minmax(0,1fr) minmax(0,.6fr)}
 .mivora-hero .hero-stage{padding-top:260px}.mivora-hero .hero-copy{padding-bottom:100px}.mivora-hero .hero-card{padding:24px}
 .mivora-nav .nav-panel:not([hidden]){display:block!important}
}
@media(max-width:809px){
 .mivora-nav .nav-inner{padding:20px;gap:8px}.mivora-nav .nav-pill{padding:12px 16px;gap:12px}.mivora-nav .nav-links,.mivora-nav .lang-bar{display:none!important}.mivora-nav .burger{display:inline-flex;margin-left:auto;width:36px;height:36px;border:0}.mivora-nav .nav-cta{display:none}
 .mivora-nav .nav-panel{margin:0 20px}.mivora-nav .nav-panel:not([hidden]){display:block!important}
 .mivora-hero .hero-stage{padding-top:200px;min-height:0}.mivora-hero .hero-grid{grid-template-columns:minmax(0,1fr);gap:40px;padding:0 20px}
 .mivora-hero .hero-copy{gap:32px;padding-bottom:0}.mivora-hero .hero-title-copy{gap:24px}.mivora-hero h1{font-size:44px}.mivora-hero .hero-hook-message br{display:none}.mivora-hero .lede{;font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif}.mivora-hero .eyebrow{font-size:12px;white-space:normal}
 .mivora-hero .hero-card{justify-self:end;padding:24px;max-width:400px}.mivora-hero .hero-card h2{font-size:18px}.mivora-hero .hero-card img{height:160px}.mivora-hero .btn{font-size:14px;padding:14px 20px}
}
@media(prefers-reduced-motion:reduce){.mivora-hero h1,.mivora-hero .actions{animation:none}.mivora-hero .hero-background{display:none}.mivora-nav .btn,.mivora-hero .btn{transition:none}}
/* Confirmed responsive measurements received after the first scaffold. */
.mivora-hero .hero-stage{display:flex;flex-direction:column;justify-content:flex-end}
.mivora-hero .hero-grid{width:100%;margin:0 auto}
@media(min-width:810px) and (max-width:1199px){
 .mivora-hero .hero-stage{padding-top:140px;min-height:0}
 .mivora-hero .hero-grid{padding:0 20px;grid-template-columns:minmax(0,1fr);gap:0;align-items:start}
 .mivora-hero .hero-copy{gap:40px;padding-bottom:60px}
 .mivora-hero .hero-card{justify-self:start;max-width:400px}
 .mivora-nav .nav-inner{padding:20px}.mivora-nav .nav-panel{margin:0 20px}
}
@media(max-width:809px){
 .mivora-hero .hero-stage{padding-top:140px}
 .mivora-hero .hero-grid{padding:0 12px;gap:0;align-items:start}
 .mivora-hero .hero-copy{gap:30px;padding-bottom:40px}
 .mivora-hero .hero-card{max-width:300px;justify-self:start}
 .mivora-nav .nav-inner{padding:20px 12px}.mivora-nav .nav-panel{margin:0 12px}
}
.mivora-hero .lede{max-width:none;font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif}

/* First-screen framing: keep the natural card height and bottom junction. */
.mivora-hero .lede{max-width:540px;font:400 var(--type-reading-size)/var(--type-reading-line) Geist,sans-serif}
@media(min-width:1200px){.mivora-hero .hero-stage{min-height:800px;padding-top:220px}}