:root{--bg:#050508;--bg-tile:#0c0c12;--bg-tile-active:#111120;--neu-shadow-dark:#000000bf;--neu-shadow-light:#ffffff0b;--accent-1:#a855f7;--accent-2:#ec4899;--accent-3:#f97316;--text-primary:#fff;--text-secondary:#ffffff73;--text-muted:#ffffff40;--ease-spring:cubic-bezier(.16, 1, .3, 1);--ease-out-expo:cubic-bezier(.19, 1, .22, 1);--ease-in-out:cubic-bezier(.4, 0, .2, 1)}.services{background:var(--bg);padding:9vh 0 6rem;overflow:hidden visible}.services-header{flex-direction:column;gap:1.25rem;padding:4vh 1.25rem 3rem;display:flex}.services-label{letter-spacing:.14em;text-transform:uppercase;color:var(--text-muted);background:linear-gradient(90deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:.6rem;font-family:DM Sans,sans-serif;font-size:.7rem;font-weight:600;display:flex}.services-label-line{background:var(--accent-1);flex-shrink:0;width:24px;height:1px;display:inline-block}.services-title{color:var(--text-primary);margin:0;font-family:Syne,sans-serif;font-size:2rem;font-weight:700;line-height:1.1}.services-title-accent{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.services-list{flex-direction:column;display:flex}.service-tile{box-shadow:none;transition:background .8s var(--ease-out-expo), box-shadow .8s var(--ease-out-expo), transform .7s var(--ease-spring), margin .7s var(--ease-spring);background:0 0;flex-direction:column;justify-content:start;padding:2.5rem 1.25rem;text-decoration:none;display:flex;position:relative;overflow:hidden}.service-tile.is-active{background:var(--bg-tile-active);justify-content:center;margin:2vh 0;display:flex;transform:scale(1.005);box-shadow:0 -1px #ffffff0a,0 1px #ffffff0a,inset 6px 0 28px -8px #a855f71f,inset -6px 0 28px -8px #ec489914,0 24px 60px -20px #000000b3,0 -24px 60px -20px #0006}.tile-glow{pointer-events:none;opacity:0;transition:opacity .9s var(--ease-out-expo);background:radial-gradient(at 80%,#a855f717 0%,#ec48990d 45%,#0000 70%);position:absolute;inset:0}.service-tile.is-active .tile-glow{opacity:1}.tile-inner{z-index:1;transition:transform 1.3s var(--ease-spring);align-items:flex-start;gap:1.25rem;display:flex;position:relative;transform:translate(0)}.service-tile.is-active .tile-inner{transform:translate(10px)}.tile-number{letter-spacing:.08em;color:var(--text-muted);min-width:22px;transition:color .6s var(--ease-in-out);flex-shrink:0;padding-top:.35rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;line-height:1}.service-tile.is-active .tile-number{color:var(--accent-1)}.tile-body{flex-direction:column;gap:.85rem;width:100%;display:flex}.tile-banner-wrap{opacity:0;transform-origin:top;width:100%;max-height:190px;transition:opacity 1.1s .15s var(--ease-out-expo), max-height 1.1s .1s var(--ease-spring), margin-bottom 1s .1s var(--ease-spring);border-radius:10px;flex-shrink:0;position:relative;overflow:hidden;transform:scaleY(.85)}.service-tile.is-active .tile-banner-wrap{opacity:1;margin-bottom:.25rem;transform:scaleY(1)}.tile-banner{object-fit:cover;object-position:center;filter:brightness(.8)saturate(.85);width:100%;height:150px;min-height:150px;transition:transform .8s .15s var(--ease-out-expo), filter .6s var(--ease-in-out);display:block;transform:scale(1.06)}.service-tile.is-active .tile-banner{filter:brightness(.85)saturate(.9);transform:scale(1)}.tile-banner-overlay{background:linear-gradient(#0000 40%,#0505088c 100%);position:absolute;inset:0}.tile-title{font-family:var(--font-primary);color:var(--text-primary);transition:color 1.2s var(--ease-in-out), background 1.2s var(--ease-in-out);margin:0;font-size:2rem;font-weight:800;line-height:1.05}.service-tile.is-active .tile-title{background:linear-gradient(90deg, #fff 0%, #ffffffd9 60%, var(--accent-1) 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.tile-para{color:var(--text-secondary);letter-spacing:1px;opacity:0;max-width:42ch;transition:opacity 1.4s .45s var(--ease-out-expo), transform 1.4s .45s var(--ease-spring);margin:0;font-family:Syne,sans-serif;font-size:.875rem;font-weight:400;line-height:1.7;transform:translateY(12px)}.service-tile.is-active .tile-para{opacity:1;transform:translateY(0)}.tile-cta{letter-spacing:1px;color:var(--text-muted);opacity:0;width:fit-content;transition:opacity .9s .55s var(--ease-out-expo), transform .9s .55s var(--ease-spring), color .4s var(--ease-in-out);align-items:center;gap:.4rem;font-family:DM Sans,sans-serif;font-size:.78rem;font-weight:600;text-decoration:none;display:inline-flex;transform:translateY(8px)}.service-tile.is-active .tile-cta{opacity:1;color:var(--accent-1);transform:translateY(0)}.tile-cta:hover{color:var(--accent-2)!important}.tile-cta svg{transition:transform .3s var(--ease-spring)}.tile-cta:hover svg{transform:translate(4px)}.tile-sep{height:1px;transition:background .7s var(--ease-in-out);background:#ffffff0d;position:absolute;bottom:0;left:1.25rem;right:1.25rem}.service-tile.is-active .tile-sep{background:#a855f733}.services-view-all-wrap{justify-content:center;padding:3.5rem 1.25rem 0;display:flex}.services-view-all{background:linear-gradient(135deg, var(--gradient-start), var(--gradient-mid), var(--gradient-end));color:#fff;transition:background .35s var(--ease-in-out), border-color .35s var(--ease-in-out), box-shadow .35s var(--ease-in-out), transform .35s var(--ease-spring);border:1px solid #a855f759;border-radius:100px;align-items:center;gap:.5rem;padding:.85rem 1.75rem;font-family:DM Sans,sans-serif;font-size:1rem;font-weight:600;text-decoration:none;display:inline-flex}.services-view-all:hover{background:#a855f714;border-color:#a855f799;transform:translateY(-2px);box-shadow:0 0 28px #a855f733}.services-view-all svg{transition:transform .3s var(--ease-spring)}.services-view-all:hover svg{transform:translate(4px)}@media (min-width:768px){.services{padding:6rem 0 8rem}.services-header{flex-direction:row;justify-content:space-between;align-items:flex-end;padding:4rem 2.5rem 3.5rem}.services-title{text-align:right}.service-tile{padding:2.5rem}.tile-sep{left:2.5rem;right:2.5rem}.tile-inner{gap:1.75rem}.service-tile.is-active .tile-inner{transform:translate(16px)}.tile-banner-wrap{aspect-ratio:2;max-height:none}.tile-banner{object-fit:cover;object-position:center;width:100%;height:100%;min-height:0}.services-label{font-size:1rem}.services-title{font-size:3rem}.tile-number{font-size:1.5rem}.tile-title{font-size:2.7rem}.tile-para{font-size:1.3rem}.tile-cta{font-size:1.2rem}.services-view-all{font-size:1.5rem}.services-view-all svg{width:30px;height:30px}}@media (min-width:1024px){.services{padding:8rem 0 10rem}.services-header{box-sizing:border-box;width:100%;max-width:1280px;margin:0 auto;padding:0 4rem 4rem}.services-list{width:100%;max-width:1280px;margin:0 auto}.service-tile{padding:2.5rem 7rem}.tile-sep{left:4rem;right:4rem}.tile-inner{gap:2.5rem;max-width:800px}.tile-title{font-size:clamp(2.5rem,3.5vw,3.75rem)}.tile-para{max-width:52ch;font-size:.95rem}.service-tile.is-active .tile-inner{transform:translate(24px)}.tile-banner-wrap{aspect-ratio:2}.tile-banner{object-fit:contain;object-position:center;background:#111120;width:100%;height:100%;min-height:0}.s .service-tile.is-active{box-shadow:0 -1px #ffffff0d,0 1px #ffffff0d,inset 10px 0 48px -12px #a855f726,inset -10px 0 48px -12px #ec48991a,0 40px 80px -24px #000000bf,0 -40px 80px -24px #00000073}}