/* Cover-led editorial surfaces; transitions.dev recipes live in transitions.css. */
:root{--duration-fast:250ms;--ease-smooth-out:cubic-bezier(.22,1,.36,1);--panel-translate-y:12px;--tilt-glare-opacity:.2}
.header{height:88px;border-bottom-color:#073e4b20}
.header nav a{position:relative;padding-block:10px}
.header nav a:after{content:"";position:absolute;bottom:3px;left:0;width:100%;height:2px;background:var(--orange);transform:scaleX(0);transform-origin:left;transition:transform var(--duration-fast) var(--ease-smooth-out)}
.header nav a:hover:after,.header nav a:focus-visible:after,.header nav a[aria-current=page]:after{transform:scaleX(1)}
.button{border-radius:100px;min-height:48px;transition:transform var(--duration-fast) var(--ease-smooth-out),background var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out)}
.button.lime,.button.light{box-shadow:0 4px 0 #b7470918}
.button:hover:not(:disabled){box-shadow:0 7px 18px #073e4b20}
.button:active:not(:disabled){transform:translateY(0);box-shadow:none}
.hero{min-height:0}
.hero-copy{padding-block:44px}
.hero h1{font-size:clamp(5rem,7.5vw,7.6rem)}
.hero-visual{margin:24px 24px 24px 0;padding:44px 38px 28px;border-radius:18px;flex-direction:column;gap:28px;min-height:0;background:#cee4d7;overflow:visible;align-self:stretch}
.cover-frame{width:min(100%,365px);touch-action:pan-y pinch-zoom}
.cover-frame .t-tilt-card{border-radius:3px 10px 10px 3px;box-shadow:9px 14px 0 #073e4b09,0 26px 42px -16px #073e4b50}
.hero-visual .cover-frame img,.product-image .cover-frame img{position:relative;inset:auto;display:block;width:100%;height:auto;box-shadow:none}
.cover-caption{font-size:.75rem;letter-spacing:.1em;font-weight:700;text-align:center;line-height:1.6}
.hero-meta{margin-top:26px;font-size:.875rem}
.ticker{border-block:1px solid #073e4b20;padding-block:17px;background:var(--navy);color:var(--paper)}
.ticker b{color:var(--orange)}
#gratis-smagsproeve{background:#e5efdf}
.lead-form{border:1px solid #073e4b22;border-radius:16px;box-shadow:0 10px 30px #073e4b08}
.lead-form input[type=email]{border-color:#073e4b44;border-radius:8px;min-height:54px}
.part-grid{gap:22px}
.part-card{border-radius:14px;position:relative;overflow:hidden;box-shadow:0 8px 20px #073e4b06;transition:transform var(--duration-fast) var(--ease-smooth-out),box-shadow var(--duration-fast) var(--ease-smooth-out)}
.part-card .part-number{margin:28px 0 24px;font-size:5.5rem;line-height:1}
.part-card .part-tag,.card-top>span{font-size:.75rem}
.part-card>p,.part-card li{font-size:1rem}
.part-card>a{min-height:48px;font-size:.875rem}
.part-card:focus-within{box-shadow:0 12px 30px #073e4b24}
.sample-panel{border-radius:0 14px 14px 14px;--panel-translate-y:12px}
.tabs button{border-radius:10px;min-height:54px;font-size:.875rem;transition:background var(--duration-fast) var(--ease-smooth-out),color var(--duration-fast) var(--ease-smooth-out)}
.tabs button:focus-visible{outline-offset:2px}
.book-excerpt{border-radius:0 14px 14px 0;padding:32px 36px}
.book-excerpt>p:not(.eyebrow){font-size:clamp(1.15rem,1.8vw,1.5rem)}
.worksheet{border-radius:8px;box-shadow:0 18px 40px #073e4b18}
.sheet-field textarea:focus{outline:2px solid var(--blue);outline-offset:4px}
.sheet-header,.worksheet>.eyebrow{font-size:.75rem}
.sheet-intro,.tool-list p,.sheet-field label,.sheet-field textarea,.sheet-footer,.sheet-footer button{font-size:.875rem}
.round-link{transition:transform var(--duration-fast) var(--ease-smooth-out),background var(--duration-fast) var(--ease-smooth-out)}
.round-link:hover{transform:rotate(-5deg)}
.product-image{display:flex;justify-content:center;border-radius:16px;padding:44px;background:#cee4d7}
.purchase-box{padding:26px;border:1px solid #073e4b25;border-radius:16px;background:#e5efdf}
.shop-parts article{border-radius:0 0 12px 12px;background:#e5efdf;padding:24px}
.customer-review{border-radius:0 12px 12px 0}
@media(hover:hover) and (pointer:fine){.part-card:hover{transform:translateY(-6px);box-shadow:0 16px 32px #073e4b19}}
@media(min-width:1600px){.hero{background:var(--paper)}.hero-visual{margin-right:0}.hero h1{font-size:6rem}}
@media(max-width:1100px){.hero-visual{padding:30px 24px}.hero h1{font-size:5.8rem}.part-card{padding:24px}.part-tag{max-width:130px}}
@media(max-width:760px){.header{height:80px}.header .button.small{font-size:.875rem;padding:10px 14px}.hero-copy{padding:36px 24px 28px}.hero h1{font-size:clamp(4.5rem,17vw,6.2rem)}.hero-visual{margin:0 20px 28px;padding:30px 28px 24px;gap:22px;border-radius:14px}.cover-frame{max-width:300px}.hero .eyebrow{font-size:.75rem}.hero-meta{font-size:.875rem;flex-wrap:wrap}.hero-actions .button{font-size:1rem}.part-tag{max-width:none}.tabs{gap:6px}.tabs button{padding:14px 8px;gap:5px}.tabs button>span{display:none}.sample-panel{min-height:0;padding:28px 24px}.part-card .part-number{font-size:4.5rem}.book-excerpt{padding:24px}.sheet-header{flex-wrap:wrap}.product-image{padding:30px}.purchase-box{padding:22px}.round-link>span:last-child{font-size:.75rem}.ticker{font-size:.75rem}.sheet-footer{flex-wrap:wrap}.hero-intro,.sample-panel>p:not(.eyebrow){font-size:1rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.t-stagger-line{opacity:1;transform:none;filter:none}.t-learn:hover .t-learn-chevron,.t-learn:hover .t-learn-arm,.part-card:hover,.round-link:hover,.button:hover{transform:none}.t-tilt-glare{display:none}}
@media print{.t-stagger-line{opacity:1!important;transform:none!important;filter:none!important}.worksheet{border-radius:0;box-shadow:none}.tools{display:block!important}.header,footer{display:none!important}}