:root{--ink:#071b18;--deep:#0a2420;--mint:#85ffd0;--aqua:#bfffee;--paper:#f4f7f2;--muted:#60706b;--line:#dbe4df;--white:#fff;--lime:#d8ff8c}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 "DM Sans",sans-serif}.notice{background:var(--ink);color:#dffbf1;text-align:center;padding:7px 20px;font-size:11px;letter-spacing:.14em;text-transform:uppercase}.nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,28px);border-bottom:1px solid rgba(7,27,24,.1);position:relative;z-index:10;background:rgba(244,247,242,.9);backdrop-filter:blur(14px)}.brand{display:flex;align-items:center;gap:12px;color:inherit;text-decoration:none;font:800 17px/1 "Manrope";letter-spacing:.12em}.brand small{display:block;font:600 8px/1.8 "DM Sans";letter-spacing:.28em;color:#75837e}.brand-mark{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--ink);color:var(--mint);font-size:11px;letter-spacing:0}.nav nav{display:flex;gap:34px}.nav nav a,.text-link{color:inherit;text-decoration:none;font-weight:600;font-size:13px}.nav nav a:hover,.text-link:hover{color:#167c63}.button{background:var(--ink);color:#fff;text-decoration:none;padding:15px 20px;border-radius:5px;display:inline-flex;align-items:center;gap:28px;font-weight:700;box-shadow:0 8px 24px rgba(7,27,24,.14);transition:.2s}.button:hover{transform:translateY(-2px);background:#123832}.button-small{padding:11px 16px;font-size:12px;box-shadow:none}.hero{min-height:680px;display:grid;grid-template-columns:1.08fr .92fr;overflow:hidden}.hero-copy{padding:115px 6vw 70px max(7vw,50px)}.eyebrow{text-transform:uppercase;letter-spacing:.2em;font-size:11px;font-weight:700;color:#3b665b;margin:0 0 24px;display:flex;align-items:center;gap:9px}.eyebrow span{display:block;width:28px;height:1px;background:currentColor}.hero h1,.section h2{font:700 clamp(48px,6.2vw,88px)/.99 "Manrope";letter-spacing:-.055em;margin:0}.hero h1 em{font-style:normal;color:#379f82}.intro{font-size:18px;color:#53635e;max-width:590px;margin:28px 0 34px}.hero-actions{display:flex;gap:28px;align-items:center}.hero-proof{display:flex;gap:48px;margin-top:68px}.hero-proof div{display:flex;flex-direction:column}.hero-proof strong{font:700 25px "Manrope"}.hero-proof span{font-size:11px;text-transform:uppercase;letter-spacing:.1em;color:#687873}.hero-visual{position:relative;background:var(--deep);overflow:hidden;min-height:580px;color:#8dffd8}.grid-glow{position:absolute;inset:0;background:linear-gradient(rgba(133,255,208,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(133,255,208,.055) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(circle at 55% 50%,#000,transparent 75%)}.orb{position:absolute;border-radius:50%;filter:blur(2px);background:rgba(72,255,192,.14)}.orb-one{width:340px;height:340px;right:-70px;top:60px}.orb-two{width:170px;height:170px;left:20px;bottom:80px}.molecule{position:absolute;width:85%;left:5%;top:6%;opacity:.48}.vial{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%) rotate(2deg);width:150px;filter:drop-shadow(0 35px 28px rgba(0,0,0,.3))}.cap{height:62px;width:108px;margin:auto;background:linear-gradient(90deg,#aebcb6,#f0f4f1 48%,#899992);border-radius:12px 12px 6px 6px;box-shadow:inset 0 -9px 0 #687873}.glass{height:245px;border:2px solid rgba(255,255,255,.75);border-radius:25px 25px 34px 34px;background:linear-gradient(90deg,rgba(255,255,255,.15),rgba(255,255,255,.5) 48%,rgba(255,255,255,.08));margin-top:-2px;padding:70px 12px 0;text-align:center;color:#12362e}.glass:after{content:"";position:absolute;left:13px;right:13px;bottom:15px;height:45px;border-radius:0 0 25px 25px;background:rgba(133,255,208,.24)}.glass span{display:block;font:800 12px "Manrope";letter-spacing:.17em}.glass strong{display:block;font:800 16px "Manrope";margin:4px 0}.glass small{font-size:7px;letter-spacing:.13em}.glass i{display:block;width:22px;height:1px;background:#276252;margin:14px auto}.float-label{position:absolute;font-size:9px;letter-spacing:.16em;border:1px solid rgba(133,255,208,.35);background:rgba(8,30,26,.75);padding:8px 10px}.label-one{top:29%;left:10%}.label-two{bottom:22%;right:8%}.ticker{background:var(--mint);height:52px;display:flex;align-items:center;justify-content:space-around;gap:30px;overflow:hidden;font-size:10px;font-weight:800;letter-spacing:.17em;white-space:nowrap}.section{padding:105px max(7vw,50px)}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px}.section-head h2,.volume h2{font-size:clamp(42px,5vw,67px)}.section-head>p{max-width:510px;color:var(--muted)}.toolbar{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}.search{max-width:440px;background:#fff;border:1px solid var(--line);display:flex;align-items:center;gap:10px;padding:12px 15px;border-radius:6px}.search input{border:0;outline:0;background:transparent;width:100%;font:inherit}.filters{display:flex;gap:8px;flex-wrap:wrap}.filter{border:1px solid var(--line);background:transparent;padding:9px 14px;border-radius:30px;font:600 12px "DM Sans";cursor:pointer;color:#52625d}.filter.active,.filter:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.product{background:#fff;border:1px solid var(--line);padding:23px;min-height:220px;display:flex;flex-direction:column;position:relative;transition:.2s}.product:hover{transform:translateY(-3px);box-shadow:0 15px 35px rgba(15,45,38,.08);border-color:#aad9cb}.product .category{color:#408b77;text-transform:uppercase;letter-spacing:.16em;font-size:9px;font-weight:800}.product h3{font:700 20px/1.2 "Manrope";letter-spacing:-.02em;margin:13px 0}.variants{margin:auto 0 0;padding:0;list-style:none}.variants li{display:flex;justify-content:space-between;gap:15px;padding:8px 0;border-top:1px solid #edf1ee;font-size:13px}.variants strong{font-family:"Manrope"}.variants del{color:#9aa5a1;margin-right:6px;font-size:11px}.badge{position:absolute;right:17px;top:17px;background:#e7fff5;color:#23705d;padding:4px 7px;border-radius:3px;font-size:8px;font-weight:800;letter-spacing:.08em}.empty{text-align:center;padding:40px}.standard{padding-top:20px}.standard-card{background:var(--ink);color:#fff;border-radius:12px;padding:75px;display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;position:relative;overflow:hidden}.standard-card:before{content:"";position:absolute;width:400px;height:400px;border:1px solid rgba(133,255,208,.12);border-radius:50%;left:-170px;bottom:-250px}.eyebrow.light{color:var(--mint)}.standard-card h2{font-size:clamp(38px,4.5vw,62px)}.standard-card>div>p:last-child{color:#a9bbb5;max-width:460px;font-size:16px}.standards article{display:flex;gap:25px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.12)}.standards article:first-child{padding-top:0}.standards b{color:var(--mint);font-size:11px}.standards h3{font:700 17px "Manrope";margin:0 0 5px}.standards p{margin:0;color:#98aaa4;font-size:13px}.volume{display:grid;grid-template-columns:.75fr 1.25fr;gap:70px;align-items:center}.volume-copy>p:last-child{color:var(--muted);max-width:450px}.tiers{display:grid;grid-template-columns:1fr 1fr;gap:10px}.tiers div{min-height:180px;padding:24px;background:#fff;border:1px solid var(--line);display:flex;flex-direction:column}.tiers span{font-size:12px;color:var(--muted)}.tiers strong{font:750 32px "Manrope";margin:auto 0 0}.tiers small{text-transform:uppercase;letter-spacing:.13em;color:#789086}.tiers .featured{background:var(--mint);border-color:var(--mint)}.tiers .featured i{align-self:flex-start;background:var(--ink);color:#fff;padding:4px 7px;font-style:normal;font-size:7px;letter-spacing:.12em;margin-bottom:9px}.legal{display:grid;grid-template-columns:auto 1fr;gap:26px;align-items:center;background:#e8eee9;padding-top:48px;padding-bottom:48px}.legal-icon{width:50px;height:50px;border-radius:50%;border:1px solid #83958e;display:grid;place-items:center;font:700 20px "Manrope"}.legal h2{font-size:20px;letter-spacing:-.02em;margin-bottom:6px}.legal p{margin:0;color:var(--muted);max-width:850px;font-size:13px}footer{padding:44px max(7vw,50px);display:flex;justify-content:space-between;align-items:center;background:var(--deep);color:#fff}.footer-brand .brand-mark{background:var(--mint);color:var(--ink)}footer p{color:var(--mint)}footer>span{font-size:10px;color:#849690}
@media(max-width:900px){.nav nav{display:none}.hero{grid-template-columns:1fr}.hero-copy{padding:85px 7vw}.hero-visual{min-height:520px}.product-grid{grid-template-columns:repeat(2,1fr)}.standard-card,.volume{grid-template-columns:1fr;gap:45px}.standard-card{padding:50px}.section-head{align-items:start;flex-direction:column}.section{padding:80px 7vw}}
@media(max-width:580px){.notice{font-size:8px}.nav{height:70px;padding:0 20px}.button-small{display:none}.hero-copy{padding:70px 22px}.hero h1{font-size:48px}.hero-proof{gap:20px;justify-content:space-between}.hero-proof strong{font-size:20px}.hero-proof span{font-size:8px}.hero-visual{min-height:430px}.section{padding:65px 22px}.product-grid{grid-template-columns:1fr}.standard-card{padding:38px 25px}.tiers{grid-template-columns:1fr}.legal{padding:36px 22px;align-items:start}footer{padding:38px 22px;flex-direction:column;align-items:flex-start;gap:18px}}

/* Hero product orbit */
.product-orbit{position:absolute;inset:0;perspective:900px;isolation:isolate}.product-orbit:after{content:"";position:absolute;left:50%;top:52%;width:48%;height:13%;transform:translate(-50%,-50%);border-radius:50%;background:rgba(67,255,192,.18);filter:blur(34px);z-index:0}.orbit-ring{position:absolute;left:50%;top:50%;border:1px solid rgba(133,255,208,.2);border-radius:50%;transform:translate(-50%,-50%) rotate(-8deg);pointer-events:none}.orbit-ring-outer{width:80%;height:55%;box-shadow:0 0 34px rgba(96,255,207,.06),inset 0 0 26px rgba(96,255,207,.04)}.orbit-ring-inner{width:50%;height:34%;border-style:dashed;opacity:.7}.molecule-core{position:absolute;left:50%;top:50%;width:134px;height:134px;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;border:1px solid rgba(143,255,217,.42);border-radius:50%;background:radial-gradient(circle,rgba(73,175,141,.34),rgba(7,30,26,.84) 67%);box-shadow:0 0 60px rgba(62,255,188,.2);z-index:6;color:#ddfff3}.molecule-core:before,.molecule-core:after,.molecule-core span,.molecule-core i,.molecule-core b,.molecule-core em{content:"";position:absolute;width:8px;height:8px;border-radius:50%;background:#8dffd8;box-shadow:0 0 13px #5effc5}.molecule-core:before{left:8px;top:29px}.molecule-core:after{right:11px;bottom:24px}.molecule-core span{right:7px;top:25px}.molecule-core i{left:7px;bottom:23px}.molecule-core b{left:50%;top:-5px}.molecule-core em{left:50%;bottom:-5px}.molecule-core strong{font:800 12px "Manrope";letter-spacing:.16em}.molecule-core small{font-size:7px;letter-spacing:.14em;color:#8dffd8;margin-top:5px}.orbit-product{position:absolute;left:50%;top:50%;width:114px;height:142px;margin:0;padding:5px;border-radius:10px;background:rgba(255,255,255,.98);box-shadow:0 18px 38px rgba(0,0,0,.32),0 0 0 1px rgba(141,255,216,.22);overflow:hidden;will-change:transform,opacity;transition:box-shadow .3s;z-index:2}.orbit-product:after{content:attr(data-name);position:absolute;left:8px;right:8px;bottom:7px;color:#102721;background:rgba(255,255,255,.9);border-radius:3px;padding:3px 4px;text-align:center;font:800 7px "Manrope";letter-spacing:.08em;text-transform:uppercase}.orbit-product img{width:100%;height:100%;object-fit:cover;display:block;border-radius:6px}.product-orbit:hover .orbit-product{box-shadow:0 22px 48px rgba(0,0,0,.42),0 0 0 1px rgba(141,255,216,.34)}
@media(max-width:900px){.orbit-product{width:104px;height:130px}.molecule-core{width:120px;height:120px}.float-label{z-index:20}}
@media(max-width:580px){.orbit-product{width:78px;height:98px;padding:3px}.orbit-product:after{font-size:5px;left:5px;right:5px;bottom:5px}.molecule-core{width:92px;height:92px}.molecule-core strong{font-size:9px}.molecule-core small{font-size:5px}.orbit-ring-outer{width:88%;height:58%}.orbit-ring-inner{width:54%;height:36%}.label-one{top:12%;left:6%}.label-two{bottom:10%;right:5%}}
@media(prefers-reduced-motion:reduce){.orbit-product{transition:none}}

/* Transparent cutout vials */
.orbit-product{width:120px;height:186px;padding:0;background:transparent;border-radius:0;box-shadow:none;overflow:visible}.orbit-product:after{display:none}.orbit-product img{object-fit:contain;border-radius:0;filter:drop-shadow(0 18px 14px rgba(0,0,0,.42))}.product-orbit:hover .orbit-product{box-shadow:none}.product-orbit:after{width:58%;height:18%;background:rgba(67,255,192,.12)}
@media(max-width:900px){.orbit-product{width:108px;height:168px}}
@media(max-width:580px){.orbit-product{width:78px;height:122px;padding:0}}
.cart-trigger{border:0;background:var(--ink);color:#fff;padding:11px 12px 11px 16px;border-radius:5px;font:700 12px "DM Sans";cursor:pointer}.cart-trigger span{display:inline-grid;place-items:center;min-width:22px;height:22px;background:var(--mint);color:var(--ink);border-radius:50%;margin-left:8px}.variants li{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:12px}.variants strong{white-space:nowrap}.add-item{width:30px;height:30px;border-radius:50%;border:1px solid #b8c9c3;background:#fff;color:var(--ink);font-size:20px;line-height:1;cursor:pointer;transition:.2s}.add-item:hover{background:var(--mint);border-color:var(--mint);transform:scale(1.06)}.cart-overlay{position:fixed;inset:0;background:rgba(3,18,15,.48);backdrop-filter:blur(3px);z-index:40;opacity:0;pointer-events:none;transition:.25s}.cart-overlay.open{opacity:1;pointer-events:auto}.cart-drawer{position:fixed;z-index:41;right:0;top:0;height:100dvh;width:min(520px,100%);background:var(--paper);box-shadow:-25px 0 70px rgba(0,0,0,.2);transform:translateX(105%);transition:transform .3s ease;display:flex;flex-direction:column;padding:32px}.cart-drawer.open{transform:none}.cart-head{display:flex;justify-content:space-between;align-items:start}.cart-head .eyebrow{margin-bottom:8px}.cart-head h2{font:700 34px/1 "Manrope";letter-spacing:-.04em;margin:0}.cart-close{border:0;background:transparent;font-size:34px;cursor:pointer;color:var(--ink)}.cart-progress{margin:28px 0 12px;padding:15px;background:#e8eee9;border-radius:6px}.progress-copy{display:flex;justify-content:space-between;font-size:11px}.progress-copy strong{color:#1f735d}.progress-track{height:5px;background:#cad6d0;border-radius:5px;margin-top:10px;overflow:hidden}.progress-track i{display:block;width:0;height:100%;background:#41ad8b;transition:.25s}.cart-items{overflow:auto;flex:1}.cart-item{padding:15px 0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:8px}.cart-item h3{margin:0;font:700 14px "Manrope"}.cart-item p{margin:2px 0 0;color:var(--muted);font-size:12px}.cart-line-total{text-align:right;font:700 14px "Manrope"}.qty{display:flex;align-items:center;gap:10px;margin-top:10px}.qty button{border:1px solid var(--line);background:#fff;width:27px;height:27px;cursor:pointer}.qty span{font-weight:700;min-width:15px;text-align:center}.qty .remove{border:0;background:transparent;width:auto;color:#77857f;text-decoration:underline;font-size:10px}.cart-empty{margin:auto;text-align:center;display:flex;flex-direction:column;color:var(--muted);padding:45px}.cart-empty b{color:var(--ink);font:700 16px "Manrope";margin-bottom:4px}.cart-summary{border-top:1px solid var(--line);padding-top:17px}.cart-summary>div{display:flex;justify-content:space-between;margin:7px 0}.discount-row{color:#25765f}.cart-total{padding-top:12px;margin-top:12px!important;border-top:1px solid var(--line);font:700 19px "Manrope"}.cart-summary small{display:block;color:var(--muted);font-size:10px;margin:12px 0}.request-button{width:100%;border:0;justify-content:space-between;font:700 13px "DM Sans";cursor:pointer}.request-button:disabled{opacity:.45;cursor:not-allowed;transform:none}.clear-cart{width:100%;border:0;background:transparent;margin-top:10px;text-decoration:underline;color:#6b7974;font-size:11px;cursor:pointer}.toast{position:fixed;z-index:50;left:50%;bottom:30px;transform:translate(-50%,30px);background:var(--mint);color:var(--ink);padding:12px 18px;border-radius:5px;font-weight:700;opacity:0;pointer-events:none;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}body.cart-open{overflow:hidden}
@media(max-width:580px){.cart-trigger{padding:8px 9px 8px 12px}.cart-drawer{padding:24px 20px}.cart-head h2{font-size:30px}}
.cart-empty[hidden],.cart-summary[hidden]{display:none}.send-label{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;margin:18px 0 9px}.send-options{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.send-button{border:1px solid var(--line);background:#fff;border-radius:6px;padding:10px 7px;display:flex;align-items:center;gap:7px;text-align:left;color:var(--ink);cursor:pointer;min-width:0}.send-button:hover{border-color:#63b49b;background:#f7fffb}.send-button:disabled,.copy-request:disabled{opacity:.4;cursor:not-allowed}.send-button b{display:grid;place-items:center;flex:0 0 25px;height:25px;border-radius:50%;background:#e7eee9;font-size:12px}.send-button.whatsapp b{background:#d9f8e4;color:#117b3b}.send-button.telegram b{background:#dceef7;color:#1685bd}.send-button span{font-size:11px;font-weight:700;overflow:hidden}.send-button small{display:block;color:#77857f;font-size:8px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.copy-request{width:100%;border:0;background:var(--ink);color:#fff;border-radius:5px;padding:12px;margin-top:8px;font:700 11px "DM Sans";cursor:pointer}.clear-cart{margin-top:7px}@media(max-width:400px){.send-options{grid-template-columns:1fr}.send-button{padding:9px 12px}.send-button small{font-size:9px}}
/* Rustig doorlopende kernwaardenbalk */
.ticker{justify-content:flex-start}
.ticker-track{--ticker-gap:clamp(38px,7vw,110px);display:flex;align-items:center;width:max-content;will-change:transform;animation:ticker-scroll 44s linear infinite}
.ticker-group{display:flex;align-items:center;gap:var(--ticker-gap);padding-right:var(--ticker-gap)}
.ticker-track span{flex:0 0 auto}
@keyframes ticker-scroll{to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.ticker-track{animation:none;transform:none}}
.cart-legal-note{margin:14px 0!important;padding:12px 13px;border:1px solid var(--line);border-radius:5px;background:#fff;color:#5f706a;font-size:10px;line-height:1.5}.cart-legal-note a{color:#167c63;font-weight:700}
