.services-hero{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center;min-height:670px;padding:105px 0 120px}
.services-hero h1{font-size:clamp(3.7rem,6.3vw,6rem);margin:26px 0 28px}
.services-hero h1 em{font-style:normal;color:#b99eff}
.services-hero .lede{max-width:630px}
.services-display{padding:22px;border:1px solid #7468ae;border-radius:14px;background:linear-gradient(145deg,#29234e,#11152f 75%);box-shadow:20px 23px 0 #1b2046,0 34px 80px #0305148c;transform:perspective(1100px) rotateY(-8deg) rotateX(3deg)}
.display-head{display:flex;justify-content:space-between;gap:15px;padding:3px 5px 21px;color:#86e3ef;font-size:.72rem;font-weight:800;letter-spacing:.14em;text-transform:uppercase}
.display-row{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:12px;margin-top:9px;padding:17px 16px;border:1px solid #68618f;border-radius:7px;background:#242448;box-shadow:0 5px 0 #11132d}
.display-row span{color:#80e6f0;font-size:.78rem}.display-row strong{font-size:1rem}.display-row i{color:#b9b9d9;font-size:.76rem;font-style:normal;text-align:right}
.display-row:nth-child(4){background:#342763;border-color:#9380cb}.display-row:nth-child(5){background:#51449b;border-color:#ac98ef}
.display-row:nth-child(6){background:#353064;border-color:#897ac3}
.services-section{padding:95px 0 110px;background:#11142e;border-block:1px solid #68639b55}
#aanbod{scroll-margin-top:110px}
.services-section-head{display:grid;grid-template-columns:.42fr 1fr;gap:50px;align-items:start;margin-bottom:46px}
.services-section-head h2{max-width:750px;font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.08;letter-spacing:-.06em;margin:0}
.service-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.service-detail{position:relative;min-width:0;min-height:390px;display:flex;flex-direction:column;padding:33px;border:1px solid #625c91;border-radius:9px;background:linear-gradient(150deg,#242249,#171a35 67%);box-shadow:0 9px 0 #0b0d25,0 25px 50px #05071b55;transition:transform .35s,border-color .35s,box-shadow .35s}
.service-detail:hover{transform:translateY(-8px);border-color:#a78ef0;box-shadow:0 15px 0 #0b0d25,0 34px 60px #05071b88}
.service-detail::after{content:"";position:absolute;top:0;right:0;width:120px;height:120px;border-radius:0 9px 0 100%;background:radial-gradient(circle at top right,#8f73df26,transparent 75%);pointer-events:none}
.service-number{color:#7be5f0;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;font-weight:800}
.service-detail h3{font-size:clamp(1.65rem,2.4vw,2.25rem);letter-spacing:-.05em;line-height:1.1;margin:28px 0 17px}
.service-detail p{color:#c9cbe4;line-height:1.65;max-width:510px;margin-bottom:25px}
.service-detail ul{display:flex;flex-wrap:wrap;gap:9px;list-style:none;padding:0;margin:auto 0 0}
.service-detail li{padding:8px 10px;border:1px solid #685f9b;border-radius:5px;background:#292849;color:#d7d7ee;font-size:.79rem}
.service-detail-featured{grid-column:1/-1;min-height:305px;background:radial-gradient(circle at 90% 12%,#494080 0,transparent 36%),linear-gradient(150deg,#292453,#171a35 72%)}
.service-detail-featured p{max-width:770px}
#website-title{scroll-margin-top:125px}
.service-inline-link{display:inline-flex;align-self:flex-start;margin-top:22px;padding-bottom:5px;border-bottom:1px solid #8f84bd;color:#d9c7ff;font-weight:750;text-decoration:none}
.service-inline-link:hover{color:#83e8f1;border-color:#83e8f1}
.services-stories{padding:100px 0 110px;background:#0b0f28}
.stories-intro{display:grid;grid-template-columns:.42fr 1fr;gap:20px 50px;align-items:start;margin-bottom:35px}
.stories-intro h2{font-size:clamp(2.5rem,4.4vw,4.5rem);line-height:1.08;letter-spacing:-.06em;margin:0}
.stories-intro p{grid-column:2;max-width:660px;margin:0;color:#c8cbe3;line-height:1.7}
.service-story{display:grid;grid-template-columns:.42fr 1fr;gap:50px;padding:47px 0;border-top:1px solid #67628f70;scroll-margin-top:110px}
.service-story:last-child{border-bottom:1px solid #67628f70}
.story-label{padding-top:9px;color:#7be5f0;font-size:.76rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.service-story h3{max-width:800px;margin:0 0 20px;font-size:clamp(1.9rem,3vw,3rem);line-height:1.13;letter-spacing:-.05em}
.service-story p{max-width:770px;margin:0 0 17px;color:#c9cbe4;line-height:1.75}
.service-story a{display:inline-block;margin-top:8px;padding-bottom:5px;border-bottom:1px solid #8f84bd;color:#d9c7ff;font-weight:750;text-decoration:none}
.service-story a:hover{color:#83e8f1;border-color:#83e8f1}
.services-additional{padding:62px 0;border-bottom:1px solid #68639b55;background:#0d1129;scroll-margin-top:110px}
.services-additional-inner{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:50px}
.services-additional h2{font-size:clamp(2rem,3.4vw,3.2rem);letter-spacing:-.05em;margin:12px 0 0}.services-additional p{max-width:520px;color:#c8cbe3;line-height:1.7;margin:0}
.services-contact{position:relative;overflow:hidden;padding:90px 0 100px;background:linear-gradient(125deg,#5539a3,#302572)}
.services-contact::before{content:"";position:absolute;right:-120px;top:-240px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,#a58cff4d,transparent 68%);pointer-events:none}
.services-contact-inner{position:relative;display:flex;align-items:end;justify-content:space-between;gap:60px}
.services-contact .kicker{color:#b0edf7}.services-contact h2{font-size:clamp(2.8rem,5.3vw,5.2rem);line-height:1.04;letter-spacing:-.07em;margin:16px 0 22px}.services-contact p{max-width:620px;color:#e1dcf8;line-height:1.65;font-size:1.08rem;margin:0}.services-contact .button{flex:none;background:#78e6f0;border-color:#78e6f0}.services-contact .button:hover{background:#b0f3f7}
@media(max-width:850px){.services-hero{grid-template-columns:1fr;min-height:0;gap:45px;padding:75px 0 90px}.services-display{max-width:580px;transform:none}.services-section-head,.stories-intro,.service-story{grid-template-columns:1fr;gap:20px}.stories-intro p{grid-column:1}.services-contact-inner{align-items:start;flex-direction:column;gap:35px}}
@media(max-width:680px){.service-list{grid-template-columns:1fr}.service-detail,.service-detail-featured{grid-column:auto;min-height:0;padding:27px}.services-section{padding:75px 0 85px}.services-stories{padding:75px 0 85px}.service-story{padding:37px 0;gap:14px}.services-display{display:none}.services-hero{padding:70px 0 78px}.services-hero h1{font-size:clamp(2.8rem,11vw,4rem)}.services-additional-inner{grid-template-columns:1fr;gap:20px}.services-contact{padding:75px 0 82px}}
@media(prefers-reduced-motion:no-preference){
  .services-hero-copy > *{animation:hero-arrive .9s both cubic-bezier(.18,.7,.2,1)}
  .services-hero-copy > :nth-child(2){animation-delay:.12s}.services-hero-copy > :nth-child(3){animation-delay:.24s}.services-hero-copy > :nth-child(4){animation-delay:.36s}
  .services-display{animation:services-display-enter 1.05s .25s both cubic-bezier(.18,.7,.2,1)}
  @keyframes services-display-enter{from{opacity:0;translate:45px 22px;scale:.9;filter:blur(6px)}to{opacity:1;translate:0 0;scale:1;filter:blur(0)}}
  [data-reveal="service-detail"].reveal-pending{translate:0 60px;scale:.93;filter:blur(4px)}
  [data-reveal="services-heading"].reveal-pending{translate:-55px 0;filter:blur(5px)}
  [data-reveal="services-story"].reveal-pending{translate:0 48px;filter:blur(4px)}
  [data-reveal="services-contact"].reveal-pending{translate:0 45px;filter:blur(5px)}
}
@media(prefers-reduced-motion:reduce){.service-detail{transition:none}}