@font-face{font-family:Anton;src:url(/fonts/anton.woff2) format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Plus Jakarta Sans;src:url(/fonts/jakarta.woff2) format("woff2");font-weight:300 800;font-display:swap}@font-face{font-family:Caveat;src:url(/fonts/caveat.woff2) format("woff2");font-weight:600;font-display:swap}:root{--bg: #000000;--panel-1: #001c36;--panel-2: #012137;--text: #ffffff;--muted: #93a5b8;--accent-light: #67cdfd;--accent-mid: #2d8cd5;--accent-deep: #0f72c7;--medal-goud: #d4af37;--medal-zilver: #c0c0c0;--medal-brons: #cd7f32;--font-display: "Anton", sans-serif;--font-body: "Plus Jakarta Sans", sans-serif;--font-script: "Caveat", cursive;--max: 74rem}*{box-sizing:border-box}html{overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3{font-family:var(--font-display);text-transform:uppercase;line-height:.98;letter-spacing:.005em;margin:0;text-wrap:balance}p{margin:0}a{color:inherit}::selection{background:var(--accent-mid);color:#fff}:focus-visible{outline:2px solid var(--accent-light);outline-offset:3px}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}.cs-accent-script{font-family:var(--font-script);color:var(--accent-light)}.cs-container{max-width:var(--max);margin:0 auto;padding:0 clamp(1.25rem,4vw,2rem)}button,.btn{font-family:var(--font-body);font-weight:700;font-size:.95rem;border-radius:10px;padding:.85em 1.6em;border:1px solid transparent;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:.5em;color:var(--text);background:linear-gradient(135deg,var(--accent-mid),var(--accent-deep));transition:transform .15s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease}button:hover,.btn:hover{transform:translateY(-2px);box-shadow:0 10px 26px -10px #67cdfd8c}button:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.btn--ghost,button.btn--ghost{background:#ffffff08;border-color:#2a3f52}.btn--ghost:hover{border-color:var(--accent-mid);background:#2d8cd51a}.btn--block{width:100%}input,select,textarea{font-family:var(--font-body);font-size:.95rem;width:100%;padding:.7em .85em;background:#ffffff0a;border:1px solid #263646;border-radius:8px;color:var(--text)}input:focus,select:focus,textarea:focus{border-color:var(--accent-mid)}label{display:block;font-size:.85rem;color:var(--muted);font-weight:600}label>input,label>select,label>textarea{margin-top:.35em;color:var(--text);font-weight:400}.cs-nav{display:flex;align-items:center;justify-content:space-between;padding:1.35rem clamp(1.25rem,4vw,2rem);position:sticky;top:0;background:#000000d9;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);z-index:20}.cs-nav__mark{text-decoration:none;font-family:var(--font-display);font-size:1.35rem;letter-spacing:.01em;color:var(--text)}.cs-nav__mark span{color:var(--accent-light)}.cs-nav__links{display:flex;gap:1.75rem;align-items:center}.cs-nav__links a{text-decoration:none;font-weight:600;font-size:.92rem;opacity:.85}.cs-nav__links a:hover{opacity:1;color:var(--accent-light)}.cs-nav__phone{border:1px solid var(--accent-mid);border-radius:999px!important;padding:.45em 1.1em!important;font-weight:700;font-size:.85rem;white-space:nowrap;background:transparent!important}.cs-nav__phone:hover{background:#2d8cd51f!important}@media (max-width: 640px){.cs-nav__links a:not(.cs-nav__phone){display:none}}.cs-hero{position:relative;overflow:hidden;padding:clamp(2rem,6vw,3rem) 0 clamp(3rem,8vw,5rem)}.cs-hero__glow{position:absolute;width:60vw;max-width:700px;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#2d8cd559,#2d8cd500 70%);top:-15%;right:-10%;filter:blur(10px);pointer-events:none}.cs-hero__grid{position:relative;display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4rem);align-items:center}@media (max-width: 860px){.cs-hero__grid{grid-template-columns:1fr}.cs-hero__route{order:-1;max-width:15rem;margin:0 auto 1rem}}.cs-hero__eyebrow{font-size:.78rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--accent-light);display:flex;align-items:center;gap:.6em;margin-bottom:1.1rem}.cs-hero__eyebrow:before{content:"";width:1.6em;height:2px;background:var(--accent-light);display:inline-block}.cs-hero h1{font-size:clamp(2.4rem,6vw,4.4rem)}.cs-hero h1 .accent{color:var(--accent-light)}.cs-hero__sub{margin-top:1.4rem;font-size:clamp(1rem,1.6vw,1.15rem);color:var(--muted);max-width:34rem;line-height:1.6}.cs-hero__ctas{margin-top:2.1rem;display:flex;gap:.9rem;flex-wrap:wrap}@media (max-width: 480px){.cs-hero__ctas .btn{flex:1 1 100%}}.cs-route svg{width:100%;height:auto;overflow:visible}.cs-route .path{stroke-dasharray:3 12;animation:cs-dash 2.4s linear infinite}@keyframes cs-dash{to{stroke-dashoffset:-60}}.cs-route .pulse{animation:cs-pulse 2.4s ease-in-out infinite;transform-origin:center}@keyframes cs-pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.14);opacity:.75}}.cs-route figcaption{text-align:center;font-size:.8rem;color:var(--muted);margin-top:.75rem;font-weight:600}.cs-wave{display:block;width:100%;height:clamp(40px,8vw,90px)}.cs-panel{background:linear-gradient(160deg,var(--panel-1),var(--panel-2));padding:clamp(3rem,7vw,4.5rem) 0}.cs-section-head{max-width:38rem;margin:0 0 2.5rem}.cs-section-head .kicker{font-size:.76rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--accent-light);display:block;margin-bottom:.6rem}.cs-section-head h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}.cs-section-head p{margin-top:.8rem;color:var(--muted);font-size:1.02rem;line-height:1.6}.cs-diensten{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#ffffff14;border-radius:16px;overflow:hidden}@media (max-width: 700px){.cs-diensten{grid-template-columns:1fr}}.cs-dienst{background:#04070a;padding:1.9rem 1.6rem;display:flex;flex-direction:column;gap:.9rem}.cs-dienst__icon{width:2.6rem;height:2.6rem;color:var(--accent-light)}.cs-dienst h3{font-family:var(--font-body);text-transform:none;font-size:1.05rem;font-weight:800;letter-spacing:normal}.cs-dienst p{color:var(--muted);font-size:.92rem;line-height:1.55}.cs-pakketten-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(15rem,1fr));gap:1.4rem}@media (max-width: 700px){.cs-pakketten-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;gap:1rem;margin:0 calc(-1*clamp(1.25rem,4vw,2rem));padding:0 clamp(1.25rem,4vw,2rem) .5rem}.cs-pakket-kaart{scroll-snap-align:start;min-width:82%}}.cs-pakket-kaart{position:relative;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:18px;padding:1.7rem 1.5rem;display:flex;flex-direction:column;gap:1rem;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cs-pakket-kaart:hover{transform:translateY(-4px);border-color:var(--medal);box-shadow:0 16px 40px -18px var(--medal)}.cs-medal-badge{display:inline-flex;align-items:center;gap:.45em;align-self:flex-start;font-size:.78rem;font-weight:700;padding:.3em .75em .3em .5em;border-radius:999px;background:color-mix(in srgb,var(--medal) 18%,transparent);color:var(--medal)}.cs-medal-badge svg{width:1.1em;height:1.1em}.cs-pakket-kaart .naam{font-family:var(--font-body);font-weight:800;font-size:1.15rem}.cs-pakket-kaart .prijs{font-family:var(--font-body);font-weight:800;font-size:2.3rem;font-variant-numeric:tabular-nums;letter-spacing:-.01em}.cs-pakket-kaart .duur{color:var(--muted);font-size:.85rem;margin-top:-.6rem}.cs-pakket-kaart ul.kenmerken{color:var(--muted);font-size:.88rem;line-height:1.7;flex-grow:1;margin:0;padding-left:1.1rem}.cs-slogan-band{padding:clamp(3.5rem,8vw,6rem) 1.5rem;text-align:center}.cs-slogan-band .script{font-family:var(--font-script);font-size:clamp(2rem,5vw,3.2rem);color:var(--accent-light)}.cs-slogan-band .sub{margin-top:.8rem;color:var(--muted)}.cs-slogan-band .sub a{color:var(--text);font-weight:700;text-decoration:none;border-bottom:1px solid var(--accent-mid)}.cs-form{display:flex;flex-direction:column;gap:1.25rem}.cs-form-row{display:flex;gap:.75rem;flex-wrap:wrap}.cs-form-row>*{flex:1 1 10rem}.cs-tab-row{display:flex;gap:.5rem;margin-bottom:1.5rem}.cs-tab-row button{flex:1}.cs-card{background:var(--panel-1);border:1px solid #1c2f40;border-radius:12px;padding:1rem 1.25rem;margin-bottom:.75rem}
