.service-main{overscroll-behavior-y:contain;scrollbar-width:thin;scrollbar-color:#cbd2df transparent;padding-top:23px;padding-bottom:max(env(safe-area-inset-bottom), 30px);overflow-y:auto}.service-section-heading{align-items:center;margin-bottom:20px}.service-section-heading h2{letter-spacing:-.45px;font-size:17px;font-weight:800}.service-section-heading>span{color:#596b84;align-items:center;gap:6px;padding:3px 1px;font-size:10px;display:inline-flex}.service-section-heading>span:before{content:"";background:#7587a1;border-radius:2px;width:6px;height:6px}.service-grid{flex:none;grid-template-columns:repeat(10,minmax(0,1fr));grid-auto-rows:auto;gap:15px;padding:2px 2px 16px;display:grid}.service-card{--service-tone:#9acfbd;--service-ink:#32675c;--motion-phase:0s;isolation:isolate;min-width:0;height:138px;min-height:0;box-shadow:none;text-align:right;--tw-ring-shadow:0 0 #0000;background:#e9edf3;border:1px solid #cad3e0;border-radius:18px;order:1;grid-column:span 2;padding:0;transition:transform .24s,box-shadow .24s,border-color .24s;animation-fill-mode:backwards;display:block;position:relative;overflow:hidden}.service-card:nth-child(4n+2){--service-tone:#a9c4ec;--service-ink:#385c88;--motion-phase:-1.8s}.service-card:nth-child(4n+3){--service-tone:#c2afe4;--service-ink:#66508b;--motion-phase:-3.6s}.service-card:nth-child(4n){--service-tone:#efbca6;--service-ink:#915a43;--motion-phase:-5.4s}.service-card:has(.is-active){border:1px solid color-mix(in srgb, var(--service-tone) 50%, #d6deea);background:#fff;border-radius:21px;order:0;grid-column:span 5;height:171px;box-shadow:0 3px 9px #142c4a08,0 12px 24px #142c4a0c}.service-card:has(.is-active):before{content:"";pointer-events:none;z-index:-1;inset-inline-end:-60px;border:1px solid color-mix(in srgb, var(--service-tone) 75%, var(--service-ink));background:linear-gradient(135deg, #ffffff30, transparent 70%), linear-gradient(145deg, var(--service-tone), color-mix(in srgb, var(--service-tone) 90%, var(--service-ink)));width:217px;height:217px;animation:8.8s ease-in-out infinite maranto-warm-plane;animation-delay:var(--motion-phase);border-radius:38px;transition:transform .35s;position:absolute;top:-19px;transform:rotate(28deg)}.service-card:has(.is-active):after{content:"↖" / "";pointer-events:none;inset-inline-end:17px;width:25px;height:25px;color:var(--service-ink);background:#fff;border:1px solid #fff9;border-radius:50%;place-items:center;font:16px/1 ui-sans-serif,system-ui,sans-serif;transition:transform .24s;display:grid;position:absolute;top:17px}.service-card .service-icon{inset-inline-start:16px;filter:grayscale();border:1px solid #c2cbd9;border-radius:11px;place-items:center;width:35px;height:35px;display:grid;position:absolute;top:17px;transform:none;box-shadow:inset 0 1px #fff;color:#58677e!important;opacity:.85!important;background:#d8dee8!important}.service-icon svg{width:21px;height:21px}.service-card:has(.is-active) .service-icon{inset-inline:auto 39px;filter:none;width:74px;height:74px;animation:5.8s ease-in-out infinite maranto-warm-icon;animation-delay:var(--motion-phase);border:1px solid #fff;border-radius:22px;transition:transform .3s,box-shadow .3s;top:51px;box-shadow:0 7px 14px #142c4a1a,inset 0 1px #fff;color:var(--service-ink)!important;opacity:1!important;background:#fff!important}.service-card:has(.is-active) .service-icon svg{stroke-width:1.65px;width:33px;height:33px}.service-card:has(.is-active) .service-icon:before{content:"";pointer-events:none;z-index:-1;animation:7.2s ease-in-out infinite maranto-warm-frame;animation-delay:var(--motion-phase);background:#ffffff4d;border:1px solid #ffffffb3;border-radius:26px;position:absolute;inset:-6px;transform:rotate(-9deg)}.service-card .service-title{inset-inline:16px;color:#526178;letter-spacing:-.4px;font-size:13px;font-weight:700;line-height:1.65;display:block;position:absolute;bottom:44px}.service-card .service-description{inset-inline:16px;color:#586b83;text-overflow:ellipsis;white-space:nowrap;max-width:none;font-size:9px;line-height:1.6;display:block;position:absolute;bottom:24px;overflow:hidden}.service-card:has(.is-active) .service-title{inset-inline:25px 160px;color:#142741;letter-spacing:-.75px;font-size:21px;font-weight:800;bottom:58px}.service-card:has(.is-active) .service-description{inset-inline:25px 160px;color:#52657f;font-size:11px;bottom:36px}.service-card .service-status{inset-inline:auto 12px;color:#4f6179;white-space:nowrap;background:#d8e0eb;border:1px solid #bcc7d7;border-radius:6px;align-items:center;gap:5px;padding:3px 6px;font-size:8px;line-height:1.5;display:inline-flex;position:absolute;top:24px}.service-card .service-status.is-active{inset-inline:25px auto;color:var(--service-ink);background:0 0;border:0;border-radius:0;padding:0;font-size:9px;font-weight:500;top:25px}.service-status:before{content:"";background:#6d7c94;border-radius:50%;flex:none;width:4px;height:4px}.service-status.is-active:before{background:var(--service-ink);box-shadow:0 0 0 3px color-mix(in srgb, var(--service-tone) 16%, transparent)}.service-card:focus-visible{outline-offset:3px;outline:3px solid #1e8bff}@keyframes maranto-warm-plane{0%,to{translate:0;rotate:0deg}50%{translate:2px -3px;rotate:-1.5deg}}@keyframes maranto-warm-icon{0%,to{translate:0;rotate:-.5deg}50%{translate:0 -4px;rotate:1deg}}@keyframes maranto-warm-frame{0%,to{rotate:0deg}50%{rotate:5deg}}@media (hover:hover) and (pointer:fine){.service-card:has(.is-active):hover{border-color:color-mix(in srgb, var(--service-tone) 75%, var(--service-ink));transform:translateY(-4px);box-shadow:0 16px 30px #142c4a14}.service-card:has(.is-active):hover:before{transform:rotate(23deg)translateY(-3px)}.service-card:has(.is-active):hover .service-icon{transform:translateY(-2px)rotate(3deg);box-shadow:0 12px 19px #142c4a26}.service-card:has(.is-active):hover:after{transform:translate(-2px,-2px)}.service-card:not(:has(.is-active)):hover{box-shadow:none;transform:none}}@media (width>=700px) and (width<=949px){.service-card:has(.is-active) .service-icon{inset-inline-end:26px;border-radius:19px;width:61px;height:61px;top:58px}.service-card:has(.is-active) .service-icon:before{border-radius:23px}.service-card:has(.is-active) .service-title{font-size:18px;inset-inline:20px 118px}.service-card:has(.is-active) .service-description{font-size:10px;inset-inline:20px 118px}.service-card .service-status.is-active{inset-inline-start:20px}.service-card{height:139px}.service-card .service-title{font-size:12px;inset-inline:12px}.service-card .service-description{font-size:8px;inset-inline:12px}.service-card .service-status{top:14px;inset-inline-end:8px}.service-card .service-icon{top:42px;border-radius:8px;width:26px;height:26px;inset-inline-start:12px}}@media (width<=699px){.service-main{padding-inline:15px;padding-top:20px}.service-section-heading{margin-bottom:16px}.service-section-heading h2{font-size:15px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.service-card:has(.is-active){border-radius:19px;grid-column:span 2;height:136px}.service-card:has(.is-active):before{inset-inline-end:-55px;border-radius:32px;width:177px;height:177px;top:-18px}.service-card:has(.is-active):after{inset-inline-end:13px;width:22px;height:22px;font-size:14px;top:12px}.service-card:has(.is-active) .service-icon{inset-inline-end:29px;border-radius:18px;width:57px;height:57px;top:44px}.service-card:has(.is-active) .service-icon:before{border-radius:22px;inset:-5px}.service-card:has(.is-active) .service-icon svg{width:28px;height:28px}.service-card:has(.is-active) .service-title{inset-inline:19px 113px;letter-spacing:-.5px;font-size:17px;line-height:1.55;bottom:44px}.service-card:has(.is-active) .service-description{inset-inline:19px 113px;font-size:9px;bottom:23px}.service-card .service-status.is-active{inset-inline-start:19px;font-size:8px;top:17px}.service-card{border-radius:15px;grid-column:span 1;height:130px}.service-card .service-icon{inset-inline-start:13px;border-radius:9px;width:30px;height:30px;top:17px}.service-card .service-status{top:22px;padding:2px 5px;font-size:8px;inset-inline-end:10px}.service-card .service-title{inset-inline:13px;font-size:12px;bottom:43px}.service-card .service-description{inset-inline:13px;font-size:8px;bottom:22px}.service-card:not(:has(.is-active)):last-child:nth-child(odd){grid-column:span 2;height:75px}.service-card:not(:has(.is-active)):last-child:nth-child(odd) .service-icon{top:22px}.service-card:not(:has(.is-active)):last-child:nth-child(odd) .service-title{inset-inline:56px 85px;bottom:35px}.service-card:not(:has(.is-active)):last-child:nth-child(odd) .service-description{inset-inline:56px 85px;bottom:16px}.service-card:not(:has(.is-active)):last-child:nth-child(odd) .service-status{top:27px}}@media (width<=359px){.service-main{padding-inline:11px}.service-card:has(.is-active) .service-title{font-size:15px;inset-inline:16px 100px}.service-card:has(.is-active) .service-description{inset-inline:16px 99px}.service-card .service-status.is-active{inset-inline-start:16px}.service-card:has(.is-active) .service-icon{inset-inline-end:24px;width:52px;height:52px;top:45px}.service-card .service-title{font-size:11px}.service-card .service-description{font-size:8px}.service-card .service-status{font-size:7px;inset-inline-end:8px}}@media (prefers-reduced-motion:reduce){.service-card,.service-card:before,.service-card:after,.service-card .service-icon,.service-card .service-icon:before{transition:none;animation:none;translate:none;rotate:none}.service-card:has(.is-active):hover{transform:none}.service-card:has(.is-active):hover .service-icon{transform:none}.service-card:has(.is-active):hover:after{transform:none}.service-card:has(.is-active):hover:before{transform:rotate(28deg)}}