/* =====================================================================
   WEBSHOP LOGISTICS LIMBURG — DESIGN SYSTEM
   Alles qua kleuren, spacing en typografie is hier centraal aanpasbaar.
   ===================================================================== */
:root{
  --orange:#f36b21;
  --orange-2:#ff8a18;
  --orange-soft:#fff0e7;
  --ink:#111111;
  --ink-2:#1a1a1a;
  --ink-3:#232323;
  --paper:#f4f2ed;
  --white:#ffffff;
  --muted:#696864;
  --line:#dedbd3;
  --shadow:0 28px 80px rgba(17,17,17,.12);
  --shadow-soft:0 16px 46px rgba(17,17,17,.08);
  --radius:24px;
  --radius-sm:16px;
  --shell:min(1220px, calc(100% - 48px));
  --font:Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--paper);font-family:var(--font);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}
body.menu-open{overflow:hidden}
img{display:block;max-width:100%}
a{color:inherit;text-decoration:none}
button,input,select,textarea{font:inherit}
button{color:inherit}
.shell{width:var(--shell);margin-inline:auto}
.skip-link{position:fixed;left:16px;top:-60px;z-index:9999;background:var(--orange);color:#fff;padding:12px 18px;border-radius:10px;font-weight:800;transition:.2s}.skip-link:focus{top:16px}
.section{padding:118px 0}
.section-light{background:#fff}
.eyebrow{display:flex;align-items:center;gap:11px;margin-bottom:18px;color:var(--orange);font-size:.75rem;font-weight:900;letter-spacing:.16em;text-transform:uppercase}.eyebrow>span{width:28px;height:2px;background:currentColor}.eyebrow-light{color:#ff9a5e}
h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.045em;line-height:1.02}h2{font-size:clamp(2.65rem,5vw,5rem);margin-bottom:26px}h3{font-size:1.55rem;margin-bottom:12px}.lead{font-size:1.12rem;line-height:1.75;color:var(--muted)}
.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:52px;padding:0 22px;border:1px solid transparent;border-radius:12px;font-weight:850;letter-spacing:-.02em;transition:transform .2s ease,box-shadow .2s ease,background .2s ease,border-color .2s ease;cursor:pointer}.button:hover{transform:translateY(-2px)}.button-orange{background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#111;box-shadow:0 12px 30px rgba(243,107,33,.24)}.button-orange:hover{box-shadow:0 16px 38px rgba(243,107,33,.34)}.button-dark{background:#111;color:#fff}.button-dark:hover{background:#242424}.button-glass{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.28);color:#fff;backdrop-filter:blur(12px)}.button-glass:hover{background:rgba(255,255,255,.13)}.button-ghost-dark{background:transparent;border-color:#474747;color:#fff}.button-ghost-dark:disabled{opacity:.38;cursor:not-allowed;transform:none}.button-large{min-height:60px;padding:0 27px;border-radius:14px}.text-arrow{display:inline-flex;align-items:center;gap:12px;margin-top:16px;font-weight:900;border-bottom:2px solid var(--orange);padding-bottom:4px}.text-arrow span{color:var(--orange)}

/* HEADER */
.site-header{position:relative;z-index:100}.topbar{height:38px;background:#0b0b0b;color:#aaa;font-size:.76rem}.topbar-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar-left,.topbar-right{display:flex;align-items:center;gap:10px}.topbar-right a:hover{color:#fff}.topbar-sep{color:#444}.live-dot{width:7px;height:7px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px rgba(243,107,33,.12)}.nav-shell{position:absolute;top:38px;left:0;right:0;background:linear-gradient(180deg,rgba(7,7,7,.94),rgba(7,7,7,.74));border-bottom:1px solid rgba(255,255,255,.1);backdrop-filter:blur(18px)}.nav-inner{height:88px;display:flex;align-items:center;gap:26px}.brand{width:245px;flex:0 0 245px;overflow:hidden}.brand img{width:245px;height:52px;object-fit:cover;object-position:center;border-radius:6px;filter:contrast(1.04) saturate(1.04)}.main-nav{margin-left:auto;display:flex;align-items:center;gap:26px}.main-nav a{position:relative;color:#d8d8d8;font-size:.88rem;font-weight:730}.main-nav a::after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:right .2s}.main-nav a:hover{color:#fff}.main-nav a:hover::after{right:0}.nav-cta{min-height:46px;padding:0 17px;font-size:.84rem}.menu-toggle{display:none;margin-left:auto;width:48px;height:48px;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:#171717;padding:0;place-content:center;gap:5px}.menu-toggle span{display:block;width:20px;height:2px;background:#fff;margin:4px auto;transition:.2s}

/* HERO */
.hero{position:relative;min-height:820px;height:min(860px,calc(100vh - 10px));display:flex;align-items:center;overflow:hidden;background:#111;color:#fff}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 58%;filter:saturate(.82) contrast(1.03)}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(4,4,4,.94) 0%,rgba(4,4,4,.82) 40%,rgba(4,4,4,.36) 72%,rgba(4,4,4,.64) 100%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 45%)}.hero::after{content:"";position:absolute;inset:auto 0 0;height:120px;background:linear-gradient(transparent,#101010)}.hero-orb{position:absolute;border-radius:50%;filter:blur(3px);pointer-events:none}.hero-orb-one{width:520px;height:520px;right:-160px;top:80px;background:radial-gradient(circle,rgba(243,107,33,.22),transparent 68%)}.hero-orb-two{width:400px;height:400px;left:28%;bottom:-250px;background:radial-gradient(circle,rgba(243,107,33,.18),transparent 70%)}.hero-content{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,1.24fr) minmax(320px,.63fr);gap:78px;align-items:end;padding-top:110px}.hero-copy{max-width:760px}.hero h1{font-size:clamp(4rem,7.2vw,7.6rem);line-height:.88;margin-bottom:30px;max-width:900px}.hero h1 em{font-style:normal;color:var(--orange)}.hero-copy>p{max-width:690px;color:#d1d1d1;font-size:1.15rem;line-height:1.7}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.hero-trust{display:flex;gap:0;margin-top:48px;border-top:1px solid rgba(255,255,255,.18);border-bottom:1px solid rgba(255,255,255,.18);max-width:700px}.hero-trust>div{flex:1;padding:18px 22px 18px 0}.hero-trust>div+div{border-left:1px solid rgba(255,255,255,.18);padding-left:22px}.hero-trust b,.hero-trust span{display:block}.hero-trust b{font-size:1.75rem;line-height:1;color:var(--orange)}.hero-trust span{font-size:.78rem;color:#bbb;margin-top:7px}.hero-footnote{display:block;color:#777;margin-top:10px;font-size:.69rem}.hero-panel{padding:30px;background:rgba(16,16,16,.72);border:1px solid rgba(255,255,255,.16);border-radius:22px;backdrop-filter:blur(18px);box-shadow:0 32px 80px rgba(0,0,0,.26)}.hero-panel-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:34px}.panel-number{width:46px;height:46px;display:grid;place-items:center;background:var(--orange);color:#111;border-radius:10px;font-weight:950}.panel-label{color:#858585;font-size:.72rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}.hero-panel h2{font-size:2.25rem;margin-bottom:25px}.hero-panel ul{list-style:none;margin:0 0 26px;padding:0;border-top:1px solid rgba(255,255,255,.14)}.hero-panel li{display:flex;gap:14px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.11);color:#ddd;font-size:.89rem}.hero-panel li span{color:var(--orange);font-size:.7rem;font-weight:900}.hero-panel>a{display:flex;justify-content:space-between;align-items:center;color:#fff;font-weight:850}.hero-panel>a span{color:var(--orange);font-size:1.2rem}.hero-scroll{position:absolute;z-index:5;bottom:24px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#878787;font-size:.7rem;letter-spacing:.12em;text-transform:uppercase}.hero-scroll span{width:8px;height:8px;border:2px solid var(--orange);border-radius:50%}

/* SERVICE RAIL */
.service-rail{position:relative;z-index:8;margin-top:-2px;background:#101010;color:#fff;border-top:1px solid rgba(255,255,255,.08)}.service-rail-grid{display:grid;grid-template-columns:repeat(4,1fr)}.rail-card{position:relative;min-height:280px;padding:35px 28px 30px;border-right:1px solid #292929;transition:background .22s,transform .22s}.rail-card:first-child{border-left:1px solid #292929}.rail-card:hover{background:#181818;transform:translateY(-5px)}.rail-no{position:absolute;right:18px;top:16px;color:#4d4d4d;font-size:.72rem;font-weight:900}.icon-tile{width:54px;height:54px;display:grid;place-items:center;margin-bottom:30px;background:var(--orange);border-radius:12px}.icon-tile svg{width:28px;height:28px;fill:none;stroke:#111;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.rail-card h3{font-size:1.55rem}.rail-card p{min-height:76px;color:#8d8d8d;font-size:.9rem;line-height:1.6}.rail-card b{display:flex;align-items:center;justify-content:space-between;padding-top:18px;border-top:1px solid #303030;color:#d9d9d9;font-size:.82rem}.rail-card b span{color:var(--orange)}

/* INTRO */
.intro-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:86px;align-items:center}.intro-copy h2{max-width:650px}.intro-copy .lead{max-width:620px}.bullet-columns{display:grid;grid-template-columns:1fr 1fr;gap:30px;margin:34px 0}.ticks{list-style:none;padding:0;margin:0}.ticks li{position:relative;padding:10px 0 10px 29px;border-bottom:1px solid #ece9e2;font-weight:700;font-size:.92rem}.ticks li::before{content:"";position:absolute;left:0;top:17px;width:12px;height:7px;border-left:2px solid var(--orange);border-bottom:2px solid var(--orange);transform:rotate(-45deg)}.intro-visual{position:relative;padding:34px 0 54px 45px}.image-frame{position:relative;overflow:hidden;border-radius:var(--radius);box-shadow:var(--shadow)}.image-frame::after{content:"";position:absolute;inset:0;border:1px solid rgba(255,255,255,.25);border-radius:inherit;pointer-events:none}.image-frame-main img{width:100%;height:610px;object-fit:cover;object-position:58% center}.intro-badge{position:absolute;left:0;bottom:95px;z-index:4;width:190px;padding:24px;background:#111;color:#fff;border-radius:18px;box-shadow:var(--shadow-soft)}.intro-badge b{display:block;color:var(--orange);font-size:2.5rem;line-height:1}.intro-badge span{display:block;margin-top:12px;color:#b5b5b5;font-size:.82rem;line-height:1.6;text-transform:uppercase;letter-spacing:.08em}.orange-block{position:absolute;width:210px;height:180px;right:-34px;bottom:4px;background:linear-gradient(135deg,var(--orange),var(--orange-2));border-radius:18px;z-index:-1}

/* SPLIT MEDIA / FULFILMENT */
.fulfilment-section{background:#f4f2ed}.split-media-grid{display:grid;grid-template-columns:1fr .92fr;gap:82px;align-items:center}.split-media{position:relative}.split-media>img{width:100%;height:690px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow-soft)}.media-caption{position:absolute;left:24px;right:24px;bottom:24px;display:flex;gap:18px;align-items:center;padding:20px 22px;background:rgba(17,17,17,.9);color:#fff;border-radius:15px;backdrop-filter:blur(12px)}.media-caption>span{width:42px;height:42px;display:grid;place-items:center;background:var(--orange);color:#111;border-radius:9px;font-size:.75rem;font-weight:900}.media-caption p{margin:0;color:#aaa;line-height:1.35}.media-caption b{color:#fff}.split-copy>p{color:var(--muted);font-size:1.05rem;line-height:1.75}.feature-list{margin:34px 0}.feature-list>div{display:grid;grid-template-columns:42px 1fr;gap:18px;padding:17px 0;border-top:1px solid #d9d5cd}.feature-list>div:last-child{border-bottom:1px solid #d9d5cd}.feature-list>div>span{color:var(--orange);font-size:.75rem;font-weight:950}.feature-list b,.feature-list p{display:block}.feature-list p{margin:4px 0 0;color:var(--muted);font-size:.88rem}

/* PROCESS */
.process-section{background:#111;color:#fff;overflow:hidden}.process-section::before{content:"";position:absolute}.section-head.center{text-align:center;max-width:850px;margin:0 auto 60px}.section-head.center .eyebrow{justify-content:center}.section-head.center p{max-width:700px;margin:0 auto;color:#999}.process-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.process-card{position:relative;min-height:340px;padding:34px;border:1px solid #2e2e2e;border-radius:20px;background:#171717;overflow:hidden}.process-card::before{content:"";position:absolute;right:-80px;bottom:-100px;width:220px;height:220px;border:1px solid #292929;border-radius:50%}.process-no{display:grid;place-items:center;width:58px;height:58px;border-radius:14px;background:var(--orange);color:#111;font-weight:950}.process-line{width:100%;height:1px;background:#333;margin:40px 0 32px}.process-card h3{font-size:1.65rem;max-width:270px}.process-card p{color:#8d8d8d;font-size:.93rem;max-width:300px}

/* PACKAGE SERVICE */
.package-grid{display:grid;grid-template-columns:1fr .9fr;gap:85px;align-items:center}.mini-card-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:34px}.mini-card{padding:22px;border:1px solid var(--line);background:var(--paper);border-radius:15px}.mini-card>span{display:block;color:var(--orange);font-size:.72rem;font-weight:950}.mini-card b{display:block;margin:15px 0 7px}.mini-card p{margin:0;color:var(--muted);font-size:.83rem;line-height:1.55}.package-visual{position:relative;padding-right:28px}.package-visual img{width:100%;height:650px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.visual-float{position:absolute;right:0;bottom:35px;max-width:280px;padding:24px;background:var(--orange);color:#111;border-radius:17px;box-shadow:0 24px 60px rgba(243,107,33,.28)}.visual-float span,.visual-float b{display:block}.visual-float span{font-size:.78rem;text-transform:uppercase;letter-spacing:.08em}.visual-float b{font-size:1.2rem;line-height:1.15;margin-top:5px}

/* CHOICE */
.choice-section{background:#111;color:#fff}.choice-heading{display:grid;grid-template-columns:1.15fr .65fr;gap:80px;align-items:end;margin-bottom:54px}.choice-heading p{margin:0;color:#999;max-width:520px}.choice-shell{max-width:1040px;margin:auto;padding:38px;background:#181818;border:1px solid #303030;border-radius:24px;box-shadow:0 34px 90px rgba(0,0,0,.22)}.choice-top{display:grid;grid-template-columns:auto 1fr;gap:24px;align-items:center;margin-bottom:36px}.choice-top>span{color:#8c8c8c;font-size:.74rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.choice-progress{height:5px;background:#303030;border-radius:50px;overflow:hidden}.choice-progress span{display:block;width:25%;height:100%;background:linear-gradient(90deg,var(--orange),var(--orange-2));transition:width .25s}.choice-step{display:none;border:0;padding:0;margin:0}.choice-step.is-active{display:block;animation:fadeUp .28s ease}.choice-step legend{width:100%;padding:0;font-size:clamp(1.8rem,3.4vw,3.2rem);font-weight:850;letter-spacing:-.04em;line-height:1.08}.option-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:30px}.choice-option{position:relative;cursor:pointer}.choice-option input{position:absolute;opacity:0}.choice-option>span{min-height:116px;display:flex;flex-direction:column;justify-content:center;padding:22px;border:1px solid #3b3b3b;border-radius:15px;background:#202020;transition:.2s}.choice-option b{font-size:1rem}.choice-option small{color:#8e8e8e;margin-top:5px}.choice-option:hover>span{border-color:#666;transform:translateY(-2px)}.choice-option input:checked+span{border-color:var(--orange);background:#27211e;box-shadow:inset 0 0 0 1px var(--orange)}.choice-option input:focus-visible+span{outline:3px solid rgba(243,107,33,.25);outline-offset:2px}.choice-controls{display:flex;justify-content:space-between;gap:12px;margin-top:30px}.choice-result{text-align:center;padding:16px 20px 8px}.result-mark{width:70px;height:70px;margin:0 auto 18px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#111;font-size:.7rem;font-weight:950;text-transform:uppercase;line-height:1.05}.result-badge{display:inline-block;color:#ff9a5e;font-size:.75rem;font-weight:900;letter-spacing:.13em;text-transform:uppercase}.choice-result h3{font-size:clamp(2.3rem,5vw,4.6rem);max-width:780px;margin:10px auto 18px}.choice-result>p{max-width:730px;margin:0 auto 24px;color:#a6a6a6}.result-list{list-style:none;display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin:0 auto 32px;padding:0}.result-list li{padding:9px 13px;border:1px solid #3a3a3a;border-radius:999px;color:#d0d0d0;font-size:.82rem}.result-actions{display:flex;justify-content:center;gap:10px;flex-wrap:wrap}

/* CARRIERS / LOCATIONS */
.carrier-section{padding:118px 0;background:linear-gradient(135deg,#f36b21 0%,#ff8318 100%);color:#111;overflow:hidden}.carrier-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px;align-items:center}.carrier-copy .eyebrow{color:#111}.carrier-copy .eyebrow>span{background:#111}.carrier-copy h2{max-width:580px}.carrier-copy>p{max-width:560px;font-size:1.05rem}.carrier-list{display:flex;flex-wrap:wrap;gap:9px;margin:30px 0 18px}.carrier-list span{padding:11px 16px;border:1px solid rgba(17,17,17,.22);background:rgba(255,255,255,.52);border-radius:999px;font-size:.86rem;font-weight:900;box-shadow:0 8px 18px rgba(17,17,17,.05)}.carrier-copy small{display:block;opacity:.65}.location-stack{display:grid;grid-template-columns:1.15fr .85fr;gap:14px}.location-card{position:relative;min-height:480px;overflow:hidden;border-radius:22px;box-shadow:0 30px 70px rgba(75,32,0,.18)}.location-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.location-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 18%,rgba(0,0,0,.82) 100%)}.location-content{position:absolute;z-index:3;left:26px;right:26px;bottom:28px}.location-photo{color:#fff}.location-tag{display:inline-block;padding:7px 10px;border-radius:8px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.22);backdrop-filter:blur(8px);font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.location-card h3{font-size:2.5rem;margin:16px 0 8px}.location-card p{margin-bottom:25px;line-height:1.45}.location-card a{font-weight:900}.location-card a span{margin-left:8px}.location-orange{background:#111;color:#fff}.location-orange .location-content{top:32px;bottom:auto}.location-orange::before{content:"02";position:absolute;right:-15px;bottom:-35px;color:#202020;font-size:13rem;font-weight:950;letter-spacing:-.08em}.location-orange .location-tag{background:var(--orange);color:#111;border:0}.location-pattern{position:absolute;inset:0;background:linear-gradient(125deg,transparent 58%,rgba(243,107,33,.14) 58% 59%,transparent 59% 67%,rgba(243,107,33,.12) 67% 68%,transparent 68%)}

/* TRANSPORT */
.transport-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:90px;align-items:center}.transport-visual{position:relative;padding:0 45px 70px 0}.transport-main{width:100%;height:650px;object-fit:cover;border-radius:var(--radius);box-shadow:var(--shadow)}.transport-small{position:absolute;right:0;bottom:0;width:48%;height:245px;object-fit:cover;border:8px solid #fff;border-radius:20px;box-shadow:var(--shadow-soft)}.transport-stamp{position:absolute;left:-22px;bottom:90px;width:150px;height:150px;display:grid;place-content:center;background:var(--orange);color:#111;border-radius:50%;text-align:center;transform:rotate(-8deg);box-shadow:0 20px 50px rgba(243,107,33,.25)}.transport-stamp b{font-size:2rem;line-height:1}.transport-stamp span{font-size:.66rem;text-transform:uppercase;letter-spacing:.08em;line-height:1.4;margin-top:5px}.transport-copy>p{color:var(--muted);font-size:1.04rem;line-height:1.75}.transport-points{display:grid;grid-template-columns:1fr 1fr;gap:0 28px;margin:30px 0}.transport-points>div{display:grid;grid-template-columns:36px 1fr;gap:10px;padding:16px 0;border-top:1px solid var(--line)}.transport-points>div>span{color:var(--orange);font-size:.72rem;font-weight:950}.transport-points p{margin:0}.transport-points b,.transport-points small{display:block}.transport-points small{color:var(--muted);font-size:.8rem;margin-top:4px}

/* STORY */
.story-section{background:#111;color:#fff}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:100px}.story-copy>p{color:#9a9a9a;max-width:620px;line-height:1.78}.story-copy .button{margin-top:12px}.story-timeline{position:relative;padding-left:10px}.story-timeline::before{content:"";position:absolute;left:56px;top:30px;bottom:30px;width:1px;background:#373737}.timeline-item{position:relative;display:grid;grid-template-columns:92px 1fr;gap:22px;padding-bottom:34px}.timeline-item:last-child{padding-bottom:0}.timeline-item>span{position:relative;z-index:2;width:74px;height:36px;display:grid;place-items:center;background:var(--orange);color:#111;border-radius:999px;font-size:.75rem;font-weight:950}.timeline-item>div{padding:2px 0 30px;border-bottom:1px solid #303030}.timeline-item:last-child>div{border-bottom:0}.timeline-item b{font-size:1.1rem}.timeline-item p{margin:6px 0 0;color:#818181;font-size:.9rem}

/* GALLERY */
.gallery-strip{background:#111}.gallery-grid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:2px}.gallery-grid figure{position:relative;margin:0;height:430px;overflow:hidden;background:#222}.gallery-grid img{width:100%;height:100%;object-fit:cover;transition:transform .5s ease,filter .5s ease;filter:saturate(.82)}.gallery-grid figure:hover img{transform:scale(1.035);filter:saturate(1)}.gallery-grid figcaption{position:absolute;left:20px;bottom:20px;padding:7px 11px;background:rgba(17,17,17,.78);color:#fff;border-radius:7px;font-size:.68rem;font-weight:900;letter-spacing:.09em;text-transform:uppercase}

/* FAQ */
.faq-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:90px}.faq-title>p{color:var(--muted);max-width:370px}.accordion-item{border-top:1px solid var(--line)}.accordion-item:last-child{border-bottom:1px solid var(--line)}.accordion-item button{width:100%;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border:0;background:transparent;text-align:left;font-weight:850;cursor:pointer}.accordion-item button b{width:34px;height:34px;display:grid;place-items:center;border-radius:50%;background:#111;color:var(--orange);font-size:1.2rem;transition:transform .2s}.accordion-content{display:grid;grid-template-rows:0fr;transition:grid-template-rows .28s ease}.accordion-content>p{overflow:hidden;margin:0;color:var(--muted);font-size:.93rem;max-width:770px}.accordion-item.is-open .accordion-content{grid-template-rows:1fr}.accordion-item.is-open .accordion-content>p{padding:0 60px 22px 0}.accordion-item.is-open button b{transform:rotate(45deg)}

/* CONTACT */
.contact-section{padding:118px 0;background:radial-gradient(circle at 8% 15%,rgba(243,107,33,.12),transparent 24%),#111;color:#fff}.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:85px;align-items:start}.contact-copy{position:sticky;top:120px}.contact-copy>p{max-width:520px;color:#989898;font-size:1.03rem}.contact-cards{display:grid;gap:10px;margin-top:38px}.contact-cards a{display:flex;justify-content:space-between;gap:20px;padding:18px 0;border-top:1px solid #333}.contact-cards a:last-child{border-bottom:1px solid #333}.contact-cards span{color:#737373;font-size:.75rem;text-transform:uppercase;letter-spacing:.08em}.contact-cards b{font-size:.9rem}.form-card{padding:38px;background:#fff;color:#111;border-radius:24px;box-shadow:0 30px 90px rgba(0,0,0,.22)}.form-head{margin-bottom:28px}.form-head span{color:var(--orange);font-size:.72rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}.form-head h3{font-size:2.2rem;margin:9px 0 0}.form-row.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}.form-card label{display:block;color:#444;font-size:.75rem;font-weight:800;margin-bottom:14px}.form-card input,.form-card select,.form-card textarea{width:100%;margin-top:7px;padding:14px 15px;border:1px solid #d9d7d1;border-radius:11px;background:#f8f7f3;color:#111;outline:none;transition:border .2s,box-shadow .2s}.form-card input:focus,.form-card select:focus,.form-card textarea:focus{border-color:var(--orange);box-shadow:0 0 0 3px rgba(243,107,33,.12)}.form-card textarea{resize:vertical}.button-submit{width:100%;margin-top:3px}.form-status{margin:10px 0 0;color:var(--muted);font-size:.78rem;text-align:center}

/* FOOTER */
.site-footer{background:#090909;color:#fff;border-top:1px solid #292929}.footer-top{display:grid;grid-template-columns:1.4fr .7fr .8fr 1.05fr;gap:55px;padding:70px 0}.footer-brand img{width:255px;height:53px;object-fit:cover;border-radius:5px}.footer-brand p{max-width:360px;margin:20px 0 0;color:#707070;font-size:.88rem}.footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:8px}.footer-col>b{color:#fff;margin-bottom:7px}.footer-col a,.footer-col span{color:#777;font-size:.84rem}.footer-col a:hover{color:var(--orange)}.footer-bottom{min-height:74px;display:flex;align-items:center;justify-content:space-between;gap:20px;border-top:1px solid #242424;color:#606060;font-size:.74rem}.footer-bottom>div{display:flex;gap:24px}.footer-bottom a:hover{color:#fff}.mobile-cta{display:none}

/* REVEAL */
.reveal{opacity:0;transform:translateY(24px);transition:opacity .6s ease,transform .6s ease}.reveal.is-visible{opacity:1;transform:none}@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}

/* TABLET */
@media (max-width:1080px){
  :root{--shell:min(100% - 36px, 960px)}
  .topbar{display:none}.nav-shell{top:0}.nav-inner{height:78px}.brand{width:215px;flex-basis:215px}.brand img{width:215px;height:46px}.main-nav{gap:17px}.main-nav a{font-size:.8rem}.nav-cta{display:none}
  .hero{min-height:780px;height:auto;padding:165px 0 90px}.hero-content{grid-template-columns:1fr;gap:34px;padding-top:0}.hero-copy{max-width:760px}.hero h1{font-size:clamp(4rem,9vw,6.5rem)}.hero-panel{max-width:520px}.hero-scroll{display:none}
  .service-rail-grid{grid-template-columns:1fr 1fr}.rail-card:nth-child(3){border-left:1px solid #292929}.rail-card{min-height:250px}
  .intro-grid,.split-media-grid,.package-grid,.transport-grid{grid-template-columns:1fr;gap:60px}.intro-visual,.package-visual,.transport-visual{max-width:760px;margin-inline:auto;width:100%}.image-frame-main img,.split-media>img,.package-visual img,.transport-main{height:560px}
  .choice-heading{grid-template-columns:1fr;gap:10px}.carrier-grid{grid-template-columns:1fr;gap:50px}.location-stack{max-width:850px}.story-grid{gap:55px}.faq-grid{gap:55px}.contact-grid{gap:50px}.footer-top{grid-template-columns:1.3fr 1fr 1fr}.footer-col:last-child{grid-column:2/4}
}

/* MOBILE NAV + PHONE */
@media (max-width:760px){
  :root{--shell:calc(100% - 28px);--radius:18px}
  .section{padding:82px 0}h2{font-size:clamp(2.45rem,12vw,4rem)}
  .nav-inner{height:70px}.brand{width:188px;flex-basis:188px}.brand img{width:188px;height:40px}.menu-toggle{display:block}.main-nav{position:fixed;z-index:400;inset:70px 0 auto 0;display:flex;flex-direction:column;align-items:stretch;gap:0;padding:16px 22px 30px;background:#111;border-top:1px solid #2b2b2b;transform:translateY(-120%);opacity:0;pointer-events:none;transition:.25s}.main-nav.is-open{transform:translateY(0);opacity:1;pointer-events:auto}.main-nav a{padding:15px 4px;border-bottom:1px solid #292929;font-size:1rem}.main-nav a::after{display:none}.menu-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}
  .hero{min-height:auto;padding:145px 0 72px}.hero-image{object-position:58% center}.hero-shade{background:linear-gradient(180deg,rgba(4,4,4,.78),rgba(4,4,4,.94) 65%,#0c0c0c)}.hero h1{font-size:clamp(3.35rem,17vw,5.1rem);line-height:.9}.hero-copy>p{font-size:1rem}.hero-actions{display:grid}.hero-actions .button{width:100%}.hero-trust{display:grid;grid-template-columns:1fr 1fr}.hero-trust>div{padding:15px 10px 15px 0}.hero-trust>div+div{padding-left:12px}.hero-trust>div:nth-child(3){grid-column:1/3;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0}.hero-panel{padding:22px}.hero-panel h2{font-size:1.85rem}.hero-panel ul{margin-bottom:20px}
  .service-rail-grid{grid-template-columns:1fr}.rail-card,.rail-card:nth-child(3){min-height:auto;border-left:1px solid #292929;padding:26px 22px}.rail-card p{min-height:auto}.icon-tile{margin-bottom:20px}.rail-card b{margin-top:18px}
  .intro-grid{gap:48px}.bullet-columns{grid-template-columns:1fr;gap:0}.intro-visual{padding:0 0 55px 18px}.image-frame-main img{height:410px}.intro-badge{left:0;bottom:8px;width:158px;padding:18px}.orange-block{right:-30px;width:150px;height:130px}
  .split-media-grid{gap:45px}.split-media>img{height:430px}.media-caption{left:14px;right:14px;bottom:14px;padding:15px}.feature-list>div{grid-template-columns:34px 1fr}
  .section-head.center{margin-bottom:38px}.process-grid{grid-template-columns:1fr}.process-card{min-height:auto;padding:26px}.process-line{margin:26px 0}.mini-card-grid{grid-template-columns:1fr}.package-visual{padding-right:12px}.package-visual img{height:460px}.visual-float{right:0;bottom:20px;max-width:230px}
  .choice-heading{margin-bottom:32px}.choice-shell{padding:24px 16px;border-radius:18px}.choice-top{grid-template-columns:1fr;gap:10px}.choice-step legend{font-size:2rem}.option-grid,.option-grid.two{grid-template-columns:1fr}.choice-option>span{min-height:90px}.choice-controls{display:grid;grid-template-columns:1fr 1fr}.choice-controls .button{padding:0 12px}.choice-result{padding-inline:0}
  .carrier-section{padding:82px 0}.location-stack{grid-template-columns:1fr}.location-card{min-height:390px}.location-orange{min-height:310px}.location-orange .location-content{top:26px}.location-orange::before{font-size:10rem}
  .transport-grid{gap:50px}.transport-visual{padding:0 20px 65px 0}.transport-main{height:470px}.transport-small{width:55%;height:180px;border-width:5px}.transport-stamp{left:-5px;bottom:85px;width:110px;height:110px}.transport-points{grid-template-columns:1fr}
  .story-grid{grid-template-columns:1fr;gap:55px}.story-timeline::before{left:42px}.timeline-item{grid-template-columns:72px 1fr;gap:14px}.timeline-item>span{width:58px}
  .gallery-grid{grid-template-columns:1fr}.gallery-grid figure{height:310px}.gallery-grid figure:nth-child(2){display:none}
  .faq-grid{grid-template-columns:1fr;gap:35px}.accordion-item.is-open .accordion-content>p{padding-right:10px}
  .contact-section{padding:82px 0 110px}.contact-grid{grid-template-columns:1fr}.contact-copy{position:static}.contact-cards a{display:block}.contact-cards b{display:block;margin-top:5px;word-break:break-word}.form-card{padding:24px 18px}.form-row.two{grid-template-columns:1fr;gap:0}.form-head h3{font-size:1.8rem}
  .footer-top{grid-template-columns:1fr;gap:34px;padding:55px 0}.footer-col:last-child{grid-column:auto}.footer-bottom{align-items:flex-start;flex-direction:column;padding:20px 0 96px}.footer-bottom>div{flex-wrap:wrap}.mobile-cta{position:fixed;z-index:300;display:flex;align-items:center;justify-content:space-between;left:14px;right:14px;bottom:12px;min-height:56px;padding:0 18px;background:linear-gradient(135deg,var(--orange),var(--orange-2));color:#111;border-radius:14px;font-weight:950;box-shadow:0 16px 40px rgba(0,0,0,.32)}
}

@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.rail-card,.gallery-grid img{transition:none}}


/* =====================================================================
   V3 — UITGEBREIDE HOMEPAGE + EXACT AANGELEVERD LOGO
   ===================================================================== */
.brand{width:238px;flex-basis:238px;overflow:visible}.brand img{width:230px;height:auto;max-height:76px;object-fit:contain;object-position:left center;border-radius:0;filter:none}.footer-brand img{width:290px;height:auto;object-fit:contain;border-radius:0}
.audience-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:72px}.audience-grid article{position:relative;padding:28px;border:1px solid var(--line);border-radius:18px;background:#f8f7f3}.audience-grid article:nth-child(2){background:#111;color:#fff;border-color:#111}.audience-grid article>span{display:inline-flex;margin-bottom:28px;padding:7px 9px;border-radius:7px;background:var(--orange);color:#111;font-size:.66rem;font-weight:950;letter-spacing:.1em}.audience-grid h3{font-size:1.45rem}.audience-grid p{margin:0;color:var(--muted);font-size:.9rem}.audience-grid article:nth-child(2) p{color:#999}
.fulfilment-proof-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:28px 0 30px}.fulfilment-proof-grid>div{padding:18px;border:1px solid var(--line);border-radius:14px;background:#fff}.fulfilment-proof-grid b,.fulfilment-proof-grid span{display:block}.fulfilment-proof-grid b{color:var(--orange);font-size:1rem}.fulfilment-proof-grid span{margin-top:5px;color:var(--muted);font-size:.78rem;line-height:1.45}
.process-grid-five{grid-template-columns:repeat(5,1fr);gap:10px}.process-grid-five .process-card{padding:28px 22px;min-height:295px}.process-grid-five h3{font-size:1.25rem}.process-grid-five p{font-size:.84rem}
.solution-section{padding:110px 0;background:#0d0d0d;color:#fff}.solution-head{display:grid;grid-template-columns:1.1fr .9fr;gap:70px;align-items:end;margin-bottom:44px}.solution-head h2{max-width:760px}.solution-head>p{color:#8d8d8d;margin:0 0 8px}.solution-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.solution-card{position:relative;display:flex;flex-direction:column;min-height:390px;padding:28px 23px;border:1px solid #303030;border-radius:18px;background:#151515;transition:.22s}.solution-card:hover{transform:translateY(-5px);border-color:#4b4b4b}.solution-card.featured{border-color:var(--orange);box-shadow:inset 0 3px 0 var(--orange),0 20px 60px rgba(0,0,0,.22)}.solution-kicker{color:var(--orange);font-size:.68rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}.solution-card h3{margin:9px 0 18px;font-size:2rem}.solution-card p{color:#929292;font-size:.86rem}.solution-card ul{list-style:none;padding:0;margin:10px 0 26px;border-top:1px solid #303030}.solution-card li{position:relative;padding:10px 0 10px 20px;border-bottom:1px solid #292929;color:#ccc;font-size:.79rem}.solution-card li:before{content:'+';position:absolute;left:0;color:var(--orange);font-weight:900}.solution-card a{margin-top:auto;color:#fff;font-size:.8rem;font-weight:900}.solution-card a:hover{color:var(--orange)}
.carrier-section{padding:112px 0;background:#f2f0ea}.carrier-intro{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:end}.carrier-intro h2{margin-bottom:0}.carrier-intro>p{margin:0 0 8px;color:var(--muted)}.carrier-badges{display:grid;grid-template-columns:repeat(7,1fr);gap:9px;margin:48px 0 94px}.carrier-badges>div{min-height:135px;display:flex;flex-direction:column;justify-content:space-between;padding:18px;border:1px solid #d8d5cd;background:#fff;border-radius:15px;box-shadow:0 10px 30px rgba(17,17,17,.04)}.carrier-badges b{font-size:1.1rem}.carrier-badges span{color:var(--muted);font-size:.7rem;line-height:1.35}.carrier-badges>div:nth-child(1){border-top:5px solid #f58220}.carrier-badges>div:nth-child(2){border-top:5px solid #ffcc00}.carrier-badges>div:nth-child(3){border-top:5px solid #dc0032}.carrier-badges>div:nth-child(4){border-top:5px solid #351c15}.carrier-badges>div:nth-child(5){border-top:5px solid #09a6a0}.carrier-badges>div:nth-child(6){border-top:5px solid #d4145a}.carrier-badges>div:nth-child(7){border-top:5px solid #152c84}.location-heading{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:end;margin-bottom:30px;padding-top:25px;border-top:1px solid #d5d2ca}.location-heading span{color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.12em}.location-heading h2{margin:8px 0 0;font-size:clamp(2.3rem,4vw,4rem)}.location-heading p{margin:0 0 6px;color:var(--muted)}.location-links{display:flex;gap:10px;flex-wrap:wrap}.location-links a{display:inline-flex;padding:9px 13px;border:1px solid rgba(255,255,255,.3);border-radius:9px}.location-orange .location-links a{border-color:rgba(17,17,17,.3)}
.story-copy p{font-size:1rem;line-height:1.78}.story-copy em{color:#fff;font-style:normal;font-weight:800}.story-copy b{color:#fff}
@media (max-width:1180px){.main-nav{gap:16px}.main-nav a{font-size:.78rem}.solution-grid{grid-template-columns:repeat(3,1fr)}.solution-card:nth-child(4),.solution-card:nth-child(5){min-height:340px}.carrier-badges{grid-template-columns:repeat(4,1fr)}.process-grid-five{grid-template-columns:repeat(3,1fr)}}
@media (max-width:1080px){.brand{width:206px;flex-basis:206px}.brand img{width:200px}.audience-grid{grid-template-columns:1fr}.solution-head,.carrier-intro,.location-heading{grid-template-columns:1fr;gap:18px}.solution-grid{grid-template-columns:repeat(2,1fr)}.process-grid-five{grid-template-columns:1fr 1fr}.carrier-badges{grid-template-columns:repeat(3,1fr)}}
@media (max-width:760px){.brand{width:174px;flex-basis:174px}.brand img{width:170px;max-height:60px}.audience-grid{margin-top:50px}.fulfilment-proof-grid{grid-template-columns:1fr}.process-grid-five,.solution-grid{grid-template-columns:1fr}.solution-section{padding:82px 0}.solution-card{min-height:auto}.carrier-badges{grid-template-columns:1fr 1fr;margin:36px 0 70px}.carrier-badges>div{min-height:112px}.footer-brand img{width:245px}}


/* =====================================================================
   MULTI PAGE UPDATE
   De oorspronkelijke WLL vormgeving blijft de basis.
   ===================================================================== */
.site-header{position:sticky;top:0;z-index:1000;background:#0b0b0b;box-shadow:0 8px 30px rgba(0,0,0,.18)}
.nav-shell{position:relative;top:auto;left:auto;right:auto;background:linear-gradient(180deg,rgba(10,10,10,.98),rgba(10,10,10,.94));backdrop-filter:blur(18px)}
.brand img{filter:none;opacity:1;object-fit:contain;background:transparent}
.main-nav a.is-current{color:#fff}.main-nav a.is-current::after{right:0}
.inner-page .mobile-cta,.choice-page .mobile-cta,.offer-page .mobile-cta{display:none}
.page-hero{position:relative;min-height:510px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 82% 18%,rgba(243,107,33,.22),transparent 28%),linear-gradient(135deg,#111 0%,#181818 62%,#0b0b0b 100%);color:#fff}
.page-hero-photo>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.85)}
.page-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(5,5,5,.94),rgba(5,5,5,.75) 54%,rgba(5,5,5,.42))}
.page-hero-content{position:relative;z-index:2;padding:85px 0;max-width:1280px}.page-hero-content h1{max-width:970px;margin:15px 0 20px;font-size:clamp(3.2rem,6vw,6.6rem);line-height:.94;letter-spacing:-.055em}.page-hero-content>p{max-width:760px;color:#bbb;font-size:1.08rem;line-height:1.75}
.home-choice{background:#111;color:#fff}.home-choice-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:80px;align-items:center}.home-choice-grid>div>p{color:#9b9b9b;max-width:690px}.home-choice-card{padding:38px;border:1px solid #343434;border-radius:24px;background:linear-gradient(145deg,#181818,#111)}.home-choice-card>span{color:var(--orange);font-weight:950;text-transform:uppercase;letter-spacing:.1em;font-size:.7rem}.home-choice-card h3{font-size:2.1rem;margin:10px 0}.home-choice-card p{color:#969696}.home-choice-card .button{margin-top:15px}
.cta-strip{background:linear-gradient(100deg,var(--orange),#ff8b35);color:#111}.cta-strip>.shell{min-height:190px;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-strip span{font-size:.75rem;font-weight:950;text-transform:uppercase;letter-spacing:.09em}.cta-strip h2{margin:6px 0 0;font-size:clamp(2.3rem,4vw,4.6rem);letter-spacing:-.045em}.button-outline-dark{border:1px solid #bebbb4;color:#111;background:transparent}.button-outline-dark:hover{background:#111;color:#fff}
.two-col-content{display:grid;grid-template-columns:.95fr 1.05fr;gap:90px;align-items:start}.content-card-stack{display:grid;gap:12px}.content-card-stack article{display:grid;grid-template-columns:58px 1fr;gap:18px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff}.content-card-stack article>span{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:var(--orange);font-weight:950}.content-card-stack h3{margin:0 0 6px}.content-card-stack p{margin:0;color:var(--muted)}
.packages-section{padding-bottom:90px}.package-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;align-items:start}.package-card{position:relative;padding:30px;border:1px solid #dedbd4;border-radius:22px;background:#fff;box-shadow:0 16px 50px rgba(16,16,16,.06)}.package-card-featured{border:2px solid var(--orange);box-shadow:0 24px 70px rgba(243,107,33,.15)}.package-top{display:flex;align-items:center;gap:16px;margin-bottom:15px}.package-icon{width:54px;height:54px;display:grid;place-items:center;border-radius:50%;background:var(--orange);color:#111;font-size:1.5rem;font-weight:950;flex:0 0 54px}.package-icon svg{width:28px;height:28px;display:block;stroke:currentColor;fill:none;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}.package-kicker{display:block;color:var(--orange);font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.package-card h3{margin:3px 0 0;font-size:2.5rem}.package-card>p{min-height:86px;color:var(--muted)}.package-group{padding:18px 0;border-top:1px solid var(--line)}.package-group h4{margin:0 0 9px;font-size:.95rem}.package-group ul{list-style:none;padding:0;margin:0}.package-group li{position:relative;padding:5px 0 5px 17px;color:#555;font-size:.82rem;line-height:1.45}.package-group li::before{content:'•';position:absolute;left:0;color:var(--orange);font-weight:900}.package-price{display:flex;align-items:end;gap:10px;margin:10px 0 20px;padding:18px;border-radius:15px;background:#f6f3ee}.package-price span{margin-right:auto;font-size:.75rem;font-weight:900;text-transform:uppercase}.package-price strong{font-size:2rem}.package-price small{padding-bottom:5px;color:var(--muted)}.package-card>.button{width:100%}.package-note{margin-top:18px;padding:30px;border-radius:22px;background:#111;color:#fff}.package-note h3{font-size:1.7rem}.package-note-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.package-note-grid p{color:#999;margin:0}.package-note-grid b{color:#fff}
.comparison-section{background:#f6f3ee}.table-wrap{overflow:auto;border-radius:20px;box-shadow:0 16px 50px rgba(0,0,0,.08)}.package-table{width:100%;min-width:850px;border-collapse:collapse;background:#fff}.package-table th,.package-table td{padding:15px 18px;border-bottom:1px solid #e3e0da;text-align:center;font-size:.88rem}.package-table th:first-child,.package-table td:first-child{text-align:left}.package-table thead th{background:#111;color:#fff;font-size:.95rem}.package-table thead th:nth-child(2),.package-table thead th:nth-child(4){background:var(--orange);color:#111}.package-table td:nth-child(2),.package-table td:nth-child(3),.package-table td:nth-child(4){font-weight:800}.package-table .price-row td{font-size:1rem;font-weight:950}.brochure-card{display:flex;align-items:center;justify-content:space-between;gap:40px;margin-top:26px;padding:30px;border-radius:20px;background:#111;color:#fff}.brochure-card>div:first-child>span{color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.brochure-card h3{margin:6px 0;font-size:1.9rem}.brochure-card p{margin:0;color:#999}.brochure-card>div:last-child{display:flex;gap:10px;flex-wrap:wrap}.brochure-card .button-outline-dark{color:#fff;border-color:#444}.brochure-card .button-outline-dark:hover{background:#fff;color:#111}
.carrier-page-section{background:#111;color:#fff}.carrier-page-section .section-heading p{color:#888}.carrier-logo-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:10px;margin-top:35px}.carrier-logo-grid>div{min-height:108px;display:grid;place-items:center;padding:12px;border:1px solid #dedbd4;border-radius:18px;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.07)}.carrier-logo-grid img{width:100%;max-width:190px;height:72px;object-fit:contain}
.location-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.location-detail{overflow:hidden;border:1px solid var(--line);border-radius:24px;background:#fff}.location-detail>img,.location-map-placeholder{width:100%;height:350px;object-fit:cover}.location-detail>div:last-child{padding:30px}.location-detail>div:last-child>span{color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.location-detail h2{font-size:2.4rem;margin:7px 0 10px}.location-map-placeholder{display:grid;place-content:center;text-align:center;background:radial-gradient(circle at center,rgba(243,107,33,.25),transparent 35%),#151515;color:#fff}.location-map-placeholder span{color:var(--orange);font-size:4rem;font-weight:950}.location-map-placeholder strong{font-size:1.25rem}
.choice-page-hero{padding:80px 0 65px;background:radial-gradient(circle at 85% 25%,rgba(243,107,33,.22),transparent 24%),#111;color:#fff}.choice-page-hero h1{max-width:920px;margin:14px 0;font-size:clamp(3.2rem,6vw,6.5rem);line-height:.95;letter-spacing:-.055em}.choice-page-hero p{max-width:760px;color:#aaa;font-size:1.05rem}.choice-page-section{padding:75px 0 110px;background:#f6f3ee}.choice-page-grid{display:grid;grid-template-columns:.36fr .64fr;gap:28px;align-items:start}.choice-guide{position:sticky;top:160px;padding:30px;border-radius:22px;background:#111;color:#fff}.choice-guide>span{color:var(--orange);font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}.choice-guide h2{font-size:2.2rem}.choice-guide ol{padding-left:20px;color:#aaa;line-height:2}.choice-guide a{color:var(--orange);font-weight:900}.choice-box{padding:34px;border:1px solid #dedbd4;border-radius:24px;background:#fff;box-shadow:0 25px 70px rgba(0,0,0,.08)}.choice-progress>div:first-child{display:flex;justify-content:space-between;color:#777;font-size:.73rem;font-weight:900}.choice-progress-track{height:6px;margin:13px 0 28px;overflow:hidden;border-radius:20px;background:#ece8e1}.choice-progress-track span{display:block;width:25%;height:100%;background:var(--orange);transition:width .25s}.choice-step{display:none;border:0;padding:0;margin:0}.choice-step.is-active{display:block}.choice-step legend{margin-bottom:22px;font-size:1.8rem;font-weight:950;line-height:1.2}.choice-option{display:flex;align-items:center;gap:14px;padding:18px;margin-bottom:10px;border:1px solid #dedbd4;border-radius:16px;cursor:pointer;transition:.2s}.choice-option:hover{border-color:var(--orange);background:#fff8f2}.choice-option input{accent-color:var(--orange);width:19px;height:19px;flex:0 0 auto}.choice-option span{display:block}.choice-option b,.choice-option small{display:block}.choice-option small{margin-top:4px;color:#777}.choice-controls{display:flex;justify-content:space-between;gap:15px;margin-top:24px}.choice-back{border:0;background:none;font-weight:900;cursor:pointer}.choice-back:disabled{opacity:.3;cursor:default}.choice-result{padding:5px 0}.result-badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:var(--orange);font-weight:950}.choice-result h3{font-size:2.4rem;margin:15px 0}.choice-result>p{color:#666}.choice-result ul{list-style:none;padding:0;margin:22px 0}.choice-result li{padding:12px 0;border-top:1px solid var(--line);font-weight:800}.choice-result li::before{content:'✓';color:var(--orange);margin-right:10px}.result-actions{display:flex;gap:10px;flex-wrap:wrap;margin:25px 0}.choice-result>small{color:#888}
.offer-locked{position:relative;opacity:.48}.offer-locked::after{content:'Start eerst de keuzehulp om dit formulier vrij te geven.';position:absolute;inset:0;display:grid;place-content:center;padding:30px;text-align:center;background:rgba(255,255,255,.9);border-radius:24px;color:#111;font-weight:950;font-size:1.15rem}
@media(max-width:1180px){.carrier-logo-grid{grid-template-columns:repeat(4,1fr)}.package-grid{grid-template-columns:1fr 1fr}.package-card:last-child{grid-column:1/3}.package-note-grid{grid-template-columns:1fr 1fr}.choice-page-grid{grid-template-columns:1fr}.choice-guide{position:static}.home-choice-grid{gap:35px}}
@media(max-width:850px){.page-hero{min-height:430px}.page-hero-content{padding:58px 0}.page-hero-content h1,.choice-page-hero h1{font-size:clamp(3rem,13vw,5rem)}.home-choice-grid,.two-col-content,.location-detail-grid{grid-template-columns:1fr}.package-grid{grid-template-columns:1fr}.package-card:last-child{grid-column:auto}.package-card>p{min-height:0}.carrier-logo-grid{grid-template-columns:repeat(2,1fr)}.package-note-grid{grid-template-columns:1fr}.brochure-card{align-items:flex-start;flex-direction:column}.cta-strip>.shell{align-items:flex-start;flex-direction:column;padding-top:42px;padding-bottom:42px}.choice-page-section{padding-top:45px}.choice-box{padding:22px 18px}.choice-progress>div:first-child{gap:10px;flex-direction:column}.location-detail>img,.location-map-placeholder{height:260px}.inner-page .mobile-cta,.choice-page .mobile-cta,.offer-page .mobile-cta{display:flex}}
@media(max-width:540px){.carrier-logo-grid{grid-template-columns:1fr 1fr}.carrier-logo-grid>div{min-height:92px}.carrier-logo-grid img{height:58px}.package-card{padding:23px 18px}.package-card h3{font-size:2.1rem}.choice-step legend{font-size:1.45rem}.result-actions{display:grid}.result-actions .button{width:100%}.page-hero-content>p{font-size:.98rem}.home-choice-card{padding:25px 20px}}

/* Preview/final usability fixes */
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000}
.nav-shell{position:relative;top:0}
.brand img,.footer-brand img{filter:brightness(1.14) contrast(1.03) saturate(1.08)}

/* =====================================================================
   LIVE V4 POLISH
   Gebaseerd op het aangeleverde WLL beeldmerk en de goedgekeurde hero.
   Doel: strakkere spacing, vaste navigatie en consistente zwart/oranje stijl.
   ===================================================================== */
:root{
  --orange:#f07830;
  --orange-2:#ff8b35;
  --orange-soft:#fff2e8;
  --ink:#111111;
  --ink-2:#181715;
  --ink-3:#23211f;
  --paper:#f5f2ed;
  --line:#ddd8d1;
  --shell:min(1360px, calc(100% - 64px));
}
.section{padding:88px 0}
.site-header{position:fixed;top:0;left:0;right:0;width:100%;z-index:1000;background:#0a0a0a;box-shadow:0 10px 32px rgba(0,0,0,.2)}
.nav-shell{position:relative;top:0;background:rgba(10,10,10,.96);backdrop-filter:blur(18px)}
.nav-inner{height:82px}
.brand{width:255px;flex:0 0 255px;overflow:visible}
.brand img{width:245px;height:62px;object-fit:contain;object-position:left center;border-radius:0;filter:brightness(1.2) contrast(1.05) saturate(1.08)}
.footer-brand img{filter:brightness(1.15) contrast(1.04) saturate(1.06)}
.home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:120px}

/* HOME HERO: behoudt de goedgekeurde opzet met tekst boven op de foto */
.hero-home{min-height:780px;height:calc(100svh - 120px);max-height:900px;align-items:stretch}
.hero-home .hero-image{object-position:center 52%;filter:saturate(.78) contrast(1.05) brightness(.88)}
.hero-home .hero-shade{background:linear-gradient(90deg,rgba(5,5,5,.92) 0%,rgba(5,5,5,.79) 43%,rgba(5,5,5,.32) 70%,rgba(5,5,5,.57) 100%),linear-gradient(0deg,rgba(0,0,0,.66),rgba(0,0,0,.04) 48%,rgba(0,0,0,.18))}
.hero-home .hero-content{height:100%;grid-template-columns:minmax(0,1.28fr) minmax(360px,.62fr);gap:76px;align-items:center;padding-top:52px;padding-bottom:70px}
.hero-home .hero-copy{max-width:830px}
.hero-home h1{max-width:930px;font-size:clamp(4.6rem,7.15vw,7.75rem);line-height:.88;margin-bottom:28px}
.hero-home .hero-copy>p{max-width:760px;font-size:1.16rem;color:#e0e0e0;line-height:1.72}
.hero-home .hero-actions{margin-top:30px}
.hero-home .hero-trust{max-width:760px;margin-top:46px}
.hero-home .hero-trust>div{padding:17px 22px 17px 0}
.hero-home .hero-trust b{font-size:2rem}
.hero-home .hero-trust span{font-size:.82rem}
.hero-home .hero-footnote{margin-top:9px;color:#8b8b8b}
.hero-home .hero-panel{align-self:center;padding:34px;background:linear-gradient(145deg,rgba(30,27,23,.94),rgba(14,14,14,.93));border-color:rgba(255,255,255,.16);border-radius:28px;box-shadow:0 36px 90px rgba(0,0,0,.34)}
.hero-home .hero-panel-top{margin-bottom:38px}
.hero-home .panel-number{width:48px;height:48px;border-radius:11px}
.hero-home .hero-panel h2{font-size:2.45rem;max-width:360px;margin-bottom:26px}
.hero-home .hero-panel li{padding:15px 0;font-size:.95rem}
.hero-home .hero-panel>a{padding-top:8px}
.hero-home .hero-scroll{bottom:22px}

/* Dichte servicebalk en minder lege ruimte */
.service-rail{background:#0d0d0d}
.service-rail-grid{max-width:1360px}
.rail-card{min-height:245px;padding:28px 26px 26px}
.icon-tile{margin-bottom:22px}
.rail-card p{min-height:62px}

/* Homepage blijft donker zoals de goedgekeurde hero */
.home-intro{background:linear-gradient(180deg,#151515,#111);color:#fff}
.home-intro .lead{color:#a8a8a8}
.home-intro .ticks li{border-bottom-color:#303030;color:#e4e4e4}
.home-intro .text-arrow{color:#fff}
.home-intro .image-frame{box-shadow:0 28px 70px rgba(0,0,0,.28)}
.home-intro .intro-badge{background:#f6f3ee;color:#111}
.home-choice{background:#0d0d0d;color:#fff;border-top:1px solid #242424}
.home-choice-grid{gap:54px}
.home-choice-grid>div>p{color:#a3a3a3}
.home-choice-card{padding:32px;border-color:#353535;background:linear-gradient(145deg,#1b1917,#111)}
.cta-strip{background:linear-gradient(115deg,var(--orange),#ff8d36);color:#111}
.cta-strip .button-dark{background:#111;color:#fff}

/* Binnenpagina's compacter en consistenter */
.page-hero{min-height:460px}
.page-hero-content{padding:66px 0}
.page-hero-content h1{font-size:clamp(3.2rem,5.3vw,5.8rem)}
.two-col-content{gap:58px}
.process-grid{gap:12px}
.package-grid{gap:18px}
.package-card{padding:26px}
.package-card>p{min-height:72px}
.package-group{padding:15px 0}
.package-price{margin-top:6px}
.comparison-section{background:#eeeae4}
.fulfilment-carriers{padding-top:76px;padding-bottom:82px}
.carrier-logo-grid{gap:12px}
.carrier-logo-grid>div{min-height:112px;padding:15px;background:#fff}
.carrier-logo-grid img{height:70px;max-width:170px}

/* Keuzehulp: alleen pakketadvies, geen zijbalk of lege kolom */
.choice-page-hero{padding:62px 0 52px;background:radial-gradient(circle at 82% 16%,rgba(240,120,48,.22),transparent 26%),#101010}
.choice-hero-inner{display:flex;align-items:flex-end;justify-content:space-between;gap:40px}
.choice-page-hero h1{max-width:940px;font-size:clamp(3.4rem,5.7vw,6.2rem)}
.choice-page-hero p{max-width:800px}
.choice-package-pills{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-end;padding-bottom:10px}
.choice-package-pills span{padding:9px 14px;border:1px solid #3b3b3b;border-radius:999px;color:#d8d8d8;font-size:.78rem;font-weight:900}
.choice-page-section{padding:52px 0 78px;background:#efebe5}
.choice-page-grid-single{display:block;max-width:920px}
.choice-box{padding:34px 38px;border:0;border-radius:26px;box-shadow:0 22px 64px rgba(17,17,17,.1)}
.choice-progress>div:first-child{color:#626262}
.choice-progress-track{margin-bottom:24px}
.choice-step legend{font-size:2rem;margin-bottom:8px}
.choice-question-help{margin:0 0 22px;color:#777;max-width:760px}
.choice-option{padding:16px 18px;margin-bottom:9px;border-radius:14px}
.choice-option b{font-size:1rem}
.choice-option small{line-height:1.45}
.choice-controls{margin-top:22px}
.choice-result h3{font-size:2.55rem}
.choice-result li{padding:10px 0}

/* Footer iets compacter */
.footer-top{padding-top:58px;padding-bottom:48px}
.footer-bottom{padding-top:20px;padding-bottom:20px}

@media (max-width:1180px){
  :root{--shell:min(100% - 44px,1120px)}
  .home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:78px}
  .topbar{display:none}
  .nav-inner{height:78px}
  .hero-home{height:auto;max-height:none;min-height:760px}
  .hero-home .hero-content{grid-template-columns:1fr;gap:30px;padding-top:72px;padding-bottom:72px}
  .hero-home .hero-panel{max-width:600px}
  .hero-home h1{font-size:clamp(4rem,8.7vw,6.6rem)}
  .choice-hero-inner{display:block}
  .choice-package-pills{justify-content:flex-start;padding-top:20px}
}

@media (max-width:760px){
  :root{--shell:calc(100% - 32px)}
  .section{padding:62px 0}
  .home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:70px}
  .nav-inner{height:70px}
  .brand{width:180px;flex-basis:180px}
  .brand img{width:174px;height:52px}
  .hero-home{min-height:auto;padding:0}
  .hero-home .hero-content{padding-top:66px;padding-bottom:62px}
  .hero-home .hero-image{object-position:58% center}
  .hero-home .hero-shade{background:linear-gradient(180deg,rgba(5,5,5,.7),rgba(5,5,5,.92) 54%,#0c0c0c 100%)}
  .hero-home h1{font-size:clamp(3.35rem,16vw,5rem)}
  .hero-home .hero-copy>p{font-size:1rem}
  .hero-home .hero-trust{grid-template-columns:1fr 1fr;margin-top:32px}
  .hero-home .hero-trust>div:nth-child(2){border-left:1px solid rgba(255,255,255,.18)}
  .hero-home .hero-trust>div:nth-child(3){grid-column:1/3;border-left:0;border-top:1px solid rgba(255,255,255,.18);padding-left:0}
  .hero-home .hero-panel{padding:24px;border-radius:20px}
  .hero-home .hero-panel h2{font-size:1.95rem}
  .hero-scroll{display:none}
  .service-rail-grid{grid-template-columns:1fr}
  .rail-card,.rail-card:nth-child(3){min-height:auto;padding:24px 20px}
  .rail-card p{min-height:0}
  .intro-grid{gap:42px}
  .bullet-columns{grid-template-columns:1fr;gap:0;margin-top:24px}
  .home-choice-grid{grid-template-columns:1fr;gap:28px}
  .choice-page-hero{padding:48px 0 42px}
  .choice-page-hero h1{font-size:clamp(3rem,12.5vw,4.8rem)}
  .choice-box{padding:24px 18px;border-radius:20px}
  .choice-step legend{font-size:1.55rem}
  .choice-question-help{font-size:.92rem}
  .choice-controls{display:grid;grid-template-columns:1fr 1fr}
  .carrier-logo-grid{grid-template-columns:1fr 1fr}
}


/* =====================================================================
   COMPLETE LIVE WEBSITE — FORMULIEREN, PRIVACY EN ONDERHOUD
   Deze regels bouwen voort op de goedgekeurde WLL vormgeving.
   ===================================================================== */
.footer-bottom>div{display:flex;gap:22px;flex-wrap:wrap}
.form-honeypot{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;overflow:hidden!important}
.form-consent{display:flex!important;align-items:flex-start;gap:11px;margin:6px 0 18px;font-size:.82rem;line-height:1.5;color:#666}
.form-consent input{width:18px!important;height:18px!important;min-width:18px;margin-top:2px;accent-color:var(--orange)}
.form-consent a{color:var(--orange);font-weight:850;text-decoration:underline;text-underline-offset:2px}
.form-status.is-error{color:#b83220;font-weight:800}
.form-note{font-size:.8rem;color:#777}
.choice-step-error{animation:wll-shake .22s linear}
@keyframes wll-shake{0%,100%{transform:translateX(0)}25%{transform:translateX(-5px)}75%{transform:translateX(5px)}}
.legal-grid{max-width:920px;margin:0 auto}
.legal-card{padding:44px;border-radius:26px;background:#fff;box-shadow:0 22px 64px rgba(17,17,17,.08)}
.legal-card h2{font-size:clamp(2.4rem,4.5vw,4.6rem)}
.legal-card h3{margin-top:34px;font-size:1.35rem}
.legal-card p{color:#5f5f5f;line-height:1.8}
.legal-card a{color:var(--orange);font-weight:800}
.legal-note{margin-top:34px;padding:20px;border-left:4px solid var(--orange);background:#f7f3ee}
.page-hero-success{min-height:620px;background:radial-gradient(circle at 80% 25%,rgba(240,120,48,.2),transparent 25%),#111;color:#fff}
@media(max-width:760px){.legal-card{padding:28px 20px}.footer-bottom>div{gap:14px}}

/* ==================================================================
   LIVE POLISH 2026 08
   Kleine correcties voor symmetrie, leesbaarheid en dienstscheiding.
   ================================================================== */

/* Voorkom dat lange tekst of e mailadressen buiten kaarten vallen. */
.shell > *,
.story-grid > *,
.contact-grid > *,
.location-detail-grid > *,
.about-service-grid > *,
.service-route-grid > *,
.carrier-logo-grid > *{min-width:0}

h1,h2,h3,h4,p,li,a,b,span{overflow-wrap:break-word}

/* Over ons: gelijke kolommen en een rustiger informatieritme. */
.story-grid-balanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px;align-items:start}
.story-grid-balanced .story-copy>p{max-width:none}
.story-principles{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
.story-principles>div{padding:18px 16px;border:1px solid #303030;border-radius:14px;background:#171717}
.story-principles b,.story-principles span{display:block}
.story-principles b{color:#fff;font-size:.9rem}
.story-principles span{margin-top:6px;color:#8d8d8d;font-size:.78rem;line-height:1.5}
.about-services-section{padding-top:94px;padding-bottom:94px}
.about-service-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:35px}
.about-service-card{display:flex;flex-direction:column;min-height:260px;padding:26px;border:1px solid var(--line);border-radius:18px;background:#fff;color:#111;text-decoration:none;box-shadow:0 16px 45px rgba(0,0,0,.05);transition:transform .2s,border-color .2s}
.about-service-card:hover{transform:translateY(-3px);border-color:var(--orange)}
.about-service-card>span{color:var(--orange);font-size:.72rem;font-weight:950;letter-spacing:.1em}
.about-service-card h3{margin:35px 0 10px;font-size:1.45rem}
.about-service-card p{margin:0;color:#666;line-height:1.65}

/* Contact en offerte: visueel gelijkwaardig maar inhoudelijk duidelijk gescheiden. */
.contact-grid-balanced{grid-template-columns:repeat(2,minmax(0,1fr));gap:64px}
.contact-route-note,.offer-route-note{margin:30px 0 26px;padding:22px;border:1px solid #363636;border-radius:16px;background:#171717}
.contact-route-note>span,.offer-route-note>span{display:block;color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.contact-route-note>b,.offer-route-note>b{display:block;margin-top:8px;color:#fff;font-size:1.02rem}
.contact-route-note p,.offer-route-note p{margin:8px 0 0;color:#8f8f8f;font-size:.88rem;line-height:1.65}
.contact-route-note a{display:inline-block;margin-top:14px;color:var(--orange);font-weight:900;text-decoration:none}
.offer-route-note strong{color:#ddd}
.form-head p{margin:9px 0 0;color:#727272;line-height:1.55}
.form-head p b{color:#333}
.form-card{overflow:hidden}
.form-card input,.form-card select,.form-card textarea{min-width:0}

/* Keuzehulp: tijdens het invullen geen pakketlabels tonen. */
.choice-page-hero .choice-hero-inner>div:first-child{max-width:940px}
.choice-question-help{max-width:780px;margin:-10px 0 22px;color:#777;line-height:1.65}
.choice-option b{line-height:1.4}
.choice-result{max-width:900px;margin:0 auto}

/* Vervoerders: labels en locatiebeperkingen blijven onder het logo zichtbaar. */
.carrier-logo-grid{grid-template-columns:repeat(auto-fit,minmax(145px,1fr));align-items:stretch}
.carrier-logo-grid>div.carrier-tile{min-height:132px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center}
.carrier-tile img{max-width:165px!important;height:62px!important}
.carrier-tile>span{display:block;color:#222;font-size:.8rem;font-weight:900;line-height:1.2}
.carrier-tile>small{display:block;padding:4px 8px;border-radius:999px;background:#111;color:#fff;font-size:.64rem;font-weight:900}
.carrier-location-only{border-color:rgba(243,107,33,.6)!important;box-shadow:0 13px 34px rgba(243,107,33,.09)!important}
.fulfilment-carriers .section-heading p{max-width:850px}
.service-route-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:34px}
.service-route-card{display:flex;flex-direction:column;min-height:275px;padding:30px;border:1px solid #343434;border-radius:20px;background:linear-gradient(145deg,#191919,#111);color:#fff;text-decoration:none;transition:transform .2s,border-color .2s}
.service-route-card:hover{transform:translateY(-3px);border-color:var(--orange)}
.service-route-card>span{color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.service-route-card h3{margin:26px 0 10px;font-size:1.55rem}
.service-route-card p{margin:0;color:#969696;line-height:1.65}
.service-route-card b{margin-top:auto;padding-top:24px;color:var(--orange)}

/* Locaties: pakketpuntinformatie zonder overlapping in foto kaarten. */
.location-network-list{max-width:520px!important;margin-top:16px!important;color:rgba(255,255,255,.82)!important;font-size:.8rem!important;line-height:1.5!important}
.location-orange .location-network-list{color:#222!important}
.location-detail-note{margin:18px 0 22px;padding:16px;border-radius:14px;background:#f6f3ee;color:#555!important;line-height:1.6}
.location-detail-note b{color:#111}
.location-detail{scroll-margin-top:140px}

/* Pakketkaarten: koppen en CTA's blijven netjes uitgelijnd zonder tekst te verbergen. */
.package-top{min-height:58px}
.package-card{overflow:hidden}
.package-card .button{white-space:normal;text-align:center}
.package-group li{overflow-wrap:anywhere}

/* Uitgebreide offertebevestiging. */
.quote-thanks{min-height:760px}
.thanks-detail-card{max-width:850px;margin:30px 0 8px;padding:25px 28px;border:1px solid #373737;border-radius:18px;background:rgba(17,17,17,.76);backdrop-filter:blur(6px)}
.thanks-detail-card h2{margin:0 0 14px;font-size:1.35rem}
.thanks-detail-card ul{margin:0;padding-left:20px;color:#b5b5b5;line-height:1.75}
.thanks-detail-card p{margin:16px 0 0;color:#fff}

@media(max-width:1100px){
  .about-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .story-principles{grid-template-columns:1fr}
  .contact-grid-balanced{gap:42px}
}

@media(max-width:850px){
  .story-grid-balanced,.contact-grid-balanced,.service-route-grid{grid-template-columns:1fr}
  .about-service-grid{grid-template-columns:1fr 1fr}
  .about-service-card{min-height:220px}
  .contact-copy{position:static}
  .carrier-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .thanks-detail-card{padding:20px}
}

@media(max-width:540px){
  .about-service-grid{grid-template-columns:1fr}
  .about-service-card{min-height:0}
  .carrier-logo-grid{grid-template-columns:1fr 1fr}
  .carrier-logo-grid>div.carrier-tile{min-height:120px;padding:10px}
  .carrier-tile img{height:52px!important}
  .contact-route-note,.offer-route-note{padding:18px}
}

/* Keuzehulp correctie: geen donkere binnenkaartjes tijdens het invullen. */
.choice-page .choice-option>span{min-height:0;display:block;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;transition:none}
.choice-page .choice-option:hover>span{border:0;background:transparent;transform:none}
.choice-page .choice-option input:checked+span{border:0;background:transparent;box-shadow:none}
.choice-page .choice-option input{position:static;opacity:1;accent-color:var(--orange);width:19px;height:19px;flex:0 0 19px}
.choice-page .choice-option:has(input:checked){border-color:var(--orange);background:#fff8f2;box-shadow:inset 0 0 0 1px var(--orange)}
.choice-page .choice-option:has(input:focus-visible){outline:3px solid rgba(243,107,33,.18);outline-offset:2px}

/* Laatste uitlijncorrecties voor livegang. */
.about-service-grid,.service-route-grid,.location-detail-grid,.carrier-logo-grid{align-items:stretch}
.about-service-card,.service-route-card,.location-detail,.carrier-tile{height:100%}
.contact-grid-balanced>.contact-copy,.contact-grid-balanced>.form-card{width:100%}
.contact-cards a{align-items:flex-start}
.contact-cards b{max-width:68%;text-align:right;line-height:1.45}
.location-orange .location-network-list{color:rgba(255,255,255,.82)!important}
.location-detail>div:last-child{height:100%}
.choice-page .choice-option{min-height:86px}
.choice-page .choice-option>span{width:100%}
.choice-page .choice-option small{line-height:1.55}
@media(max-width:850px){
  .contact-cards b{max-width:none;text-align:left}
  .choice-page .choice-option{min-height:0}
}


/* ==================================================================
   LIVE FINAL QA FIXES 2026 08 11
   Betrouwbaarheid zonder visuele redesign.
   ================================================================== */
/* Decoratieve elementen op de homepage mogen de viewport niet verbreden. */
.home-page{overflow-x:hidden}

/* Content blijft altijd zichtbaar, ook als JavaScript of IntersectionObserver niet draait.
   Dit voorkomt lege secties bij trage, geblokkeerde of uitgeschakelde scripts. */
.reveal,.reveal.is-visible{opacity:1;transform:none;transition:none}
@media(max-width:1080px){.home-page .orange-block{right:0}}


/* ================================================================
   LIVE FINAL v2 — laatste afwerking
   ================================================================ */
.hero-title-balanced{display:grid;gap:.08em;align-items:start;max-width:880px}
.hero-title-balanced .hero-title-line{display:block;width:max-content;max-width:100%}
.hero-title-balanced .hero-title-accent{font-size:.91em;line-height:.91}
.hero-title-balanced .hero-title-break{display:block}
.service-route-note{margin-top:26px;padding:26px 28px;border:1px solid #dedbd4;border-radius:20px;background:#fff}
.service-route-note>span{display:block;margin-bottom:8px;color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.service-route-note h3{margin:0 0 8px;font-size:1.55rem}
.service-route-note p{max-width:780px;margin:0 0 18px;color:#666}
.quote-receipt{margin-top:30px;padding:28px;border:1px solid rgba(255,255,255,.16);border-radius:22px;background:rgba(15,15,15,.72);backdrop-filter:blur(14px)}
.quote-receipt-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}
.quote-receipt-head span{display:block;color:#999;font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.1em}
.quote-receipt-head strong{display:block;margin-top:4px;color:#fff;font-size:1.1rem}
.quote-receipt-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0;border-top:1px solid rgba(255,255,255,.12)}
.quote-receipt-item{min-width:0;padding:15px 18px 15px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.quote-receipt-item:nth-child(even){padding-left:18px;border-left:1px solid rgba(255,255,255,.1)}
.quote-receipt-item.is-wide{grid-column:1/-1;padding-left:0;border-left:0}
.quote-receipt-item span{display:block;margin-bottom:5px;color:#858585;font-size:.7rem;font-weight:900;text-transform:uppercase;letter-spacing:.08em}
.quote-receipt-item strong,.quote-receipt-item p{display:block;margin:0;color:#f4f4f4;font-size:.94rem;line-height:1.55;overflow-wrap:anywhere}
.quote-next-steps{margin-top:26px;padding:24px;border-radius:18px;background:#fff;color:#111}
.quote-next-steps h2{margin:0 0 12px;font-size:1.55rem}
.quote-next-steps ol{margin:0;padding-left:20px;color:#4d4d4d;line-height:1.7}
.form-delivery-note{margin-top:14px;color:#777;font-size:.78rem;line-height:1.55}
@media(max-width:850px){
  .hero-title-balanced .hero-title-accent{font-size:.88em}
  .quote-receipt-grid{grid-template-columns:1fr}
  .quote-receipt-item:nth-child(even){padding-left:0;border-left:0}
  .quote-receipt-head{flex-direction:column}
}
@media(max-width:540px){
  .hero-title-balanced{gap:.12em}
  .hero-title-balanced .hero-title-accent{font-size:.84em}
  .quote-receipt{padding:20px 18px}
}

/* Previewmelding: alleen zichtbaar wanneer een formulier in de statische preview wordt getest. */
.preview-mode-note{display:flex;align-items:flex-start;gap:12px;margin:22px 0 0;padding:15px 18px;border:1px solid rgba(243,107,33,.45);border-radius:14px;background:rgba(243,107,33,.12);color:#f5f5f5;line-height:1.5}
.preview-mode-note[hidden]{display:none!important}.preview-mode-note strong{flex:0 0 auto;color:var(--orange)}.preview-mode-note span{color:#d8d8d8}

/* Openingstijden locaties */
.location-hours{margin:18px 0 20px;padding:17px 18px;border:1px solid #e4dfd7;border-radius:14px;background:#fff9f4}
.location-hours>span{display:block;margin-bottom:10px;color:var(--orange);font-size:.68rem;font-weight:950;letter-spacing:.1em;text-transform:uppercase}
.location-hours dl{margin:0}
.location-hours dl>div{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:7px 0;border-bottom:1px solid #ece5dd}
.location-hours dl>div:last-child{border-bottom:0}
.location-hours dt{color:#555;font-size:.82rem}
.location-hours dd{margin:0;color:#111;font-size:.82rem;font-weight:900;white-space:nowrap}
.location-hours small{display:block;margin-top:10px;color:#777;font-size:.7rem;line-height:1.45}
.contact-hours-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.contact-hours-card{padding:16px;border:1px solid #333;border-radius:14px;background:#171717}
.contact-hours-card span{display:block;color:var(--orange);font-size:.65rem;font-weight:950;letter-spacing:.08em;text-transform:uppercase}
.contact-hours-card b{display:block;margin-top:7px;font-size:.86rem;color:#fff}
.contact-hours-card small{display:block;margin-top:4px;color:#8e8e8e;font-size:.72rem;line-height:1.45}
@media(max-width:540px){.contact-hours-grid{grid-template-columns:1fr}.location-hours dl>div{align-items:flex-start;flex-direction:column;gap:3px}}

/* ==================================================================
   OVER ONS v5 — scrollverhaal
   Alleen voor over-ons.html. De inhoud blijft zonder JavaScript zichtbaar.
   ================================================================== */
.over-hero .page-hero-content{max-width:980px}
.over-hero .page-hero-content>p{max-width:820px}

.about-origin-section{background:#111;color:#fff}
.about-origin-grid{display:grid;grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);gap:86px;align-items:start}
.about-origin-heading{position:sticky;top:165px}
.about-origin-heading h2{max-width:560px;margin-bottom:0}
.about-origin-copy{max-width:760px}
.about-origin-lead{margin-bottom:26px;color:var(--orange);font-size:clamp(1.45rem,2.3vw,2.15rem);font-weight:900;line-height:1.2;letter-spacing:-.035em}
.about-origin-copy>p:not(.about-origin-lead){color:#aaa;line-height:1.82}
.about-principles{margin-top:34px}

.history-section{overflow:clip;background:#fff}
.history-scroll-layout{display:grid;grid-template-columns:minmax(300px,.38fr) minmax(0,.62fr);gap:84px;align-items:start}
.history-sticky{position:sticky;top:165px;padding:34px;border:1px solid #dedbd4;border-radius:24px;background:#f6f3ee;box-shadow:0 18px 55px rgba(17,17,17,.07)}
.history-sticky h2{margin-bottom:20px;font-size:clamp(2.55rem,4.2vw,4.6rem)}
.history-sticky>p{max-width:440px;color:#696864;line-height:1.72}
.history-current{display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:center;margin-top:30px;padding-top:24px;border-top:1px solid #ddd7ce}
.history-current>span{min-width:78px;color:var(--orange);font-size:1.75rem;font-weight:950;letter-spacing:-.04em}
.history-current>strong{font-size:.92rem;line-height:1.35}
.history-progress{height:5px;margin-top:20px;overflow:hidden;border-radius:999px;background:#dfdad2}
.history-progress>span{display:block;width:16.66%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--orange),var(--orange-2));transition:width .5s ease}
.history-sticky>small{display:block;margin-top:12px;color:#8a8781;font-size:.7rem;line-height:1.5}

.history-stack{display:grid;gap:78px;padding:20px 0 54px}
.history-step{display:grid;grid-template-columns:118px minmax(0,1fr);gap:20px;align-items:start;scroll-margin-top:155px}
.history-step-meta{position:sticky;top:174px;padding-top:8px}
.history-step-meta>span,.history-step-meta>small{display:block}
.history-step-meta>span{color:var(--orange);font-size:2rem;font-weight:950;letter-spacing:-.045em;line-height:1}
.history-step-meta>small{margin-top:9px;color:#8a8781;font-size:.67rem;font-weight:850;line-height:1.35;text-transform:uppercase;letter-spacing:.08em}
.history-step-card{position:relative;overflow:hidden;padding:38px;border:1px solid #dfdbd4;border-radius:24px;background:#fff;box-shadow:0 20px 60px rgba(17,17,17,.07)}
.history-step-card::before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:var(--orange)}
.history-step-kicker{display:block;margin-bottom:14px;color:var(--orange);font-size:.72rem;font-weight:950;letter-spacing:.11em;text-transform:uppercase}
.history-step-card h3{max-width:680px;margin-bottom:16px;font-size:clamp(2rem,3vw,3.4rem)}
.history-step-card>p{max-width:730px;margin-bottom:0;color:#65635f;font-size:1rem;line-height:1.76}
.history-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:28px}
.history-facts>div{padding:18px;border:1px solid #e7e2db;border-radius:15px;background:#faf8f4}
.history-facts b,.history-facts span{display:block}
.history-facts b{font-size:.85rem}
.history-facts span{margin-top:6px;color:#7a7772;font-size:.78rem;line-height:1.55}
.history-number{margin-top:30px;padding:24px;border-radius:18px;background:#111;color:var(--orange);font-size:clamp(2.5rem,5vw,5.5rem);font-weight:950;line-height:.95;letter-spacing:-.055em}
.history-number span{display:block;margin-top:10px;color:#fff;font-size:.78rem;line-height:1.4;letter-spacing:.04em;text-transform:uppercase}
.history-step-highlight .history-step-card{border-color:rgba(240,120,48,.75);background:linear-gradient(145deg,#fff8f2,#fff)}
.history-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:30px}
.history-stats>div{padding:19px 16px;border-radius:16px;background:#111;color:#fff}
.history-stats strong,.history-stats span{display:block}
.history-stats strong{color:var(--orange);font-size:1.35rem;letter-spacing:-.035em}
.history-stats span{margin-top:5px;color:#aaa;font-size:.72rem;line-height:1.4}
.history-step-future .history-step-card{border:1px dashed rgba(240,120,48,.8);background:#151515;color:#fff}
.history-step-future .history-step-card::before{background:linear-gradient(var(--orange),transparent)}
.history-step-future .history-step-card>p{color:#aaa}
.history-step-future .history-step-kicker{color:#ff995f}
.history-ambition{display:flex;align-items:center;gap:16px;margin-top:28px;padding:20px;border:1px solid #333;border-radius:16px;background:#1d1d1d}
.history-ambition>span{flex:0 0 auto;padding:7px 10px;border-radius:999px;background:var(--orange);color:#111;font-size:.68rem;font-weight:950;text-transform:uppercase;letter-spacing:.08em}
.history-ambition>b{font-size:.86rem;line-height:1.5}

/* De animatie wordt alleen geactiveerd nadat JavaScript dit expliciet aanzet. */
.history-scroll-enhanced .history-step{opacity:0;transform:translateY(44px);transition:opacity .65s ease,transform .65s cubic-bezier(.22,1,.36,1)}
.history-scroll-enhanced .history-step.is-scroll-visible{opacity:1;transform:none}
.history-scroll-enhanced .history-step.is-scroll-visible .history-step-card{animation:history-card-in .7s cubic-bezier(.22,1,.36,1) both}
@keyframes history-card-in{from{box-shadow:0 10px 25px rgba(17,17,17,.02)}to{box-shadow:0 20px 60px rgba(17,17,17,.07)}}

.about-today-section{background:#111;color:#fff}
.about-today-section .section-heading p{max-width:760px;color:#999}
.about-today-section .about-service-card{border-color:#303030;background:#171717;color:#fff;box-shadow:none}
.about-today-section .about-service-card:hover{border-color:var(--orange);background:#1c1c1c}
.about-today-section .about-service-card p{color:#909090}
.about-gallery{border-top:1px solid #252525}

@media(max-width:1100px){
  .about-origin-grid{gap:52px}
  .history-scroll-layout{grid-template-columns:minmax(270px,.36fr) minmax(0,.64fr);gap:42px}
  .history-step{grid-template-columns:92px minmax(0,1fr)}
  .history-step-card{padding:32px}
  .history-stats{grid-template-columns:1fr}
}
@media(max-width:850px){
  .about-origin-grid,.history-scroll-layout{grid-template-columns:1fr}
  .about-origin-heading,.history-sticky{position:static}
  .history-sticky{padding:27px}
  .history-stack{gap:44px;padding-top:6px}
  .history-step{grid-template-columns:1fr;gap:12px}
  .history-step-meta{position:static;display:flex;align-items:baseline;gap:12px;padding:0}
  .history-step-meta>small{margin:0}
  .history-step-card{padding:28px 24px}
  .history-facts{grid-template-columns:1fr}
  .history-scroll-enhanced .history-step{transform:translateY(28px)}
}
@media(max-width:540px){
  .history-sticky h2{font-size:2.55rem}
  .history-step-card h3{font-size:2rem}
  .history-step-card{padding:25px 20px}
  .history-current{grid-template-columns:1fr}
  .history-ambition{align-items:flex-start;flex-direction:column}
  .history-number{font-size:2.9rem}
}
@media(prefers-reduced-motion:reduce){
  .history-scroll-enhanced .history-step{opacity:1;transform:none;transition:none}
  .history-scroll-enhanced .history-step.is-scroll-visible .history-step-card{animation:none}
}


/* ==================================================================
   LIVE FINAL v6 — pakketdienstformulier, vanafprijzen en bedankflow
   ================================================================== */
.package-service-form-section{background:#111;color:#fff;padding:100px 0}
.package-service-form-section .contact-copy>p{color:#aaa;max-width:620px}
.package-service-form-section .form-card{background:#fff;color:#111}
.package-service-form-section .form-head p{color:#6f6f6f}
.package-service-form-section .contact-route-note{background:#171717;border-color:#333}
.package-service-form-section .contact-route-note b{color:#fff}
.package-service-form-section .contact-route-note p{color:#999}
.package-service-form-section .contact-route-note a{color:var(--orange)}
.package-price{align-items:center;flex-wrap:wrap}
.package-price small{max-width:125px;padding-bottom:0;line-height:1.25}
.package-service-receipt{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;max-width:800px;margin:28px 0;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);border-radius:18px;overflow:hidden}
.package-service-receipt>div{min-width:0;padding:18px 20px;background:rgba(15,15,15,.82)}
.package-service-receipt span{display:block;color:#8b8b8b;font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.package-service-receipt strong{display:block;margin-top:5px;color:#fff;font-size:.95rem;overflow-wrap:anywhere}
.auto-return-note{display:flex;align-items:flex-start;gap:16px;max-width:800px;margin:24px 0;padding:16px 18px;border:1px solid rgba(240,120,48,.45);border-radius:14px;background:rgba(240,120,48,.11)}
.auto-return-note strong{color:var(--orange);white-space:nowrap}
.auto-return-note span{color:#d5d5d5;line-height:1.55}
.auto-return-note b{color:#fff}
@media(max-width:700px){.package-service-receipt{grid-template-columns:1fr}.auto-return-note{flex-direction:column;gap:5px}.auto-return-note strong{white-space:normal}}


/* =====================================================================
   LIVE V7 — ZACHTERE KLEUROVERGANGEN + MERKANIMATIE + 404
   Alleen visuele polish. De bestaande WLL layout blijft ongewijzigd.
   ===================================================================== */
:root{
  --paper:#f2eee7;
  --surface-light:#f8f4ee;
  --surface-light-2:#f3eee6;
  --surface-card:#fffaf4;
  --surface-card-strong:#fffdf9;
  --line:#ddd6cc;
}

/* Geen harde overgang meer van diep zwart naar fel wit. */
body{background:var(--paper)}
.section-light,
.history-section,
.comparison-section,
.choice-page-section{
  background:linear-gradient(180deg,var(--surface-light-2) 0,var(--surface-light) 92px,var(--surface-light) 100%);
}
.section-light + .section-light,
.history-section.section-light{
  background:var(--surface-light);
}
.package-card,
.choice-box,
.location-detail,
.about-service-card,
.service-route-note,
.legal-card,
.form-card,
.package-service-form-section .form-card,
.history-step-card,
.quote-next-steps{
  background:var(--surface-card);
}
.package-table{background:var(--surface-card-strong)}
.carrier-logo-grid>div{background:var(--surface-card-strong)}
.form-card input,.form-card select,.form-card textarea{background:#f7f2eb}
.package-price{background:#f1ebe3}

/* Een subtiele warme overgang waar een lichte sectie op een donkere sectie volgt. */
.carrier-page-section + .section-light,
.about-origin-section + .history-section,
.page-hero + .section-light,
.page-hero + .process-section,
.choice-page-hero + .choice-page-section{
  box-shadow:inset 0 42px 58px -58px rgba(17,17,17,.72);
}
.process-section{background:linear-gradient(180deg,#eee9e2 0,var(--paper) 86px,var(--paper) 100%)}

/* Logo-animatie: alleen bij paginalaadmoment en interne paginawissel. */
.brand{position:relative;isolation:isolate}
.brand::after{
  content:"";
  position:absolute;
  inset:7px 4px 5px -2px;
  z-index:-1;
  border-radius:999px;
  background:radial-gradient(ellipse at center,rgba(240,120,48,.34),rgba(240,120,48,0) 68%);
  opacity:0;
  transform:scale(.82);
  pointer-events:none;
}
.wll-page-enter .brand img{animation:wll-logo-enter .72s cubic-bezier(.2,.82,.2,1) both}
.wll-page-enter .brand::after{animation:wll-logo-glow .82s ease-out both}
.wll-page-leave .brand img{animation:wll-logo-leave .42s cubic-bezier(.4,0,.2,1) both}
.wll-page-leave .brand::after{animation:wll-logo-glow-out .42s ease both}
@keyframes wll-logo-enter{
  0%{opacity:.15;transform:translateX(-12px) scale(.92);filter:brightness(1.55) contrast(1.08) saturate(1.18)}
  55%{opacity:1;transform:translateX(2px) scale(1.025);filter:brightness(1.32) contrast(1.06) saturate(1.12)}
  100%{opacity:1;transform:translateX(0) scale(1);filter:brightness(1.2) contrast(1.05) saturate(1.08)}
}
@keyframes wll-logo-glow{
  0%{opacity:0;transform:scale(.78)}
  42%{opacity:.86;transform:scale(1.04)}
  100%{opacity:0;transform:scale(1.18)}
}
@keyframes wll-logo-leave{
  0%{opacity:1;transform:translateX(0) scale(1);filter:brightness(1.2) contrast(1.05) saturate(1.08)}
  48%{opacity:1;transform:translateX(2px) scale(1.025);filter:brightness(1.42) contrast(1.06) saturate(1.16)}
  100%{opacity:.2;transform:translateX(12px) scale(.95);filter:brightness(1.65) contrast(1.08) saturate(1.2)}
}
@keyframes wll-logo-glow-out{
  0%{opacity:0;transform:scale(.84)}
  45%{opacity:.82;transform:scale(1.02)}
  100%{opacity:0;transform:scale(1.18)}
}

/* Professionele WLL 404-pagina. */
.error-page main{padding-top:120px}
.error-hero{
  position:relative;
  min-height:clamp(650px,calc(100svh - 120px),820px);
  display:flex;
  align-items:center;
  overflow:hidden;
  color:#fff;
  background:#111;
}
.error-hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:saturate(.68) brightness(.58) contrast(1.06)}
.error-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,8,8,.96),rgba(8,8,8,.8) 50%,rgba(8,8,8,.48)),linear-gradient(0deg,#111 0,transparent 36%)}
.error-hero-content{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1fr) minmax(310px,.58fr);gap:72px;align-items:center;padding:76px 0}
.error-copy{max-width:760px}
.error-code{font-size:clamp(6rem,13vw,12rem);font-weight:950;line-height:.76;letter-spacing:-.08em;color:var(--orange);text-shadow:0 20px 70px rgba(240,120,48,.25)}
.error-copy h1{margin:28px 0 20px;font-size:clamp(3rem,5.6vw,5.8rem);max-width:780px}
.error-copy p{max-width:670px;color:#c7c4bf;font-size:1.08rem;line-height:1.75}
.error-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:32px}
.error-panel{padding:30px;border:1px solid rgba(255,255,255,.15);border-radius:24px;background:linear-gradient(145deg,rgba(35,31,27,.94),rgba(15,15,15,.93));box-shadow:0 32px 80px rgba(0,0,0,.3);backdrop-filter:blur(16px)}
.error-panel>span{display:block;color:var(--orange);font-size:.7rem;font-weight:950;letter-spacing:.12em;text-transform:uppercase}
.error-panel h2{margin:10px 0 20px;font-size:2rem}
.error-panel a{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:15px 0;border-top:1px solid rgba(255,255,255,.12);color:#ddd;font-weight:800}
.error-panel a:last-child{border-bottom:1px solid rgba(255,255,255,.12)}
.error-panel a span{color:var(--orange)}

@media(max-width:900px){
  .error-hero-content{grid-template-columns:1fr;gap:36px}
  .error-panel{max-width:660px}
}
@media(max-width:760px){
  .error-page main{padding-top:108px}
  .error-hero{min-height:auto}
  .error-hero-content{padding:70px 0 82px}
  .error-code{font-size:7rem}
  .error-copy h1{font-size:clamp(2.8rem,13vw,4.4rem)}
  .error-actions{display:grid}
  .error-actions .button{width:100%}
}

@media(prefers-reduced-motion:reduce){
  .wll-page-enter .brand img,.wll-page-enter .brand::after,
  .wll-page-leave .brand img,.wll-page-leave .brand::after{animation:none!important}
}

/* Correctie: het fulfilmentproces blijft bewust donker. De zachtere overgang
   zit in het warme lichte vlak dat erop volgt, niet door dit donkere blok te
   veranderen. */
.process-section{
  background:linear-gradient(180deg,#111 0,#151412 100%);
  color:#fff;
}

/* =====================================================================
   LIVE V8 — LIQUID GLASS + WARM TONAL SYSTEM + FLUID MOTION
   Inspired by modern translucent navigation principles while preserving
   the approved Webshop Logistics Limburg identity and page structure.
   ===================================================================== */
:root{
  --orange:#f07830;
  --orange-2:#ff8b35;
  --orange-glow:rgba(240,120,48,.28);
  --dark-0:#0e0d0c;
  --dark-1:#141311;
  --dark-2:#1c1916;
  --paper:#e6e1d9;
  --surface-light:#ebe6de;
  --surface-light-2:#e3ddd4;
  --surface-card:#f3efe8;
  --surface-card-strong:#f7f3ed;
  --line:#d0c8bd;
  --muted:#68645e;
  --glass-bg:rgba(24,22,20,.56);
  --glass-bg-strong:rgba(24,22,20,.76);
  --glass-border:rgba(255,255,255,.16);
  --glass-highlight:rgba(255,255,255,.18);
}
html{background:var(--dark-0)}
body{background:var(--paper)}

/* --- Tonal continuity: no hard black-to-white jumps. --- */
.section-light,
.history-section,
.comparison-section,
.choice-page-section,
.transport-page .section-light,
.locations-page .section-light,
.privacy-page .section-light,
.packagepoint-locations{
  background:linear-gradient(180deg,var(--surface-light-2) 0,var(--surface-light) 110px,var(--surface-light) 100%);
}
.process-section,
.home-intro,
.home-choice,
.about-origin-section,
.about-today-section,
.carrier-page-section,
.package-service-form-section,
.contact-section{
  background-color:var(--dark-1);
}
.process-section{background:linear-gradient(180deg,#11100f 0,#171512 100%)}
.home-intro{background:linear-gradient(180deg,#171512 0,#11100f 100%)}
.home-choice{background:linear-gradient(180deg,#11100f 0,#171512 100%)}
.about-origin-section{background:linear-gradient(180deg,#11100f 0,#171512 100%)}
.about-today-section{background:linear-gradient(180deg,#171512 0,#11100f 100%)}
.carrier-page-section{background:linear-gradient(180deg,#12110f 0,#171512 100%)}
.contact-section,.package-service-form-section{background:radial-gradient(circle at 10% 10%,rgba(240,120,48,.1),transparent 26%),linear-gradient(180deg,#11100f,#171512)}

/* Light surfaces remain warm instead of pure white. */
.package-card,.choice-box,.location-detail,.about-service-card,.service-route-note,
.legal-card,.form-card,.package-service-form-section .form-card,.history-step-card,
.quote-next-steps,.carrier-logo-grid>div,.contact-route-note,.offer-route-note{
  background:var(--surface-card);
}
.package-table{background:var(--surface-card-strong)}
.form-card input,.form-card select,.form-card textarea{background:#ebe6df;border-color:#cec6bb}
.package-price{background:#e7e0d7}
.choice-page .choice-option:hover,.choice-page .choice-option:has(input:checked){background:#efe5dc}
.offer-locked::after{background:rgba(243,239,232,.94)}

/* Soft bridge at every major tonal change. */
.page-hero,.hero,.choice-page-hero,.error-hero{isolation:isolate}
.page-hero::before,.choice-page-hero::before,.error-hero::before{
  content:"";position:absolute;z-index:1;left:0;right:0;bottom:-1px;height:82px;
  background:linear-gradient(180deg,transparent,rgba(17,16,15,.72));pointer-events:none
}
.page-hero + .section-light,.page-hero + .process-section,.choice-page-hero + .choice-page-section,
.about-origin-section + .history-section,.carrier-page-section + .section-light{
  position:relative;box-shadow:inset 0 52px 70px -72px rgba(12,11,10,.9)
}
.cta-strip{background:linear-gradient(135deg,#ee722b 0,#ff913c 58%,#e96823 100%)}

/* --- Liquid Glass header --- */
.site-header{
  position:fixed;inset:0 0 auto 0;z-index:1000;background:transparent;box-shadow:none;
  pointer-events:none;transition:transform .45s cubic-bezier(.22,1,.36,1)
}
.topbar,.nav-shell{pointer-events:auto}
.topbar{
  height:34px;background:rgba(13,12,11,.44);color:rgba(255,255,255,.68);
  border-bottom:1px solid rgba(255,255,255,.08);
  -webkit-backdrop-filter:blur(24px) saturate(155%);backdrop-filter:blur(24px) saturate(155%);
}
.topbar-inner{height:34px}
.nav-shell{
  --glass-x:50%;--glass-y:0%;
  position:relative;top:0;left:auto;right:auto;
  width:min(1480px,calc(100% - 24px));margin:8px auto 0;
  border:1px solid var(--glass-border);border-radius:24px;
  background:linear-gradient(135deg,rgba(38,34,30,.58),rgba(15,15,14,.48));
  -webkit-backdrop-filter:blur(30px) saturate(170%) brightness(1.04);
  backdrop-filter:blur(30px) saturate(170%) brightness(1.04);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.18),inset 0 -1px 0 rgba(255,255,255,.05),0 16px 45px rgba(0,0,0,.18);
  overflow:visible;transition:background .35s ease,box-shadow .35s ease,border-color .35s ease,transform .35s ease
}
.nav-shell::before{
  content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;z-index:0;
  background:radial-gradient(250px circle at var(--glass-x) var(--glass-y),rgba(255,255,255,.18),rgba(255,255,255,.055) 34%,transparent 72%);
  opacity:.78;transition:opacity .3s ease
}
.nav-shell::after{
  content:"";position:absolute;inset:1px;border-radius:23px;pointer-events:none;z-index:0;
  background:linear-gradient(110deg,rgba(255,255,255,.07),transparent 28%,transparent 72%,rgba(240,120,48,.055));
}
.nav-inner{position:relative;z-index:1;height:76px;transition:height .35s cubic-bezier(.22,1,.36,1)}
.site-header.is-scrolled .nav-shell{
  background:linear-gradient(135deg,rgba(31,29,27,.72),rgba(14,14,13,.66));
  border-color:rgba(255,255,255,.2);
  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 20px 55px rgba(0,0,0,.28);
  transform:translateY(-1px)
}
.site-header.is-scrolled .nav-inner{height:70px}
.site-header.is-scrolled .topbar{background:rgba(13,12,11,.58)}
.main-nav a{color:rgba(255,255,255,.79);transition:color .2s ease,transform .2s ease}
.main-nav a:hover{color:#fff;transform:translateY(-1px)}
.main-nav a::after{height:1.5px;box-shadow:0 0 12px rgba(240,120,48,.5)}
.nav-cta{border-radius:999px;box-shadow:0 10px 28px rgba(240,120,48,.2),inset 0 1px 0 rgba(255,255,255,.28)}
.menu-toggle{border-color:rgba(255,255,255,.16);background:rgba(255,255,255,.065);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}

/* --- Layered WLL mark: exact logo elements animate independently. --- */
.brand{width:255px;flex:0 0 255px;overflow:visible;position:relative;isolation:isolate}
.brand-logo-stage{position:relative;display:block;width:245px;height:62px;overflow:visible}
.brand-logo-stage>img{
  position:absolute;inset:0;width:245px;height:62px;object-fit:contain;object-position:left center;
  border-radius:0;filter:none!important;transform-origin:50% 50%;pointer-events:none
}
.brand-logo-base{z-index:1}
.brand-logo-swoosh{z-index:2;will-change:transform,clip-path,opacity,filter}
.brand-logo-crown{z-index:3;will-change:transform,opacity,filter}
/* Disable the old whole-image V7 animation on the layered logo. */
.wll-page-enter .brand-logo-stage>img,.wll-page-leave .brand-logo-stage>img{animation:none}
.wll-page-enter .brand-logo-base{animation:wll-base-arrive .52s cubic-bezier(.2,.82,.2,1) both}
.wll-page-enter .brand-logo-swoosh{animation:wll-swoosh-trace 1.05s cubic-bezier(.22,1,.36,1) .08s both}
.wll-page-enter .brand-logo-crown{animation:wll-crown-drop .74s cubic-bezier(.16,1.3,.3,1) .72s both}
.wll-page-leave .brand-logo-base{animation:wll-base-leave .36s ease both}
.wll-page-leave .brand-logo-swoosh{animation:wll-swoosh-leave .4s ease both}
.wll-page-leave .brand-logo-crown{animation:wll-crown-leave .32s ease both}
.brand::after{z-index:-1;inset:8px 46px 6px -8px;background:radial-gradient(ellipse at center,rgba(240,120,48,.28),transparent 70%)}
@keyframes wll-base-arrive{0%{opacity:0;transform:translateY(1px) scale(.985);filter:blur(6px) brightness(1.25)}100%{opacity:1;transform:none;filter:blur(0) brightness(1)}}
@keyframes wll-swoosh-trace{0%{opacity:0;transform:translate3d(44px,16px,0) scale(.74) rotate(-3deg);clip-path:inset(58% 38% 0 27% round 999px);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}30%{opacity:.96;transform:translate3d(24px,8px,0) scale(.88) rotate(-1.2deg);clip-path:inset(18% 18% 4% 12% round 999px);filter:drop-shadow(0 0 16px rgba(240,120,48,.55))}70%{opacity:1;transform:translate3d(-2px,-1px,0) scale(1.015) rotate(.4deg);clip-path:inset(0 0 0 0 round 999px);filter:drop-shadow(0 0 12px rgba(240,120,48,.34))}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 999px);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}}
@keyframes wll-crown-drop{0%{opacity:0;transform:translate3d(10px,-18px,0) scale(.34) rotate(-10deg);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}58%{opacity:1;transform:translate3d(0,2px,0) scale(1.14) rotate(1.5deg);filter:drop-shadow(0 0 12px rgba(240,120,48,.62))}100%{opacity:1;transform:none;filter:none}}
@keyframes wll-base-leave{to{opacity:.28;filter:blur(2px)}}
@keyframes wll-swoosh-leave{to{opacity:.12;transform:translate3d(26px,10px,0) scale(.8);clip-path:inset(55% 0 0 55% round 999px)}}
@keyframes wll-crown-leave{to{opacity:0;transform:translate3d(6px,-12px,0) scale(.66)}}

/* --- Apple-like restrained motion: depth, scale and blur instead of gimmicks. --- */
.reveal{opacity:1;transform:none;filter:none;transition:none}
.motion-enabled .reveal.motion-pending{
  opacity:0;transform:translateY(34px) scale(.985);filter:blur(5px);
  transition:opacity .78s cubic-bezier(.22,1,.36,1),transform .78s cubic-bezier(.22,1,.36,1),filter .72s ease;
  transition-delay:var(--reveal-delay,0ms)
}
.motion-enabled .reveal.motion-pending.is-visible{opacity:1;transform:none;filter:none}
.image-frame img,.split-media>img,.page-hero-photo>img,.gallery-grid img,.transport-main,.location-detail>img{
  will-change:transform;transform:translate3d(0,var(--parallax-y,0px),0) scale(var(--media-scale,1));
  transition:filter .45s ease,transform .18s linear
}
.image-frame:hover img,.split-media:hover>img,.gallery-grid figure:hover img{--media-scale:1.025;filter:saturate(1) contrast(1.01)}
.rail-card,.package-card,.about-service-card,.service-route-card,.location-detail,.home-choice-card,.choice-box,.form-card{
  transition:transform .45s cubic-bezier(.22,1,.36,1),box-shadow .45s ease,border-color .3s ease,background .3s ease
}
.package-card:hover,.about-service-card:hover,.service-route-card:hover,.location-detail:hover,.home-choice-card:hover{
  transform:translateY(-7px);box-shadow:0 28px 70px rgba(17,15,13,.14)
}
.button{position:relative;overflow:hidden;isolation:isolate}
.button::after{
  content:"";position:absolute;z-index:-1;top:-80%;bottom:-80%;left:-45%;width:30%;
  transform:rotate(18deg) translateX(-220%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.33),transparent);
  transition:transform .7s cubic-bezier(.22,1,.36,1);pointer-events:none
}
.button:hover::after{transform:rotate(18deg) translateX(520%)}
.icon-tile,.panel-number,.package-icon,.result-badge{transition:transform .38s cubic-bezier(.22,1,.36,1),box-shadow .38s ease}
.rail-card:hover .icon-tile,.package-card:hover .package-icon{transform:translateY(-2px) rotate(-2deg) scale(1.06);box-shadow:0 12px 28px rgba(240,120,48,.24)}

/* Very subtle ambient movement in hero backgrounds. */
.hero-orb-one{animation:wll-ambient-one 10s ease-in-out infinite alternate}
.hero-orb-two{animation:wll-ambient-two 12s ease-in-out infinite alternate}
@keyframes wll-ambient-one{to{transform:translate3d(-24px,16px,0) scale(1.06)}}
@keyframes wll-ambient-two{to{transform:translate3d(22px,-18px,0) scale(.95)}}

/* Keep the header proportions correct across devices. */
.home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:126px}
@media(max-width:1080px){
  .topbar{display:none}
  .nav-shell{width:calc(100% - 18px);margin-top:9px;border-radius:22px}
  .nav-inner{height:74px}.site-header.is-scrolled .nav-inner{height:68px}
  .brand{width:218px;flex-basis:218px}.brand-logo-stage,.brand-logo-stage>img{width:208px;height:54px}
  .home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:92px}
}
@media(max-width:760px){
  .nav-shell{width:calc(100% - 14px);margin-top:7px;border-radius:20px;overflow:visible}
  .nav-inner{height:68px}.site-header.is-scrolled .nav-inner{height:64px}
  .brand{width:186px;flex-basis:186px}.brand-logo-stage,.brand-logo-stage>img{width:180px;height:47px}
  .main-nav{inset:82px 8px auto 8px;border:1px solid rgba(255,255,255,.13);border-radius:20px;background:rgba(20,19,17,.86);-webkit-backdrop-filter:blur(28px) saturate(160%);backdrop-filter:blur(28px) saturate(160%);box-shadow:0 24px 60px rgba(0,0,0,.34)}
  .home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:82px}
}
@media(prefers-reduced-motion:reduce){
  .wll-page-enter .brand-logo-stage>img,.wll-page-leave .brand-logo-stage>img,.hero-orb-one,.hero-orb-two{animation:none!important}
  .motion-enabled .reveal.motion-pending{opacity:1;transform:none;filter:none;transition:none}
  .image-frame img,.split-media>img,.page-hero-photo>img,.gallery-grid img,.transport-main,.location-detail>img{transform:none!important;transition:none}
  .button::after{display:none}
}

/* V8 header floats over the first visual, so the glass actually refracts page content. */
.home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:0}
.hero,.page-hero,.choice-page-hero,.error-hero{padding-top:126px}
@media(max-width:1080px){
  .home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:0}
  .hero,.page-hero,.choice-page-hero,.error-hero{padding-top:92px}
}
@media(max-width:760px){
  .hero,.page-hero,.choice-page-hero,.error-hero{padding-top:82px}
}


/* --- v10 polish: readable packagepoint cards, transparent logo tiles and stronger header brand motion --- */
.location-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.18) 0%,rgba(0,0,0,.42) 34%,rgba(0,0,0,.82) 100%);z-index:1}
.location-photo .location-content{z-index:2}
.location-network-list{display:inline-block;max-width:100%!important;margin-top:16px!important;margin-bottom:18px!important;padding:12px 14px!important;border-radius:16px;background:rgba(11,11,11,.58);border:1px solid rgba(255,255,255,.14);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f5f2ed!important;font-size:.88rem!important;line-height:1.6!important;box-shadow:0 10px 28px rgba(0,0,0,.18)}
.location-network-list b{display:block;margin-bottom:4px;color:#fff}
.location-orange .location-network-list{background:rgba(255,255,255,.08)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.carrier-logo-grid>div.carrier-tile{background:rgba(245,241,235,.96);border-color:rgba(17,17,17,.08);box-shadow:0 18px 42px rgba(0,0,0,.08)}
.carrier-logo-grid>div.carrier-tile img{display:block;background:transparent!important;box-shadow:none!important;filter:none!important;mix-blend-mode:multiply}
.carrier-logo-grid>div.carrier-tile img[src$=".svg"]{mix-blend-mode:normal}
.carrier-logo-grid>div.carrier-tile small{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#111;color:#fff;font-size:.72rem;font-weight:800;line-height:1}
.hero-scroll{display:none!important}
.brand-logo-stage{overflow:visible}
.brand-logo-base{opacity:1}
.brand-logo-swoosh,.brand-logo-crown{opacity:1}
.wll-page-enter .brand-logo-base{animation:wll-base-arrive .46s cubic-bezier(.2,.82,.2,1) both}
.wll-page-enter .brand-logo-swoosh{transform-origin:35% 64%;animation:wll-swoosh-trace 1.18s cubic-bezier(.22,1,.36,1) .10s both}
.wll-page-enter .brand-logo-crown{transform-origin:83% 24%;animation:wll-crown-drop .82s cubic-bezier(.16,1.3,.3,1) .88s both}
@keyframes wll-swoosh-trace{0%{opacity:0;transform:translate3d(120px,32px,0) scale(.42) rotate(-8deg);clip-path:ellipse(6% 8% at 39% 79%);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}18%{opacity:1;transform:translate3d(78px,18px,0) scale(.66) rotate(-5deg);clip-path:ellipse(16% 18% at 34% 72%);filter:drop-shadow(0 0 12px rgba(240,120,48,.45))}42%{opacity:1;transform:translate3d(36px,8px,0) scale(.88) rotate(-2deg);clip-path:ellipse(38% 34% at 25% 54%);filter:drop-shadow(0 0 18px rgba(240,120,48,.6))}72%{opacity:1;transform:translate3d(4px,0,0) scale(1.02) rotate(.4deg);clip-path:inset(0 0 0 0 round 999px);filter:drop-shadow(0 0 14px rgba(240,120,48,.34))}100%{opacity:1;transform:none;clip-path:inset(0 0 0 0 round 999px);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}}
@keyframes wll-crown-drop{0%{opacity:0;transform:translate3d(4px,-26px,0) scale(.18) rotate(-12deg);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}58%{opacity:1;transform:translate3d(0,4px,0) scale(1.18) rotate(1.5deg);filter:drop-shadow(0 0 14px rgba(240,120,48,.62))}100%{opacity:1;transform:none;filter:none}}


/* --- v11: exact uploaded carrier logos, better readability and stronger motion --- */
.carrier-logo-grid>div.carrier-tile{padding:18px 16px;border-radius:22px;overflow:hidden;position:relative}
.carrier-logo-grid>div.carrier-tile::before{content:"";position:absolute;inset:-1px;border-radius:inherit;background:linear-gradient(180deg,rgba(255,255,255,.38),transparent 40%);pointer-events:none;opacity:.55}
.carrier-tile img{max-width:172px!important;height:72px!important;object-fit:contain;object-position:center center;animation:carrier-logo-float 5.8s ease-in-out infinite;transform-origin:center center}
.carrier-logo-grid .carrier-tile:nth-child(2n) img{animation-delay:.6s}
.carrier-logo-grid .carrier-tile:nth-child(3n) img{animation-delay:1.2s}
.carrier-logo-grid .carrier-tile:nth-child(4n) img{animation-delay:1.8s}
.carrier-tile:hover img{animation-play-state:paused;transform:translateY(-3px) scale(1.03)}
@keyframes carrier-logo-float{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-5px) scale(1.012)}}
.carrier-tile>span{margin-top:2px}
.carrier-tile img[src*="postnl-user-clean"], .carrier-tile img[src*="dhl-user-clean"], .carrier-tile img[src*="dhl-express-user-clean"], .carrier-tile img[src*="dpd-user-clean"], .carrier-tile img[src*="ups-user-clean"], .carrier-tile img[src*="gls-user-clean"], .carrier-tile img[src*="vinted-go-user-clean"], .carrier-tile img[src*="mondial-relay-user-clean"], .carrier-tile img[src*="colissimo-user-clean"], .carrier-tile img[src*="deutsche-post-user-clean"]{mix-blend-mode:normal!important;background:transparent!important}
.service-route-note,.service-route-note h3,.service-route-note p,.service-route-note a{color:#111!important}
.service-route-note{background:linear-gradient(180deg,#f3efe9,#ece7df)!important;border-color:#d8d1c7!important;box-shadow:0 18px 44px rgba(17,17,17,.06)}
.service-route-note p{color:#555!important}
.location-photo .location-content h3,.location-photo .location-content p,.location-photo .location-content a,.location-photo .location-content b,.location-photo .location-tag{text-shadow:0 2px 10px rgba(0,0,0,.35)}
.location-overlay{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.06) 0%,rgba(0,0,0,.28) 30%,rgba(0,0,0,.78) 100%);z-index:1}
.location-photo .location-content{z-index:2}
.location-network-list{display:inline-block;max-width:100%!important;margin-top:16px!important;margin-bottom:18px!important;padding:12px 14px!important;border-radius:16px;background:rgba(9,9,9,.60)!important;border:1px solid rgba(255,255,255,.15)!important;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#f6f2eb!important;font-size:.89rem!important;line-height:1.6!important;box-shadow:0 12px 32px rgba(0,0,0,.2)}
.location-network-list b{display:block;margin-bottom:4px;color:#fff}
.location-orange .location-network-list{background:rgba(255,255,255,.1)!important;border-color:rgba(255,255,255,.18)!important;color:#fff!important}
.brand-logo-stage{overflow:visible}
.brand-logo-base{z-index:1}
.brand-logo-swoosh{z-index:2;opacity:1}
.brand-logo-crown{z-index:3;opacity:1}
.wll-page-enter .brand-logo-base{animation:wll-base-arrive .56s cubic-bezier(.2,.82,.2,1) both}
.wll-page-enter .brand-logo-swoosh{transform-origin:34% 62%;animation:wll-swoosh-arc 1.3s cubic-bezier(.22,1,.36,1) .1s both}
.wll-page-enter .brand-logo-crown{transform-origin:83% 24%;animation:wll-crown-land .72s cubic-bezier(.18,1.35,.28,1) 1.02s both}
.wll-page-leave .brand-logo-swoosh{animation:wll-swoosh-exit .34s ease both}
.wll-page-leave .brand-logo-crown{animation:wll-crown-exit .28s ease both}
@keyframes wll-swoosh-arc{0%{opacity:0;clip-path:ellipse(3% 5% at 42% 84%);transform:translate3d(125px,36px,0) scale(.34) rotate(-8deg);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}18%{opacity:1;clip-path:ellipse(12% 14% at 36% 77%);transform:translate3d(92px,24px,0) scale(.52) rotate(-6deg);filter:drop-shadow(0 0 10px rgba(240,120,48,.38))}38%{clip-path:ellipse(24% 22% at 28% 65%);transform:translate3d(52px,12px,0) scale(.76) rotate(-3deg);filter:drop-shadow(0 0 18px rgba(240,120,48,.55))}62%{clip-path:ellipse(55% 42% at 22% 50%);transform:translate3d(16px,3px,0) scale(.95) rotate(-1deg);filter:drop-shadow(0 0 22px rgba(240,120,48,.45))}100%{opacity:1;clip-path:inset(0 0 0 0 round 999px);transform:none;filter:drop-shadow(0 0 0 rgba(240,120,48,0))}}
@keyframes wll-crown-land{0%{opacity:0;transform:translate3d(8px,-20px,0) scale(.2) rotate(-10deg);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}60%{opacity:1;transform:translate3d(0,5px,0) scale(1.16) rotate(2deg);filter:drop-shadow(0 0 16px rgba(240,120,48,.55))}100%{opacity:1;transform:none;filter:none}}
@keyframes wll-swoosh-exit{to{opacity:0;transform:translate3d(28px,10px,0) scale(.82)}}
@keyframes wll-crown-exit{to{opacity:0;transform:translate3d(4px,-10px,0) scale(.74)}}
@media(prefers-reduced-motion:reduce){.carrier-tile img{animation:none!important}}


/* v12 live polish: exact GLS logo, clearer carrier sizing, stronger WLL logo motion */
.brand-logo-stage{position:relative;display:block;width:clamp(160px,18vw,240px);aspect-ratio:1070/399;overflow:visible}
.brand-logo-stage img{position:absolute;inset:0;width:100%;height:100%;display:block}
.brand-logo-base{z-index:1}
.brand-logo-swoosh{z-index:2;opacity:0;will-change:transform,opacity,clip-path}
.brand-logo-crown{z-index:3;opacity:0;will-change:transform,opacity}
body.wll-page-enter .brand-logo-base{animation:wll-base-fade .65s cubic-bezier(.22,.8,.24,1) both}
body.wll-page-enter .brand-logo-swoosh{animation:wll-swoosh-draw 1.15s cubic-bezier(.2,.95,.25,1) .08s both}
body.wll-page-enter .brand-logo-crown{animation:wll-crown-drop .64s cubic-bezier(.22,1.2,.28,1) .96s both}
body.wll-page-leave .brand-logo-swoosh{animation:wll-swoosh-away .28s ease both}
body.wll-page-leave .brand-logo-crown{animation:wll-crown-away .22s ease both}
@keyframes wll-base-fade{0%{opacity:.75;transform:translateY(1px)}100%{opacity:1;transform:none}}
@keyframes wll-swoosh-draw{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate(105px,22px) scale(.42) rotate(-6deg)}28%{opacity:1;clip-path:inset(68% 0 0 0);transform:translate(74px,14px) scale(.6) rotate(-4deg)}54%{clip-path:inset(36% 0 0 0);transform:translate(36px,7px) scale(.82) rotate(-2deg)}78%{clip-path:inset(12% 0 0 0);transform:translate(10px,2px) scale(.96) rotate(-.8deg)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes wll-crown-drop{0%{opacity:0;transform:translate(0,-18px) scale(.35) rotate(-8deg)}68%{opacity:1;transform:translate(0,4px) scale(1.08) rotate(1deg)}100%{opacity:1;transform:none}}
@keyframes wll-swoosh-away{to{opacity:0;transform:translate(28px,6px) scale(.88)}}
@keyframes wll-crown-away{to{opacity:0;transform:translate(0,-10px) scale(.7)}}
.carrier-tile img[src*="gls-user-clean.png"]{max-width:138px!important;height:86px!important}
.carrier-tile img{filter:drop-shadow(0 8px 16px rgba(0,0,0,.06))}
@media (prefers-reduced-motion: reduce){body.wll-page-enter .brand-logo-base,body.wll-page-enter .brand-logo-swoosh,body.wll-page-enter .brand-logo-crown,body.wll-page-leave .brand-logo-swoosh,body.wll-page-leave .brand-logo-crown{animation:none!important;opacity:1;transform:none}}


/* v13 timing polish: WLL brand animation synchronized with page motion */
body.wll-page-enter .brand-logo-base{animation:wll-base-fade-v13 .34s cubic-bezier(.22,.8,.24,1) both!important}
body.wll-page-enter .brand-logo-swoosh{animation:wll-swoosh-draw-v13 .66s cubic-bezier(.2,.95,.25,1) .02s both!important}
body.wll-page-enter .brand-logo-crown{animation:wll-crown-drop-v13 .36s cubic-bezier(.22,1.2,.28,1) .50s both!important}
body.wll-page-leave .brand-logo-swoosh{animation:wll-swoosh-away-v13 .22s ease both!important}
body.wll-page-leave .brand-logo-crown{animation:wll-crown-away-v13 .18s ease both!important}
@keyframes wll-base-fade-v13{0%{opacity:.72;transform:translateY(1px)}100%{opacity:1;transform:none}}
@keyframes wll-swoosh-draw-v13{0%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate(84px,18px) scale(.48) rotate(-5deg)}28%{opacity:1;clip-path:inset(66% 0 0 0);transform:translate(55px,10px) scale(.68) rotate(-3deg)}58%{clip-path:inset(30% 0 0 0);transform:translate(22px,4px) scale(.88) rotate(-1.4deg)}82%{clip-path:inset(8% 0 0 0);transform:translate(5px,1px) scale(.98) rotate(-.3deg)}100%{opacity:1;clip-path:inset(0 0 0 0);transform:none}}
@keyframes wll-crown-drop-v13{0%{opacity:0;transform:translateY(-13px) scale(.45) rotate(-6deg)}65%{opacity:1;transform:translateY(3px) scale(1.06) rotate(.6deg)}100%{opacity:1;transform:none}}
@keyframes wll-swoosh-away-v13{to{opacity:0;transform:translate(20px,4px) scale(.9)}}
@keyframes wll-crown-away-v13{to{opacity:0;transform:translateY(-7px) scale(.78)}}
.carrier-tile img[src*="gls-user-clean.png"]{max-width:146px!important;height:88px!important;filter:drop-shadow(0 7px 18px rgba(0,0,0,.13))!important}

/* GLS uses its supplied white mark on a branded blue tile for contrast. */
.carrier-logo-grid>div.carrier-tile.carrier-gls{
  background:linear-gradient(145deg,#0d25b8 0%,#1234d1 100%)!important;
  border-color:rgba(255,255,255,.16)!important;
  box-shadow:0 18px 45px rgba(13,37,184,.22)!important;
}
.carrier-tile.carrier-gls>span{color:#fff!important}
.carrier-tile.carrier-gls>small{background:#fff!important;color:#1026b8!important}
.carrier-tile.carrier-gls img[src*="gls-user-clean.png"]{
  filter:drop-shadow(0 5px 14px rgba(0,0,0,.16))!important;
}
.carrier-tile img.carrier-logo-gls{max-width:146px!important;height:88px!important;mix-blend-mode:normal!important;filter:drop-shadow(0 5px 14px rgba(0,0,0,.16))!important}

/* v14 layout integrity: hero content determines the section height; no service overlap */
.hero-home{
  height:auto!important;
  min-height:0!important;
  max-height:none!important;
  align-items:stretch;
  overflow:hidden;
}
.hero-home .hero-content{
  height:auto!important;
  min-height:760px;
  align-items:center;
  padding-top:58px;
  padding-bottom:88px;
}
.hero-home .hero-copy,.hero-home .hero-panel{min-width:0}
.service-rail{
  margin-top:0!important;
  z-index:2;
  clear:both;
}
@media(max-width:1180px){
  .hero-home .hero-content{min-height:0;padding-top:72px;padding-bottom:84px}
}
@media(max-width:760px){
  .hero-home .hero-content{padding-top:58px;padding-bottom:68px}
}

/* ================================================================
   LIVE FINAL v15 — contact clarity + fulfilment integrations
   ================================================================ */
.contact-route-note,.offer-route-note{
  border-color:#ded3c5;
  background:var(--surface-card);
  box-shadow:0 14px 34px rgba(17,16,15,.06);
}
.contact-route-note>b,.offer-route-note>b{color:#171614}
.contact-route-note p,.offer-route-note p{color:#605b54}
.contact-route-note a,.offer-route-note a{color:var(--orange)}
.offer-route-note strong{color:#171614}

.integrations-section{padding-top:94px;padding-bottom:94px;background:linear-gradient(180deg,var(--surface-light) 0,var(--surface-light-2) 100%)}
.integrations-section .shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}
.integrations-section .section-heading,.integrations-section .integration-scene{grid-column:1/-1}
.integrations-heading p{max-width:930px}
.integration-scene{position:relative;display:grid;grid-template-columns:.8fr 1.15fr .8fr;align-items:center;gap:18px;padding:40px 34px;border:1px solid #ddd3c6;border-radius:34px;background:linear-gradient(180deg,#f3efe9,#ece7e0);overflow:hidden;box-shadow:0 24px 55px rgba(17,16,15,.06)}
.integration-scene::before{content:"";position:absolute;inset:32px 21% 32px 21%;border-radius:999px;background:radial-gradient(circle at center,rgba(78,135,210,.1),rgba(78,135,210,.04) 62%,transparent 63%)}
.integration-orbit{position:relative;display:grid;gap:18px;align-content:center;z-index:1}
.integration-orbit-left{justify-items:start}
.integration-orbit-right{justify-items:end}
.integration-node{width:118px;min-height:118px;padding:14px;border-radius:999px;display:grid;place-items:center;text-align:center;font-weight:900;font-size:1rem;line-height:1.15;box-shadow:0 18px 36px rgba(17,16,15,.14);animation:wllFloat 6.2s ease-in-out infinite}
.integration-node:nth-child(2){animation-delay:-1s}
.integration-node:nth-child(3){animation-delay:-2s}
.integration-node:nth-child(4){animation-delay:-3s}
.integration-node:nth-child(5){animation-delay:-4s}
.integration-node.is-navy{background:#022f63;color:#fff}
.integration-node.is-orange{background:#f47a3a;color:#fff}
.integration-node.is-coral{background:#ef5658;color:#fff}
.integration-node.is-lilac{background:#e7e0ef;color:#6c2df1}
.integration-node.is-black{background:#1b1718;color:#fff}
.integration-node.is-violet{background:#a2649a;color:#fff}
.integration-node.is-blue{background:#1f96ea;color:#fff}
.integration-node.is-green{background:#93bf3a;color:#fff}
.integration-node.is-bol{background:#315fd1;color:#fff}
.integration-center{position:relative;z-index:1;display:grid;place-items:center;min-height:620px;padding:12px}
.integration-center-ring{position:absolute;inset:22px;border-radius:50%;border:1px solid rgba(24,40,67,.08)}
.integration-laptop{position:relative;width:min(100%,430px)}
.integration-laptop-screen{position:relative;aspect-ratio:16/10;padding:26px;border:10px solid #0f2d4b;border-bottom-width:14px;border-radius:22px;background:linear-gradient(180deg,#4a92ea,#387fe0);display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden;box-shadow:0 20px 46px rgba(17,16,15,.18)}
.integration-laptop-screen::before{content:"";position:absolute;left:20px;top:12px;width:42px;height:8px;border-radius:999px;background:rgba(255,255,255,.45);box-shadow:0 0 0 12px transparent,16px 0 0 rgba(255,255,255,.45),32px 0 0 rgba(255,255,255,.45)}
.integration-screen-glow{position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.3),transparent 48%);pointer-events:none}
.integration-screen-logo{position:relative;width:min(44%,180px);filter:drop-shadow(0 10px 25px rgba(255,255,255,.18));animation:wllPulse 4s ease-in-out infinite}
.integration-screen-text{position:relative;margin-top:18px;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.18);color:#fff;font-weight:850;font-size:.82rem;letter-spacing:.02em}
.integration-laptop-base{width:118%;height:18px;margin:-1px auto 0;border-radius:0 0 18px 18px/0 0 14px 14px;background:linear-gradient(180deg,#d8d2ca,#bbb4ab);box-shadow:0 12px 18px rgba(17,16,15,.12)}
.integration-copy,.integration-platform-card{padding:30px;border:1px solid #ddd3c6;border-radius:24px;background:#fff;box-shadow:0 18px 45px rgba(17,16,15,.05)}
.integration-copy h3,.integration-platform-card h3{margin:0 0 10px;font-size:1.7rem}
.integration-copy p,.integration-platform-card p{margin:0;color:#625c56;line-height:1.7}
.integration-feature-list{display:grid;gap:12px;margin:24px 0 0;padding:0;list-style:none}
.integration-feature-list li{padding-left:28px;position:relative;color:#171614;font-weight:700;line-height:1.6}
.integration-feature-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:900}
.integration-platform-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.integration-platform-list span{padding:10px 14px;border-radius:999px;background:#f5efe7;border:1px solid #e2d8ca;color:#2a251f;font-size:.86rem;font-weight:800}

@keyframes wllFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes wllPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.04)}}

@media(max-width:1180px){
  .integration-scene{grid-template-columns:1fr;gap:24px;padding:28px 22px}
  .integration-scene::before{inset:110px 8% 140px 8%}
  .integration-orbit-left,.integration-orbit-right{grid-template-columns:repeat(auto-fit,minmax(110px,1fr));justify-items:center}
  .integration-center{min-height:0}
}
@media(max-width:850px){
  .integrations-section .shell{grid-template-columns:1fr}
  .integration-copy,.integration-platform-card{padding:24px 20px}
  .integration-node{width:102px;min-height:102px;font-size:.9rem}
  .integration-laptop{width:min(100%,360px)}
}
@media(max-width:540px){
  .integration-scene{padding:22px 16px;border-radius:24px}
  .integration-orbit-left,.integration-orbit-right{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
  .integration-node{width:100%;min-height:88px;border-radius:22px}
  .integration-screen-text{font-size:.74rem;text-align:center}
  .integration-platform-list span{width:100%;text-align:center}
}

/* ================================================================
   LIVE FINAL v16 — integration network exacter + moving logo strip
   ================================================================ */
.integrations-section{padding-top:96px;padding-bottom:96px;background:linear-gradient(180deg,var(--surface-light) 0,var(--surface-light-2) 100%)}
.integrations-section .shell{display:grid;grid-template-columns:minmax(0,1fr);gap:26px}
.integrations-heading p{max-width:1100px}
.integration-network-card,.integration-marquee-card{background:#f6f3ee;border:1px solid #ddd3c7;border-radius:36px;box-shadow:0 28px 70px rgba(17,16,15,.06)}
.integration-network-card{padding:28px 28px 30px}
.integration-network-stage{position:relative;min-height:930px;border-radius:30px;overflow:hidden;background:radial-gradient(circle at 50% 38%,rgba(196,206,216,.55),rgba(232,227,220,.65) 53%,rgba(246,243,238,.98) 78%)}
.integration-network-lines{position:absolute;inset:0;width:100%;height:100%;z-index:1}
.network-circle-fill{fill:rgba(207,214,220,.72)}
.network-line.base{fill:none;stroke:#c9c6c2;stroke-width:4;stroke-linecap:round;stroke-linejoin:round;opacity:.95}
.network-line.flow-up,.network-line.flow-down{fill:none;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:18 220;filter:drop-shadow(0 0 8px rgba(255,141,54,.18))}
.network-line.flow-up{stroke:url(#lineGlowOrange);animation:wll-network-up 5.4s linear infinite}
.network-line.flow-down{stroke:url(#lineGlowBlue);animation:wll-network-down 5.8s linear infinite}
.network-line.delay-1{animation-delay:-.2s}.network-line.delay-2{animation-delay:-.6s}.network-line.delay-3{animation-delay:-1s}.network-line.delay-4{animation-delay:-1.4s}.network-line.delay-5{animation-delay:-1.8s}.network-line.delay-6{animation-delay:-2.2s}.network-line.delay-7{animation-delay:-2.6s}.network-line.delay-8{animation-delay:-3s}.network-line.delay-9{animation-delay:-3.4s}
.network-layer{position:absolute;inset:0;z-index:2;pointer-events:none}
.integration-logo-node{position:absolute;width:132px;height:132px;border-radius:50%;background:#fff;display:grid;place-items:center;box-shadow:0 18px 40px rgba(17,16,15,.16);pointer-events:auto;animation:wll-node-float 6.8s ease-in-out infinite}
.integration-logo-node img{display:block;max-width:88%;max-height:88%;object-fit:contain}
.integration-logo-node.carrier img{max-width:78%;max-height:78%}
.integration-logo-node.top.top-1{left:26px;top:92px}.integration-logo-node.top.top-2{left:190px;top:158px}.integration-logo-node.top.top-3{left:32px;top:286px}.integration-logo-node.top.top-4{left:250px;top:418px}
.integration-logo-node.top.top-5{right:38px;top:18px}.integration-logo-node.top.top-6{right:40px;top:160px}.integration-logo-node.top.top-7{right:38px;top:312px}.integration-logo-node.top.top-8{right:40px;top:490px}.integration-logo-node.top.top-9{right:112px;top:680px}
.integration-logo-node.bottom.bottom-1{left:96px;bottom:34px}.integration-logo-node.bottom.bottom-2{left:312px;bottom:-2px}.integration-logo-node.bottom.bottom-3{left:492px;bottom:88px}.integration-logo-node.bottom.bottom-4{right:238px;bottom:60px}.integration-logo-node.bottom.bottom-5{left:280px;bottom:174px}.integration-logo-node.bottom.bottom-6{right:110px;bottom:-10px}
.integration-logo-node.top.top-2,.integration-logo-node.top.top-6,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-5{animation-delay:-1.2s}
.integration-logo-node.top.top-3,.integration-logo-node.top.top-7,.integration-logo-node.bottom.bottom-3,.integration-logo-node.bottom.bottom-6{animation-delay:-2.4s}
.integration-logo-node.top.top-4,.integration-logo-node.top.top-8,.integration-logo-node.bottom.bottom-4{animation-delay:-3.4s}
.integration-laptop-hub{position:absolute;left:50%;top:58%;transform:translate(-50%,-50%);z-index:3;width:min(92%,470px)}
.integration-laptop-shell{position:relative}
.integration-laptop-screen{position:relative;aspect-ratio:16/10;padding:26px 18px 20px;border:10px solid #0f2d4c;border-bottom-width:14px;border-radius:22px;background:linear-gradient(135deg,#4d91e8 0%,#387de0 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:0 26px 58px rgba(17,16,15,.2);overflow:hidden}
.integration-laptop-screen::before{content:"";position:absolute;left:22px;top:18px;width:48px;height:8px;border-radius:999px;background:rgba(255,255,255,.9);box-shadow:18px 0 0 rgba(255,255,255,.55),36px 0 0 rgba(255,255,255,.55)}
.integration-laptop-screen::after{content:"";position:absolute;inset:0;background:radial-gradient(circle at 50% 40%,rgba(255,255,255,.28),transparent 48%);pointer-events:none}
.integration-laptop-base{width:118%;height:20px;margin:-1px auto 0;border-radius:0 0 18px 18px/0 0 14px 14px;background:linear-gradient(180deg,#d8d2ca,#bbb4ab);box-shadow:0 14px 24px rgba(17,16,15,.12)}
.integration-wll-brand{position:relative;width:min(78%,310px);aspect-ratio:1070/399;display:grid;place-items:center;transform:translateY(-14px)}
.integration-wll-brand img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain}
.integration-wll-base{filter:drop-shadow(0 10px 18px rgba(0,0,0,.16))}
.integration-wll-swoosh{opacity:0;transform-origin:34% 62%;animation:wll-swoosh-draw-v13 2.6s cubic-bezier(.2,.95,.25,1) .18s infinite}
.integration-wll-crown{opacity:0;transform-origin:83% 24%;animation:wll-crown-drop-v13 2.6s cubic-bezier(.22,1.2,.28,1) .78s infinite}
.integration-screen-label{position:relative;z-index:1;margin-top:18px;padding:14px 24px;border-radius:999px;background:rgba(255,255,255,.2);color:#fff;font-weight:850;font-size:1.02rem;letter-spacing:.01em;box-shadow:0 12px 28px rgba(255,255,255,.08)}
.integration-card-copy{display:grid;grid-template-columns:1.35fr .8fr;gap:24px;margin-top:26px}
.integration-card-text,.integration-card-side{padding:0 6px}
.integration-card-text h3,.integration-marquee-head h3{margin:0 0 12px;font-size:2rem}
.integration-card-text p,.integration-side-block p,.integration-marquee-head p{margin:0;color:#605b56;line-height:1.75}
.integration-feature-list{display:grid;gap:12px;margin:22px 0 0;padding:0;list-style:none}.integration-feature-list li{padding-left:28px;position:relative;color:#171614;font-weight:700;line-height:1.6}.integration-feature-list li::before{content:"✓";position:absolute;left:0;top:0;color:var(--orange);font-weight:900}
.integration-card-side{display:grid;gap:16px}
.integration-side-block{padding:18px 20px;border-radius:22px;background:rgba(255,255,255,.8);border:1px solid #ddd3c6}
.integration-side-block span{display:block;margin-bottom:8px;color:#171614;font-weight:900}
.integration-marquee-card{padding:30px 0 30px;overflow:hidden}
.integration-marquee-head{padding:0 28px 16px}
.integration-marquee{position:relative;overflow:hidden;padding:10px 0 4px}
.integration-marquee::before,.integration-marquee::after{content:"";position:absolute;top:0;bottom:0;width:120px;z-index:2;pointer-events:none}.integration-marquee::before{left:0;background:linear-gradient(90deg,#f6f3ee,rgba(246,243,238,0))}.integration-marquee::after{right:0;background:linear-gradient(270deg,#f6f3ee,rgba(246,243,238,0))}
.integration-marquee-track{display:flex;gap:16px;min-width:max-content;animation:wll-marquee 28s linear infinite;padding:0 28px}
.integration-marquee-item{width:132px;height:78px;flex:0 0 auto;border-radius:22px;background:#fff;border:1px solid #e1d7cb;display:grid;place-items:center;box-shadow:0 12px 28px rgba(17,16,15,.05);font-weight:900;color:#2e2923;padding:10px}.integration-marquee-item img{max-width:88%;max-height:58px;object-fit:contain}.integration-marquee-item.text-only{width:auto;min-width:132px;padding-inline:20px}
@keyframes wll-network-up{from{stroke-dashoffset:420}to{stroke-dashoffset:0}}
@keyframes wll-network-down{from{stroke-dashoffset:-420}to{stroke-dashoffset:0}}
@keyframes wll-node-float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes wll-marquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}

@media (max-width:1200px){
  .integration-network-stage{min-height:1100px}
  .integration-logo-node{width:118px;height:118px}
  .integration-logo-node.top.top-1{left:18px;top:84px}.integration-logo-node.top.top-2{left:160px;top:152px}.integration-logo-node.top.top-3{left:24px;top:280px}.integration-logo-node.top.top-4{left:225px;top:410px}
  .integration-logo-node.top.top-5{right:24px;top:24px}.integration-logo-node.top.top-6{right:24px;top:160px}.integration-logo-node.top.top-7{right:24px;top:308px}.integration-logo-node.top.top-8{right:24px;top:468px}.integration-logo-node.top.top-9{right:90px;top:635px}
  .integration-logo-node.bottom.bottom-1{left:66px;bottom:30px}.integration-logo-node.bottom.bottom-2{left:260px;bottom:4px}.integration-logo-node.bottom.bottom-3{left:446px;bottom:96px}.integration-logo-node.bottom.bottom-4{right:184px;bottom:56px}.integration-logo-node.bottom.bottom-5{left:244px;bottom:174px}.integration-logo-node.bottom.bottom-6{right:82px;bottom:0}
}
@media (max-width:980px){
  .integration-network-card{padding:18px}
  .integration-network-stage{min-height:1240px}
  .integration-card-copy{grid-template-columns:1fr}
  .integration-laptop-hub{top:58%;width:min(90%,420px)}
  .integration-logo-node{width:104px;height:104px}
  .integration-logo-node.top.top-1{left:14px;top:88px}.integration-logo-node.top.top-2{left:132px;top:155px}.integration-logo-node.top.top-3{left:14px;top:270px}.integration-logo-node.top.top-4{left:180px;top:400px}.integration-logo-node.top.top-5{right:14px;top:18px}.integration-logo-node.top.top-6{right:14px;top:148px}.integration-logo-node.top.top-7{right:14px;top:286px}.integration-logo-node.top.top-8{right:14px;top:436px}.integration-logo-node.top.top-9{right:60px;top:590px}
  .integration-logo-node.bottom.bottom-1{left:40px;bottom:38px}.integration-logo-node.bottom.bottom-2{left:170px;bottom:10px}.integration-logo-node.bottom.bottom-3{left:330px;bottom:104px}.integration-logo-node.bottom.bottom-4{right:138px;bottom:72px}.integration-logo-node.bottom.bottom-5{left:168px;bottom:176px}.integration-logo-node.bottom.bottom-6{right:56px;bottom:0}
}
@media (max-width:720px){
  .integration-network-stage{min-height:1480px}
  .integration-network-lines{display:none}
  .integration-network-stage{display:grid;grid-template-columns:1fr;align-content:start;padding:24px 16px 28px;gap:18px;background:radial-gradient(circle at 50% 24%,rgba(207,214,220,.75),rgba(232,227,220,.7) 44%,rgba(246,243,238,.98) 78%)}
  .network-layer,.integration-laptop-hub{position:relative;inset:auto;left:auto;top:auto;transform:none}
  .network-layer{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
  .network-shops{order:1}.integration-laptop-hub{order:2;margin:8px auto 10px;width:min(100%,360px)}.network-carriers{order:3}
  .integration-logo-node{position:relative;width:100%;height:96px;border-radius:24px;animation:none}
  .integration-logo-node.top.top-1,.integration-logo-node.top.top-2,.integration-logo-node.top.top-3,.integration-logo-node.top.top-4,.integration-logo-node.top.top-5,.integration-logo-node.top.top-6,.integration-logo-node.top.top-7,.integration-logo-node.top.top-8,.integration-logo-node.top.top-9,.integration-logo-node.bottom.bottom-1,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-3,.integration-logo-node.bottom.bottom-4,.integration-logo-node.bottom.bottom-5,.integration-logo-node.bottom.bottom-6{left:auto;right:auto;top:auto;bottom:auto}
  .integration-card-text h3,.integration-marquee-head h3{font-size:1.72rem}
  .integration-screen-label{font-size:.9rem;padding:11px 18px}
  .integration-marquee-item{width:116px;height:70px}
}
.choice-prefill-note{margin:0 0 18px;padding:16px 18px;border-radius:20px;background:#f5efe7;border:1px solid #e1d7cb}
.choice-prefill-note strong{display:block;margin-bottom:10px;color:#171614}
.choice-prefill-note ul{display:grid;gap:8px;margin:0;padding:0;list-style:none}
.choice-prefill-note li{display:flex;justify-content:space-between;gap:14px;padding-bottom:8px;border-bottom:1px solid #e6ddd2;color:#5e5853;font-size:.96rem}
.choice-prefill-note li:last-child{padding-bottom:0;border-bottom:0}.choice-prefill-note li span{font-weight:700;color:#171614}.choice-prefill-note li strong{margin:0;color:#605b54;font-weight:700;text-align:right}
@media (max-width:640px){.choice-prefill-note li{flex-direction:column;gap:6px}.choice-prefill-note li strong{text-align:left}}

/* ================================================================
   LIVE FINAL v17 — laptop refined, black screen, slower logo marquee
   ================================================================ */
.integration-network-stage{min-height:900px}
.integration-laptop-hub{top:57%;width:min(82%,388px)}
.integration-laptop-screen{aspect-ratio:16/10;padding:22px 18px 18px;border:10px solid #101722;border-bottom-width:12px;border-radius:24px;background:linear-gradient(180deg,#0c1016 0%,#111720 54%,#141d2a 100%);box-shadow:0 28px 68px rgba(0,0,0,.24)}
.integration-laptop-screen::before{left:20px;top:18px;width:58px;height:10px;background:rgba(255,255,255,.9);box-shadow:22px 0 0 rgba(255,255,255,.5),44px 0 0 rgba(255,255,255,.25)}
.integration-laptop-screen::after{background:radial-gradient(circle at 50% 45%,rgba(73,133,214,.22),rgba(255,255,255,.03) 40%,transparent 65%)}
.integration-laptop-base{width:122%;height:18px;border-radius:0 0 22px 22px/0 0 14px 14px;background:linear-gradient(180deg,#c8c1b8,#b5ada4);box-shadow:0 16px 32px rgba(0,0,0,.12)}
.integration-wll-brand{width:min(70%,258px);transform:translateY(-4px)}
.integration-wll-base{filter:drop-shadow(0 12px 22px rgba(0,0,0,.34))}
.integration-screen-label{margin-top:20px;padding:13px 24px;background:linear-gradient(180deg,rgba(83,140,226,.85),rgba(62,122,212,.85));box-shadow:0 14px 32px rgba(30,91,180,.22)}
.integration-logo-node{background:rgba(255,255,255,.94);border:8px solid rgba(255,255,255,.7)}
.integration-marquee-track{animation-duration:46s}
.integration-marquee-item{width:150px;height:86px;background:#fff}
.integration-marquee-item img{max-width:90%;max-height:62px}
@media (max-width:980px){
  .integration-network-stage{min-height:1180px}
  .integration-laptop-hub{width:min(84%,352px)}
}
@media (max-width:720px){
  .integration-laptop-hub{width:min(100%,320px)}
  .integration-screen-label{font-size:.88rem}
  .integration-marquee-track{animation-duration:40s}
}

/* ================================================================
   LIVE FINAL v18 — smaller laptop + synchronized in-screen logo motion
   ================================================================ */
:root{
  --integration-sync-cycle: 4.4s;
}
.integration-network-stage{min-height:880px}
.integration-laptop-hub{top:57.2%;width:min(74%,344px)}
.integration-laptop-screen{
  aspect-ratio:16 / 10;
  padding:18px 14px 14px;
  border-width:9px;
  border-bottom-width:11px;
  border-radius:24px;
  background:linear-gradient(180deg,#070a0f 0%,#0b1118 54%,#111a25 100%);
  box-shadow:0 24px 54px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.06);
}
.integration-laptop-screen::before{
  left:18px;
  top:15px;
  width:44px;
  height:8px;
  box-shadow:16px 0 0 rgba(255,255,255,.48),32px 0 0 rgba(255,255,255,.26);
}
.integration-laptop-screen::after{
  background:radial-gradient(circle at 50% 44%,rgba(86,145,225,.18),rgba(255,255,255,.02) 42%,transparent 67%);
}
.integration-laptop-base{
  width:120%;
  height:16px;
  border-radius:0 0 18px 18px / 0 0 12px 12px;
  background:linear-gradient(180deg,#c5bdb4,#b5ada4);
}
.integration-wll-brand{
  width:min(69%,210px);
  transform:translateY(-2px);
}
.integration-wll-base{filter:drop-shadow(0 10px 20px rgba(0,0,0,.38))}
.integration-screen-label{
  margin-top:14px;
  padding:11px 18px;
  font-size:.92rem;
  line-height:1.2;
  background:linear-gradient(180deg,rgba(73,133,214,.92),rgba(58,114,197,.92));
  box-shadow:0 14px 28px rgba(22,80,158,.20);
}
.network-line.flow-up,.network-line.flow-down{
  animation-duration:var(--integration-sync-cycle)!important;
}
.network-line.delay-1{animation-delay:-.05s}
.network-line.delay-2{animation-delay:-.30s}
.network-line.delay-3{animation-delay:-.55s}
.network-line.delay-4{animation-delay:-.80s}
.network-line.delay-5{animation-delay:-1.05s}
.network-line.delay-6{animation-delay:-1.30s}
.network-line.delay-7{animation-delay:-1.55s}
.network-line.delay-8{animation-delay:-1.80s}
.network-line.delay-9{animation-delay:-2.05s}
.integration-wll-swoosh{
  opacity:0;
  transform-origin:34% 62%;
  animation:wll-swoosh-sync-v18 var(--integration-sync-cycle) cubic-bezier(.2,.95,.25,1) infinite;
}
.integration-wll-crown{
  opacity:0;
  transform-origin:83% 24%;
  animation:wll-crown-sync-v18 var(--integration-sync-cycle) cubic-bezier(.22,1.2,.28,1) infinite;
}
@keyframes wll-swoosh-sync-v18{
  0%,8%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate(84px,18px) scale(.48) rotate(-5deg)}
  22%{opacity:1;clip-path:inset(60% 0 0 0);transform:translate(44px,8px) scale(.74) rotate(-2.4deg)}
  34%{opacity:1;clip-path:inset(18% 0 0 0);transform:translate(8px,2px) scale(.96) rotate(-.4deg)}
  42%,82%{opacity:1;clip-path:inset(0 0 0 0);transform:none}
  92%{opacity:0;clip-path:inset(0 0 100% 0);transform:translate(-8px,2px) scale(.98)}
  100%{opacity:0;clip-path:inset(100% 0 0 0);transform:translate(84px,18px) scale(.48) rotate(-5deg)}
}
@keyframes wll-crown-sync-v18{
  0%,28%{opacity:0;transform:translateY(-13px) scale(.45) rotate(-6deg)}
  42%{opacity:1;transform:translateY(4px) scale(1.06) rotate(.6deg)}
  50%,82%{opacity:1;transform:none}
  92%{opacity:0;transform:translateY(-8px) scale(.86)}
  100%{opacity:0;transform:translateY(-13px) scale(.45) rotate(-6deg)}
}
@media (max-width:1200px){
  .integration-laptop-hub{width:min(76%,328px)}
}
@media (max-width:980px){
  .integration-network-stage{min-height:1140px}
  .integration-laptop-hub{width:min(82%,308px)}
}
@media (max-width:720px){
  .integration-network-stage{min-height:1220px}
  .integration-laptop-hub{width:min(100%,286px)}
  .integration-screen-label{font-size:.84rem;padding:10px 16px}
}
@media (max-width:560px){
  .integration-network-stage{min-height:1460px}
}

/* ================================================================
   LIVE FINAL v19 — smooth scroll, hover-only glass spotlight, scope updates
   ================================================================ */
.nav-shell::before{opacity:0!important;transition:opacity .18s ease!important}
.nav-shell.is-pointer-active::before{opacity:.78!important}
.nav-shell{
  -webkit-backdrop-filter:blur(20px) saturate(150%) brightness(1.02)!important;
  backdrop-filter:blur(20px) saturate(150%) brightness(1.02)!important;
}
.motion-enabled .reveal.motion-pending{
  filter:none!important;
  transform:translate3d(0,24px,0) scale(.992)!important;
  transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)!important;
}
.motion-enabled .reveal.motion-pending.is-visible{filter:none!important;transform:none!important}
.image-frame img,.split-media>img,.page-hero-photo>img,.gallery-grid img,.transport-main,.location-detail>img{
  will-change:auto!important;
  transform:scale(var(--media-scale,1))!important;
  transition:filter .3s ease,transform .3s ease!important;
}
.hero-orb-one,.hero-orb-two{will-change:transform}
.transport-region-note{margin-top:8px;padding:18px 20px;border:1px solid #ddd4c9;border-radius:18px;background:#f5efe7;display:grid;gap:6px}
.transport-region-note strong{color:#171614;font-size:.9rem}
.transport-region-note span{color:#625b54;line-height:1.6;font-size:.9rem}
.integration-card-copy{grid-template-columns:1fr .78fr!important}
.integration-card-text{align-self:center}
@media(max-width:980px){.integration-card-copy{grid-template-columns:1fr!important}}
@media(max-width:760px){
  .nav-shell{-webkit-backdrop-filter:blur(16px) saturate(140%)!important;backdrop-filter:blur(16px) saturate(140%)!important}
}
.nav-shell::after{opacity:.14!important;transition:opacity .18s ease!important}
.nav-shell.is-pointer-active::after{opacity:.42!important}
.integration-network-card .network-line.flow-up,
.integration-network-card .network-line.flow-down,
.integration-network-card .integration-logo-node,
.integration-network-card .integration-wll-swoosh,
.integration-network-card .integration-wll-crown,
.integration-marquee-card .integration-marquee-track{animation-play-state:paused!important}
.integration-network-card.is-animation-active .network-line.flow-up,
.integration-network-card.is-animation-active .network-line.flow-down,
.integration-network-card.is-animation-active .integration-logo-node,
.integration-network-card.is-animation-active .integration-wll-swoosh,
.integration-network-card.is-animation-active .integration-wll-crown,
.integration-marquee-card.is-animation-active .integration-marquee-track{animation-play-state:running!important}
.nav-shell::after{opacity:0!important}
.nav-shell.is-pointer-active::after{opacity:.34!important}

/* ================================================================
   LIVE FINAL v20 — final scope + scroll performance polish
   ================================================================ */
/* De Liquid Glass lichtvlek bestaat alleen wanneer de pointer echt boven de balk staat. */
.nav-shell::before,.nav-shell::after{opacity:0!important}
.nav-shell.is-pointer-active::before{opacity:.70!important}
.nav-shell.is-pointer-active::after{opacity:.26!important}
/* Iets lichtere blur op de vaste navigatie voorkomt GPU-haperingen tijdens scrollen. */
.nav-shell{
  -webkit-backdrop-filter:blur(14px) saturate(145%) brightness(1.01)!important;
  backdrop-filter:blur(14px) saturate(145%) brightness(1.01)!important;
}
.topbar{
  -webkit-backdrop-filter:blur(10px) saturate(135%)!important;
  backdrop-filter:blur(10px) saturate(135%)!important;
}
/* Geen continue carrier-float buiten het integratiediagram: beweging alleen bij interactie. */
.carrier-logo-grid .carrier-tile img{animation:none!important;will-change:auto!important;transition:transform .22s ease!important}
.carrier-logo-grid .carrier-tile:hover img{transform:translateY(-3px) scale(1.025)!important}
/* Scroll-reveals blijven licht: uitsluitend compositor-vriendelijke opacity/transform. */
.motion-enabled .reveal.motion-pending{filter:none!important;will-change:opacity,transform}
.motion-enabled .reveal.motion-pending.is-visible{will-change:auto}
/* Animaties in het integratieblok worden alleen gerenderd wanneer het blok zichtbaar is. */
.integration-network-card:not(.is-animation-active) .integration-logo-node,
.integration-network-card:not(.is-animation-active) .network-line.flow-up,
.integration-network-card:not(.is-animation-active) .network-line.flow-down,
.integration-network-card:not(.is-animation-active) .integration-wll-swoosh,
.integration-network-card:not(.is-animation-active) .integration-wll-crown,
.integration-marquee-card:not(.is-animation-active) .integration-marquee-track{will-change:auto!important}
@media(max-width:760px){
  .nav-shell{-webkit-backdrop-filter:blur(10px) saturate(135%)!important;backdrop-filter:blur(10px) saturate(135%)!important}
  .topbar{-webkit-backdrop-filter:blur(7px)!important;backdrop-filter:blur(7px)!important}
}


/* ================================================================
   LIVE FINAL v21 — smaller laptop, cleaner in-screen logo, true laptop-origin lines
   ================================================================ */
:root{--integration-sync-cycle:5.2s}
.integration-network-stage{min-height:880px}
.integration-laptop-hub{top:56.6%!important;width:min(62%,284px)!important}
.integration-laptop-screen{
  aspect-ratio:16/10!important;
  padding:14px 12px 12px!important;
  border:8px solid #0d1219!important;
  border-bottom-width:10px!important;
  border-radius:22px!important;
  background:linear-gradient(180deg,#05080c 0%,#0a1017 54%,#0f1721 100%)!important;
  box-shadow:0 22px 44px rgba(0,0,0,.24), inset 0 1px 0 rgba(255,255,255,.05)!important;
}
.integration-laptop-screen::before{left:16px!important;top:13px!important;width:40px!important;height:7px!important;box-shadow:14px 0 0 rgba(255,255,255,.44),28px 0 0 rgba(255,255,255,.22)!important}
.integration-laptop-screen::after{background:radial-gradient(circle at 50% 44%,rgba(69,119,191,.14),rgba(255,255,255,.015) 42%,transparent 67%)!important}
.integration-laptop-base{width:124%!important;height:14px!important;border-radius:0 0 18px 18px / 0 0 12px 12px!important;background:linear-gradient(180deg,#c7bfb6,#b4aca3)!important;box-shadow:0 12px 24px rgba(0,0,0,.12)!important}
.integration-screen-label{display:none!important}
.integration-wll-brand{width:min(86%,220px)!important;aspect-ratio:1070/399!important;display:grid;place-items:center!important;transform:none!important}
.integration-wll-brand img{position:relative!important;inset:auto!important;width:100%!important;height:auto!important;object-fit:contain!important}
.integration-wll-logo{filter:drop-shadow(0 8px 18px rgba(0,0,0,.42));animation:wll-logo-breathe-v21 var(--integration-sync-cycle) ease-in-out infinite}
.integration-wll-swoosh,.integration-wll-crown{display:none!important}
@keyframes wll-logo-breathe-v21{
  0%,100%{transform:scale(.985);opacity:.94;filter:drop-shadow(0 8px 18px rgba(0,0,0,.42))}
  20%{transform:scale(1);opacity:1;filter:drop-shadow(0 0 18px rgba(55,110,190,.16)) drop-shadow(0 8px 18px rgba(0,0,0,.38))}
  52%{transform:scale(1.018);opacity:1;filter:drop-shadow(0 0 26px rgba(80,140,230,.2)) drop-shadow(0 8px 18px rgba(0,0,0,.34))}
  76%{transform:scale(1);opacity:.98;filter:drop-shadow(0 6px 16px rgba(0,0,0,.36))}
}
.network-line.base{stroke:#c7c3be!important;stroke-width:4.2!important;opacity:.97!important}
.network-line.flow-up,.network-line.flow-down{stroke-width:5.2!important;stroke-dasharray:18 230!important;animation-duration:var(--integration-sync-cycle)!important}
.integration-logo-node{background:rgba(255,255,255,.96)!important;border:8px solid rgba(255,255,255,.74)!important}
.integration-logo-node.top.top-1{left:20px;top:90px}.integration-logo-node.top.top-2{left:150px;top:142px}.integration-logo-node.top.top-3{left:32px;top:262px}.integration-logo-node.top.top-4{left:212px;top:394px}
.integration-logo-node.top.top-5{right:28px;top:24px}.integration-logo-node.top.top-6{right:24px;top:150px}.integration-logo-node.top.top-7{right:28px;top:302px}.integration-logo-node.top.top-8{right:28px;top:484px}.integration-logo-node.top.top-9{right:104px;top:670px}
.integration-logo-node.bottom.bottom-1{left:96px;bottom:34px}.integration-logo-node.bottom.bottom-2{left:282px;bottom:-2px}.integration-logo-node.bottom.bottom-3{left:486px;bottom:82px}.integration-logo-node.bottom.bottom-4{right:230px;bottom:54px}.integration-logo-node.bottom.bottom-5{left:238px;bottom:168px}.integration-logo-node.bottom.bottom-6{right:108px;bottom:-8px}
@media (max-width:1200px){.integration-laptop-hub{width:min(66%,272px)!important}}
@media (max-width:980px){.integration-network-stage{min-height:1140px}.integration-laptop-hub{width:min(74%,262px)!important}}
@media (max-width:720px){.integration-network-stage{min-height:1220px}.integration-laptop-hub{width:min(88%,248px)!important}}
@media (max-width:560px){.integration-network-stage{min-height:1460px}.integration-laptop-hub{width:min(100%,236px)!important}}


/* ================================================================
   LIVE FINAL v22 — tablet + phone responsive hardening
   ================================================================ */

/* Tablet navigation: collapse before the desktop links become cramped. */
@media (max-width:980px){
  .nav-inner{height:70px!important;gap:14px!important}
  .brand{width:205px!important;flex-basis:205px!important}
  .brand-logo-stage,.brand-logo-stage>img{width:198px!important;height:52px!important}
  .menu-toggle{display:grid!important;flex:0 0 48px!important}
  .nav-cta{display:none!important}
  .main-nav{
    position:fixed!important;
    z-index:400!important;
    inset:82px 10px auto 10px!important;
    margin:0!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:stretch!important;
    gap:0!important;
    max-height:calc(100dvh - 98px)!important;
    padding:12px 18px 20px!important;
    overflow:auto!important;
    border:1px solid rgba(255,255,255,.13)!important;
    border-radius:20px!important;
    background:rgba(20,19,17,.94)!important;
    -webkit-backdrop-filter:blur(20px) saturate(150%)!important;
    backdrop-filter:blur(20px) saturate(150%)!important;
    box-shadow:0 24px 60px rgba(0,0,0,.34)!important;
    transform:translateY(-18px) scale(.985)!important;
    transform-origin:top center!important;
    opacity:0!important;
    pointer-events:none!important;
    transition:opacity .2s ease,transform .24s cubic-bezier(.22,1,.36,1)!important;
  }
  .main-nav.is-open{transform:none!important;opacity:1!important;pointer-events:auto!important}
  .main-nav a{padding:14px 6px!important;border-bottom:1px solid rgba(255,255,255,.09)!important;font-size:.96rem!important}
  .main-nav a:last-child{border-bottom:0!important}
  .main-nav a::after{display:none!important}
  .home-page main,.inner-page main,.choice-page main,.offer-page main{padding-top:0!important}
  .hero,.page-hero,.choice-page-hero,.error-hero{padding-top:84px!important}

  .contact-grid-balanced,.story-grid-balanced,.service-route-grid{grid-template-columns:1fr!important}
  .contact-grid-balanced{gap:34px!important}
  .package-grid{grid-template-columns:1fr!important}
  .package-card:last-child{grid-column:auto!important}
  .package-card>p{min-height:0!important}
  .brochure-card{align-items:flex-start!important;flex-direction:column!important}
  .location-detail-grid{grid-template-columns:1fr!important}
  .integration-card-copy{grid-template-columns:1fr!important}
}

/* Phone layout: no desktop absolute coordinates are allowed to leak through. */
@media (max-width:720px){
  :root{--shell:calc(100% - 24px)!important}
  body{font-size:15.5px}
  .section{padding:64px 0!important}
  h2{font-size:clamp(2.25rem,11vw,3.7rem)!important}
  .nav-shell{width:calc(100% - 12px)!important;margin-top:6px!important;border-radius:18px!important}
  .nav-inner{height:64px!important}
  .brand{width:168px!important;flex-basis:168px!important}
  .brand-logo-stage,.brand-logo-stage>img{width:162px!important;height:43px!important}
  .menu-toggle{width:44px!important;height:44px!important;border-radius:12px!important}
  .main-nav{inset:76px 8px auto 8px!important;max-height:calc(100dvh - 90px)!important}
  .hero,.page-hero,.choice-page-hero,.error-hero{padding-top:76px!important}

  .hero-home h1{font-size:clamp(3rem,15vw,4.4rem)!important}
  .hero-home .hero-content{padding-top:58px!important;padding-bottom:56px!important}
  .hero-actions{grid-template-columns:1fr!important}
  .hero-actions .button{width:100%!important}
  .hero-trust b{font-size:1.45rem!important}

  .form-card{padding:22px 16px!important;border-radius:20px!important}
  .form-row.two{grid-template-columns:1fr!important;gap:0!important}
  .form-card input,.form-card select,.form-card textarea{font-size:16px!important}
  .contact-route-note,.offer-route-note{padding:17px!important}

  .choice-box{padding:22px 16px!important}
  .choice-option{padding:15px 14px!important}
  .choice-controls{grid-template-columns:1fr!important;gap:10px!important}
  .choice-controls .button,.choice-controls .choice-back{width:100%!important;min-height:50px!important}
  .choice-result h3{font-size:2rem!important}
  .result-actions{display:grid!important;grid-template-columns:1fr!important;gap:10px!important}
  .result-actions .button{width:100%!important}

  .carrier-logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}
  .carrier-logo-grid>div.carrier-tile{min-height:112px!important;padding:10px!important}
  .carrier-tile img{max-width:120px!important;height:48px!important}

  .integration-network-card{padding:12px!important;border-radius:26px!important}
  .integration-network-stage{
    position:relative!important;
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:28px!important;
    padding:24px 12px 28px!important;
    overflow:hidden!important;
    border-radius:22px!important;
    background:radial-gradient(circle at 50% 35%,rgba(207,214,220,.75),rgba(232,227,220,.72) 45%,rgba(246,243,238,.98) 82%)!important;
  }
  .integration-network-lines{display:none!important}
  .network-layer{
    position:relative!important;
    inset:auto!important;
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:10px!important;
    width:100%!important;
    z-index:2!important;
    pointer-events:auto!important;
  }
  .network-shops{order:1!important;padding-bottom:18px!important}
  .integration-laptop-hub{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    top:auto!important;
    transform:none!important;
    width:min(100%,218px)!important;
    margin:0 auto!important;
    z-index:3!important;
  }
  .network-carriers{order:3!important;padding-top:18px!important}
  .network-shops::after,.integration-laptop-hub::after{
    content:"";
    position:absolute;
    left:50%;
    width:3px;
    transform:translateX(-50%);
    border-radius:999px;
    background:linear-gradient(180deg,#63a8ff,#f07830);
    opacity:.8;
    pointer-events:none;
  }
  .network-shops::after{bottom:-16px;height:34px}
  .integration-laptop-hub::after{bottom:-38px;height:38px}

  .integration-logo-node,
  .integration-logo-node.top.top-1,.integration-logo-node.top.top-2,.integration-logo-node.top.top-3,
  .integration-logo-node.top.top-4,.integration-logo-node.top.top-5,.integration-logo-node.top.top-6,
  .integration-logo-node.top.top-7,.integration-logo-node.top.top-8,.integration-logo-node.top.top-9,
  .integration-logo-node.bottom.bottom-1,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-3,
  .integration-logo-node.bottom.bottom-4,.integration-logo-node.bottom.bottom-5,.integration-logo-node.bottom.bottom-6{
    position:relative!important;
    inset:auto!important;
    left:auto!important;
    right:auto!important;
    top:auto!important;
    bottom:auto!important;
    width:100%!important;
    height:84px!important;
    min-width:0!important;
    border:5px solid rgba(255,255,255,.7)!important;
    border-radius:20px!important;
    box-shadow:0 10px 24px rgba(17,16,15,.10)!important;
    animation:none!important;
  }
  .integration-logo-node img,.integration-logo-node.carrier img{max-width:82%!important;max-height:62px!important}
  .integration-laptop-screen{border-radius:18px!important;padding:12px 10px!important}
  .integration-wll-brand{width:min(88%,176px)!important}
  .integration-card-copy{display:block!important;margin-top:18px!important}
  .integration-card-text h3{font-size:1.8rem!important}
  .integration-card-side{margin-top:18px!important}
  .integration-side-block{padding:17px!important}
  .integration-marquee-card{border-radius:26px!important;padding-top:24px!important}
  .integration-marquee-head{padding:0 18px 14px!important}
  .integration-marquee-head h3{font-size:1.75rem!important}
  .integration-marquee::before,.integration-marquee::after{width:44px!important}
  .integration-marquee-item{width:116px!important;height:70px!important;border-radius:18px!important}
  .integration-marquee-track{gap:10px!important;padding-inline:16px!important}

  .package-card{padding:22px 18px!important}
  .package-card h3{font-size:2.1rem!important}
  .package-price{align-items:flex-start!important;gap:6px!important}
  .package-price strong{font-size:1.8rem!important}
  .table-wrap{-webkit-overflow-scrolling:touch!important}

  .location-detail>div:last-child{padding:22px 18px!important}
  .location-detail h2{font-size:2rem!important}
  .service-route-card{min-height:0!important;padding:22px!important}

  .footer-top{gap:28px!important;padding-top:48px!important;padding-bottom:40px!important}
  .footer-brand img{max-width:210px!important;height:auto!important}
  .footer-bottom{padding-bottom:92px!important}
  .mobile-cta{left:10px!important;right:10px!important;bottom:9px!important;min-height:54px!important;border-radius:14px!important}
}

@media (max-width:420px){
  .network-layer{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .integration-logo-node,
  .integration-logo-node.top.top-1,.integration-logo-node.top.top-2,.integration-logo-node.top.top-3,
  .integration-logo-node.top.top-4,.integration-logo-node.top.top-5,.integration-logo-node.top.top-6,
  .integration-logo-node.top.top-7,.integration-logo-node.top.top-8,.integration-logo-node.top.top-9,
  .integration-logo-node.bottom.bottom-1,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-3,
  .integration-logo-node.bottom.bottom-4,.integration-logo-node.bottom.bottom-5,.integration-logo-node.bottom.bottom-6{height:86px!important}
  .integration-laptop-hub{width:min(100%,206px)!important}
  .choice-page-hero h1,.page-hero-content h1{font-size:clamp(2.7rem,13vw,4rem)!important}
}

/* v22.1 — prevent flex min-content overflow in mobile CTA strips. */
@media (max-width:850px){
  .cta-strip>.shell>div{min-width:0!important;width:100%!important}
  .cta-strip h2{max-width:100%!important;font-size:clamp(2.05rem,10.5vw,3.25rem)!important;overflow-wrap:anywhere!important}
  .cta-strip .button{max-width:100%!important;white-space:normal!important;text-align:center!important}
}


/* ================================================================
   LIVE FINAL v24 — final mobile/tablet reliability pass
   ================================================================ */
/* Anchors blijven zichtbaar onder de vaste header. */
#contactformulier,#brunssum,#maastricht,#pakketdienst-aanvraag,#pakketten,#integraties{scroll-margin-top:118px}
@media(max-width:980px){#contactformulier,#brunssum,#maastricht,#pakketdienst-aanvraag,#pakketten,#integraties{scroll-margin-top:92px}}
@media(max-width:720px){#contactformulier,#brunssum,#maastricht,#pakketdienst-aanvraag,#pakketten,#integraties{scroll-margin-top:82px}}

/* Maastricht pakketpuntkaart: content bepaalt op mobiel de hoogte, dus de CTA kan nooit buiten beeld vallen. */
@media(max-width:720px){
  .packagepoint-locations .location-orange{min-height:0!important;height:auto!important;overflow:hidden!important}
  .packagepoint-locations .location-orange .location-content{
    position:relative!important;inset:auto!important;top:auto!important;bottom:auto!important;left:auto!important;right:auto!important;
    padding:26px 22px 28px!important;min-height:430px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important
  }
  .packagepoint-locations .location-orange .location-network-list{width:100%!important;margin-bottom:18px!important}
  .packagepoint-locations .location-orange .location-links{margin-top:auto!important;position:relative!important;z-index:5!important}
  .packagepoint-locations .location-orange .location-links a{display:inline-flex!important;align-items:center!important;min-height:48px!important;padding:12px 15px!important;color:#fff!important;border-color:rgba(255,255,255,.28)!important;background:rgba(255,255,255,.06)!important}
}

/* Animatie blijft ook op tablet en telefoon zichtbaar, maar licht genoeg voor soepel scrollen. */
@media(max-width:980px) and (prefers-reduced-motion:no-preference){
  body.wll-page-enter .brand-logo-base{animation:wll-base-fade-v13 .34s cubic-bezier(.22,.8,.24,1) both!important}
  body.wll-page-enter .brand-logo-swoosh{animation:wll-swoosh-draw-v13 .66s cubic-bezier(.2,.95,.25,1) .02s both!important}
  body.wll-page-enter .brand-logo-crown{animation:wll-crown-drop-v13 .36s cubic-bezier(.22,1.2,.28,1) .50s both!important}
  .integration-network-card.is-animation-active .integration-wll-logo{animation:wll-logo-breathe-v21 var(--integration-sync-cycle) ease-in-out infinite!important;animation-play-state:running!important}
}
@media(max-width:720px) and (prefers-reduced-motion:no-preference){
  .integration-network-card.is-animation-active .integration-logo-node{
    animation:wll-mobile-node-float 4.8s ease-in-out infinite!important;
    animation-play-state:running!important;
    will-change:transform!important
  }
  .integration-network-card.is-animation-active .integration-logo-node:nth-child(2n){animation-delay:-1.2s!important}
  .integration-network-card.is-animation-active .integration-logo-node:nth-child(3n){animation-delay:-2.4s!important}
  .integration-network-card.is-animation-active .network-shops::after,
  .integration-network-card.is-animation-active .integration-laptop-hub::after{
    background:linear-gradient(180deg,#5ea5ff 0%,#91c7ff 38%,#ff963f 66%,#f07830 100%)!important;
    background-size:100% 220%!important;
    animation:wll-mobile-connector-flow 2.8s linear infinite!important
  }
}
@keyframes wll-mobile-node-float{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}}
@keyframes wll-mobile-connector-flow{0%{background-position:50% 0}100%{background-position:50% 100%}}


/* ================================================================
   LIVE FINAL v25 — scrollgestuurde MacBook-, bus- en pack-animaties
   ================================================================ */
.integration-network-card{
  --integration-open:0;
  --integration-lid-deg:72deg;
  --integration-motion-opacity:.08;
  --integration-flow-duration:9.1s;
  --integration-marquee-duration:44s;
  --integration-play-state:paused;
}
.integration-network-card.is-scroll-active{--integration-play-state:running}
.integration-network-card .network-line.flow-up,
.integration-network-card .network-line.flow-down{
  opacity:var(--integration-motion-opacity);
  animation-duration:var(--integration-flow-duration)!important;
  animation-play-state:var(--integration-play-state)!important;
}
.integration-network-card .integration-marquee-track{
  animation-duration:var(--integration-marquee-duration)!important;
  animation-play-state:var(--integration-play-state)!important;
}
.integration-network-stage::before{
  content:"";position:absolute;left:50%;top:49.5%;width:18px;height:18px;border-radius:50%;
  transform:translate(-50%,-50%);background:radial-gradient(circle,#fff 0%,#8dbdff 45%,#f07830 100%);
  box-shadow:0 0 0 10px rgba(255,255,255,.14),0 0 28px rgba(77,145,232,.35);z-index:2;opacity:calc(.12 + (.7 * var(--integration-open)));
}
.integration-laptop-hub{perspective:1800px;transform:translate(-50%,-50%) scale(calc(.94 + (.08 * var(--integration-open))));transition:transform .12s linear}
.integration-laptop-shell{display:grid;justify-items:center;transform-style:preserve-3d}
.integration-laptop-lid{width:100%;transform-style:preserve-3d;transform-origin:50% 100%;transform:rotateX(var(--integration-lid-deg));transition:transform .12s linear;filter:drop-shadow(0 10px 24px rgba(0,0,0,.16))}
.integration-laptop-screen{
  aspect-ratio:16/10;padding:24px 18px 16px;border:8px solid #0e1115;border-bottom-width:12px;border-radius:22px 22px 18px 18px;
  background:linear-gradient(180deg,#0f141b 0%,#05070b 40%,#111923 100%)!important;box-shadow:0 28px 65px rgba(0,0,0,.28), inset 0 0 0 1px rgba(255,255,255,.04)
}
.integration-laptop-screen::before{
  left:50%!important;top:0!important;width:68px!important;height:12px!important;transform:translateX(-50%);border-radius:0 0 10px 10px!important;
  background:linear-gradient(180deg,#080b10,#141922)!important;box-shadow:none!important
}
.integration-laptop-screen::after{background:radial-gradient(circle at 50% 42%,rgba(93,164,255,.24),transparent 52%)!important;opacity:calc(.45 + (.4 * var(--integration-open)))}
.integration-laptop-base{
  position:relative;width:124%;height:24px;margin-top:-3px;border-radius:0 0 28px 28px/0 0 18px 18px;
  background:linear-gradient(180deg,#e8e3de 0%,#cac3bb 48%,#aaa299 100%)!important;box-shadow:0 18px 24px rgba(17,16,15,.16)
}
.integration-laptop-base::before{
  content:"";position:absolute;left:50%;top:5px;transform:translateX(-50%);width:34%;height:10px;border-radius:0 0 18px 18px;
  background:linear-gradient(180deg,rgba(98,92,86,.18),rgba(98,92,86,.34));
}
.integration-wll-brand{transform:translateY(calc(-8px - (7px * var(--integration-open)))) scale(calc(.94 + (.06 * var(--integration-open))));transition:transform .12s linear}
.integration-wll-logo{
  filter:drop-shadow(0 10px 24px rgba(77,145,232,.24));
  animation:wll-logo-float-v25 4.8s ease-in-out infinite;animation-play-state:var(--integration-play-state)
}
.integration-logo-node{animation-play-state:var(--integration-play-state)!important}
.integration-logo-node img{filter:drop-shadow(0 8px 18px rgba(17,16,15,.08))}
@keyframes wll-logo-float-v25{0%,100%{transform:translate3d(0,0,0) scale(1)}50%{transform:translate3d(0,-5px,0) scale(1.025)}}

@media(max-width:720px){
  .integration-network-card{--integration-lid-deg:66deg}
  .integration-network-stage::before{top:auto;bottom:calc(50% - 26px)}
  .integration-laptop-hub{width:min(100%,244px)!important}
  .integration-laptop-screen{padding:18px 14px 12px;border-width:7px;border-bottom-width:10px;border-radius:18px 18px 15px 15px}
  .integration-laptop-base{height:19px;border-radius:0 0 20px 20px/0 0 14px 14px}
}

.transport-visual{--transport-progress:0}
.transport-route-motion{
  position:absolute;left:22px;right:22px;bottom:18px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  padding:14px 16px;border-radius:20px;background:rgba(10,10,10,.74);backdrop-filter:blur(8px);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 36px rgba(0,0,0,.16);z-index:3;overflow:hidden
}
.transport-route-point{display:grid;gap:2px;min-width:0}
.transport-route-point span{font-size:.68rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#f6b27f}
.transport-route-point strong{font-size:.9rem;color:#fff;white-space:nowrap}
.transport-route-track{position:relative;height:8px;border-radius:999px;background:rgba(255,255,255,.12);overflow:hidden}
.transport-route-track span{position:absolute;inset:0;width:100%;background:linear-gradient(90deg,rgba(240,120,48,.25) 0%,rgba(240,120,48,.92) 45%,rgba(94,165,255,.92) 100%);transform-origin:left center;transform:scaleX(calc(.12 + (.88 * var(--transport-progress))))}
.transport-route-van{position:absolute;top:50%;left:0;width:72px;height:auto;transform:translate(calc((100% - 72px) * (1 - var(--transport-progress))),-50%);filter:drop-shadow(0 12px 18px rgba(0,0,0,.25));z-index:2;transition:transform .1s linear}
.transport-route-end{text-align:left}
.transport-route-start{text-align:right}
@media(max-width:850px){
  .transport-visual{padding-bottom:124px!important}
  .transport-route-motion{left:14px;right:14px;bottom:10px;grid-template-columns:1fr;gap:10px;padding:14px 14px 50px}
  .transport-route-point strong{font-size:.85rem}
  .transport-route-start,.transport-route-end{text-align:left}
  .transport-route-track{order:2}
  .transport-route-start{order:1}
  .transport-route-end{order:3}
  .transport-route-van{width:62px;top:auto;bottom:12px;transform:translate(calc((100% - 62px) * (1 - var(--transport-progress))),0)}
}

.package-motion-section{padding-top:20px}
.package-motion-card{
  --pack-progress:0;display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center;padding:34px;border-radius:32px;
  background:linear-gradient(145deg,#13110f 0%,#1a1612 40%,#11100f 100%);color:#fff;border:1px solid rgba(255,255,255,.08);
  box-shadow:0 26px 64px rgba(0,0,0,.16)
}
.package-motion-copy p{color:#c7c0b7;max-width:640px}
.package-packing-demo{
  position:relative;min-height:320px;border-radius:28px;background:radial-gradient(circle at 30% 20%,rgba(240,120,48,.18),transparent 32%),linear-gradient(180deg,#23201c 0%,#161412 100%);
  overflow:hidden;border:1px solid rgba(255,255,255,.06)
}
.packing-surface{position:absolute;left:10%;right:10%;bottom:42px;height:16px;border-radius:999px;background:linear-gradient(180deg,#d7d1c9,#aea79e);box-shadow:0 12px 30px rgba(0,0,0,.3)}
.packing-product{position:absolute;left:50%;top:96px;width:70px;height:54px;border-radius:16px;background:linear-gradient(180deg,#69aaff,#2f7ff0);transform:translate(-50%,calc((1 - var(--pack-progress)) * -76px));opacity:calc(.42 + (.58 * (1 - var(--pack-progress))));box-shadow:0 20px 32px rgba(47,127,240,.26)}
.packing-box{position:absolute;left:50%;bottom:58px;width:220px;height:128px;transform:translateX(-50%)}
.packing-box-face{position:absolute;inset:auto 0 0 0;height:86px;border-radius:18px 18px 20px 20px;background:linear-gradient(180deg,#f4b06d,#df8a38 52%,#b76922 100%);box-shadow:0 22px 34px rgba(0,0,0,.24)}
.packing-flap{position:absolute;top:42px;width:112px;height:60px;background:linear-gradient(180deg,#f8bc81,#ef9d4f);transform-origin:50% 0;border-radius:16px 16px 8px 8px;box-shadow:inset 0 -10px 18px rgba(0,0,0,.08)}
.packing-flap-back{left:54px;top:24px;width:112px;height:54px;transform-origin:50% 100%;transform:rotateX(calc(74deg - (74deg * var(--pack-progress))))}
.packing-flap-left{left:0;transform-origin:0 0;transform:perspective(500px) rotateY(calc(-68deg + (68deg * var(--pack-progress))))}
.packing-flap-right{right:0;transform-origin:100% 0;transform:perspective(500px) rotateY(calc(68deg - (68deg * var(--pack-progress))))}
.packing-flap-front{left:54px;transform-origin:50% 0;transform:rotateX(calc(-74deg + (74deg * var(--pack-progress))))}
.packing-label{position:absolute;left:50%;top:88px;width:72px;height:24px;border-radius:8px;background:#fff;transform:translateX(-50%);box-shadow:0 6px 14px rgba(0,0,0,.12)}
.packing-tape{position:absolute;left:50%;top:44px;width:18px;height:84px;border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.5),rgba(255,255,255,.08));transform:translateX(-50%) scaleY(calc(.2 + (.8 * var(--pack-progress))));transform-origin:top center;opacity:calc(.12 + (.88 * var(--pack-progress)))}
.packing-arm{position:absolute;right:18px;top:48px;display:flex;align-items:center;gap:10px;transform:translateX(calc(34px - (34px * var(--pack-progress))))}
.packing-tape-roll{width:42px;height:42px;border-radius:50%;background:radial-gradient(circle,#f4efe8 0 28%,#f2b76b 30% 56%,#d2822a 58% 100%);box-shadow:0 12px 20px rgba(0,0,0,.2)}
.packing-tape-strip{width:calc(18px + (72px * var(--pack-progress)));height:8px;border-radius:999px;background:linear-gradient(90deg,rgba(255,255,255,.55),rgba(255,255,255,.1))}
.packing-status{position:absolute;right:20px;bottom:18px;padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.14);font-weight:900;letter-spacing:.02em;color:#fff;opacity:calc(.16 + (.84 * var(--pack-progress)));transform:translateY(calc(10px - (10px * var(--pack-progress))))}
@media(max-width:980px){.package-motion-card{grid-template-columns:1fr;padding:28px}.package-packing-demo{min-height:300px}}
@media(max-width:560px){.package-packing-demo{min-height:280px}.packing-box{width:188px;height:120px}.packing-flap,.packing-flap-back,.packing-flap-front{width:96px}.packing-flap-back,.packing-flap-front{left:46px}.packing-route-note{font-size:.85rem}}


/* ================================================================
   LIVE FINAL v26 — vaste MacBook mockup + autoplay scenes
   ================================================================ */
.integration-network-card{
  --integration-play-state: paused;
}
.integration-network-card.is-animation-active{
  --integration-play-state: running;
}
.integration-network-card .network-line.flow-up,
.integration-network-card .network-line.flow-down,
.integration-network-card .integration-logo-node,
.integration-network-card .integration-wll-logo,
.integration-network-card .integration-marquee-track{
  animation-play-state: var(--integration-play-state) !important;
}
.integration-laptop-hub{
  perspective:none !important;
  transform:translate(-50%,-50%) scale(1) !important;
  width:min(70%,360px) !important;
  top:57.2% !important;
}
.integration-laptop-shell{
  display:grid;
  justify-items:center;
  filter:drop-shadow(0 24px 36px rgba(0,0,0,.16));
}
.integration-laptop-lid{
  width:100%;
  transform:none !important;
  filter:none !important;
}
.integration-laptop-screen{
  position:relative;
  aspect-ratio:16/10;
  border:6px solid #0e0e11 !important;
  border-bottom-width:8px !important;
  border-radius:18px 18px 0 0 !important;
  background:linear-gradient(180deg,#090a0d 0%,#050607 100%) !important;
  box-shadow:inset 0 0 0 2px rgba(255,255,255,.04), 0 8px 30px rgba(0,0,0,.22) !important;
  padding:18px 16px 14px !important;
  overflow:hidden;
}
.integration-laptop-screen::before{
  content:"";
  position:absolute;
  left:50% !important;
  top:-1px !important;
  width:58px !important;
  height:14px !important;
  transform:translateX(-50%);
  border-radius:0 0 9px 9px !important;
  background:#0a0b0f !important;
  box-shadow:none !important;
}
.integration-laptop-screen::after{
  content:"";
  position:absolute;
  inset:0;
  background:radial-gradient(circle at 50% 38%, rgba(71,124,201,.16), transparent 48%);
  pointer-events:none;
  opacity:1 !important;
}
.integration-laptop-base{
  position:relative;
  width:128% !important;
  height:12px !important;
  margin-top:0 !important;
  border-radius:0 0 22px 22px / 0 0 12px 12px !important;
  background:linear-gradient(180deg,#f0f0f2 0%,#b8b8bd 70%,#8f8f96 100%) !important;
  box-shadow:0 10px 24px rgba(0,0,0,.14) !important;
}
.integration-laptop-base::before{
  content:"";
  position:absolute;
  left:50%;
  top:1px;
  transform:translateX(-50%);
  width:22%;
  height:5px;
  border-radius:0 0 10px 10px;
  background:linear-gradient(180deg,#9d9da3,#d6d6db);
}
.integration-wll-brand{
  transform:none !important;
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:100%;
}
.integration-network-card.is-animation-active .integration-wll-logo{
  animation:wll-macbook-logo-v26 3.6s ease-in-out infinite !important;
}
@keyframes wll-macbook-logo-v26{
  0%,100%{transform:translateY(0) scale(1); filter:drop-shadow(0 0 0 rgba(240,120,48,0))}
  50%{transform:translateY(-4px) scale(1.018); filter:drop-shadow(0 0 18px rgba(240,120,48,.18))}
}
@media (max-width:980px){
  .integration-laptop-hub{width:min(78%,318px) !important;top:56.7% !important}
}
@media (max-width:720px){
  .integration-laptop-hub{width:min(88%,270px) !important}
  .integration-laptop-screen{padding:14px 12px 12px !important;border-width:5px !important;border-bottom-width:7px !important}
  .integration-laptop-base{height:10px !important}
}
@media (max-width:560px){
  .integration-laptop-hub{width:min(100%,236px) !important}
}

/* Autoplay scene activation */
[data-autoplay-scene]{--scene-play-state:paused}
[data-autoplay-scene].is-scene-active{--scene-play-state:running}

/* Transport: vervang scrollbar door een vaste A-naar-B routeanimatie */
.transport-route-demo{
  left:20px;
  right:20px;
  bottom:18px;
  display:grid;
  grid-template-columns:auto 1fr auto;
  align-items:center;
  gap:14px;
  padding:16px 18px;
  border-radius:24px;
  background:rgba(13,13,15,.76);
  backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.08);
  box-shadow:0 18px 34px rgba(0,0,0,.16);
}
.transport-route-demo .transport-route-point{
  display:grid;
  gap:4px;
  min-width:0;
}
.transport-route-demo .transport-route-point span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(180deg,#f59c53,#e9772b);color:#fff;font-size:.9rem;font-weight:900;letter-spacing:0;
}
.transport-route-demo .transport-route-point strong{
  color:#fff;font-size:.92rem;white-space:nowrap;
}
.transport-route-demo .transport-route-track{
  position:relative;
  height:10px;
  border-radius:999px;
  background:rgba(255,255,255,.08);
  overflow:visible;
}
.transport-route-demo .transport-route-track::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg, rgba(240,120,48,.6), rgba(92,151,234,.95));
  transform-origin:left center;
  animation:transport-route-fill-v26 4.8s ease-in-out infinite;
  animation-play-state:var(--scene-play-state);
}
.transport-route-demo .transport-route-track > span{display:none}
.transport-route-demo .transport-route-van{
  position:absolute;
  top:50%; left:0;
  width:72px; height:auto;
  transform:translate(-4%, -50%);
  transform-origin:center;
  filter:drop-shadow(0 10px 15px rgba(0,0,0,.24));
  animation:transport-route-van-v26 4.8s ease-in-out infinite;
  animation-play-state:var(--scene-play-state);
  z-index:2;
}
@keyframes transport-route-fill-v26{
  0%,8%{transform:scaleX(.06); opacity:.55}
  55%{transform:scaleX(.96); opacity:1}
  100%{transform:scaleX(.06); opacity:.55}
}
@keyframes transport-route-van-v26{
  0%,8%{left:0%; transform:translate(-4%,-50%) scaleX(1)}
  45%{left:47%; transform:translate(-50%,-50%) scaleX(1)}
  85%{left:100%; transform:translate(-96%,-50%) scaleX(1)}
  86%{left:100%; transform:translate(-96%,-50%) scaleX(-1)}
  100%{left:0%; transform:translate(-4%,-50%) scaleX(-1)}
}
@media (max-width:780px){
  .transport-route-demo{left:14px;right:14px;bottom:12px;grid-template-columns:1fr;gap:10px;padding:14px 14px 52px}
  .transport-route-demo .transport-route-track{order:2}
  .transport-route-demo .transport-route-point strong{font-size:.86rem}
  .transport-route-demo .transport-route-van{top:auto;bottom:-28px;width:66px;transform:translate(-4%,0)}
  @keyframes transport-route-van-v26{
    0%,8%{left:0%; transform:translate(-4%,0) scaleX(1)}
    45%{left:47%; transform:translate(-50%,0) scaleX(1)}
    85%{left:100%; transform:translate(-96%,0) scaleX(1)}
    86%{left:100%; transform:translate(-96%,0) scaleX(-1)}
    100%{left:0%; transform:translate(-4%,0) scaleX(-1)}
  }
}

/* Pakketdienst: autoplay als blok zichtbaar wordt */
.package-motion-card{
  background:linear-gradient(145deg,#111111 0%,#191613 44%,#101010 100%) !important;
}
.package-packing-demo{
  min-height:338px;
}
.package-packing-demo *,
.package-packing-demo *::before,
.package-packing-demo *::after{animation-play-state:var(--scene-play-state) !important}
.packing-product{
  left:50%; top:88px; width:78px; height:58px; border-radius:18px;
  background:linear-gradient(180deg,#6eb2ff,#2a77eb);
  transform:translate(-50%,-82px);
  opacity:0;
  animation:packing-product-v26 4.8s cubic-bezier(.5,.08,.4,1) infinite;
}
.packing-box-face{
  border-radius:20px 20px 22px 22px;
  background:linear-gradient(180deg,#efb16d,#de8a39 54%,#b86c25 100%);
}
.packing-flap-back{animation:packing-flap-back-v26 4.8s ease-in-out infinite}
.packing-flap-left{animation:packing-flap-left-v26 4.8s ease-in-out infinite}
.packing-flap-right{animation:packing-flap-right-v26 4.8s ease-in-out infinite}
.packing-flap-front{animation:packing-flap-front-v26 4.8s ease-in-out infinite}
.packing-arm{right:10px; top:54px; animation:packing-arm-v26 4.8s ease-in-out infinite}
.packing-tape-roll{animation:packing-roll-v26 4.8s linear infinite}
.packing-tape-strip{width:16px; animation:packing-strip-v26 4.8s ease-in-out infinite}
.packing-tape{opacity:0; transform:translateX(-50%) scaleY(.1); animation:packing-center-tape-v26 4.8s ease-in-out infinite}
.packing-status{opacity:0; transform:translateY(10px); animation:packing-status-v26 4.8s ease-in-out infinite}
@keyframes packing-product-v26{
  0%,10%{transform:translate(-50%,-82px); opacity:0}
  18%{transform:translate(-50%,-40px); opacity:1}
  34%,100%{transform:translate(-50%,14px); opacity:1}
}
@keyframes packing-flap-back-v26{
  0%,34%{transform:rotateX(74deg)}
  46%,78%{transform:rotateX(0deg)}
  90%,100%{transform:rotateX(74deg)}
}
@keyframes packing-flap-left-v26{
  0%,36%{transform:perspective(500px) rotateY(-68deg)}
  48%,80%{transform:perspective(500px) rotateY(0deg)}
  92%,100%{transform:perspective(500px) rotateY(-68deg)}
}
@keyframes packing-flap-right-v26{
  0%,38%{transform:perspective(500px) rotateY(68deg)}
  50%,82%{transform:perspective(500px) rotateY(0deg)}
  94%,100%{transform:perspective(500px) rotateY(68deg)}
}
@keyframes packing-flap-front-v26{
  0%,40%{transform:rotateX(-74deg)}
  52%,84%{transform:rotateX(0deg)}
  96%,100%{transform:rotateX(-74deg)}
}
@keyframes packing-arm-v26{
  0%,42%{transform:translateX(34px)}
  54%,72%{transform:translateX(0)}
  100%{transform:translateX(34px)}
}
@keyframes packing-roll-v26{
  0%,48%{transform:rotate(0deg)}
  72%{transform:rotate(540deg)}
  100%{transform:rotate(540deg)}
}
@keyframes packing-strip-v26{
  0%,48%{width:16px; opacity:0}
  56%,76%{width:88px; opacity:1}
  100%{width:16px; opacity:0}
}
@keyframes packing-center-tape-v26{
  0%,48%{opacity:0; transform:translateX(-50%) scaleY(.1)}
  56%,78%{opacity:1; transform:translateX(-50%) scaleY(1)}
  100%{opacity:0; transform:translateX(-50%) scaleY(1)}
}
@keyframes packing-status-v26{
  0%,74%{opacity:0; transform:translateY(12px)}
  84%,96%{opacity:1; transform:translateY(0)}
  100%{opacity:0; transform:translateY(0)}
}
@media(max-width:560px){
  .package-packing-demo{min-height:292px}
  .packing-product{width:66px;height:50px}
}


/* ================================================================
   LIVE FINAL v27 — logo-fix, duidelijke verbindingsanimaties en route zonder bus
   ================================================================ */
/* Pakketdienst: de extra uitleg onder de kop mag weg. */
.package-motion-copy p{display:none !important}

/* Fulfilment: maak de verbindingen visueel sterker en duidelijk vanuit/naar de laptop. */
.integration-network-card{
  --integration-play-state:paused;
  --integration-flow-up-duration:4.8s;
  --integration-flow-down-duration:5.2s;
}
.integration-network-card.is-animation-active{--integration-play-state:running}
.integration-network-stage{position:relative;overflow:hidden}
.integration-network-lines{display:block !important;position:absolute;inset:0;z-index:1;pointer-events:none}
.network-layer,.integration-laptop-hub{z-index:2}
.integration-laptop-hub{z-index:3}
.integration-network-stage::before{
  content:"";
  position:absolute;
  left:50%;
  top:50.2%;
  width:18px;height:18px;
  transform:translate(-50%,-50%);
  border-radius:50%;
  background:radial-gradient(circle,#ffffff 0%,#92c1ff 40%,#f07830 100%);
  box-shadow:0 0 0 12px rgba(255,255,255,.12),0 0 28px rgba(72,137,226,.28);
  z-index:2;
}
.network-line.base{
  stroke:#c9c5bf !important;
  stroke-width:4.4 !important;
  opacity:.95 !important;
}
.network-line.flow-up,.network-line.flow-down{
  fill:none;
  stroke-width:5.6 !important;
  stroke-linecap:round;
  stroke-linejoin:round;
  stroke-dasharray:26 220 !important;
  opacity:1 !important;
  filter:drop-shadow(0 0 7px rgba(255,141,54,.18));
  animation-play-state:var(--integration-play-state) !important;
}
.network-line.flow-up{animation:wll-network-up-v27 var(--integration-flow-up-duration) linear infinite !important}
.network-line.flow-down{animation:wll-network-down-v27 var(--integration-flow-down-duration) linear infinite !important}
@keyframes wll-network-up-v27{from{stroke-dashoffset:520}to{stroke-dashoffset:0}}
@keyframes wll-network-down-v27{from{stroke-dashoffset:-520}to{stroke-dashoffset:0}}
.integration-logo-node{
  box-shadow:0 12px 28px rgba(17,16,15,.12) !important;
  border:6px solid rgba(255,255,255,.82) !important;
  background:rgba(255,255,255,.98) !important;
}
.integration-logo-node img{object-fit:contain}
.integration-logo-node img[src$="bol-official.png"]{max-width:72% !important;max-height:48px !important}
.integration-network-card.is-animation-active .integration-logo-node{
  animation:wll-node-float-v27 4.6s ease-in-out infinite;
  animation-play-state:running !important;
}
.integration-network-card.is-animation-active .integration-logo-node:nth-child(2n){animation-delay:-1.25s}
.integration-network-card.is-animation-active .integration-logo-node:nth-child(3n){animation-delay:-2.1s}
@keyframes wll-node-float-v27{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-4px,0)}}
.integration-network-card.is-animation-active .integration-wll-logo{
  animation:wll-macbook-logo-v27 3.8s ease-in-out infinite !important;
}
@keyframes wll-macbook-logo-v27{
  0%,100%{transform:translateY(0) scale(1);filter:drop-shadow(0 0 0 rgba(240,120,48,0))}
  50%{transform:translateY(-4px) scale(1.02);filter:drop-shadow(0 0 20px rgba(240,120,48,.20))}
}
@media (max-width:720px){
  .integration-network-stage::before{top:auto;bottom:50%;transform:translate(-50%,50%)}
  .integration-network-card.is-animation-active .network-shops::after,
  .integration-network-card.is-animation-active .integration-laptop-hub::after{
    background:linear-gradient(180deg,#5ea5ff 0%,#9bd0ff 40%,#ff9a45 68%,#f07830 100%) !important;
    background-size:100% 220% !important;
    animation:wll-mobile-connector-flow-v27 2.3s linear infinite !important;
  }
  @keyframes wll-mobile-connector-flow-v27{0%{background-position:50% 0}100%{background-position:50% 100%}}
}

/* Transport: geen bus meer, maar een bewegend WLL-logo van A naar B. */
.transport-small{display:none !important}
.transport-route-demo{
  left:20px;right:20px;bottom:18px;
  display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;
  padding:16px 18px;border-radius:24px;
  background:rgba(13,13,15,.76);backdrop-filter:blur(8px);
  border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 34px rgba(0,0,0,.16);
}
.transport-route-demo .transport-route-point{display:grid;gap:4px;min-width:0}
.transport-route-demo .transport-route-point span{
  width:30px;height:30px;display:grid;place-items:center;border-radius:50%;
  background:linear-gradient(180deg,#f59c53,#e9772b);color:#fff;font-size:.9rem;font-weight:900;
}
.transport-route-demo .transport-route-point strong{color:#fff;font-size:.92rem;white-space:nowrap}
.transport-route-demo .transport-route-track{
  position:relative;height:10px;border-radius:999px;background:rgba(255,255,255,.08);overflow:visible;
}
.transport-route-demo .transport-route-track::before{
  content:"";position:absolute;inset:0;border-radius:inherit;
  background:linear-gradient(90deg, rgba(240,120,48,.45), rgba(92,151,234,.95));
  transform-origin:left center;animation:transport-route-fill-v27 5.6s ease-in-out infinite;
  animation-play-state:var(--scene-play-state);
}
.transport-route-demo .transport-route-track > span{display:none}
.transport-route-badge{
  position:absolute;left:0;top:50%;transform:translate(-6%,-50%);
  width:118px;height:44px;border-radius:999px;
  background:rgba(10,10,12,.94);border:1px solid rgba(255,255,255,.08);
  box-shadow:0 12px 18px rgba(0,0,0,.22);display:grid;place-items:center;z-index:2;
  animation:transport-route-badge-v27 5.6s ease-in-out infinite;
  animation-play-state:var(--scene-play-state);
}
.transport-route-badge img{width:86px;height:auto;display:block}
@keyframes transport-route-fill-v27{
  0%,8%{transform:scaleX(.05);opacity:.55}
  60%{transform:scaleX(.98);opacity:1}
  88%{transform:scaleX(.98);opacity:1}
  100%{transform:scaleX(.05);opacity:.55}
}
@keyframes transport-route-badge-v27{
  0%{left:0%;opacity:0;transform:translate(-6%,-50%) scale(.96)}
  10%{opacity:1;transform:translate(-6%,-50%) scale(1)}
  70%{left:100%;opacity:1;transform:translate(-94%,-50%) scale(1)}
  88%{left:100%;opacity:1;transform:translate(-94%,-50%) scale(1)}
  100%{left:100%;opacity:0;transform:translate(-94%,-50%) scale(.96)}
}
@media (max-width:780px){
  .transport-route-demo{left:14px;right:14px;bottom:12px;grid-template-columns:1fr;gap:10px;padding:14px 14px 18px}
  .transport-route-demo .transport-route-track{order:2}
  .transport-route-demo .transport-route-point strong{font-size:.86rem}
  .transport-route-badge{width:102px;height:40px}
  .transport-route-badge img{width:74px}
}


/* LIVE FINAL v27.1 — responsive transport/contact polish */
.transport-visual{overflow:visible}
.transport-route-demo{z-index:3}
.transport-stamp{
  top:18px;
  left:18px;
  bottom:auto;
  z-index:4;
  pointer-events:none;
}
.transport-main{display:block}
.transport-route-badge img{max-width:100%;height:auto}

@media (max-width:980px){
  .transport-grid{gap:42px}
  .transport-visual{padding:18px 0 104px}
  .transport-main{height:clamp(360px,58vw,560px)}
  .transport-route-demo{
    left:16px; right:16px; bottom:14px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:12px; padding:15px 16px;
  }
  .transport-stamp{
    top:-12px;
    left:12px;
    width:108px;
    height:108px;
  }
}

@media (max-width:780px){
  .transport-visual{padding:14px 0 110px}
  .transport-main{height:clamp(300px,66vw,430px)}
  .transport-route-demo{
    left:12px; right:12px; bottom:12px;
    grid-template-columns:auto minmax(0,1fr) auto;
    gap:10px; padding:13px 12px;
    border-radius:20px;
  }
  .transport-route-demo .transport-route-point{
    min-width:58px;
  }
  .transport-route-demo .transport-route-point strong{
    font-size:.8rem;
    line-height:1.15;
  }
  .transport-route-demo .transport-route-point span{
    width:28px; height:28px; font-size:.85rem;
  }
  .transport-route-demo .transport-route-track{height:8px}
  .transport-route-badge{width:94px; height:38px}
  .transport-route-badge img{width:68px}
  .transport-stamp{
    top:-8px;
    left:10px;
    width:86px;
    height:86px;
    transform:rotate(-8deg);
  }
  .transport-stamp b{font-size:1.28rem}
  .transport-stamp span{font-size:.54rem}
}

@media (max-width:560px){
  .transport-visual{padding:10px 0 102px}
  .transport-main{height:clamp(260px,68vw,360px)}
  .transport-route-demo{
    padding:12px 10px;
    gap:8px;
  }
  .transport-route-demo .transport-route-point{
    min-width:52px;
  }
  .transport-route-demo .transport-route-point strong{
    font-size:.74rem;
  }
  .transport-route-badge{width:82px;height:34px}
  .transport-route-badge img{width:58px}
  .transport-stamp{
    top:-6px;
    left:8px;
    width:74px;
    height:74px;
  }
  .transport-stamp b{font-size:1.08rem}
  .transport-stamp span{font-size:.49rem;letter-spacing:.05em}
}

#contactformulier{scroll-margin-top:132px}
@media (max-width:980px){#contactformulier{scroll-margin-top:104px}}
@media (max-width:720px){#contactformulier{scroll-margin-top:92px}}


/* LIVE FINAL v28 — transport animation boven foto + final responsive */
.transport-visual{
  position:relative !important;
  display:grid !important;
  gap:14px !important;
  padding:0 !important;
  overflow:visible !important;
  max-width:780px;
}
.transport-image-wrap{
  position:relative;
  overflow:visible;
  border-radius:28px;
}
.transport-main{
  display:block;
  width:100%;
  height:620px;
  object-fit:cover;
  border-radius:28px;
  box-shadow:var(--shadow);
}
.transport-route-demo{
  position:relative !important;
  inset:auto !important;
  order:-1;
  width:100%;
  min-height:118px;
  display:grid !important;
  grid-template-columns:minmax(88px,auto) minmax(150px,1fr) minmax(76px,auto) !important;
  align-items:center;
  gap:18px;
  padding:18px 22px !important;
  border-radius:28px !important;
  background:linear-gradient(180deg,rgba(23,23,24,.96),rgba(10,10,11,.94)) !important;
  border:1px solid rgba(255,255,255,.08) !important;
  box-shadow:0 24px 52px rgba(0,0,0,.18) !important;
  backdrop-filter:blur(14px);
  overflow:hidden;
  z-index:5 !important;
}
.transport-route-demo::after{
  content:"";
  position:absolute;
  inset:0;
  pointer-events:none;
  background:radial-gradient(circle at 50% 50%,rgba(240,120,48,.07),transparent 34%);
}
.transport-route-demo .transport-route-point{
  position:relative;
  z-index:3;
  display:grid;
  justify-items:start;
  gap:8px;
  min-width:0 !important;
}
.transport-route-demo .transport-route-end{justify-items:end;text-align:right}
.transport-route-demo .transport-route-point span{
  width:38px !important;
  height:38px !important;
  display:grid;
  place-items:center;
  border-radius:50%;
  background:linear-gradient(180deg,#ff9b4e,#f07830) !important;
  color:#fff;
  font-size:1rem !important;
  font-weight:950;
  box-shadow:0 8px 18px rgba(240,120,48,.2);
}
.transport-route-demo .transport-route-point strong{
  color:#fff;
  font-size:1rem !important;
  line-height:1.1;
  white-space:nowrap;
}
.transport-route-demo .transport-route-track{
  position:relative;
  z-index:3;
  height:10px !important;
  border-radius:999px;
  background:rgba(255,255,255,.10) !important;
  overflow:visible !important;
}
.transport-route-demo .transport-route-track::before{
  content:"";
  position:absolute;
  inset:0;
  border-radius:inherit;
  background:linear-gradient(90deg,rgba(240,120,48,.92),rgba(113,138,196,.86),rgba(82,148,238,.98)) !important;
  transform-origin:left center;
  animation:transport-route-fill-v28 5.8s ease-in-out infinite !important;
  animation-play-state:var(--scene-play-state) !important;
}
.transport-route-badge{
  position:absolute !important;
  left:0;
  top:50% !important;
  width:132px !important;
  height:48px !important;
  transform:translate(-5%,-50%);
  display:grid;
  place-items:center;
  border-radius:999px !important;
  background:rgba(7,8,10,.96) !important;
  border:1px solid rgba(255,255,255,.09) !important;
  box-shadow:0 12px 22px rgba(0,0,0,.28),0 0 20px rgba(240,120,48,.07) !important;
  animation:transport-route-logo-v28 5.8s ease-in-out infinite !important;
  animation-play-state:var(--scene-play-state) !important;
  z-index:4;
}
.transport-route-badge img{
  width:96px !important;
  max-width:78% !important;
  height:auto !important;
  display:block;
}
@keyframes transport-route-fill-v28{
  0%,6%{transform:scaleX(.03);opacity:.42}
  64%,88%{transform:scaleX(1);opacity:1}
  100%{transform:scaleX(.03);opacity:.42}
}
@keyframes transport-route-logo-v28{
  0%{left:0%;opacity:0;transform:translate(-5%,-50%) scale(.94)}
  9%{opacity:1;transform:translate(-5%,-50%) scale(1)}
  69%{left:100%;opacity:1;transform:translate(-95%,-50%) scale(1)}
  88%{left:100%;opacity:1;transform:translate(-95%,-50%) scale(1)}
  100%{left:100%;opacity:0;transform:translate(-95%,-50%) scale(.94)}
}
.transport-stamp{
  position:absolute !important;
  left:18px !important;
  top:18px !important;
  bottom:auto !important;
  width:138px !important;
  height:138px !important;
  z-index:4 !important;
  pointer-events:none;
}

@media (max-width:980px){
  .transport-grid{gap:44px}
  .transport-visual{max-width:760px;margin-inline:auto}
  .transport-main{height:clamp(430px,64vw,560px)}
  .transport-route-demo{
    min-height:108px;
    grid-template-columns:minmax(82px,auto) minmax(130px,1fr) minmax(72px,auto) !important;
    gap:14px;
    padding:16px 18px !important;
  }
  .transport-route-badge{width:118px !important;height:44px !important}
  .transport-route-badge img{width:84px !important}
  .transport-stamp{width:112px !important;height:112px !important;left:14px !important;top:14px !important}
}

@media (max-width:720px){
  .transport-visual{gap:10px !important}
  .transport-main{height:clamp(320px,79vw,430px);border-radius:22px}
  .transport-image-wrap{border-radius:22px}
  .transport-route-demo{
    min-height:88px;
    grid-template-columns:64px minmax(94px,1fr) 64px !important;
    gap:8px;
    padding:12px 12px !important;
    border-radius:22px !important;
  }
  .transport-route-demo .transport-route-point{gap:5px}
  .transport-route-demo .transport-route-point span{width:30px !important;height:30px !important;font-size:.82rem !important}
  .transport-route-demo .transport-route-point strong{font-size:.78rem !important}
  .transport-route-demo .transport-route-track{height:8px !important}
  .transport-route-badge{width:86px !important;height:34px !important}
  .transport-route-badge img{width:62px !important}
  .transport-stamp{width:86px !important;height:86px !important;left:10px !important;top:10px !important}
  .transport-stamp b{font-size:1.24rem !important}
  .transport-stamp span{font-size:.52rem !important}
}

@media (max-width:430px){
  .transport-main{height:clamp(280px,82vw,350px)}
  .transport-route-demo{
    min-height:80px;
    grid-template-columns:54px minmax(78px,1fr) 54px !important;
    gap:6px;
    padding:10px 9px !important;
    border-radius:18px !important;
  }
  .transport-route-demo .transport-route-point span{width:28px !important;height:28px !important;font-size:.76rem !important}
  .transport-route-demo .transport-route-point strong{font-size:.68rem !important}
  .transport-route-badge{width:74px !important;height:30px !important}
  .transport-route-badge img{width:52px !important}
  .transport-stamp{width:72px !important;height:72px !important;left:8px !important;top:8px !important}
  .transport-stamp b{font-size:1.02rem !important}
  .transport-stamp span{font-size:.46rem !important;letter-spacing:.05em !important}
}

/* ================================================================
   LIVE FINAL v29 — compacte fulfilment integratie op tablet + telefoon
   ================================================================ */
@media (min-width:721px) and (max-width:980px){
  .integration-network-card{padding:18px!important;border-radius:28px!important}
  .integration-network-stage{
    min-height:0!important;
    height:auto!important;
    display:flex!important;
    flex-direction:column!important;
    gap:22px!important;
    padding:26px 20px 30px!important;
    border-radius:24px!important;
    overflow:hidden!important;
    background:radial-gradient(circle at 50% 42%,rgba(207,214,220,.78),rgba(232,227,220,.72) 48%,rgba(246,243,238,.98) 84%)!important;
  }
  .integration-network-lines{display:none!important}
  .network-layer{
    position:relative!important;
    inset:auto!important;
    width:100%!important;
    display:grid!important;
    gap:12px!important;
    pointer-events:auto!important;
  }
  .network-shops{order:1!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;padding-bottom:14px!important}
  .network-carriers{order:3!important;grid-template-columns:repeat(6,minmax(0,1fr))!important;padding-top:14px!important}
  .integration-laptop-hub{
    order:2!important;
    position:relative!important;
    inset:auto!important;
    left:auto!important;top:auto!important;
    transform:none!important;
    width:210px!important;
    max-width:34vw!important;
    margin:0 auto!important;
    z-index:3!important;
  }
  .integration-logo-node,
  .integration-logo-node.top.top-1,.integration-logo-node.top.top-2,.integration-logo-node.top.top-3,
  .integration-logo-node.top.top-4,.integration-logo-node.top.top-5,.integration-logo-node.top.top-6,
  .integration-logo-node.top.top-7,.integration-logo-node.top.top-8,.integration-logo-node.top.top-9,
  .integration-logo-node.bottom.bottom-1,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-3,
  .integration-logo-node.bottom.bottom-4,.integration-logo-node.bottom.bottom-5,.integration-logo-node.bottom.bottom-6{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:76px!important;min-width:0!important;
    border:4px solid rgba(255,255,255,.76)!important;border-radius:18px!important;
    box-shadow:0 8px 18px rgba(17,16,15,.08)!important;
  }
  .integration-logo-node img,.integration-logo-node.carrier img{max-width:78%!important;max-height:52px!important}
  .integration-logo-node img[src$="bol-official.png"]{max-width:70%!important;max-height:38px!important}
  .integration-laptop-screen{padding:11px 9px!important;border-width:5px!important;border-bottom-width:7px!important;border-radius:15px 15px 0 0!important}
  .integration-laptop-base{height:9px!important;width:122%!important}
  .integration-wll-brand{width:min(86%,150px)!important}
  .network-shops::after,.integration-laptop-hub::after{
    content:""!important;position:absolute!important;left:50%!important;width:3px!important;transform:translateX(-50%)!important;
    border-radius:999px!important;background:linear-gradient(180deg,#62a9ff,#f07830)!important;background-size:100% 220%!important;
    animation:wll-mobile-connector-flow-v27 2.5s linear infinite!important;opacity:.85!important;pointer-events:none!important
  }
  .network-shops::after{height:26px!important;bottom:-18px!important}
  .integration-laptop-hub::after{height:28px!important;bottom:-30px!important}
}

@media (max-width:720px){
  .integration-network-card{padding:10px!important;border-radius:22px!important}
  .integration-network-stage{
    min-height:0!important;height:auto!important;
    display:flex!important;flex-direction:column!important;gap:18px!important;
    padding:18px 10px 22px!important;border-radius:18px!important;overflow:hidden!important;
    background:radial-gradient(circle at 50% 42%,rgba(207,214,220,.78),rgba(232,227,220,.72) 47%,rgba(246,243,238,.98) 84%)!important;
  }
  .integration-network-lines{display:none!important}
  .integration-network-stage::before{display:none!important}
  .network-layer{
    position:relative!important;inset:auto!important;width:100%!important;
    display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:8px!important;pointer-events:auto!important;z-index:2!important;
  }
  .network-shops{order:1!important;padding-bottom:12px!important}
  .network-carriers{order:3!important;padding-top:12px!important}
  .integration-laptop-hub{
    order:2!important;position:relative!important;inset:auto!important;left:auto!important;top:auto!important;
    transform:none!important;width:160px!important;max-width:48vw!important;margin:0 auto!important;z-index:3!important;
  }
  .integration-logo-node,
  .integration-logo-node.top.top-1,.integration-logo-node.top.top-2,.integration-logo-node.top.top-3,
  .integration-logo-node.top.top-4,.integration-logo-node.top.top-5,.integration-logo-node.top.top-6,
  .integration-logo-node.top.top-7,.integration-logo-node.top.top-8,.integration-logo-node.top.top-9,
  .integration-logo-node.bottom.bottom-1,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-3,
  .integration-logo-node.bottom.bottom-4,.integration-logo-node.bottom.bottom-5,.integration-logo-node.bottom.bottom-6{
    position:relative!important;inset:auto!important;left:auto!important;right:auto!important;top:auto!important;bottom:auto!important;
    width:100%!important;height:66px!important;min-width:0!important;
    border:3px solid rgba(255,255,255,.8)!important;border-radius:16px!important;
    box-shadow:0 7px 16px rgba(17,16,15,.08)!important;
    animation:none!important;
  }
  .integration-logo-node img,.integration-logo-node.carrier img{max-width:76%!important;max-height:44px!important;filter:none!important}
  .integration-logo-node img[src$="bol-official.png"]{max-width:72%!important;max-height:32px!important}
  .integration-laptop-screen{
    aspect-ratio:16/10!important;padding:9px 8px!important;border:4px solid #0e0e11!important;border-bottom-width:6px!important;
    border-radius:13px 13px 0 0!important;box-shadow:0 12px 26px rgba(0,0,0,.16)!important;
  }
  .integration-laptop-screen::before{width:38px!important;height:8px!important;border-radius:0 0 6px 6px!important}
  .integration-laptop-base{height:8px!important;width:124%!important;border-radius:0 0 14px 14px!important;box-shadow:0 7px 14px rgba(0,0,0,.10)!important}
  .integration-laptop-base::before{height:3px!important;top:1px!important}
  .integration-wll-brand{width:min(88%,116px)!important;min-height:100%!important}
  .integration-network-card.is-animation-active .integration-wll-logo{animation:wll-macbook-logo-v27 4.2s ease-in-out infinite!important}
  .network-shops::after,.integration-laptop-hub::after{
    content:""!important;position:absolute!important;left:50%!important;width:3px!important;transform:translateX(-50%)!important;
    border-radius:999px!important;background:linear-gradient(180deg,#62a9ff 0%,#95caff 42%,#ff9842 70%,#f07830 100%)!important;
    background-size:100% 220%!important;animation:wll-mobile-connector-flow-v27 2.4s linear infinite!important;
    opacity:.84!important;pointer-events:none!important;z-index:1!important;
  }
  .network-shops::after{height:22px!important;bottom:-15px!important}
  .integration-laptop-hub::after{height:23px!important;bottom:-25px!important}
  .integration-card-copy{margin-top:14px!important}
  .integration-marquee-card{margin-top:0!important}
}

@media (max-width:390px){
  .integration-network-stage{padding:16px 8px 20px!important;gap:16px!important}
  .network-layer{gap:6px!important}
  .integration-logo-node,
  .integration-logo-node.top.top-1,.integration-logo-node.top.top-2,.integration-logo-node.top.top-3,
  .integration-logo-node.top.top-4,.integration-logo-node.top.top-5,.integration-logo-node.top.top-6,
  .integration-logo-node.top.top-7,.integration-logo-node.top.top-8,.integration-logo-node.top.top-9,
  .integration-logo-node.bottom.bottom-1,.integration-logo-node.bottom.bottom-2,.integration-logo-node.bottom.bottom-3,
  .integration-logo-node.bottom.bottom-4,.integration-logo-node.bottom.bottom-5,.integration-logo-node.bottom.bottom-6{height:60px!important;border-radius:14px!important}
  .integration-logo-node img,.integration-logo-node.carrier img{max-height:39px!important}
  .integration-laptop-hub{width:145px!important;max-width:46vw!important}
  .integration-wll-brand{width:min(88%,104px)!important}
}

/* ================================================================
   LIVE FINAL v30 — mobile integratiemarquee + voorwaarden
   ================================================================ */
.terms-card{max-width:980px;margin-inline:auto}
.terms-card h2{margin:44px 0 16px;font-size:clamp(1.55rem,2.2vw,2.15rem);line-height:1.1;color:#171614}
.terms-card h2:first-of-type{margin-top:18px}
.terms-card h3,.terms-card h4{margin:30px 0 12px;color:#171614}
.terms-card p,.terms-card li{color:#57524c;line-height:1.78}
.terms-card ol,.terms-card ul{display:grid;gap:10px;padding-left:1.55rem;margin:12px 0 22px}
.terms-card li::marker{color:var(--orange);font-weight:900}
.terms-intro{display:flex;flex-wrap:wrap;justify-content:space-between;gap:10px 18px;padding:18px 20px;margin-bottom:26px;border-radius:20px;background:#f4eee6;border:1px solid #e2d7ca;color:#171614}
.terms-intro span{color:#6a645e}

/* keep the horizontally moving integrations strip inside its card on every screen */
.integration-marquee-card,.integration-marquee,.integration-marquee-track{min-width:0}
.integration-marquee-card{width:100%;max-width:100%;overflow:hidden}
.integration-marquee{width:100%;max-width:100%;overflow:hidden;contain:paint}
.integration-marquee-track{width:max-content;max-width:none}
.integration-marquee-item img[src*="bpost"]{max-width:88%;max-height:50px;object-fit:contain}

@media (max-width:720px){
  .integration-marquee-card{
    width:100%!important;
    max-width:100%!important;
    border-radius:22px!important;
    padding:22px 0 20px!important;
    overflow:hidden!important;
  }
  .integration-marquee-head{padding:0 18px 14px!important}
  .integration-marquee-head h3{font-size:clamp(1.65rem,7.7vw,2rem)!important;line-height:1.02!important;margin-bottom:12px!important}
  .integration-marquee-head p{font-size:.98rem!important;line-height:1.62!important;max-width:100%!important}
  .integration-marquee{width:100%!important;overflow:hidden!important;padding:8px 0!important;mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 7%,#000 93%,transparent 100%)}
  .integration-marquee::before,.integration-marquee::after{display:none!important}
  .integration-marquee-track{
    display:flex!important;
    align-items:center!important;
    gap:8px!important;
    padding:0 8px!important;
    animation-duration:46s!important;
    will-change:transform;
  }
  .integration-marquee-item{
    flex:0 0 96px!important;
    width:96px!important;
    height:60px!important;
    padding:8px!important;
    border-radius:15px!important;
    box-shadow:0 7px 18px rgba(17,16,15,.06)!important;
  }
  .integration-marquee-item img{max-width:84%!important;max-height:40px!important;object-fit:contain!important}
  .integration-marquee-item img[src$="bol-official.png"]{max-width:80%!important;max-height:30px!important}
  .terms-section{padding-top:42px}
  .terms-card{padding:24px 18px!important;border-radius:22px!important}
  .terms-card h2{margin-top:34px;font-size:1.55rem}
  .terms-card p,.terms-card li{font-size:.96rem;line-height:1.7}
  .terms-card ol,.terms-card ul{padding-left:1.25rem}
}
@media (max-width:430px){
  .integration-marquee-head{padding-inline:16px!important}
  .integration-marquee-track{gap:7px!important;padding-inline:7px!important;animation-duration:48s!important}
  .integration-marquee-item{flex-basis:88px!important;width:88px!important;height:56px!important;border-radius:14px!important}
  .integration-marquee-item img{max-height:36px!important}
}