.dbs-standalone{--ds-bg:#081735;--ds-card:transparent;--ds-ink:#f7faff;--ds-muted:#b9c9e5;--ds-accent:#1e9bff;--ds-feature:transparent;--ds-feature-text:#f7f7f3;position:relative;isolation:isolate;background:var(--ds-bg);color:var(--ds-ink);font-family:Poppins,Inter,system-ui,sans-serif;box-sizing:border-box;overflow:hidden}
.dbs-standalone *{box-sizing:border-box}
.dbs-standalone:before{content:'';position:absolute;z-index:-1;inset:0;background-image:radial-gradient(circle,#a5a39c30 1.3px,transparent 1.8px);background-size:13px 13px;mask-image:radial-gradient(ellipse 60% 28% at 50% 28%,#000 5%,transparent 100%);pointer-events:none}
.dbs-standalone__wrap{max-width:1360px;margin:auto;padding:90px 5.5% 70px}
.dbs-standalone__eyebrow{color:var(--ds-muted);font-size:10px;font-weight:500;letter-spacing:2px;text-transform:uppercase;text-align:center;margin-bottom:24px}
.dbs-standalone__intro{display:flex;flex-direction:column;align-items:center;gap:24px;text-align:center;margin:0 auto 58px;max-width:850px}
.dbs-standalone h2{margin:0;font-family:inherit;font-size:clamp(35px,3.8vw,54px);line-height:1.18;font-weight:400;letter-spacing:-1.8px;color:var(--ds-ink);overflow-wrap:anywhere}
.dbs-standalone h2 span{color:var(--ds-accent)}
.dbs-standalone__summary{display:contents}
.dbs-standalone__summary p{font-size:15px;line-height:1.8;color:var(--ds-muted);margin:0;max-width:610px}
.dbs-standalone__cta{display:inline-flex;gap:25px;align-items:center;justify-content:center;min-height:46px;padding:12px 25px;border:1px solid #ffffff55;border-radius:100px;color:var(--ds-ink);font-size:13px;font-weight:500;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.dbs-standalone__cta:hover{background:#0b45d6;border-color:#0b45d6;color:#ffffff}
.dbs-standalone__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;border-top:1px solid #ffffff25}
.dbs-standalone__card{position:relative;min-width:0;display:flex;flex-direction:column;align-items:center;text-align:center;padding:30px 24px;background:var(--ds-card);border-right:1px solid #ffffff1c;border-bottom:1px solid #ffffff25;overflow-wrap:anywhere;transition:background .2s}
.dbs-standalone__card:nth-child(4n){border-right:0}
.dbs-standalone__card:hover{background:#ffffff05}
.dbs-standalone__card:focus-within{outline:2px solid var(--ds-accent);outline-offset:-2px}
.dbs-standalone__card--featured{background:var(--ds-feature);color:var(--ds-feature-text)}
.dbs-standalone__top{display:flex;align-items:center;justify-content:center;margin-bottom:20px}
.dbs-standalone__icon{display:flex;align-items:center;justify-content:center;width:37px;height:37px;color:var(--ds-accent)}
.dbs-standalone__icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.2;stroke-linecap:round;stroke-linejoin:round}
.dbs-standalone__number{position:absolute;left:20px;top:24px;font-size:9px;letter-spacing:1px;opacity:.35}
.dbs-standalone .dbs-standalone__title{font-family:inherit;font-size:20px;font-weight:500;line-height:1.35;letter-spacing:-.4px;margin:0 0 16px;color:inherit;max-width:240px}
.dbs-standalone .dbs-standalone__title a{color:inherit;text-decoration:none}
.dbs-standalone .dbs-standalone__title a:after{content:'';position:absolute;inset:0}
.dbs-standalone__card p{font-size:13px;line-height:1.75;margin:0 0 24px;color:var(--ds-muted);flex-grow:1}
.dbs-standalone__bottom{display:flex;gap:10px;align-items:center;justify-content:center;font-size:10px;line-height:1.7;color:var(--ds-muted);width:100%;margin-top:auto}
.dbs-standalone__arrow{font-size:19px;line-height:1;color:var(--ds-accent)}
.dbs-standalone__card--featured .dbs-standalone__title,.dbs-standalone__card--featured .dbs-standalone__icon{color:var(--ds-accent)}
.dbs-standalone__foot{margin-top:30px;font-size:11px;color:var(--ds-muted);text-align:center}
@media(max-width:1100px){.dbs-standalone__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dbs-standalone__card:nth-child(2n){border-right:0}.dbs-standalone__wrap{padding:65px 5%}}
@media(max-width:600px){.dbs-standalone__wrap{padding:48px 6%}.dbs-standalone__intro{gap:20px;margin-bottom:36px}.dbs-standalone h2{font-size:36px;letter-spacing:-1.2px}.dbs-standalone__grid{grid-template-columns:1fr}.dbs-standalone__card{padding:28px 20px;border-right:0}.dbs-standalone__top{margin-bottom:15px}.dbs-standalone .dbs-standalone__title{font-size:22px;max-width:none}.dbs-standalone__card p{font-size:14px;max-width:340px}.dbs-standalone__summary p{font-size:14px}.dbs-standalone__number{top:27px}}
@media(prefers-reduced-motion:reduce){.dbs-standalone__card,.dbs-standalone__cta{transition:none}}

/* A soft gradient wave travels through the focused or hovered service. */
.dbs-standalone__card{isolation:isolate;overflow:hidden}
.dbs-standalone__card:before{content:'';position:absolute;z-index:-1;inset:-60%;pointer-events:none;background:linear-gradient(115deg,transparent 32%,color-mix(in srgb,var(--ds-accent) 5%,transparent) 41%,color-mix(in srgb,var(--ds-accent) 17%,transparent) 49%,color-mix(in srgb,var(--ds-accent) 5%,transparent) 57%,transparent 67%);filter:blur(16px);opacity:0;transform:translateX(-38%) rotate(-10deg);transition:opacity .45s}
.dbs-standalone__card:focus-within:before{opacity:1;animation:db-service-wave 3.6s ease-in-out infinite}
.dbs-standalone__card .dbs-standalone__icon{transition:transform .45s ease}
.dbs-standalone__card:focus-within .dbs-standalone__icon{transform:translateY(-3px)}
@media(hover:hover){
 .dbs-standalone__card:hover:before{opacity:1;animation:db-service-wave 3.6s ease-in-out infinite}
 .dbs-standalone__card:hover .dbs-standalone__icon{transform:translateY(-3px)}
}
@keyframes db-service-wave{0%{transform:translateX(-38%) rotate(-10deg)}50%{transform:translateX(28%) rotate(7deg)}100%{transform:translateX(-38%) rotate(-10deg)}}
@media(prefers-reduced-motion:reduce){
 .dbs-standalone__card:before,.dbs-standalone__card:hover:before,.dbs-standalone__card:focus-within:before{animation:none;transition:none;transform:none}
 .dbs-standalone__card .dbs-standalone__icon{transition:none}
 .dbs-standalone__card:hover .dbs-standalone__icon,.dbs-standalone__card:focus-within .dbs-standalone__icon{transform:none}
}

/* DeviceBee palette: navy, primary blue, and sky blue. */
.dbs-standalone{background-image:radial-gradient(ellipse at 85% 0%,#12347888,transparent 55%)}
.dbs-standalone:before{background-image:radial-gradient(circle,#4d92dc35 1.3px,transparent 1.8px)}
.dbs-standalone__cta{background:#0d53fc;border-color:#0d53fc;color:#fff}
.dbs-standalone__card--featured{--ds-feature-text:#f7faff}

.dbs-standalone .dbs-standalone__title{font-size:20px;line-height:1.35;font-weight:500;font-family:inherit;color:inherit;letter-spacing:-.4px;margin:0 0 16px;max-width:240px}
.dbs-standalone .dbs-standalone__card--featured .dbs-standalone__title{color:var(--ds-accent)}
.dbs-standalone__icon i{font-size:27px}
.dbs-standalone__service-cta{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;gap:14px;color:var(--ds-accent);font-size:12px;font-weight:500;line-height:1.5;text-decoration:none;margin-top:17px;padding:8px 3px;min-height:40px;max-width:100%;overflow-wrap:anywhere}
.dbs-standalone__service-cta:hover{text-decoration:underline}
.dbs-standalone__service-cta:focus-visible{outline:2px solid var(--ds-accent);outline-offset:4px}
@media(max-width:600px){.dbs-standalone .dbs-standalone__title{font-size:22px;max-width:none}.dbs-standalone__service-cta{min-height:44px}}