.public-header{z-index:10;background:var(--demo-canvas,#fff);width:min(1280px,100% - 80px);height:100px;color:var(--demo-ink,#111827);view-transition-name:public-header;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;gap:32px;margin-inline:auto;font-family:Inter,sans-serif;font-size:14px;line-height:1.5;display:grid;position:relative}.public-header .public-brand{justify-content:center;justify-self:start;align-items:center;width:44px;height:44px;display:inline-flex}.public-header a{text-decoration:none}.public-header :where(a,summary):focus-visible{outline-offset:4px;outline:2px solid #006dff}.public-header .public-desktop-nav{color:var(--demo-muted,#5b6472);align-items:center;gap:28px;display:flex}.public-desktop-nav>a,.public-nav-dropdown>summary{min-height:44px;color:inherit;white-space:nowrap;transition:color var(--duration-quick,.15s) ease;align-items:center;gap:6px;display:flex}.public-desktop-nav>a:hover,.public-nav-dropdown>summary:hover,.public-nav-dropdown[open]>summary{color:var(--demo-ink,#111827)}.public-header summary{cursor:pointer;list-style:none}.public-header summary::-webkit-details-marker{display:none}.public-header summary>svg{transition:transform var(--duration-quick,.15s) ease;flex-shrink:0}.public-header details[open]>summary>svg{transform:rotate(180deg)}.public-nav-dropdown{position:relative}.public-nav-panel{border:1px solid var(--landing-border,#e0e6ee);background:var(--demo-canvas,#fff);border-radius:16px;width:304px;padding:8px;display:grid;position:absolute;top:calc(100% + 8px);left:50%;transform:translate(-50%);box-shadow:0 4px 8px #1118270f}.public-nav-panel:before{content:"";height:8px;position:absolute;bottom:100%;left:0;right:0}.public-nav-panel-features{grid-template-columns:repeat(2,minmax(0,1fr));width:560px}.public-nav-panel a{min-height:64px;color:var(--demo-ink,#111827);transition:background-color var(--duration-quick,.15s) ease;border-radius:10px;flex-direction:column;justify-content:center;gap:3px;padding:12px;display:flex}.public-nav-panel a:hover,.public-nav-panel a:focus-visible{background:var(--landing-soft,#f3f5f8)}.public-nav-panel a>span:first-child{font-weight:500}.public-nav-description{color:var(--demo-muted,#5b6472);font-size:12px;line-height:1.5}.public-header a[aria-current]{color:#006dff}.public-header-actions{justify-self:end;align-items:center;gap:8px;display:flex}.public-header .public-login{background:var(--demo-canvas,#fff);color:var(--demo-ink,#111827)}.public-header .public-login:hover{background:var(--landing-soft,#f3f5f8)}.public-header .public-start{color:#fff}.public-mobile-menu{display:none}.public-skip{z-index:100;color:#006dff;background:#fff;padding:10px 16px;position:fixed;top:12px;left:12px;transform:translateY(-160%)}.public-skip:focus{transform:none}@media (width<=1100px){.public-header{gap:24px;width:calc(100% - 48px)}.public-header .public-desktop-nav{gap:24px}}@media (width<=960px){.public-header{grid-template-columns:1fr auto;gap:12px}.public-header .public-desktop-nav{display:none}.public-mobile-menu{display:block}.public-mobile-menu>summary{min-height:44px;color:var(--demo-muted,#5b6472);align-items:center;gap:6px;padding-inline:4px;display:flex}.public-mobile-menu>nav{overscroll-behavior:contain;border:1px solid var(--landing-border,#e0e6ee);background:var(--demo-canvas,#fff);border-radius:16px;max-height:min(640px,100dvh - 100px);padding:8px 16px;display:grid;position:absolute;top:calc(100% - 8px);left:0;right:0;overflow-y:auto;box-shadow:0 4px 8px #1118270f}.public-mobile-group{padding-block:8px;display:grid}.public-mobile-group+.public-mobile-group{border-top:1px solid var(--landing-border,#e0e6ee)}.public-mobile-group>p{color:var(--demo-muted,#5b6472);margin:0;padding:8px;font-size:12px}.public-mobile-group>a{min-height:44px;color:var(--demo-ink,#111827);border-radius:8px;align-items:center;padding:8px;display:flex}.public-mobile-group>a:hover{background:var(--landing-soft,#f3f5f8)}}@media (width<=720px){.public-header{width:calc(100% - 40px);height:76px}}@media (width<=400px){.public-header .public-login,.public-header .public-start{padding-inline:12px}}@media (prefers-reduced-motion:no-preference) and (scripting:enabled){@view-transition{navigation:auto}}@media (prefers-reduced-motion:no-preference){html:has(.public-header){scroll-behavior:smooth}::view-transition-group(root){animation-duration:var(--duration-fast,.25s);animation-timing-function:var(--ease-smooth-out,cubic-bezier(.22, 1, .36, 1))}::view-transition-old(root){animation:public-page-out var(--duration-quick,.15s) ease both}::view-transition-new(root){animation:public-page-in var(--duration-fast,.25s) var(--ease-smooth-out,cubic-bezier(.22, 1, .36, 1)) both}::view-transition-group(public-header){animation:none}::view-transition-new(public-header){animation:none}::view-transition-old(public-header){display:none}.public-mobile-menu[open] nav{animation:public-page-in var(--duration-fast,.25s) var(--ease-smooth-out,ease-out) both}}@keyframes public-page-out{to{opacity:0}}@keyframes public-page-in{0%{opacity:0;transform:translateY(var(--distance-base,8px))}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.public-header *,.public-header :after{transition:none!important;animation:none!important}html:has(.public-header){scroll-behavior:auto}::view-transition-group(*){animation:none!important}::view-transition-old(*){animation:none!important}::view-transition-new(*){animation:none!important}}