/* Neon mint, warm forest greens and generous bright surfaces. */
:root { --mint:#55ffd1; --green:#00c89b; --ink:#07392e; --paper:#103b30; --text:#f0fff8; --muted:#c0ded1; --border:#6fffd333; }
body { background:var(--paper); }
.site-header { background:#0a3027; border-bottom:1px solid #62ffd326; }
footer { background:#0a3027; }
nav a { color:#c4e5d6; }
nav a:hover,nav a[aria-current] { color:var(--mint); background:#55ffd112; }
.nav-unavailable { color:#9ebcaf; cursor:default; }
.nav-unavailable s { text-decoration:line-through; text-decoration-thickness:2px; text-decoration-color:var(--mint); }
nav .nav-unavailable { padding:13px 18px; font-size:14px; font-weight:600; }
.footer-grid .nav-unavailable { font-size:11px; }
.header-mail { background:linear-gradient(120deg,#9affdf,#24f3c2); border-color:#b1ffe9; color:#06392d; box-shadow:0 0 25px #32ffc51a,inset 0 2px 0 #fff8; }
.header-mail:hover { background:#aaffdf; }
a:focus-visible,button:focus-visible,summary:focus-visible,video:focus-visible { outline-color:#6fffd3; }
.btn-mint,.btn-dark { background:linear-gradient(120deg,#a5ffe6,#21edb8); color:#06362b; border:1px solid #a0ffe5; box-shadow:inset 0 2px 0 #effffb7a,0 8px 32px #00e8b21a; border-radius:100px; }
.btn-mint:hover,.btn-dark:hover { background:#adffe7; box-shadow:0 8px 35px #00e8b244; }
.btn-outline { border-color:#7fffd35c; border-radius:100px; background:#2c7d6033; }
.hero { padding:72px 0 80px; background:radial-gradient(ellipse at 76% 47%,#1d94766b,transparent 55%),linear-gradient(135deg,#0b3529,#154b3b 65%,#207b5f); overflow:hidden; }
.hero:after { content:''; position:absolute; inset:auto 0 0; height:2px; background:linear-gradient(90deg,transparent,#59ffd4,transparent); box-shadow:0 -8px 60px 14px #42ffbf36; pointer-events:none; }
.hero-dots { height:100%; opacity:.36; }
.hero-layout { display:grid; grid-template-columns:.92fr 1.08fr; gap:48px; align-items:center; }
.hero-copy { text-align:left; }
.location-pill { color:#d0ffec; border-color:#67ffd244; background:#6affc90a; }
.location-pill>span { background:#55ffd1; box-shadow:0 0 18px #55ffd1; }
.hero h1 { font-size:clamp(50px,5.2vw,76px); margin:27px 0 24px; line-height:1.07; }
.hero h1>span { background:linear-gradient(145deg,#a7ffe4,#03efba); color:#55ffd1; -webkit-background-clip:text; background-clip:text; -webkit-text-fill-color:transparent; text-shadow:0 10px 70px #02e4ad20; }
.hero-copy>p { font-size:15px; color:#c7e8d8; max-width:440px; }
.hero-actions { justify-content:flex-start; flex-wrap:wrap; gap:12px; }
.hero-scroll { margin-bottom:0; margin-top:30px; color:#b9f5d8; font-size:8px; }
.hero-film { position:relative; min-width:0; padding:12px; border-radius:23px; background:linear-gradient(135deg,#58ffd32e,#67ffc50b); border:1px solid #8affdf69; box-shadow:0 25px 60px #04251d42,0 0 90px #2cf2b82a,inset 0 1px 0 #c1ffeb55; }
.hero-film:before { content:''; position:absolute; width:80%; height:12px; left:10%; bottom:-12px; background:#24f5be; filter:blur(25px); opacity:.65; z-index:-1; }
.hero-film-top { display:flex; justify-content:space-between; align-items:center; padding:7px 9px 17px; gap:10px; font-size:9px; letter-spacing:.12em; color:#baffdf; font-weight:700; }
.live-dot { display:inline-block; width:6px; height:6px; background:#70ffcf; border-radius:50%; box-shadow:0 0 10px #6cffd4; margin-right:7px; }
.promo-video { display:block; width:100%; aspect-ratio:16/9; border-radius:13px; background:#123d30; object-fit:contain; }
.hero-film-bottom { display:flex; align-items:center; justify-content:space-between; gap:10px; padding:15px 8px 5px; color:#c2f4df; font-size:10px; }
.hero-film-bottom strong { color:#effff8; font-weight:600; }
.hero-film-bottom>span:last-child { color:#74ffce; }
#vervoerders { background:linear-gradient(110deg,#c3ffe4,#83f9d1); color:#0a4838; }
.carrier-strip { border:0; padding:32px 0; }
.carrier-intro .micro { color:#367961; }
.carrier-logo img { filter:brightness(0) saturate(100%); opacity:.88; }
.carrier-logo.mondial img { filter:none; opacity:1; }
.carrier-logo.mondial span { color:#174f3e; }
/* One carrier at a time: DHL, Vinted Go, then Mondial Relay. */
.carrier-strip .carrier-logo {
  --carrier-peak:1.2;
  transform-origin:center;
  animation:carrier-spotlight 7.2s ease-in-out infinite;
}
.carrier-strip .carrier-logo.dhl { animation-delay:0s; }
.carrier-strip .carrier-logo.vinted { animation-delay:2.4s; }
.carrier-strip .carrier-logo.mondial { animation-delay:4.8s; }
@keyframes carrier-spotlight {
  0%,30%,100% { transform:scale(1); }
  15% { transform:scale(var(--carrier-peak)); }
}
@media(max-width:760px) {
  .carrier-strip .carrier-logo { --carrier-peak:1.12; }
}
.service-section { background:linear-gradient(145deg,#e0ffef,#b9f9db); color:#0e4432; }
.service-section .section-top>p { color:#3c6e57; }
.service-section .muted { color:#388464; }
.service-section .eyebrow { color:#256247; }
.tiny-square { background:#32f3b6; box-shadow:0 0 10px #32f3b632; }
.service-section .tiny-square { background:#219e71; box-shadow:none; }
.service-card { background:#f0fff680; border:1px solid #7bc5a1; box-shadow:0 6px 25px #2268480a; }
.service-card h3 { color:#123e2d; }
.service-card p { color:#406c56; }
.service-card .text-link { color:#0b7150; }
.service-card .service-number { color:#50876c; }
.service-icon { background:#d4fae5; border-color:#99d9b9; color:#007e5b; }
.service-card.featured { background:#154d3a; border-color:#2e9470; box-shadow:0 10px 40px #0f5f3726; }
.service-card.featured h3 { color:#eafff2; }
.service-card.featured p { color:#c0e9d4; }
.service-card.featured .text-link,.service-card.featured .service-icon { color:#78ffd0; }
.service-card.featured .service-number { color:#9bcdb2; }
.service-card.featured .service-icon { background:#64ffd514; border-color:#6bffc659; }
.service-card:hover { background:#f3fff8; box-shadow:0 18px 40px #22734f20; }
.service-card.featured:hover { background:#1b6249; }
.how-section { background:radial-gradient(ellipse at 10% 30%,#23805b52,transparent 55%),#174c39; }
.how-intro>p,.step p { color:#c1e6d0; }
.how-note { color:#a9ddc0; }
.step-num { border-color:#5be6a861; background:#5cffae0a; }
.service-tabs { border-color:#75dfb05c; }
.about-section { background:radial-gradient(ellipse at 10% 70%,#36c99535,transparent 52%),#103e31; overflow:clip; }
.about-visual>img { box-shadow:0 20px 65px #041c1a40; border:1px solid #64ffcb40; }
.about-stamp { background:#164e3b; border-color:#6affcd; box-shadow:0 0 30px #47ffbf45; }
.about-stamp .stamp-mark { width:67px; height:auto; overflow:hidden; filter:brightness(1.04) contrast(1.16); mix-blend-mode:screen; }
.faq-section { background:#103e31; padding-top:25px; }
.faq-section .plus { background:#4bffbf26; }
.contact-banner { background:linear-gradient(110deg,#b5ffe4,#4bf9bf 60%,#00ddac); color:#073e2d; }
.contact-banner .btn-dark { background:#0c4b38; color:#c8ffe5; border-color:#196c4c; }
.contact-banner .btn-dark:hover { background:#135c43; }
.subhero { background:radial-gradient(ellipse at 80% 70%,#3beaab38,transparent 55%),linear-gradient(115deg,#124333,#247351); }
.subhero p { color:#d0efda; }
.values-section,.contact-tips { background:#1a513c; }
.contact-aside { background:#1d513e; border-color:#64e3a849; }
.contact-illustration { background:linear-gradient(120deg,#266d50,#2d9169); }
.contact-carriers { border-color:#66dcac40; }
.age-block { background:#1b513b; border-color:#76dca849; }
.footer-grid p,footer p { color:#b0d4bf; }
.footer-grid>div>a:not(.brand),.footer-location { color:#b4ddc6; }
.footer-bottom { border-color:#6affc525; color:#94c1a8; }
@media(max-width:1100px) {
 nav .nav-unavailable { padding:12px 14px; }
 .hero-layout { gap:30px; grid-template-columns:1fr 1fr; }
 .hero h1 { font-size:clamp(46px,5.6vw,64px); }
 .hero-copy>p { font-size:13px; }
 .hero-actions .btn { padding-inline:20px; font-size:11px; }
}
@media(max-width:760px) {
 nav { background:#0a3027; }
 nav .nav-unavailable { padding:14px 16px; }
 .footer-grid .nav-unavailable { font-size:12px; }
 .about-stamp .stamp-mark { width:53px; }
 .hero { padding:45px 0 45px; }
 .hero-layout { grid-template-columns:1fr; gap:36px; }
 .hero-copy { text-align:center; }
 .hero h1 { font-size:clamp(47px,11.5vw,72px); }
 .hero-copy>p { font-size:13px; margin-inline:auto; }
 .hero-actions { justify-content:center; }
 .hero-scroll { margin-top:25px; }
 .hero-film { padding:8px; border-radius:17px; }
 .hero-film-top { font-size:8px; padding:7px 5px 12px; letter-spacing:.06em; }
 .hero-film-bottom { font-size:8px; padding:11px 5px 4px; }
 .promo-video { border-radius:10px; }
 .carrier-strip { padding:25px 0; }
 .service-section .service-card { padding:25px 22px; }
 .faq-section { padding-top:8px; }
}
.film-sound { border:1px solid #72ffd567; border-radius:99px; background:#46ffca16; color:#a9ffe4; padding:6px 10px; font:inherit; font-weight:600; white-space:nowrap; }
.film-sound:hover { background:#50ffc936; color:white; }