@font-face{font-family:syne;src:url(/_next/static/media/be1f73a793f6d6a1-s.p.woff2) format("woff2");font-display:swap;font-weight:600 800}@font-face{font-family:syne Fallback;src:local("Arial");ascent-override:92.84%;descent-override:27.60%;line-gap-override:0.00%;size-adjust:99.63%}.__className_d83eca{font-family:syne,syne Fallback}.__variable_d83eca{--font-syne:"syne","syne Fallback"}@font-face{font-family:manrope;src:url(/_next/static/media/675812cc1bc8d273-s.p.woff2) format("woff2");font-display:swap;font-weight:400 700}@font-face{font-family:manrope Fallback;src:local("Arial");ascent-override:106.45%;descent-override:29.96%;line-gap-override:0.00%;size-adjust:100.14%}.__className_c1a36d{font-family:manrope,manrope Fallback}.__variable_c1a36d{--font-manrope:"manrope","manrope Fallback"}@font-face{font-family:plexMono;src:url(/_next/static/media/06ac09dcb8ec7d56-s.p.woff2) format("woff2");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:plexMono;src:url(/_next/static/media/dece0821e8ed059f-s.p.woff2) format("woff2");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:plexMono Fallback;src:local("Arial");ascent-override:77.95%;descent-override:20.91%;line-gap-override:0.00%;size-adjust:131.49%}.__className_daa85e{font-family:plexMono,plexMono Fallback}.__variable_daa85e{--font-plex-mono:"plexMono","plexMono Fallback"}:root{--ink:#0A0C11;--bg-rgb:10 12 17;--depth:#1B2433;--surface:#11151D;--chrome:#C9D3E1;--ice:#7DD3FC;--accent:#7DD3FC;--text:#E7EAF0;--muted:rgb(231 234 240/0.62);--faint:rgb(231 234 240/0.38);--line:rgb(231 234 240/0.09);--ok:#3BE37A;--rim-rgb:255 255 255;--glass-fill:rgba(255,255,255,.012);--glass-strong:rgba(255,255,255,.025);--hover-bg:rgba(255,255,255,.06);--band:rgba(17,21,29,.7);--rack-bg:#07090D;--slot-on:linear-gradient(180deg,#1a212d,#121822);--slot-off:#2a313c;--input-bg:rgba(7,9,13,.7);--label-bg:rgba(10,12,17,.6);--stage-glow:rgba(27,36,51,.95);--chrome-text:linear-gradient(100deg,#8FA3BF,#F4F7FB 30%,#7DD3FC 52%,#C9D3E1 76%,#8FA3BF);--logo-1:#F4F7FB;--logo-2:#8FA3BF;--logo-3:#C9D3E1;--logo-dot:#7DD3FC;--btn-bg:linear-gradient(180deg,#fff,#e4e9f0 48%,#c3ccd8);--btn-bg-hover:linear-gradient(180deg,#fff,#eef6ff 42%,#cfe3f5);--btn-fg:#0A0C11;--btn-border:#fff;--ghost-bg:linear-gradient(135deg,rgba(255,255,255,.1),rgba(0,0,0,.4) 46%,rgba(125,211,252,.08));--f-display:var(--font-syne),"Helvetica Neue",Arial,sans-serif;--f-body:var(--font-manrope),system-ui,-apple-system,sans-serif;--f-mono:var(--font-plex-mono),ui-monospace,Menlo,monospace;--step-hero:clamp(44px,6.3vw,100px);--step-h2:clamp(32px,4.6vw,64px);--gutter:max(20px,min(5vw,56px));--ease:cubic-bezier(0.16,1,0.3,1);color-scheme:dark}:root[data-theme=light]{--ink:#E8ECF1;--bg-rgb:232 236 241;--depth:#D3DAE4;--surface:#F6F8FA;--chrome:#4B5868;--ice:#0EA5E9;--accent:#0369A1;--text:#0A0C11;--muted:rgb(10 12 17/0.66);--faint:rgb(10 12 17/0.46);--line:rgb(10 12 17/0.1);--ok:#16A34A;--rim-rgb:255 255 255;--glass-fill:rgba(255,255,255,.42);--glass-strong:rgba(255,255,255,.55);--hover-bg:rgba(10,12,17,.05);--band:rgba(255,255,255,.45);--rack-bg:#DCE2EA;--slot-on:linear-gradient(180deg,#ffffff,#eef2f6);--slot-off:#c3cad4;--input-bg:rgba(255,255,255,.85);--label-bg:rgba(255,255,255,.78);--stage-glow:rgba(255,255,255,.95);--chrome-text:linear-gradient(100deg,#3B4A60,#0A0C11 30%,#0284C7 52%,#3B4A60 76%,#0A0C11);--logo-1:#5D6B80;--logo-2:#0A0C11;--logo-3:#3B4A60;--logo-dot:#0EA5E9;--btn-bg:linear-gradient(180deg,#2c3546,#141922 55%,#0A0C11);--btn-bg-hover:linear-gradient(180deg,#33415a,#18202c 55%,#0A0C11);--btn-fg:#F4F7FB;--btn-border:#0A0C11;--ghost-bg:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,255,255,.4) 46%,rgba(14,165,233,.08));color-scheme:light}*{box-sizing:border-box}html{background:var(--ink);color:var(--text);font-family:var(--f-body);-webkit-text-size-adjust:100%}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{margin:0;font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;overflow-x:hidden;background:var(--ink)}h1,h2,h3{margin:0;text-wrap:balance}p{margin:0}a{color:inherit;text-decoration:none}canvas,img,svg{display:block;max-width:100%}:focus-visible{outline:2px solid var(--ice);outline-offset:3px;border-radius:6px}::view-transition-new(root),::view-transition-old(root){animation:none;mix-blend-mode:normal}.container{max-width:1240px;margin:0 auto;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}.eyebrow{font:500 11px/1.4 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.mono{font-family:var(--f-mono);font-size:12px;letter-spacing:.06em}.logo-s1{stop-color:var(--logo-1)}.logo-s2{stop-color:var(--logo-2)}.logo-s3{stop-color:var(--logo-3)}.logo-dot{fill:var(--logo-dot)}.logo-orbit{stroke:var(--logo-dot)}.liquid-glass{position:relative;border:none;background:var(--glass-fill);background-blend-mode:luminosity;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);box-shadow:inset 0 1px 1px rgb(var(--rim-rgb)/.1)}.liquid-glass:before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.4px;pointer-events:none;background:linear-gradient(180deg,rgb(var(--rim-rgb)/var(--rim-a,.42)) 0,rgb(var(--rim-rgb)/var(--rim-b,.14)) 20%,rgb(var(--rim-rgb)/0) 40%,rgb(var(--rim-rgb)/0) 60%,rgb(var(--rim-rgb)/var(--rim-b,.14)) 80%,rgb(var(--rim-rgb)/var(--rim-a,.42)) 100%);-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;mask-composite:exclude}.liquid-glass--strong{-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background:var(--glass-strong);box-shadow:4px 4px 4px rgba(0,0,0,.05),inset 0 1px 1px rgb(var(--rim-rgb)/.15)}.liquid-glass--strong:before{--rim-a:.5;--rim-b:.2}[data-theme=light] .liquid-glass{box-shadow:inset 0 1px 1px rgba(255,255,255,.9),0 1px 2px rgba(10,12,17,.06),0 10px 30px -18px rgba(10,12,17,.25)}[data-theme=light] .liquid-glass:before{--rim-a:.95;--rim-b:.35}.btn{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;gap:8px;height:46px;padding:0 22px;border-radius:999px;font:700 14px/1 var(--f-body);letter-spacing:-.01em;white-space:nowrap;cursor:pointer;border:1px solid transparent;transition:background .35s ease,border-color .35s ease,box-shadow .35s ease,transform .2s ease}.btn:after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(115deg,transparent 20%,rgba(255,255,255,.5) 48%,transparent 76%);transform:translateX(-130%);transition:transform .65s ease}.btn:hover:after{transform:translateX(130%)}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.45;cursor:not-allowed}.btn--chrome{color:var(--btn-fg);border-color:var(--btn-border);background:var(--btn-bg);box-shadow:inset 0 1px 0 rgba(255,255,255,.95)}.btn--chrome:hover{background:var(--btn-bg-hover);box-shadow:inset 0 1px 0 #fff,0 0 26px rgba(125,211,252,.35),0 8px 18px rgba(255,255,255,.1)}[data-theme=light] .btn--chrome{box-shadow:inset 0 1px 0 rgba(255,255,255,.18),0 8px 18px -8px rgba(10,12,17,.45)}[data-theme=light] .btn--chrome:hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.22),0 0 22px rgba(14,165,233,.3),0 10px 22px -8px rgba(10,12,17,.5)}.btn--ghost{color:var(--text);border-color:rgb(var(--rim-rgb)/.3);background:var(--ghost-bg);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}[data-theme=light] .btn--ghost{border-color:rgba(10,12,17,.18)}.btn--ghost:hover{border-color:var(--ice);box-shadow:0 0 24px rgba(125,211,252,.25)}.btn--sm{height:38px;padding:0 16px;font-size:13px}.btn--block{width:100%}.btn .icon{transition:transform .25s ease}.btn:hover .icon{transform:translate(2px,-2px)}.nav-wrap{position:fixed;z-index:50;top:0;left:0;right:0;padding:calc(14px + env(safe-area-inset-top, 0px)) max(var(--gutter),env(safe-area-inset-right,0px)) 0 max(var(--gutter),env(safe-area-inset-left,0px));pointer-events:none}.nav{pointer-events:auto;max-width:1240px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:7px 7px 7px 18px;border-radius:999px}.nav-logo{display:flex;align-items:flex-end;gap:0;font:700 20px/1 var(--f-display);letter-spacing:-.02em}.nav-logo svg{margin-right:-3px}.nav-links{display:flex;gap:4px}.nav-links a{padding:8px 14px;border-radius:999px;font-size:14px;color:var(--muted);transition:color .25s,background .25s}.nav-links a:hover{color:var(--text);background:var(--hover-bg)}.nav-right{display:flex;align-items:center;gap:10px}@media (max-width:900px){.nav-links{display:none}}@media (max-width:520px){.nav-cta{display:none}}.menu-btn{display:none;width:40px;height:40px;border-radius:50%;cursor:pointer;padding:0;color:var(--text);place-items:center;align-content:center;gap:6px}.menu-btn span{display:block;width:16px;height:1.6px;border-radius:2px;background:currentColor;transition:transform .45s var(--ease)}.menu-btn[aria-expanded=true] span:first-child{transform:translateY(3.8px) rotate(45deg)}.menu-btn[aria-expanded=true] span:last-child{transform:translateY(-3.8px) rotate(-45deg)}@media (max-width:900px){.menu-btn{display:grid}}.menu-backdrop{position:fixed;inset:0;z-index:-1;background:rgb(var(--bg-rgb)/.55);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:opacity .4s ease}.menu-backdrop,.mobile-menu{opacity:0;pointer-events:none}.mobile-menu{max-width:1240px;margin:10px auto 0;border-radius:26px;padding:10px 10px 12px;display:grid;grid-gap:10px;gap:10px;transform:translateY(-10px) scale(.98);transform-origin:top right;transition:opacity .35s ease,transform .5s var(--ease)}.mobile-links{display:grid}.mobile-links a{display:flex;align-items:baseline;gap:14px;padding:14px;border-radius:16px;font:700 clamp(26px,7.5vw,34px)/1.05 var(--f-display);letter-spacing:-.02em;transition:background .25s;opacity:0;transform:translateY(8px)}.mobile-links a+a{border-top:1px solid var(--line)}.mobile-links a:hover{background:var(--hover-bg)}.mm-code{font:500 10.5px/1 var(--f-mono);letter-spacing:.14em;color:var(--accent);width:30px;flex-shrink:0}.nav-wrap.menu-open .menu-backdrop{opacity:1;pointer-events:auto}.nav-wrap.menu-open .mobile-menu{opacity:1;transform:none;pointer-events:auto}.nav-wrap.menu-open .mobile-links a{opacity:1;transform:none;transition:opacity .45s ease,transform .6s var(--ease),background .25s}.nav-wrap.menu-open .mobile-links a:nth-child(2){transition-delay:.04s}.nav-wrap.menu-open .mobile-links a:nth-child(3){transition-delay:.08s}.nav-wrap.menu-open .mobile-links a:nth-child(4){transition-delay:.12s}@media (min-width:901px){.menu-backdrop,.mobile-menu{display:none}}.theme-switch{--sw-w:66px;--sw-h:36px;--sw-pad:3px;--sw-k:30px;--sw-glow:#7DD3FC;--sw-glow-soft:rgba(125,211,252,.55);position:relative;width:var(--sw-w);height:var(--sw-h);flex-shrink:0;padding:0;border:0;border-radius:999px;cursor:pointer;background:#07080B;box-shadow:inset 0 2px 6px rgba(0,0,0,.85),inset 0 -1px 0 rgba(255,255,255,.06),0 1px 0 rgba(255,255,255,.05)}.theme-switch:before{content:"";position:absolute;inset:-14px;border-radius:999px;pointer-events:none;background:radial-gradient(40% 70% at 28% 55%,var(--sw-glow-soft),transparent 70%);opacity:.45;filter:blur(8px);transition:background .6s var(--ease)}.ts-knob{position:absolute;top:var(--sw-pad);left:var(--sw-pad);width:var(--sw-k);height:var(--sw-k);border-radius:10px;background:linear-gradient(160deg,#6a7488,#3a4252 45%,#232832);box-shadow:inset 0 1px 0 rgba(255,255,255,.28),inset 0 -2px 4px rgba(0,0,0,.35),-2px 3px 0 0 var(--sw-glow),-3px 5px 14px var(--sw-glow-soft);display:grid;place-items:center;will-change:transform;transition:transform .62s cubic-bezier(.65,-.1,.25,1.25),background .5s ease,box-shadow .5s ease}.ts-knob canvas{width:22px;height:22px;image-rendering:pixelated}.theme-switch:focus-visible{outline:2px solid var(--ice);outline-offset:4px}[data-theme=light] .theme-switch{--sw-glow:#FFB547;--sw-glow-soft:rgba(255,181,71,.6);background:#E4E1DB;box-shadow:inset 0 2px 6px rgba(80,70,50,.28),inset 0 -1px 0 rgba(255,255,255,.8),0 1px 0 rgba(255,255,255,.9)}[data-theme=light] .theme-switch:before{background:radial-gradient(40% 70% at 72% 50%,var(--sw-glow-soft),transparent 70%);opacity:.6}[data-theme=light] .ts-knob{transform:translateX(calc(var(--sw-w) - var(--sw-k) - var(--sw-pad) * 2));background:linear-gradient(160deg,#FFFDF8,#F1EDE6 60%,#E2DDD4);box-shadow:inset 0 1px 0 #fff,inset 0 -2px 4px rgba(120,100,70,.15),-3px 0 0 0 var(--sw-glow),-7px 0 16px var(--sw-glow-soft),0 4px 10px -4px rgba(80,70,50,.35)}#engine{position:relative;height:420vh}.stage{position:-webkit-sticky;position:sticky;top:0;height:100vh;height:100svh;overflow:hidden}.stage-glow{position:absolute;inset:0;background:radial-gradient(60% 55% at 62% 48%,var(--stage-glow) 0,rgb(var(--bg-rgb)/0) 70%),radial-gradient(40% 30% at 62% 52%,rgba(125,211,252,.08) 0,transparent 70%)}#engine-canvas{position:absolute;inset:0;width:100%;height:100%;opacity:0}.stage-scrim{position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgb(var(--bg-rgb)/.75) 0,rgb(var(--bg-rgb)/.25) 38%,transparent 55%)}.phase{position:absolute;display:grid;grid-gap:18px;gap:18px;will-change:opacity,transform}.phase--hero{transform:translateY(-46%);max-width:min(760px,56vw)}.phase--hero,.phase--side{left:max(var(--gutter),env(safe-area-inset-left,0px));top:50%}.phase--side{transform:translateY(-50%);max-width:min(520px,44vw)}.phase--end,.phase--side{opacity:0;pointer-events:none}.phase--end{left:0;right:0;bottom:9vh;text-align:center;justify-items:center;padding:0 var(--gutter)}.phase h2{font:800 var(--step-h2)/1 var(--f-display);letter-spacing:-.03em}.phase p{color:var(--muted);max-width:42ch}.phase--end p{max-width:50ch}.hero-title{font:800 var(--step-hero)/.94 var(--f-display);letter-spacing:-.035em}.hero-title .line{display:block;overflow:hidden;padding-bottom:.06em}.hero-title .line>span{display:inline-block}.chrome-text{background:var(--chrome-text);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:chrome-shift 7s ease-in-out infinite}@keyframes chrome-shift{0%,to{background-position:0 0}50%{background-position:100% 0}}.lede{font-size:clamp(17px,1.4vw,20px);color:var(--muted);max-width:44ch}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:6px}.node-labels{position:absolute;inset:0;pointer-events:none}.node-label{position:absolute;left:0;top:0;display:flex;align-items:center;gap:8px;padding:7px 12px 7px 10px;border-radius:999px;font:500 12px/1 var(--f-mono);letter-spacing:.04em;white-space:nowrap;color:var(--text);opacity:0;background:var(--label-bg);border:1px solid color-mix(in srgb,var(--ice) 35%,transparent);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);will-change:transform,opacity}.node-label b{color:var(--accent);font-weight:500}.node-label i{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 8px var(--ok)}.stage-progress{position:absolute;left:max(var(--gutter),env(safe-area-inset-left,0px));right:max(var(--gutter),env(safe-area-inset-right,0px));bottom:calc(22px + env(safe-area-inset-bottom, 0px));height:1px;background:var(--line)}.stage-progress span{display:block;height:100%;background:var(--ice);transform-origin:left;transform:scaleX(0)}.scroll-hint{position:absolute;right:max(var(--gutter),env(safe-area-inset-right,0px));bottom:calc(36px + env(safe-area-inset-bottom, 0px));font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--faint)}@media (max-width:760px){#engine{height:380vh}.stage-glow{background:radial-gradient(80% 45% at 50% 32%,var(--stage-glow) 0,rgb(var(--bg-rgb)/0) 70%)}.stage-scrim{background:linear-gradient(0deg,rgb(var(--bg-rgb)/.95) 0,rgb(var(--bg-rgb)/.7) 38%,transparent 60%)}.phase--hero,.phase--side{left:max(20px,env(safe-area-inset-left,0px));right:max(20px,env(safe-area-inset-right,0px));top:auto;transform:none;max-width:none;gap:14px}.phase--end,.phase--hero,.phase--side{bottom:calc(64px + env(safe-area-inset-bottom, 0px))}.hero-title{font-size:clamp(40px,11.5vw,60px)}.lede{font-size:16px}.scroll-hint{display:none}.node-label{font-size:10.5px;padding:6px 10px 6px 8px}}.section{position:relative;padding-block:clamp(96px,14vh,160px)}.section-head{display:grid;grid-gap:16px;gap:16px;max-width:720px;margin-bottom:clamp(40px,6vw,72px)}.contact-copy h2,.section-head h2,.story-copy h2{font:800 var(--step-h2)/1 var(--f-display);letter-spacing:-.03em}.section-head p{color:var(--muted);max-width:56ch}#diensten:before{content:"";position:absolute;inset:0;pointer-events:none;background:radial-gradient(50% 40% at 85% 10%,rgba(125,211,252,.06),transparent 70%)}.services{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:16px;gap:16px}@media (max-width:1080px){.services{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:600px){.services{grid-template-columns:1fr}}.service{border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;min-height:340px;transition:transform .4s var(--ease)}.service:hover{transform:translateY(-4px)}.service .code{font:500 11px/1 var(--f-mono);letter-spacing:.16em;color:var(--accent);padding:6px 10px;border:1px solid color-mix(in srgb,var(--ice) 35%,transparent);border-radius:999px;align-self:flex-start}.service h3{font:700 clamp(21px,1.75vw,24px)/1.1 var(--f-display);letter-spacing:-.02em;margin-top:auto;-webkit-hyphens:auto;hyphens:auto;overflow-wrap:break-word}.service p{color:var(--muted);font-size:15px}.service ul{margin:0;padding:14px 0 0;list-style:none;border-top:1px solid var(--line);display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted)}.service li:before{content:"→ ";color:var(--accent)}#configurator{background:linear-gradient(180deg,transparent,var(--band) 20%,var(--band) 80%,transparent)}.cfg{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);grid-gap:28px;gap:28px;align-items:start}@media (max-width:960px){.cfg{grid-template-columns:1fr}}.cfg-modules{list-style:none;margin:0;padding:0;display:grid;grid-gap:10px;gap:10px}.mod{display:grid;grid-template-columns:auto minmax(0,1fr) auto;grid-gap:18px;gap:18px;align-items:center;padding:18px 20px;border-radius:16px;border:1px solid var(--line);background:var(--glass-fill);cursor:pointer;transition:border-color .3s,background .3s}.mod:hover{border-color:color-mix(in srgb,var(--chrome) 35%,transparent)}.mod.is-on{border-color:color-mix(in srgb,var(--ice) 50%,transparent);background:linear-gradient(90deg,color-mix(in srgb,var(--ice) 9%,transparent),var(--glass-fill) 60%)}.mod-info{display:grid;grid-gap:4px;gap:4px;min-width:0}.mod-top{display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}.mod-code{font:500 11px/1 var(--f-mono);letter-spacing:.12em;color:var(--accent)}.mod-name{font-weight:700;font-size:16px}.mod-desc{font-size:14px;color:var(--muted)}.mod-price{font:500 13px/1.3 var(--f-mono);color:var(--chrome);text-align:right;white-space:nowrap}.mod-price small{display:block;color:var(--faint);font-size:11px}@media (max-width:520px){.mod{grid-template-columns:auto minmax(0,1fr)}.mod-price{grid-column:2;text-align:left}}.switch{position:relative;width:26px;height:44px;border-radius:999px;border:1.5px solid color-mix(in srgb,var(--chrome) 45%,transparent);background:var(--input-bg);flex-shrink:0;transition:border-color .3s}.switch:after{content:"";position:absolute;left:50%;top:4px;width:16px;height:16px;margin-left:-8px;border-radius:50%;background:var(--slot-off);transform:translateY(20px);transition:transform .45s var(--ease),background .3s,box-shadow .3s}.mod.is-on .switch{border-color:color-mix(in srgb,var(--ice) 75%,transparent)}.mod.is-on .switch:after{transform:translateY(0);background:var(--ice);box-shadow:0 0 12px color-mix(in srgb,var(--ice) 80%,transparent)}.mod input{position:absolute;opacity:0;pointer-events:none}.mod:has(input:focus-visible){outline:2px solid var(--ice);outline-offset:3px}.cfg-summary{position:-webkit-sticky;position:sticky;top:96px;border-radius:22px;padding:24px;display:grid;grid-gap:20px;gap:20px}.cfg-summary-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px;align-items:baseline}.cfg-status{font:500 10.5px/1 var(--f-mono);letter-spacing:.1em;color:var(--ok)}.rack{list-style:none;margin:0;padding:10px;grid-gap:6px;gap:6px;border-radius:12px;background:var(--rack-bg);border:1px solid var(--line)}.rack,.slot{display:grid}.slot{grid-template-columns:54px minmax(0,1fr) auto;grid-gap:10px;gap:10px;align-items:center;height:34px;padding:0 12px;border-radius:6px;font:500 11.5px/1 var(--f-mono);color:var(--faint);background:repeating-linear-gradient(90deg,rgb(var(--rim-rgb)/.03) 0 2px,transparent 2px 6px);border:1px dashed var(--line);transition:background .35s,color .35s,border-color .35s}.slot span:nth-child(2){overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.slot .led{width:7px;height:7px;border-radius:50%;background:var(--slot-off)}.slot.is-on{color:var(--text);background:var(--slot-on);border:1px solid var(--line);animation:slot-in .5s var(--ease)}.slot.is-on b{color:var(--accent);font-weight:500}.slot.is-on .led{background:var(--ok);box-shadow:0 0 8px var(--ok)}@keyframes slot-in{0%{transform:translateX(16px);opacity:.3}to{transform:none;opacity:1}}.cfg-totals{margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:12px;gap:12px}.cfg-totals div{display:grid;grid-gap:4px;gap:4px;min-width:0}.cfg-totals dt{font:500 10.5px/1.3 var(--f-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}.cfg-totals dd{margin:0;font:700 clamp(18px,2vw,24px)/1.1 var(--f-display);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.fine{font-size:12px;color:var(--faint);text-align:center}.steps{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:0;gap:0;border-top:1px solid var(--line)}@media (max-width:960px){.steps{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.steps{grid-template-columns:1fr}}.steps li{padding:28px 24px 28px 0;display:grid;grid-gap:10px;gap:10px;align-content:start;border-bottom:1px solid var(--line)}.step-n{font:500 12px/1 var(--f-mono);color:var(--accent);width:30px;height:30px;border-radius:50%;border:1px solid color-mix(in srgb,var(--ice) 40%,transparent);display:grid;place-items:center}.steps h3{font:700 22px/1.15 var(--f-display);letter-spacing:-.02em}.steps p{color:var(--muted);font-size:15px}.story{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);grid-gap:clamp(32px,6vw,96px);gap:clamp(32px,6vw,96px);align-items:center}@media (max-width:860px){.story{grid-template-columns:1fr}}.story-mark{justify-self:center;width:min(260px,50vw);filter:drop-shadow(0 30px 60px rgba(125,211,252,.18))}.story-mark svg{width:100%;height:auto}.story-copy{display:grid;grid-gap:18px;gap:18px}.story-copy p{color:var(--muted);max-width:58ch}.story-copy .sig{color:var(--text)}.story-copy strong{color:var(--accent);font-weight:700}.contact{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-gap:clamp(32px,6vw,80px);gap:clamp(32px,6vw,80px);align-items:start}@media (max-width:860px){.contact{grid-template-columns:1fr}}.contact-copy{display:grid;grid-gap:18px;gap:18px}.contact-copy p{color:var(--muted)}.contact-mail{font:700 clamp(22px,2.6vw,32px)/1.2 var(--f-display);color:var(--text)!important;-webkit-user-select:all;-moz-user-select:all;user-select:all}.contact-form{border-radius:22px;padding:26px;display:grid;grid-gap:16px;gap:16px}.field{display:grid;grid-gap:6px;gap:6px}.field label{font:500 11px/1 var(--f-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--faint)}.field input,.field textarea{width:100%;font:400 16px/1.5 var(--f-body);color:var(--text);background:var(--input-bg);border:1px solid var(--line);border-radius:12px;padding:12px 14px;resize:vertical;transition:border-color .25s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--ice)}.form-note{font-size:14px;color:var(--accent);min-height:1.4em}#werk{overflow:hidden;padding-bottom:clamp(72px,10vh,120px)}.cg{position:relative;height:clamp(540px,82vh,860px);container-type:size;outline:none;isolation:isolate}.cg:focus-visible{outline:2px solid var(--ice);outline-offset:-2px}.cg-bg{z-index:-1;pointer-events:none;background:radial-gradient(55cqw 45cqh at 50% 42%,color-mix(in srgb,var(--depth) 85%,transparent),transparent 72%),radial-gradient(30cqw 20cqh at 50% 45%,color-mix(in srgb,var(--ice) 7%,transparent),transparent 70%)}.cg-bg,.cg-stage{position:absolute;inset:0}.cg-stage{touch-action:pan-y;-moz-user-select:none;user-select:none;-webkit-user-select:none;cursor:-webkit-grab;cursor:grab}.cg-canvas{position:absolute;inset:0;width:100%;height:100%;display:block}.cg-hud{position:absolute;z-index:2;top:clamp(8px,3cqh,28px);left:clamp(16px,5cqw,56px);right:clamp(16px,5cqw,56px);display:flex;justify-content:space-between;font:500 clamp(10px,1.1cqw,11.5px)/1 var(--f-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--faint);pointer-events:none}.cg-velocity{font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.cg-tag{left:0;top:0;z-index:3;opacity:0;white-space:nowrap;padding:8px 14px;border-radius:999px;font:500 12px/1 var(--f-mono);letter-spacing:.06em;color:var(--text);background:color-mix(in srgb,var(--surface) 55%,transparent);border:1px solid rgb(var(--rim-rgb)/.22);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);transition:opacity .25s;will-change:transform}.cg-caption,.cg-tag{position:absolute;pointer-events:none}.cg-caption{z-index:2;left:clamp(16px,5cqw,56px);right:clamp(16px,5cqw,56px);bottom:clamp(12px,4cqh,40px);display:grid;grid-gap:clamp(8px,1.4cqh,14px);gap:clamp(8px,1.4cqh,14px)}.cg-index{display:flex;align-items:center;gap:14px;font:500 clamp(11px,1.1cqw,12px)/1 var(--f-mono);letter-spacing:.14em;color:var(--muted)}.cg-bar{position:relative;width:clamp(80px,14cqw,180px);height:1px;background:var(--line);overflow:hidden}.cg-bar span{position:absolute;inset:0;background:var(--ice);transform-origin:left;transform:scaleX(0);transition:transform .7s cubic-bezier(.7,0,.15,1)}.cg-roll{position:relative;display:block;overflow:hidden}.cg-roll .cg-word{display:block;white-space:nowrap}.cg-roll .cg-word.is-out{position:absolute;left:0;top:0}.cg-roll i{display:inline-block;font-style:normal;transition:transform .7s cubic-bezier(.7,0,.15,1);will-change:transform}.cg-count{height:1.1em;line-height:1.1}.cg-title{margin:0;max-width:100%;font:800 clamp(17px,3.6cqw,50px)/1 var(--f-display);letter-spacing:-.04em;height:1.06em;padding-bottom:.06em}.cg-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px}.cg-meta{font:500 clamp(10.5px,1.1cqw,12px)/1.4 var(--f-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--accent)}.cg-controls{display:flex;align-items:center;gap:10px;pointer-events:auto}.cg-btn{width:44px;height:44px;border-radius:50%;cursor:pointer;color:var(--text);font:500 17px/1 var(--f-body);display:grid;place-items:center;transition:transform .3s var(--ease)}.cg-btn:hover{transform:scale(1.06)}.cg-list{position:absolute;width:1px;height:1px;overflow:hidden;-webkit-clip-path:inset(50%);clip-path:inset(50%);margin:0;padding:0;list-style:none}.cg-fallback{height:auto}.cg-fallback .cg-caption,.cg-fallback .cg-hud,.cg-fallback .cg-stage{display:none}.cg-fallback .cg-list{position:static;width:auto;height:auto;-webkit-clip-path:none;clip-path:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));grid-gap:14px;gap:14px;padding-inline:max(var(--gutter),env(safe-area-inset-left,0px))}.cg-fallback .cg-list li{display:grid;grid-gap:6px;gap:6px}.cg-fallback .cg-list img{border-radius:12px;aspect-ratio:.78;object-fit:cover}.cg-fallback .cg-list small{color:var(--faint);font-size:12px}@media (max-width:760px){.cg{height:560px}}.systems{margin-top:clamp(72px,10vw,120px);display:grid;grid-gap:clamp(28px,4vw,44px);gap:clamp(28px,4vw,44px)}.systems-head{display:grid;grid-gap:14px;gap:14px;max-width:640px}.systems-head h3{font:800 clamp(26px,3.2vw,40px)/1.05 var(--f-display);letter-spacing:-.03em}.systems-head p{color:var(--muted)}.systems-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid var(--line)}@media (max-width:900px){.systems-list{grid-template-columns:1fr}}.system{display:grid;grid-gap:12px;gap:12px;align-content:start;padding:28px 28px 28px 0;border-bottom:1px solid var(--line);min-width:0}@media (min-width:901px){.system+.system{padding-left:28px;border-left:1px solid var(--line)}}.system-code{justify-self:start;font:500 11px/1 var(--f-mono);letter-spacing:.16em;color:var(--accent);padding:6px 10px;border-radius:999px;border:1px solid color-mix(in srgb,var(--ice) 35%,transparent)}.system h4{margin:0;font:700 22px/1.15 var(--f-display);letter-spacing:-.02em}.system p{color:var(--muted);font-size:15px}.system ul{margin:4px 0 0;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px;font-size:14px;color:var(--muted)}.system li:before{content:"→ ";color:var(--accent)}.footer{border-top:1px solid var(--line);padding-block:28px calc(28px + env(safe-area-inset-bottom, 0px));color:var(--faint);font-size:13px}.footer-inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}@media (prefers-reduced-motion:reduce){*,:after,:before{animation:none!important;transition-duration:.01ms!important}}.pk{--u:clamp(40px,5.4vw,72px);--d:calc(var(--u) * .34);--pk-layer:rgba(8,10,14,.35);--pk-face:rgba(12,14,18,.55);--pk-shadow:rgba(0,0,0,.75);--pk-floor:rgba(0,0,0,.7);margin-top:clamp(56px,8vw,110px);display:grid;grid-gap:clamp(28px,4vw,48px);gap:clamp(28px,4vw,48px)}[data-theme=light] .pk{--pk-layer:rgba(255,255,255,.18);--pk-face:rgba(255,255,255,.2);--pk-shadow:rgba(10,12,17,.32);--pk-floor:rgba(10,12,17,.22)}.pk-head{display:grid;grid-gap:12px;gap:12px;justify-items:center;text-align:center}.pk-head h3{font:800 clamp(26px,3.2vw,44px)/1.05 var(--f-display);letter-spacing:-.03em}.pk-head p{color:var(--muted);max-width:52ch}.pk-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:clamp(8px,3vw,40px);gap:clamp(8px,3vw,40px);max-width:920px;width:100%;margin-inline:auto}.pk-key{min-width:0;--p:0;--hx:50%;--hy:14%;position:relative;display:grid;justify-items:center;align-content:start;grid-gap:clamp(14px,2vw,22px);gap:clamp(14px,2vw,22px);padding:clamp(14px,2vw,24px) 6px clamp(16px,2vw,24px);border:0;border-radius:28px;background:none;color:var(--text);font:inherit;cursor:pointer;touch-action:manipulation;-moz-user-select:none;user-select:none;-webkit-user-select:none;-webkit-tap-highlight-color:transparent;outline:none}.pk-key:focus-visible{box-shadow:0 0 0 2px var(--text),0 0 0 6px color-mix(in srgb,var(--tint) 45%,transparent)}.pk-stage{position:relative;display:grid;place-items:center;perspective:calc(var(--u) * 12);perspective-origin:50% 20%;pointer-events:none}.pk-floor{position:absolute;left:50%;bottom:calc(var(--u) * -.28);width:calc(var(--u) * 2.4);height:calc(var(--u) * .6);transform:translateX(-50%);border-radius:50%;background:radial-gradient(closest-side,var(--pk-floor),transparent)}.pk-pill{display:flex;flex-direction:column;align-items:center;gap:calc(var(--u) * .41);transform:rotateX(18deg);will-change:transform}.pk-pill,.pk-shape{transform-style:preserve-3d}.pk-shape{position:relative;display:block;border-radius:999px}.pk-stem{width:var(--u);height:calc(var(--u) * 2.09)}.pk-dot{width:calc(var(--u) * .91);height:calc(var(--u) * .91);border-radius:50%}.pk-shape>span{position:absolute;inset:0;border-radius:inherit}.pk-glow{transform:translateZ(.3px) scale(calc(1.25 + var(--p) * .12));background:radial-gradient(closest-side,color-mix(in srgb,var(--tint) 75%,transparent),transparent);filter:blur(calc(var(--u) * .22));opacity:calc(.3 + var(--p) * .7)}.pk-cast{transform:translateZ(.6px) translate(calc(var(--sx, 0) * 1px),calc(var(--u) * .1 * (1 - var(--p)))) scale(calc(1.02 - var(--p) * .05));background:var(--pk-shadow);filter:blur(calc(var(--u) * (.12 - .07 * var(--p))));opacity:calc(.8 - var(--p) * .25)}.pk-layer{transform:translateZ(calc(var(--d) * var(--i) / 6 * (1 - .62 * var(--p)) + 1px));background:color-mix(in srgb,var(--tint) 58%,var(--pk-layer));box-shadow:inset 0 0 0 1.5px color-mix(in srgb,var(--tint) 90%,#000),0 0 calc(var(--u) * .05) color-mix(in srgb,var(--tint) 45%,transparent)}.pk-top{overflow:hidden;transform:translateZ(calc(var(--d) * (1 - .62 * var(--p)) + 1.6px));background:radial-gradient(90% 60% at var(--hx) var(--hy),rgba(255,255,255,.5),rgba(255,255,255,0) 55%),linear-gradient(118deg,transparent 30%,rgba(255,255,255,.18) 33%,rgba(255,255,255,.03) 44%,transparent 45%),linear-gradient(165deg,rgba(255,255,255,.22),rgba(255,255,255,.03) 36%,color-mix(in srgb,var(--tint) 40%,transparent) 62%,color-mix(in srgb,var(--tint) 85%,#000)),color-mix(in srgb,var(--tint) 70%,var(--pk-face));box-shadow:inset 0 1px 0 rgba(255,255,255,.75),inset 0 -1px 0 color-mix(in srgb,var(--tint) 70%,#fff),inset 0 0 0 1px rgba(255,255,255,.24),inset 0 calc(var(--u) * -.2) calc(var(--u) * .35) color-mix(in srgb,var(--tint) 80%,#000),inset 0 calc(var(--u) * .06) calc(var(--u) * .16) rgba(255,255,255,.12)}.pk-top:after{content:"";position:absolute;left:14%;right:14%;top:5%;height:34%;border-radius:999px 999px 50% 50%;background:linear-gradient(180deg,rgba(255,255,255,.3),rgba(255,255,255,0));opacity:calc(1 - var(--p) * .6);transform:translateY(calc(var(--p) * 6%))}.pk-cap{display:grid;grid-gap:6px;gap:6px;justify-items:center;text-align:center}.pk-name{font:500 11px/1 var(--f-mono);letter-spacing:.2em;text-transform:uppercase;color:color-mix(in srgb,var(--tint) 80%,var(--text))}.pk-side{font:800 clamp(16px,1.8vw,22px)/1.1 var(--f-display);letter-spacing:-.02em}.pk-text{color:var(--muted);font-size:14px;max-width:22ch}.pk-key:hover .pk-side{color:color-mix(in srgb,var(--tint) 70%,var(--text))}@media (max-width:560px){.pk-row{gap:4px}.pk-key{min-width:0;padding-inline:0}.pk-cap{gap:5px}.pk-name{font-size:9px;letter-spacing:.12em}.pk-side{font-size:12.5px;letter-spacing:-.03em}.pk-cap{width:100%}.pk-text{font-size:11px;line-height:1.4;overflow-wrap:anywhere}}@media (prefers-reduced-motion:reduce){.pk-pill{will-change:auto}}