/* Shared public chrome. The homepage wordmark bar is the site-wide identity. */
:root{--site-ink:#fffaf0;--site-muted:#b9c4b8;--site-ground:#04251b;--site-accent:#f04a12;--site-accent-text:#b53610;--site-paper:#f2eadb;--site-font:Inter,"Segoe UI",Arial,sans-serif;--site-display:Georgia,"Times New Roman",serif}
html{scrollbar-gutter:stable}
img{-webkit-user-drag:none;-webkit-user-select:none;user-select:none}
[hidden]{display:none!important}
.sr-only{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
::selection{background:#fffaf0;color:#04251b;text-shadow:none}
body:is([data-static-page="why"],[data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) ::selection,
#metivis-home .atlas-adaptive ::selection,
:is(body,#metivis-home) [data-shared-footer] ::selection{background:#04251b;color:#fffaf0}
a:focus-visible,button:focus-visible,input:focus-visible,summary:focus-visible{outline:2px solid var(--site-accent);outline-offset:5px}
#siteHeader[data-shared-chrome]{--header-ink:var(--site-ink);--header-ink-shadow:0 0 1.6px rgba(4,37,27,.92),0 1px 4px rgba(4,37,27,.3);position:fixed;inset:0 0 auto;z-index:90;display:grid;grid-template-columns:minmax(150px,1fr) auto minmax(210px,1fr);align-items:center;gap:clamp(18px,3vw,46px);width:100%;height:calc(72px + env(safe-area-inset-top));padding:env(safe-area-inset-top) clamp(20px,3.4vw,56px) 0;border:0;border-radius:0;background:none;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;isolation:auto;font-family:var(--site-font);color:var(--header-ink)}
#siteHeader[data-shared-chrome]::before{content:none;display:none}
#siteHeader[data-shared-chrome]::after{content:none;display:none}
#siteHeader[data-shared-chrome] .brand{position:relative;display:flex;align-items:center;justify-self:start;width:auto;min-width:128px;min-height:48px;margin:0;padding:0;text-decoration:none}
#siteHeader[data-shared-chrome] .brand::after{content:"";position:absolute;left:1px;bottom:-1px;width:42px;height:1px;border-radius:1px;background:currentColor;opacity:0;transform:scaleX(.38);transform-origin:left center;transition:opacity .14s ease,transform .22s cubic-bezier(.22,1,.36,1)}
#siteHeader[data-shared-chrome] .brand-word{display:block;font:400 clamp(30px,3.1vw,46px)/1 var(--site-display);letter-spacing:-.045em;color:var(--header-ink);text-shadow:var(--header-ink-shadow);transform:translate3d(0,0,0);transform-origin:left center;transition:color .18s ease,transform .22s cubic-bezier(.22,1,.36,1),text-shadow .18s ease}
#siteHeader[data-shared-chrome] .brand:focus-visible::after{opacity:.9;transform:scaleX(1)}
#siteHeader[data-shared-chrome] .brand:focus-visible .brand-word{transform:translate3d(2px,-1px,0) scale(1.012)}
#siteHeader[data-shared-chrome] .brand-mark{position:relative;display:block;width:29px;height:43px;flex:0 0 29px}
#siteHeader[data-shared-chrome] .brand-logo{position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;pointer-events:none;will-change:opacity,transform,filter;transition:opacity .32s ease,transform .5s cubic-bezier(.22,1,.36,1),filter .32s ease}
#siteHeader[data-shared-chrome] .brand-logo-solid{opacity:1;transform:none;filter:none}
#siteHeader[data-shared-chrome] .brand-logo-rune{opacity:0;transform:scale(.76) rotate(-8deg);filter:blur(2px)}
#siteHeader[data-shared-chrome] .brand:is(:focus-visible,.logo-rune) .brand-logo-solid{opacity:0;transform:scale(.88) rotate(4deg);filter:blur(1.5px)}
#siteHeader[data-shared-chrome] .brand:is(:focus-visible,.logo-rune) .brand-logo-rune{opacity:1;transform:none;filter:none}
@media(any-hover:hover){#siteHeader[data-shared-chrome] .brand:hover .brand-logo-solid{opacity:0;transform:scale(.88) rotate(4deg);filter:blur(1.5px)}#siteHeader[data-shared-chrome] .brand:hover .brand-logo-rune{opacity:1;transform:none;filter:none}}
#siteHeader[data-shared-chrome] .header-links{position:static;display:flex;align-items:center;justify-self:center;gap:clamp(19px,2.15vw,35px);margin:0;padding:0;background:none}
#siteHeader[data-shared-chrome] .header-links a{position:relative;display:flex;align-items:center;min-height:44px;padding:0;color:var(--header-ink);font-size:13.5px;font-weight:600;line-height:1.2;letter-spacing:0;text-decoration:none;text-shadow:var(--header-ink-shadow);transform:translateY(0);transition:color .18s ease,transform .18s cubic-bezier(.22,1,.36,1)}
#siteHeader[data-shared-chrome] .header-links a::after{content:"";position:absolute;right:0;bottom:5px;left:0;height:1px;border-radius:1px;background:currentColor;opacity:0;transform:scaleX(.34);transform-origin:center;transition:opacity .14s ease,transform .2s cubic-bezier(.22,1,.36,1)}
#siteHeader[data-shared-chrome] .header-links a:is(:hover,:focus-visible,[aria-current]){color:var(--header-ink)}
#siteHeader[data-shared-chrome] .header-links a:focus-visible{transform:translateY(-2px)}
#siteHeader[data-shared-chrome] .header-links a:focus-visible::after{opacity:.9;transform:scaleX(1)}
#siteHeader[data-shared-chrome] .header-links a[aria-current]{font-weight:650}
#siteHeader[data-shared-chrome] .header-links a[aria-current]::after{opacity:.82;transform:scaleX(1)}
@media(any-hover:hover){#siteHeader[data-shared-chrome] .brand:hover::after{opacity:.9;transform:scaleX(1)}#siteHeader[data-shared-chrome] .brand:hover .brand-word{transform:translate3d(2px,-1px,0) scale(1.012)}#siteHeader[data-shared-chrome] .header-links a:hover{transform:translateY(-2px)}#siteHeader[data-shared-chrome] .header-links a:hover::after{opacity:.9;transform:scaleX(1)}}
#siteHeader[data-shared-chrome] .brand:active .brand-word,#siteHeader[data-shared-chrome] .header-links a:active{transform:translateY(0)}
.homepage-header-actions{position:fixed;inset:env(safe-area-inset-top) clamp(20px,3.4vw,56px) auto auto;z-index:91;display:flex;align-items:center;height:72px;margin:0}
.homepage-header-actions .header-try{display:inline-flex;align-items:center;min-height:44px;padding:10px 17px;border:0;border-radius:7px;background:var(--site-paper);color:var(--site-ground);font:600 13px/1.2 var(--site-font);white-space:nowrap;text-decoration:none;box-shadow:0 5px 18px rgba(4,37,27,.14);transition:transform .18s ease,background-color .18s ease,box-shadow .18s ease}
.homepage-header-actions .header-try:is(:hover,:focus-visible){background:#fffaf0;color:var(--site-ground);transform:translateY(-1px);box-shadow:0 8px 24px rgba(4,37,27,.2)}
.homepage-header-actions .header-arrow{display:block;width:15px;height:15px;margin-left:9px;color:var(--site-accent);flex:0 0 15px;overflow:visible}
.homepage-header-actions .header-arrow path{fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}
#siteHeader[data-shared-chrome] .menu-button{display:none;position:relative;width:44px;height:44px;padding:10px;border:0;background:none;color:var(--site-ink);cursor:pointer;transform:translateZ(0)}
#siteHeader[data-shared-chrome] .menu-button::before,#siteHeader[data-shared-chrome] .menu-button::after{content:none}
#siteHeader[data-shared-chrome] .menu-button span{display:block;position:relative;width:23px;height:1.5px;margin:0;background-color:currentColor;border-radius:2px;transition:background-color .16s ease .08s}
#siteHeader[data-shared-chrome] .menu-button span::before,#siteHeader[data-shared-chrome] .menu-button span::after{content:"";display:block;position:absolute;left:0;width:23px;height:1.5px;background-color:currentColor;border-radius:2px;transform-origin:50% 50%;transition:transform .36s cubic-bezier(.65,0,.35,1)}
#siteHeader[data-shared-chrome] .menu-button span::before{top:-6px}
#siteHeader[data-shared-chrome] .menu-button span::after{top:6px}
body.menu-open{overflow:hidden}
body.menu-open #siteHeader[data-shared-chrome]{z-index:110}
body.menu-open #siteHeader[data-shared-chrome] .header-links{visibility:hidden}
body.menu-open .homepage-header-actions{visibility:hidden}
body.menu-open #siteHeader[data-shared-chrome] .menu-button span{background-color:transparent;transition-delay:0s}
body.menu-open #siteHeader[data-shared-chrome] .menu-button span::before{transform:translateY(6px) rotate(45deg)}
body.menu-open #siteHeader[data-shared-chrome] .menu-button span::after{transform:translateY(-6px) rotate(-45deg)}
#siteMenu.site-menu{position:fixed;inset:0;z-index:100;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-start;gap:28px;background:#06100c;color:var(--site-ink);overflow:auto;overscroll-behavior:contain;padding:calc(94px + env(safe-area-inset-top)) 28px max(30px,env(safe-area-inset-bottom));font-family:var(--site-font)}
#siteMenu .menu-main{display:flex;flex-direction:column;align-items:flex-start;gap:5px;margin:0}
#siteMenu .menu-main a{padding:7px 0;font-size:30px;line-height:1.3;letter-spacing:-1px;text-decoration:none;color:inherit}
#siteMenu .menu-main a:last-child{margin-top:10px;color:var(--site-accent)}
#siteMenu .menu-products{display:grid;grid-template-columns:1fr 1fr;gap:0 22px;padding-top:20px;border-top:1px solid #ffffff20}
#siteMenu .menu-products a,#siteMenu .menu-policies a{display:flex;align-items:center;min-height:44px;font-size:14px;line-height:1.5;text-decoration:none;color:var(--site-muted)}
#siteMenu .menu-policies{display:flex;flex-wrap:wrap;gap:0 22px;margin:0}
:is(body,#metivis-home) [data-shared-footer]{position:relative;z-index:1;margin:0;padding:0;border:0;background:none;color:var(--site-muted);font-family:var(--site-font)}
:is(body,#metivis-home) [data-shared-footer] .mv-footer{display:grid;grid-template-columns:1fr auto;gap:0 32px;align-items:center;width:86%;max-width:1120px;margin:0 auto;padding:21px 0 14px;border-top:1px solid #ffffff20;font-size:13px;color:var(--site-muted)}
:is(body,#metivis-home) [data-shared-footer] nav{display:flex;flex-direction:row;align-items:center;flex-wrap:wrap;gap:0 26px;margin:0;padding:0}
:is(body,#metivis-home) [data-shared-footer] a{display:inline-flex;align-items:center;min-height:44px;margin:0;padding:0;text-decoration:none;line-height:1.4}
:is(body,#metivis-home) [data-shared-footer] a:hover{color:var(--site-accent)}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{display:flex;align-items:center;gap:24px;font-size:11px}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary nav{gap:0 20px}
:is(body,#metivis-home) [data-shared-footer] .motion-setting{display:flex;align-items:center;gap:10px;border:0;padding:0;margin:0;font-size:11px;white-space:nowrap}
.motion-setting input{appearance:none;width:30px;height:18px;border:1px solid #82927e;background:#23332a;border-radius:12px;position:relative;cursor:pointer;margin:0}
.motion-setting input::before{content:"";position:absolute;top:3px;left:3px;width:10px;height:10px;border-radius:50%;background:#e2e9dc;transition:transform .2s}
.motion-setting input:checked{background:#637458}.motion-setting input:checked::before{transform:translateX(12px)}.motion-setting input:disabled{opacity:.5;cursor:default}
:is(body,#metivis-home) [data-shared-footer] .footer-more{grid-column:1/-1;width:100%;font-size:11px}
.footer-more summary{display:flex;align-items:center;gap:12px;min-height:40px;width:max-content;max-width:100%;cursor:pointer;list-style:none}
.footer-more summary::-webkit-details-marker{display:none}.footer-more[open] summary span{transform:rotate(45deg)}
:is(body,#metivis-home) [data-shared-footer] .footer-directory{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px;padding:12px 0 20px}
:is(body,#metivis-home) [data-shared-footer] .footer-directory nav{display:flex;flex-direction:column;align-items:flex-start;gap:0}
/* Utility pages use a comfortable line length; the Why narrative keeps its own typography. */
body[data-editorial-page="utility"] .legal-page{padding:140px 24px 80px;min-height:calc(100svh - 140px)}
body[data-editorial-page="utility"] .legal-copy{width:100%;max-width:760px;margin:auto;font:16px/1.75 var(--site-font);letter-spacing:0}
body[data-editorial-page="utility"] .legal-copy h1{font:500 clamp(32px,4.8vw,54px)/1.12 var(--site-font);letter-spacing:-.035em;margin:0 0 28px}
body[data-editorial-page="utility"] .legal-copy h2{font:500 26px/1.25 var(--site-font);letter-spacing:-.02em;margin:38px 0 14px}
body[data-editorial-page="utility"] .legal-copy p{margin:16px 0}.legal-copy code{overflow-wrap:anywhere}
@media(max-width:1100px){:is(body,#metivis-home) [data-shared-footer] .mv-footer{grid-template-columns:1fr;gap:0}:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{flex-wrap:wrap;gap:0 24px}}
@media(max-width:900px){#siteHeader[data-shared-chrome]{grid-template-columns:1fr auto;gap:10px;padding-inline:18px}#siteHeader[data-shared-chrome] .header-links,#siteHeader[data-shared-chrome] .header-actions{display:none}#siteHeader[data-shared-chrome] .menu-button{display:block}}
@media(max-width:680px){:is(body,#metivis-home) [data-shared-footer] .mv-footer{width:calc(100% - 44px);padding:16px 0 12px;font-size:12px}:is(body,#metivis-home) [data-shared-footer] nav{gap:0 20px}:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{gap:4px 20px}:is(body,#metivis-home) [data-shared-footer] .footer-directory{grid-template-columns:1fr 1fr;gap:16px}.footer-more summary{min-height:44px}.motion-setting{min-height:36px}body[data-editorial-page="utility"] .legal-page{padding-top:110px}}
.intake-page{background:#06100c;color:var(--site-ink);font-family:var(--site-font)}
.intake-page .intake-intro h1,.intake-page .handoff h2{font-family:var(--site-font);font-weight:500;line-height:1.12;letter-spacing:-.04em}
.intake-page .intake-emblem{display:none}
.intake-page .button-primary{background:#eeece1;color:#14251a;border-color:#eeece1;border-radius:5px}
.intake-page .intake-shell{padding-top:125px}
@media(max-width:680px){.intake-page .intake-shell{padding-top:104px}.intake-page .intake-intro h1{font-size:38px}}
@media(prefers-reduced-motion:reduce){#siteHeader *,#siteHeader *::before,#siteHeader *::after,.motion-setting input::before{transition:none!important}}
/* The functional footer is a quiet, compact close to every page. */
:is(body,#metivis-home) [data-shared-footer]{background:#06100c}
#metivis-home [data-shared-footer]{background:transparent}
:is(body,#metivis-home) [data-shared-footer] .mv-footer{grid-template-columns:1fr auto;gap:12px 28px;padding:24px 0 25px}
:is(body,#metivis-home) [data-shared-footer] .footer-name{font-size:20px;letter-spacing:-.6px;font-weight:600;color:#e4e9de}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{grid-column:1/-1;justify-content:space-between;flex-wrap:wrap;gap:8px 24px;font-size:12px}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-explore{justify-content:flex-end}
@media(max-width:680px){:is(body,#metivis-home) [data-shared-footer] .mv-footer{grid-template-columns:1fr;gap:4px;padding:20px 0}:is(body,#metivis-home) [data-shared-footer] .mv-footer-explore{justify-content:flex-start;gap:0 24px}:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{flex-direction:row;align-items:center;gap:5px 24px}}

.beta-form>[data-beta-fields]{border:0;padding:0;margin:0;min-width:0}
/* Shared closing identity, separate from the homepage inscription. */
:is(body,#metivis-home) [data-shared-footer]{background:#06100c}
:is(body,#metivis-home) [data-shared-footer] .footer-name{gap:13px;font-size:24px;min-height:62px;letter-spacing:-.8px}
.footer-emblem{position:relative;display:block;width:32px;height:48px;flex:0 0 32px}
.footer-emblem img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;transition:opacity .25s,transform .3s}
.footer-rune{opacity:0;transform:scale(.9)}
@media(hover:hover){.footer-name:hover .footer-solid{opacity:0}.footer-name:hover .footer-rune{opacity:1;transform:none}}
.footer-name:focus-visible .footer-solid{opacity:0}.footer-name:focus-visible .footer-rune{opacity:1;transform:none}
:is(body,#metivis-home) [data-shared-footer] .mv-footer{padding:30px 0 26px;gap:10px 30px}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary nav{gap:0 24px}
/* A single readable navigation surface; the emblem is decorative, not a loading effect. */
#siteMenu.site-menu{isolation:isolate;gap:24px;padding:calc(105px + env(safe-area-inset-top)) 30px max(24px,env(safe-area-inset-bottom));background:radial-gradient(ellipse at 110% 25%,#21332866,transparent 65%),#06100c}
.menu-insignia{position:absolute;z-index:-1;pointer-events:none;width:240px;height:355px;object-fit:contain;right:-48px;top:140px;opacity:.045;transform:rotate(-8deg)}
#siteMenu .menu-main{gap:0;flex:1;justify-content:center;align-items:stretch;max-width:580px;width:100%;margin:0 auto}
#siteMenu .menu-main a{font-size:clamp(29px,6vw,42px);font-weight:400;letter-spacing:-.035em;padding:12px 0;line-height:1.25;border-bottom:1px solid #ffffff16;color:#eeeede;display:flex;align-items:center;justify-content:space-between}
#siteMenu .menu-main a:last-child{margin:0;color:#eeeede}
.menu-bottom{max-width:580px;width:100%;margin:0 auto}
#siteMenu .menu-start{display:flex;align-items:center;justify-content:space-between;min-height:56px;padding:16px 20px;background:#ececdf;color:#132118;border-radius:4px;font-size:16px;font-weight:600;text-decoration:none}
#siteMenu .menu-policies{justify-content:space-between;gap:8px 20px;margin-top:16px}
#siteMenu .menu-policies a{font-size:12px;color:#b7c4b1}
#siteMenu:not([hidden]) .menu-main,#siteMenu:not([hidden]) .menu-bottom{animation:menu-arrive .22s ease-out both}
@keyframes menu-arrive{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@media(max-height:550px){#siteMenu.site-menu{padding-top:86px;gap:20px}#siteMenu .menu-main a{padding:10px 0;font-size:27px}}
@media(max-width:680px){:is(body,#metivis-home) [data-shared-footer] .mv-footer{width:calc(100% - 44px);padding:24px 0}:is(body,#metivis-home) [data-shared-footer] .mv-footer-explore{gap:0 21px;justify-content:flex-start}}
@media(prefers-reduced-motion:reduce){#siteMenu *{animation:none!important}.footer-emblem img{transition:none}}

/* One atlas-paper close across the public site. */
:is(body,#metivis-home) [data-shared-footer]{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background-color:var(--site-paper);
  background-image:
    radial-gradient(ellipse at 13% 0%,rgba(240,74,18,.055),transparent 38%),
    radial-gradient(ellipse at 91% 114%,rgba(4,37,27,.07),transparent 42%);
  color:#315044;
  font-family:var(--site-font);
}
:is(body,#metivis-home) [data-shared-footer]::before{
  content:"";
  position:absolute;
  inset:0;
  z-index:-1;
  pointer-events:none;
  opacity:.13;
  mix-blend-mode:multiply;
  background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.72' numOctaves='4' seed='19' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.28'/%3E%3C/svg%3E");
}
:is(body,#metivis-home) [data-shared-footer]::after{
  content:"";
  position:absolute;
  inset:0 0 auto;
  height:1px;
  background:linear-gradient(90deg,transparent 2%,rgba(4,37,27,.34) 18%,rgba(240,74,18,.5) 50%,rgba(4,37,27,.34) 82%,transparent 98%);
}
:is(body,#metivis-home) [data-shared-footer] .mv-footer{
  position:relative;
  display:grid;
  grid-template-columns:auto 1fr;
  align-items:center;
  width:calc(100% - clamp(44px,7vw,110px));
  max-width:none;
  min-height:154px;
  margin:0 auto;
  padding:30px 0 26px;
  gap:12px clamp(28px,5vw,80px);
  border:0;
  color:#315044;
  font-size:13px;
}
:is(body,#metivis-home) [data-shared-footer] .footer-name{
  display:inline-flex;
  align-items:center;
  min-height:52px;
  color:var(--site-ground);
  font:400 clamp(27px,2.4vw,38px)/1 var(--site-display);
  letter-spacing:-.045em;
  text-decoration:none;
}
:is(body,#metivis-home) [data-shared-footer] nav{display:flex;align-items:center;flex-wrap:wrap;margin:0;padding:0}
:is(body,#metivis-home) [data-shared-footer] a{display:inline-flex;align-items:center;min-height:44px;color:#315044;text-decoration:none;transition:color .16s ease}
:is(body,#metivis-home) [data-shared-footer] a:is(:hover,:focus-visible){color:var(--site-accent)}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-explore{justify-content:flex-start;gap:0 27px}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:10px 28px;font-size:12px}
:is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary nav{gap:0 24px}
:is(body,#metivis-home) [data-shared-footer] .motion-setting{
  display:inline-flex;
  align-items:center;
  gap:14px;
  min-height:44px;
  margin:0;
  padding:0;
  border:0;
  border-bottom:1px solid rgba(4,37,27,.28);
  border-radius:0;
  background:transparent;
  color:var(--site-ground);
  font:600 11px/1.2 var(--site-font);
  letter-spacing:.025em;
  cursor:pointer;
}
:is(body,#metivis-home) [data-shared-footer] .motion-setting:hover{border-bottom-color:var(--site-accent);color:var(--site-accent)}
:is(body,#metivis-home) [data-shared-footer] .motion-setting:disabled{cursor:default;opacity:.62}
:is(body,#metivis-home) [data-shared-footer] .motion-state{display:inline-flex;align-items:center;gap:6px;color:inherit;font-size:10px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
:is(body,#metivis-home) [data-shared-footer] .motion-state i{display:block;width:6px;height:6px;border-radius:50%;background:var(--site-accent);box-shadow:0 0 0 3px rgba(240,74,18,.11)}
:is(body,#metivis-home) [data-shared-footer] .motion-setting[aria-pressed="false"] .motion-state i{background:transparent;box-shadow:inset 0 0 0 1px currentColor}

@media(max-width:1180px){
  .homepage-header-actions{right:25px}
  #siteHeader[data-shared-chrome]{grid-template-columns:minmax(125px,1fr) auto minmax(190px,1fr);gap:16px;padding-inline:25px}
  #siteHeader[data-shared-chrome] .header-links{gap:20px}
  .homepage-header-actions .header-try{font-size:12px;padding-inline:14px}
}
@media(max-width:900px){
  #siteHeader[data-shared-chrome]{height:calc(68px + env(safe-area-inset-top));grid-template-columns:1fr auto;padding-inline:20px}
  #siteHeader[data-shared-chrome] .header-links,.homepage-header-actions{display:none}
  #siteHeader[data-shared-chrome] .brand{min-width:0}
  #siteHeader[data-shared-chrome] .brand-word{font-size:32px}
  #siteHeader[data-shared-chrome] .menu-button{display:block;width:48px;height:48px;padding:12px}
}
@media(max-width:680px){
  :is(body,#metivis-home) [data-shared-footer] .mv-footer{grid-template-columns:1fr;width:calc(100% - 44px);min-height:0;padding:28px 0 24px;gap:4px}
  :is(body,#metivis-home) [data-shared-footer] .mv-footer-explore{justify-content:flex-start;gap:0 22px}
  :is(body,#metivis-home) [data-shared-footer] .mv-footer-secondary{flex-direction:column;align-items:flex-start;gap:5px}
  :is(body,#metivis-home) [data-shared-footer] .motion-setting{margin-top:7px}
}
@media(prefers-reduced-motion:reduce){.homepage-header-actions .header-try,#siteHeader[data-shared-chrome] .brand-word,#siteHeader[data-shared-chrome] .brand::after,#siteHeader[data-shared-chrome] .header-links a,#siteHeader[data-shared-chrome] .header-links a::after{transition:none!important}}

/* Paper-page chrome. The same header form remains; only its contrast resolves for ivory. */
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) #siteHeader[data-shared-chrome]{
  --header-ink:#04251b;
  --header-ink-shadow:0 1px 0 rgba(255,250,240,.5);
}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) #siteHeader[data-shared-chrome] .menu-button{color:#04251b}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) .homepage-header-actions .header-try{background:#04251b;color:#fffaf0;box-shadow:0 6px 18px rgba(4,37,27,.16)}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) .homepage-header-actions .header-try:is(:hover,:focus-visible){background:#0a3528;color:#fffaf0}
body.menu-open:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) #siteHeader[data-shared-chrome]{--header-ink:#fffaf0;--header-ink-shadow:0 1px 4px rgba(0,0,0,.25)}
body.menu-open:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) #siteHeader[data-shared-chrome] .menu-button{color:#fffaf0}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) [data-shared-footer]{color:#52685d!important}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) [data-shared-footer] .mv-footer{color:#52685d!important;border-top-color:rgba(4,37,27,.22)!important}
body:is([data-static-page="beta"],[data-static-page="contact"],[data-static-page="404"],[data-static-page="legal"]) [data-shared-footer] .footer-name{color:#04251b}
body[data-static-page="legal"][data-editorial-page="utility"] .legal-copy h1{font-family:Georgia,"Times New Roman",serif;font-weight:400}

/* Every non-home route opens the same atlas menu rather than a generic overlay. */
body:not(.metivis-home-page) #siteMenu.site-menu{
  isolation:isolate;
  overflow:hidden auto;
  gap:0;
  min-height:100svh;
  padding:calc(86px + env(safe-area-inset-top)) 28px max(22px,env(safe-area-inset-bottom));
  background:var(--site-ground);
  color:var(--site-paper);
}
body:not(.metivis-home-page) #siteMenu.site-menu::before{
  content:"";
  position:fixed;
  inset:0;
  z-index:-1;
  pointer-events:none;
  background:var(--site-ground) url('/assets/homepage-atlas/menu-mobile.webp?v=20260920') 50% 50%/cover no-repeat;
  animation:shared-menu-field .5s cubic-bezier(.22,1,.36,1) both;
}
body:not(.metivis-home-page) #siteMenu .menu-main{position:relative;z-index:1;flex:1 0 auto;justify-content:center;align-items:stretch;width:min(100%,560px);max-width:none;margin:auto;padding:clamp(14px,3vh,38px) 0 clamp(22px,4vh,44px);gap:clamp(24px,3.5vh,38px)}
body:not(.metivis-home-page) #siteMenu .menu-primary{display:flex;flex-direction:column;align-items:stretch;gap:0;width:100%;border-top:1px solid rgba(255,250,240,.22)}
body:not(.metivis-home-page) #siteMenu .menu-primary a{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  min-height:62px;
  margin:0;
  padding:8px 2px;
  border:0;
  border-bottom:1px solid rgba(255,250,240,.22);
  color:#fffaf0;
  font:400 clamp(29px,7.8vw,40px)/1.08 var(--site-display);
  letter-spacing:-.035em;
  text-decoration:none;
  text-shadow:0 1px 2px rgba(4,37,27,.9),0 3px 14px rgba(4,37,27,.44);
}
body:not(.metivis-home-page) #siteMenu .menu-primary a:is(:hover,:focus-visible){background:rgba(255,250,240,.08)}
body:not(.metivis-home-page) #siteMenu .menu-primary a[aria-current="page"],
.metivis-home-page #siteMenu .menu-primary a[aria-current="page"]{padding-left:14px;box-shadow:inset 3px 0 #ff5a1a}
body:not(.metivis-home-page) #siteMenu .menu-primary a:focus-visible,
.metivis-home-page #siteMenu .menu-primary a:focus-visible{padding-left:14px;outline:0;background:rgba(255,250,240,.09);box-shadow:inset 3px 0 #fffaf0}
body:not(.metivis-home-page) #siteMenu .menu-main>.menu-beta{display:inline-flex;align-items:center;justify-content:center;align-self:flex-start;min-height:50px;margin:0;padding:11px 17px;border:0;border-radius:7px;background:var(--site-paper);color:var(--site-ground);font:650 15px/1.25 var(--site-font);letter-spacing:0;text-decoration:none;box-shadow:0 8px 24px rgba(0,0,0,.24);text-shadow:none}
body:not(.metivis-home-page) #siteMenu .menu-main>.menu-beta::after{content:"→";margin-left:12px;font-size:18px;line-height:1}
body:not(.metivis-home-page) #siteMenu .menu-policies{position:relative;z-index:1;justify-content:flex-start;width:min(100%,560px);margin:0 auto;padding-top:18px;gap:0 18px}
body:not(.metivis-home-page) #siteMenu .menu-policies::before{content:"";position:absolute;top:0;left:0;width:72px;height:1px;background:linear-gradient(90deg,rgba(255,250,240,.88),rgba(255,250,240,0))}
body:not(.metivis-home-page) #siteMenu .menu-policies a{min-height:48px;color:#fffaf0;font-size:13px;font-weight:600;text-shadow:0 1px 2px rgba(4,37,27,.9)}
.shared-menu-star-layer{position:fixed;inset:0;z-index:0;overflow:hidden;pointer-events:none}
.shared-menu-star-layer i{position:absolute;width:var(--shared-star-size,12px);aspect-ratio:1;opacity:0;color:#ffe6ad;transform:translate(-50%,-50%);filter:drop-shadow(0 0 1.5px rgba(255,240,198,.32));mix-blend-mode:screen;animation:shared-menu-twinkle var(--shared-star-period,1.2s) ease-in-out var(--shared-star-delay,0s) infinite}
#siteMenu.star-burst .shared-menu-star-layer i{animation-name:shared-menu-burst;animation-duration:var(--shared-star-burst-period,1.5s);animation-delay:var(--shared-star-burst-delay,0s);animation-iteration-count:1;animation-fill-mode:both;animation-timing-function:ease-in-out}
.shared-menu-star-layer i[data-tone="orange"]{color:#ff5a1a;filter:drop-shadow(0 0 1px rgba(255,77,16,.25))}
.shared-menu-star-layer i::before{content:"";position:absolute;inset:0;background:currentColor;clip-path:polygon(50% 0,55% 43%,100% 50%,55% 57%,50% 100%,45% 57%,0 50%,45% 43%)}
.shared-menu-star-layer i::after{content:"";position:absolute;inset:42%;border-radius:50%;background:#fff9ea}
.shared-menu-star-layer i[data-kind="speck"]::before{inset:20%;border-radius:50%;clip-path:none;box-shadow:0 0 calc(var(--shared-star-size,6px)*.85) currentColor}
.shared-menu-star-layer i[data-kind="speck"]::after{display:none}
@keyframes shared-menu-field{from{opacity:0}to{opacity:1}}
@keyframes shared-menu-twinkle{0%,100%{opacity:0}22%{opacity:var(--shared-star-low,.22)}48%{opacity:var(--shared-star-peak,.7)}74%{opacity:var(--shared-star-trail,.11)}}
@keyframes shared-menu-burst{0%,100%{opacity:0}8%{opacity:var(--shared-star-burst-one,.5)}16%{opacity:var(--shared-star-burst-low,.02)}25%{opacity:var(--shared-star-peak,.7)}36%{opacity:var(--shared-star-burst-low,.02)}48%{opacity:var(--shared-star-burst-two,.54)}61%{opacity:var(--shared-star-burst-low,.02)}77%{opacity:var(--shared-star-burst-three,.35)}90%{opacity:0}}
@media(prefers-reduced-motion:reduce){body:not(.metivis-home-page) #siteMenu.site-menu::before{animation:none}.shared-menu-star-layer i{animation:none!important;opacity:0!important}}