/* Shared X Partner navigation, brand colors and footer. */
.brand-page{--home-ink:#20231f;--home-muted:#676b65;--home-amber:#aa8131;--home-line:#e9e9e3;background:#fff;color:var(--home-ink)}
.home-header{height:68px;display:flex;align-items:center;gap:34px;position:sticky;top:0;z-index:40;padding:0 28px 0 18px;border-bottom:1px solid #efefeb;background:#fffffff5;backdrop-filter:blur(12px)}
.home-header .brand{font-size:21px;letter-spacing:-.7px}
.home-header .brand img{width:38px;height:38px}
.home-nav{display:flex;align-items:center;gap:30px;font-size:14px;font-weight:550}
.home-nav>a:not(:last-child){margin-right:18px}
.home-nav,.home-header-actions{height:100%}
.home-nav>a,.home-nav summary,.home-header .account-link{position:relative;height:100%;display:inline-flex;align-items:center;padding:0;text-decoration:none}
.home-feature-menu{height:100%}
.home-feature-menu summary{list-style:none;cursor:pointer;gap:5px;user-select:none}
.home-feature-menu summary::-webkit-details-marker{display:none}
.home-feature-menu summary svg{width:13px;height:13px;transition:transform .2s ease}
.home-feature-menu[open] summary svg{transform:rotate(180deg)}
.home-feature-dropdown{position:absolute;top:calc(100% - 5px);left:clamp(18px,13vw,210px);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;width:min(820px,calc(100vw - 36px));max-height:calc(100dvh - 88px);overflow:auto;padding:26px 0;background:#fffdf7;border:1px solid #eae5d7;border-radius:20px;box-shadow:0 16px 45px #37332017}
.home-feature-column{position:relative;min-width:0;padding:0 22px}
.home-feature-column+.home-feature-column:before{content:"";position:absolute;top:0;bottom:0;left:0;width:1px;background:#eee9dc;pointer-events:none}
.home-feature-group+.home-feature-group{margin-top:18px}
.home-feature-heading{margin:0 10px 10px;color:#9a9078;font-size:11px;line-height:1.4;font-weight:500;letter-spacing:.03em}
.home-feature-soon{margin:0 10px;color:#9a9078;font-size:13px;line-height:1.55;font-weight:500}
.home-feature-dropdown a{display:flex;align-items:center;min-height:42px;padding:10px;border-radius:9px;color:#44483f;font-size:13px;line-height:1.55;font-weight:500;text-decoration:none}
.home-feature-dropdown a:has(span+span){flex-direction:column;align-items:flex-start;justify-content:center;gap:1px}
.home-feature-dropdown a span+span{color:#8d8472;font-size:12px;font-weight:450;line-height:1.4}
.home-feature-dropdown a:is(:hover,:focus-visible,[aria-current]){background:#f3eedf;color:#80621f}
.home-feature-dropdown a:focus-visible,.home-feature-menu summary:focus-visible{outline:2px solid #c9aa57;outline-offset:3px}
.home-header-actions{display:flex;align-items:center;gap:25px;margin-left:auto}
.home-header .account-link{display:inline-flex;align-items:center;gap:9px;max-width:210px;font-size:13px;text-decoration:none}
.home-header .language{width:40px;height:40px;min-width:40px;padding:0}
.home-header .session-plan{font-size:10px}
.brand-page .home-footer{width:calc(100% - 56px);max-width:none;margin:0 28px 28px;padding:44px 55px;display:grid;grid-template-columns:1.8fr repeat(3,1fr);gap:35px;border:0;border-radius:28px;background:#272c24;color:#fffdf3}
.home-footer .brand{font-size:21px}
.home-footer .brand img{border-radius:10px}
.home-footer-brand p{font-size:12px;color:#b0b8a5;margin:18px 0 0}
.home-footer-group{display:flex;flex-direction:column;gap:13px;align-items:flex-start}
.home-footer-group h3{font-size:13px;color:#fff;margin:0 0 5px;font-weight:550}
.home-footer-group a{font-size:12px;color:#b8c0ae;text-decoration:none}
.home-footer-group a:hover{color:#fff}
@media(max-width:1150px){.home-nav{gap:22px}
.brand-page .home-footer{padding:40px 35px}}
@media(max-width:1050px){.home-feature-dropdown{left:18px}}
@media(max-width:900px){.home-header{gap:23px;padding:0 21px}
.home-header .brand{font-size:19px}
.home-header .brand img{width:34px;height:34px}
.home-nav{gap:20px;font-size:12px}
.home-header-actions{gap:15px}
.home-header .account-link{font-size:11px;gap:6px}
.home-header .language{width:36px;height:36px;min-width:36px}
.brand-page .home-footer{width:calc(100% - 48px);margin:0 24px 24px;padding:35px;gap:25px;grid-template-columns:1.5fr repeat(3,1fr)}}
@media(max-width:650px){.home-header{height:100px;gap:0 10px;padding:0 17px;flex-wrap:wrap}
.home-header .brand{font-size:17px;gap:5px}
.home-header .brand img{width:31px;height:31px}
.home-nav{display:flex;order:3;flex-basis:100%;justify-content:center;gap:29px;height:40px;font-size:12px}
.home-header-actions{gap:12px;height:60px;flex:1;min-width:0;justify-content:flex-end}
.home-feature-dropdown{top:100%;left:12px;right:12px;width:auto;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px 16px;max-height:calc(100dvh - 112px);padding:22px 16px;border-radius:16px}
.home-feature-column{padding:0}
.home-feature-column+.home-feature-column:before{display:none}
.home-feature-column:last-child{grid-column:1/-1;border-top:1px solid #eee9dc;padding-top:18px}
.home-feature-column:last-child .home-feature-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:16px}
.home-feature-column:last-child .home-feature-heading{grid-column:1/-1}
.home-feature-dropdown a{font-size:12px;min-height:44px;padding:9px 8px}
.home-feature-heading{margin-left:8px;margin-right:8px;font-size:10px}
.brand-page.home-page section[id],.brand-page.home-page article[id],.brand-page.home-page #demo,.brand-page.home-page #install-steps{scroll-margin-top:116px}
.home-header .account-link{font-size:11px;max-width:145px;min-width:0}
.home-header .session-plan{font-size:8px;padding:3px 5px}
.home-header .language{width:36px;height:36px;min-width:36px;padding:0}
.brand-page .home-footer{width:calc(100% - 28px);margin:0 14px 14px;padding:30px 25px;grid-template-columns:repeat(3,1fr);gap:30px 20px;border-radius:23px}
.home-footer-brand{grid-column:1/-1}
.home-footer .brand{font-size:21px}
.home-footer-brand p{font-size:12px;margin-top:11px}
.home-footer-group{gap:13px}
.home-footer-group h3{font-size:11px}
.home-footer-group a{font-size:10px}}
@media(max-width:370px){.home-header{padding:0 12px}
.home-header .brand{font-size:16px}
.home-header .brand img{width:29px;height:29px}
.home-header-actions{gap:9px}
.brand-page .home-footer{gap:27px 15px}}
.brand-page .skip-link{z-index:100}
.home-nav>a:after,.home-nav summary:after,.home-header .account-link:after{content:"";position:absolute;left:0;right:0;bottom:14px;height:2px;background:#d9bc64;border-radius:2px;opacity:0}
.home-nav>a:is([aria-current],:hover,:focus-visible),.home-nav summary:is([aria-current],:hover,:focus-visible),.home-header .account-link:is([aria-current],:hover,:focus-visible){color:#8a681f}
.home-nav>a:is([aria-current],:hover,:focus-visible):after,.home-nav summary:is([aria-current],:hover,:focus-visible):after,.home-header .account-link:is([aria-current],:hover,:focus-visible):after{opacity:1}
@media(max-width:650px){.home-nav>a:after,.home-nav summary:after{bottom:5px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}.home-feature-menu summary svg{transition:none}}