@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url('/assets/fonts/inter-semibold.ttf') format('truetype')}
:root{--pair-face:'Inter',Arial,sans-serif;--pair-weight:600}
#top.hero .hero-grid .hero-actions{align-items:center;gap:12px}
.flow-download.flow-download{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:0}
.flow-download.flow-download:before,.flow-download.flow-download:after{content:none!important;animation:none!important}
.flow-download.flow-download:focus-visible{outline:2px solid #15954b;outline-offset:4px}
/* Shared container; two independent links, no selected/toggle state. */
#top.hero .hero-grid .hero-actions .hero-action-pair{
 position:relative;isolation:isolate;display:grid;grid-template-columns:.9fr 1.3fr;
 width:410px;max-width:100%;padding:4px;border:1px solid #eceeec;
 border-radius:99px;background:#fff;box-shadow:none;
}
.hero-action-pair:after{content:'';position:absolute;left:41%;top:18px;bottom:18px;width:1px;background:#e8ebe8;pointer-events:none}
#top.hero .hero-grid .hero-action-pair>a.btn{
 display:flex;align-items:center;justify-content:center;min-width:0;min-height:50px;margin:0;
 padding:12px 14px;border:0!important;border-radius:99px!important;
 background:transparent!important;color:#222824!important;box-shadow:none!important;
 font-family:var(--pair-face)!important;font-weight:var(--pair-weight)!important;
 font-size:15px;line-height:1.3;letter-spacing:0;white-space:nowrap;transform:none!important;gap:0;
}
#top.hero .hero-grid .hero-action-pair>a:before,#top.hero .hero-grid .hero-action-pair>a:after{content:none!important}
#top.hero .hero-grid .hero-action-pair>a:focus-visible{outline:2px solid #15954b;outline-offset:-2px}
.merge-nav .flow-download.flow-download{font-family:var(--pair-face)!important;font-weight:var(--pair-weight)!important;letter-spacing:0}
@media(max-width:1050px) and (min-width:761px){
 #top.hero .hero-grid .hero-action-pair>a.btn{font-size:13px;padding-inline:9px}
}
@media(max-width:760px){
 #top.hero .hero-grid .hero-actions .hero-action-pair{width:100%;padding:3px}
 #top.hero .hero-grid .hero-action-pair>a.btn{font-size:14px;min-height:48px;padding:12px 8px}
 .hero-action-pair:after{top:17px;bottom:17px}
}
@media(max-width:360px){#top.hero .hero-grid .hero-action-pair>a.btn{font-size:12.5px;padding-inline:5px}}

/* Selected type and a more compact shared oval. */
#top.hero .hero-grid .hero-actions .hero-action-pair{width:360px;padding:3px}
#top.hero .hero-grid .hero-action-pair>a.btn{min-height:44px;font-size:14px;padding:10px 11px}
.hero-action-pair:after{top:15px;bottom:15px}
@media(min-width:761px) and (max-width:1050px){#top.hero .hero-grid .hero-action-pair>a.btn{font-size:13px;padding-inline:8px}}
@media(max-width:760px){
 #top.hero .hero-grid .hero-actions .hero-action-pair{width:320px;max-width:100%;padding:3px}
 #top.hero .hero-grid .hero-action-pair>a.btn{min-height:44px;font-size:13px;padding:10px 7px}
}
@media(max-width:360px){#top.hero .hero-grid .hero-action-pair>a.btn{font-size:12px;padding-inline:5px}}

/* Stable actions: no hover or press animation; retain keyboard focus rings. */
.flow-download.flow-download,
.flow-download.flow-download:hover,
.flow-download.flow-download:active{
 transition:none!important;transform:none!important;scale:none!important;translate:none!important;
 background:#fff!important;color:#151718!important;border-color:#e1e3e2!important;
 box-shadow:none!important;border-radius:99px!important;
}
.flow-download .flow-wash,.flow-download .soft-shine{display:none!important}
#top.hero .hero-grid .hero-action-pair>a.btn,
#top.hero .hero-grid .hero-action-pair>a.btn:hover,
#top.hero .hero-grid .hero-action-pair>a.btn:active{
 transition:none!important;transform:none!important;scale:none!important;translate:none!important;
 background:transparent!important;color:#222824!important;box-shadow:none!important;
}
#top.hero .hero-grid .hero-actions .hero-action-pair{grid-template-columns:1fr 1fr}
.hero-action-pair:after{left:50%}

/* Phones lead with account creation; downloading remains in the menu. */
.merge-nav .tube-nav .mobile-nav-download{display:none}
@media(max-width:760px){
 .merge-nav>.flow-download.flow-download{display:none!important}
 .merge-nav .tube-nav .mobile-nav-download{display:block;min-height:44px}
 #top.hero .hero-grid .hero-actions .hero-action-pair{grid-template-columns:1fr;width:224px;max-width:100%}
 #top.hero .hero-grid .hero-action-pair>.flow-download{display:none!important}
 .hero-action-pair:after{display:none}
 #top.hero .hero-grid .hero-action-pair>a.hero-signup-button{font-size:16px;min-height:50px}
}

/* Text-only desktop cue; the shared oval remains completely stationary. */
.hero-action-pair>a>span,.merge-nav .flow-download>.flow-label{display:inline-block;transform:scale(1)!important;transition:transform 160ms ease!important}
@media(min-width:761px) and (hover:hover) and (pointer:fine){
 #top.hero .hero-action-pair>a:hover>span,.merge-nav .flow-download:hover>.flow-label{transform:scale(1.035)!important}
}
@media(prefers-reduced-motion:reduce){.hero-action-pair>a>span,.merge-nav .flow-download>.flow-label{transition:none!important}}
/* Compact mobile navigation, scoped to the existing phone breakpoint. */
@media(max-width:760px){
 .merge-nav .mobile-menu-toggle{width:44px;height:44px;border-color:#e4e7e4;box-shadow:none}
 .merge-nav .tube-nav{
  position:absolute;top:calc(100% + 8px);left:12px;right:12px;bottom:auto;
  width:auto;max-width:none;transform:none;margin:0;padding:10px;
  border:1px solid #e3e7e3;border-radius:22px;background:#fff;
  box-shadow:0 10px 32px #16251b12;gap:4px 6px;
  max-height:calc(100svh - 100px);overflow-y:auto;overscroll-behavior:contain;
 }
 .merge-nav.menu-open .tube-nav{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}
 .merge-nav .tube-nav>a,
 .merge-nav .tube-nav .resource-menu>summary{
  display:flex;align-items:center;min-height:44px;margin:0;padding:11px 10px;
  border:0;border-radius:12px;box-shadow:none;background:transparent;
  font:500 14px/1.45 'Inter','Aktiv Grotesk',Arial,sans-serif;
  color:#303a33;letter-spacing:0;text-decoration:none;white-space:normal;
  transition:none;transform:none;
 }
 .merge-nav .tube-nav>a:hover,.merge-nav .tube-nav .resource-menu>summary:hover{background:transparent;color:#303a33;transform:none;box-shadow:none}
 .merge-nav .tube-nav>a.active{background:#f2f6f2;color:#18542e}
 .merge-nav .tube-nav>a:focus-visible,.merge-nav .resource-menu summary:focus-visible{outline:2px solid #15954b;outline-offset:-2px}
 .merge-nav .tube-nav .mobile-nav-download{display:flex;font-weight:600;color:#18542e}
 .merge-nav .tube-nav .resource-menu{width:auto;min-width:0;margin:0}
 .merge-nav .tube-nav .resource-menu>summary{justify-content:space-between;gap:8px;list-style:none;cursor:pointer}
 .merge-nav .tube-nav .resource-menu>summary::-webkit-details-marker{display:none}
 .merge-nav .tube-nav .resource-menu[open]{grid-column:1/-1}
 .merge-nav .tube-nav .resource-menu>div{
  position:static;width:auto;margin:4px 0 0;padding:6px 0 0;
  border:0;border-top:1px solid #edf0ed;border-radius:0;background:#fff;box-shadow:none;
 }
 .merge-nav .tube-nav .resource-menu[open]>div{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2px 6px}
 .merge-nav .tube-nav .resource-menu>div>a{display:flex;align-items:center;min-height:44px;padding:10px;font:400 13px/1.4 'Inter','Aktiv Grotesk',Arial,sans-serif;color:#59625b;white-space:normal;background:transparent;transition:none;transform:none}
}
