/* Amuneth public visual design. Functional modules retain their existing styles. */
:root{--preview-ink:#10243b;--preview-paper:#f2f5f4;--preview-blue:#236bea}
.site-header-compact{background:rgba(5,15,30,.96);border-bottom:1px solid rgba(163,197,222,.18);box-shadow:0 10px 32px rgba(0,0,0,.12)}
.site-header-compact .nav-compact-shell{max-width:1360px;padding-top:13px;padding-bottom:13px}
.site-header-compact .brand-mark{width:38px;height:38px;border-radius:11px}
.site-header-compact .brand-copy strong{font-size:13px;letter-spacing:.16em}
.site-header-compact .brand-copy span{font-size:11px}
.site-header-compact .site-nav-link,.site-header-compact .site-nav-summary{font-weight:600}
.site-header-compact .site-nav-main{gap:8px;flex-wrap:nowrap}
.preview-mobile-menu{display:none}

.home-page{background:#071321}
.home-page::before,.home-page::after{display:none}
.home-page .container{width:min(1320px,calc(100% - 64px))}
.home-page .section{padding:104px 0}
.home-page .chip{color:#78cff2;font-size:11px;letter-spacing:.18em}
.home-page .btn.primary{background:#2b6fe9;border-color:#4487f4;box-shadow:0 12px 32px rgba(10,73,176,.24)}
.home-page .btn.primary:hover{background:#377cf5}

.home-page .home-salto-hero{min-height:660px;align-items:center;background:#071625}
.home-page .home-salto-hero>img{left:auto;right:0;width:58%;opacity:.8;object-position:center}
.home-page .home-salto-hero::before{background:linear-gradient(90deg,#071625 0%,#071625 31%,rgba(7,22,37,.88) 48%,rgba(7,22,37,.28) 78%,rgba(7,22,37,.3) 100%),linear-gradient(0deg,rgba(7,22,37,.64),transparent 35%)}
.home-page .home-salto-hero .container{padding-top:75px;padding-bottom:80px}
.home-page .home-salto-hero-copy{max-width:790px}
.home-page .hero-tagline{color:#8ed6f4;letter-spacing:.19em;font-size:12px;font-weight:800;text-transform:uppercase}
.home-page .home-salto-hero-copy h1{font-size:clamp(46px,5.4vw,78px);line-height:1.04;letter-spacing:-.045em;max-width:790px;margin:20px 0 25px}
.home-page .home-salto-hero-copy p:not(.hero-tagline){font-size:18px;line-height:1.65;max-width:620px;color:#d4e3ed}
.home-page .home-salto-actions{margin-top:34px}

.home-page #platform-pijlers{background:var(--preview-paper);color:var(--preview-ink)}
.home-page #platform-pijlers .chip,.home-page #voor-wie .chip{color:#17629c}
.home-page #platform-pijlers h2,.home-page #voor-wie h2{color:var(--preview-ink);font-size:clamp(36px,4.1vw,62px);letter-spacing:-.045em;line-height:1.04}
.home-page #platform-pijlers .home-salto-intro{grid-template-columns:minmax(0,.76fr) minmax(0,1fr);gap:9vw}
.home-page #platform-pijlers .home-salto-intro-copy p{color:#3e5264;font-size:17px;line-height:1.65;margin-bottom:16px}
.home-page #platform-pijlers .home-salto-proof{border-color:#c9d5dc;gap:22px}
.home-page #platform-pijlers .home-salto-proof strong{color:#132d43}
.home-page #platform-pijlers .home-salto-proof span{color:#526b7c}

.home-page #onderdelen{background:#0b1e32}
.home-page #onderdelen .home-salto-section-head{display:block;max-width:760px;margin-bottom:38px}
.home-page #onderdelen h2{font-size:clamp(36px,4.1vw,62px);letter-spacing:-.045em}
.home-page .home-preview-section-intro p{max-width:580px;font-size:17px;line-height:1.65;color:#bfd0dc}
.home-preview-services-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.home-preview-service-card{display:flex;flex-direction:column;overflow:hidden;background:#122b41;border:1px solid rgba(154,196,222,.2);border-radius:18px;transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease}
.home-preview-service-card:hover{transform:translateY(-4px);border-color:rgba(149,214,244,.62);box-shadow:0 25px 40px rgba(0,0,0,.18)}
.home-preview-service-image{display:block;height:185px;overflow:hidden;background:#071625}
.home-preview-service-image img{width:100%;height:100%;object-fit:cover;transition:transform .35s ease}
.home-preview-service-card:hover img{transform:scale(1.04)}
.home-preview-service-copy{display:flex;flex-direction:column;align-items:flex-start;flex:1;padding:24px}
.home-preview-service-copy h3{margin:12px 0;color:#fff;font-size:clamp(23px,2vw,31px);line-height:1.1;letter-spacing:-.025em}
.home-preview-service-copy p{margin:0 0 24px;color:#c0d3e0;font-size:15px;line-height:1.6}
.home-preview-service-copy .card-link{margin-top:auto;color:#9dddf7;font-weight:700}
.home-preview-more{margin-top:32px;padding:18px 24px;border:1px solid rgba(154,196,222,.25);border-radius:14px;color:#cad9e4}
.home-preview-more summary{cursor:pointer;color:#a9dcf1;font-weight:700}
.home-preview-more[open] summary{margin-bottom:18px}
.home-preview-more p{max-width:900px;line-height:1.68}

.home-page #voor-wie{background:#e8eff0;color:var(--preview-ink)}
.home-page #voor-wie .home-salto-section-head p{color:#405b69;font-size:17px;line-height:1.65}
.home-page #voor-wie .home-salto-usecases{gap:18px}
.home-page #voor-wie .home-salto-usecase{min-height:365px;border-radius:16px}
.home-page #voor-wie .home-salto-usecase-copy{padding:30px}
.home-page #voor-wie .home-salto-usecase .chip{color:#a3e6ff}
.home-page #contact{background:#071625}
.home-page #contact .home-salto-closing{padding:25px 0;border:0}
.home-page #contact h2{font-size:clamp(36px,4.2vw,64px);letter-spacing:-.04em}
.home-page #contact p{max-width:650px}
.home-page .site-footer{background:#04101c}

@media(max-width:1120px){
  .home-preview-services-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .home-page #platform-pijlers .home-salto-intro{gap:5vw}
  .site-header-compact .site-nav-link,.site-header-compact .site-nav-summary{padding:0 7px}
}
@media(max-width:900px){
  .site-header-compact .nav-compact-shell{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px 12px;align-items:center;position:relative}
  .site-header-compact .nav-compact-brand{grid-column:1;grid-row:1;min-width:0;flex:auto}
  .site-header-compact .brand-pro{width:auto}
  .site-header-compact .brand-copy span{display:none}
  .site-header-compact .nav-compact-cluster{grid-column:1/-1;grid-row:2;width:100%;display:flex;flex-direction:row;align-items:center;justify-content:flex-end;min-width:0}
  .site-header-compact .site-nav-main{display:none}
  .site-header-compact .site-nav-account{width:auto;justify-content:flex-end}
  .site-header-compact .site-language-select{max-width:130px}
  .preview-mobile-menu{display:block;grid-column:2;grid-row:1;z-index:80}
  .preview-mobile-menu summary{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:40px;padding:10px;border:1px solid rgba(180,213,233,.3);border-radius:10px;cursor:pointer;list-style:none}
  .preview-mobile-menu summary::-webkit-details-marker{display:none}
  .preview-mobile-menu summary span{height:2px;width:100%;background:#e9f4fa;border-radius:2px}
  .preview-mobile-menu nav{position:absolute;top:100%;left:0;right:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;padding:16px;background:#0b1d30;border:1px solid rgba(180,213,233,.25);box-shadow:0 22px 35px rgba(0,0,0,.35);border-radius:0 0 14px 14px}
  .preview-mobile-menu nav a{padding:12px;color:#e7f2fb;border-radius:8px;font-size:14px}
  .preview-mobile-menu nav a:hover{background:#19354e}
  .home-page .home-salto-hero{min-height:600px}
  .home-page .home-salto-hero>img{width:100%;opacity:.4}
  .home-page .home-salto-hero::before{background:linear-gradient(90deg,rgba(7,22,37,.96),rgba(7,22,37,.76) 62%,rgba(7,22,37,.55))}
  .home-page #platform-pijlers .home-salto-intro,.home-page .home-salto-section-head,.home-page .home-salto-closing{grid-template-columns:1fr;gap:28px}
  .home-page #voor-wie .home-salto-usecases{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:650px){
  .home-page .container{width:min(100% - 36px,1320px)}
  .home-page .section{padding:68px 0}
  .home-page .home-salto-hero{min-height:620px}
  .home-page .home-salto-hero .container{padding-top:70px;padding-bottom:70px}
  .home-page .home-salto-hero-copy h1{font-size:clamp(42px,11vw,57px);letter-spacing:-.045em;line-height:1.03}
  .home-page .home-salto-hero-copy p:not(.hero-tagline){font-size:16px}
  .home-page .home-salto-actions .btn{width:100%;justify-content:center}
  .home-page #platform-pijlers .home-salto-proof{grid-template-columns:1fr;gap:16px}
  .home-preview-services-grid,.home-page #voor-wie .home-salto-usecases{grid-template-columns:1fr}
  .home-preview-service-image{height:210px}
  .home-page #voor-wie .home-salto-usecase{min-height:320px}
  .preview-mobile-menu nav{grid-template-columns:1fr 1fr}
}