:root { --sbh-navy:#10243d; --sbh-blue:#2673ff; --sbh-cyan:#36c7dd; --sbh-ink:#17283d; --sbh-soft:#f4f7fb; --sbh-line:#e3e9f1; }
.sbh-home { color:var(--sbh-ink); font-family:inherit; margin:0; max-width:none; overflow:hidden; position:relative; width:100%; }
.sbh-home *, .sbh-home *:before, .sbh-home *:after { box-sizing:border-box; }
.sbh-shell { margin:0 auto; max-width:1320px; padding-left:32px; padding-right:32px; }
.sbh-hero { background:linear-gradient(135deg,#f5f8fd 0%,#fff 54%,#edf5ff 100%); min-height:650px; position:relative; }
.sbh-hero:before { background:radial-gradient(circle,rgba(38,115,255,.10) 0 2px,transparent 3px); background-size:26px 26px; content:""; inset:0 0 0 58%; opacity:.7; position:absolute; }
.sbh-hero-grid { align-items:center; display:grid; gap:60px; grid-template-columns:1.02fr .98fr; min-height:650px; padding-bottom:70px; padding-top:70px; position:relative; }
.sbh-eyebrow { color:var(--sbh-blue); font-size:13px; font-weight:800; letter-spacing:.13em; margin:0 0 18px; text-transform:uppercase; }
.sbh-hero h1 { color:var(--sbh-navy); font-size:clamp(52px,5vw,78px); letter-spacing:-.055em; line-height:.98; margin:0 0 28px; }
.sbh-hero h1 span { color:var(--sbh-blue); }
.sbh-lead { color:#52647b; font-size:20px; line-height:1.7; margin:0 0 34px; max-width:680px; }
.sbh-actions { display:flex; flex-wrap:wrap; gap:12px; }
.sbh-button { align-items:center; border-radius:9px; display:inline-flex; font-size:15px; font-weight:800; justify-content:center; min-height:52px; padding:0 24px; text-decoration:none!important; transition:transform .2s ease,box-shadow .2s ease; }
.sbh-button:hover { transform:translateY(-2px); }
.sbh-button-primary { background:var(--sbh-blue); box-shadow:0 12px 28px rgba(38,115,255,.24); color:#fff; }
.sbh-button-secondary { background:#fff; border:1px solid #dbe4f0; color:var(--sbh-navy); }
.sbh-hero-visual { height:500px; position:relative; }
.sbh-hero-visual:before { background:linear-gradient(145deg,var(--sbh-blue),var(--sbh-cyan)); border-radius:42% 58% 55% 45%; content:""; height:400px; position:absolute; right:8%; top:45px; transform:rotate(-7deg); width:400px; }
.sbh-orbit { border:1px solid rgba(38,115,255,.22); border-radius:50%; position:absolute; }
.sbh-orbit-one { height:460px; right:-5px; top:12px; width:460px; }
.sbh-orbit-two { height:340px; right:55px; top:72px; width:340px; }
.sbh-product-shot { align-items:center; background:#fff; border-radius:24px; box-shadow:0 24px 55px rgba(16,36,61,.18); display:flex; justify-content:center; margin:0; overflow:hidden; padding:20px; position:absolute; }
.sbh-product-shot img { height:100%; object-fit:contain; width:100%; }
.sbh-shot-1 { height:350px; right:85px; top:68px; transform:rotate(2deg); width:350px; z-index:3; }
.sbh-shot-2 { height:190px; left:8px; top:18px; transform:rotate(-7deg); width:190px; z-index:4; }
.sbh-shot-3 { bottom:0; height:175px; right:0; transform:rotate(7deg); width:175px; z-index:5; }
.sbh-benefits { background:#fff; border-bottom:1px solid var(--sbh-line); border-top:1px solid var(--sbh-line); }
.sbh-benefit-grid { display:grid; grid-template-columns:repeat(3,1fr); }
.sbh-benefit-grid>div { align-items:center; display:grid; gap:2px 14px; grid-template-columns:42px 1fr; padding:28px 36px; }
.sbh-benefit-grid>div+div { border-left:1px solid var(--sbh-line); }
.sbh-benefit-grid span { align-items:center; background:#eaf2ff; border-radius:50%; color:var(--sbh-blue); display:flex; font-weight:900; grid-row:1/3; height:42px; justify-content:center; width:42px; }
.sbh-benefit-grid strong { color:var(--sbh-navy); font-size:16px; }
.sbh-benefit-grid small { color:#6a7a8f; font-size:13px; }
.sbh-section { padding:100px 0; }
.sbh-heading { align-items:end; display:flex; justify-content:space-between; margin-bottom:38px; }
.sbh-heading h2,.sbh-story h2,.sbh-cta h2 { color:var(--sbh-navy); font-size:clamp(34px,3vw,50px); letter-spacing:-.035em; line-height:1.1; margin:0; }
.sbh-heading>a { color:var(--sbh-blue); font-weight:800; text-decoration:none; }
.sbh-category-grid { display:grid; gap:18px; grid-template-columns:repeat(3,1fr); }
.sbh-category-card { align-items:center; background:var(--sbh-soft); border:1px solid transparent; border-radius:18px; color:var(--sbh-navy); display:grid; gap:20px; grid-template-columns:145px 1fr; min-height:180px; overflow:hidden; padding:18px; text-decoration:none!important; transition:border-color .2s ease,transform .2s ease,box-shadow .2s ease; }
.sbh-category-card:hover { border-color:#cbd9ec; box-shadow:0 16px 36px rgba(16,36,61,.09); transform:translateY(-3px); }
.sbh-category-image { background:#fff; border-radius:14px; height:145px; overflow:hidden; }
.sbh-category-image img { height:100%; object-fit:contain; padding:10px; width:100%; }
.sbh-category-card h3 { font-size:21px; line-height:1.25; margin:0 0 15px; }
.sbh-category-card span { color:var(--sbh-blue); font-size:14px; font-weight:800; }
.sbh-products { background:var(--sbh-soft); }
.sbh-product-grid { display:grid; gap:20px; grid-template-columns:repeat(4,1fr); }
.sbh-card { background:#fff; border:1px solid var(--sbh-line); border-radius:18px; overflow:hidden; transition:box-shadow .2s ease,transform .2s ease; }
.sbh-card:hover { box-shadow:0 18px 40px rgba(16,36,61,.10); transform:translateY(-4px); }
.sbh-card-image { align-items:center; aspect-ratio:1/1; background:#fff; display:flex; justify-content:center; overflow:hidden; padding:20px; }
.sbh-card-image img { height:100%!important; margin:0!important; object-fit:contain!important; width:100%!important; }
.sbh-card-copy { border-top:1px solid var(--sbh-line); padding:20px; }
.sbh-card-copy small,.sbh-card-copy small a { color:#6c7f96; font-size:11px; font-weight:800; letter-spacing:.06em; text-decoration:none; text-transform:uppercase; }
.sbh-card h3 { font-size:17px; line-height:1.45; margin:9px 0 18px; }
.sbh-card h3 a { color:var(--sbh-navy); text-decoration:none; }
.sbh-discover { color:var(--sbh-blue); font-size:13px; font-weight:800; text-decoration:none!important; }
.sbh-story { background:#fff; padding:110px 0; }
.sbh-story-grid { align-items:start; display:grid; gap:100px; grid-template-columns:1fr 1fr; }
.sbh-story-grid>div:last-child { color:#586a80; font-size:18px; line-height:1.8; }
.sbh-story-grid>div:last-child p:first-child { margin-top:0; }
.sbh-professional { background:#f4f7fb; padding:100px 0; }
.sbh-professional-grid { display:grid; gap:22px; grid-template-columns:1fr 1fr; }
.sbh-professional article { border-radius:24px; min-height:360px; overflow:hidden; padding:48px; position:relative; }
.sbh-professional h2 { font-size:clamp(31px,3vw,44px); letter-spacing:-.035em; line-height:1.1; margin:0 0 22px; max-width:530px; }
.sbh-professional article>p:not(.sbh-eyebrow) { font-size:17px; line-height:1.7; margin:0 0 30px; max-width:540px; }
.sbh-professional-contact { background:#fff; border:1px solid var(--sbh-line); box-shadow:0 18px 45px rgba(16,36,61,.07); }
.sbh-professional-contact h2 { color:var(--sbh-navy); }
.sbh-professional-contact>p:not(.sbh-eyebrow) { color:#5e7086; }
.sbh-professional-contact>a { color:var(--sbh-blue); display:inline-flex; font-size:17px; font-weight:850; gap:12px; text-decoration:none!important; }
.sbh-professional-contact>a span { transition:transform .2s ease; }
.sbh-professional-contact>a:hover span { transform:translateX(4px); }
.sbh-professional-partner { background:linear-gradient(135deg,#10243d,#194b7e); color:#fff; }
.sbh-professional-partner:after { border:52px solid rgba(255,255,255,.05); border-radius:50%; content:""; height:260px; position:absolute; right:-85px; top:-90px; width:260px; }
.sbh-professional-partner .sbh-eyebrow { color:#78c9ff; }
.sbh-professional-partner h2 { color:#fff; }
.sbh-professional-partner>p:not(.sbh-eyebrow) { color:#c9d9ea; }
.sbh-professional-partner .sbh-button { position:relative; z-index:2; }
.sbh-cta { padding:0 0 100px; }
.sbh-cta-box { align-items:center; background:linear-gradient(130deg,#10243d,#173c67); border-radius:26px; color:#fff; display:flex; justify-content:space-between; overflow:hidden; padding:54px 64px; position:relative; }
.sbh-cta-box:after { border:70px solid rgba(255,255,255,.04); border-radius:50%; content:""; height:280px; position:absolute; right:-90px; top:-100px; width:280px; }
.sbh-cta .sbh-eyebrow { color:#7fc6ff; }
.sbh-cta h2 { color:#fff; font-size:38px; }
.sbh-cta .sbh-actions { position:relative; z-index:2; }
.sbh-button-light { background:#fff; color:var(--sbh-navy); }
.sbh-button-outline { border:1px solid rgba(255,255,255,.35); color:#fff; }
@media(max-width:1000px){.sbh-hero-grid{grid-template-columns:1fr}.sbh-hero-visual{height:420px}.sbh-category-grid{grid-template-columns:repeat(2,1fr)}.sbh-product-grid{grid-template-columns:repeat(2,1fr)}.sbh-cta-box{align-items:flex-start;flex-direction:column;gap:30px}.sbh-story-grid{gap:50px}.sbh-professional-grid{grid-template-columns:1fr}}
@media(max-width:700px){.sbh-shell{padding-left:20px;padding-right:20px}.sbh-hero-grid{padding-bottom:45px;padding-top:45px}.sbh-hero{min-height:auto}.sbh-hero h1{font-size:48px}.sbh-lead{font-size:17px}.sbh-hero-visual{height:350px}.sbh-hero-visual:before{height:280px;right:5%;width:280px}.sbh-shot-1{height:250px;right:40px;width:250px}.sbh-shot-2{height:125px;width:125px}.sbh-shot-3{height:115px;width:115px}.sbh-benefit-grid{grid-template-columns:1fr}.sbh-benefit-grid>div+div{border-left:0;border-top:1px solid var(--sbh-line)}.sbh-section{padding:70px 0}.sbh-heading{align-items:flex-start;flex-direction:column;gap:16px}.sbh-category-grid,.sbh-product-grid,.sbh-story-grid{grid-template-columns:1fr}.sbh-category-card{grid-template-columns:115px 1fr}.sbh-category-image{height:115px}.sbh-story{padding:75px 0}.sbh-professional{padding:65px 0}.sbh-professional article{min-height:0;padding:34px 26px}.sbh-cta{padding-bottom:65px}.sbh-cta-box{border-radius:0;padding:44px 26px}.sbh-actions{align-items:stretch;flex-direction:column}.sbh-button{width:100%}}