.cb-useful { --uc-ink:#171321; --uc-muted:#625b6e; --uc-purple:#5b3df5; --uc-paper:#fbf9f4; --uc-mist:#eeeafb; --uc-rule:#ded8e6; }
.cb-useful .cb-shell { width:min(1120px,calc(100% - 40px)); margin-inline:auto; }
.cb-useful .cb-useful-hero { padding:clamp(64px,8vw,112px) 0 56px; background:linear-gradient(180deg,#f7f4ff 0%,#fff 100%); border-bottom:1px solid var(--uc-rule); }
.cb-useful .cb-useful-hero__grid { display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr); gap:56px; align-items:end; }
.cb-useful .cb-eyebrow { color:var(--uc-purple); font-size:.78rem; font-weight:700; letter-spacing:.11em; text-transform:uppercase; }
.cb-useful h1 { max-width:16ch; margin:.35rem 0 1rem; color:var(--uc-ink); font-size:clamp(2.55rem,5vw,5.25rem); line-height:.95; letter-spacing:-.055em; }
.cb-useful .cb-lead { max-width:670px; color:var(--uc-muted); font-size:clamp(1.08rem,1.5vw,1.3rem); line-height:1.55; }
.cb-useful .cb-useful-actions { display:flex; flex-wrap:wrap; gap:12px; margin-top:26px; }
.cb-useful .cb-useful-btn { display:inline-flex; align-items:center; justify-content:center; min-height:46px; padding:0 20px; border:1px solid var(--uc-purple); border-radius:8px; background:var(--uc-purple); color:#fff; font-weight:700; text-decoration:none; }
.cb-useful .cb-useful-btn--secondary { background:#fff; color:var(--uc-purple); }
.cb-useful .cb-useful-proof { padding:24px; border:1px solid var(--uc-rule); border-radius:14px; background:#fff; box-shadow:0 18px 50px rgba(38,24,71,.08); }
.cb-useful .cb-useful-proof strong { display:block; margin:.3rem 0 .85rem; color:var(--uc-ink); font-size:1.25rem; }
.cb-useful .cb-useful-proof ul { margin:0; padding-left:1.2rem; color:var(--uc-muted); }
.cb-useful .cb-useful-proof li+li { margin-top:.55rem; }
.cb-useful .cb-useful-layout { display:grid; grid-template-columns:minmax(0,740px) minmax(230px,1fr); gap:64px; padding:64px 0 104px; align-items:start; }
.cb-useful .cb-useful-article { min-width:0; }
.cb-useful .cb-useful-article>section { padding:0 0 54px; }
.cb-useful .cb-useful-article h2 { margin:0 0 18px; color:var(--uc-ink); font-size:clamp(1.75rem,3vw,2.55rem); line-height:1.08; letter-spacing:-.035em; }
.cb-useful .cb-useful-article h3 { margin:30px 0 10px; color:var(--uc-ink); font-size:1.22rem; }
.cb-useful .cb-useful-article p,.cb-useful .cb-useful-article li { color:#433d4b; font-size:1.03rem; line-height:1.72; }
.cb-useful .cb-useful-article a { color:#4930d6; text-underline-offset:3px; }
.cb-useful .cb-useful-article li+li { margin-top:.45rem; }
.cb-useful .cb-useful-aside { position:sticky; top:96px; padding:22px; border-left:3px solid var(--uc-purple); background:var(--uc-paper); }
.cb-useful .cb-useful-aside strong { display:block; color:var(--uc-ink); }
.cb-useful .cb-useful-aside a { display:block; margin-top:10px; color:var(--uc-purple); font-weight:700; }
.cb-useful .cb-useful-card,.cb-useful .cb-useful-example,.cb-useful .cb-useful-callout { margin:26px 0; padding:24px; border:1px solid var(--uc-rule); border-radius:12px; background:var(--uc-paper); }
.cb-useful .cb-useful-callout { border-color:#cfc5ff; background:var(--uc-mist); }
.cb-useful .cb-useful-formula { padding:20px 24px; border-left:4px solid var(--uc-purple); background:#f6f3ff; color:var(--uc-ink); font-size:1.08rem; font-weight:700; overflow-wrap:anywhere; }
.cb-useful .cb-useful-table-wrap { margin:24px 0; overflow-x:auto; border:1px solid var(--uc-rule); border-radius:12px; }
.cb-useful table { width:100%; border-collapse:collapse; min-width:620px; }
.cb-useful th,.cb-useful td { padding:13px 15px; border-bottom:1px solid var(--uc-rule); text-align:left; vertical-align:top; }
.cb-useful th { background:var(--uc-ink); color:#fff; font-size:.82rem; letter-spacing:.04em; text-transform:uppercase; }
.cb-useful tr:last-child td { border-bottom:0; }
.cb-useful .cb-useful-download { display:grid; grid-template-columns:1fr auto; gap:24px; align-items:center; margin:28px 0; padding:26px; border-radius:14px; background:var(--uc-ink); color:#fff; }
.cb-useful .cb-useful-download h3 { margin:0 0 6px; color:#fff; }
.cb-useful .cb-useful-download p { margin:0; color:#d9d4e1; }
.cb-useful .cb-useful-download .cb-useful-btn { white-space:nowrap; background:#fff; border-color:#fff; color:var(--uc-ink); }
.cb-useful .cb-calculator { padding:26px; border:1px solid var(--uc-rule); border-radius:16px; background:#fff; box-shadow:0 16px 50px rgba(40,30,70,.07); }
.cb-useful .cb-calculator__grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:18px; }
.cb-useful .cb-calculator label { display:grid; gap:7px; color:var(--uc-ink); font-weight:700; }
.cb-useful .cb-calculator input,.cb-useful .cb-calculator select { min-height:46px; padding:10px 12px; border:1px solid #bdb5c9; border-radius:8px; font:inherit; color:var(--uc-ink); background:#fff; }
.cb-useful .cb-calculator input:focus,.cb-useful .cb-calculator select:focus { outline:3px solid rgba(91,61,245,.22); border-color:var(--uc-purple); }
.cb-useful .cb-calculator__results { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:22px; }
.cb-useful .cb-calculator__result { padding:18px; border-radius:10px; background:var(--uc-mist); }
.cb-useful .cb-calculator__result span { display:block; color:var(--uc-muted); font-size:.85rem; }
.cb-useful .cb-calculator__result strong { display:block; margin-top:5px; color:var(--uc-ink); font-size:1.45rem; }
.cb-useful .cb-checklist { display:grid; gap:10px; margin:22px 0; }
.cb-useful .cb-checklist label { display:grid; grid-template-columns:22px 1fr; gap:10px; padding:13px; border:1px solid var(--uc-rule); border-radius:9px; background:#fff; color:#393340; line-height:1.5; }
.cb-useful .cb-checklist input { width:18px; height:18px; accent-color:var(--uc-purple); }
.cb-useful .cb-useful-faq details { padding:17px 0; border-bottom:1px solid var(--uc-rule); }
.cb-useful .cb-useful-faq summary { cursor:pointer; color:var(--uc-ink); font-weight:700; }
.cb-useful .cb-useful-faq details p { margin-bottom:0; }
@media (max-width:860px){.cb-useful .cb-useful-hero__grid,.cb-useful .cb-useful-layout{grid-template-columns:1fr}.cb-useful .cb-useful-layout{gap:36px}.cb-useful .cb-useful-aside{position:static}.cb-useful .cb-useful-proof{max-width:560px}.cb-useful .cb-calculator__results{grid-template-columns:1fr}.cb-useful .cb-useful-download{grid-template-columns:1fr}}
@media (max-width:560px){.cb-useful .cb-shell{width:min(100% - 28px,1120px)}.cb-useful .cb-calculator__grid{grid-template-columns:1fr}.cb-useful h1{font-size:2.65rem}.cb-useful .cb-useful-actions .cb-useful-btn{width:100%}}
@media print{.cb-site-header,.cb-site-footer,.cb-consent,.cb-useful .cb-useful-aside,.cb-useful .cb-useful-actions{display:none!important}.cb-useful .cb-useful-layout{display:block;padding:0}.cb-useful .cb-useful-hero{padding:20px 0}.cb-useful .cb-useful-article>section{break-inside:avoid}}
