/* The original clip has a near-uniform #dceef8 background, measured at its corners. */
.bl-page>.bl-hero{padding:clamp(12px,2.5vw,36px);background:#bcd9ea;overflow:hidden}
.bl-page>.bl-hero .bl-hero-grid,.bl-page>.bl-hero.cap-has-video .bl-hero-grid{position:relative;isolation:isolate;display:block;width:100%;max-width:1760px;min-height:min(820px,max(650px,calc(100svh - 150px)));margin:0 auto;border-radius:clamp(20px,2.1vw,34px);background:#dceef8;overflow:hidden}
.bl-page>.bl-hero .bl-hero-grid::before{content:'CAPSTAN';position:absolute;z-index:0;top:4%;left:0;width:100%;color:#f9fdff;opacity:.83;font:400 clamp(110px,17vw,282px)/.8 'Instrument Serif',Georgia,serif;letter-spacing:-.055em;text-align:center;white-space:nowrap;pointer-events:none;user-select:none}
.bl-page>.bl-hero .bl-hero-art{position:absolute;z-index:1;top:24%;left:24%;width:52%;height:65%;min-width:0;overflow:visible;display:grid;place-items:center}
.bl-page>.bl-hero .cap-video-landing{inset:0;mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 68%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 68%,transparent 100%)}
.bl-page>.bl-hero .cap-video-landing .cap-mascot-video{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:normal}
.bl-page>.bl-hero .bl-hero-character{left:50%;top:50%;width:min(420px,76%);height:auto;aspect-ratio:1;transform:translate(-50%,-50%)}
.bl-page>.bl-hero .bl-hero-copy,.bl-page>.bl-hero.cap-has-video .bl-hero-copy{position:absolute;z-index:3;left:4%;bottom:8%;width:25%;max-width:350px;margin:0;padding:0;display:block}
.bl-page>.bl-hero .bl-hero-copy h1{max-width:350px;margin:0;font-size:clamp(34px,3.3vw,55px);line-height:1.04;letter-spacing:-.05em}
.bl-page>.bl-hero .bl-hero-copy p{max-width:330px;margin:16px 0 21px;font-size:clamp(13px,1vw,15px);line-height:1.55;color:#496d82}
.bl-page>.bl-hero .bl-hero-copy .bl-actions{display:flex;gap:9px;flex-wrap:wrap}
.bl-page>.bl-hero .bl-hero-copy .bl-button{min-height:46px;padding:0 18px;font-size:12px}
.bl-page>.bl-hero .bl-glow,.bl-page>.bl-hero .bl-floating,.bl-page>.bl-hero .bl-chat{display:none}
.cap-hero-cards{position:absolute;z-index:3;right:3.5%;bottom:7%;width:29%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:8px}
.cap-hero-card{position:relative;display:flex;min-width:0;min-height:160px;flex-direction:column;align-items:flex-start;gap:7px;padding:14px 11px;border:1px solid #fff;border-radius:20px;background:#ffffff91;color:#17385f;box-shadow:0 4px 0 #afcfdf,0 9px 24px #789fb721;transition:transform .2s ease,box-shadow .2s ease}
.cap-hero-card--markets{background:#c6e4f3}.cap-hero-card--quotes{background:#f8fdff}.cap-hero-card--risk{background:#d7ecf6}
.cap-hero-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:12px;background:#70bce8;color:#fff;font:900 23px/1 Nunito,sans-serif;box-shadow:inset 0 1px 1px #ffffff99,0 3px 0 #4d9dcc}
.cap-hero-card--quotes .cap-hero-icon{background:#efbd83;box-shadow:inset 0 1px 1px #fff9,0 3px 0 #d59a61}.cap-hero-card--risk .cap-hero-icon{background:#9dc8c2;box-shadow:inset 0 1px 1px #fff9,0 3px 0 #7dafa8}
.cap-hero-card-kicker{max-width:100%;font-size:clamp(8px,.65vw,10px);font-weight:900;letter-spacing:.045em;line-height:1.2;color:#527a91}
.cap-hero-card strong{font:800 clamp(12px,1vw,15px)/1.2 Nunito,sans-serif;letter-spacing:-.01em}
.cap-hero-card-note{margin-top:auto;font-size:clamp(9px,.7vw,11px);line-height:1.25;color:#526f82}
.cap-hero-card-arrow{position:absolute;right:10px;top:9px;font-size:15px;color:#527a91}
.cap-hero-card:focus-visible{outline:3px solid #eea65f;outline-offset:3px}
@media(hover:hover) and (pointer:fine){.cap-hero-card:hover{transform:translateY(-4px);box-shadow:0 8px 0 #afcfdf,0 13px 24px #789fb72b}}
@media(min-width:851px) and (max-width:1100px){.bl-page>.bl-hero .bl-hero-copy{width:27%}.bl-page>.bl-hero .bl-hero-copy h1{font-size:clamp(31px,3.5vw,39px)}.bl-page>.bl-hero .bl-hero-copy p{font-size:13px}.cap-hero-cards{width:31%;gap:5px}.cap-hero-card{padding:10px 8px;border-radius:16px;min-height:150px}.cap-hero-card-note{font-size:9px}.bl-page>.bl-hero .bl-hero-art{left:25%;width:50%}}
@media(max-width:850px){
 .bl-page>.bl-hero{padding:12px}
 .bl-page>.bl-hero .bl-hero-grid,.bl-page>.bl-hero.cap-has-video .bl-hero-grid{display:flex;flex-direction:column;align-items:stretch;min-height:0;padding:clamp(60px,13vw,112px) 20px 22px;border-radius:22px}
 .bl-page>.bl-hero .bl-hero-grid::before{top:22px;font-size:clamp(76px,18vw,155px)}
 .bl-page>.bl-hero .bl-hero-art{position:relative;order:1;left:auto;top:auto;width:100%;height:clamp(255px,60vw,480px);margin:0;overflow:hidden}
 .bl-page>.bl-hero .cap-video-landing{inset:0}
 .bl-page>.bl-hero .bl-hero-copy,.bl-page>.bl-hero.cap-has-video .bl-hero-copy{position:relative;order:2;left:auto;bottom:auto;width:100%;max-width:590px;padding:0;margin:12px 0 26px;display:block}
 .bl-page>.bl-hero .bl-hero-copy h1{max-width:560px;font-size:clamp(37px,8vw,56px)}
 .bl-page>.bl-hero .bl-hero-copy p{max-width:510px;margin:13px 0 19px;font-size:15px;line-height:1.5}
 .cap-hero-cards{position:relative;order:3;right:auto;bottom:auto;width:100%;gap:8px}
 .cap-hero-card{min-height:148px;padding:12px 10px}
 .cap-hero-card-kicker{font-size:9px}.cap-hero-card strong{font-size:13px}.cap-hero-card-note{font-size:10px}
}
@media(max-width:380px){.bl-page>.bl-hero .bl-hero-grid{padding-left:14px;padding-right:14px}.cap-hero-cards{gap:5px}.cap-hero-card{padding:10px 8px;min-height:148px;border-radius:15px}.cap-hero-card-kicker{font-size:8px}.cap-hero-card strong{font-size:12px}.cap-hero-card-note{font-size:9px}}
@media(prefers-reduced-motion:reduce){.cap-hero-card{transition:none}.cap-hero-card:hover{transform:none}}