/* Homepage tokens and components extend to all editorial and product routes. */
:root{--cream:var(--paper);--white:#fff;--pale:#eff1e7;--serif:var(--display)}
.brand-subpage{font:16px/1.65 var(--sans);background:var(--paper);color:var(--ink)}
.brand-subpage h1,.brand-subpage h2,.brand-subpage h3,.brand-subpage h4{font-family:var(--display);font-weight:550;color:var(--ink)}
.brand-subpage p{color:var(--muted)}
.brand-subpage .wrap{width:min(1140px,calc(100% - 72px))}
.brand-subpage .site-header{position:relative;top:auto;display:block;width:100%;max-width:none;margin:0;padding:0;border:0;border-bottom:1px solid #e7e8e6;border-radius:0;background:var(--paper);backdrop-filter:none;z-index:20}
.brand-subpage .site-header .nav-wrap{height:90px;max-width:1320px;margin:auto;padding:0 36px;display:flex;align-items:center;justify-content:space-between;gap:30px}
.brand-subpage .site-header .brand{font-family:var(--display);font-size:31px;font-weight:600;letter-spacing:-1px;gap:10px;white-space:nowrap;color:var(--ink)}
.brand-subpage .site-header .brand-otter img{width:78px;height:auto;max-width:none;object-fit:initial;left:-20px;top:-3px}
.brand-subpage .site-header nav{display:flex;gap:35px;font-size:14px;line-height:1.3}
.brand-subpage .button{background:var(--ink);color:#fff;border:1px solid var(--ink);border-radius:10px;min-height:53px;padding:15px 24px;font:550 14px/1.4 var(--sans);gap:12px;white-space:normal;text-align:center}
.brand-subpage .button:hover{background:#203b40;color:#fff}
.brand-subpage .button:not(.primary):not(.button-small){background:transparent;color:var(--ink);border-color:var(--line)}
.brand-subpage .button:not(.primary):not(.button-small):hover{background:var(--sage)}
.brand-subpage .button.button-small{min-height:44px;padding:10px 19px;font-size:12px}
.brand-subpage .eyebrow{color:#687e59;font-size:10px;letter-spacing:2px;font-weight:600;text-transform:uppercase;margin-bottom:22px}
.brand-subpage h1{font-size:clamp(40px,5.5vw,70px);line-height:1.08;letter-spacing:-2.6px}
.brand-subpage h2{font-size:clamp(32px,3.7vw,48px);line-height:1.12;letter-spacing:-1.5px}
.brand-subpage h3{line-height:1.2;letter-spacing:-.6px}
.brand-subpage .page-hero,.brand-subpage .seo-hero{display:grid;grid-template-columns:minmax(0,1fr) 280px;align-items:center;gap:52px;padding:76px 0 62px;max-width:1140px}
.brand-subpage .page-hero:has(.page-hero-copy):not(:has(.page-mascot)),.brand-subpage .seo-hero:not(:has(.page-mascot)){display:block}
.brand-subpage .page-hero h1,.brand-subpage .seo-hero h1{font-size:clamp(40px,5vw,68px);line-height:1.09;max-width:850px;text-align:left;margin:0}
.brand-subpage .page-hero .eyebrow{text-align:left}
.brand-subpage .page-hero-copy>p{font-size:17px;line-height:1.75;max-width:690px;text-align:left;margin:24px 0 28px}
.brand-subpage .page-hero .actions{justify-content:flex-start;margin-top:28px}
.brand-subpage .page-mascot{margin:0;display:flex;justify-content:center;align-items:center;align-self:center}
.brand-subpage .page-mascot img{display:block;width:100%;height:300px;object-fit:contain}
.brand-subpage .seo-breadcrumb{margin-bottom:28px;line-height:1.6}
.brand-subpage .seo-hero .seo-intro{font-size:17px;line-height:1.75;margin-top:24px}
.brand-subpage .article-grid{gap:22px;padding-bottom:76px}
.brand-subpage .article-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:28px}
.brand-subpage .article-card:nth-child(3n+2){background:#f0f2e9}
.brand-subpage .article-card:nth-child(3n+3){background:#f1edf5}
.brand-subpage .article-card h3{font-size:25px;margin-bottom:16px}
.brand-subpage .article-card p{font-size:14px;line-height:1.8}
.brand-subpage .article-body{width:min(760px,calc(100% - 48px));font-size:16px;line-height:1.85}
.brand-subpage .article-body a{color:#496b3d;text-decoration:underline;text-underline-offset:3px}
.brand-subpage .integration-item,.brand-subpage .seo-related-card,.brand-subpage .seo-callout,.brand-subpage .lp-start{border-color:var(--line);border-radius:16px;background:#fff;box-shadow:none}
.brand-subpage .seo-callout,.brand-subpage .seo-wave-one pre,.brand-subpage .seo-wave-one blockquote{background:#eff1e7}
.brand-subpage .seo-section h2{font-size:34px;line-height:1.2;letter-spacing:-1px}
.brand-subpage .seo-section h3{font-size:24px}
.brand-subpage .seo-toc h2{font:600 14px/1.5 var(--sans);letter-spacing:0}
.brand-subpage .lp-start .page-mascot img{height:140px;margin-bottom:12px}
.brand-subpage .lp-hero h1{font-size:clamp(42px,5.5vw,70px);line-height:1.08}
.brand-subpage .lp-hero h1 span{color:#5e7f50}
.brand-subpage .cta-band{background:#eff1e7;color:var(--ink);border-radius:0;margin:20px 0 0;padding:76px 24px}
.brand-subpage .cta-band h2{font-size:clamp(38px,4.5vw,60px)}
.brand-subpage .cta-band .eyebrow{color:#687e59}
.brand-subpage .cta-band p,.brand-subpage .cta-band .waitlist-note{color:var(--muted)}
.brand-subpage .cta-band .waitlist-form>label,.brand-subpage .cta-band .waitlist-status{color:var(--ink)}
.brand-subpage .cta-band .button.primary{background:var(--ink);border-color:var(--ink);color:#fff}
.brand-subpage .waitlist-fields{border-radius:12px;box-shadow:none}
.brand-subpage .footer{display:block;padding-top:48px;padding-bottom:30px;border-top:1px solid var(--line)}
.brand-subpage .footer-top{display:grid;grid-template-columns:1.2fr repeat(3,1fr);gap:40px}
.brand-subpage .footer-top>div{display:block}
.brand-subpage .footer-top .brand img{width:48px;height:48px;border-radius:50%;object-fit:contain}
.brand-subpage .footer-col h4{font:600 13px/1.5 var(--sans);letter-spacing:0;margin:0 0 15px}
.brand-subpage .footer-col a{font-size:12px;display:block;color:var(--muted);margin:9px 0}
.brand-subpage .footer-word{font-family:var(--display);font-weight:550;color:#e4e7dd;font-size:clamp(70px,15vw,180px);letter-spacing:-.06em;line-height:1.2;margin:30px 0}
.brand-subpage .footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:11px}
.brand-subpage .footer-bottom>div{display:flex;flex-wrap:wrap;gap:20px}
.brand-subpage .measurement-choice{background:#fff;border-color:var(--line);color:var(--ink)}
@media(max-width:900px){.brand-subpage .page-hero,.brand-subpage .seo-hero{grid-template-columns:minmax(0,1fr) 200px;gap:25px}.brand-subpage .page-mascot img{height:240px}.brand-subpage .site-header nav{gap:20px;font-size:12px}.brand-subpage .article-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-subpage .footer-top{gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.brand-subpage .footer-top>div:first-child{grid-column:1/-1}.brand-subpage .seo-kicker{flex-wrap:wrap}}
@media(max-width:590px){.brand-subpage .wrap{width:calc(100% - 40px)}.brand-subpage .site-header .nav-wrap{height:73px;padding:0 20px;gap:12px}.brand-subpage .site-header .brand{font-size:28px;gap:7px}.brand-subpage .site-header .brand-otter img{width:68px;left:-18px}.brand-subpage .site-header nav{display:none}.brand-subpage .site-header .button-small{font-size:11px;padding:10px 13px;min-height:40px}.brand-subpage .page-hero,.brand-subpage .seo-hero{grid-template-columns:1fr;padding:48px 0 38px;gap:22px}.brand-subpage .page-hero h1,.brand-subpage .seo-hero h1{font-size:39px;letter-spacing:-1.3px}.brand-subpage .page-hero-copy>p,.brand-subpage .seo-hero .seo-intro{font-size:15px;margin:20px 0}.brand-subpage .page-mascot img{height:190px;max-width:230px}.brand-subpage .article-grid{grid-template-columns:1fr;padding-bottom:45px;gap:16px}.brand-subpage .article-card{padding:24px}.brand-subpage .article-card h3{font-size:24px}.brand-subpage .button{font-size:12px;padding:13px 18px;min-height:48px}.brand-subpage .cta-band{padding:54px 20px}.brand-subpage .footer-top{grid-template-columns:1fr 1fr;gap:28px}.brand-subpage .footer-top .footer-col:last-child{grid-column:1/-1}.brand-subpage .footer-bottom{align-items:flex-start;flex-direction:column}.brand-subpage .seo-section h2{font-size:29px}.brand-subpage .seo-section p,.brand-subpage .seo-section li{font-size:15px}.brand-subpage .waitlist-fields{flex-wrap:wrap}.brand-subpage .waitlist-fields input{min-width:0;width:100%}}

.brand-subpage .footer:has(.footer-nav){display:flex;align-items:flex-start;justify-content:space-between;gap:40px}
.brand-subpage .footer .footer-branding{display:block;font-size:11px}.brand-subpage .footer-branding p{margin-top:16px}
.brand-subpage .footer .footer-nav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:45px}
@media(max-width:590px){.brand-subpage .footer:has(.footer-nav){display:block}.brand-subpage .footer .footer-nav{gap:20px;margin-top:28px}.brand-subpage .footer .footer-branding .brand{font-size:25px}}