/* COBUILD REFERENCE PAGES V5 */
body{min-height:100vh}
.cb-page{position:relative}
.cb-page:before{content:"";position:fixed;inset:72px 0 0;pointer-events:none;background:radial-gradient(500px 360px at 8% 20%,rgba(132,96,255,.07),transparent 70%),radial-gradient(500px 400px at 92% 55%,rgba(58,132,255,.05),transparent 70%);z-index:-1}
.cb-page .cb-hero,.cb-page .cb-card,.cb-page .grid>.cb-card{
 border:1px solid rgba(255,255,255,.085)!important;
 border-radius:24px!important;
 background:linear-gradient(145deg,rgba(18,22,38,.78),rgba(8,11,21,.76))!important;
 box-shadow:0 22px 70px rgba(0,0,0,.26)!important;
 backdrop-filter:blur(18px)!important;
}
.cb-page .cb-hero{padding:30px!important;margin-bottom:12px}
.cb-page .cb-hero h1{font-size:clamp(40px,7vw,68px)!important;line-height:.96!important;letter-spacing:-3.4px!important;margin:12px 0 15px!important}
.cb-page .cb-hero p{max-width:700px!important;line-height:1.6!important}
.cb-page .grid{gap:10px!important}
.cb-page .grid>.cb-card{padding:22px!important;transition:transform .22s ease,border-color .22s ease,background .22s ease!important}
.cb-page .grid>.cb-card:hover{transform:translateY(-3px)!important;border-color:rgba(139,109,255,.3)!important;background:rgba(120,103,255,.045)!important}
.cb-page .cta-row{gap:8px!important}
.cb-page .cta-row .btn{min-height:44px!important;padding:12px 17px!important}
.cb-page .note{border:1px solid rgba(139,109,255,.13)!important;background:rgba(120,103,255,.05)!important;border-radius:15px!important;color:#858da2!important}
.dm{width:min(1120px,calc(100% - 20px))!important;padding:18px 0 40px!important}
.dm-hero,.dm-card{border:1px solid rgba(255,255,255,.085)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(18,22,38,.8),rgba(8,11,21,.76))!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important}
.dm-hero{padding:28px!important}.dm-card{padding:20px!important}.dm-hero h1{font-size:clamp(40px,7vw,65px)!important;line-height:.96!important;letter-spacing:-3.4px!important}.dm-btn{border-radius:13px!important;transition:.2s ease!important}.dm-btn.primary{background:linear-gradient(135deg,#8b67ff,#684cff 55%,#428dff)!important;box-shadow:0 10px 28px rgba(102,70,255,.2)}.dm-btn:hover{transform:translateY(-2px)}
.ssl-page{width:min(1120px,calc(100% - 20px))!important;margin:auto!important;padding:22px 0 45px!important}
.ssl-hero,.ssl-product,.ssl-card{border:1px solid rgba(255,255,255,.085)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(18,22,38,.8),rgba(8,11,21,.76))!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important}
.ssl-hero{padding:30px!important}.ssl-hero h1{font-size:clamp(40px,7vw,66px)!important;line-height:.96!important;letter-spacing:-3.4px!important}.ssl-product,.ssl-card{padding:22px!important}.ssl-product{transition:.22s ease}.ssl-product:hover{transform:translateY(-3px);border-color:rgba(139,109,255,.3)!important}.ssl-btn{border-radius:14px!important;background:linear-gradient(135deg,#8b67ff,#684cff 55%,#428dff)!important;box-shadow:0 10px 30px rgba(102,70,255,.2)!important}
.contact-page{width:min(1120px,calc(100% - 20px))!important;margin:auto!important;padding:26px 0 45px!important}.contact-page h1{font-size:clamp(40px,7vw,66px)!important;line-height:.96!important;letter-spacing:-3.4px!important}.contact-card,.contact-side{border:1px solid rgba(255,255,255,.085)!important;border-radius:25px!important;background:linear-gradient(145deg,rgba(18,22,38,.8),rgba(8,11,21,.76))!important;box-shadow:0 22px 70px rgba(0,0,0,.28)!important;backdrop-filter:blur(18px)!important}.contact-card{padding:22px!important}.contact-side{padding:18px!important}.contact-form input,.contact-form select,.contact-form textarea{border-radius:13px!important;border-color:rgba(255,255,255,.1)!important;background:rgba(4,7,15,.72)!important}.contact-send,.contact-wa{border-radius:14px!important}
@media(max-width:600px){.cb-page .cb-hero{padding:22px 16px!important}.cb-page .cb-hero h1,.dm-hero h1,.ssl-hero h1,.contact-page h1{font-size:clamp(39px,11.5vw,56px)!important;letter-spacing:-2.8px!important}.dm{width:calc(100% - 20px)!important}.dm-hero,.dm-card,.ssl-hero,.ssl-product,.ssl-card,.contact-card,.contact-side{border-radius:21px!important}.ssl-page,.contact-page{width:calc(100% - 20px)!important}}