.public-site-header{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1180px;margin:auto;padding:26px 28px;color:var(--tp-text)}.public-site-header img{width:174px;height:auto}.public-site-header nav{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:650}.public-free-link{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 22px;border-radius:999px;background:linear-gradient(115deg,var(--tp-accent),var(--tp-primary));color:var(--tp-text-strong)}.public-marketing :is(a,button):focus-visible,.public-site-header a:focus-visible{outline:3px solid var(--tp-text);outline-offset:5px}.public-marketing{overflow-x:clip;background:linear-gradient(180deg,#fff,var(--tp-canvas));color:var(--tp-text)}.public-marketing :is(.plan-hero,.beta-hero){grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:50px;min-height:640px;padding-top:60px;padding-bottom:65px}.public-marketing :is(.plan-hero,.beta-hero) h1{font-size:clamp(40px,4.4vw,64px);line-height:1.1;font-weight:750;letter-spacing:-.04em;text-wrap:balance}.public-marketing :is(.plan-lede,.beta-lede){font-size:18px;line-height:1.75;color:var(--tp-text)}.public-marketing :is(.plan-section h2,.beta-section h2,.plan-close h2,.beta-offer h2){font-size:clamp(29px,3.4vw,44px);line-height:1.2;font-weight:720;text-wrap:balance}.public-marketing :is(.plan-section-copy>p,.beta-explainer>div>p){color:var(--tp-text);line-height:1.8}.public-marketing :is(.plan-primary,.beta-primary){background:linear-gradient(115deg,var(--tp-accent),var(--tp-primary));color:var(--tp-text-strong)}.public-marketing :is(.plan-hero,.beta-hero)>:last-child{min-width:0}.public-marketing .hero-network{width:100%}.public-marketing .conversation-scene{padding-inline:4px}.public-marketing .beta-identity{align-items:start}.public-marketing .beta-identity strong{font-weight:700}.public-marketing .family-hero{display:grid;grid-template-columns:1.25fr .75fr;gap:35px;align-items:center}.public-marketing .family-hero h1{font-size:clamp(36px,4vw,52px);line-height:1.15;font-weight:750;text-wrap:balance}.legal-page .public-site-header{max-width:920px;padding:0 0 28px}.legal-page .legal-card{background:#fff}.legal-card section{scroll-margin-top:28px}@media(max-width:900px){.public-site-header nav{gap:14px}.public-marketing :is(.plan-hero,.beta-hero){grid-template-columns:1fr;gap:20px;min-height:0}.public-marketing :is(.conversation-scene,.hero-network){width:min(100%,480px);justify-self:center}.public-marketing .family-hero{grid-template-columns:1fr}.public-marketing .family-hero .people-network{max-width:390px;justify-self:center}}@media(max-width:620px){.public-site-header{padding:20px;gap:12px}.public-site-header img{width:120px}.public-site-header nav{gap:10px;font-size:12px}.public-site-header .public-login-link,.public-site-header .public-price-link{display:none}.public-free-link{min-height:44px;padding:0 16px}.public-marketing :is(.plan-hero,.beta-hero){padding:32px 20px 48px}.public-marketing :is(.plan-hero,.beta-hero) h1{font-size:39px}.public-marketing :is(.plan-lede,.beta-lede){font-size:16px}.public-marketing :is(.plan-actions,.beta-actions){flex-wrap:wrap}.public-marketing .family-hero{padding:28px 24px}.legal-page .public-site-header{padding-inline:10px}}@media(prefers-reduced-motion:reduce){.public-marketing *{animation:none!important;scroll-behavior:auto!important;transition:none!important}}.public-mobile-menu{display:none}@media(max-width:620px){.public-site-header{gap:10px}.public-site-header .public-mobile-menu{display:block;position:relative;flex-shrink:0}.public-mobile-menu summary{display:grid;place-items:center;list-style:none;width:36px;height:44px;border:1px solid var(--tp-border);border-radius:12px;cursor:pointer;font-size:20px}.public-mobile-menu summary::-webkit-details-marker{display:none}.public-site-header .public-mobile-menu nav{position:absolute;right:0;top:52px;z-index:10;display:grid;gap:4px;min-width:215px;padding:16px;background:var(--tp-surface);border:1px solid var(--tp-border);border-radius:18px;box-shadow:var(--tp-shadow)}.public-mobile-menu nav a{display:flex;align-items:center;min-height:44px;color:var(--tp-text)}.public-mobile-menu summary:focus-visible{outline:3px solid var(--tp-text);outline-offset:4px}}