.wb-hero{position:relative;overflow:hidden;background:#071a2b;padding:92px 0 110px;color:#fff}.wb-orb{position:absolute;border-radius:50%;filter:blur(3px);opacity:.2}.wb-orb-one{right:-180px;top:-210px;width:610px;height:610px;background:#14bcd4}.wb-orb-two{left:33%;bottom:-270px;width:520px;height:520px;background:#146fd0}.wb-hero-grid{position:relative;display:grid;grid-template-columns:.82fr 1.18fr;align-items:center;gap:66px}.wb-hero-copy{position:relative;z-index:2}.wb-hero h1{margin:24px 0 19px;color:#fff;font-size:clamp(50px,5vw,76px);line-height:1.02;letter-spacing:-.04em}.wb-hero h1 span{color:#48d1df}.wb-hero-copy>p:not(.pill){max-width:670px;color:#c4d1dc;font-size:18px;line-height:1.7}.wb-hero-points{display:grid;gap:10px;margin:30px 0 0;padding:0;list-style:none;color:#d6e2eb;font-size:13px}.wb-hero-points li::before{margin-right:10px;color:#45d4df;content:"✓";font-weight:900}.wb-hero-screen{position:relative;margin:0;transform:perspective(1600px) rotateY(-4deg);filter:drop-shadow(0 34px 55px rgba(0,0,0,.38))}.wb-hero-screen img{display:block;width:100%;border:9px solid #fff;border-radius:20px;background:#fff}.wb-hero-screen figcaption,.wb-showcase figure figcaption{margin-top:11px;color:#8da3b5;font-size:10px;text-align:right}.wb-proof{border-bottom:1px solid #dce5eb;background:#fff}.wb-proof .container{display:grid;grid-template-columns:repeat(3,1fr);gap:0}.wb-proof p{display:grid;gap:4px;margin:0;border-right:1px solid #dce5eb;padding:27px 32px}.wb-proof p:first-child{border-left:1px solid #dce5eb}.wb-proof b{color:#0a5f89;font-size:15px}.wb-proof span{color:#6b7d8f;font-size:12px}.wb-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;margin-top:52px}.wb-feature-grid article{min-height:225px;border:1px solid #dce6ec;border-radius:17px;background:#fff;padding:26px;box-shadow:0 14px 35px rgba(13,45,68,.05)}.wb-feature-grid i{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e5f8fb;color:#07829a;font-size:11px;font-style:normal;font-weight:900}.wb-feature-grid h3{margin:24px 0 9px;color:#10283d;font-size:20px}.wb-feature-grid p{margin:0;color:#64788b;font-size:14px;line-height:1.65}.wb-flow{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:52px 0 0;padding:0;list-style:none}.wb-flow li{position:relative;display:grid;grid-template-columns:46px 1fr;gap:15px;border:1px solid #d9e4eb;border-radius:15px;padding:24px}.wb-flow li::after{position:absolute;right:-13px;top:42px;z-index:2;color:#12a5bb;content:"→";font-size:20px;font-weight:900}.wb-flow li:nth-child(3)::after,.wb-flow li:last-child::after{display:none}.wb-flow span{display:grid;width:42px;height:42px;place-items:center;border-radius:50%;background:#0b2237;color:#fff;font-size:12px;font-weight:900}.wb-flow b{display:block;margin-top:3px;color:#10283d;font-size:16px}.wb-flow p{margin:7px 0 0;color:#687b8d;font-size:12px;line-height:1.55}.wb-showcase-row{display:grid;grid-template-columns:.76fr 1.24fr;align-items:center;gap:64px}.wb-showcase-row+.wb-showcase-row{margin-top:100px}.wb-showcase-row-reverse{grid-template-columns:1.24fr .76fr}.wb-showcase-row-reverse .wb-showcase-copy{order:2}.wb-showcase-copy h2{font-size:clamp(36px,4vw,52px)}.wb-showcase-copy>p:not(.eyebrow){color:#64788b;font-size:16px;line-height:1.7}.wb-showcase figure{margin:0}.wb-showcase figure img{display:block;width:100%;border:7px solid #fff;border-radius:18px;background:#fff;box-shadow:0 24px 60px rgba(21,53,79,.14)}.wb-connected{background:#071a2b;color:#fff}.wb-connected h2{color:#fff}.wb-connected .split-heading>p{color:#b0c0cc}.wb-connected-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:50px}.wb-connected-grid a{display:grid;gap:8px;border:1px solid rgba(255,255,255,.12);border-radius:14px;background:rgba(255,255,255,.045);padding:24px;transition:.2s}.wb-connected-grid a:hover{border-color:#26c5d6;background:rgba(38,197,214,.09);transform:translateY(-2px)}.wb-connected-grid b{color:#fff;font-size:16px}.wb-connected-grid span{color:#9eb0bf;font-size:12px;line-height:1.6}.wb-cta{background:#f4f7f9}
@media(max-width:1050px){.wb-hero-grid{grid-template-columns:1fr;gap:55px}.wb-hero-copy{max-width:760px}.wb-hero-screen{max-width:950px;transform:none}.wb-feature-grid,.wb-flow,.wb-connected-grid{grid-template-columns:repeat(2,1fr)}.wb-flow li:nth-child(3)::after{display:block}.wb-flow li:nth-child(2n)::after{display:none}.wb-showcase-row,.wb-showcase-row-reverse{grid-template-columns:1fr;gap:40px}.wb-showcase-row-reverse .wb-showcase-copy{order:initial}.wb-showcase-copy{max-width:760px}}
@media(max-width:680px){.wb-hero{padding:65px 0 75px}.wb-hero h1{font-size:clamp(43px,14vw,60px)}.wb-hero-copy>p:not(.pill){font-size:16px}.wb-proof .container,.wb-feature-grid,.wb-flow,.wb-connected-grid{grid-template-columns:1fr}.wb-proof p,.wb-proof p:first-child{border-left:0;border-right:0;border-bottom:1px solid #dce5eb;padding:20px 6px}.wb-proof p:last-child{border-bottom:0}.wb-flow li::after{display:none!important}.wb-showcase-row+.wb-showcase-row{margin-top:75px}.wb-hero-screen img,.wb-showcase figure img{border-width:4px;border-radius:12px}}

.wb-orb{overflow:hidden;border-radius:0;background-color:transparent;background-image:url('../image/dextensive-software-klein-light.png');background-position:left center;background-size:auto 100%;background-repeat:no-repeat;filter:brightness(0) invert(1);opacity:.075}
.wb-orb-two{transform:rotate(18deg);opacity:.045}