.brand-page{--brand-ink:#102746;--brand-blue:#0969da;color:var(--brand-ink)}
.brand-page .container{max-width:1160px}
.brand-hero{padding:82px 0 68px;background:radial-gradient(ellipse at 90% 10%,#dfecff,transparent 55%),linear-gradient(180deg,#f7fbff,#fff)}
.brand-hero-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:52px;align-items:center}
.brand-eyebrow{font-size:.78rem;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:#0969da;margin:0 0 20px}
.brand-page h1{font-size:clamp(2.5rem,4.3vw,3.9rem);line-height:1.08;letter-spacing:-.045em;margin:0 0 24px;max-width:760px}
.brand-page h1 span{display:block}.brand-page h1 .brand-accent{color:#0969da}
.brand-lead{font-size:1.12rem;line-height:1.75;color:#51657d;max-width:660px;margin:0 0 24px}
.brand-actions{display:flex;gap:12px;flex-wrap:wrap;margin:26px 0 18px}.brand-actions .btn{min-height:46px;padding:12px 20px;justify-content:center}
.brand-subtle{font-size:.88rem;color:#61748b;line-height:1.7}.brand-subtle a{font-weight:600}
.brand-proof-bar{padding:0 0 8px}.brand-proof{display:flex;gap:9px;flex-wrap:wrap;margin-top:28px;justify-content:flex-start}.brand-proof span{font-size:.76rem;border:1px solid #dbe7f4;border-radius:30px;padding:6px 10px;color:#47617e;background:#fff}
.brand-hero .brand-proof-bar .brand-proof{margin-top:8px;padding-top:4px}
.brand-visual{background:#fff;border:1px solid #d8e6f7;border-radius:24px;padding:28px;box-shadow:0 24px 70px #163b7210;min-width:0}
.brand-visual-label{font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:#6a7c93;margin:0 0 20px}
.brand-flow-node{padding:16px;border:1px solid #dce6f2;border-radius:12px;text-align:center;background:#f7faff;font-weight:650}.brand-flow-node small{display:block;font-weight:400;margin-top:6px;color:#62758b;font-size:.8rem}
.brand-flow-node.is-hub{background:#0969da;color:white;border-color:#0969da}.brand-flow-node.is-hub small{color:#e1edff}.brand-flow-arrow{display:block;text-align:center;color:#91a9c4;padding:8px}
.brand-models{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.brand-models span,.brand-models a{padding:10px 6px;font-size:.8rem;text-align:center;background:#f3f7fc;border-radius:8px;color:inherit;text-decoration:none;font-weight:600}.brand-models a:hover{background:#e7f1fc;color:#0969da}.brand-models-more{color:#61748b!important;font-weight:500!important}
.brand-savings-hint{margin-top:4px}.brand-savings-accent{color:#0969da;font-weight:750;letter-spacing:-.01em;background:linear-gradient(180deg,transparent 62%,#cfe3ff 62%);padding:0 .12em;border-radius:2px}
.brand-save-strip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0 0 16px}.brand-save-chip{display:block;padding:22px 18px;border:1px solid #d8e6f7;border-radius:16px;background:#fff;text-decoration:none;color:inherit;transition:border-color .15s,box-shadow .15s;min-width:0}.brand-save-chip:hover{border-color:#84b7f4;box-shadow:0 10px 28px #0969da12}.brand-save-pct{display:block;font-size:2rem;font-weight:780;letter-spacing:-.04em;color:#0969da;line-height:1.1;margin-bottom:10px}.brand-save-label{margin:0 0 6px;font-weight:700;font-size:.98rem}.brand-save-note{margin:0;font-size:.84rem;color:#61748b;line-height:1.5}.brand-save-foot{font-size:.86rem;color:#61748b;line-height:1.7;margin:0 0 28px;max-width:760px}.brand-save-foot a{font-weight:600}
.brand-section{padding:64px 0}.brand-section.is-tinted{background:#f4f8fd;border-block:1px solid #e4edf7}.brand-section h2{font-size:clamp(1.6rem,2.7vw,2.15rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 14px}.brand-section-intro{max-width:670px;color:#61748b;line-height:1.7;margin:0 0 28px}
.brand-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.brand-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-card{padding:28px;border:1px solid #dce6f2;border-radius:18px;background:white;min-width:0}.brand-card.is-primary{border-color:#84b7f4;box-shadow:0 10px 35px #0969da0b}.brand-card h3{font-size:1.18rem;margin:14px 0 12px}.brand-card p{line-height:1.7;color:#61748b;margin:0 0 18px}.brand-card a{font-weight:650}.brand-number{color:#0969da;font-size:.8rem;font-weight:750;letter-spacing:.08em}.brand-card ul{padding-left:19px;color:#51657d;line-height:1.9;margin-bottom:24px}.brand-card .brand-actions{margin-bottom:0}
.brand-end{text-align:center;background:linear-gradient(135deg,#edf5ff,#f9fbff);border-top:1px solid #dce6f2}.brand-end .brand-actions{justify-content:center}.brand-end p{margin-inline:auto}.brand-page details{padding:20px 0;border-bottom:1px solid #dce6f2;max-width:850px}.brand-page summary{cursor:pointer;font-weight:650;line-height:1.6}.brand-page details p{color:#61748b;line-height:1.8;max-width:760px}
.brand-page a:focus-visible,.brand-page summary:focus-visible{outline:3px solid #78aff0;outline-offset:4px}.brand-page [id]{scroll-margin-top:90px}
@media(max-width:900px){.brand-hero-grid{grid-template-columns:1fr;gap:32px}.brand-hero{padding:46px 0}.brand-visual{max-width:600px;width:100%;box-sizing:border-box}.brand-page h1{font-size:clamp(2.3rem,7vw,3.6rem)}.brand-grid,.brand-save-strip{grid-template-columns:1fr}.brand-section{padding:42px 0}}
@media(max-width:560px){.brand-grid.two{grid-template-columns:1fr}.brand-visual,.brand-card,.brand-save-chip{padding:22px}.brand-actions .btn{flex:1 1 auto}.brand-page h1{font-size:2.45rem}.brand-lead{font-size:1rem}.brand-models{grid-template-columns:repeat(2,minmax(0,1fr))}.brand-save-pct{font-size:1.7rem}}
@media(prefers-reduced-motion:reduce){.brand-page *{scroll-behavior:auto!important;transition:none!important}}