:root{--color-brand-black: #111111;--color-brand-white: #ffffff;--color-brand-paper: #f7f7f3;--color-brand-paper-warm: #f0f3f2;--color-brand-muted: #555d67;--color-claessen-blue: #004098;--color-claessen-blue-deep: #001e48;--color-claessen-blue-soft: #2f65b9;--color-claessen-blue-mist: #eaf2ff;--color-logo-red: #e60012;--color-logo-yellow: #fabe00;--color-logo-green: #22ac38;--color-logo-cyan: #00a0e9;--color-logo-purple: #7e318e;--color-neutral-950: #111111;--color-neutral-800: #2a2a2a;--color-neutral-600: #555d67;--color-neutral-300: #c8ced4;--color-neutral-200: #dde2e5;--color-neutral-100: #f0f3f4;--space-section: clamp(80px, 10vw, 136px)}html,body{overflow-x:clip}html{scroll-behavior:smooth;background:var(--color-brand-paper);color:var(--color-brand-black);font-family:var(--font-latin);letter-spacing:0}body{margin:0;min-width:320px;background:var(--color-brand-paper)}button{border:0;color:inherit}a:focus-visible,button:focus-visible{outline:2px solid var(--color-logo-cyan);outline-offset:4px}h1,h2,h3,p{margin-top:0}.scroll-progress{position:fixed;inset:0 0 auto;z-index:calc(var(--z-header) + 2);height:3px;background:linear-gradient(90deg,var(--color-logo-cyan),var(--color-claessen-blue),var(--color-logo-green));transform:scaleX(var(--scroll-progress, 0));transform-origin:left center;pointer-events:none}.header-actions{display:flex;align-items:center;justify-content:flex-end}.button{position:relative;display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:10px;overflow:hidden;padding:0 20px;border:1px solid currentColor;border-radius:var(--radius-pill);font-size:13px;font-weight:900;line-height:1;white-space:nowrap;transition:background-color var(--dur-fast) var(--ease-chloris),border-color var(--dur-fast) var(--ease-chloris),color var(--dur-fast) var(--ease-chloris),transform var(--dur-fast) var(--ease-chloris)}.button:after{width:5px;height:5px;border-radius:50%;background:currentColor;content:"";transform:scale(0);transition:transform var(--dur-fast) var(--ease-chloris)}.button:hover{transform:translateY(-1px)}.button:hover:after{transform:scale(1)}.button-primary{border-color:var(--color-claessen-blue);background:var(--color-claessen-blue);color:var(--color-brand-white)}.button-primary:hover{border-color:var(--color-claessen-blue-deep);background:var(--color-claessen-blue-deep)}.button-secondary{background:#ffffffad;color:var(--color-claessen-blue)}.button-dark{border-color:var(--color-brand-white);background:var(--color-brand-white);color:var(--color-claessen-blue-deep)}.button-ghost{border-color:#ffffff75;background:transparent;color:var(--color-brand-white)}.container,.wide{width:min(100%,var(--wide));margin:0 auto;padding-inline:var(--hero-page-gutter)}.wide{max-width:var(--wide)}.theme-dark{color:var(--color-brand-white)}.section{padding:var(--space-section) 0}.section-kicker,.eyebrow{margin-bottom:16px;color:var(--color-claessen-blue);font-family:var(--font-mono);font-size:12px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.theme-dark .eyebrow,.theme-dark .section-kicker{color:var(--color-logo-cyan)}.section-head{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(280px,.9fr);align-items:end;gap:clamp(28px,5vw,72px);margin-bottom:clamp(34px,5vw,64px)}.section-title,.statement{margin-bottom:0;max-width:760px;color:var(--color-brand-black);font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.06;text-wrap:balance}.theme-dark .section-title,.theme-dark .statement{color:var(--color-brand-white)}.body-copy,.section-head p{margin-bottom:0;max-width:58ch;color:var(--color-brand-muted);font-size:clamp(16px,1.45vw,19px);font-weight:600;line-height:1.68;text-wrap:pretty}.theme-dark .body-copy,.theme-dark .section-head p{color:#ffffffbd}.reveal{opacity:0;transform:translateY(28px);transition:opacity var(--dur-slow) var(--ease-chloris),transform var(--dur-slow) var(--ease-chloris)}.reveal.is-visible{opacity:1;transform:translateY(0)}.hero{position:relative;min-height:100svh;overflow:hidden;background:var(--color-brand-white);--warp-proportion: .45;--warp-softness: 1;--warp-distortion: .25;--warp-swirl: .8;--warp-swirl-iterations: 10;--warp-shape-scale: .1;--warp-scale: 1;--warp-rotation: 0deg;--warp-speed: 1;--hero-shift-x: 0px;--hero-shift-y: 0px;--hero-scroll-lift: 0px}.hero:before{position:absolute;inset:0;z-index:3;background:radial-gradient(circle at 72% 44%,rgba(170,255,231,.16),transparent 19rem),linear-gradient(90deg,#001026eb,#001e48ad 42%,#00143038 76%,#0000001f);content:"";pointer-events:none}.hero:after{position:absolute;inset:0;z-index:2;background-image:linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25% 75%,rgba(255,255,255,.12) 75%),linear-gradient(45deg,rgba(255,255,255,.12) 25%,transparent 25% 75%,rgba(255,255,255,.12) 75%);background-position:0 0,18px 18px;background-size:36px 36px;opacity:.22;mix-blend-mode:screen;animation:warpChecks 22s linear infinite;content:"";pointer-events:none}.hero-media{position:absolute;inset:0;z-index:1;overflow:hidden;transform:translate3d(var(--hero-shift-x),calc(var(--hero-shift-y) + var(--hero-scroll-lift)),0) scale(1.03);transition:filter .42s var(--ease-chloris),transform .42s var(--ease-chloris)}.products-image-hero{background:var(--color-brand-white)}.products-image-hero img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) contrast(1.04);transform:scale(1.06);animation:productHeroImageDrift 16s var(--ease-chloris) infinite alternate}.products-image-hero:after{position:absolute;inset:0;background:radial-gradient(circle at 24% 30%,rgba(0,160,233,.26),transparent 28%),radial-gradient(circle at 72% 62%,rgba(34,172,56,.16),transparent 30%);mix-blend-mode:screen;animation:productHeroGlow 7s var(--ease-chloris) infinite alternate;content:""}.warp-shader{position:absolute;inset:-16%;filter:saturate(1.08) contrast(1.03) blur(calc(var(--warp-softness) * 1px));transform:scale(var(--warp-scale)) rotate(var(--warp-rotation));animation:warpFieldDrift calc(18s / var(--warp-speed)) var(--ease-chloris) infinite alternate}.warp-shader:before,.warp-shader:after{position:absolute;inset:0;content:""}.warp-shader:before{background:radial-gradient(circle at 22% 22%,hsl(160 100% 75%),transparent calc(var(--warp-proportion) * 42%)),radial-gradient(circle at 72% 26%,hsl(170 100% 80%),transparent calc(var(--warp-proportion) * 44%)),radial-gradient(circle at 76% 78%,hsl(180 90% 30%),transparent calc(var(--warp-proportion) * 58%)),radial-gradient(circle at 22% 76%,hsl(200 100% 20%),transparent calc(var(--warp-proportion) * 74%)),conic-gradient(from 0deg at 50% 50%,#046,#80ffd4,#089191,#9fe,#046);filter:blur(calc(var(--warp-softness) * 14px));transform:scale(1.08) rotate(0);animation:warpSwirl calc(16s / var(--warp-speed)) var(--ease-chloris) infinite alternate}.warp-shader:after{background:repeating-conic-gradient(from 0deg at 50% 50%,rgba(255,255,255,.2) 0deg 9deg,transparent 9deg 18deg),repeating-linear-gradient(45deg,rgba(255,255,255,.1) 0 1px,transparent 1px calc(var(--warp-shape-scale) * 180px));opacity:.2;mix-blend-mode:overlay;transform:scale(1.14) rotate(0);animation:warpSurface calc(14s / var(--warp-speed)) linear infinite}.hero-inner{position:relative;z-index:4;display:flex;min-height:100svh;align-items:center;justify-content:center;padding-top:calc(var(--header-height) + 60px);padding-bottom:clamp(54px,8vw,98px);text-align:center}.hero h1{max-width:920px;margin-right:auto;margin-left:auto;margin-bottom:26px;font-size:clamp(52px,7.2vw,96px);font-weight:900;line-height:.96;letter-spacing:0;text-wrap:balance}.hero-lede{max-width:620px;margin-right:auto;margin-left:auto;margin-bottom:30px;color:#ffffffe0;font-size:clamp(17px,1.6vw,22px);font-weight:600;line-height:1.65}.hero-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.product-intro{background:linear-gradient(180deg,var(--color-brand-white) 0%,#f8fafb 100%)}.intro-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(360px,.84fr);align-items:start;gap:clamp(42px,6vw,88px)}.intro-grid>div:last-child{max-width:620px;padding-top:clamp(8px,2vw,28px)}.intro-grid .statement{margin-bottom:22px}.product-stage{position:sticky;top:calc(var(--header-height) + 30px);min-height:680px}.product-shot{position:relative;height:100%;min-height:inherit;margin:0;overflow:hidden;border-radius:var(--radius-lg);background:var(--color-brand-paper);box-shadow:0 24px 80px #001e481f;transform:translateY(var(--shot-y, 0));transition:filter var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.product-shot:hover{filter:saturate(1.08);transform:translateY(calc(var(--shot-y, 0) - 8px))}.product-shot img{position:absolute;inset:0;width:100%;height:100%;min-height:310px;object-fit:cover;transform:scale(1.04)}.product-copy{display:grid;gap:16px;margin-top:clamp(28px,4vw,48px)}.info-block{display:grid;grid-template-columns:56px 1fr;gap:18px;padding:24px 0;border-top:1px solid var(--color-neutral-200)}.info-block:last-child{border-bottom:1px solid var(--color-neutral-200)}.index{color:var(--color-claessen-blue);font-family:var(--font-mono);font-size:12px;font-weight:900}.info-block .index{font-size:9px}.info-block h3,.advantage-item h3,.matrix-card h3,.cert-item h3,.conversion-card h3{margin-bottom:8px;font-size:clamp(20px,2vw,26px);line-height:1.16}.info-block p,.advantage-item p,.matrix-card p,.cert-item p,.conversion-card p{margin-bottom:0;color:var(--color-neutral-600);font-size:15px;font-weight:650;line-height:1.58}.advantages{background:radial-gradient(circle at 12% 16%,rgba(0,160,233,.12),transparent 26%),radial-gradient(circle at 88% 82%,rgba(34,172,56,.07),transparent 24%),var(--color-brand-paper)}.advantages-layout{display:grid;grid-template-columns:minmax(280px,.78fr) minmax(0,1.22fr);gap:clamp(38px,5vw,78px);align-items:start}.advantages-layout>div:first-child{position:sticky;top:calc(var(--header-height) + 34px)}.advantages-summary{max-width:420px;margin-top:18px;color:var(--color-brand-ink-soft);font-size:clamp(18px,1.65vw,22px);font-weight:700;line-height:1.55;text-wrap:pretty}.advantage-metrics{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 18px;margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--color-neutral-200);list-style:none;color:var(--color-neutral-600);font-size:14px;line-height:1.45}.advantage-metrics strong{display:block;margin-bottom:3px;color:var(--color-claessen-blue);font-size:clamp(20px,2vw,26px);line-height:1.1}.proof-rail{position:sticky;top:calc(var(--header-height) + 34px);display:grid;gap:18px;padding:30px;border:1px solid rgba(0,64,152,.16);border-radius:var(--radius-xl);background:radial-gradient(circle at 82% 16%,rgba(0,64,152,.16),transparent 34%),#ffffffb8;box-shadow:0 24px 80px #001e4814}.proof-rail strong{color:var(--color-claessen-blue);font-size:clamp(28px,4.2vw,58px);line-height:1}.metric-row{display:grid;grid-template-columns:92px 1fr;gap:14px;align-items:center}.metric-row span:first-child{color:var(--color-claessen-blue);font-family:var(--font-mono);font-size:17px;font-weight:900}.metric-bar{height:10px;overflow:hidden;border-radius:var(--radius-pill);background:var(--color-neutral-200)}.metric-bar i{display:block;width:0;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--color-logo-cyan),var(--color-claessen-blue));transition:width .9s var(--ease-chloris)}.proof-rail.is-visible .metric-bar i{width:var(--metric)}.advantage-list{display:grid;gap:14px}.advantage-item{display:grid;grid-template-columns:50px 1fr;gap:18px;padding:24px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:#fffffff0;box-shadow:0 18px 58px #001e480f;transition:border-color var(--dur-medium) var(--ease-chloris),box-shadow var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.advantage-item.is-active,.advantage-item:hover{border-color:#00409852;box-shadow:0 26px 86px #00409821;transform:translateY(-6px)}.matrix{overflow:hidden;background:linear-gradient(180deg,#fbfcfd 0%,var(--color-brand-white) 34%,#f4f7f8 100%)}.matrix .section-title,.certifications .section-title{max-width:none;white-space:nowrap}.section-subtitle{margin-top:18px;margin-bottom:0}.matrix-controls{display:flex;flex-wrap:wrap;gap:10px;margin:-22px 0 34px}.filter-button{min-height:38px;padding:0 14px;border:1px solid rgba(0,64,152,.18);border-radius:var(--radius-pill);background:var(--color-brand-white);color:var(--color-neutral-800);cursor:pointer;font-size:12px;font-weight:900;transition:background-color var(--dur-fast) var(--ease-chloris),border-color var(--dur-fast) var(--ease-chloris),color var(--dur-fast) var(--ease-chloris),transform var(--dur-fast) var(--ease-chloris)}.filter-button:hover,.filter-button.is-active{border-color:var(--color-claessen-blue);background:var(--color-claessen-blue);color:var(--color-brand-white);transform:translateY(-1px)}.matrix-board{position:relative;min-height:620px;padding:clamp(20px,3vw,36px);overflow:hidden;border:1px solid rgba(0,64,152,.16);border-radius:var(--radius-xl);background:radial-gradient(circle at 12% 18%,rgba(0,64,152,.09),transparent 28%),radial-gradient(circle at 86% 82%,rgba(34,172,56,.07),transparent 24%),#eef2f4}.matrix-line{position:absolute;top:50%;left:clamp(24px,4vw,62px);right:clamp(24px,4vw,62px);height:2px;background:linear-gradient(90deg,var(--color-claessen-blue),var(--color-logo-yellow),var(--color-logo-green));opacity:.42}.matrix-line:after{position:absolute;inset:-5px 0;background:linear-gradient(90deg,transparent,rgba(255,255,255,.9),transparent);content:"";transform:translate(-100%);animation:matrixSweep 4.4s linear infinite}.matrix-cards{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;align-items:start}.matrix-card{min-height:292px;padding:24px;border:1px solid rgba(0,64,152,.18);border-radius:var(--radius-md);background:#fffffff5;box-shadow:0 20px 66px #001e4814;transition:opacity var(--dur-medium) var(--ease-chloris),border-color var(--dur-medium) var(--ease-chloris),filter var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.matrix-card:nth-child(2){margin-top:92px}.matrix-card:nth-child(3){margin-top:38px}.matrix-card:nth-child(4){margin-top:128px}.matrix-card.is-muted{opacity:.34;filter:grayscale(.6)}.matrix-card:hover,.matrix-card.is-focused{border-color:color-mix(in srgb,var(--matrix-accent, var(--color-claessen-blue)) 56%,transparent);transform:translateY(-8px)}.swatch-row{display:flex;gap:8px;margin-bottom:18px}.swatch-dot{width:20px;height:20px;border:1px solid rgba(17,17,17,.14);border-radius:50%;background:var(--dot)}.status{display:inline-flex;margin:12px 0 18px;padding:7px 10px;border-radius:var(--radius-pill);background:var(--color-claessen-blue-mist);color:var(--color-claessen-blue);font-family:var(--font-mono);font-size:11px;font-weight:900;text-transform:uppercase}.matrix-card ul{display:grid;gap:7px;margin:16px 0 0;padding:0;list-style:none;color:var(--color-neutral-600);font-size:14px;font-weight:750;line-height:1.45}.matrix-card li:before{color:var(--matrix-accent, var(--color-claessen-blue));content:"+ "}.certifications{background:radial-gradient(circle at 78% 18%,rgba(0,64,152,.1),transparent 28%),linear-gradient(180deg,#f2f6f8 0%,var(--color-brand-paper) 100%)}.certifications .section-title{max-width:820px}.cert-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}.cert-item{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;min-height:204px;padding:18px;border:1px solid var(--color-neutral-200);border-radius:var(--radius-md);background:var(--color-brand-white);box-shadow:0 16px 50px #001e480f;opacity:0;transform:translateY(24px);transition:opacity var(--dur-slow) var(--ease-chloris),border-color var(--dur-medium) var(--ease-chloris),transform var(--dur-slow) var(--ease-chloris)}.cert-grid.is-visible .cert-item{opacity:1;transform:translateY(0)}.cert-grid.is-visible .cert-item:nth-child(2){transition-delay:90ms}.cert-grid.is-visible .cert-item:nth-child(3){transition-delay:.18s}.cert-grid.is-visible .cert-item:nth-child(4){transition-delay:.27s}.cert-grid.is-visible .cert-item:nth-child(5){transition-delay:.36s}.cert-item:hover{border-color:#00409852;transform:translateY(-6px)}.cert-mark{display:flex;width:100%;height:74px;align-items:center;justify-content:center;margin-bottom:18px}.cert-mark img{max-width:128px;max-height:62px;object-fit:contain}.cert-item p{max-height:0;margin-top:auto;opacity:0;overflow:hidden;transform:translateY(8px);transition:max-height var(--dur-medium) var(--ease-chloris),opacity var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.cert-item:hover p,.cert-item:focus-within p{max-height:90px;opacity:1;transform:translateY(0)}.cert-cta{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:28px;padding:24px;border:1px solid rgba(0,64,152,.18);border-radius:var(--radius-md);background:#ffffffe6}.cert-cta p{margin:0;color:var(--color-neutral-600);font-size:14px;font-weight:650;line-height:1.55}.conversion{padding:var(--space-section) 0;background:radial-gradient(circle at 20% 20%,rgba(0,160,233,.22),transparent 30%),radial-gradient(circle at 86% 68%,rgba(34,172,56,.18),transparent 28%),var(--color-claessen-blue-deep);color:var(--color-brand-white)}.conversion-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:clamp(36px,6vw,88px)}.conversion h2{margin-bottom:18px;color:var(--color-brand-white);max-width:720px;font-size:clamp(36px,5vw,64px);font-weight:900;line-height:1.06;text-wrap:balance}.conversion p{max-width:640px;color:#ffffffd6;font-size:17px;font-weight:650;line-height:1.65}.conversion-cards{display:grid;gap:16px}.conversion-card{padding:26px;border:1px solid rgba(255,255,255,.18);border-radius:var(--radius-md);background:#ffffff14;transition:background-color var(--dur-medium) var(--ease-chloris),transform var(--dur-medium) var(--ease-chloris)}.conversion-card:hover{background:#ffffff1f;transform:translateY(-4px)}.conversion-card p{margin-bottom:20px;color:#fffc;font-size:14px}@keyframes groupReveal{to{opacity:1;transform:translateY(0)}}@keyframes matrixSweep{to{transform:translate(100%)}}@keyframes warpFieldDrift{0%{transform:translate3d(-1.4%,-.8%,0) scale(1.02) rotate(-1deg)}to{transform:translate3d(1.8%,1.2%,0) scale(1.08) rotate(1.4deg)}}@keyframes warpSwirl{0%{transform:scale(1.08) rotate(0)}48%{transform:scale(1.14) rotate(9deg)}to{transform:scale(1.1) rotate(-7deg)}}@keyframes warpSurface{to{transform:scale(1.14) rotate(360deg)}}@keyframes warpChecks{to{background-position:36px 36px,54px 54px}}@keyframes productHeroImageDrift{0%{transform:translate3d(-1.4%,-.8%,0) scale(1.06)}to{transform:translate3d(1.6%,1.2%,0) scale(1.12)}}@keyframes productHeroGlow{0%{opacity:.54;transform:translate3d(-1%,0,0)}to{opacity:.82;transform:translate3d(1%,-1%,0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}body:not(.is-ready) main,.hero-title-line span,.hero-lede,.hero-actions,.reveal,.cert-item{opacity:1!important;filter:none!important;transform:none!important}.hero-media{transform:none!important}.warp-shader,.warp-shader:before,.warp-shader:after,.hero:after,.products-image-hero img,.products-image-hero:after{animation:none!important}.metric-bar i{width:var(--metric)!important}}@media(max-width:1120px){.header-inner{grid-template-columns:1fr auto}.nav{display:none}.hero-inner,.section-head,.intro-grid,.advantages-layout,.conversion-grid{grid-template-columns:1fr}.product-stage,.proof-rail,.advantages-layout>div:first-child{position:relative;top:auto}.product-stage{min-height:560px}.matrix-cards,.cert-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.matrix-card:nth-child(n){margin-top:0}}@media(max-width:720px){:root{--header-height: 68px;--space-section: 72px}.header-inner{padding:0 18px}.brand img{width:142px}.container,.wide{width:min(100%,var(--wide))}.hero{min-height:auto}.hero-inner{min-height:auto;padding-top:calc(var(--header-height) + 70px)}.hero h1{font-size:clamp(44px,15vw,68px)}.product-stage{min-height:420px}.product-shot{transform:none}.info-block,.advantage-item,.metric-row,.advantage-metrics{grid-template-columns:1fr}.matrix .section-title,.certifications .section-title{white-space:normal}.matrix-board{min-height:auto}.matrix-line{display:none}.matrix-cards,.cert-grid{grid-template-columns:1fr}.cert-cta{align-items:flex-start;flex-direction:column}.button{width:100%;padding:0 16px}}.hero{isolation:isolate}.hero:after{display:none}.hero-media.products-image-hero{background:var(--color-brand-white);pointer-events:none}.hero:before{display:block}.hero-inner{justify-content:flex-start;text-align:left}.hero-inner>div{max-width:860px;width:min(100%,860px)}.hero h1{margin-right:0;margin-left:0;max-width:860px;text-align:left}.hero-lede{margin-right:0;margin-left:0;max-width:580px;text-align:left}.hero-actions{justify-content:flex-start}@media(max-width:760px){.hero-inner{align-items:flex-end;padding-bottom:72px}.hero h1{max-width:9ch;font-size:clamp(42px,14vw,58px)}.hero-lede{width:100%;max-width:32ch;overflow-wrap:anywhere;text-align:left;text-wrap:pretty}.hero-actions{width:100%;max-width:calc(100vw - 32px)}.hero-actions .button{width:100%;max-width:100%}.section-title,.statement,.conversion h2{font-size:clamp(34px,10.5vw,48px)}.intro-grid>div:last-child{max-width:none;padding-top:0}}