/* Selected dark Option B: navy foundation, slate support, muted teal contexts. */
:root { --ob-slate:#172638; --ob-teal:#102e35; --ob-ink:#080c16; --ob-rule:rgba(164,184,211,.24); }
.sf-shell { max-width:1240px!important; }
.ob-section .sf-index { flex-basis:96px!important; }
.ob-section .sf-row { gap:36px!important; }
.ob-section > .sf-shell { padding-top:88px!important; padding-bottom:88px!important; }
.ob-section .sf-index { color:#9bacbf!important; }
.ob-hero { position:relative; isolation:isolate; max-width:none!important; padding:46px max(40px,calc((100% - 1160px)/2)) 60px!important; background:#080c16; }
.ob-hero::before { content:""; position:absolute; inset:0; z-index:-2; background:url('stills/sf-still-inbox.jpg') center 42%/cover no-repeat; opacity:.52; }
.ob-hero::after { content:""; position:absolute; inset:0; z-index:-1; background:linear-gradient(90deg,rgba(8,12,22,.96),rgba(8,12,22,.82) 43%,rgba(8,12,22,.34)),linear-gradient(0deg,#080c16,transparent 65%); }
.ob-eyebrow { align-items:center!important; padding-bottom:24px!important; gap:24px!important; }
.ob-hero-outer { border:0!important; padding:0!important; display:block!important; }
.ob-hero-outer > .sf-index { display:none; }
.ob-hero-content { width:100%; }
.ob-hero-grid { display:grid!important; grid-template-columns:minmax(0,1fr) minmax(280px,360px); gap:72px!important; align-items:center!important; margin:0!important; }
.ob-hero-copy h1 { font-size:clamp(42px,4.1vw,60px)!important; line-height:1.06!important; margin-bottom:28px; }
.ob-hero-copy > p { color:#c4d0df!important; font-size:16px!important; line-height:1.7!important; }
.ob-callout { background:rgba(37,59,82,.57)!important; border-color:var(--ob-rule)!important; padding:20px 24px!important; margin-top:22px!important; gap:10px!important; border-radius:8px!important; }
.ob-callout p { color:#d1dbe6!important; }
.ob-callout p:last-child { color:#f7fbff!important; }
.ob-actions { margin-top:24px!important; gap:12px!important; }
.ob-actions a { font-size:14px!important; padding:14px 18px!important; }
.ob-actions .sf-h3 { background:#102b38!important; border:1px solid #66d9f2; color:#8ee5f6!important; }
.ob-actions .sf-h3:hover { background:#194456!important; }
.ob-hero .sf-hero-video { width:100%; max-width:360px!important; justify-self:end; }
.ob-hero video { aspect-ratio:9/16!important; object-fit:contain; border-radius:10px!important; box-shadow:0 16px 50px rgba(0,0,0,.3); }
.ob-hero figcaption { color:#b5c4d5!important; }
.ob-pillars { max-width:none!important; margin:0!important; padding:30px max(40px,calc((100% - 1160px)/2)) 38px!important; background:#172638; border-block:1px solid var(--ob-rule); }
.ob-pillars > .sf-row:first-child { margin-bottom:12px!important; }
.ob-pillars > .sf-row > .sf-index:empty { display:none; }
.ob-pillar-grid { grid-template-columns:repeat(4,minmax(0,1fr))!important; gap:0!important; border-top:0!important; }
.ob-pillar-grid > div { padding:20px 26px!important; border-right:1px solid var(--ob-rule)!important; }
.ob-pillar-grid > div:first-child { padding-left:0!important; }
.ob-pillar-grid > div:last-child { padding-right:0!important; border:0!important; }
.ob-pillar-grid h3 { font-size:23px!important; }
.ob-pillar-grid p { color:#c4d0df!important; }
.sf-mark { color:#66d9f2; stroke:#66d9f2; stroke-width:1.5; }
.ob-section > .sf-still-band { height:200px; max-height:200px; }
.ob-section > .sf-still-band img { height:200px; max-height:200px; object-position:center 60%; }
.sf-still-scrim { background:linear-gradient(0deg,rgba(8,12,22,.45),rgba(8,12,22,.06))!important; }
#problem { background:#0d1b29!important; }
.ob-section-3 { background:#12232f!important; }
#applications { background:#102e35!important; }
#applications .sf-still-band { display:none; }
.ob-choice-grid { gap:24px!important; }
.ob-choice { display:flex!important; flex-direction:column; padding:30px!important; border-radius:9px!important; background:#1a2d45!important; border-color:rgba(137,168,199,.36)!important; transition:background .18s,border-color .18s,box-shadow .18s; }
.ob-choice[data-pick="wealth"] { background:#153b42!important; }
.ob-choice:not(.sf-h5) { border:1px solid #66d9f2!important; box-shadow:inset 0 2px 0 #66d9f2; }
.ob-choice:hover { border-color:#91deef!important; box-shadow:0 8px 28px rgba(0,0,0,.16); }
.ob-choice h3 { min-height:2.4em; font-size:30px!important; margin-bottom:14px!important; }
.ob-choice > p { min-height:6.2em; color:#c9d8e3!important; }
.ob-choice ul { flex:1; }
.ob-choice li { line-height:1.65!important; }
.ob-choice-icon { width:48px; height:48px; margin-top:12px; margin-bottom:20px!important; }
.ob-choice-photo { display:block; width:100%; height:142px; object-fit:cover; margin-top:28px; border-radius:5px; }
#approach { background:#172638!important; }
.ob-section-6 { background:#0d1b29!important; }
.ob-section-7 { background:#11242d!important; }
#process { background:#172638!important; }
#contact { background:#102e35!important; }
.ob-section p { text-wrap:pretty; }
a:focus-visible,button:focus-visible,video:focus-visible { outline:3px solid #8ae5f6!important; outline-offset:5px; }
@media(min-width:1081px) { .ob-hero-copy { animation:ob-enter .5s ease-out both; } .ob-hero .sf-hero-video { animation:ob-enter .65s ease-out both; } }
@keyframes ob-enter { from {opacity:0;transform:translateY(10px)} to {opacity:1;transform:none} }
@media(max-width:1080px) {
 .ob-hero-grid { grid-template-columns:minmax(0,1fr) 300px; gap:32px!important; }
 .ob-eyebrow { flex-direction:row!important; flex-wrap:wrap; }
 .ob-pillars > .sf-row { flex-direction:row!important; }
 .ob-choice-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; }
 .ob-section > .sf-shell { padding-top:64px!important; padding-bottom:64px!important; }
}
@media(max-width:760px) {
 .ob-hero { padding:32px 24px 44px!important; }
 .ob-hero-grid { display:flex!important; flex-direction:column!important; gap:36px!important; }
 .ob-hero-copy h1 { font-size:clamp(37px,8.8vw,56px)!important; }
 .ob-hero .sf-hero-video { width:min(100%,320px); align-self:center; flex-basis:auto!important; }
 .ob-hero::before { opacity:.32; }
 .ob-eyebrow span { font-size:10px!important; }
 .ob-pillars { padding:26px 24px!important; }
 .ob-pillar-grid { grid-template-columns:repeat(2,minmax(0,1fr))!important; gap:20px!important; }
 .ob-pillar-grid > div { padding:12px 0!important; border:0!important; }
 .ob-pillar-grid h3 { font-size:22px!important; }
 .ob-choice-grid { grid-template-columns:minmax(0,1fr)!important; }
 .ob-choice { padding:24px!important; }
 .ob-choice h3,.ob-choice > p { min-height:0; }
 .ob-section .sf-row { gap:24px!important; }
 .ob-actions a { text-align:center; }
 .sf-lang a { min-height:32px; display:flex; align-items:center; }
}
@media(prefers-reduced-motion:reduce) { *,*::before,*::after { animation:none!important; transition:none!important; scroll-behavior:auto!important; } }

.ob-section { scroll-margin-top:104px; }
.ob-pillars > .sf-row:first-child .sf-index { flex-basis:auto!important; }