.brand-home{--ink:#242b29;--muted:#626863;--line:#dcded8;background:#fff;color:var(--ink)}
.brand-home .wrap{width:min(1200px,calc(100% - 96px))}
.brand-home h1,.brand-home h2,.brand-home h3,.brand-home h4{letter-spacing:-.035em;font-weight:650;text-wrap:wrap}
.brand-home a:focus-visible{outline:3px solid #285b51;outline-offset:5px}
.brand-home .brand-header{background:#fff;border-bottom:1px solid var(--line)}
.brand-home .wordmark{font-size:23px}
.bd-label{color:#285b51;font-size:12px;letter-spacing:.06em;font-weight:600}
.bd-intro{padding:76px 0 64px;background:#f3f4ef;border-bottom:1px solid var(--line)}
.bd-intro h1{font-size:clamp(34px,4.6vw,60px);line-height:1.4;margin:24px 0}
.bd-intro p:not(.bd-label){font-size:16px;line-height:1.95;color:var(--muted)}
.bd-link{display:inline-block;color:#285b51;font-size:14px;font-weight:600;text-decoration:none;border-bottom:1px solid #a4b9ad;padding:4px 0}
.bd-intro .bd-link{margin-top:26px}
.bd-products{padding-block:64px 72px}
.bd-section-heading{display:flex;align-items:baseline;justify-content:space-between;gap:24px;padding-bottom:26px}
.bd-section-heading h2{font-size:28px}
.bd-section-heading p{color:var(--muted);font-size:14px}
.bd-product{padding-block:40px 56px;border-top:1px solid var(--line)}
.bd-product-heading{display:flex;align-items:center;justify-content:space-between;gap:24px}
.bd-identity{display:flex;align-items:center;gap:18px}
.bd-identity img{flex:none;object-fit:contain}
.bd-identity h3{font-size:28px;line-height:1.3}
.bd-identity .bd-label{margin-bottom:6px}
.bd-status{font-size:12px;color:var(--muted);border:1px solid var(--line);padding:7px 12px;border-radius:3px}
.bd-product-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin:34px 0}
.bd-product-copy h4{font-size:clamp(24px,2.5vw,33px);line-height:1.65}
.bd-product-copy p{font-size:15px;line-height:1.95;color:var(--muted)}
.bd-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:24px}
.bd-button{background:#285b51;color:#fff;border-radius:4px;padding:12px 22px;font-size:14px;text-decoration:none;font-weight:600}
.bd-button:hover{background:#19483f;text-decoration:none}
.bd-screenshot{display:block;padding:32px;background:#f3f4ef;border-radius:6px}
.bd-screenshot img{display:block;width:100%;height:auto;border-radius:5px}
.bd-video-shot{background:#e9eeea}
.bd-product-meta{color:var(--muted);font-size:12px;margin-top:16px}
.bd-utilities{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:56px;border-top:1px solid var(--line);padding-top:48px}
.bd-utilities article{display:flex;flex-direction:column;align-items:start}
.bd-utilities h4{font-size:23px;line-height:1.65;margin:24px 0 14px}
.bd-utilities p{font-size:14px;line-height:1.95;color:var(--muted);margin-bottom:24px}
.bd-utilities .bd-link{margin-top:auto}
.bd-about{padding:60px 0;background:#f7f7f3;border-block:1px solid var(--line)}
.bd-about-copy{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;margin-top:22px}
.bd-about h2{font-size:30px;line-height:1.65}
.bd-about-copy p{font-size:15px;line-height:1.95;color:var(--muted)}
.bd-about-copy p+p{margin-top:18px}
.bd-about .bd-link{margin-top:22px}
@media(max-width:1000px){.brand-home .wrap{width:calc(100% - 56px)}.bd-product-copy,.bd-about-copy{gap:36px}.bd-utilities{gap:36px}}
@media(max-width:700px){
 .brand-home .wrap{width:calc(100% - 40px)}
 .bd-intro{padding:42px 0}.bd-intro h1{font-size:clamp(24px,6.8vw,34px);margin-block:20px}.bd-intro p:not(.bd-label){font-size:14px}
 .bd-products{padding-block:38px 46px}.bd-section-heading{display:block}.bd-section-heading p{margin-top:10px}
 .bd-product{padding-block:28px 38px}.bd-product-heading{align-items:start;flex-direction:column;gap:16px}
 .bd-identity h3{font-size:26px}.bd-product-copy,.bd-about-copy,.bd-utilities{grid-template-columns:minmax(0,1fr);gap:24px}
 .bd-product-copy{margin-top:24px}.bd-product-copy h4{font-size:25px}.bd-product-copy p{font-size:14px}
 .bd-screenshot{padding:12px}.bd-utilities{gap:40px;padding-top:32px}.bd-utilities h4{font-size:22px}
 .bd-about{padding-block:40px}.bd-about h2{font-size:25px}.bd-about-copy p{font-size:14px}
}