.services{background-color:var(--white);padding:100px 0;position:relative}.services:before{content:"";pointer-events:none;z-index:0;background-image:linear-gradient(#0f172a04 1px,#0000 1px),linear-gradient(90deg,#0f172a04 1px,#0000 1px);background-position:top;background-size:40px 40px;position:absolute;inset:0}.services .container{z-index:1;position:relative}.services-header-row{justify-content:space-between;align-items:flex-end;gap:40px;margin-bottom:56px;display:flex}.services-header-left{text-align:left;flex-shrink:0;margin:0}.section-subtitle{color:var(--primary);text-transform:uppercase;letter-spacing:2.5px;margin-bottom:10px;font-size:12px;font-weight:700;display:block}.section-title{color:var(--text-dark);margin:0;font-size:40px;font-weight:800;line-height:1.15}.services-header-desc{color:var(--text-muted);flex-shrink:0;max-width:440px;font-size:15.5px;line-height:1.7}.services-bento-grid{background-color:#0000;border:none;border-radius:0;grid-template-rows:auto;grid-template-columns:repeat(3,1fr);gap:28px;display:grid;overflow:visible}.service-bento-card.bento-hero{grid-area:span 1/span 2}.service-bento-card.bento-normal{grid-area:span 1/span 1}.service-bento-card.bento-wide{grid-area:span 1/span 2}.services-bento-grid--full{grid-template-columns:repeat(3,1fr);gap:28px}.services-bento-grid--full .service-bento-card{grid-area:span 1/span 1!important}.services-header-row--center{text-align:center;flex-direction:column;justify-content:center;align-items:center;margin-bottom:56px}.services-header-center{text-align:center}.service-bento-card{background:var(--white);cursor:default;z-index:1;border:1px solid #eef2f6;border-radius:24px;flex-direction:column;gap:24px;padding:44px 38px;transition:transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1),border-color .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 10px 30px #0f172a05}.service-bento-card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(circle,#fd404d0d 0%,#0000 70%);width:200%;height:200%;transition:transform .6s cubic-bezier(.16,1,.3,1),opacity .6s;position:absolute;top:-50%;left:-50%;transform:translate(-10%,-10%)scale(.8)}.service-bento-card:after{content:"";background:linear-gradient(90deg, var(--primary), var(--primary-dark));z-index:3;width:0;height:4px;transition:width .4s cubic-bezier(.16,1,.3,1);position:absolute;bottom:0;left:0}.service-bento-card.bento-hero{background:linear-gradient(135deg, var(--white) 0%, #fafbfc 50%, #f1f5f9 100%);border:1px solid #fd404d1a;padding:52px 46px}.service-bento-card.bento-hero:before{background:radial-gradient(circle,#fd404d14 0%,#0000 70%)}.service-bento-card:hover{border-color:#fd404d59;transform:translateY(-6px);box-shadow:0 20px 40px #0f172a14,0 0 25px #fd404d26}.service-bento-card:hover:before{opacity:1;transform:translate(0)scale(1.1)}.service-bento-card:hover:after{width:100%}.sbc-tag{text-transform:uppercase;letter-spacing:1px;color:var(--text-dark);z-index:2;background-color:#0f172a08;border:1px solid #0f172a14;border-radius:100px;align-self:flex-start;align-items:center;margin-bottom:4px;padding:6px 14px;font-size:11px;font-weight:700;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.sbc-tag:before{content:"";background-color:var(--primary);border-radius:50%;width:6px;height:6px;margin-right:8px;transition:background-color .3s;display:inline-block}.service-bento-card:hover .sbc-tag{background-color:var(--primary);color:var(--white);border-color:var(--primary)}.service-bento-card:hover .sbc-tag:before{background-color:var(--white)}.sbc-icon{width:56px;height:56px;color:var(--text-dark);z-index:2;background-color:#f8fafc;border:1px solid #f1f5f9;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.sbc-icon svg{width:24px;height:24px;transition:transform .3s}.service-bento-card:hover .sbc-icon{background-color:var(--primary);color:var(--white);border-color:var(--primary);transform:scale(1.08)rotate(8deg);box-shadow:0 8px 20px #fd404d40}.service-bento-card.bento-hero .sbc-icon{border-radius:18px;width:64px;height:64px}.service-bento-card.bento-hero .sbc-icon svg{width:28px;height:28px}.sbc-body{z-index:2;flex-direction:column;flex:1;gap:12px;display:flex;position:relative}.sbc-title{font-family:var(--font-heading);color:var(--text-dark);letter-spacing:-.2px;font-size:19px;font-weight:700;line-height:1.3;transition:color .3s}.service-bento-card.bento-hero .sbc-title{font-size:24px}.sbc-desc{color:var(--text-muted);font-size:14.5px;line-height:1.65}.sbc-arrow{z-index:2;color:var(--text-muted);border-bottom:2px solid #0000;align-self:flex-start;align-items:center;gap:8px;margin-top:auto;padding-bottom:2px;font-size:13.5px;font-weight:600;text-decoration:none;transition:all .3s cubic-bezier(.16,1,.3,1);display:inline-flex;position:relative}.sbc-arrow svg{flex-shrink:0;transition:transform .3s cubic-bezier(.16,1,.3,1)}.service-bento-card:hover .sbc-arrow{color:var(--primary-dark);border-bottom-color:var(--primary);gap:12px}.service-bento-card:hover .sbc-arrow svg{transform:translate(4px)}.services-actions{justify-content:center;margin-top:56px;display:flex}@media (max-width:1024px){.services-bento-grid,.services-bento-grid--full{grid-template-columns:repeat(2,1fr);gap:24px}.service-bento-card.bento-hero{grid-area:span 1/span 2}.service-bento-card.bento-wide{grid-column:span 2}.service-bento-card.bento-normal{grid-column:span 1}}@media (max-width:768px){.services{padding:60px 0}.services-header-row{flex-direction:column;align-items:flex-start;gap:14px;margin-bottom:36px}.services-header-desc{max-width:100%}.section-title{font-size:30px}.services-bento-grid,.services-bento-grid--full{grid-template-columns:1fr;gap:20px}.service-bento-card,.service-bento-card.bento-hero,.service-bento-card.bento-wide,.service-bento-card.bento-normal{grid-area:span 1/span 1!important}.service-bento-card{gap:20px;padding:32px 28px}.service-bento-card.bento-hero{padding:36px 30px}.service-bento-card.bento-hero .sbc-title,.sbc-title{font-size:18px!important}}
