*,*::before,*::after{box-sizing:border-box}
html{background:var(--color-surface);color:var(--color-ink);color-scheme:dark}
body,h1,h2,h3,h4,h5,h6,p,figure,blockquote,dl,dd{margin:0}
body{background:var(--color-surface);font-family:var(--type-body-md-font-family);font-size:16px;line-height:1.5}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;cursor:pointer}
button,a{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:2px solid var(--color-focus-ring);outline-offset:4px}
img,svg{max-width:100%;vertical-align:middle}
button svg,a svg{flex-shrink:0}
[hidden]{display:none!important}
.frame{width:min(100%,1280px);margin-inline:auto}
.wrap{width:min(calc(100% - 48px),1232px);margin-inline:auto}
.section{padding:96px 24px}
.icon{width:24px;height:24px;flex-shrink:0}
.muted,.section-copy{color:var(--color-ink-muted)}
.gradient-heading{color:var(--color-ink);background:linear-gradient(to bottom right,var(--color-primary) 30%,#ffffff80);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.actions{display:flex;align-items:center;gap:16px}
.c-button-primary,.c-button-primary-sm{border:2px solid var(--color-hairline-button);background:linear-gradient(104deg,#fdfdfd0d 5%,#f0f0e41a 100%);box-shadow:0 1px 3px #0000001a,0 1px 2px -1px #0000001a;backdrop-filter:blur(25px);gap:8px}
.c-button-primary .icon,.c-button-ghost .icon{width:16px;height:16px}
.ph{display:grid;place-items:center;min-width:0;min-height:0;background:var(--color-surface-panel);border:1px dashed var(--color-hairline);color:var(--color-ink-muted);overflow:hidden}
.ph::after{content:attr(data-label);font-family:var(--type-body-md-font-family);font-size:12px;line-height:16px}
.ph-logo{background:var(--color-surface-panel);height:32px;min-height:0}
.site-header{position:sticky;top:0;z-index:20;background:var(--color-surface)}
.nav-inner{display:grid;grid-template-columns:minmax(0,1fr) 600.7px minmax(0,1fr);align-items:center;height:58px;gap:0}
.brand{display:block;width:80px}
.brand .ph-logo{width:80px;height:17.2px}
.nav-links{display:flex;align-items:center;gap:0;min-width:0;overflow-x:auto;scrollbar-width:none}
.nav-links .c-button-header{flex-shrink:0}
.nav-links .c-button-header{gap:6px}
.nav-links .icon{width:14px;height:14px}
.nav-actions{display:flex;gap:16px;align-items:center;justify-self:end}
.nav-actions .c-button-ghost-sm{width:75px}
.nav-actions .c-button-primary-sm{width:111.6px}
.nav-links .c-button-header{padding-inline:0}
.nav-links .c-button-header:nth-child(1){width:100.2px}
.nav-links .c-button-header:nth-child(2){width:106.2px}
.nav-links .c-button-header:nth-child(3){width:110.8px}
.nav-links .c-button-header:nth-child(4){width:72.8px}
.nav-links .c-button-header:nth-child(5){width:76.2px}
.nav-links .c-button-header:nth-child(6){width:55.8px}
.nav-links .c-button-header:nth-child(7){width:78.7px}
.menu-toggle{display:none;border:0;background:transparent;padding:12px;width:44px;height:44px}
.menu-close-mark{display:none}
.menu-toggle[aria-expanded=true] .menu-open-mark{display:none}
.menu-toggle[aria-expanded=true] .menu-close-mark{display:block}
.phone-menu{background:var(--color-surface);padding-bottom:24px;border-bottom:1px solid var(--color-hairline)}
.phone-menu .wrap>a{display:flex;justify-content:space-between;align-items:center;padding:16px 0;border-bottom:1px solid var(--color-hairline)}
.menu-actions{display:flex;gap:16px;padding-top:24px}
.site-footer{padding:144px 24px;border-top:1px solid var(--color-hairline-subdued);background:radial-gradient(ellipse 500px 90px at 50% 0,#ffffff08,transparent)}
.footer-grid{display:grid;grid-template-columns:300px minmax(0,1fr);gap:32px}
.footer-meta{display:flex;flex-direction:column;align-items:flex-start;gap:32px;color:var(--color-ink-muted)}
.social-links{display:flex;gap:16px}
.c-footer-social{width:32px;display:grid;place-items:center;border:1px solid var(--color-hairline-button);background:linear-gradient(135deg,#ffffff08,transparent)}
.c-footer-social .icon{width:16px;height:16px}
.c-button-status{gap:8px;border:1px solid var(--color-hairline-button);background:linear-gradient(#ffffff08,#ffffff05)}
.status-dot{width:8px;height:8px;border-radius:50%;background:#00c950;flex-shrink:0}
.footer-links{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:32px}
.footer-group{min-width:0}
.footer-group h2{padding:0 4px;margin-bottom:24px}
.footer-group ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:16px}
.footer-group li{min-height:24px;display:flex}
.c-footer-link{display:inline-flex;align-items:center;height:auto;min-height:24px;white-space:nowrap}
@media(max-width:1100px){
 .nav-inner{grid-template-columns:minmax(80px,1fr) minmax(0,600.7px) 202.6px;gap:0}
 .nav-links .c-button-header{padding-inline:0}
 .nav-actions{gap:16px}
 .footer-grid{grid-template-columns:300px minmax(0,1fr)}
 .footer-links{gap:20px}
 .c-footer-link{white-space:normal}
}
@media(max-width:640px){
 .section{padding:48px 24px}
 .t-heading-lg{font-size:48px;line-height:1.2;letter-spacing:-2.4px}
 .section-copy{font-size:16px;line-height:24px}
 .nav-inner{height:76px;grid-template-columns:80px minmax(0,1fr)}
 .nav-links,.nav-actions{display:none}
 .menu-toggle{display:grid;place-items:center;justify-self:end;margin-right:-8px}
 .site-header{margin-bottom:-76px}
 .phone-menu{position:fixed;inset:76px 0 0;max-height:calc(100dvh - 76px);overflow-y:auto;padding-bottom:24px}
 .phone-menu .wrap{display:flex;flex-direction:column}
 .phone-menu .wrap>a{font-size:16px;line-height:24px;font-weight:600}
 .phone-menu .menu-actions{padding-top:16px;padding-bottom:16px}
 .menu-open{overflow:hidden}
 .menu-actions{flex-direction:column;align-items:stretch}
 .footer-grid{grid-template-columns:minmax(0,1fr);gap:48px}
 .footer-links{grid-template-columns:repeat(2,minmax(0,1fr));gap:32px}
 .footer-group ul{gap:16px}
 .c-footer-link{white-space:nowrap}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
