/* Launch belongs alongside Library in the shared website navigation. */
/* One brand treatment across the shared header, legal pages and sign-in. */
body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[aria-label],body .auth-brand[aria-label]{position:relative;isolation:isolate}
body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[aria-label]::before,body .auth-brand[aria-label]::before{position:absolute;z-index:2;top:-1px;left:34px;width:10px;height:10px;background:#d7a53a;clip-path:polygon(50% 0,61% 36%,100% 50%,61% 64%,50% 100%,39% 64%,0 50%,39% 36%);content:"";opacity:.42;pointer-events:none;transform:scale(.66);transform-origin:center;animation:founderBrandStar 3.2s ease-in-out infinite}
body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[aria-label]::after,body .auth-brand[aria-label]::after{position:absolute;z-index:2;top:11px;left:45px;width:3px;height:3px;border-radius:50%;background:#d7a53a;content:"";opacity:.48;pointer-events:none;transform-origin:center;animation:founderBrandDot 3.2s ease-in-out .32s infinite}
body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[data-brand-motion-paused]::before,body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[data-brand-motion-paused]::after,body .auth-brand[data-brand-motion-paused]::before,body .auth-brand[data-brand-motion-paused]::after{animation-play-state:paused}
body .development-banner{display:none}
@keyframes founderBrandStar{0%,34%,100%{opacity:.34;transform:scale(.58) rotate(0deg)}55%{opacity:.95;transform:scale(1) rotate(45deg)}72%{opacity:.5;transform:scale(.74) rotate(82deg)}}
@keyframes founderBrandDot{0%,40%,100%{opacity:.24;transform:scale(.7)}62%{opacity:.9;transform:scale(1.12)}}
@media(prefers-reduced-motion:reduce){body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[aria-label]::before,body :is(.public-header,.legal-header,.sidebar-brand-row)>.brand[aria-label]::after,body .auth-brand[aria-label]::before,body .auth-brand[aria-label]::after{animation:none!important;opacity:.7}}

.public-site-nav .public-launch-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 10px;color:var(--muted);font-size:.875rem;font-weight:600;line-height:1;text-decoration:none;white-space:nowrap}
.public-site-nav .public-launch-link:hover,.public-site-nav .public-launch-link:focus-visible,.public-site-nav .public-launch-link[aria-current=page]{color:var(--teal-dark)}

/* Readable, complete navigation on phones; the panel scrolls within the screen. */
.public-mobile-menu .public-mobile-panel{position:absolute;top:calc(100% + 8px);right:0;max-height:calc(100dvh - var(--mobile-menu-top,80px) - 14px);overscroll-behavior:contain}
.public-mobile-menu .public-mobile-primary a{min-height:44px;font-size:14px;line-height:1.3}
.public-mobile-menu .public-mobile-products a{min-height:52px;font-size:14px;line-height:1.3}
.public-mobile-menu .public-mobile-products .public-mobile-all-products{grid-column:1 / -1;display:flex;justify-content:space-between;min-height:44px;padding:10px 12px;color:var(--teal-dark);background:var(--brand-pale);border-color:var(--line)}
.public-mobile-all-products::after{content:'→';font-size:20px}
.public-mobile-menu .public-mobile-library a{min-height:52px;font-size:13px;line-height:1.35}
.public-mobile-menu .public-mobile-panel>p{font-size:12px;line-height:1.4}
.public-mobile-menu .public-mobile-actions a{font-size:14px;min-height:48px}
.public-mobile-menu a:focus-visible{outline:2px solid var(--teal-dark);outline-offset:2px}
@media(max-width:359px){.public-mobile-menu .public-mobile-panel{width:calc(100vw - 28px);padding:12px}.public-mobile-menu .public-mobile-products{grid-template-columns:1fr}.public-mobile-menu .public-mobile-library{grid-template-columns:1fr}}

/* Shared public navigation uses the same labels and weight on every page. */
body .public-header .public-site-nav.public-site-nav > a,
body .public-header .public-site-nav.public-site-nav > details > summary { font-weight:700; }
/* The complete navigation moves into one menu before labels become crowded. */
@media(max-width:1200px){
 body .public-header { grid-template-columns:auto minmax(0,1fr) auto; gap:12px; }
 body .public-header .public-site-nav { display:none; }
 body .public-header .public-mobile-menu { display:block; grid-column:3; justify-self:end; }
}

.public-header .public-new-tab-icon{display:inline-block;width:14px;height:14px;flex:none;margin-left:5px;vertical-align:-2px;pointer-events:none}

/* Public navigation: four destinations, one clear action, and secondary discovery. */
body .public-header .public-site-nav{gap:8px}
body .public-header .public-site-nav>.public-pricing-link{display:inline-flex;align-items:center;min-height:44px;padding:0 10px;color:var(--muted,#5e6a64);font-size:.875rem;text-decoration:none;white-space:nowrap}
body .public-header .public-site-nav>.public-pricing-link:hover,body .public-header .public-site-nav>a[aria-current]{color:var(--teal-dark,#31644c)}
.public-header .public-discover{grid-column:1/-1;display:block;padding:0 0 12px}
.public-header .public-discover h2.resource-tools-heading{margin:0 0 8px;padding:0;color:var(--ink,#25312d);font:600 15px Figtree,ui-sans-serif,sans-serif}
.public-header .public-discover nav{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px 24px}
.public-header .public-discover a.public-discover-link{display:flex;align-items:center;gap:12px;min-height:68px;padding:8px;border-radius:10px;color:var(--ink,#25312d);text-decoration:none}
.public-header .public-discover .nav-artwork-slot{display:flex;flex:0 0 40px;width:40px;height:40px;align-items:center;justify-content:center}
.public-header .public-discover .nav-artwork{width:40px;height:40px;object-fit:contain}
.public-header .public-discover .free-tools-nav-copy{display:grid;gap:3px;min-width:0}
.public-header .public-discover strong{font-size:14px;font-weight:600;line-height:1.35}
.public-header .public-discover small{font-size:12px;line-height:1.45;color:var(--muted,#5e6a64)}
.public-header .public-discover a:hover,.public-header .public-discover a[aria-current]{background:var(--brand-pale,#eff5ef);color:var(--teal-dark,#31644c)}
.public-header :is(a,summary):focus-visible{outline:2px solid var(--teal-dark,#31644c);outline-offset:3px;border-radius:6px}
.public-header .public-mobile-section{margin:0;border-bottom:1px solid var(--line,#dce2dd)}
.public-header .public-mobile-section>summary{display:flex;justify-content:space-between;align-items:center;gap:12px;min-height:48px;padding:8px 4px;list-style:none;color:var(--ink,#25312d);font-size:15px;font-weight:650;cursor:pointer}
.public-header .public-mobile-section>summary::-webkit-details-marker{display:none}
.public-header .public-mobile-section[open]>summary>.public-tools-chevron{transform:rotate(225deg)}
.public-header .public-mobile-section-body{padding:8px 0 16px}
.public-header .public-mobile-section-body>.resource-mobile-heading{margin:0 0 8px}
.public-header .public-mobile-section:not([open])>.public-mobile-section-body{display:none}
.public-header .public-mobile-panel>.public-mobile-primary{display:block;margin:0;border-bottom:1px solid var(--line,#dce2dd)}
.public-header .public-mobile-panel>.public-mobile-primary>a{display:flex;min-height:48px;padding:12px 4px;border:0;background:transparent;font-size:15px;font-weight:650}
.public-header .public-mobile-resources .public-discover{display:block;margin-top:16px;padding:12px 4px 0}
.public-header .public-mobile-resources .public-discover nav{display:grid;gap:0}
.public-header .public-mobile-resources .public-discover h2{margin:0 0 4px}
.public-header .public-mobile-panel>.public-mobile-actions{margin-top:16px}
@media(min-width:1201px){body .public-header .public-site-nav .public-library-menu>.library-menu-panel.resource-tools-panel{right:0;left:auto;transform:none}}
.public-header .resource-tools-panel>.public-discover{order:-1;padding:0 4px 12px;border-top:0;border-bottom:1px solid var(--line,#dce2dd)}
.public-header .public-mobile-resources .public-discover{margin:0 0 16px;padding:0 4px 12px;border-top:0;border-bottom:1px solid var(--line,#dce2dd)}
body .public-header.legal-header{display:grid;grid-template-columns:auto minmax(0,1fr);z-index:60}
@media(max-width:1200px){body .public-header.legal-header{grid-template-columns:auto minmax(0,1fr) auto}}

/* Account navigation is a utility entry, visually separate from the waitlist CTA. */
body .public-header a[data-public-auth-state="signed-in"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 13px;border:1px solid var(--line,#dce2dd);border-radius:8px;background:transparent;color:var(--ink,#25312d);font-size:14px;line-height:1.35;text-decoration:none;box-shadow:none}
body .public-header a[data-public-auth-state="signed-in"]::before{content:"";width:16px;height:16px;flex:none;background:currentColor;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='none' stroke='black' stroke-width='1.7' d='M3 3h7v7H3zM14 3h7v7h-7zM3 14h7v7H3zM14 14h7v7h-7z'/%3E%3C/svg%3E") center/contain no-repeat}
body .public-header a[data-public-auth-state="signed-in"]:hover{background:var(--brand-pale,#eff5ef);border-color:var(--teal-dark,#31644c);color:var(--teal-dark,#31644c)}
.public-header .public-mobile-resources .public-discover nav{grid-template-columns:1fr;gap:4px}
.public-header .public-mobile-resources .public-discover h2{font-size:15px;margin-bottom:8px}

@supports(grid-template-rows:subgrid){@media(min-width:761px){
.public-header .resource-tools-panel[data-locale]:not([data-locale="en"]){grid-template-rows:auto auto minmax(0,1fr) auto auto}
.public-header .resource-tools-panel[data-locale]:not([data-locale="en"])>.public-discover{grid-row:1;grid-column:1/-1}
.public-header .resource-tools-panel[data-locale]:not([data-locale="en"])>.resource-tools-column{grid-row:2/span 3;grid-column:1}
.public-header .resource-tools-panel[data-locale]:not([data-locale="en"])>.resource-tools-column:nth-child(2){grid-column:1}
.public-header .resource-tools-panel[data-locale]:not([data-locale="en"])>.resource-tools-column:nth-child(3){grid-column:2}
.public-header .resource-tools-panel[data-locale]:not([data-locale="en"])>.resource-tools-note{grid-row:5}
}}
