/* SLYWORKS 3.5 — motion system. Progressive enhancement; never hides content before JS. */
.sly-page:not(.sly-page-portal):not(.sly-page-login) { --motion-ease:cubic-bezier(.22,1,.36,1); }
@media (prefers-reduced-motion:no-preference){
  .sly-motion-ready .sly-reveal {opacity:0;transform:translate3d(0,28px,0);filter:blur(5px);transition:opacity .85s var(--motion-ease),transform .95s var(--motion-ease),filter .85s var(--motion-ease);transition-delay:var(--reveal-delay,0ms)}
  .sly-motion-ready .sly-reveal.sly-in-view {opacity:1;transform:translate3d(0,0,0);filter:blur(0)}
  .sly-motion-ready .sly-reveal.sly-from-left{transform:translate3d(-26px,10px,0)}
  .sly-motion-ready .sly-reveal.sly-from-right{transform:translate3d(26px,10px,0)}
  .sly-motion-ready .sly-reveal.sly-from-left.sly-in-view,.sly-motion-ready .sly-reveal.sly-from-right.sly-in-view{transform:translate3d(0,0,0)}
  .sly-page .sx-glow{animation:sly-breathe 9s ease-in-out infinite alternate}
  .sly-page .sx-ring.one{animation:sly-ring-breathe 5s ease-in-out infinite alternate}
  .sly-page .sx-ring.two{animation:sly-ring-breathe 6.5s ease-in-out infinite alternate-reverse}
  .sly-page .sx-ring.three{animation:sly-ring-breathe 8s ease-in-out infinite alternate}
  .sly-page .sly-editorial-product{transition:transform 1.1s var(--motion-ease),filter 1s ease;will-change:auto}
  .sly-page .sly-editorial-product:hover{transform:scale(1.025)}
  .sly-page .sly-feature-list>div{transition:background .35s ease,transform .4s var(--motion-ease),border-color .35s ease}
  .sly-page .sly-feature-list>div:hover{transform:translateY(-4px);background:#f7f5f1}
  .sly-page .sly-steps>div{transition:transform .4s var(--motion-ease)}
  .sly-page .sly-steps>div:hover{transform:translateY(-3px)}
  @keyframes sly-breathe{from{opacity:.55;transform:translate3d(-2%,0,0) scale(.98)}to{opacity:1;transform:translate3d(2%,2%,0) scale(1.06)}}
  @keyframes sly-ring-breathe{from{opacity:.5;scale:.97}to{opacity:1;scale:1.025}}
}
/* Premium service pages: refined typographic hierarchy and a rhythmic editorial journey */
body.sly-page-software .sly-page-hero,body.sly-page-websites .sly-page-hero,body.sly-page-ai .sly-page-hero{background:#f5f4f1;padding-block:clamp(68px,7vw,112px)}
body.sly-page-software .sly-page-hero h1,body.sly-page-websites .sly-page-hero h1,body.sly-page-ai .sly-page-hero h1{font-weight:520!important;font-size:clamp(35px,3.7vw,57px)!important;letter-spacing:-.056em!important}
body.sly-page-software .sly-page-hero p,body.sly-page-websites .sly-page-hero p,body.sly-page-ai .sly-page-hero p{max-width:530px;line-height:1.65!important}
body.sly-page-software .sly-editorial-product,body.sly-page-websites .sly-editorial-product,body.sly-page-ai .sly-editorial-product{border-radius:13px;box-shadow:0 32px 85px rgba(28,30,29,.13);min-height:360px}
body.sly-page-software .sly-feature-list,body.sly-page-websites .sly-feature-list,body.sly-page-ai .sly-feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 40px;max-width:1120px;margin-inline:auto}
body.sly-page-software .sly-feature-list>div,body.sly-page-websites .sly-feature-list>div,body.sly-page-ai .sly-feature-list>div{position:relative;border-radius:0!important;box-shadow:none!important;border:0!important;border-top:1px solid #ddd9d2!important;background:transparent;padding:25px 4px 30px!important}
body.sly-page-software .sly-feature-list h3,body.sly-page-websites .sly-feature-list h3,body.sly-page-ai .sly-feature-list h3{font-weight:530;letter-spacing:-.04em;font-size:clamp(18px,1.8vw,25px)}
body.sly-page-software .sly-feature-list p,body.sly-page-websites .sly-feature-list p,body.sly-page-ai .sly-feature-list p{font-size:14px;line-height:1.7;max-width:430px}
body.sly-page-software .sly-customer-journey,body.sly-page-websites .sly-customer-journey,body.sly-page-ai .sly-customer-journey{background:#1b1e1d;color:#f7f4ed}
body.sly-page-software .sly-customer-journey h2,body.sly-page-websites .sly-customer-journey h2,body.sly-page-ai .sly-customer-journey h2{color:#f7f4ed;font-size:clamp(30px,3vw,44px);font-weight:520}
body.sly-page-software .sly-customer-journey .sly-heading p,body.sly-page-websites .sly-customer-journey .sly-heading p,body.sly-page-ai .sly-customer-journey .sly-heading p{color:#b5bab4}
body.sly-page-software .sly-customer-journey .sly-steps>div,body.sly-page-websites .sly-customer-journey .sly-steps>div,body.sly-page-ai .sly-customer-journey .sly-steps>div{background:#282d2b;color:#e5e7e1;border:1px solid #ffffff15}
body.sly-page-software .sly-customer-journey .sly-steps h3,body.sly-page-websites .sly-customer-journey .sly-steps h3,body.sly-page-ai .sly-customer-journey .sly-steps h3{color:#fff}
body.sly-page-software .sly-customer-journey .sly-steps p,body.sly-page-websites .sly-customer-journey .sly-steps p,body.sly-page-ai .sly-customer-journey .sly-steps p{color:#b5bab4}
@media(max-width:760px){body.sly-page-software .sly-feature-list,body.sly-page-websites .sly-feature-list,body.sly-page-ai .sly-feature-list{grid-template-columns:1fr}body.sly-page-software .sly-editorial-product,body.sly-page-websites .sly-editorial-product,body.sly-page-ai .sly-editorial-product{min-height:240px}.sly-page .sx-glow{animation:none}}
@media(prefers-reduced-motion:reduce){.sly-reveal{opacity:1!important;transform:none!important;filter:none!important;transition:none!important}.sx-ring,.sx-glow{animation:none!important}}
