/* Final public layout layer: shared by home, product pages and migrated resources. */
:root{--public-blue:#2563eb;--public-ink:#10213c;--public-muted:#526074;--public-line:#dbe4f0;--public-header-height:68px}
html{scroll-padding-top:calc(var(--public-header-height) + 16px)}
.seo-nav,body>nav{height:var(--public-header-height);min-height:var(--public-header-height);padding:10px max(20px,calc((100% - 1220px)/2));gap:20px;z-index:100;background:#fff;border-bottom:1px solid var(--public-line)}
.seo-logo,.nav-logo{flex-shrink:0}
.seo-nav .seo-logo img,body>nav .nav-logo img{display:block;width:auto;height:44px;max-width:none}
.seo-nav>nav{align-items:center;gap:14px}
.seo-nav>nav>a,.nav-links>a,.public-nav-trigger{font-size:13px;white-space:nowrap;font-weight:600}
.seo-nav nav a{font-size:14px;color:var(--seo-muted);color:#526074}
.seo-nav-cta,.btn-cta-nav{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border-radius:10px;background:var(--public-blue);color:#fff;font-size:13px;font-weight:700;white-space:nowrap}
.seo-mobile-cta,.seo-nav-backdrop{display:none}
.seo-nav a:focus-visible,.seo-nav button:focus-visible,body>nav a:focus-visible,body>nav button:focus-visible{outline:3px solid #2563eb;outline-offset:3px}
.public-launch-notice{padding:12px max(20px,calc((100% - 1120px)/2));font-size:13px;line-height:1.5}
.public-launch-notice summary{display:flex;align-items:center;gap:12px;cursor:pointer;list-style:none;text-decoration:none;font-size:13px}
.public-launch-notice summary::-webkit-details-marker{display:none}
.public-launch-notice summary strong{flex-shrink:0;color:#17345e;font-size:10px;letter-spacing:.06em}
.public-launch-notice summary>span:not(.public-launch-more){flex:1}
.public-launch-notice .public-launch-more{flex-shrink:0;color:#164fbd;text-decoration:underline;font-size:12px;font-weight:700}
.public-launch-description{max-width:90ch;padding-top:12px}
.public-launch-description p{margin:0 0 8px}
/* Compact heroes keep the actual task visible in the first screen. */
.seo-hero,.how-hero,.owner-hero,.features-hero,.pricing-hero,.tenant-hero{padding:44px 0}
.seo-hero h1,.how-hero h1,.owner-hero h1,.features-hero h1,.pricing-hero h1,.tenant-hero h1,.op-page .op-hero h1,.owner-local-guide .al-hero h1{line-height:1.12;letter-spacing:-.035em;margin:12px 0 18px;text-wrap:balance}
.seo-lead,.how-hero-grid>div>p:not(.eyebrow),.owner-hero-grid>div>p:not(.eyebrow),.features-hero p:not(.eyebrow),.pricing-hero p:not(.eyebrow),.tenant-hero p:not(.eyebrow){font-size:17px;line-height:1.6}
.how-hero-grid,.owner-hero-grid,.tenant-hero-grid{gap:40px;grid-template-columns:1.1fr 1fr}
.owner-product-preview{margin:0;min-width:0}
.owner-product-preview img,.tenant-hero-proof img{height:auto;display:block;max-width:100%}
.tenant-hero-proof img{width:250px;margin:0 auto;transform:none}
.owner-product-preview img{width:100%}
.owner-actions,.tenant-actions{margin-top:22px;gap:18px;flex-wrap:wrap}
.owner-hero .owner-proof{margin:14px 0 0;font-size:12px;line-height:1.5}
.features-hero .seo-button,.pricing-hero .seo-button{margin-top:12px}
.seo-actions{margin-top:22px}
.seo-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center}
.pricing-hero h1{max-width:960px;}
.pricing-hero p:not(.eyebrow){max-width:800px;margin:12px 0}
.pricing-section{padding:48px 0}
.pricing-section h2{font-size:clamp(28px,3vw,38px);margin:10px 0 20px}
.pricing-grid-catalog .pricing-card{gap:12px;min-width:0}
.pricing-card-badge-row{height:24px;flex-shrink:0}
.pricing-card-featured,.pricing-card.is-recommended:not(.pricing-card-featured){transform:none}
.pricing-grid-catalog .pricing-card-fit{min-height:42px;margin:8px 0 16px}
.seo-footer .seo-wrap{flex-wrap:wrap}
.seo-footer .public-resource-links{flex-basis:100%;width:100%;margin:12px 0 0;gap:12px 24px}
/* Resolve the dark-hero migration styles on the current pale surface. */
.resource-page .resource-page__hero{padding:40px 0}
.resource-page .resource-page__hero .resource-page__wrap{padding-top:0;padding-bottom:0}
.resource-page .resource-page__hero .resource-page__note{color:var(--public-muted)!important}
.resource-page .resource-page__hero h1{letter-spacing:-.035em;line-height:1.15}
.resource-page .resource-page__wrap{width:min(calc(100% - 40px),1120px);max-width:1120px;padding-inline:0}
.resource-page .resource-page__hero .resource-page__back{padding:12px 16px;border-radius:10px;min-height:44px;display:inline-flex;align-items:center}
.resource-page .public-resource-links{width:min(calc(100% - 40px),1120px);margin:24px auto;display:flex;flex-wrap:wrap;gap:8px}
.resource-page .public-resource-links a{display:inline-flex;align-items:center;min-height:44px;padding:8px 14px;border:1px solid var(--public-line);border-radius:10px;background:#fff;color:#174aaf;font-size:14px;line-height:1.4}
.resource-page .public-resource-links a:hover,.resource-page .public-resource-links a[aria-current=page]{background:#eaf1ff;border-color:#9ab8f2}
.increase-chart__title{display:flex;flex-wrap:wrap;align-items:baseline;gap:4px 16px;font-weight:700;line-height:1.5}
.increase-chart__title small{font-size:12px;font-weight:400}
.resource-page [id]{scroll-margin-top:16px}
/* The home uses the same public action blue and heading scale. */
.hero--savings .hero-h1{line-height:1.12;letter-spacing:-.035em;text-wrap:balance}
.hero--savings .hero-primary-cta,.hero--savings .dashboard-mock .calc-cta-hero{background:#2563ebd1;color:#fff;box-shadow:none}
.hero--savings .hero-primary-cta:hover,.hero--savings .dashboard-mock .calc-cta-hero:hover{background:#1d4ed8}
.hero--savings .dashboard-mock .calc-kicker{color:#526074}
@media(max-width:1279px){
 .seo-nav,body>nav{padding:10px 24px;flex-wrap:nowrap}
 .seo-nav-toggle{display:inline-flex;position:relative;z-index:103;flex-shrink:0;margin-left:auto;width:44px;height:44px;padding:0;align-items:center;justify-content:center;font-size:20px}
 .seo-nav>.seo-nav-cta{display:none}
 .seo-nav>nav{display:flex;position:fixed;inset:var(--public-header-height) auto 0 0;order:initial;width:min(400px,calc(100vw - 36px));height:calc(100dvh - var(--public-header-height));margin:0;padding:18px 24px 24px;gap:2px;flex-direction:column;align-items:stretch;justify-content:flex-start;overflow-y:auto;background:#fff;border:0;z-index:102;visibility:hidden;transform:translateX(-100%);pointer-events:none}
 .seo-nav.is-open>nav{visibility:visible;transform:translateX(0);pointer-events:auto}
 .seo-nav>nav>a{padding:12px 10px;min-height:48px;font-size:14px;border-radius:10px;flex-shrink:0}
 .seo-nav>nav>.seo-mobile-cta{display:flex;margin-top:auto;padding:12px 16px;background:var(--public-blue);color:#fff;font-weight:700;justify-content:center}
 .seo-nav-backdrop{position:fixed;inset:var(--public-header-height) 0 0;background:rgba(13,27,46,.42);z-index:101}
 .seo-nav.is-open .seo-nav-backdrop{display:block}
 body.seo-menu-open{overflow:hidden}
 .seo-nav .public-nav-menu{max-height:none}
 body>nav .nav-panel{top:var(--public-header-height);height:calc(100dvh - var(--public-header-height))}
 body>nav::after{top:var(--public-header-height)}
 body>nav .nav-panel:not([inert]){visibility:visible}
 body>nav .nav-panel[inert]{visibility:hidden}
}
@media(min-width:761px) and (max-width:1000px){
 .how-hero-grid,.owner-hero-grid,.tenant-hero-grid{gap:24px;grid-template-columns:1.1fr 1fr}
 .owner-actions,.tenant-actions{flex-direction:column;align-items:flex-start;gap:10px}
}
@media(max-width:760px){
 :root{--public-header-height:64px}
 .seo-nav,body>nav{padding:10px 20px}
 .seo-nav .seo-logo img,body>nav .nav-logo img,.owner-publishing-page .seo-nav .seo-logo img{height:38px;width:auto}
 .public-launch-notice{padding:12px 20px}
 .public-launch-notice summary{flex-wrap:wrap;gap:4px 12px;font-size:12px;line-height:1.5}
 .public-launch-notice summary strong{flex-basis:100%}
 .public-launch-notice summary>span:not(.public-launch-more){flex-basis:calc(100% - 90px)}
 .public-launch-notice .public-launch-more{font-size:11px}
 .public-launch-description{font-size:13px}
 .seo-hero,.how-hero,.owner-hero,.features-hero,.pricing-hero,.tenant-hero,.owner-publishing-page .seo-hero{padding:28px 0}
 .seo-hero h1,.how-hero h1,.owner-hero h1,.features-hero h1,.pricing-hero h1,.tenant-hero h1,.op-page .op-hero h1,.owner-local-guide .al-hero h1{font-size:32px;line-height:1.15;letter-spacing:-.03em;margin:10px 0 16px}
 .seo-lead,.how-hero-grid>div>p:not(.eyebrow),.owner-hero-grid>div>p:not(.eyebrow),.features-hero p:not(.eyebrow),.pricing-hero p:not(.eyebrow),.tenant-hero p:not(.eyebrow){font-size:16px;line-height:1.6}
 .how-hero-grid,.owner-hero-grid,.tenant-hero-grid{grid-template-columns:1fr;gap:28px}
 .how-hero-grid>div>p:not(.eyebrow){margin-bottom:20px}
 .tenant-hero-proof img{width:230px}
 .owner-actions,.tenant-actions{align-items:stretch;flex-direction:column;gap:12px;margin-top:20px}
 .owner-actions a,.tenant-actions a{justify-content:center}
 .pricing-section{padding:32px 0}
 .pricing-grid-catalog .pricing-card-badge-row:empty{display:none}
 .pricing-grid-catalog .pricing-card-fit{min-height:0}
 .resource-page .resource-page__hero{padding:28px 0}
 .resource-page .resource-page__hero h1{font-size:32px}
 .resource-page .resource-page__hero-actions{gap:10px}
 .resource-page .resource-page__hero-actions a{margin-top:0;justify-content:center;text-align:center}
 .resource-page .resource-page__hero-actions{margin-top:20px}
 .resource-page .public-resource-links{gap:8px;margin:20px auto}
 .resource-page .public-resource-links a{font-size:13px;padding:8px 12px}
 .resource-page .resource-tool .resource-page__wrap{padding:20px}
 .hero--savings .hero-h1{font-size:34px;line-height:1.15}
 .hero--savings .hero-value-list{gap:10px}
 .seo-footer .public-resource-links{display:grid;grid-template-columns:1fr;gap:8px}
 .seo-footer .public-resource-links a{padding:8px 0}
}
@media(prefers-reduced-motion:reduce){.nav-panel,.fade-in,.public-nav-menu{transition:none!important;animation:none!important}}
@media(min-width:768px){
 .hero--savings{padding-top:var(--public-header-height)}
 .hero--savings .hero-inner,.hero--savings .hero-content,.hero--savings .hero-body{min-height:0}
 .hero--savings .hero-body{align-items:start}
 .hero--savings .hero-left{min-height:0;/* padding:44px 40px 44px max(24px,calc((100vw - 1180px)/2)); */}
 .hero--savings .hero-right{/* padding:44px max(24px,calc((100vw - 1180px)/2)) 44px 32px; */}
}
@media(max-width:760px){
 .how-mid-cta>*,.how-hero-grid>*,.owner-hero-grid>*,.tenant-hero-grid>*{min-width:0}
 .how-mid-cta .seo-button{white-space:normal}
}