.cbp-page{--cbp-ink:#152235;--cbp-muted:#5e6b7e;--cbp-line:#dce3ec;--cbp-card:#fff;--cbp-soft:#f6f8fb;--cbp-navy:#10263b;--cbp-pink:#ff0066;color:var(--cbp-ink);overflow:hidden}
[data-theme="dark"] .cbp-page{--cbp-ink:#edf2f8;--cbp-muted:#b4c0cf;--cbp-line:#334253;--cbp-card:#182536;--cbp-soft:#111c2a}
.cbp-page *{box-sizing:border-box}.cbp-container{width:min(1160px,calc(100% - 40px));margin-inline:auto}.cbp-skip{position:absolute;left:-9999px;top:8px;z-index:99;background:#fff;color:#10263b;padding:12px;border-radius:8px}.cbp-skip:focus{left:10px}
.cbp-hero{position:relative;isolation:isolate;padding:76px 0 70px;background:radial-gradient(ellipse at 82% 10%,rgba(255,0,102,.21),transparent 40%),linear-gradient(120deg,#0d2033 0%,#132f49 58%,#10263b 100%);color:#fff;overflow:hidden}.cbp-hero-glow{position:absolute;z-index:-1;width:520px;height:520px;border:1px solid rgba(255,255,255,.08);border-radius:50%;right:-170px;bottom:-340px;box-shadow:0 0 0 50px rgba(255,255,255,.025),0 0 0 100px rgba(255,255,255,.02)}
.cbp-hero-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(340px,.85fr);gap:54px;align-items:center}.cbp-eyebrow,.cbp-kicker{margin:0 0 13px;color:#d0d9e5;font-weight:800;letter-spacing:.13em;text-transform:uppercase;font-size:.76rem}.cbp-eyebrow span{display:inline-block;width:8px;height:8px;border-radius:50%;background:#ff3c89;margin-right:8px;box-shadow:0 0 0 5px rgba(255,0,102,.16)}
.cbp-hero h1{max-width:740px;margin:0 0 18px;color:#fff;font-size:clamp(2.6rem,5.4vw,4.9rem);letter-spacing:-.045em;line-height:1.02}.cbp-lead{max-width:680px;color:#dce6f0;font-size:clamp(1.05rem,1.5vw,1.22rem);line-height:1.7;margin:0}.cbp-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}.cbp-actions .btn{min-height:48px;display:inline-flex;align-items:center;justify-content:center}.cbp-status{display:flex;align-items:center;gap:9px;color:#c4d2df;font-size:.86rem;margin:18px 0 0}.cbp-status span{width:8px;height:8px;flex:0 0 8px;border-radius:50%;background:#f7bd5b}
.cbp-hero-panel{padding:19px;border:1px solid rgba(255,255,255,.19);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.12),rgba(255,255,255,.045));box-shadow:0 26px 70px rgba(0,0,0,.28);backdrop-filter:blur(8px)}.cbp-panel-top{display:flex;align-items:center;gap:11px}.cbp-panel-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:#ff0066;color:#fff;font-size:1.4rem;font-weight:900}.cbp-panel-top strong,.cbp-panel-top small{display:block}.cbp-panel-top strong{font-size:.95rem}.cbp-panel-top small{color:#c8d4df;font-size:.76rem;margin-top:3px}.cbp-panel-state{margin-left:auto;border:1px solid rgba(102,226,183,.48);border-radius:999px;padding:5px 8px;color:#9ef0ce;font-size:.61rem;letter-spacing:.08em;font-weight:900}.cbp-panel-preview{margin:20px 0 14px;padding:12px;border-radius:14px;background:#f8fafc;color:#183049}.cbp-preview-bar{display:flex;align-items:center;gap:5px;padding-bottom:12px;border-bottom:1px solid #e2e8f0}.cbp-preview-bar i{width:6px;height:6px;border-radius:50%;background:#c1cad4}.cbp-preview-bar span{margin-left:8px;font-size:.59rem;color:#718096}.cbp-preview-layout{display:grid;grid-template-columns:70px 1fr;gap:12px;padding:15px 4px 4px;min-height:145px}.cbp-preview-nav{padding:9px 7px;background:#edf1f6;border-radius:8px}.cbp-preview-nav b,.cbp-preview-nav i{display:block;height:5px;border-radius:4px;background:#aeb9c8;margin:0 0 10px}.cbp-preview-nav b{width:30px;background:#d81b60}.cbp-preview-nav i{width:42px}.cbp-preview-content{padding:10px 7px}.cbp-preview-content small{display:block;color:#c01858;font-size:.52rem;font-weight:900;letter-spacing:.09em}.cbp-preview-content>b{display:block;width:68%;height:15px;background:#233c53;border-radius:4px;margin:10px 0}.cbp-preview-content>i{display:block;width:92%;height:5px;background:#ccd4de;border-radius:4px;margin:7px 0}.cbp-preview-content>i:last-of-type{width:70%}.cbp-preview-content>span{display:inline-block;margin-top:6px;padding:6px 8px;border-radius:5px;background:#ff0066;color:#fff;font-size:.54rem}.cbp-panel-flow{display:flex;align-items:center;justify-content:space-between;gap:5px;color:#fff;font-size:.73rem;font-weight:800}.cbp-panel-flow b{color:#ff5798}.cbp-hero-panel>p{margin:13px 0 0;color:#bfcedb;font-size:.76rem;line-height:1.5}
.cbp-proofbar{background:var(--cbp-card);border-bottom:1px solid var(--cbp-line)}.cbp-proof-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;padding-block:21px}.cbp-proof-grid span{font-size:.82rem;color:var(--cbp-muted)}.cbp-proof-grid b{color:#d40056;margin-right:7px}
.cbp-section{padding:82px 0}.cbp-section-soft{background:var(--cbp-soft)}.cbp-section-heading{max-width:760px;margin-bottom:32px}.cbp-kicker{color:#cf0054}.cbp-section-heading h2,.cbp-education h2,.cbp-roi-card h2,.cbp-readiness h2,.cbp-faq h2,.cbp-final-cta h2{font-size:clamp(1.9rem,3.5vw,3rem);letter-spacing:-.035em;line-height:1.12;margin:0 0 13px;color:var(--cbp-ink)}.cbp-section-heading>p:last-child,.cbp-education p,.cbp-roi-card p,.cbp-readiness p{color:var(--cbp-muted);line-height:1.7;margin:0;max-width:720px}
.cbp-value-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.cbp-value-card{padding:22px;border:1px solid var(--cbp-line);border-radius:17px;background:var(--cbp-card);box-shadow:0 12px 32px rgba(16,38,59,.04)}.cbp-icon{display:grid;place-items:center;width:39px;height:39px;border-radius:12px;background:rgba(255,0,102,.09);color:#cf0054;font-size:.78rem;font-weight:900}.cbp-value-card h3{font-size:1.08rem;margin:18px 0 8px;color:var(--cbp-ink)}.cbp-value-card p,.cbp-capability-grid p{font-size:.91rem;line-height:1.65;color:var(--cbp-muted);margin:0}
.cbp-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.cbp-steps li{display:flex;gap:14px;padding:20px;border:1px solid var(--cbp-line);border-radius:16px;background:var(--cbp-card)}.cbp-steps li>span{display:grid;place-items:center;flex:0 0 40px;height:40px;border-radius:12px;background:#10263b;color:white;font-weight:900;font-size:.78rem}.cbp-steps h3{margin:1px 0 6px;font-size:1rem;color:var(--cbp-ink)}.cbp-steps p{margin:0;color:var(--cbp-muted);font-size:.88rem;line-height:1.6}.cbp-workflow-note{margin-top:20px;padding:19px 21px;border-left:4px solid #ff0066;border-radius:0 12px 12px 0;background:var(--cbp-card);color:var(--cbp-muted);line-height:1.65;font-size:.9rem}.cbp-workflow-note strong{color:var(--cbp-ink)}
.cbp-capability-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.cbp-capability-grid article{padding:24px;border:1px solid var(--cbp-line);border-radius:17px;background:var(--cbp-card)}.cbp-capability-grid article>span{color:#cf0054;font-size:.7rem;font-weight:900;letter-spacing:.1em}.cbp-capability-grid h3{margin:11px 0 8px;color:var(--cbp-ink)}.cbp-capability-grid a,.cbp-text-link{display:inline-flex;gap:8px;margin-top:14px;color:#c90052;font-weight:800;text-decoration:none}.cbp-capability-grid a:hover,.cbp-text-link:hover{text-decoration:underline}
.cbp-section-dark{background:#10263b;color:#fff}.cbp-connected-grid{display:grid;grid-template-columns:1fr .9fr;gap:64px;align-items:start}.cbp-section-dark h2{font-size:clamp(2rem,3.6vw,3.15rem);letter-spacing:-.04em;line-height:1.1;margin:0 0 14px;color:#fff}.cbp-section-dark p{color:#c6d3df;line-height:1.7}.cbp-light-link{display:inline-flex;gap:8px;margin-top:13px;color:#ff74a7;font-weight:800;text-decoration:none}.cbp-connect-list{border-top:1px solid rgba(255,255,255,.18)}.cbp-connect-list div{display:flex;justify-content:space-between;gap:18px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.18)}.cbp-connect-list b{color:#fff}.cbp-connect-list span{color:#c6d3df;text-align:right;font-size:.88rem}
.cbp-education{display:grid;grid-template-columns:1fr .72fr;gap:50px;align-items:center}.cbp-education aside{padding:25px;border:1px solid var(--cbp-line);border-radius:18px;background:var(--cbp-card);box-shadow:0 12px 36px rgba(16,38,59,.06)}.cbp-education-label{display:block;color:#c90052;font-size:.7rem;letter-spacing:.1em;font-weight:900;margin-bottom:10px}.cbp-education aside strong{font-size:1.1rem}.cbp-education aside p{margin:10px 0;color:var(--cbp-muted);font-size:.9rem}.cbp-education aside a{color:#c90052;font-weight:800;text-decoration:none}
.cbp-roi-card{display:grid;grid-template-columns:1fr .72fr;gap:44px;align-items:center;padding:34px;border:1px solid var(--cbp-line);border-radius:22px;background:var(--cbp-card);box-shadow:0 16px 44px rgba(16,38,59,.06)}.cbp-roi-actions{display:grid;gap:13px}.cbp-roi-actions .btn{justify-content:center;text-align:center}.cbp-roi-actions>a:last-child{color:#c90052;font-weight:800;text-align:center;text-decoration:none}
.cbp-readiness{display:flex;justify-content:space-between;gap:35px;align-items:center;padding:30px;border:1px solid rgba(255,0,102,.22);border-radius:20px;background:linear-gradient(110deg,rgba(255,0,102,.055),var(--cbp-card))}.cbp-readiness>div{max-width:790px}.cbp-readiness .btn{flex:0 0 auto;white-space:nowrap}
.cbp-faq{padding-top:10px;padding-bottom:78px}.cbp-faq>h2{margin-bottom:24px}.cbp-faq details{padding:17px 0;border-bottom:1px solid var(--cbp-line)}.cbp-faq summary{cursor:pointer;font-weight:800;color:var(--cbp-ink)}.cbp-faq details p{max-width:800px;color:var(--cbp-muted);line-height:1.65;margin:12px 0 0}
.cbp-final-cta{padding:40px 0;background:linear-gradient(110deg,#10263b,#193a56);color:#fff}.cbp-final-cta .cbp-container{display:flex;justify-content:space-between;align-items:center;gap:25px}.cbp-final-cta h2{max-width:650px;color:#fff;margin-bottom:0}.cbp-final-cta .cbp-kicker{color:#ff8db8}.cbp-final-cta .cbp-container>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.cbp-final-cta .btn{min-height:46px;display:inline-flex;align-items:center}
@media(max-width:980px){.cbp-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:28px}.cbp-proof-grid{grid-template-columns:repeat(2,1fr)}.cbp-value-grid{grid-template-columns:repeat(2,1fr)}.cbp-steps{grid-template-columns:repeat(2,1fr)}.cbp-connected-grid{gap:35px}.cbp-education,.cbp-roi-card{gap:28px}}
@media(max-width:720px){.cbp-container{width:min(100% - 30px,560px)}.cbp-hero{padding:54px 0 46px}.cbp-hero-grid,.cbp-connected-grid,.cbp-education,.cbp-roi-card{grid-template-columns:1fr}.cbp-hero-grid{gap:32px}.cbp-hero h1{font-size:clamp(2.35rem,12vw,3.55rem)}.cbp-hero-panel{max-width:530px}.cbp-section{padding:58px 0}.cbp-proof-grid{gap:12px;padding-block:16px}.cbp-proof-grid span{font-size:.74rem}.cbp-value-grid{gap:11px}.cbp-value-card{padding:17px}.cbp-steps{grid-template-columns:1fr}.cbp-capability-grid{grid-template-columns:1fr}.cbp-connect-list div{align-items:flex-start;flex-direction:column;gap:5px}.cbp-connect-list span{text-align:left}.cbp-education aside{padding:21px}.cbp-roi-card{padding:23px}.cbp-readiness{align-items:flex-start;flex-direction:column;padding:22px}.cbp-final-cta .cbp-container{align-items:flex-start;flex-direction:column}.cbp-faq{padding-bottom:55px}}
@media(max-width:420px){.cbp-container{width:calc(100% - 24px)}.cbp-actions{display:grid}.cbp-actions .btn{width:100%}.cbp-proof-grid{grid-template-columns:1fr}.cbp-value-grid{grid-template-columns:1fr}.cbp-panel-flow{font-size:.63rem}.cbp-final-cta .cbp-container>div:last-child{display:grid;width:100%}}
@media(prefers-reduced-motion:reduce){.cbp-page *{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}


/* R2 — public template showcase */
.cbp-template-showcase{background:linear-gradient(180deg,var(--cbp-soft),var(--cbp-card))}
.cbp-template-showcase .cbp-section-heading{margin-bottom:28px}
.cbp-template-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.cbp-template-card{overflow:hidden;border:1px solid var(--cbp-line);border-radius:17px;background:var(--cbp-card);box-shadow:0 9px 28px rgba(16,38,59,.07)}
.cbp-template-art{position:relative;aspect-ratio:16/9;overflow:hidden;background:#eaf0f5}
.cbp-template-art img{display:block;width:100%;height:100%;object-fit:cover}
.cbp-template-art span{position:absolute;left:12px;top:12px;padding:6px 9px;border:1px solid rgba(255,255,255,.35);border-radius:999px;background:rgba(15,34,52,.78);color:white;font-size:.68rem;font-weight:800}
.cbp-template-copy{padding:16px}
.cbp-template-copy>img{display:block;width:min(190px,80%);height:40px;object-fit:contain;object-position:left center}
.cbp-template-copy p:first-of-type{margin:9px 0 4px;color:#a7114d;font-size:.68rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}
.cbp-template-copy h3{margin:0 0 7px;color:var(--cbp-ink);font-size:1.08rem}
.cbp-template-copy p:last-of-type{min-height:48px;margin:0;color:var(--cbp-muted);font-size:.86rem;line-height:1.55}
.cbp-template-copy>a{display:inline-flex;margin-top:14px;color:#a7114d;font-size:.84rem;font-weight:850;text-decoration:none}
.cbp-template-copy>a:hover{text-decoration:underline}
.cbp-template-footer{display:flex;align-items:center;gap:18px;margin-top:22px}
.cbp-template-footer>span{color:var(--cbp-muted);font-size:.82rem;line-height:1.5}
@media(max-width:760px){.cbp-template-grid{grid-template-columns:1fr}.cbp-template-copy p:last-of-type{min-height:0}.cbp-template-footer{align-items:stretch;flex-direction:column}}