.hero{align-items:center;color:#fff;display:flex;min-height:88vh;overflow:hidden;position:relative;text-align:center;width:100%}.hero img,.hero-video,.hero-video img{display:block;height:100%;inset:0;object-fit:cover;position:absolute;width:100%}.hero-video{z-index:0}.hero .overlay{background:rgba(23,69,97,.68);inset:0;position:absolute;z-index:1}.hero-content{margin:0 auto;max-width:720px;padding:5.5rem 1rem 4.5rem;position:relative;z-index:2}.hero-content h1,.hero-content p,.hero-metric{color:#fff}.hero-content h1{font-size:2.7rem;line-height:1.2;margin-bottom:1.4rem}.hero-content p{font-size:1.1rem;margin-bottom:1.8rem;opacity:.96}.hero-content p strong{font-weight:700}.hero-metric{font-size:.96rem;margin:0 auto;max-width:640px;opacity:.9}.hero .btn-blue{border-radius:var(--radius-md);font-weight:700;margin-bottom:1.8rem;padding:.95rem 2.2rem}@media (max-width:600px){.hero{min-height:auto;padding:4.8rem 0 3.8rem}.hero-content h1{font-size:2.1rem}.hero-content{padding-bottom:3.5rem;padding-top:4.5rem}}.how{background:#f5f8fb;padding:4.5rem 0 5rem}.how .container{max-width:1080px}.how h2{font-size:2rem;margin-bottom:1.1rem;text-align:left}.how-sub{font-size:1rem;margin-bottom:2.4rem;max-width:640px;opacity:.9;text-align:left}.flow-row{display:grid;gap:1.5rem;grid-template-columns:repeat(4,minmax(0,1fr))}.step-card{background:#fff;border:1px solid rgba(23,69,97,.04);border-radius:18px;box-shadow:0 16px 34px rgba(23,69,97,.08);cursor:pointer;padding:1.9rem 1.5rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.step-card:hover{border-color:rgba(41,123,163,.25);box-shadow:0 22px 42px rgba(23,69,97,.12);transform:translateY(-4px)}.step-icon{align-items:center;background:var(--seagreen);border-radius:50%;color:#fff;display:flex;font-size:1.1rem;font-weight:700;height:52px;justify-content:center;margin:0 0 1rem;width:52px}.step-card h3{font-size:1.1rem;margin-bottom:.5rem}.step-card p{font-size:.95rem;opacity:.9}.why{background:var(--navy);color:#fff;padding:4.6rem 0 4.8rem}.why .container{max-width:780px}.why h2{color:#fff;font-size:2rem;margin-bottom:1.4rem}.why p,.why-bridge,.why-bridge p{color:#fff!important;font-size:1rem;margin:.5rem 0;max-width:720px;opacity:.96}.why-bridge{margin-top:1.8rem}.why-link{color:var(--blue)!important;font-weight:700;text-decoration:none}.why-link:hover{text-decoration:underline}.cta{background:#fff;padding:4.8rem 0 4.2rem}.cta .container{max-width:780px;text-align:left}.cta h2{font-size:2rem;margin-bottom:1.2rem}.cta p{font-size:1rem;margin:0 0 2rem;max-width:620px;opacity:.92}.cta-form-wrapper{max-width:520px}.beta-form{margin-top:.4rem}#betaForm{display:flex;flex-wrap:wrap;gap:1rem;justify-content:flex-start}#betaForm input[type=email]{border:1px solid #ccd7df;border-radius:6px;font-size:1rem;min-width:260px;padding:.75rem 1rem}#betaForm button{border:none;border-radius:6px;cursor:pointer;padding:.9rem 1.8rem}.form-message{font-size:.95rem;margin-top:.6rem;min-height:1.2rem}.modal{align-items:center;backdrop-filter:blur(4px);background:rgba(0,0,0,.55);display:none;inset:0;justify-content:center;opacity:0;position:fixed;transition:opacity .25s ease;z-index:999}.modal.open{display:flex;opacity:1}.modal-content{background:#fff;border-radius:20px;box-shadow:0 22px 48px rgba(23,69,97,.16);color:var(--navy);max-width:560px;padding:2.2rem 2.1rem 2.1rem;position:relative;text-align:left;width:92%}.modal-content h3{font-size:1.3rem;margin-bottom:.9rem}.modal-content p{font-size:.95rem;line-height:1.7;margin-bottom:.7rem}.modal-content ul{margin:.3rem 0 .9rem;padding-left:1.2rem}.modal-content li{font-size:.95rem;margin-bottom:.3rem}.close{color:var(--sunset);cursor:pointer;font-size:1.6rem;position:absolute;right:1.1rem;top:.8rem}.close:hover{color:var(--sunrise)}@media (max-width:900px){.flow-row{grid-template-columns:repeat(2,minmax(0,1fr))}.how{padding:4rem 0 4.4rem}.cta .container{text-align:left}}@media (max-width:600px){.flow-row{grid-template-columns:1fr}.how h2,.how-sub{text-align:left}.cta{padding:4rem 0 3.6rem}.modal-content{padding:1.8rem 1.6rem 1.7rem}}.os-system-map{background:#fff;padding:5rem 0 4.5rem;text-align:center}.os-system-map-inner{margin:0 auto;max-width:840px}.os-system-map h2{color:var(--navy);font-size:2rem;margin-bottom:1rem}.os-system-map-intro{color:var(--text-dark);font-size:1.05rem;line-height:1.55;margin:0 auto 2.5rem;max-width:600px}.os-system-map-box{display:grid;gap:1.4rem;grid-template-columns:repeat(3,1fr)}.os-system-cluster{background:var(--sand);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);padding:1.8rem 1.4rem}.os-system-cluster h3{color:var(--navy);font-size:1.1rem;font-weight:700;line-height:1.35;margin-bottom:.6rem}.os-system-cluster h3 span{font-size:.95rem;font-weight:400;opacity:.75}.os-system-cluster p{color:var(--text-dark);font-size:.96rem;line-height:1.45}.os-system-map-footnote{font-size:.95rem;margin-top:1.8rem;opacity:.85}@media (max-width:900px){.os-system-map-box{grid-template-columns:1fr}}.hero-fallback{background-image:url(https://146162038.fs1.hubspotusercontent-eu1.net/hubfs/146162038/bonexplorer/hero.png);background-position:50%;background-size:cover;display:none;height:100%;inset:0;position:absolute;width:100%;z-index:1}.safari .hero-video{display:none}.safari .hero-fallback{display:block}@media (max-width:768px){.hero-content p{line-height:1.5;margin-bottom:16px}.hero-content .btn-blue{font-size:17px;margin-bottom:24px;margin-top:20px;padding:14px 24px}.hero-content h1{margin-bottom:20px}}