@font-face{font-family: "Bricolage Grotesque";font-style: normal;font-display: swap;font-weight: 200 800;src: url("../fonts/bricolage-grotesque-latin-wght-normal.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Bricolage Grotesque";font-style: normal;font-display: swap;font-weight: 200 800;src: url("../fonts/bricolage-grotesque-latin-ext-wght-normal.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "Inter";font-style: normal;font-display: swap;font-weight: 100 900;src: url("../fonts/inter-latin-wght-normal.woff2") format("woff2");unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family: "Inter";font-style: normal;font-display: swap;font-weight: 100 900;src: url("../fonts/inter-latin-ext-wght-normal.woff2") format("woff2");unicode-range: U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family: "JetBrains Mono";font-style: normal;font-display: swap;font-weight: 100 800;src: url("../fonts/jetbrains-mono-latin-wght-normal.woff2") format("woff2")}:root{--bg: #f4f1ea;--bg-2: #ebe6db;--surface: #fbfaf6;--ink: #14130f;--ink-2: #4a463d;--muted: #645f54;--line: #d9d2c3;--accent: #c6f432;--accent-ink: #14130f;--accent-2: #ff5b1f;--accent-2-text: #a83a0c;--night: #14130f;--paper: #f4f1ea;--danger: #c2261b;--ok: #2f7d32;--shadow: 0 1px 0 rgba(20,19,15,.04),0 12px 32px -12px rgba(20,19,15,.18);--radius: 22px;--radius-sm: 12px;--wrap: 1200px;--gutter: clamp(16px,4vw,40px);--f-display: "Bricolage Grotesque",ui-sans-serif,system-ui,sans-serif;--f-body: "Inter",ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;--f-mono: "JetBrains Mono",ui-monospace,"SFMono-Regular",Menlo,monospace;--ease: cubic-bezier(.2,.7,.2,1);color-scheme: light}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--bg: #12110e;--bg-2: #1b1a16;--surface: #1f1e19;--ink: #f1ede4;--ink-2: #cfc9bc;--muted: #9c9587;--line: #34322b;--accent: #c6f432;--accent-ink: #12110e;--accent-2: #ff6a33;--accent-2-text: #ff7a47;--night: #0a0907;--shadow: 0 1px 0 rgba(0,0,0,.3),0 16px 40px -16px rgba(0,0,0,.6);color-scheme: dark}}:root[data-theme="dark"]{--bg: #12110e;--bg-2: #1b1a16;--surface: #1f1e19;--ink: #f1ede4;--ink-2: #cfc9bc;--muted: #9c9587;--line: #34322b;--accent: #c6f432;--accent-ink: #12110e;--accent-2: #ff6a33;--accent-2-text: #ff7a47;--night: #0a0907;--shadow: 0 1px 0 rgba(0,0,0,.3),0 16px 40px -16px rgba(0,0,0,.6);color-scheme: dark}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;scroll-behavior: smooth;scroll-padding-top: 90px}body{margin: 0;background: var(--bg);color: var(--ink);font-family: var(--f-body);font-size: 17px;line-height: 1.6;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: hidden}img,svg{display: block;max-width: 100%}a{color: inherit;text-decoration-thickness: 1.5px;text-underline-offset: 3px}a:hover{text-decoration-color: var(--accent-2)}p{margin: 0 0 1em}h1,h2,h3,h4{font-family: var(--f-display);font-weight: 700;line-height: 1.05;letter-spacing: -0.025em;margin: 0 0 .5em;text-wrap: balance}h1{font-size: clamp(2.6rem,6.4vw,5.6rem);letter-spacing: -0.04em}h2{font-size: clamp(1.8rem,3.4vw,2.6rem)}h3{font-size: 1.3rem;letter-spacing: -0.015em}.h-xl{font-size: clamp(2.1rem,4.6vw,3.8rem);letter-spacing: -0.035em}.h-lg{font-size: clamp(1.7rem,3vw,2.4rem)}.h-md{font-size: clamp(1.3rem,2vw,1.6rem)}.h-sm{font-size: 1.15rem;margin: 0}code,.mono{font-family: var(--f-mono);font-size: .88em;letter-spacing: 0}code{background: var(--bg-2);padding: .1em .4em;border-radius: 6px}::selection{background: var(--accent);color: var(--accent-ink)}:focus-visible{outline: 3px solid var(--accent-2);outline-offset: 3px;border-radius: 6px}.small{font-size: .88rem}.muted{color: var(--muted)}.center{text-align: center}.lead{font-size: clamp(1.1rem,1.6vw,1.3rem);color: var(--ink-2);max-width: 60ch;line-height: 1.55}.hl{background: linear-gradient(transparent 58%,var(--accent) 58%,var(--accent) 92%,transparent 92%);padding: 0 .08em}.skip{position: absolute;left: -999px;top: 8px;background: var(--ink);color: var(--bg);padding: 10px 16px;border-radius: 10px;z-index: 100}.skip:focus{left: 8px}.icon{width: 1.25em;height: 1.25em;flex: none}.icon-sm{width: 1em;height: 1em}.icon-lg{width: 30px;height: 30px}.icon-xl{width: 56px;height: 56px}.wrap{width: 100%;max-width: var(--wrap);margin: 0 auto;padding: 0 var(--gutter)}.wrap-narrow{max-width: 780px}.section{padding: clamp(64px,10vw,128px) 0;position: relative}.section-tight{padding-top: clamp(24px,4vw,48px)}.section-alt{background: var(--bg-2)}.section-ink{background: var(--night);color: var(--paper)}.section-ink .lead{color: color-mix(in srgb,var(--paper) 78%,transparent)}.section-ink .eyebrow{color: var(--accent)}.section-head{margin-bottom: clamp(32px,5vw,56px);max-width: 820px}.section-head-row{display: flex;justify-content: space-between;align-items: end;gap: 24px;max-width: none;flex-wrap: wrap}.split{display: grid;grid-template-columns: 1fr;gap: 32px}.two-col{display: grid;grid-template-columns: 1fr;gap: 48px}@media (min-width: 900px){.split{grid-template-columns: 5fr 7fr;gap: 72px;align-items: start}.split>:first-child{position: sticky;top: 110px}.two-col{grid-template-columns: 1fr 1fr;gap: 72px}}.eyebrow{font-family: var(--f-mono);font-size: .8rem;text-transform: uppercase;letter-spacing: .12em;color: var(--muted);margin-bottom: 18px;display: inline-flex;align-items: center;gap: 10px}.dot{width: 8px;height: 8px;border-radius: 50%;background: var(--accent-2);box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent-2) 22%,transparent);animation: pulse 2.4s var(--ease) infinite}.prose{max-width: 68ch}.prose p,.prose li{color: var(--ink-2)}.prose strong{color: var(--ink)}.prose h2{margin-top: 1.8em;font-size: clamp(1.5rem,2.4vw,1.9rem)}.prose h3{margin-top: 1.4em}.prose ul,.prose ol{padding-left: 1.2em;margin: 0 0 1.2em}.prose li{margin-bottom: .5em;padding-left: .2em}.prose li::marker{color: var(--accent-2-text);font-weight: 700}.prose blockquote{margin: 1.5em 0;padding: 1em 1.4em;border-left: 4px solid var(--accent);background: var(--surface);border-radius: 0 var(--radius-sm) var(--radius-sm) 0}.prose-article{font-size: 1.08rem;padding-bottom: 32px}.prose-article>p:first-child{font-size: 1.2rem;color: var(--ink)}.table-wrap{overflow-x: auto;margin: 1em 0 1.5em}table{border-collapse: collapse;width: 100%;font-size: .95rem}th,td{text-align: left;padding: 12px 14px;border-bottom: 1px solid var(--line);vertical-align: top}th{font-family: var(--f-mono);font-size: .75rem;text-transform: uppercase;letter-spacing: .08em;color: var(--muted)}.btn{--b-bg: var(--ink);--b-fg: var(--bg);--b-bd: var(--ink);display: inline-flex;align-items: center;justify-content: center;gap: .55em;font: 600 1rem/1 var(--f-body);letter-spacing: -0.005em;padding: 14px 22px;border-radius: 999px;border: 1.5px solid var(--b-bd);background: var(--b-bg);color: var(--b-fg);text-decoration: none;cursor: pointer;transition: transform .2s var(--ease),background .2s,color .2s,box-shadow .2s;white-space: nowrap}.btn .icon{transition: transform .25s var(--ease)}@media (max-width: 480px){.btn{white-space: normal;max-width: 100%;text-align: center;line-height: 1.25}}.btn:hover{transform: translateY(-2px)}.btn:hover .icon{transform: translateX(3px)}.btn:active{transform: translateY(0)}.btn-primary{--b-bg: var(--accent);--b-fg: var(--accent-ink);--b-bd: var(--accent);box-shadow: 0 8px 24px -10px color-mix(in srgb,var(--accent) 80%,transparent)}.btn-primary:hover{box-shadow: 0 12px 30px -10px color-mix(in srgb,var(--accent) 95%,transparent)}.btn-dark{--b-bg: var(--accent-ink);--b-fg: #f4f1ea;--b-bd: var(--accent-ink)}.btn-ghost{--b-bg: transparent;--b-fg: var(--ink);--b-bd: var(--line)}.btn-ghost:hover{--b-bd: var(--ink)}.btn-ghost-dark{--b-bg: transparent;--b-fg: var(--accent-ink);--b-bd: color-mix(in srgb,var(--accent-ink) 30%,transparent)}.btn-danger{--b-bg: transparent;--b-fg: var(--danger);--b-bd: color-mix(in srgb,var(--danger) 40%,transparent)}.btn-sm{padding: 9px 15px;font-size: .9rem}.btn-lg{padding: 18px 28px;font-size: 1.05rem}.btn-row{display: flex;flex-wrap: wrap;gap: 12px;align-items: center}.btn-row-center{justify-content: center}.link-arrow{display: inline-flex;align-items: center;gap: .5em;font-weight: 600;text-decoration: none;border-bottom: 2px solid var(--accent);padding-bottom: 2px}.link-arrow:hover .icon{transform: translateX(4px)}.link-arrow .icon{transition: transform .25s var(--ease)}.icon-btn{width: 42px;height: 42px;border-radius: 50%;display: inline-grid;place-items: center;background: transparent;border: 1.5px solid var(--line);color: var(--ink);cursor: pointer;transition: border-color .2s,background .2s}.icon-btn:hover{border-color: var(--ink)}.chip{display: inline-flex;align-items: center;gap: 6px;font-family: var(--f-mono);font-size: .72rem;text-transform: uppercase;letter-spacing: .08em;padding: 5px 10px;border-radius: 999px;border: 1px solid var(--line);color: var(--ink-2);background: var(--surface)}.chip-accent{background: var(--accent);color: var(--accent-ink);border-color: var(--accent)}.notice{display: flex;gap: 10px;align-items: center;padding: 14px 18px;border-radius: var(--radius-sm);background: color-mix(in srgb,var(--accent) 30%,var(--surface));border: 1px solid color-mix(in srgb,var(--accent) 60%,var(--line));margin: 16px 0}.site-header{position: sticky;top: 0;z-index: 50;isolation: isolate;border-bottom: 1px solid transparent;transition: border-color .3s}.site-header::before{content: "";position: absolute;inset: 0;z-index: -1;background: color-mix(in srgb,var(--bg) 82%,transparent);backdrop-filter: saturate(1.4) blur(14px);-webkit-backdrop-filter: saturate(1.4) blur(14px)}.site-header.is-scrolled{border-bottom-color: var(--line)}.header-inner{display: flex;align-items: center;gap: 20px;height: 76px;position: relative}.brand{display: inline-flex;align-items: center;gap: 10px;text-decoration: none;font-family: var(--f-display);font-weight: 800;font-size: 1.35rem;letter-spacing: -0.03em;flex: none}.main-nav{margin-left: auto}.nav-list{list-style: none;margin: 0;padding: 0;display: flex;gap: 2px;align-items: center}.nav-link,.nav-trigger{display: inline-flex;align-items: center;gap: 6px;min-height: 44px;padding: 8px 13px;border-radius: 999px;border: 0;background: none;font: 500 .95rem/1 var(--f-body);color: var(--ink-2);text-decoration: none;cursor: pointer;transition: background .2s,color .2s;white-space: nowrap}.nav-link:hover,.nav-trigger:hover,.nav-item.is-open>.nav-trigger{background: var(--bg-2);color: var(--ink)}.nav-link[aria-current="page"],.nav-trigger.is-current{color: var(--ink);box-shadow: inset 0 -2px 0 var(--accent-2);border-radius: 999px 999px 999px 999px}.nav-chev{transition: transform .25s var(--ease)}.nav-item.is-open .nav-chev{transform: rotate(180deg)}.subnav{display: none}.nav-mobile-extra{display: none}@media (min-width: 1081px){.nav-item.has-sub{position: static}.subnav{display: block;position: absolute;top: 100%;left: 50%;width: min(820px,calc(100vw - 32px));transform: translate(-50%,6px);padding-top: 8px;opacity: 0;visibility: hidden;pointer-events: none;transition: opacity .2s,transform .25s var(--ease),visibility 0s .2s;z-index: 60}.nav-item.is-open .subnav{opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%,0);transition: opacity .2s,transform .25s var(--ease)}@media (hover: hover){.no-js .has-sub:hover .subnav,.no-js .has-sub:focus-within .subnav{opacity: 1;visibility: visible;pointer-events: auto;transform: translate(-50%,0)}}.subnav-inner{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: 0 30px 60px -20px rgba(20,19,15,.28);padding: 14px}.subnav-grid{grid-template-columns: repeat(2,1fr)}}.subnav-grid{list-style: none;margin: 0;padding: 0;display: grid;gap: 4px}.subnav-link{display: flex;gap: 14px;align-items: flex-start;padding: 12px;border-radius: 14px;text-decoration: none;color: var(--ink);transition: background .15s}.subnav-link:hover,.subnav-link[aria-current="page"]{background: var(--bg-2)}.subnav-icon{flex: none;width: 40px;height: 40px;border-radius: 12px;display: grid;place-items: center;background: var(--bg-2);color: var(--ink);transition: background .2s}.subnav-link:hover .subnav-icon{background: var(--accent);color: var(--accent-ink)}.subnav-text{display: grid;gap: 3px;min-width: 0}.subnav-text strong{font-weight: 600;font-size: .98rem}.subnav-text small{color: var(--muted);font-size: .84rem;line-height: 1.4}.subnav-all{display: flex;align-items: center;justify-content: space-between;gap: 8px;margin-top: 8px;padding: 12px 14px;border-radius: 14px;background: var(--bg-2);font-weight: 600;font-size: .92rem;text-decoration: none}.subnav-all:hover{background: var(--accent);color: var(--accent-ink)}.header-tools{display: flex;align-items: center;gap: 10px;flex: none}.menu-btn{display: none}.lang-switch{list-style: none;margin: 0;padding: 0;display: flex;align-items: center;gap: 4px}.lang-link{display: inline-grid;place-items: center;min-width: 38px;height: 38px;padding: 0 8px;border-radius: 999px;border: 1.5px solid var(--line);font-family: var(--f-mono);font-size: .8rem;font-weight: 600;letter-spacing: .04em;color: var(--ink);text-decoration: none;transition: border-color .2s,background .2s,color .2s}.lang-link:hover,.lang-link:focus-visible{border-color: var(--ink);background: var(--accent);color: var(--accent-ink)}.lang-switch-mobile{display: none}.i-sun,.i-close{display: none}:root[data-theme="dark"] .i-moon{display: none}:root[data-theme="dark"] .i-sun{display: block}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .i-moon{display: none}:root:not([data-theme="light"]) .i-sun{display: block}}@media (max-width: 1080px){.header-inner{height: 68px}.header-cta{display: none}.menu-btn{display: inline-grid}.main-nav{position: fixed;top: 68px;left: 0;right: 0;bottom: 0;background: var(--bg);padding: 12px var(--gutter) calc(32px + env(safe-area-inset-bottom));display: flex;flex-direction: column;gap: 24px;overflow-y: auto;overscroll-behavior: contain;-webkit-overflow-scrolling: touch;opacity: 0;visibility: hidden;transform: translateY(-8px);transition: opacity .25s,transform .25s var(--ease),visibility 0s .25s}.nav-list{flex-direction: column;align-items: stretch;gap: 0}.nav-item{border-bottom: 1px solid var(--line)}.nav-link,.nav-trigger{width: 100%;justify-content: space-between;font-family: var(--f-display);font-size: 1.6rem;font-weight: 700;letter-spacing: -0.03em;padding: 16px 0;min-height: 60px;border-radius: 0;background: none !important;color: var(--ink);box-shadow: none !important}.nav-trigger .nav-chev{width: 24px;height: 24px}.nav-item.is-open .subnav{display: block;padding: 0 0 16px}.subnav-link{padding: 10px 8px}.subnav-all{margin-top: 6px}.nav-mobile-extra{display: grid;gap: 12px}.nav-mobile-extra .btn{width: 100%}.nav-mobile-extra p{margin: 4px 0 0;text-align: center}.nav-open .main-nav{opacity: 1;visibility: visible;transform: none;transition: opacity .25s,transform .25s var(--ease)}.nav-open .i-menu{display: none}.nav-open .i-close{display: block}.nav-open{overflow: hidden}.header-tools{margin-left: auto;gap: 8px}.no-js .menu-btn{display: none}.lang-switch-mobile{display: flex;justify-content: center;gap: 10px}.lang-switch-mobile .lang-link{min-width: 56px;height: 44px;font-size: .9rem}}@media (max-width: 359px){.lang-switch-header{display: none}}@media (max-width: 380px){.brand{font-size: 1.15rem;gap: 6px}.logo-3d{--ls: 44px}}@media (max-width: 560px){.brand-long{gap: 6px}.brand-long .brand-word{font-size: 1rem;line-height: 1.05;max-width: 6.2em}}@media (max-width: 400px){.header-inner{gap: 10px}.header-tools{gap: 5px}.lang-switch-header .lang-link{min-width: 34px;height: 36px;padding: 0 6px}}.site-footer{background: var(--night);color: var(--paper);padding: clamp(64px,9vw,110px) 0 32px}.site-footer .muted{color: color-mix(in srgb,var(--paper) 60%,transparent)}.site-footer a{text-decoration: none}.site-footer a:hover{color: var(--accent)}.footer-big{display: flex;flex-wrap: wrap;align-items: end;justify-content: space-between;gap: 32px;padding-bottom: 56px;border-bottom: 1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.footer-claim{font-family: var(--f-display);font-weight: 700;font-size: clamp(2.4rem,6vw,5rem);line-height: 1;letter-spacing: -0.04em;margin: 0}.footer-claim .hl{background: none;color: var(--accent)}.footer-grid{display: grid;grid-template-columns: 1fr;gap: 36px;padding: 48px 0}@media (min-width: 760px){.footer-grid{grid-template-columns: 2fr 1fr 1fr 1.4fr}}.footer-grid .brand{margin-bottom: 14px}.footer-h{font-family: var(--f-mono);font-size: .75rem;text-transform: uppercase;letter-spacing: .12em;color: color-mix(in srgb,var(--paper) 55%,transparent);margin-bottom: 14px;font-weight: 500}.footer-links{list-style: none;margin: 0;padding: 0;display: grid;gap: 10px}.footer-links a{display: inline-flex;align-items: center;gap: 8px}.footer-bottom{display: flex;flex-wrap: wrap;justify-content: space-between;gap: 16px;padding-top: 24px;border-top: 1px solid color-mix(in srgb,var(--paper) 16%,transparent)}.footer-bottom p{margin: 0}.footer-legal{list-style: none;margin: 0;padding: 0;display: flex;gap: 20px}.page-hero{padding: clamp(40px,7vw,96px) 0 clamp(24px,4vw,48px)}.page-hero h1{max-width: 16ch}.page-hero .lead{margin-top: 8px}.crumbs ol{list-style: none;margin: 0 0 28px;padding: 0;display: flex;flex-wrap: wrap;gap: 6px;font-size: .85rem;color: var(--muted)}.crumbs li + li::before{content: "/";margin-right: 6px;opacity: .5}.crumbs a{text-decoration: none}.crumbs a:hover{color: var(--ink)}.card-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,320px),1fr));gap: 20px}.article-card,.bento-card,.service-row{position: relative;display: flex;flex-direction: column;gap: 12px;padding: 28px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);text-decoration: none;transition: transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s}.article-card:hover,.bento-card:hover,.service-row:hover{transform: translateY(-4px);box-shadow: var(--shadow);border-color: color-mix(in srgb,var(--ink) 25%,var(--line))}.article-card h3{margin: 4px 0 0;font-size: 1.35rem}.article-card p{color: var(--ink-2);margin: 0}.article-card .chip{align-self: flex-start}.article-card .meta{margin-top: auto;padding-top: 12px;color: var(--muted)}.card-arrow{position: absolute;top: 24px;right: 24px;width: 40px;height: 40px;border-radius: 50%;display: grid;place-items: center;border: 1px solid var(--line);transition: background .25s,transform .3s var(--ease),border-color .25s}a:hover>.card-arrow{background: var(--accent);border-color: var(--accent);color: var(--accent-ink);transform: rotate(-45deg)}.price-tag{display: inline-flex;align-self: flex-start;margin-top: auto;font-family: var(--f-mono);font-size: .82rem;padding: 7px 12px;border-radius: 999px;background: var(--bg-2);color: var(--ink)}.faq-list{display: grid;gap: 12px}.faq{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius-sm);overflow: hidden}.faq summary{list-style: none;cursor: pointer;display: flex;justify-content: space-between;align-items: center;gap: 16px;padding: 20px 22px;font-weight: 600;font-size: 1.05rem}.faq summary::-webkit-details-marker{display: none}.faq-icon{transition: transform .3s var(--ease)}.faq[open] .faq-icon{transform: rotate(45deg);color: var(--accent-2-text)}.faq-a{padding: 0 22px 6px;color: var(--ink-2)}.check-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.check-list li{display: flex;gap: 12px;align-items: flex-start}.check-list .icon{margin-top: .3em;color: var(--ink);background: var(--accent);border-radius: 50%;padding: 3px;width: 1.25em;height: 1.25em;stroke-width: 2.4}.cta-card{position: relative;overflow: hidden;background: var(--accent);color: var(--accent-ink);border-radius: calc(var(--radius) + 10px);padding: clamp(40px,7vw,88px)}.cta-card h2{font-size: clamp(2.2rem,5vw,4.2rem);letter-spacing: -0.04em;max-width: 14ch;position: relative}.cta-card p{max-width: 52ch;font-size: 1.12rem;position: relative}.cta-card .btn-row{margin-top: 28px;position: relative}.cta-ring{position: absolute;right: -120px;top: -120px;width: 420px;height: 420px;border-radius: 50%;border: 44px solid color-mix(in srgb,var(--accent-ink) 9%,transparent)}.cta-ring::after{content: "";position: absolute;inset: 60px;border-radius: 50%;border: 2px dashed color-mix(in srgb,var(--accent-ink) 22%,transparent);animation: spin 60s linear infinite}.hero{padding: clamp(32px,6vw,80px) 0 clamp(48px,7vw,96px);position: relative}.hero::before{content: "";position: absolute;inset: 0;background-image: radial-gradient(color-mix(in srgb,var(--ink) 14%,transparent) 1px,transparent 1px);background-size: 26px 26px;mask-image: radial-gradient(ellipse at 70% 30%,#000 0%,transparent 65%);-webkit-mask-image: radial-gradient(ellipse at 70% 30%,#000 0%,transparent 65%);pointer-events: none}.hero-grid{display: grid;grid-template-columns: 1fr;gap: 56px;align-items: center;position: relative}@media (min-width: 1000px){.hero-grid{grid-template-columns: 1.15fr 1fr;gap: 64px}}.hero-title{font-size: clamp(3rem,8vw,6.6rem);line-height: .95;letter-spacing: -0.05em;margin-bottom: 28px}.hl-word{position: relative;display: inline-block;color: var(--accent-ink);z-index: 0;padding: 0 .12em}.hl-word::before{content: "";position: absolute;inset: .12em -.02em .02em;background: var(--accent);border-radius: .18em;z-index: -1;transform: rotate(-2deg);transform-origin: left;animation: swipe 1s .4s var(--ease) both}.hero .lead{margin-bottom: 32px}.hero-points{list-style: none;padding: 0;margin: 32px 0 0;display: flex;flex-wrap: wrap;gap: 10px 22px;color: var(--ink-2);font-size: .94rem}.hero-points li{display: inline-flex;align-items: center;gap: 8px}.hero-visual{position: relative;display: grid;gap: 16px}.clock-card{border: 1px solid var(--line);display: flex;align-items: center;gap: 24px;padding: 24px;background: var(--night);color: var(--paper);border-radius: var(--radius);box-shadow: var(--shadow)}.clock{width: 128px;height: 128px;flex: none}.clock-track{fill: none;stroke: color-mix(in srgb,var(--paper) 14%,transparent);stroke-width: 12}.clock-fill{fill: none;stroke: var(--accent);stroke-width: 12;stroke-linecap: round;stroke-dasharray: 0 100;transform: rotate(-90deg);transform-origin: 100px 100px;transition: stroke-dasharray 1.8s var(--ease)}.is-visible .clock-fill{stroke-dasharray: 62 100}.clock-ticks line{stroke: color-mix(in srgb,var(--paper) 40%,transparent);stroke-width: 3;stroke-linecap: round}.clock-hand{stroke: var(--paper);stroke-width: 6;stroke-linecap: round;transform-origin: 100px 100px}.hand-m{stroke-width: 4;stroke: var(--accent-2);animation: spin 8s linear infinite}.hand-h{animation: spin 96s linear infinite}.clock-pin{fill: var(--accent-2)}.clock-label{display: flex;flex-direction: column}.clock-num{font-family: var(--f-display);font-size: clamp(3.4rem,7vw,4.6rem);line-height: 1;letter-spacing: -0.05em;color: var(--accent);font-variant-numeric: tabular-nums}.clock-unit{font-family: var(--f-display);font-weight: 600;font-size: 1.2rem;margin-top: 2px}.clock-card .muted{color: color-mix(in srgb,var(--paper) 62%,transparent)}.task-feed{list-style: none;margin: 0;padding: 10px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow);display: grid;gap: 4px}.task{display: grid;grid-template-columns: auto 1fr auto;gap: 12px;align-items: center;padding: 12px 14px;border-radius: 14px;font-size: .92rem;opacity: 0;transform: translateY(8px)}.is-visible .task{animation: rise .6s var(--ease) forwards}.is-visible .task:nth-child(2){animation-delay: .15s}.is-visible .task:nth-child(3){animation-delay: .3s}.is-visible .task:nth-child(4){animation-delay: .45s}.task:hover{background: var(--bg-2)}.task-state{width: 28px;height: 28px;border-radius: 50%;display: grid;place-items: center}.t-done .task-state{background: var(--accent);color: var(--accent-ink)}.t-review .task-state{background: color-mix(in srgb,var(--accent-2) 18%,transparent);color: var(--accent-2-text)}.t-run .task-state{background: var(--bg-2)}.task-text{color: var(--ink);font-weight: 500;line-height: 1.35}.task-tag{font-family: var(--f-mono);font-size: .7rem;color: var(--muted);white-space: nowrap}.t-review .task-tag{color: var(--accent-2-text)}.spinner{width: 14px;height: 14px;border-radius: 50%;border: 2px solid var(--line);border-top-color: var(--ink);animation: spin .9s linear infinite}.visual-note{margin: 0;text-align: right}@media (max-width: 520px){.clock-card{gap: 16px;padding: 18px}.clock{width: 96px;height: 96px}.task{grid-template-columns: auto 1fr}.task-tag{grid-column: 2}}.marquee{background: var(--night);color: var(--paper);display: flex;align-items: center;overflow: hidden;border-block: 1px solid var(--line)}.marquee-label{flex: none;background: var(--accent);color: var(--accent-ink);padding: 18px 22px;font-size: .78rem;text-transform: uppercase;letter-spacing: .1em;font-weight: 600;position: relative;z-index: 1}.marquee-track{display: flex;width: max-content;animation: marquee 38s linear infinite}.marquee:hover .marquee-track{animation-play-state: paused}.marquee-list{list-style: none;display: flex;margin: 0;padding: 0}.marquee-list li{font-family: var(--f-display);font-size: clamp(1.1rem,2vw,1.5rem);font-weight: 600;white-space: nowrap;padding: 16px 0 16px 28px;display: flex;align-items: center;gap: 28px;text-decoration: line-through;text-decoration-color: var(--accent-2);text-decoration-thickness: 2px}.marquee-list li::after{content: "";width: 8px;height: 8px;border-radius: 50%;background: var(--accent)}.steps{list-style: none;margin: 0 0 40px;padding: 0;display: grid;grid-template-columns: 1fr;gap: 20px;counter-reset: s}@media (min-width: 860px){.steps{grid-template-columns: repeat(3,1fr)}}.step{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 32px;position: relative;overflow: hidden}.step-num{display: inline-block;font-size: .85rem;padding: 6px 12px;border-radius: 999px;background: var(--ink);color: var(--bg);margin-bottom: 40px}.step h3{font-size: 1.6rem}.step p{color: var(--ink-2);margin: 0}.step::after{content: "";position: absolute;right: -40px;bottom: -40px;width: 120px;height: 120px;border-radius: 50%;border: 18px solid var(--bg-2);transition: transform .5s var(--ease),border-color .5s}.step:hover::after{transform: scale(1.2);border-color: var(--accent)}.bento{display: grid;grid-template-columns: 1fr;gap: 20px}@media (min-width: 760px){.bento{grid-template-columns: repeat(2,1fr)}}@media (min-width: 1040px){.bento{grid-template-columns: repeat(3,1fr);grid-auto-rows: minmax(260px,auto)}.b-lg{grid-row: span 2}.b-wide{grid-column: span 2}}.bento-card{padding: 32px}.bento-card h3{font-size: 1.6rem;margin-top: 12px}.bento-card p{color: var(--ink-2);margin: 0}.b-accent{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.b-accent p{color: color-mix(in srgb,var(--accent-ink) 80%,transparent)}.b-accent h3{font-size: clamp(2rem,3.4vw,2.8rem);margin-top: auto}.b-accent .price-tag{background: var(--accent-ink);color: var(--accent);margin-top: 16px}.b-accent .card-arrow{border-color: color-mix(in srgb,var(--accent-ink) 25%,transparent)}.b-accent:hover>.card-arrow{background: var(--accent-ink);color: var(--accent)}.b-dark{background: var(--night);color: var(--paper);border-color: var(--line)}.b-dark p{color: color-mix(in srgb,var(--paper) 72%,transparent)}.b-dark .price-tag{background: color-mix(in srgb,var(--paper) 12%,transparent);color: var(--paper)}.b-dark .card-arrow{border-color: color-mix(in srgb,var(--paper) 25%,transparent)}@media (min-width: 1040px){.b-wide{display: grid;grid-template-columns: auto 1fr;column-gap: 24px;align-items: start}.b-wide .price-tag{grid-column: 2}.b-wide h3{margin-top: 0}}.calc-teaser{display: grid;gap: 48px;align-items: center}@media (min-width: 960px){.calc-teaser{grid-template-columns: 1fr 1fr;gap: 72px}}.calc{display: grid;gap: 24px;background: var(--surface);color: var(--ink);border: 1px solid var(--line);border-radius: var(--radius);padding: clamp(22px,4vw,40px);box-shadow: var(--shadow)}@media (min-width: 900px){.calc:not(.calc-compact){grid-template-columns: 1.2fr 1fr;gap: 48px}}.calc-fields{display: grid;gap: 24px}.calc-field label{display: block;font-weight: 600;margin-bottom: 10px}.range-row{display: flex;align-items: center;gap: 16px}.range-row output{min-width: 70px;text-align: right;font-family: var(--f-mono);font-weight: 600;font-size: 1rem;padding: 6px 10px;border-radius: 10px;background: var(--bg-2)}input[type="range"]{-webkit-appearance: none;appearance: none;flex: 1;height: 8px;border-radius: 999px;background: linear-gradient(to right,var(--ink) 0 var(--fill,50%),var(--line) var(--fill,50%) 100%);cursor: pointer}input[type="range"]::-webkit-slider-thumb{-webkit-appearance: none;width: 26px;height: 26px;border-radius: 50%;background: var(--accent);border: 3px solid var(--ink);box-shadow: 0 2px 8px rgba(0,0,0,.2);transition: transform .15s}input[type="range"]::-moz-range-thumb{width: 22px;height: 22px;border-radius: 50%;background: var(--accent);border: 3px solid var(--ink)}input[type="range"]:active::-webkit-slider-thumb{transform: scale(1.15)}.calc-result{background: var(--night);color: var(--paper);border-radius: calc(var(--radius) - 6px);padding: 28px;display: flex;flex-direction: column;justify-content: center}.calc-big span.mono{color: color-mix(in srgb,var(--paper) 62%,transparent);text-transform: uppercase;letter-spacing: .1em;font-size: .75rem}.calc-big strong{display: block;font-family: var(--f-display);font-size: clamp(3rem,6vw,4.4rem);line-height: 1;letter-spacing: -0.05em;color: var(--accent);margin: 8px 0 20px;font-variant-numeric: tabular-nums}.calc-stats{margin: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 16px;border-top: 1px solid color-mix(in srgb,var(--paper) 16%,transparent);padding-top: 20px}.calc-stats dt{font-size: .8rem;color: color-mix(in srgb,var(--paper) 60%,transparent)}.calc-stats dd{margin: 2px 0 0;font-family: var(--f-display);font-weight: 700;font-size: 1.4rem;letter-spacing: -0.02em;font-variant-numeric: tabular-nums}.bump{animation: bump .35s var(--ease)}.principles{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden}.principle{background: var(--bg);padding: 32px;transition: background .3s}.section-alt .principle{background: var(--bg-2)}.principle:hover{background: var(--surface)}.principle .icon-lg{margin-bottom: 20px;color: var(--accent-2-text)}.principle h3{font-size: 1.25rem}.principle p{margin: 0;color: var(--ink-2)}.founder{display: grid;gap: 40px;align-items: center}@media (min-width: 860px){.founder{grid-template-columns: 280px 1fr;gap: 72px}}.founder-badge{width: min(280px,70vw);aspect-ratio: 1;border-radius: 50%;background: var(--accent);display: grid;place-items: center;position: relative}.founder-badge::before{content: "";position: absolute;inset: -14px;border-radius: 50%;border: 2px dashed var(--ink);opacity: .35;animation: spin 40s linear infinite}.founder-initial{font-family: var(--f-display);font-weight: 800;font-size: 8rem;color: var(--accent-ink);letter-spacing: -0.05em}.founder-page{align-items: start}.timeline{list-style: none;margin: 0;padding: 0;display: grid;gap: 0}.tl-item{display: grid;grid-template-columns: 64px 1fr;gap: 24px;padding: 36px 0;border-top: 1px solid var(--line)}.tl-item:last-child{border-bottom: 1px solid var(--line)}@media (min-width: 860px){.tl-item{grid-template-columns: 160px 1fr;gap: 48px}.tl-item>div{max-width: 70ch}}.tl-num{font-family: var(--f-display);font-weight: 800;font-size: clamp(2.4rem,5vw,4rem);line-height: 1;color: transparent;-webkit-text-stroke: 1.5px var(--ink);letter-spacing: -0.04em}.tl-item:hover .tl-num{color: var(--accent);-webkit-text-stroke-color: var(--ink)}.tl-item p{color: var(--ink-2)}.tl-meta{color: var(--muted) !important;margin: 0}.service-list{display: grid;gap: 16px;margin-bottom: 20px}.service-row{display: grid;grid-template-columns: auto 1fr;align-items: center;gap: 20px 28px;padding: 28px 88px 28px 28px}.service-row h2{margin: 0 0 4px}.service-row p{margin: 0;color: var(--ink-2)}.service-row .price-tag{grid-column: 2;margin: 0}@media (min-width: 860px){.service-row{grid-template-columns: auto 1fr auto}.service-row .price-tag{grid-column: auto}}.service-row .card-arrow{top: 50%;transform: translateY(-50%)}.service-row:hover>.card-arrow{transform: translateY(-50%) rotate(-45deg)}.service-icon{width: 64px;height: 64px;border-radius: 18px;background: var(--accent);color: var(--accent-ink);display: grid;place-items: center}.service-bar{display: flex;flex-wrap: wrap;align-items: center;gap: 16px 20px;padding: 20px 24px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius)}.service-price{font-family: var(--f-display);font-size: 1.6rem;letter-spacing: -0.02em}.service-bar .btn{margin-left: auto}.flow{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fit,minmax(min(100%,200px),1fr));gap: 16px}.flow-item{background: var(--bg);border: 1px solid var(--line);border-radius: var(--radius-sm);padding: 24px;position: relative}.flow-item::before{content: "";display: block;width: 36px;height: 4px;border-radius: 4px;background: var(--accent-2);margin-bottom: 18px}.flow-when{font-weight: 600;text-transform: uppercase;letter-spacing: .06em}.flow-item p{margin: 8px 0 0;color: var(--ink-2)}.price-grid{display: grid;grid-template-columns: 1fr;gap: 20px;margin-bottom: 20px}@media (min-width: 960px){.price-grid{grid-template-columns: repeat(3,1fr);align-items: stretch}}.price-card{display: flex;flex-direction: column;gap: 16px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 32px}.price-card h2{margin: 0}.price-card .muted{margin: 0}.price-card .check-list{margin: 8px 0 16px}.price-card .btn{margin-top: auto;align-self: flex-start}.price{font-family: var(--f-display);font-weight: 800;font-size: clamp(2.6rem,4vw,3.4rem);letter-spacing: -0.05em;line-height: 1;margin: 0}.per{font-size: 1rem;font-weight: 500;color: var(--muted);letter-spacing: 0;margin-left: 4px}.price-featured{background: var(--accent);border-color: var(--accent);color: var(--accent-ink);transform: translateY(-8px);box-shadow: var(--shadow)}.price-featured .muted{color: color-mix(in srgb,var(--accent-ink) 70%,transparent)}.price-featured .check-list .icon{background: var(--accent-ink);color: var(--accent)}.price-featured .chip{align-self: flex-start;background: var(--accent-ink);color: var(--accent);border-color: var(--accent-ink)}.price-extra{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: center;gap: 12px 24px;padding: 22px 28px;border: 1px solid var(--line);border-radius: var(--radius-sm);margin-bottom: 12px;background: var(--surface)}.price-extra h3{margin: 0 0 2px;font-size: 1.15rem}.price-extra p{margin: 0}.price-extra strong{font-family: var(--f-display);font-size: 1.35rem;letter-spacing: -0.02em}.promises{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.promises li{display: grid;grid-template-columns: 56px 1fr;gap: 16px;align-items: baseline;padding: 22px 26px;background: var(--bg);border-radius: var(--radius-sm);border: 1px solid var(--line)}.promises .mono{color: var(--accent-2-text);font-weight: 600}.promises p{margin: 0;color: var(--ink-2);font-size: 1.08rem}.promises strong{color: var(--ink)}.form-layout{display: grid;gap: 40px}@media (min-width: 980px){.form-layout{grid-template-columns: 1.6fr 1fr;gap: 56px;align-items: start}.form-aside{position: sticky;top: 100px}}.lead-form{display: grid;gap: 22px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: clamp(22px,4vw,40px)}.field-row{display: grid;gap: 22px}@media (min-width: 640px){.field-row{grid-template-columns: 1fr 1fr}}.field{display: grid;gap: 8px;border: 0;margin: 0;padding: 0;min-width: 0}.field label,.field legend{font-weight: 600;font-size: .95rem;padding: 0}.field legend{margin-bottom: 10px}.opt{font-weight: 400;color: var(--muted);font-size: .85rem;margin-left: 4px}input[type="text"],input[type="email"],input[type="tel"],input[type="password"],input:not([type]),select,textarea{width: 100%;font: inherit;font-size: 1rem;color: var(--ink);background: var(--bg);border: 1.5px solid var(--line);border-radius: var(--radius-sm);padding: 13px 15px;transition: border-color .2s,box-shadow .2s,background .2s}textarea{resize: vertical;min-height: 130px;line-height: 1.5}select{appearance: none;background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23645f54' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat: no-repeat;background-position: right 14px center;background-size: 18px;padding-right: 42px}input:hover,select:hover,textarea:hover{border-color: color-mix(in srgb,var(--ink) 35%,var(--line))}input:focus,select:focus,textarea:focus{outline: none;border-color: var(--ink);box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent);background: var(--surface)}[aria-invalid="true"]{border-color: var(--danger) !important}.field-error{color: var(--danger);font-size: .88rem;margin: 0;font-weight: 500}.form-alert{background: color-mix(in srgb,var(--danger) 10%,var(--surface));border: 1px solid color-mix(in srgb,var(--danger) 35%,transparent);color: var(--danger);padding: 14px 18px;border-radius: var(--radius-sm);margin: 0;font-weight: 500}.chip-options{display: flex;flex-wrap: wrap;gap: 10px}.chip-option{position: relative;cursor: pointer}.chip-option input{position: absolute;opacity: 0;width: 1px;height: 1px}.chip-option span{display: inline-block;padding: 10px 16px;border-radius: 999px;border: 1.5px solid var(--line);font-weight: 500;font-size: .95rem;transition: all .2s;background: var(--bg)}.chip-option:hover span{border-color: var(--ink)}.chip-option input:checked + span{background: var(--ink);color: var(--bg);border-color: var(--ink)}.chip-option input:focus-visible + span{outline: 3px solid var(--accent-2);outline-offset: 2px}.check{display: flex !important;gap: 12px;align-items: flex-start;font-weight: 400 !important;color: var(--ink-2);cursor: pointer}.check input{width: 22px;height: 22px;margin: 2px 0 0;flex: none;accent-color: var(--ink)}.hp{position: absolute !important;left: -10000px;width: 1px;height: 1px;overflow: hidden}.lead-form .btn[type="submit"]{justify-self: start}.btn.is-loading{opacity: .7;pointer-events: none}.form-aside{display: grid;gap: 16px}.aside-card{background: var(--bg-2);border-radius: var(--radius);padding: 28px}.aside-card p{margin: 0;color: var(--ink-2)}.aside-card .btn{margin-top: 16px}.aside-accent{background: var(--accent);color: var(--accent-ink)}.aside-accent p{color: inherit}.mini-steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 16px}.mini-steps li{display: grid;grid-template-columns: 32px 1fr;gap: 12px}.mini-steps .mono{width: 32px;height: 32px;border-radius: 50%;background: var(--ink);color: var(--bg);display: grid;place-items: center;font-size: .82rem}.login-form{max-width: 440px}.thanks,.notfound{padding: clamp(80px,14vw,180px) 0}.thanks h1,.notfound h1{max-width: none;font-size: clamp(2.2rem,5vw,3.8rem)}.thanks .lead,.notfound .lead{margin: 0 auto 32px}.thanks-ring{width: 120px;height: 120px;border-radius: 50%;background: var(--accent);color: var(--accent-ink);display: grid;place-items: center;margin: 0 auto 32px}.thanks-ring .icon{stroke-width: 2.4}.big-404{font-family: var(--f-display) !important;font-weight: 800;font-size: clamp(6rem,18vw,12rem);line-height: .9;letter-spacing: -0.06em;display: flex;justify-content: center;align-items: center;margin: 0 0 24px}.o-clock{display: inline-grid;place-items: center;width: .82em;height: .82em;border-radius: 50%;background: var(--accent);color: var(--accent-ink);margin: 0 .04em}.o-clock .icon{width: 70%;height: 70%;stroke-width: 1.5}.article-hero h1{font-size: clamp(2.2rem,5vw,3.8rem);max-width: none;margin-top: 18px}.article-hero .meta{color: var(--muted);margin-top: 20px}.page-beheer .site-footer .footer-big{display: none}.admin-head{display: flex;flex-wrap: wrap;justify-content: space-between;align-items: end;gap: 16px;margin-bottom: 20px}.admin-head h1{margin: 0}.admin-head form{margin: 0}.admin-filter{display: flex;flex-wrap: wrap;gap: 8px;margin-bottom: 24px}.admin-filter a{text-decoration: none;padding: 8px 14px;border-radius: 999px;border: 1px solid var(--line);font-size: .9rem;background: var(--surface)}.admin-filter a span{font-family: var(--f-mono);color: var(--muted);margin-left: 4px}.admin-filter a[aria-current="page"]{background: var(--ink);color: var(--bg);border-color: var(--ink)}.lead-cards{display: grid;gap: 16px;grid-template-columns: repeat(auto-fill,minmax(min(100%,420px),1fr))}.lead-card{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);padding: 24px;display: grid;gap: 14px;align-content: start}.lead-card header{display: flex;justify-content: space-between;gap: 12px;align-items: start}.lead-card header p{margin: 2px 0 0}.lead-meta{margin: 0;display: grid;grid-template-columns: 1fr 1fr;gap: 8px 16px}.lead-meta dt{color: var(--muted);font-size: .78rem}.lead-meta dd{margin: 0;word-break: break-word}.lead-msg{background: var(--bg);padding: 14px 16px;border-radius: var(--radius-sm);margin: 0;font-size: .95rem;white-space: normal}.lead-update{display: grid;gap: 8px}.lead-update textarea{min-height: 70px}.status-nieuw{background: var(--accent);color: var(--accent-ink);border-color: var(--accent)}.status-klant{background: var(--ok);color: #fff;border-color: var(--ok)}.status-geen-match{opacity: .6}.reveal{opacity: 0;transform: translateY(24px);transition: opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity: 1;transform: none}.no-js .reveal{opacity: 1;transform: none}@keyframes spin{to{transform: rotate(360deg)}}@keyframes spin-once{from{transform: rotate(0)}to{transform: rotate(360deg)}}@keyframes marquee{to{transform: translateX(-50%)}}@keyframes pulse{50%{box-shadow: 0 0 0 8px color-mix(in srgb,var(--accent-2) 0%,transparent)}}@keyframes swipe{from{transform: rotate(-2deg) scaleX(0)}to{transform: rotate(-2deg) scaleX(1)}}@keyframes rise{to{opacity: 1;transform: none}}@keyframes bump{40%{transform: scale(1.06)}}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .01ms !important;animation-iteration-count: 1 !important;transition-duration: .01ms !important;scroll-behavior: auto !important}.reveal{opacity: 1;transform: none}.task{opacity: 1;transform: none}.marquee-track{animation: marquee 60s linear infinite !important}}@media print{.site-header,.site-footer,.cta-card,.marquee,.btn{display: none !important}body{background: #fff;color: #000}.reveal{opacity: 1;transform: none}}.step>*{position: relative;z-index: 1}.b-wide .price-tag{justify-self: start}.article-card h3,.bento-card h3{padding-right: 44px}.b-accent h3{padding-right: 0}[hidden]{display: none !important}.sr-only{position: absolute;width: 1px;height: 1px;padding: 0;margin: -1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap;border: 0}html{-webkit-tap-highlight-color: transparent}body{overflow-wrap: break-word}.btn{min-height: 44px}.btn-ghost-light{--b-bg: transparent;--b-fg: var(--paper);--b-bd: color-mix(in srgb,var(--paper) 30%,transparent)}.btn-ghost-light:hover{--b-bd: var(--paper)}.split-even{align-items: center}@media (min-width: 900px){.split-even{grid-template-columns: 1fr 1.15fr}.split-even>:first-child{position: static}}.section-head-center{margin-left: auto;margin-right: auto;text-align: center}.section-head-center .lead{margin-left: auto;margin-right: auto}.section-head .lead{margin-top: 8px}.check-list-lg li{font-size: 1.1rem}.cross-list{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.cross-list li{display: flex;gap: 12px;align-items: flex-start;color: var(--ink-2)}.cross-list .icon{margin-top: .3em;flex: none;color: var(--danger);background: color-mix(in srgb,var(--danger) 12%,transparent);border-radius: 50%;padding: 3px;width: 1.25em;height: 1.25em;stroke-width: 2.4}.footer-grid{grid-template-columns: 1fr 1fr;gap: 32px 24px}.footer-about{grid-column: 1 / -1}@media (min-width: 760px){.footer-grid{grid-template-columns: repeat(3,1fr)}}@media (min-width: 1100px){.footer-grid{grid-template-columns: 1.6fr repeat(5,1fr)}.footer-about{grid-column: auto}}.footer-badges{list-style: none;margin: 16px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px}.footer-badges li{display: inline-flex;gap: 6px;align-items: center;padding: 6px 10px;border-radius: 999px;border: 1px solid color-mix(in srgb,var(--paper) 18%,transparent);color: color-mix(in srgb,var(--paper) 80%,transparent)}.footer-links a{word-break: break-word}.footer-legal{flex-wrap: wrap;gap: 12px 20px}.footer-big .btn-row{gap: 12px}.mobile-cta{display: none}@media (max-width: 760px){.mobile-cta{display: flex;gap: 10px;position: fixed;left: 12px;right: 12px;bottom: calc(12px + env(safe-area-inset-bottom));z-index: 40;padding: 8px;border-radius: 999px;background: color-mix(in srgb,var(--surface) 92%,transparent);border: 1px solid var(--line);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px);box-shadow: 0 12px 30px -10px rgba(0,0,0,.35);transform: translateY(150%);transition: transform .35s var(--ease)}.mobile-cta.is-visible{transform: none}.mobile-cta .btn{flex: 1;padding: 12px 14px}.mobile-cta .btn-ghost{flex: 0 0 auto}.site-footer{padding-bottom: calc(96px + env(safe-area-inset-bottom))}.nav-open .mobile-cta{display: none}}.to-top{position: fixed;right: 16px;bottom: calc(16px + env(safe-area-inset-bottom));z-index: 39;width: 46px;height: 46px;border-radius: 50%;display: grid;place-items: center;border: 1px solid var(--line);background: var(--surface);color: var(--ink);cursor: pointer;box-shadow: var(--shadow);opacity: 0;visibility: hidden;transform: translateY(10px);transition: opacity .25s,transform .25s var(--ease),visibility 0s .25s}.to-top.is-visible{opacity: 1;visibility: visible;transform: none;transition: opacity .25s,transform .25s var(--ease)}.to-top:hover{background: var(--accent);color: var(--accent-ink);border-color: var(--accent)}@media (max-width: 760px){.to-top{bottom: calc(84px + env(safe-area-inset-bottom));right: 14px}}.flow-diagram{position: relative}.fd-steps{list-style: none;margin: 0;padding: 0;display: grid;gap: 14px;position: relative}.fd-step{position: relative;display: grid;gap: 6px;align-content: start;padding: 22px 20px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.fd-step strong{font-family: var(--f-display);font-size: 1.2rem;letter-spacing: -0.02em;line-height: 1.15}.fd-desc{color: var(--ink-2);font-size: .92rem;line-height: 1.45}.fd-icon{width: 56px;height: 56px;border-radius: 16px;display: grid;place-items: center;margin-bottom: 8px}.fd-num{position: absolute;top: 18px;right: 18px;font-size: .75rem;color: var(--muted)}.fd-jij .fd-icon{background: var(--night);color: var(--paper)}.fd-agent .fd-icon{background: color-mix(in srgb,var(--accent-2) 16%,var(--surface));color: var(--accent-2-text)}.fd-winst{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.fd-winst .fd-desc,.fd-winst .fd-num{color: color-mix(in srgb,var(--accent-ink) 75%,transparent)}.fd-winst .fd-icon{background: var(--accent-ink);color: var(--accent)}.fd-step:not(:last-child)::after{content: "";position: absolute;z-index: 1;left: 50%;bottom: -14px;width: 2px;height: 14px;transform: translateX(-50%);background: repeating-linear-gradient(to bottom,var(--ink) 0 4px,transparent 4px 8px);background-size: 2px 8px;animation: dash-y 1s linear infinite}@media (min-width: 1000px){.fd-steps{grid-template-columns: repeat(5,1fr);gap: 18px}.fd-step:not(:last-child)::after{left: auto;right: -18px;top: 46px;bottom: auto;width: 18px;height: 2px;transform: none;background: repeating-linear-gradient(to right,var(--ink) 0 4px,transparent 4px 8px);background-size: 8px 2px;animation: dash-x 1s linear infinite}}.fd-rail{margin-top: 16px;padding: 14px 18px;border-radius: 999px;border: 1.5px dashed color-mix(in srgb,var(--ink) 35%,transparent);text-align: center}.fd-rail-label{display: inline-flex;gap: 8px;align-items: center;font-size: .8rem;color: var(--ink-2);flex-wrap: wrap;justify-content: center}.fd-legend{list-style: none;margin: 16px 0 0;padding: 0;display: flex;flex-wrap: wrap;gap: 8px 20px;justify-content: center;color: var(--muted)}.fd-legend li{display: inline-flex;gap: 8px;align-items: center}.sw{width: 14px;height: 14px;border-radius: 4px;display: inline-block}.sw-jij{background: var(--night)}.sw-agent{background: var(--accent-2)}.sw-winst{background: var(--accent);border: 1px solid color-mix(in srgb,var(--ink) 20%,transparent)}@keyframes dash-x{to{background-position: 8px 0}}@keyframes dash-y{to{background-position: 0 8px}}.week-compare{margin: 0;display: grid;gap: 22px;padding: clamp(20px,3vw,32px);background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow)}.wc-row{display: grid;gap: 8px}.wc-label{display: flex;justify-content: space-between;align-items: baseline;gap: 12px;flex-wrap: wrap}.wc-label strong{font-family: var(--f-display);font-size: 1.2rem}.wc-bar{width: 100%;height: 44px;display: block}.seg-focus{fill: var(--night)}.seg-lost{fill: color-mix(in srgb,var(--danger) 70%,var(--surface))}.seg-won{fill: var(--accent)}.seg-review{fill: var(--accent-2)}:root[data-theme="dark"] .seg-focus{fill: #5b574c}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .seg-focus{fill: #5b574c}}.wc-values{display: flex;flex-wrap: wrap;gap: 6px 16px;color: var(--ink-2)}.wc-values span{display: inline-flex;gap: 6px;align-items: center}.wc-values span::before{content: "";width: 10px;height: 10px;border-radius: 3px;background: var(--night)}.wc-values .t-lost::before{background: color-mix(in srgb,var(--danger) 70%,var(--surface))}.wc-values .t-won::before{background: var(--accent);outline: 1px solid color-mix(in srgb,var(--ink) 25%,transparent)}.wc-values .t-review::before{background: var(--accent-2)}.week-compare figcaption{border-top: 1px solid var(--line);padding-top: 14px}.is-visible .wc-bar rect,.is-visible .wc-l rect{animation: grow-x .9s var(--ease) both;transform-box: fill-box;transform-origin: left}.is-visible .wc-row + .wc-row .wc-bar rect,.is-visible .wc-row + .wc-row .wc-l rect{animation-delay: .25s}@keyframes grow-x{from{transform: scaleX(0)}}.wdw{display: grid;gap: 16px}@media (min-width: 900px){.wdw{grid-template-columns: repeat(3,1fr);gap: 20px}}.wdw-col{padding: 30px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.wdw-col h3{font-size: 1.5rem;margin: 16px 0 2px}.wdw-col .muted{margin-bottom: 18px}.wdw-icon{width: 60px;height: 60px;border-radius: 18px;display: grid;place-items: center}.wdw-agent .wdw-icon{background: color-mix(in srgb,var(--accent-2) 16%,var(--surface));color: var(--accent-2-text)}.wdw-us{background: var(--night);color: var(--paper);border-color: var(--night)}.wdw-us .muted{color: color-mix(in srgb,var(--paper) 65%,transparent)}.wdw-us .wdw-icon{background: var(--accent);color: var(--accent-ink)}.wdw-us .check-list .icon{background: var(--accent);color: var(--accent-ink)}.wdw-you .wdw-icon{background: var(--accent);color: var(--accent-ink)}.facts{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(2,1fr);gap: 1px;background: var(--line);border: 1px solid var(--line);border-radius: var(--radius);overflow: hidden}@media (min-width: 900px){.facts{grid-template-columns: repeat(5,1fr)}}.fact{background: var(--bg);padding: 26px 22px;display: grid;gap: 4px;align-content: start}.fact:last-child:nth-child(odd){grid-column: 1 / -1}@media (min-width: 900px){.fact:last-child:nth-child(odd){grid-column: auto}}.fact-n{font-family: var(--f-display);font-size: clamp(2.4rem,5vw,3.4rem);line-height: 1;letter-spacing: -0.05em}.fact-l{font-weight: 600}.fact-d{color: var(--muted)}.facts-section{padding-bottom: 0}.gains{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr));gap: 16px}.gain{padding: 26px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line);transition: transform .3s var(--ease),box-shadow .3s}.gain:hover{transform: translateY(-4px);box-shadow: var(--shadow)}.gain-icon{width: 54px;height: 54px;border-radius: 16px;display: grid;place-items: center;background: var(--accent);color: var(--accent-ink);margin-bottom: 18px}.gain:nth-child(even) .gain-icon{background: var(--night);color: var(--accent)}.gain h3{font-size: 1.3rem;margin-bottom: 6px}.gain p{margin: 0;color: var(--ink-2);font-size: .96rem}.uc-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,300px),1fr));gap: 16px}.uc-card,.sector-card{position: relative;display: flex;flex-direction: column;gap: 10px;padding: 26px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line);text-decoration: none;transition: transform .3s var(--ease),box-shadow .3s,border-color .3s}.uc-card:hover,.sector-card:hover{transform: translateY(-4px);box-shadow: var(--shadow);border-color: color-mix(in srgb,var(--ink) 25%,var(--line))}.uc-card h3,.sector-card h3{margin: 6px 0 0;font-size: 1.3rem;padding-right: 44px}.uc-card p,.sector-card p{margin: 0;color: var(--ink-2)}.uc-icon,.sector-icon{width: 54px;height: 54px;border-radius: 16px;display: grid;place-items: center;background: var(--bg-2);color: var(--ink);transition: background .3s,color .3s}.uc-card:hover .uc-icon,.sector-card:hover .sector-icon{background: var(--accent);color: var(--accent-ink)}.sector-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,280px),1fr));gap: 16px}.sector-card .link-arrow{margin-top: auto;align-self: flex-start;padding-top: 12px}.section-alt .uc-card,.section-alt .sector-card{background: var(--bg)}.mission-grid{display: grid;gap: 16px}@media (min-width: 900px){.mission-grid{grid-template-columns: repeat(3,1fr)}}.mission-card{padding: 32px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.mission-card p{margin: 0;color: var(--ink-2);font-size: 1.05rem}.mc-label{display: inline-block;font-size: .75rem;text-transform: uppercase;letter-spacing: .1em;padding: 5px 10px;border-radius: 999px;background: var(--bg-2);margin-bottom: 22px}.mc-accent{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.mc-accent p{color: color-mix(in srgb,var(--accent-ink) 82%,transparent)}.mc-accent .mc-label{background: var(--accent-ink);color: var(--accent)}.mc-dark{background: var(--night);border-color: var(--night);color: var(--paper)}.mc-dark p{color: color-mix(in srgb,var(--paper) 75%,transparent)}.mc-dark .mc-label{background: color-mix(in srgb,var(--paper) 14%,transparent)}.values{list-style: none;margin: 0;padding: 0;display: grid;gap: 12px}.value{display: grid;grid-template-columns: 56px 1fr;gap: 16px;padding: 24px 26px;background: var(--bg);border: 1px solid var(--line);border-radius: var(--radius-sm)}.value-n{color: var(--accent-2-text);font-weight: 700;padding-top: 4px}.value h3{display: flex;gap: 10px;align-items: center;font-size: 1.3rem;margin-bottom: 6px}.value p{margin: 0;color: var(--ink-2)}.persona-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr));gap: 16px}.persona{padding: 28px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.persona h3{font-size: 1.3rem;margin: 16px 0 16px}.persona-icon{width: 54px;height: 54px;border-radius: 16px;display: grid;place-items: center;background: var(--night);color: var(--accent)}.time-uses{list-style: none;margin: 0;padding: 0;display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,200px),1fr));gap: 12px}.time-uses li{display: grid;gap: 14px;padding: 24px;border-radius: var(--radius);border: 1px solid color-mix(in srgb,var(--paper) 16%,transparent);font-family: var(--f-display);font-weight: 600;font-size: 1.15rem;line-height: 1.25}.time-uses .icon{color: var(--accent)}.note-card{padding: 28px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.note-card h3{display: flex;gap: 10px;align-items: center;font-size: 1.2rem}.note-card p{margin: 0;color: var(--ink-2)}.note-good{border-top: 4px solid var(--ok)}.note-warn{border-top: 4px solid var(--accent-2)}.note-good h3 .icon{color: var(--ok)}.note-warn h3 .icon{color: var(--accent-2-text)}.compare-table-wrap{overflow-x: auto;border: 1px solid var(--line);border-radius: var(--radius);background: var(--surface)}.compare-table{min-width: 900px;font-size: .92rem}.compare-table th,.compare-table td{padding: 16px;border-bottom: 1px solid var(--line)}.compare-table thead th{font-family: var(--f-display);font-size: 1rem;text-transform: none;letter-spacing: -0.01em;color: var(--ink);vertical-align: bottom}.compare-table tbody th{font-weight: 600;font-family: var(--f-body);font-size: .92rem;text-transform: none;letter-spacing: 0;color: var(--ink);width: 18%}.compare-table tr:last-child th,.compare-table tr:last-child td{border-bottom: 0}.ct-us{background: color-mix(in srgb,var(--accent) 22%,var(--surface))}thead .ct-us{background: var(--accent);color: var(--accent-ink) !important}.score{display: inline-flex;gap: 6px;align-items: center;font-weight: 600}.score .icon{border-radius: 50%;padding: 2px;width: 1.2em;height: 1.2em;stroke-width: 2.6}.sc-ja .score .icon{background: var(--ok);color: #fff}.sc-deels .score .icon{background: color-mix(in srgb,var(--accent-2) 22%,transparent);color: var(--accent-2-text)}.sc-nee .score .icon{background: color-mix(in srgb,var(--danger) 14%,transparent);color: var(--danger)}.ct-note{display: block;color: var(--muted);font-size: .84rem;margin-top: 4px;line-height: 1.35}.compare-cards{display: none}@media (max-width: 900px){.compare-table-wrap{display: none}.compare-cards{display: grid;gap: 14px}.compare-card{padding: 22px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.compare-card h2{margin-bottom: 12px}.compare-card dl{margin: 0;display: grid;gap: 0}.compare-card dl>div{display: grid;grid-template-columns: 1fr auto;gap: 4px 12px;padding: 10px 0;border-top: 1px solid var(--line)}.compare-card dt{font-size: .92rem}.compare-card dd{margin: 0;text-align: right}.compare-card .ct-note{grid-column: 1 / -1;text-align: left}.cc-us{background: color-mix(in srgb,var(--accent) 22%,var(--surface));border-color: var(--accent)}}.choose-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr));gap: 16px;margin-bottom: 20px}.choose{padding: 24px;border-radius: var(--radius);background: var(--bg);border: 1px solid var(--line)}.choose h3{font-size: 1.15rem}.choose p{margin: 0;color: var(--ink-2)}.choose-us{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.choose-us p{color: color-mix(in srgb,var(--accent-ink) 80%,transparent)}.pain-card{display: flex;gap: 24px;align-items: flex-start;padding: clamp(22px,4vw,36px);border-radius: var(--radius);background: var(--night);color: var(--paper)}.pain-card .eyebrow{color: var(--accent)}.pain-icon{flex: none;width: 88px;height: 88px;border-radius: 24px;display: grid;place-items: center;background: var(--accent);color: var(--accent-ink)}.pain-text{font-family: var(--f-display);font-size: clamp(1.25rem,2.4vw,1.7rem);line-height: 1.3;letter-spacing: -0.02em;margin: 0}@media (max-width: 600px){.pain-card{flex-direction: column}.pain-icon{width: 64px;height: 64px}}.role-split{display: grid;gap: 16px}@media (min-width: 900px){.role-split{grid-template-columns: repeat(3,1fr)}}.role{padding: 28px;border-radius: var(--radius);border: 1px solid var(--line);background: var(--surface)}.role h2{display: flex;gap: 10px;align-items: center;margin-bottom: 18px}.role-agent h2 .icon{color: var(--accent-2-text)}.role-us{background: var(--night);color: var(--paper);border-color: var(--night)}.role-us .check-list .icon{background: var(--accent)}.example-card{margin-top: 20px;padding: 24px 28px;border-radius: var(--radius);border: 1.5px dashed color-mix(in srgb,var(--ink) 30%,transparent);display: grid;gap: 10px}.example-card .chip{justify-self: start}.example-card p{margin: 0;font-size: 1.1rem}.section-alt .two-col{margin-bottom: 0}.guide{display: grid;gap: 18px;justify-items: center}.guide-q{padding: 18px 26px;border-radius: 999px;background: var(--night);color: var(--paper);display: grid;gap: 2px;text-align: center}.guide-q .mono{color: var(--accent);text-transform: uppercase;letter-spacing: .1em;font-size: .7rem}.guide-q strong{font-family: var(--f-display);font-size: 1.25rem}.guide-q-sm{background: var(--surface);color: var(--ink);border: 1px solid var(--line);padding: 14px 20px}.guide-q-sm strong{font-size: 1.05rem}.guide-branches{display: grid;gap: 18px;width: 100%}@media (min-width: 800px){.guide-branches{grid-template-columns: 1fr 1fr}}.guide-branch{display: grid;gap: 14px;justify-items: center;padding: 22px;border-radius: var(--radius);border: 1.5px dashed color-mix(in srgb,var(--ink) 25%,transparent)}.guide-answer{font-family: var(--f-mono);font-weight: 700;padding: 4px 14px;border-radius: 999px;background: var(--accent-2);color: #fff}.guide-results{display: grid;gap: 10px;width: 100%;grid-template-columns: repeat(auto-fit,minmax(160px,1fr))}.guide-result{display: grid;gap: 4px;padding: 18px;border-radius: var(--radius-sm);background: var(--bg);border: 1px solid var(--line);text-decoration: none;text-align: center;transition: transform .2s var(--ease),border-color .2s}.guide-result:hover{transform: translateY(-3px);border-color: var(--ink)}.guide-result strong{font-family: var(--f-display);font-size: 1.2rem}.gr-main{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.faq-layout{display: grid;gap: 32px}@media (min-width: 960px){.faq-layout{grid-template-columns: 260px 1fr;gap: 56px;align-items: start}.faq-toc{position: sticky;top: 100px}}.faq-toc ul{list-style: none;margin: 0 0 18px;padding: 0;display: grid;gap: 4px}.faq-toc a{display: flex;justify-content: space-between;gap: 10px;padding: 10px 14px;border-radius: 12px;text-decoration: none;background: var(--surface);border: 1px solid var(--line)}.faq-toc a:hover{border-color: var(--ink)}.faq-toc .mono{color: var(--muted)}@media (max-width: 959px){.faq-toc ul{display: flex;flex-wrap: wrap;gap: 8px}.faq-toc a{padding: 8px 12px}}.faq-search{display: flex;align-items: center;gap: 10px;padding: 0 14px;border-radius: 999px;border: 1.5px solid var(--line);background: var(--surface)}.faq-search:focus-within{border-color: var(--ink);box-shadow: 0 0 0 4px color-mix(in srgb,var(--accent) 55%,transparent)}.faq-search input{border: 0 !important;background: transparent !important;box-shadow: none !important;padding: 12px 0;min-width: 0;flex: 1;font: inherit;color: var(--ink);outline: none}.faq-search .icon{color: var(--muted);flex: none}.faq-group{margin-bottom: 40px;scroll-margin-top: 100px}.faq-group h2{margin-bottom: 16px}.filter-empty{padding: 20px;text-align: center}.glossary-tools{display: grid;gap: 16px;margin-bottom: 24px}.az{display: flex;flex-wrap: wrap;gap: 6px}.az a{width: 40px;height: 40px;display: grid;place-items: center;border-radius: 10px;border: 1px solid var(--line);background: var(--surface);text-decoration: none;font-weight: 600}.az a:hover{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.gl-letter{scroll-margin-top: 100px;margin-bottom: 24px}.gl-L{font-size: 2.4rem;color: var(--accent-2-text);margin-bottom: 8px}.glossary{margin: 0;display: grid;gap: 10px}.gl-item{padding: 18px 20px;border-radius: var(--radius-sm);background: var(--surface);border: 1px solid var(--line);scroll-margin-top: 100px}.gl-item:target{border-color: var(--accent-2);box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent-2) 25%,transparent)}.gl-item dt{font-family: var(--f-display);font-weight: 700;font-size: 1.15rem;margin-bottom: 4px}.gl-item dd{margin: 0;color: var(--ink-2)}.kb-tools{display: grid;gap: 16px;margin-bottom: 24px}@media (min-width: 900px){.kb-tools{grid-template-columns: 1fr 320px;align-items: center}}.kb-tags{display: flex;flex-wrap: wrap;gap: 8px}.chip-btn{display: inline-flex;align-items: center;gap: 8px;min-height: 40px;padding: 8px 14px;border-radius: 999px;border: 1.5px solid var(--line);background: var(--surface);color: var(--ink);font: 500 .92rem var(--f-body);cursor: pointer}.chip-btn .mono{color: var(--muted);font-size: .78rem}.chip-btn:hover{border-color: var(--ink)}.chip-btn.is-active{background: var(--ink);color: var(--bg);border-color: var(--ink)}.chip-btn.is-active .mono{color: inherit;opacity: .7}.kb-featured{position: relative;display: grid;gap: 12px;padding: clamp(24px,4vw,44px);margin-bottom: 20px;border-radius: var(--radius);background: var(--night);color: var(--paper);text-decoration: none;transition: transform .3s var(--ease)}.kb-featured:hover{transform: translateY(-4px)}.kb-featured .chip{justify-self: start}.kb-featured h2{margin: 0;max-width: 24ch;padding-right: 48px}.kb-featured p{margin: 0;color: color-mix(in srgb,var(--paper) 75%,transparent);max-width: 60ch}.kb-featured .meta{color: color-mix(in srgb,var(--paper) 60%,transparent)}.kb-featured .card-arrow{border-color: color-mix(in srgb,var(--paper) 25%,transparent)}.read-progress{position: fixed;top: 0;left: 0;right: 0;height: 3px;z-index: 70;pointer-events: none}.read-progress span{display: block;height: 100%;width: 100%;background: var(--accent-2);transform-origin: left;transform: scaleX(0)}.article-layout{display: grid;gap: 24px}@media (min-width: 1100px){.article-layout{grid-template-columns: 240px minmax(0,720px);gap: 56px;justify-content: center}.toc{position: sticky;top: 100px;align-self: start}}@media (max-width: 1099px){.article-layout{max-width: 780px}}.toc-box{padding: 18px 20px;border-radius: var(--radius-sm);background: var(--surface);border: 1px solid var(--line)}.toc-box summary{cursor: pointer;margin: 0;list-style: none}.toc-box summary::-webkit-details-marker{display: none}.toc-box ol{margin: 12px 0 0;padding-left: 1.2em;display: grid;gap: 8px;font-size: .92rem}.toc-box a{text-decoration: none;color: var(--ink-2)}.toc-box a:hover,.toc-box a.is-active{color: var(--ink);text-decoration: underline;text-decoration-color: var(--accent-2)}.share{display: flex;flex-wrap: wrap;align-items: center;gap: 10px;margin-top: 40px;padding-top: 24px;border-top: 1px solid var(--line)}.share .small{margin-right: 6px}.copy-ok{color: var(--ok);font-weight: 600}.prevnext{display: grid;gap: 12px;margin-top: 16px}@media (min-width: 700px){.prevnext{grid-template-columns: 1fr 1fr}}.pn{display: grid;gap: 4px;padding: 20px;border-radius: var(--radius-sm);border: 1px solid var(--line);background: var(--surface);text-decoration: none}.pn:hover{border-color: var(--ink)}.pn-next{text-align: right}.sitemap-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,240px),1fr));gap: 16px;margin-bottom: 24px}.sitemap-group{padding: 24px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line)}.sitemap-group h2{margin-bottom: 12px}.sitemap-group ul{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.sitemap-group a{text-decoration: none}.sitemap-group a:hover{text-decoration: underline}@media (max-width: 600px){body{font-size: 16px}.btn-lg{padding: 16px 22px;font-size: 1rem}.hero .btn-row .btn,.cta-card .btn-row .btn{width: 100%}.section-head-row{align-items: flex-start}.step,.bento-card,.price-card,.wdw-col,.mission-card,.persona,.role{padding: 22px}.cta-card{border-radius: var(--radius)}.footer-big .btn-row,.footer-big .btn-row .btn{width: 100%}.service-row{padding: 22px 70px 22px 22px;gap: 14px 18px}.service-icon{width: 52px;height: 52px}.service-bar .btn{margin-left: 0;width: 100%}.price-extra{padding: 18px 20px}.tl-item{grid-template-columns: 48px 1fr;gap: 16px}.lead-card{padding: 18px}.lead-meta{grid-template-columns: 1fr}}@media (max-width: 360px){.hero-title{font-size: 2.6rem}h1{font-size: 2.3rem}.icon-btn{width: 40px;height: 40px}}@media (min-width: 1600px){:root{--wrap: 1320px}}input[type="range"]{height: 32px;background: linear-gradient(to right,var(--ink) 0 var(--fill,50%),var(--line) var(--fill,50%) 100%) center / 100% 8px no-repeat;border-radius: 999px}.toc-box summary{padding: 10px 0;min-height: 44px;display: flex;align-items: center;margin: -10px 0}.guide-results{grid-template-columns: repeat(auto-fit,minmax(min(100%,160px),1fr))}.guide-branch{min-width: 0;padding: 18px}.service-row{grid-template-columns: auto minmax(0,1fr)}@media (min-width: 860px){.service-row{grid-template-columns: auto minmax(0,1fr) auto}}.service-main{min-width: 0}.price-tag{max-width: 100%}@media (min-width: 1100px){.footer-grid{grid-template-columns: 1.5fr repeat(4,1fr) 1.35fr}}.footer-links a{word-break: normal;overflow-wrap: anywhere}.main-nav .subnav-text small{font-size: .86rem}@media (max-width: 1080px){.subnav-text strong{font-size: 1.02rem}}@media (max-width: 759px){.footer-grid>div:last-child{grid-column: 1 / -1}}@media (max-width: 859px){.founder-badge{width: 180px}.founder-initial{font-size: 5rem}}.compare-card .ct-note{text-align: right}.compare-card dd{max-width: 60%}.nav-link[aria-current="page"],.nav-trigger.is-current{box-shadow: none;background: var(--bg-2);color: var(--ink)}.check-list .icon{color: var(--accent-ink)}.price-featured .check-list .icon{color: var(--accent)}:root[data-theme="dark"] .hl{background: none;color: var(--accent)}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]) .hl{background: none;color: var(--accent)}}.bar-a{fill: var(--accent-2)}.bar-b{fill: color-mix(in srgb,var(--ink) 38%,var(--surface))}.bar-pos{fill: var(--ok)}.bar-pos2{fill: color-mix(in srgb,var(--ok) 50%,var(--surface))}.bar-neg{fill: var(--danger)}.bar-warn{fill: var(--accent-2)}.bar-muted{fill: color-mix(in srgb,var(--ink) 22%,var(--surface))}.sw.bar-a{background: var(--accent-2)}.sw.bar-b{background: color-mix(in srgb,var(--ink) 38%,var(--surface))}.sw.bar-pos{background: var(--ok)}.sw.bar-pos2{background: color-mix(in srgb,var(--ok) 50%,var(--surface))}.sw.bar-neg{background: var(--danger)}.sw.bar-warn{background: var(--accent-2)}.sw.bar-muted{background: color-mix(in srgb,var(--ink) 22%,var(--surface))}:root[data-theme="dark"]{--ok: #4caf50;--danger: #ef5b4c}@media (prefers-color-scheme: dark){:root:not([data-theme="light"]){--ok: #4caf50;--danger: #ef5b4c}}.chart{margin: 0;padding: clamp(18px,3vw,28px);background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);display: grid;gap: 16px;align-content: start;min-width: 0}.chart-head{display: grid;gap: 4px}.chart-title{font-family: var(--f-display);font-size: 1.25rem;letter-spacing: -0.02em;line-height: 1.2}.chart-sub{color: var(--muted);font-size: .9rem}.chart-legend{list-style: none;margin: 0;padding: 0;display: flex;flex-wrap: wrap;gap: 6px 18px;font-size: .88rem;color: var(--ink-2)}.chart-legend li{display: inline-flex;align-items: center;gap: 8px}.chart-legend b{color: var(--ink);font-family: var(--f-mono);font-size: .85rem}.chart-legend-stack{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,200px),1fr))}.chart-note{margin: 0;font-size: .86rem;color: var(--muted);line-height: 1.5}.chart-src{margin: 0;font-size: .82rem;color: var(--muted)}.chart-src a{color: var(--ink-2)}.chart-data summary{cursor: pointer;font-size: .85rem;color: var(--ink-2);text-decoration: underline;text-decoration-color: var(--line);text-underline-offset: 3px;padding: 6px 0}.chart-data .table-wrap{margin: 8px 0 0}.chart-data table{font-size: .88rem}.cb{display: grid;gap: 12px}.cb-row{display: grid;grid-template-columns: minmax(0,40%) minmax(0,1fr) auto;gap: 12px;align-items: center}.cb-row-tight{grid-template-columns: minmax(0,1fr) auto}.cb-label{font-size: .92rem;color: var(--ink-2);line-height: 1.3}.cb-track{display: block;height: 16px;background: color-mix(in srgb,var(--ink) 7%,transparent);border-radius: 4px;overflow: hidden}.cb-svg{display: block;width: 100%;height: 100%}.cb-val{font-family: var(--f-mono);font-weight: 600;font-size: .9rem;min-width: 58px;text-align: right;font-variant-numeric: tabular-nums}@media (max-width: 560px){.cb-row{grid-template-columns: minmax(0,1fr) auto;row-gap: 6px}.cb-label{grid-column: 1 / -1}}.cp{display: grid;gap: 14px}.cp-group{display: grid;grid-template-columns: 150px minmax(0,1fr);gap: 14px;align-items: center}.cp-label{font-weight: 600;font-size: .95rem}.cp-bars{display: grid;gap: 6px}@media (max-width: 560px){.cp-group{grid-template-columns: 1fr;gap: 6px}}.is-visible .cb-bar{animation: grow-x 1s var(--ease) both;transform-box: fill-box;transform-origin: left}.cd{display: grid}.cd-row{display: grid;grid-template-columns: minmax(0,40%) minmax(0,1fr);gap: 18px;align-items: center;padding: 14px 0;border-top: 1px solid var(--line)}.cd-text{display: grid;gap: 3px}.cd-text strong{font-size: .98rem;line-height: 1.3}.cd-text>span{color: var(--muted);font-size: .84rem;line-height: 1.4}.cd-plot{display: grid;grid-template-columns: minmax(0,1fr) 70px;gap: 10px;align-items: center}.cd-svg{display: block;width: 100%;height: 30px}.cd-grid{stroke: color-mix(in srgb,var(--ink) 12%,transparent);stroke-width: 1}.cd-zero{stroke: color-mix(in srgb,var(--ink) 65%,transparent);stroke-width: 1.5}.cd-ci{stroke: var(--ink);stroke-width: 1.5}.cd-val{font-family: var(--f-mono);font-weight: 700;font-size: .95rem;text-align: right}.bar-pos-t{color: var(--ok)}.bar-neg-t{color: var(--danger)}.cd-axis,.cd-axis-label{display: grid;grid-template-columns: minmax(0,40%) minmax(0,1fr);gap: 18px;padding-top: 8px;border-top: 1px solid var(--line)}.cd-axis-label{border: 0;padding-top: 2px;margin: 0;font-size: .8rem;color: var(--muted)}.cd-axis-label>span:last-child{margin-right: 80px;text-align: center}.cd-ticks{display: flex;justify-content: space-between;margin-right: 80px;font-family: var(--f-mono);font-size: .72rem;color: var(--muted)}.cd-ticks span{width: 0;display: flex;justify-content: center;white-space: nowrap}@media (max-width: 700px){.cd-row{grid-template-columns: 1fr;gap: 8px}.cd-axis,.cd-axis-label{grid-template-columns: 1fr}.cd-axis-pad{display: none}}.cs-svg{display: block;width: 100%;height: 38px;border-radius: 8px;overflow: hidden}.stat-row{display: grid;grid-template-columns: repeat(auto-fill,minmax(min(100%,260px),1fr));gap: 16px;margin: 20px 0}@media (min-width: 1100px){.stat-row-4{grid-template-columns: repeat(4,1fr)}}.stat-tile{display: grid;gap: 8px;align-content: start;padding: 24px;border-radius: var(--radius);background: var(--surface);border: 1px solid var(--line);border-top: 4px solid var(--accent-2)}.stat-muted{border-top-color: color-mix(in srgb,var(--ink) 25%,transparent)}.stat-n{font-family: var(--f-display);font-weight: 800;font-size: clamp(2rem,3.6vw,2.9rem);line-height: 1;letter-spacing: -0.04em}.stat-l{color: var(--ink-2);font-size: .95rem;line-height: 1.45}sup.cite{font-size: .68em;line-height: 0;margin-left: 1px;white-space: nowrap;font-family: var(--f-mono)}sup.cite a{color: var(--accent-2-text);text-decoration: none;font-weight: 700;padding: 0 1px}sup.cite a:hover{text-decoration: underline}.evidence-intro{display: grid;gap: 12px;margin-bottom: 20px}@media (min-width: 900px){.evidence-intro{grid-template-columns: repeat(3,1fr)}}.ei-card{display: flex;gap: 12px;align-items: flex-start;padding: 18px 20px;border-radius: var(--radius-sm);background: var(--surface);border: 1px solid var(--line)}.ei-card p{margin: 0;color: var(--ink-2);font-size: .95rem}.ei-card strong{color: var(--ink)}.ei-card .icon{color: var(--accent-2-text);flex: none;margin-top: 2px}.ev-toc{display: flex;flex-wrap: wrap;gap: 8px}.ev-toc a{display: inline-flex;gap: 8px;align-items: center;min-height: 40px;padding: 8px 14px;border-radius: 999px;border: 1px solid var(--line);background: var(--surface);text-decoration: none;font-size: .9rem}.ev-toc a:hover{border-color: var(--ink)}.ev-toc .mono{color: var(--accent-2-text);font-size: .75rem}.ev-section{scroll-margin-top: 80px}.ev-head{display: grid;grid-template-columns: auto minmax(0,1fr);gap: clamp(14px,3vw,32px);align-items: start;margin-bottom: clamp(24px,4vw,40px)}.ev-head .lead{margin: 6px 0 0}.ev-head h2{margin: 0}.ev-n{font-family: var(--f-display) !important;font-weight: 800;font-size: clamp(2.6rem,6vw,4.6rem);line-height: .9;color: transparent;-webkit-text-stroke: 1.5px var(--ink);letter-spacing: -0.04em}.ev-grid{display: grid;gap: 16px;margin-bottom: 16px}@media (min-width: 1000px){.ev-grid{grid-template-columns: 1fr 1fr;align-items: start}}.ev-grid-text{margin-top: 16px}.ev-side{display: grid;gap: 14px;align-content: start}.ev-side .stat-tile{margin: 0}.ev-caveat{display: flex;gap: 10px;align-items: flex-start;color: var(--muted);max-width: 90ch;margin: 8px 0 20px}.ev-caveat .icon{flex: none;margin-top: 3px}.ev-takeaway{margin-top: 20px;padding: clamp(20px,3vw,30px);border-radius: var(--radius);background: var(--night);color: var(--paper);display: grid;gap: 10px;justify-items: start}.ev-t-label{display: inline-flex;gap: 8px;align-items: center;color: var(--accent);font-size: .78rem;text-transform: uppercase;letter-spacing: .08em}.ev-takeaway p{margin: 0;font-family: var(--f-display);font-size: clamp(1.15rem,2vw,1.45rem);line-height: 1.35;letter-spacing: -0.01em;max-width: 70ch}.ev-takeaway .link-arrow{color: var(--paper);border-bottom-color: var(--accent)}.ev-timeline{list-style: none;margin: 0 0 16px;padding: 0 0 0 22px;border-left: 2px solid var(--line);display: grid;gap: 18px}.ev-timeline li{position: relative;display: grid;gap: 2px}.ev-timeline li::before{content: "";position: absolute;left: -30px;top: 5px;width: 14px;height: 14px;border-radius: 50%;background: var(--bg);border: 2px solid var(--accent-2)}.ev-timeline li.evt-past::before{background: var(--accent-2)}.ev-timeline time{font-family: var(--f-mono);font-size: .82rem;color: var(--accent-2-text);font-weight: 600}.ev-timeline p{margin: 0}.assumptions{background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius)}.assumptions table{min-width: 720px}.assumptions th[scope="row"]{font-family: var(--f-body);text-transform: none;letter-spacing: 0;font-size: .92rem;color: var(--ink);font-weight: 600}.assumptions td{font-size: .92rem;color: var(--ink-2)}.tag{display: inline-block;padding: 3px 9px;border-radius: 999px;font-size: .75rem;font-weight: 600;white-space: nowrap}.tag-src{background: color-mix(in srgb,var(--ok) 16%,transparent);color: var(--ok)}.tag-calc{background: color-mix(in srgb,var(--accent-2) 16%,transparent);color: var(--accent-2-text)}.tag-guess{background: color-mix(in srgb,var(--ink) 9%,transparent);color: var(--ink-2)}.sources{list-style: none;margin: 0;padding: 0;display: grid;gap: 8px}.sources li{display: grid;grid-template-columns: 40px minmax(0,1fr);gap: 12px;padding: 14px 16px;border-radius: var(--radius-sm);background: var(--surface);border: 1px solid var(--line);scroll-margin-top: 90px}.sources li:target{border-color: var(--accent-2);box-shadow: 0 0 0 3px color-mix(in srgb,var(--accent-2) 25%,transparent)}.src-n{width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: var(--bg-2);font-size: .8rem;font-weight: 700}.sources a{overflow-wrap: anywhere}.sources .icon{display: inline;vertical-align: -2px}.src-note{display: block;color: var(--muted);margin-top: 4px}.proof-grid{display: grid;gap: 16px;grid-template-columns: repeat(auto-fill,minmax(min(100%,250px),1fr))}.proof-foot{display: flex;flex-wrap: wrap;gap: 12px 24px;align-items: center;justify-content: space-between;margin-top: 20px}.proof-foot p{margin: 0}.section-ink .stat-tile{background: color-mix(in srgb,var(--paper) 6%,var(--night));border-color: color-mix(in srgb,var(--paper) 14%,transparent);border-top-color: var(--accent);color: var(--paper)}.section-ink .stat-l{color: color-mix(in srgb,var(--paper) 78%,transparent)}.section-ink sup.cite a{color: var(--accent)}.section-ink .proof-foot p{color: color-mix(in srgb,var(--paper) 70%,transparent)}.section-ink .section-head h2{color: var(--paper)}.hero-points a{color: inherit;text-decoration-color: var(--accent-2)}.scene{margin: 0;display: grid;gap: 10px}.sc-view{position: relative;container-type: inline-size;aspect-ratio: 4 / 3;width: 100%;overflow: hidden;perspective: 170cqw;perspective-origin: 50% 35%;border-radius: var(--radius);border: 1px solid var(--line);background: radial-gradient(120% 90% at 50% 20%,var(--surface) 0%,var(--bg-2) 100%);--tx: 0deg;--ty: 0deg;--srx: 58deg;--sry: 0deg;--srz: -32deg}.section-alt .sc-view{background: radial-gradient(120% 90% at 50% 20%,var(--surface) 0%,var(--bg) 100%)}.sc-stage{position: absolute;left: 50%;top: 54%;width: 0;height: 0;transform-style: preserve-3d;transform: rotateX(calc(var(--srx) + var(--ty))) rotateY(calc(var(--sry) + var(--tx))) rotateZ(var(--srz));transition: transform .5s var(--ease)}.sc-stage div{transform-style: preserve-3d}.sc-cap{display: flex;flex-wrap: wrap;gap: 6px 16px;align-items: center;font-size: .9rem;color: var(--muted);padding: 0 4px}.sc-cap>span{flex: 1 1 260px}.sc-legend{list-style: none;margin: 0;padding: 0;display: flex;gap: 14px}.sc-legend li{display: inline-flex;gap: 6px;align-items: center}.scene:not(.is-playing) .sc-stage,.scene:not(.is-playing) .sc-stage *{animation-play-state: paused !important}.cube{position: absolute;left: calc(var(--w) / -2);top: calc(var(--h) / -2);width: var(--w);height: var(--h);transform-style: preserve-3d;--c: var(--surface)}.cube>.f{position: absolute;display: block;left: 0;top: 0;background: var(--c);box-sizing: border-box}.f-front,.f-back{width: var(--w);height: var(--h)}.f-front{transform: translateZ(calc(var(--d) / 2))}.f-back{transform: rotateY(180deg) translateZ(calc(var(--d) / 2));filter: brightness(.7)}.f-right,.f-left{width: var(--d);height: var(--h);left: calc((var(--w) - var(--d)) / 2) !important;filter: brightness(.8)}.f-right{transform: rotateY(90deg) translateZ(calc(var(--w) / 2))}.f-left{transform: rotateY(-90deg) translateZ(calc(var(--w) / 2));filter: brightness(.66)}.f-top,.f-bottom{width: var(--w);height: var(--d);top: calc((var(--h) - var(--d)) / 2) !important}.f-top{transform: rotateX(90deg) translateZ(calc(var(--h) / 2));filter: brightness(.9)}.f-bottom{transform: rotateX(-90deg) translateZ(calc(var(--h) / 2));filter: brightness(.6)}.sc-floor{position: absolute;left: -44cqw;top: -44cqw;width: 88cqw;height: 88cqw;border-radius: 50%;background: radial-gradient(closest-side,color-mix(in srgb,var(--ink) 16%,transparent),transparent)}.sc-grid{border-radius: 18px;background: radial-gradient(closest-side,transparent 60%,var(--bg-2) 100%),repeating-linear-gradient(0deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 8cqw),repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 9%,transparent) 0 1px,transparent 1px 8cqw)}@keyframes sc-spin{to{transform: rotate(360deg)}}@keyframes sc-spin-z{from{transform: rotateZ(0)}to{transform: rotateZ(360deg)}}@keyframes sc-spin-y{from{transform: rotateY(0)}to{transform: rotateY(360deg)}}.scene-klok .sc-view{--srx: 56deg;--srz: -28deg}.klok{position: absolute;left: -24cqw;top: -24cqw;width: 48cqw;height: 48cqw}.klok-layer{position: absolute;inset: 0;border-radius: 50%;background: color-mix(in srgb,var(--night) 88%,var(--accent-2))}.kl-1{transform: translateZ(.9cqw)}.kl-2{transform: translateZ(1.8cqw)}.kl-3{transform: translateZ(2.7cqw)}.kl-4{transform: translateZ(3.6cqw)}.kl-5{transform: translateZ(4.5cqw)}.kl-6{transform: translateZ(5.4cqw);background: var(--night)}.klok-face{position: absolute;inset: 0;border-radius: 50%;transform: translateZ(5.6cqw);background: radial-gradient(circle,color-mix(in srgb,var(--paper) 8%,var(--night)),var(--night));border: 1.6cqw solid var(--accent);box-sizing: border-box;box-shadow: 0 0 6cqw color-mix(in srgb,var(--accent) 35%,transparent)}.tick{position: absolute;left: 50%;top: 50%;width: .9cqw;height: 3cqw;margin: -1.5cqw 0 0 -.45cqw;border-radius: 1cqw;background: color-mix(in srgb,var(--paper) 55%,transparent)}.tk-0{transform: rotate(0deg) translateY(-17cqw)}.tk-1{transform: rotate(30deg) translateY(-17cqw)}.tk-2{transform: rotate(60deg) translateY(-17cqw)}.tk-3{transform: rotate(90deg) translateY(-17cqw)}.tk-4{transform: rotate(120deg) translateY(-17cqw)}.tk-5{transform: rotate(150deg) translateY(-17cqw)}.tk-6{transform: rotate(180deg) translateY(-17cqw)}.tk-7{transform: rotate(210deg) translateY(-17cqw)}.tk-8{transform: rotate(240deg) translateY(-17cqw)}.tk-9{transform: rotate(270deg) translateY(-17cqw)}.tk-10{transform: rotate(300deg) translateY(-17cqw)}.tk-11{transform: rotate(330deg) translateY(-17cqw)}.hand{position: absolute;left: 50%;bottom: 50%;border-radius: 1cqw;transform-origin: 50% 100%}.hand-h{width: 1.6cqw;margin-left: -.8cqw;height: 10cqw;background: var(--paper);animation: sc-spin 60s linear infinite}.hand-m{width: 1.1cqw;margin-left: -.55cqw;height: 15cqw;background: var(--accent-2);animation: sc-spin 6s linear infinite}.pin{position: absolute;left: 50%;top: 50%;width: 3cqw;height: 3cqw;margin: -1.5cqw 0 0 -1.5cqw;border-radius: 50%;background: var(--accent-2)}.uren{position: absolute;left: 0;top: 0}.uur-wrap{position: absolute;left: 0;top: 0;animation: uur-rise 6s cubic-bezier(.25,.6,.3,1) infinite;opacity: 0}.uur{--w: 6cqw;--h: 6cqw;--d: 6cqw;--c: var(--accent)}.uur .f-front{display: grid !important;place-items: center}.uur .f-front b{font: 700 2.1cqw/1 var(--f-mono);color: var(--accent-ink)}.uw-1{--dx: -22cqw;--dy: -14cqw;animation-delay: 0s}.uw-2{--dx: 20cqw;--dy: -20cqw;animation-delay: -1s}.uw-3{--dx: -8cqw;--dy: 24cqw;animation-delay: -2s}.uw-4{--dx: 26cqw;--dy: 8cqw;animation-delay: -3s}.uw-5{--dx: -26cqw;--dy: 10cqw;animation-delay: -4s}.uw-6{--dx: 6cqw;--dy: -28cqw;animation-delay: -5s}@keyframes uur-rise{0%{transform: translate3d(0,0,6cqw) rotateZ(0) scale3d(.3,.3,.3);opacity: 0}12%{opacity: 1}75%{opacity: 1}100%{transform: translate3d(var(--dx),var(--dy),40cqw) rotateZ(160deg) scale3d(1,1,1);opacity: 0}}.scene-taken .sc-view{--srx: 60deg;--srz: -36deg}.stapel{position: absolute;left: 0;top: 0}.st-in{transform: translate3d(-30cqw,2cqw,0)}.st-uit{transform: translate3d(30cqw,-2cqw,0)}.kaart{--w: 14cqw;--h: 10cqw;--d: 1.4cqw}.k-grijs{--c: color-mix(in srgb,var(--ink) 12%,var(--surface))}.k-groen{--c: var(--accent)}.kaart .f-front{padding: 1.4cqw;display: flex !important;flex-direction: column;gap: 1.2cqw}.kaart .f-front b{display: block;height: 1.1cqw;border-radius: 1cqw;background: color-mix(in srgb,var(--ink) 28%,transparent)}.kaart .f-front b:nth-child(2){width: 70%}.kaart .f-front b:nth-child(3){width: 45%}.k-groen .f-front{align-items: center;justify-content: center}.kaart .f-front em{font: normal 800 5cqw/1 var(--f-display);color: var(--accent-ink)}.kaart-wrap{position: absolute;left: 0;top: 0}.kz-1{transform: translateZ(.7cqw)}.kz-2{transform: translateZ(2.3cqw)}.kz-3{transform: translateZ(3.9cqw)}.kz-4{transform: translateZ(5.5cqw)}.agent-wrap{position: absolute;left: 0;top: 0;transform: translateZ(8.5cqw)}.agentkubus{--w: 16cqw;--h: 16cqw;--d: 16cqw;--c: var(--accent-2);animation: sc-spin-z 14s linear infinite}.agentkubus .f,.agentje .f,.oogkubus .f{display: grid !important;place-items: center}.agentkubus .f span,.agentje .f span{font: 800 4cqw/1 var(--f-display);color: #fff;letter-spacing: -.02em}.agent-glow{position: absolute;left: -16cqw;top: -16cqw;width: 32cqw;height: 32cqw;border-radius: 50%;transform: translateZ(-8.4cqw);background: radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 45%,transparent),transparent);animation: glow 2.4s ease-in-out infinite}@keyframes glow{50%{opacity: .45}}.reiziger{position: absolute;left: 0;top: 0}.r-in{animation: reis-in 4s ease-in-out infinite}.r-uit{animation: reis-uit 4s ease-in-out infinite}@keyframes reis-in{0%{transform: translate3d(-30cqw,2cqw,7.5cqw);opacity: 1}40%{transform: translate3d(-4cqw,0,11cqw);opacity: 1}48%,100%{transform: translate3d(0,0,10cqw);opacity: 0}}@keyframes reis-uit{0%,50%{transform: translate3d(0,0,10cqw);opacity: 0}58%{transform: translate3d(5cqw,0,11cqw);opacity: 1}96%{transform: translate3d(30cqw,-2cqw,6cqw);opacity: 1}100%{transform: translate3d(30cqw,-2cqw,6cqw);opacity: 0}}.scene-sandbox .sc-view{--srx: -18deg;--sry: 0deg;--srz: 0deg}.scene-sandbox .sc-stage{top: 50%}.scene-sandbox .sc-floor{transform: translateY(22cqw) rotateX(90deg)}.sb-spin{position: absolute;left: 0;top: 0;animation: sc-spin-y 20s linear infinite}.glas{--w: 40cqw;--h: 40cqw;--d: 40cqw;--c: color-mix(in srgb,var(--accent) 10%,transparent)}.glas .f{border: .5cqw solid color-mix(in srgb,var(--ink) 45%,transparent);filter: none !important;box-shadow: inset 0 0 4cqw color-mix(in srgb,var(--accent) 25%,transparent)}.sb-agent{position: absolute;left: 0;top: 0;animation: bob 3s ease-in-out infinite}.agentje{--w: 11cqw;--h: 11cqw;--d: 11cqw;--c: var(--accent-2);animation: tumble 6s linear infinite}.agentje .f span{font-size: 3cqw}@keyframes bob{50%{transform: translateY(-6cqw)}}@keyframes tumble{to{transform: rotateX(360deg) rotateY(180deg)}}.sb-ring{position: absolute;left: -32cqw;top: -32cqw;width: 64cqw;height: 64cqw;border-radius: 50%;border: .6cqw dashed var(--accent-2);transform: translateY(20cqw) rotateX(90deg);animation: ring 12s linear infinite}@keyframes ring{to{transform: translateY(20cqw) rotateX(90deg) rotateZ(360deg)}}.scene-schuld .sc-view{--srx: -20deg;--sry: -34deg;--srz: 0deg}.scene-schuld .sc-stage{top: 52%}.scene-schuld .sc-floor{transform: translateY(24cqw) rotateX(90deg)}.toren{position: absolute;left: 0;top: 0;animation: sway 8s ease-in-out infinite}@keyframes sway{50%{transform: rotateY(14deg)}}.laag{position: absolute;left: 0;top: 0}.blok{--w: 30cqw;--h: 5.6cqw;--d: 12cqw;--c: var(--night)}.blok .f{border: .25cqw solid color-mix(in srgb,var(--paper) 18%,transparent)}.ly-1{transform: translateY(20.4cqw)}.ly-2{transform: translateY(14.6cqw)}.ly-3{transform: translateY(8.8cqw)}.ly-4{transform: translateY(3cqw)}.ly-5{transform: translateY(-2.8cqw)}.ly-6{transform: translateY(-8.6cqw)}.ly-7{transform: translateY(-14.4cqw)}.ly-2>.cube{animation: fix-a 9s var(--ease) infinite}.ly-4>.cube{animation: fix-b 9s var(--ease) infinite;animation-delay: .6s}.ly-5>.cube{animation: fix-c 9s var(--ease) infinite;animation-delay: 1.2s}.ly-7>.cube{animation: fix-a 9s var(--ease) infinite;animation-delay: 1.8s}.ly-2 .f,.ly-4 .f,.ly-5 .f,.ly-7 .f{animation: fix-color 9s var(--ease) infinite;animation-delay: inherit}.ly-4 .f{animation-delay: .6s}.ly-5 .f{animation-delay: 1.2s}.ly-7 .f{animation-delay: 1.8s}@keyframes fix-a{0%,30%{transform: translateX(6cqw) rotateY(-12deg)}50%,92%{transform: none}100%{transform: translateX(6cqw) rotateY(-12deg)}}@keyframes fix-b{0%,30%{transform: translateX(-7cqw) rotateY(10deg)}50%,92%{transform: none}100%{transform: translateX(-7cqw) rotateY(10deg)}}@keyframes fix-c{0%,30%{transform: translateZ(5cqw) rotateY(18deg)}50%,92%{transform: none}100%{transform: translateZ(5cqw) rotateY(18deg)}}@keyframes fix-color{0%,30%{background-color: var(--danger)}50%,92%{background-color: var(--accent)}100%{background-color: var(--danger)}}.scene-staven .sc-view{--srx: 56deg;--srz: -34deg}.scene-staven .sc-stage{top: 60%}.staaf-vloer{border-radius: 14px}.staafgroep{position: absolute;left: 44cqw;top: 44cqw}.sg-0{transform: translate3d(-27cqw,0,0)}.sg-1{transform: translate3d(-9cqw,0,0)}.sg-2{transform: translate3d(9cqw,0,0)}.sg-3{transform: translate3d(27cqw,0,0)}.staaf{position: absolute;left: 0;top: 0}.staaf.be{transform: translate3d(-3.4cqw,0,0)}.staaf.eu{transform: translate3d(3.4cqw,0,0)}.staaf-z{position: absolute;left: 0;top: 0;transform: translateZ(calc(var(--bh) / 2))}.is-visible .staaf-z{animation: staaf-groei 1.6s var(--ease) both}.sg-1 .staaf-z{animation-delay: .15s}.sg-2 .staaf-z{animation-delay: .3s}.sg-3 .staaf-z{animation-delay: .45s}@keyframes staaf-groei{from{transform: translateZ(0) scale3d(1,1,.01)}}.staafblok{--w: 6cqw;--h: 6cqw;--d: var(--bh)}.staafblok.bar-a{--c: var(--accent-2)}.staafblok.bar-b{--c: color-mix(in srgb,var(--ink) 38%,var(--surface))}.jaar{position: absolute;left: -6cqw;top: 6cqw;font: 600 3cqw/1 var(--f-mono);color: var(--ink-2);white-space: nowrap}.bh-0{--bh: 0.5cqw}.bh-1{--bh: 0.9cqw}.bh-2{--bh: 1.8cqw}.bh-3{--bh: 2.7cqw}.bh-4{--bh: 3.6cqw}.bh-5{--bh: 4.5cqw}.bh-6{--bh: 5.4cqw}.bh-7{--bh: 6.3cqw}.bh-8{--bh: 7.2cqw}.bh-9{--bh: 8.1cqw}.bh-10{--bh: 9.0cqw}.bh-11{--bh: 9.9cqw}.bh-12{--bh: 10.8cqw}.bh-13{--bh: 11.7cqw}.bh-14{--bh: 12.6cqw}.bh-15{--bh: 13.5cqw}.bh-16{--bh: 14.4cqw}.bh-17{--bh: 15.3cqw}.bh-18{--bh: 16.2cqw}.bh-19{--bh: 17.1cqw}.bh-20{--bh: 18.0cqw}.bh-21{--bh: 18.9cqw}.bh-22{--bh: 19.8cqw}.bh-23{--bh: 20.7cqw}.bh-24{--bh: 21.6cqw}.bh-25{--bh: 22.5cqw}.bh-26{--bh: 23.4cqw}.bh-27{--bh: 24.3cqw}.bh-28{--bh: 25.2cqw}.bh-29{--bh: 26.1cqw}.bh-30{--bh: 27.0cqw}.bh-31{--bh: 27.9cqw}.bh-32{--bh: 28.8cqw}.bh-33{--bh: 29.7cqw}.bh-34{--bh: 30.6cqw}.bh-35{--bh: 31.5cqw}.bh-36{--bh: 32.4cqw}.bh-37{--bh: 33.3cqw}.bh-38{--bh: 34.2cqw}.bh-39{--bh: 35.1cqw}.bh-40{--bh: 36.0cqw}.bh-41{--bh: 36.9cqw}.bh-42{--bh: 37.8cqw}.bh-43{--bh: 38.7cqw}.bh-44{--bh: 39.6cqw}.bh-45{--bh: 40.5cqw}.bh-46{--bh: 41.4cqw}.bh-47{--bh: 42.3cqw}.bh-48{--bh: 43.2cqw}.bh-49{--bh: 44.1cqw}.bh-50{--bh: 45.0cqw}.bh-51{--bh: 45.9cqw}.bh-52{--bh: 46.8cqw}.bh-53{--bh: 47.7cqw}.bh-54{--bh: 48.6cqw}.bh-55{--bh: 49.5cqw}.bh-56{--bh: 50.4cqw}.bh-57{--bh: 51.3cqw}.bh-58{--bh: 52.2cqw}.bh-59{--bh: 53.1cqw}.bh-60{--bh: 54.0cqw}.bh-61{--bh: 54.9cqw}.bh-62{--bh: 55.8cqw}.bh-63{--bh: 56.7cqw}.bh-64{--bh: 57.6cqw}.bh-65{--bh: 58.5cqw}.bh-66{--bh: 59.4cqw}.bh-67{--bh: 60.3cqw}.bh-68{--bh: 61.2cqw}.bh-69{--bh: 62.1cqw}.bh-70{--bh: 63.0cqw}.bh-71{--bh: 63.9cqw}.bh-72{--bh: 64.8cqw}.bh-73{--bh: 65.7cqw}.bh-74{--bh: 66.6cqw}.bh-75{--bh: 67.5cqw}.bh-76{--bh: 68.4cqw}.bh-77{--bh: 69.3cqw}.bh-78{--bh: 70.2cqw}.bh-79{--bh: 71.1cqw}.bh-80{--bh: 72.0cqw}.bh-81{--bh: 72.9cqw}.bh-82{--bh: 73.8cqw}.bh-83{--bh: 74.7cqw}.bh-84{--bh: 75.6cqw}.bh-85{--bh: 76.5cqw}.bh-86{--bh: 77.4cqw}.bh-87{--bh: 78.3cqw}.bh-88{--bh: 79.2cqw}.bh-89{--bh: 80.1cqw}.bh-90{--bh: 81.0cqw}.bh-91{--bh: 81.9cqw}.bh-92{--bh: 82.8cqw}.bh-93{--bh: 83.7cqw}.bh-94{--bh: 84.6cqw}.bh-95{--bh: 85.5cqw}.bh-96{--bh: 86.4cqw}.bh-97{--bh: 87.3cqw}.bh-98{--bh: 88.2cqw}.bh-99{--bh: 89.1cqw}.bh-100{--bh: 90.0cqw}.scene-nakijken .sc-view{--srx: -10deg;--sry: -22deg;--srz: 0deg}.scene-nakijken .sc-stage{top: 50%}.scene-nakijken .sc-floor{transform: translateY(22cqw) rotateX(90deg)}.flip{position: absolute;left: 0;top: 0;animation: flip 8s var(--ease) infinite}@keyframes flip{0%,38%{transform: rotateY(0)}50%,88%{transform: rotateY(180deg)}100%{transform: rotateY(360deg)}}.reviewkaart{--w: 48cqw;--h: 32cqw;--d: 1.6cqw;--c: var(--surface)}.reviewkaart .f-front,.reviewkaart .f-back{border: .3cqw solid var(--line);border-radius: 1.2cqw;filter: none}.reviewkaart .f-back{background: var(--accent)}.code{display: block;padding: 2.6cqw 3cqw}.cl{display: block;height: 2cqw;margin: 0 0 1.6cqw;border-radius: 1cqw;background: color-mix(in srgb,var(--ink) 16%,transparent)}.cl.add{background: color-mix(in srgb,var(--ok) 55%,transparent)}.cl.del{background: color-mix(in srgb,var(--danger) 45%,transparent)}.c1{width: 62%}.c2{width: 80%;margin-left: 4cqw}.c3{width: 50%}.c4{width: 72%;margin-left: 4cqw}.c5{width: 38%}.c6{width: 66%;margin-left: 4cqw}.c7{width: 30%}.ok{display: grid;place-items: center;align-content: center;gap: 1.6cqw;height: 100%;color: var(--accent-ink)}.ok em{font: normal 800 12cqw/1 var(--f-display)}.ok strong{font: 700 3.6cqw/1 var(--f-display);letter-spacing: -.02em}.oog{position: absolute;left: 0;top: 0;transform: translate3d(22cqw,-18cqw,10cqw);animation: oog 4s ease-in-out infinite}@keyframes oog{50%{transform: translate3d(22cqw,-22cqw,12cqw) rotateY(40deg)}}.oogkubus{--w: 8cqw;--h: 8cqw;--d: 8cqw;--c: var(--night)}.oogkubus .f span{font-size: 4cqw;color: var(--accent)}.scene-boek .sc-view{--srx: 50deg;--srz: -12deg}.scene-boek .sc-stage{top: 56%}.boek{position: absolute;left: 0;top: 0}.blad{position: absolute;top: -21cqw;width: 32cqw;height: 42cqw;background: var(--surface);border: .3cqw solid var(--line);box-sizing: border-box;padding: 4cqw 3.4cqw;display: flex;flex-direction: column;gap: 2.2cqw}.blad i,.blad span i{display: block;height: 1.3cqw;border-radius: 1cqw;background: color-mix(in srgb,var(--ink) 18%,transparent)}.blad i:nth-child(3n){width: 70%}.blad i:nth-child(4n){width: 85%}.links{left: -32cqw;transform-origin: right center;transform: rotateY(10deg);border-radius: 1.4cqw 0 0 1.4cqw}.rechts{left: 0;transform-origin: left center;transform: rotateY(-10deg);border-radius: 0 1.4cqw 1.4cqw 0}.draai{left: 0;padding: 0;background: none;border: 0;transform-origin: left center;transform-style: preserve-3d;animation: blad-draai 6s var(--ease) infinite}.draai .voor,.draai .achter{position: absolute;inset: 0;padding: 4cqw 3.4cqw;display: flex;flex-direction: column;gap: 2.2cqw;background: var(--surface);border: .3cqw solid var(--line);box-sizing: border-box;backface-visibility: hidden;border-radius: 0 1.4cqw 1.4cqw 0}.draai .achter{transform: rotateY(180deg);background: color-mix(in srgb,var(--accent) 35%,var(--surface));border-radius: 1.4cqw 0 0 1.4cqw}.draai .voor i:first-child,.draai .achter i:first-child{height: 2.4cqw;width: 60%;background: var(--accent-2)}@keyframes blad-draai{0%,25%{transform: rotateY(-10deg)}65%,100%{transform: rotateY(-170deg)}}.rug{position: absolute;left: -1cqw;top: -21cqw;width: 2cqw;height: 42cqw;background: linear-gradient(90deg,transparent,color-mix(in srgb,var(--ink) 25%,transparent),transparent);transform: translateZ(.2cqw)}.with-scene{display: grid;gap: 28px;align-items: center}@media (min-width: 900px){.with-scene{grid-template-columns: 1fr 1fr;gap: 56px}.with-scene.scene-left>.scene{order: -1}}.prose .scene{margin: 2em 0}.split .scene{margin-top: 28px}@media (prefers-reduced-motion: reduce){.uur-wrap{opacity: 1;animation: none}.uw-1{transform: translate3d(-18cqw,-10cqw,18cqw)}.uw-2{transform: translate3d(16cqw,-16cqw,24cqw)}.uw-3{transform: translate3d(-6cqw,18cqw,14cqw)}.uw-4,.uw-5,.uw-6{display: none}.r-in,.r-uit{display: none}}.k-oranje{--c: var(--accent-2)}.k-night{--c: var(--night)}.k-rood{--c: var(--danger)}.mini{--w: 7cqw;--h: 7cqw;--d: 7cqw}.mini.groot{--w: 15cqw;--h: 15cqw;--d: 15cqw}.mini .f{display: grid !important;place-items: center}.mini .f em{font: normal 800 4cqw/1 var(--f-display);color: var(--accent-ink)}.mini .f span{font: 800 1.8cqw/1 var(--f-mono);color: #fff;letter-spacing: .05em}.mini.groot .f span{font: 800 8cqw/1 var(--f-display)}.scene-standing .sc-view,.sc-standing{--srx: -14deg;--sry: -24deg;--srz: 0deg}@keyframes bob-z{50%{transform: translateZ(3cqw)}}.scene-hero .sc-view{aspect-ratio: 1 / 1;--srx: 57deg;--srz: -30deg;perspective: 150cqw;border: 0;background: none;overflow: visible}.scene-hero .sc-stage{top: 52%}.hero-floor{left: -48cqw;top: -48cqw;width: 96cqw;height: 96cqw;border-radius: 28px;box-shadow: 0 0 0 1px color-mix(in srgb,var(--ink) 10%,transparent);background-color: color-mix(in srgb,var(--surface) 70%,transparent)}.hero-ring{position: absolute;border-radius: 50%}.hr-1{left: -24cqw;top: -24cqw;width: 48cqw;height: 48cqw;border: .5cqw dashed var(--accent-2);animation: sc-spin 18s linear infinite;transform: translateZ(.2cqw)}.hr-2{left: -34cqw;top: -34cqw;width: 68cqw;height: 68cqw;border: .35cqw solid color-mix(in srgb,var(--accent) 80%,var(--ink));opacity: .6;transform: translateZ(.1cqw)}.belt{position: absolute;top: -4cqw;height: 8cqw;border-radius: 2cqw;transform: translateZ(.3cqw);background: repeating-linear-gradient(90deg,color-mix(in srgb,var(--ink) 18%,transparent) 0 1.2cqw,transparent 1.2cqw 3.6cqw);animation: belt 1s linear infinite}.belt-in{left: -40cqw;width: 30cqw}.belt-uit{left: 10cqw;width: 30cqw}@keyframes belt{to{background-position: 3.6cqw 0}}.hero-core{position: absolute;left: 0;top: 0;transform: translateZ(10.5cqw)}.kern{--w: 20cqw;--h: 20cqw;--d: 20cqw;--c: var(--accent-2);animation: sc-spin-z 12s linear infinite}.kern .f{display: grid !important;place-items: center;box-shadow: inset 0 0 0 .5cqw color-mix(in srgb,#fff 18%,transparent)}.kern .f span{font: 800 5.5cqw/1 var(--f-display);color: #fff}.hero-core .agent-glow{left: -22cqw;top: -22cqw;width: 44cqw;height: 44cqw;transform: translateZ(-10.3cqw)}.hs-in{transform: translate3d(-46cqw,0,0)}.hs-uit{transform: translate3d(44cqw,0,0)}.hr-in{animation: hero-in 4.5s ease-in-out infinite;opacity: 0}.hr-uit{animation: hero-uit 4.5s ease-in-out infinite;opacity: 0}.hr-in.d1,.hr-uit.d1{animation-delay: -1.5s}.hr-in.d2,.hr-uit.d2{animation-delay: -3s}@keyframes hero-in{0%{transform: translate3d(-46cqw,0,8cqw);opacity: 0}8%{opacity: 1}42%{transform: translate3d(-12cqw,0,2cqw);opacity: 1}50%,100%{transform: translate3d(-4cqw,0,6cqw);opacity: 0}}@keyframes hero-uit{0%,48%{transform: translate3d(4cqw,0,6cqw);opacity: 0}56%{transform: translate3d(12cqw,0,2cqw);opacity: 1}92%{transform: translate3d(44cqw,0,7cqw);opacity: 1}100%{transform: translate3d(44cqw,0,7cqw);opacity: 0}}.hero-uren{transform: translateZ(16cqw)}.hero-uren .uur{--w: 5cqw;--h: 5cqw;--d: 5cqw}.route-pad{position: absolute;left: -36cqw;top: -.3cqw;width: 72cqw;height: .6cqw;transform: rotate(-26.57deg) translateZ(.2cqw);background: repeating-linear-gradient(90deg,var(--accent-2) 0 2cqw,transparent 2cqw 3.4cqw)}.zuil{position: absolute;left: 0;top: 0}.zuilblok{--w: 10cqw;--h: 10cqw;--d: var(--zd);--c: var(--night)}.zuilblok .f-front{display: grid !important;place-items: center;background: var(--accent)}.zuilblok .f-front b{font: 800 5cqw/1 var(--f-display);color: var(--accent-ink)}.zp-1{--zd: 6cqw;transform: translate3d(-32cqw,16cqw,3cqw)}.zp-2{--zd: 10cqw;transform: translate3d(-16cqw,8cqw,5cqw)}.zp-3{--zd: 14cqw;transform: translate3d(0,0,7cqw)}.zp-4{--zd: 18cqw;transform: translate3d(16cqw,-8cqw,9cqw)}.zp-5{--zd: 22cqw;transform: translate3d(32cqw,-16cqw,11cqw)}.zp-5 .zuilblok{--c: var(--accent-2)}.springer{position: absolute;left: 0;top: 0;animation: spring 7s cubic-bezier(.5,0,.5,1) infinite}.springer .mini{--w: 5cqw;--h: 5cqw;--d: 5cqw}@keyframes spring{0%{transform: translate3d(-32cqw,16cqw,8.5cqw)}10%{transform: translate3d(-24cqw,12cqw,20cqw)}20%{transform: translate3d(-16cqw,8cqw,12.5cqw)}30%{transform: translate3d(-8cqw,4cqw,24cqw)}40%{transform: translate3d(0,0,16.5cqw)}50%{transform: translate3d(8cqw,-4cqw,28cqw)}60%{transform: translate3d(16cqw,-8cqw,20.5cqw)}70%{transform: translate3d(24cqw,-12cqw,32cqw)}80%,95%{transform: translate3d(32cqw,-16cqw,24.5cqw) rotateZ(90deg)}100%{transform: translate3d(-32cqw,16cqw,8.5cqw)}}.module{position: absolute;left: 0;top: 0;animation: join 6s var(--ease) infinite}.moduleblok{--w: 17cqw;--h: 17cqw;--d: 17cqw}.moduleblok .f-front{display: grid !important;place-items: center}.moduleblok .f-front .icon{width: 9cqw;height: 9cqw}.m-lime{--c: var(--accent);color: var(--accent-ink)}.m-night{--c: var(--night);color: var(--accent)}.m-oranje{--c: var(--accent-2);color: #fff}.m-licht{--c: var(--surface);color: var(--ink)}.md-1{--mx: -9cqw;--my: -9cqw}.md-2{--mx: 9cqw;--my: -9cqw}.md-3{--mx: -9cqw;--my: 9cqw}.md-4{--mx: 9cqw;--my: 9cqw}.md-2{animation-delay: -.15s}.md-3{animation-delay: -.3s}.md-4{animation-delay: -.45s}@keyframes join{0%,15%{transform: translate3d(calc(var(--mx) * 2),calc(var(--my) * 2),16cqw)}45%,85%{transform: translate3d(var(--mx),var(--my),8.5cqw)}100%{transform: translate3d(calc(var(--mx) * 2),calc(var(--my) * 2),16cqw)}}.module-glow{position: absolute;left: -30cqw;top: -30cqw;width: 60cqw;height: 60cqw;border-radius: 50%;background: radial-gradient(closest-side,color-mix(in srgb,var(--accent) 40%,transparent),transparent);animation: glow 3s ease-in-out infinite}.scene-dashboard .sc-view,.scene-workshop .sc-view,.scene-weegschaal .sc-view,.scene-slot .sc-view,.scene-prijskaart .sc-view,.scene-vragen .sc-view{--srx: -12deg;--sry: -24deg;--srz: 0deg}.scene-dashboard .sc-stage,.scene-workshop .sc-stage,.scene-weegschaal .sc-stage,.scene-slot .sc-stage,.scene-prijskaart .sc-stage,.scene-vragen .sc-stage{top: 48%}.scene-dashboard .sc-floor,.scene-workshop .sc-floor,.scene-weegschaal .sc-floor,.scene-slot .sc-floor,.scene-prijskaart .sc-floor,.scene-vragen .sc-floor{transform: translateY(26cqw) rotateX(90deg)}.monitor{position: absolute;left: 0;top: 0;animation: sway 9s ease-in-out infinite}.scherm{--w: 58cqw;--h: 38cqw;--d: 2.4cqw;--c: var(--night)}.scherm .f-front{padding: 1.6cqw}.db-screen{display: grid;grid-template-rows: auto 1fr auto;gap: 2cqw;height: 100%;padding: 2cqw;border-radius: 1.2cqw;background: color-mix(in srgb,var(--paper) 7%,var(--night));box-sizing: border-box}.db-head{display: flex;gap: .8cqw;align-items: center}.db-head i{width: 1.4cqw;height: 1.4cqw;border-radius: 50%;background: color-mix(in srgb,var(--paper) 30%,transparent)}.db-head b{margin-left: auto;font: 600 2cqw/1 var(--f-mono);color: color-mix(in srgb,var(--paper) 70%,transparent)}.db-bars{display: flex;align-items: flex-end;gap: 1.6cqw;height: 100%}.db-bar{flex: 1;height: 60%;border-radius: .6cqw .6cqw 0 0;background: var(--accent);transform-origin: 50% 100%;animation: db 2.6s ease-in-out infinite}.dbb-2{height: 45%;animation-delay: -.3s}.dbb-3{height: 70%;animation-delay: -.6s}.dbb-4{height: 55%;animation-delay: -.9s;background: var(--accent-2)}.dbb-5{height: 80%;animation-delay: -1.2s}.dbb-6{height: 65%;animation-delay: -1.5s}.dbb-7{height: 90%;animation-delay: -1.8s}@keyframes db{50%{transform: scaleY(.7)}}.db-kpi{display: flex;align-items: baseline;gap: 1.4cqw;color: var(--paper)}.db-kpi b{font: 800 4.6cqw/1 var(--f-display);color: var(--accent)}.db-kpi small{font: 500 1.9cqw/1 var(--f-body);color: color-mix(in srgb,var(--paper) 70%,transparent)}.voet{position: absolute;left: 0;top: 0;transform: translateY(22cqw)}.voetstuk{--w: 22cqw;--h: 2cqw;--d: 14cqw;--c: color-mix(in srgb,var(--ink) 55%,var(--surface))}.db-bubble{position: absolute;left: 0;top: 0;transform: translate3d(30cqw,-20cqw,8cqw);animation: bob 3s ease-in-out infinite}.bouwblok{position: absolute;left: 0;top: 0;opacity: 0;animation: drop 9s var(--ease) infinite}.bxl{--x: -6.6cqw}.bxr{--x: 6.6cqw}.byv{--y: -6.6cqw}.bya{--y: 6.6cqw}.bz0{--z: 4cqw}.bz1{--z: 12.4cqw}.bz2{--z: 20.8cqw}.steen{--w: 13cqw;--h: 13cqw;--d: 8.2cqw}.steen .f{border: .2cqw solid color-mix(in srgb,var(--paper) 16%,transparent)}.bb-2{animation-delay: .3s}.bb-3{animation-delay: .6s}.bb-4{animation-delay: .9s}.bb-5{animation-delay: 1.2s}.bb-6{animation-delay: 1.5s}.bb-7{animation-delay: 1.8s}.bb-8{animation-delay: 2.1s}.bb-9{animation-delay: 2.4s}.bb-10{animation-delay: 2.7s}.bb-11{animation-delay: 3s}.bb-12{animation-delay: 3.3s}@keyframes drop{0%{transform: translate3d(var(--x),var(--y),calc(var(--z) + 44cqw));opacity: 0}4%{opacity: 1}10%{transform: translate3d(var(--x),var(--y),var(--z));opacity: 1}12%{transform: translate3d(var(--x),var(--y),calc(var(--z) + 1.2cqw))}14%,80%{transform: translate3d(var(--x),var(--y),var(--z));opacity: 1}100%{transform: translate3d(var(--x),var(--y),var(--z));opacity: 1}}.ws-scherm{position: absolute;left: 0;top: 0;animation: sway 10s ease-in-out infinite}.ws-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1.4cqw;height: 100%;padding: 1.4cqw;box-sizing: border-box}.ws-tile{display: grid;place-items: center;border-radius: 1.2cqw;background: color-mix(in srgb,var(--paper) 10%,var(--night));outline: .5cqw solid transparent;animation: spreker 6s steps(1) infinite}.ws-tile i{width: 8cqw;height: 8cqw;border-radius: 50%;background: radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--paper) 55%,transparent) 0 30%,transparent 31%),radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--paper) 40%,transparent) 0 55%,transparent 56%)}.wt-2{animation-delay: -1s}.wt-3{animation-delay: -2s}.wt-4{animation-delay: -3s}.wt-5{animation-delay: -4s}.wt-6{animation-delay: -5s}.wt-1 i,.wt-4 i{background-color: color-mix(in srgb,var(--accent-2) 25%,transparent)}@keyframes spreker{0%{outline-color: var(--accent)}16.6%,100%{outline-color: transparent}}.ws-badge{position: absolute;left: 0;top: 0;transform: translate3d(-28cqw,-22cqw,6cqw);animation: bob 2.4s ease-in-out infinite}.ws-badge .mini{--w: 10cqw;--h: 5cqw;--d: 5cqw}.gebouw{position: absolute;left: 0;top: 0}.gebouwblok{--w: 12cqw;--h: 12cqw;--d: var(--gh);--c: var(--gc)}.gebouwblok .f-left,.gebouwblok .f-right,.gebouwblok .f-top,.gebouwblok .f-bottom{background-image: repeating-linear-gradient(0deg,transparent 0 2.2cqw,color-mix(in srgb,#fff 35%,transparent) 2.2cqw 3cqw),repeating-linear-gradient(90deg,transparent 0 2cqw,color-mix(in srgb,var(--night) 40%,transparent) 2cqw 2.4cqw)}.gb-1{--gh: 22cqw;--gc: var(--night);transform: translate3d(-24cqw,-14cqw,11cqw)}.gb-2{--gh: 14cqw;--gc: var(--surface);transform: translate3d(-4cqw,-22cqw,7cqw)}.gb-3{--gh: 30cqw;--gc: var(--accent-2);transform: translate3d(18cqw,-12cqw,15cqw)}.gb-4{--gh: 12cqw;--gc: var(--accent);transform: translate3d(-20cqw,10cqw,6cqw)}.gb-5{--gh: 18cqw;--gc: color-mix(in srgb,var(--ink) 35%,var(--surface));transform: translate3d(2cqw,4cqw,9cqw)}.gb-6{--gh: 9cqw;--gc: var(--night);transform: translate3d(22cqw,16cqw,4.5cqw)}.hopper{position: absolute;left: 0;top: 0;animation: hop 9s ease-in-out infinite}.hopper .mini{--w: 5cqw;--h: 5cqw;--d: 5cqw}@keyframes hop{0%,8%{transform: translate3d(-24cqw,-14cqw,24.5cqw)}16%,24%{transform: translate3d(-4cqw,-22cqw,16.5cqw)}32%,40%{transform: translate3d(18cqw,-12cqw,32.5cqw)}48%,56%{transform: translate3d(22cqw,16cqw,11.5cqw)}64%,72%{transform: translate3d(2cqw,4cqw,20.5cqw)}80%,92%{transform: translate3d(-20cqw,10cqw,14.5cqw)}100%{transform: translate3d(-24cqw,-14cqw,24.5cqw)}}.roos{position: absolute;left: 0;top: 0}.ring{position: absolute;border-radius: 50%;box-shadow: 0 0 0 .4cqw color-mix(in srgb,var(--ink) 15%,transparent)}.rr-1{left: -30cqw;top: -30cqw;width: 60cqw;height: 60cqw;background: var(--night);transform: translateZ(.8cqw)}.rr-2{left: -22cqw;top: -22cqw;width: 44cqw;height: 44cqw;background: var(--surface);transform: translateZ(1.6cqw)}.rr-3{left: -14cqw;top: -14cqw;width: 28cqw;height: 28cqw;background: var(--accent-2);transform: translateZ(2.4cqw)}.rr-4{left: -6.5cqw;top: -6.5cqw;width: 13cqw;height: 13cqw;background: var(--accent);transform: translateZ(3.2cqw);animation: hit 5s ease-out infinite}@keyframes hit{0%,46%{box-shadow: 0 0 0 0 color-mix(in srgb,var(--accent) 70%,transparent)}60%{box-shadow: 0 0 0 8cqw transparent}100%{box-shadow: 0 0 0 0 transparent}}.pijl{position: absolute;left: 0;top: 0;animation: schiet 5s cubic-bezier(.3,.1,.3,1) infinite}.schacht{--w: 1.8cqw;--h: 1.8cqw;--d: 30cqw;--c: var(--ink)}.veer{position: absolute;left: -4cqw;top: -4cqw;width: 8cqw;height: 8cqw;background: var(--accent-2);clip-path: polygon(50% 0,100% 50%,50% 100%,0 50%);transform: translateZ(14cqw) rotateX(90deg)}@keyframes schiet{0%{transform: translate3d(-60cqw,40cqw,60cqw) rotateY(-30deg);opacity: 0}10%{opacity: 1}45%,90%{transform: translate3d(0,0,17cqw);opacity: 1}100%{transform: translate3d(0,0,17cqw);opacity: 0}}.dag{position: absolute;left: 0;top: 0}.dg-0{transform: translate3d(-26cqw,0,0)}.dg-1{transform: translate3d(-13cqw,0,0)}.dg-2{transform: translate3d(0,0,0)}.dg-3{transform: translate3d(13cqw,0,0)}.dg-4{transform: translate3d(26cqw,0,0)}.dagblok{position: absolute;left: 0;top: 0}.dz-0{transform: translateZ(2.6cqw)}.dz-1{transform: translateZ(8cqw)}.dz-2{transform: translateZ(13.4cqw)}.dz-3{transform: translateZ(18.8cqw)}.uurblok{--w: 10cqw;--h: 10cqw;--d: 5cqw}.uurblok .f{border: .2cqw solid color-mix(in srgb,var(--paper) 14%,transparent)}.dz-3{animation: rijs 7s var(--ease) infinite}.dz-3 .f{animation: rood-groen 7s var(--ease) infinite}.dg-1 .dz-3,.dg-1 .dz-3 .f{animation-delay: .4s}.dg-2 .dz-3,.dg-2 .dz-3 .f{animation-delay: .8s}.dg-3 .dz-3,.dg-3 .dz-3 .f{animation-delay: 1.2s}.dg-4 .dz-3,.dg-4 .dz-3 .f{animation-delay: 1.6s}@keyframes rijs{0%,30%{transform: translateZ(18.8cqw)}45%,85%{transform: translateZ(22cqw)}100%{transform: translateZ(18.8cqw)}}@keyframes rood-groen{0%,30%{background-color: var(--danger)}45%,85%{background-color: var(--accent)}100%{background-color: var(--danger)}}.daglabel{position: absolute;left: -3cqw;top: 8cqw;font: 600 3cqw/1 var(--f-mono);color: var(--ink-2)}.ws-voet{position: absolute;left: 0;top: 0;transform: translateY(8cqw)}.paal{--w: 3cqw;--h: 34cqw;--d: 3cqw;--c: var(--night)}.balk-wrap{position: absolute;left: 0;top: 0;transform: translateY(-9cqw);animation: kantel 6s ease-in-out infinite}.balk{--w: 56cqw;--h: 2.2cqw;--d: 3cqw;--c: var(--night)}@keyframes kantel{0%,100%{transform: translateY(-9cqw) rotateZ(-9deg)}50%{transform: translateY(-9cqw) rotateZ(7deg)}}@keyframes ontkantel{0%,100%{transform: translateX(var(--sx)) rotateZ(9deg)}50%{transform: translateX(var(--sx)) rotateZ(-7deg)}}.schaal{position: absolute;left: 0;top: 0;animation: ontkantel 6s ease-in-out infinite;transform-origin: 0 0}.sl{--sx: -25cqw}.sr{--sx: 25cqw}.koord{position: absolute;left: -.2cqw;top: 0;width: .4cqw;height: 13cqw;background: color-mix(in srgb,var(--ink) 50%,transparent)}.schaal>.cube{transform: translateY(13cqw)}.schaaldisc{--w: 18cqw;--h: 1.4cqw;--d: 18cqw;--c: color-mix(in srgb,var(--ink) 30%,var(--surface))}.last{position: absolute;left: 0;top: 0;transform: translateY(8.8cqw)}.last .l2{transform: translate3d(3cqw,-7.2cqw,0) rotateY(20deg)}.scene-slot .sc-view{--srx: -14deg;--sry: 0deg}.slot-spin{position: absolute;left: 0;top: 0;animation: sc-spin-y 14s linear infinite}.slotlijf{--w: 28cqw;--h: 22cqw;--d: 11cqw;--c: var(--accent);transform: translateY(6cqw)}.slotlijf .f-front,.slotlijf .f-back{display: grid !important;place-items: center;border-radius: 1.4cqw}.sleutelgat{width: 4cqw;height: 7cqw;background: var(--night);clip-path: polygon(30% 0,70% 0,70% 45%,62% 100%,38% 100%,30% 45%);border-radius: 50%}.beugel{position: absolute;left: 0;top: 0;animation: beugel 5s var(--ease) infinite}.beugel i{position: absolute;left: -9.5cqw;top: -19cqw;width: 19cqw;height: 22cqw;border: 3cqw solid var(--night);border-bottom: 0;border-radius: 10cqw 10cqw 0 0;box-sizing: border-box}@keyframes beugel{0%,20%{transform: translateY(-6cqw) rotateY(35deg)}40%,85%{transform: translateY(0) rotateY(0)}100%{transform: translateY(-6cqw) rotateY(35deg)}}.schild{position: absolute;border-radius: 50%;border: .5cqw dashed var(--accent-2)}.sh-1{left: -28cqw;top: -24cqw;width: 56cqw;height: 56cqw;transform: rotateY(70deg)}.sh-2{left: -32cqw;top: -28cqw;width: 64cqw;height: 64cqw;transform: rotateX(70deg);border-color: color-mix(in srgb,var(--ink) 30%,transparent);border-style: solid}.scene-bureau .sc-view{--srx: 56deg;--srz: -28deg}.tafel{position: absolute;left: 0;top: 0;transform: translateZ(1.2cqw)}.blad{--w: 76cqw;--h: 46cqw;--d: 2.4cqw;--c: color-mix(in srgb,var(--accent-2) 18%,var(--surface))}.laptop{position: absolute;left: 0;top: 0;transform: translate3d(-6cqw,4cqw,2.4cqw)}.lt-basis{position: absolute;left: 0;top: 0;transform: translateZ(.7cqw)}.toetsen{--w: 30cqw;--h: 20cqw;--d: 1.4cqw;--c: color-mix(in srgb,var(--ink) 55%,var(--surface))}.lt-scherm{position: absolute;left: 0;top: 0;transform: translate3d(0,-10cqw,9.6cqw) rotateX(-78deg)}.lcd{--w: 30cqw;--h: 20cqw;--d: 1cqw;--c: color-mix(in srgb,var(--ink) 60%,var(--surface))}.lcd .f-front{padding: 1cqw}.call{display: grid;grid-template-columns: 1fr 1fr;grid-template-rows: 1fr auto;gap: .8cqw;height: 100%;padding: .8cqw;box-sizing: border-box;border-radius: .8cqw;background: var(--night)}.call-a,.call-b{display: grid;place-items: center;border-radius: .8cqw;background: color-mix(in srgb,var(--paper) 10%,var(--night))}.call-a{outline: .4cqw solid var(--accent);animation: spreker 4s steps(1) infinite}.call-b{animation: spreker 4s steps(1) infinite;animation-delay: -2s;outline: .4cqw solid transparent}.call-a i,.call-b i{width: 6cqw;height: 6cqw;border-radius: 50%;background: radial-gradient(circle at 50% 35%,color-mix(in srgb,var(--paper) 60%,transparent) 0 30%,transparent 31%),radial-gradient(ellipse at 50% 100%,color-mix(in srgb,var(--paper) 45%,transparent) 0 55%,transparent 56%)}.call-bar{grid-column: 1 / -1;display: flex;justify-content: center;gap: 1cqw}.call-bar i{width: 2.4cqw;height: 2.4cqw;border-radius: 50%;background: color-mix(in srgb,var(--paper) 30%,transparent)}.call-bar i.rood{background: var(--danger)}.tas{position: absolute;left: 0;top: 0;transform: translate3d(24cqw,8cqw,2.4cqw)}.tl{position: absolute;left: -3.5cqw;top: -3.5cqw;width: 7cqw;height: 7cqw;border-radius: 50%;background: var(--surface);box-shadow: inset 0 0 0 .3cqw color-mix(in srgb,var(--ink) 15%,transparent)}.t1{transform: translateZ(1cqw)}.t2{transform: translateZ(2.2cqw)}.t3{transform: translateZ(3.4cqw)}.t4{transform: translateZ(4.6cqw)}.t5{transform: translateZ(5.8cqw);background: radial-gradient(circle,#5b3a1e 0 58%,var(--surface) 60%)}.stoom{position: absolute;left: -1cqw;top: -1cqw;width: 2cqw;height: 2cqw;border-radius: 50%;background: color-mix(in srgb,var(--ink) 18%,transparent);animation: stoom 3s ease-out infinite}.s2{animation-delay: -1.5s;left: .5cqw}@keyframes stoom{0%{transform: translateZ(7cqw) scale(.6);opacity: 0}30%{opacity: .8}100%{transform: translateZ(20cqw) scale(1.6);opacity: 0}}.bel-bubble{position: absolute;left: 0;top: 0;transform: translate3d(-6cqw,-16cqw,30cqw);animation: bob-z 3s ease-in-out infinite}.tag3d{position: absolute;left: 0;top: 0;animation: bob 4s ease-in-out infinite}.kaartje{--w: 22cqw;--h: 30cqw;--d: 1.2cqw;--c: var(--surface)}.kaartje .f-front,.kaartje .f-back{border-radius: 2cqw 2cqw 2cqw 2cqw;border: .3cqw solid var(--line);filter: none}.pt{display: grid;justify-items: center;align-content: start;gap: 4cqw;height: 100%;padding-top: 3cqw;box-sizing: border-box}.pt i{width: 3.4cqw;height: 3.4cqw;border-radius: 50%;background: var(--bg-2);box-shadow: inset 0 0 0 .4cqw var(--line)}.pt b{font: 800 12cqw/1 var(--f-display);color: var(--ink)}.tg-1{transform: translate3d(-24cqw,4cqw,-10cqw) rotateZ(-10deg);animation-delay: -1s}.tg-3{transform: translate3d(24cqw,6cqw,-10cqw) rotateZ(10deg);animation-delay: -2s}.tg-2 .cube{animation: sc-spin-y 9s linear infinite}.hoofd .kaartje{--c: var(--accent)}.hoofd .kaartje .f-front,.hoofd .kaartje .f-back{border-color: var(--accent)}.hoofd .pt b{color: var(--accent-ink)}.tg-1 .pt b,.tg-3 .pt b{color: var(--accent-2-text)}.tag3d.tg-1{animation-name: bob-1}.tag3d.tg-3{animation-name: bob-3}@keyframes bob-1{0%,100%{transform: translate3d(-24cqw,4cqw,-10cqw) rotateZ(-10deg)}50%{transform: translate3d(-24cqw,0,-10cqw) rotateZ(-6deg)}}@keyframes bob-3{0%,100%{transform: translate3d(24cqw,6cqw,-10cqw) rotateZ(10deg)}50%{transform: translate3d(24cqw,2cqw,-10cqw) rotateZ(6deg)}}.vraag-kern{position: absolute;left: 0;top: 0;animation: bob 3s ease-in-out infinite}.vraag-kern .mini{animation: tumble 10s linear infinite}.baan{position: absolute;left: 0;top: 0;animation: sc-spin-y 16s linear infinite}.bubbel{position: absolute;left: 0;top: 0}.bubbel span{position: absolute;left: -8cqw;top: -6cqw;width: 16cqw;height: 12cqw;display: grid;place-items: center;border-radius: 3cqw;background: var(--surface);border: .4cqw solid var(--line);font: 800 6cqw/1 var(--f-display);color: var(--ink);animation: tegen 16s linear infinite;box-shadow: 0 1.6cqw 3cqw -1.6cqw rgba(0,0,0,.3)}.bb-1{transform: translate3d(30cqw,-6cqw,0)}.bb-2{transform: translate3d(0,6cqw,30cqw)}.bb-3{transform: translate3d(-30cqw,-10cqw,0)}.bb-4{transform: translate3d(0,2cqw,-30cqw)}.bb-2 span{background: var(--accent);border-color: var(--accent);color: var(--accent-ink)}.bb-4 span{background: var(--night);border-color: var(--night);color: var(--accent)}@keyframes tegen{to{transform: rotateY(-360deg)}}.page-hero.has-scene .wrap{display: grid;gap: 28px;align-items: center}@media (min-width: 960px){.page-hero.has-scene .wrap{grid-template-columns: minmax(0,1.15fr) minmax(0,.85fr);gap: 56px}.page-hero.has-scene .crumbs{grid-column: 1 / -1}}.page-hero .ph-text{min-width: 0}.page-hero .ph-scene .sc-view{border: 0;background: radial-gradient(60% 60% at 50% 55%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}.page-hero .ph-scene .sc-cap{justify-content: center;text-align: center}@media (max-width: 959px){.page-hero .ph-scene{max-width: 520px;margin: 0 auto;width: 100%}.page-hero .ph-scene .sc-view{aspect-ratio: 16 / 11}}.hero-v2{overflow: hidden;padding-bottom: clamp(56px,7vw,90px)}.hero-v2::before{z-index: 0}.hero-bg{position: absolute;inset: 0;z-index: 0;pointer-events: none}.blob{position: absolute;border-radius: 50%;opacity: .55;animation: drift 18s ease-in-out infinite alternate}.b1{width: 46vw;height: 46vw;right: -8vw;top: -12vw;background: radial-gradient(closest-side,color-mix(in srgb,var(--accent) 55%,transparent),transparent)}.b2{width: 34vw;height: 34vw;right: 22vw;top: 18vw;background: radial-gradient(closest-side,color-mix(in srgb,var(--accent-2) 28%,transparent),transparent);animation-duration: 22s}.b3{width: 40vw;height: 40vw;left: -14vw;bottom: -18vw;background: radial-gradient(closest-side,color-mix(in srgb,var(--accent) 30%,transparent),transparent);animation-duration: 26s}@keyframes drift{50%{transform: translate3d(-3vw,2vw,0) scale(1.08)}100%{transform: translate3d(2vw,-2vw,0) scale(.95)}}.hero-v2 .wrap{position: relative;z-index: 1}.hero-v2 .hero-grid{gap: 24px}@media (min-width: 1000px){.hero-v2 .hero-grid{grid-template-columns: 1.05fr 1fr;gap: 32px}}.hero-title .w{display: inline-block;animation: word-in .9s var(--ease) both}.hero-title-sub{display: block !important;margin-top: .45em;max-width: 22em;font-size: clamp(1.25rem,2.3vw,1.9rem);line-height: 1.15;letter-spacing: -0.02em;color: var(--ink-2)}.w2{animation-delay: .06s}.w3{animation-delay: .12s}.w4{animation-delay: .18s}.w5{animation-delay: .24s}.w6{animation-delay: .3s}@keyframes word-in{from{transform: translateY(.35em) rotate(2deg)}}.btn-glow{position: relative}.btn-glow::after{content: "";position: absolute;inset: -4px;border-radius: inherit;border: 2px solid var(--accent);opacity: 0;animation: glow-ring 2.8s ease-out infinite;pointer-events: none}@keyframes glow-ring{0%{opacity: .9;transform: scale(.96)}100%{opacity: 0;transform: scale(1.18)}}.hero-visual3d{position: relative;--px: 0;--py: 0}.scene-hero-main .sc-cap{justify-content: center;text-align: center;font-size: .82rem}.chip3d{position: absolute;z-index: 2;display: flex;gap: 12px;align-items: center;padding: 12px 16px 12px 12px;border-radius: 18px;background: color-mix(in srgb,var(--surface) 88%,transparent);border: 1px solid var(--line);box-shadow: 0 18px 40px -18px rgba(20,19,15,.45);backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);transform: translate3d(calc(var(--px) * var(--depth,14px)),calc(var(--py) * var(--depth,14px)),0);transition: transform .4s var(--ease)}.chip3d>span:last-child{display: grid;gap: 2px}.chip3d small{font-size: .78rem;color: var(--muted)}.chip3d strong{font-size: .95rem;line-height: 1.2}.chip3d .icon{flex: none}.cp-1{left: 0;top: 6%;--depth: 22px;animation: chip-float 6s ease-in-out infinite}.cp-1 strong{font-family: var(--f-display);font-size: 1.6rem;letter-spacing: -.03em}.cp-1 strong b{color: var(--accent-2-text)}.cp-2{right: 0;top: 30%;--depth: -18px;animation: chip-float 7s ease-in-out infinite -2s}.cp-3{left: 6%;bottom: 16%;--depth: 12px;animation: chip-float 6.5s ease-in-out infinite -4s}@keyframes chip-float{50%{margin-top: -10px}}.chip-ring{width: 46px;height: 46px;border-radius: 50%;display: grid;place-items: center;background: var(--night);color: var(--accent);box-shadow: inset 0 0 0 3px var(--accent)}.chip-ok{width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: var(--accent);color: var(--accent-ink)}.chip-eye{width: 32px;height: 32px;border-radius: 50%;display: grid;place-items: center;background: color-mix(in srgb,var(--accent-2) 18%,transparent);color: var(--accent-2-text)}.scroll-cue{position: relative;z-index: 1;display: flex;flex-direction: column;align-items: center;gap: 4px;width: max-content;margin: 8px auto 0;font-size: .82rem;color: var(--muted);text-decoration: none}.scroll-cue .icon{animation: cue 1.8s ease-in-out infinite}@keyframes cue{50%{transform: translateY(5px)}}@media (max-width: 999px){.hero-visual3d{max-width: 560px;margin: 0 auto;width: 100%}.cp-2{top: 34%}}@media (max-width: 520px){.chip3d{padding: 8px 12px 8px 8px;gap: 8px;border-radius: 14px}.chip3d strong{font-size: .82rem}.chip3d small{font-size: .7rem}.cp-1 strong{font-size: 1.2rem}.chip-ring{width: 36px;height: 36px}.cp-3{display: none}}.sc-stage{transform: rotateX(calc(var(--srx) + var(--ty))) rotateY(calc(var(--sry) + var(--tx) + var(--sp,0) * var(--spy,0deg))) rotateZ(calc(var(--srz) + var(--sp,0) * var(--spz,16deg)))}.scene-sandbox .sc-view,.scene-schuld .sc-view,.scene-nakijken .sc-view,.scene-dashboard .sc-view,.scene-workshop .sc-view,.scene-weegschaal .sc-view,.scene-slot .sc-view,.scene-prijskaart .sc-view,.scene-vragen .sc-view{--spz: 0deg;--spy: 18deg}@media (prefers-reduced-motion: reduce){.sc-stage{transform: rotateX(var(--srx)) rotateY(var(--sry)) rotateZ(var(--srz))}.blob,.chip3d,.btn-glow::after{animation: none}}@media (prefers-reduced-motion: reduce){.bouwblok{opacity: 1;animation: none;transform: translate3d(var(--x),var(--y),var(--z))}.hr-in,.hr-uit,.pijl{animation: none;opacity: 1}.hr-in{transform: translate3d(-24cqw,0,4cqw)}.hr-uit{transform: translate3d(24cqw,0,4cqw)}.pijl{transform: translate3d(0,0,17cqw)}.hr-in.d1,.hr-in.d2,.hr-uit.d1,.hr-uit.d2{display: none}}.ph-scene .sc-stage{scale: 1.22}.ph-scene .scene-modules .sc-stage,.ph-scene .scene-doel .sc-stage,.ph-scene .scene-prijskaart .sc-stage,.ph-scene .scene-slot .sc-stage{scale: 1.4}.ph-scene .scene-bouw .sc-stage,.ph-scene .scene-staven .sc-stage,.ph-scene .scene-stad .sc-stage{scale: 1.1}@media (max-width: 999px){.scene-hero .sc-view{overflow: hidden;aspect-ratio: 1 / .92}.scene-hero .sc-stage{scale: .86}.scene-hero .sc-cap{position: relative;z-index: 1}}.logo-3d{--ls: 52px;position: relative;display: inline-block;width: var(--ls);height: var(--ls);flex: none;perspective: 160px;margin: -6px 0}.m-rig{position: absolute;inset: 0;transform-style: preserve-3d;animation: m-intro 1.2s var(--ease) both,m-wieg 6s ease-in-out 1.2s infinite;will-change: transform}.m-laag{position: absolute;inset: 0;width: 100%;height: 100%;overflow: visible}.m-achter{transform: translateZ(-4px)}.m-midden{transform: translateZ(1px)}.m-voor{transform: translateZ(7px);filter: drop-shadow(0 2px 2px rgb(0 0 0 / .18))}.m-schaduw{fill: rgb(0 0 0 / .16);transform-origin: 31px 60px;animation: m-schaduw 1.6s ease-in-out infinite}.site-footer .m-schaduw{fill: rgb(0 0 0 / .45)}.m-antenne{transform-origin: 24px 5px;animation: m-antenne 1.6s ease-in-out infinite}.m-oog{transform-box: fill-box;transform-origin: 50% 50%;animation: m-knipper 4.5s ease-in-out infinite}.m-ogen{animation: m-kijk 6s ease-in-out infinite}.m-wijzer{transform-origin: 44px 44px;animation: m-rond 3s linear infinite}.m-voortgang{stroke-dasharray: 100 100;stroke-dashoffset: 100;animation: m-teller 3s linear infinite}.m-knop{animation: m-klik 3s ease-in-out infinite}.m-dl{transform-box: fill-box;transform-origin: 50% 50%;opacity: 0;animation: m-deeltje 3s ease-out infinite}.m-dl.d2{animation-delay: 1s}.m-dl.d3{animation-delay: 2s}.logo-glow{position: absolute;inset: -18%;border-radius: 50%;background: radial-gradient(circle,color-mix(in srgb,var(--accent) 55%,transparent) 0%,transparent 62%);opacity: .35;transform: scale(.8);animation: logo-glow 3.2s ease-in-out infinite;pointer-events: none}.site-footer .logo-glow{background: radial-gradient(circle,color-mix(in srgb,var(--accent) 40%,transparent) 0%,transparent 62%)}.brand:hover .m-rig,.brand:focus-visible .m-rig{animation: m-sprong 1.1s var(--ease)}.brand:hover .m-wijzer{animation-duration: .7s}.brand:hover .m-voortgang{animation-duration: .7s}.brand:hover .logo-glow{opacity: .8;transform: scale(1.12)}.brand-word{position: relative;display: inline-block;transition: transform .5s var(--ease);transform-origin: 0 50%}.brand-word::after{content: attr(data-text);position: absolute;inset: 0;color: transparent;pointer-events: none;background: linear-gradient(100deg,transparent 35%,var(--accent-2) 47%,var(--accent) 53%,transparent 65%) no-repeat;background-size: 300% 100%;background-position: 120% 0;-webkit-background-clip: text;background-clip: text;animation: logo-word 6s ease-in-out 1.2s infinite}.brand:hover .brand-word{transform: perspective(300px) rotateY(-14deg) translateX(2px)}.brand:hover .brand-word::after{animation: logo-word-fast 1s var(--ease)}@keyframes m-intro{from{transform: translateY(14px) rotateY(-120deg) scale(.4);opacity: 0}55%{opacity: 1}75%{transform: translateY(-4px) rotateY(10deg) scale(1.06)}to{transform: rotateY(-14deg);opacity: 1}}@keyframes m-wieg{0%,100%{transform: rotateY(-14deg) translateY(0)}25%{transform: rotateY(0deg) translateY(-2px)}50%{transform: rotateY(16deg) translateY(0)}75%{transform: rotateY(0deg) translateY(-2px)}}@keyframes m-sprong{0%{transform: rotateY(-14deg)}35%{transform: translateY(-9px) rotateY(160deg) scale(1.05)}70%{transform: translateY(1px) rotateY(346deg) scale(.97)}100%{transform: rotateY(346deg)}}@keyframes m-schaduw{25%,75%{transform: scaleX(.85);opacity: .7}}@keyframes m-antenne{50%{transform: scale(1.25);fill: #c6f432}}@keyframes m-knipper{0%,44%,50%,100%{transform: scaleY(1)}47%{transform: scaleY(.12)}}@keyframes m-kijk{0%,30%{transform: translateX(0)}40%,60%{transform: translateX(2px)}70%,100%{transform: translateX(0)}}@keyframes m-rond{to{transform: rotate(360deg)}}@keyframes m-teller{to{stroke-dashoffset: 0}}@keyframes m-klik{0%,6%,100%{transform: translateY(0)}3%{transform: translateY(1.6px)}}@keyframes m-deeltje{0%{transform: translateY(0) scale(.5);opacity: 0}15%{opacity: 1}100%{transform: translateY(-16px) rotate(90deg) scale(1);opacity: 0}}@keyframes logo-glow{50%{opacity: .6;transform: scale(1.05)}}@keyframes logo-word{0%,60%{background-position: 120% 0}85%,100%{background-position: -20% 0}}@keyframes logo-word-fast{from{background-position: 120% 0}to{background-position: -20% 0}}@media (prefers-reduced-motion: reduce){.m-rig,.brand:hover .m-rig{animation: none;transform: rotateY(-14deg)}.m-schaduw,.m-antenne,.m-oog,.m-ogen,.m-wijzer,.m-knop,.logo-glow,.brand-word::after,.brand:hover .brand-word::after{animation: none}.m-voortgang{animation: none;stroke-dashoffset: 30}.m-dl,.brand-word::after{display: none}.brand:hover .brand-word{transform: none}}@media print{.m-rig,.m-wijzer,.m-voortgang,.m-oog{animation: none}.m-voortgang{stroke-dashoffset: 30}.logo-glow,.m-dl,.brand-word::after{display: none}}.wc-view{perspective: 900px;perspective-origin: 50% 50%;padding: 14px 0 6px}.wc3{position: relative;height: 44px;transform-style: preserve-3d;transform: rotateX(calc(-30deg + var(--ty,0deg) * .8)) rotateY(calc(var(--tx,0deg) * .4 + var(--sp,0) * 5deg));transition: transform .5s var(--ease)}.wc-l{position: absolute;inset: 0;width: 100%;height: 100%;display: block;overflow: visible}.wl-1{transform: translateZ(-2.6px)}.wl-2{transform: translateZ(-5.2px)}.wl-3{transform: translateZ(-7.8px)}.wl-4{transform: translateZ(-10.4px)}.wl-5{transform: translateZ(-13.0px)}.wl-6{transform: translateZ(-15.6px)}.wl-7{transform: translateZ(-18.2px)}.wl-8{transform: translateZ(-20.8px)}.wl-9{transform: translateZ(-23.4px)}.wc-l:not(.wl-0){filter: brightness(.74)}.wc-l:not(.wl-0) .seg-focus{fill: #4a463c}.wc-slot{position: absolute;inset: 0}.wl-9{filter: brightness(.6) drop-shadow(0 10px 8px rgb(0 0 0 / .18))}.wc-pop{position: absolute;inset: 0;transform-style: preserve-3d;transform: translate3d(0,-16px,2px)}.wl-pop.wl-0{filter: drop-shadow(0 0 10px color-mix(in srgb,var(--accent) 70%,transparent))}.is-visible .wc-pop{animation: wc-drop 1.1s var(--ease) 1s both,wc-float 3.4s ease-in-out 2.1s infinite}.wc-shine{position: absolute;inset: 0;border-radius: 6px;transform: translateZ(1px);pointer-events: none;background: linear-gradient(105deg,transparent 40%,rgb(255 255 255 / .28) 50%,transparent 60%) no-repeat;background-size: 300% 100%;background-position: 120% 0;animation: wc-shine 7s ease-in-out 2s infinite}.wc3-b .wc-shine{animation-delay: 3s}.wc-4d:not(.is-playing) .wc-pop,.wc-4d:not(.is-playing) .wc-shine{animation-play-state: paused}@keyframes wc-drop{from{transform: translate3d(0,-60px,60px) rotateX(40deg);opacity: 0}60%{opacity: 1}80%{transform: translate3d(0,-12px,2px)}to{transform: translate3d(0,-16px,2px);opacity: 1}}@keyframes wc-float{0%,100%{transform: translate3d(0,-16px,2px)}50%{transform: translate3d(0,-23px,2px)}}@keyframes wc-shine{0%,50%{background-position: 120% 0}80%,100%{background-position: -20% 0}}@media (prefers-reduced-motion: reduce){.wc-pop,.is-visible .wc-pop,.wc-shine{animation: none}.wc3{transform: none}}.scene-vensters .sc-view,.scene-tandwielen .sc-view{--srx: -12deg;--sry: -24deg;--srz: 0deg;--spz: 0deg;--spy: 18deg}.scene-vensters .sc-stage,.scene-tandwielen .sc-stage{top: 48%}.scene-vensters .sc-floor,.scene-tandwielen .sc-floor{transform: translateY(26cqw) rotateX(90deg)}.rek-unit{position: absolute;left: 0;top: 0}.ru-1{transform: translateZ(3cqw)}.ru-2{transform: translateZ(9.6cqw)}.ru-3{transform: translateZ(16.2cqw)}.blade{--w: 22cqw;--h: 16cqw;--d: 6cqw;--c: var(--night)}.blade .f-front{background-image: repeating-linear-gradient(90deg,transparent 0 1.6cqw,color-mix(in srgb,var(--paper) 14%,transparent) 1.6cqw 2cqw)}.blade .f-bottom,.blade .f-right{background-image: linear-gradient(90deg,transparent 18%,color-mix(in srgb,var(--paper) 18%,transparent) 18% 86%,transparent 86%);background-size: 100% 1cqw;background-repeat: no-repeat;background-position: 0 50%}.blade .f-bottom::after,.blade .f-right::after{content: "";position: absolute;left: 1.4cqw;top: calc(50% - .7cqw);width: 1.4cqw;height: 1.4cqw;border-radius: 50%;background: var(--accent);box-shadow: 0 0 1.2cqw var(--accent);animation: led 1.4s steps(1) infinite}.ru-2 .f-bottom::after,.ru-2 .f-right::after{animation-delay: -.5s;background: var(--accent-2);box-shadow: 0 0 1.2cqw var(--accent-2)}.ru-3 .f-bottom::after,.ru-3 .f-right::after{animation-delay: -.9s}@keyframes led{50%{opacity: .2}}.deploy-ring{position: absolute;left: 0;top: 0;transform: translateZ(22cqw)}.deploy-ring i{position: absolute;left: -10cqw;top: -10cqw;width: 20cqw;height: 20cqw;border-radius: 50%;border: .9cqw solid var(--accent);box-sizing: border-box;box-shadow: 0 0 3cqw color-mix(in srgb,var(--accent) 60%,transparent);animation: ring-puls 2s ease-in-out infinite}@keyframes ring-puls{50%{transform: scale(1.12);opacity: .6}}.versie{position: absolute;left: 0;top: 0;opacity: 0;animation: versie-op 6s ease-in infinite}.vs-2{animation-delay: -2s}.vs-3{animation-delay: -4s}.versie .mini{--w: 7cqw;--h: 7cqw;--d: 4cqw}.vt{font: 800 2.6cqw/1 var(--f-mono);color: var(--accent-ink)}@keyframes versie-op{0%{transform: translate3d(0,0,18cqw);opacity: 0}12%{opacity: 1}70%{transform: translate3d(0,0,44cqw) rotateZ(90deg);opacity: 1}100%{transform: translate3d(0,0,56cqw) rotateZ(140deg);opacity: 0}}.baan{position: absolute;left: 0;top: 0;transform: translateZ(11cqw);animation: baan 9s linear infinite}.satelliet{position: absolute;left: 0;top: 0;transform: translate3d(21cqw,0,0)}.satelliet .mini{--w: 4.6cqw;--h: 4.6cqw;--d: 4.6cqw}@keyframes baan{from{transform: translateZ(11cqw) rotateZ(0)}to{transform: translateZ(11cqw) rotateZ(360deg)}}.venster{position: absolute;left: 0;top: 0;animation: venster 12s var(--ease) infinite}.vn-2{animation-delay: -8s}.vn-3{animation-delay: -4s}.browser{--w: 44cqw;--h: 30cqw;--d: 1.4cqw;--c: var(--surface)}.browser .f-front{padding: 1.2cqw;border: .25cqw solid var(--line);border-radius: 1.2cqw}.browser .f-back{border-radius: 1.2cqw}.bw{display: grid;grid-template-rows: auto 1fr auto;gap: 1.4cqw;height: 100%;box-sizing: border-box}.bw-bar{display: flex;align-items: center;gap: .7cqw}.bw-bar i{width: 1.3cqw;height: 1.3cqw;border-radius: 50%;background: color-mix(in srgb,var(--ink) 25%,transparent)}.bw-bar i:first-child{background: var(--accent-2)}.bw-bar b{flex: 1;height: 1.8cqw;margin-left: 1cqw;border-radius: 1cqw;background: color-mix(in srgb,var(--ink) 9%,transparent)}.bw-hero{border-radius: .9cqw;background: linear-gradient(120deg,var(--accent) 0 55%,color-mix(in srgb,var(--accent) 60%,var(--surface)) 55%)}.vn-2 .bw-hero{background: linear-gradient(120deg,var(--accent-2) 0 55%,color-mix(in srgb,var(--accent-2) 55%,var(--surface)) 55%)}.vn-3 .bw-hero{background: linear-gradient(120deg,var(--night) 0 55%,color-mix(in srgb,var(--night) 60%,var(--surface)) 55%)}.bw-grid{display: grid;grid-template-columns: repeat(3,1fr);gap: 1cqw}.bw-grid i{height: 4.4cqw;border-radius: .7cqw;background: color-mix(in srgb,var(--ink) 11%,transparent)}@keyframes venster{0%,23%{transform: translate3d(-8cqw,4cqw,12cqw)}28%{transform: translate3d(-40cqw,0,2cqw) rotateY(-28deg)}33.3%,56.6%{transform: translate3d(9cqw,-8cqw,-12cqw)}66.6%,90%{transform: translate3d(0,-2cqw,0)}100%{transform: translate3d(-8cqw,4cqw,12cqw)}}.cursor3d{position: absolute;left: 0;top: 0;transform: translate3d(2cqw,8cqw,16cqw);animation: cursor-klik 3s ease-in-out infinite}.cursor3d i{position: absolute;left: 0;top: 0;width: 5cqw;height: 6.4cqw;background: var(--accent-2);clip-path: polygon(0 0,100% 62%,58% 66%,78% 100%,62% 100%,44% 70%,0 90%);filter: drop-shadow(0 .6cqw .6cqw rgb(0 0 0 / .25))}@keyframes cursor-klik{0%,100%{transform: translate3d(2cqw,8cqw,16cqw)}40%{transform: translate3d(-6cqw,2cqw,16cqw)}48%{transform: translate3d(-6cqw,2cqw,16cqw) scale(.8)}56%{transform: translate3d(-6cqw,2cqw,16cqw)}}.tafel2{position: absolute;left: 0;top: 0;transform: translateZ(4cqw)}.tafelblad{--w: 30cqw;--h: 20cqw;--d: 8cqw;--c: color-mix(in srgb,var(--accent-2) 22%,var(--surface))}.ai-kern{position: absolute;left: 0;top: 0;transform: translateZ(11.5cqw);animation: kern-z 3s ease-in-out infinite}.ai-kern .mini{--w: 7cqw;--h: 7cqw;--d: 7cqw}.ai-kern .mini em{font-size: 2.6cqw}@keyframes kern-z{50%{transform: translateZ(14cqw) rotateZ(45deg)}}.persoon{position: absolute;left: 0;top: 0}.ps-1{transform: translate3d(-24cqw,2cqw,0);--kx: -20cqw;--ky: 2cqw}.ps-2{transform: translate3d(0,-19cqw,0);--kx: 0cqw;--ky: -15cqw}.ps-3{transform: translate3d(24cqw,2cqw,0);--kx: 20cqw;--ky: 2cqw}.ps-lijf{position: absolute;left: 0;top: 0;transform: translateZ(5cqw)}.lijf{--w: 6.4cqw;--h: 5cqw;--d: 10cqw;--c: var(--night)}.ps-2 .lijf{--c: var(--accent-2)}.ps-3 .lijf{--c: color-mix(in srgb,var(--ink) 45%,var(--surface))}.ps-hoofd{position: absolute;left: 0;top: 0;transform: translateZ(12.8cqw);animation: knik 9s ease-in-out infinite}.ps-2 .ps-hoofd,.ps-2 .alarm,.tk3-2{animation-delay: 2s}.ps-3 .ps-hoofd,.ps-3 .alarm,.tk3-3{animation-delay: 4s}.hoofd{--w: 4.6cqw;--h: 4.6cqw;--d: 4.6cqw;--c: #e9c9a4}@keyframes knik{0%,14%,24%,100%{transform: translateZ(12.8cqw)}18%{transform: translateZ(12.8cqw) rotateX(-18deg)}}.alarm{position: absolute;left: 0;top: 0;transform: translateZ(21cqw);animation: alarm 9s var(--ease) infinite}.alarmblok{--w: 5cqw;--h: 5cqw;--d: 2cqw;--c: var(--accent-2)}.alarmblok .f-back{background: var(--accent);filter: none}.alarmblok .f span{font: 800 3cqw/1 var(--f-display);color: #fff}.alarmblok .f em{font-size: 3cqw}@keyframes alarm{0%,15%{transform: translateZ(21cqw) rotateY(0)}22%,84%{transform: translateZ(23cqw) rotateY(180deg)}92%,100%{transform: translateZ(21cqw) rotateY(360deg)}}.ticket{position: absolute;left: 0;top: 0;opacity: 0;animation: ticket 9s ease-in-out infinite}.ticket.tk3-1{--kx: -20cqw;--ky: 2cqw}.ticket.tk3-2{--kx: 0cqw;--ky: -15cqw}.ticket.tk3-3{--kx: 20cqw;--ky: 2cqw}.ticketje{--w: 5cqw;--h: 3.6cqw;--d: .6cqw;--c: var(--paper)}.ticketje .f-front{background-image: linear-gradient(transparent 30%,color-mix(in srgb,var(--night) 30%,transparent) 30% 40%,transparent 40% 58%,color-mix(in srgb,var(--night) 30%,transparent) 58% 68%,transparent 68%);background-size: 80% 100%;background-position: 50% 0;background-repeat: no-repeat}@keyframes ticket{0%{transform: translate3d(0,0,13cqw);opacity: 0}3%{opacity: 1}13%{transform: translate3d(var(--kx),var(--ky),17cqw) rotateZ(180deg);opacity: 1}16%,100%{transform: translate3d(var(--kx),var(--ky),17cqw) rotateZ(180deg);opacity: 0}}.tandwiel{position: absolute;left: calc(var(--s) / -2);top: calc(var(--s) / -2);width: var(--s);height: var(--s)}.tw-a{--s: 32cqw;--gc: var(--accent);animation: tw-a 12s linear infinite}.tw-b{--s: 22cqw;--gc: var(--night);animation: tw-b 8.25s linear infinite}.tw-laag{position: absolute;inset: 0;border-radius: 50%;background: radial-gradient(circle closest-side,var(--accent-2) 0 10%,var(--gc) 10.5% 22%,color-mix(in srgb,var(--gc) 70%,var(--night)) 22.5% 26%,var(--gc) 26.5% 80%,transparent 80.5%),radial-gradient(circle closest-side,transparent 0 60%,color-mix(in srgb,var(--night) 25%,transparent) 60% 62%,transparent 62%),repeating-conic-gradient(var(--gc) 0 7.5deg,transparent 7.5deg 15deg)}.tl-1{transform: translateZ(1.8cqw)}.tl-2{transform: translateZ(0);filter: brightness(.78)}.tl-3{transform: translateZ(-1.8cqw);filter: brightness(.6)}.tw-as{position: absolute;left: 50%;top: 50%;width: 4cqw;height: 4cqw;margin: -2cqw 0 0 -2cqw;border-radius: 50%;background: var(--paper);transform: translateZ(2.4cqw);box-shadow: inset 0 0 0 .8cqw var(--accent-2)}@keyframes tw-a{from{transform: translate3d(-10cqw,-3cqw,0) rotateZ(0)}to{transform: translate3d(-10cqw,-3cqw,0) rotateZ(360deg)}}@keyframes tw-b{from{transform: translate3d(15cqw,9cqw,0) rotateZ(7deg)}to{transform: translate3d(15cqw,9cqw,0) rotateZ(-353deg)}}.blad-in{position: absolute;left: 0;top: 0;opacity: 0;animation: blad-in 6s ease-in-out infinite}.vel{--w: 15cqw;--h: 19cqw;--d: .5cqw;--c: var(--paper)}.vel .f-front{padding: 1.4cqw;border: .25cqw solid var(--line)}.sheet{display: grid;grid-template-columns: 1fr 2fr 1fr;gap: .7cqw;height: 100%}.sheet i{border-radius: .3cqw;background: color-mix(in srgb,var(--night) 16%,transparent)}.sheet i:nth-child(3n+2){background: color-mix(in srgb,var(--accent) 55%,transparent)}@keyframes blad-in{0%{transform: translate3d(-44cqw,-6cqw,10cqw) rotateY(18deg);opacity: 0}12%{opacity: 1}45%{transform: translate3d(-12cqw,-3cqw,6cqw) rotateY(0) scale(.5);opacity: 1}55%,100%{transform: translate3d(-10cqw,-3cqw,4cqw) scale(.1);opacity: 0}}.klaar-uit{position: absolute;left: 0;top: 0;opacity: 0;animation: klaar-uit 6s var(--ease) infinite}.klaar-uit .mini{--w: 8cqw;--h: 8cqw;--d: 8cqw}@keyframes klaar-uit{0%,50%{transform: translate3d(15cqw,9cqw,4cqw) scale(.2);opacity: 0}58%{opacity: 1}75%,88%{transform: translate3d(34cqw,-4cqw,12cqw) rotateY(200deg);opacity: 1}100%{transform: translate3d(38cqw,-12cqw,12cqw) rotateY(220deg);opacity: 0}}.winkel{position: absolute;left: 0;top: 0;transform: translate3d(-34cqw,4cqw,8cqw)}.pand{--w: 16cqw;--h: 16cqw;--d: 16cqw;--c: var(--surface)}.pand .f-bottom,.pand .f-right{background-image: linear-gradient(transparent 55%,color-mix(in srgb,var(--night) 70%,transparent) 55% 92%,transparent 92%);background-size: 60% 100%;background-position: 50% 0;background-repeat: no-repeat}.luifel{position: absolute;left: 0;top: 0;transform: translate3d(0,9.5cqw,3cqw)}.luifelblok{--w: 17cqw;--h: 4cqw;--d: 2cqw;--c: var(--accent-2)}.luifelblok .f{background-image: repeating-linear-gradient(90deg,var(--accent-2) 0 2cqw,var(--paper) 2cqw 4cqw)}.band{position: absolute;left: 0;top: 0;transform: translate3d(5cqw,4cqw,1.5cqw)}.bandblok{--w: 62cqw;--h: 10cqw;--d: 3cqw;--c: var(--night)}.bandblok .f-front{background-image: repeating-linear-gradient(90deg,var(--night) 0 2cqw,color-mix(in srgb,var(--paper) 22%,var(--night)) 2cqw 2.4cqw);background-size: 4.8cqw 100%;animation: band 1s linear infinite}@keyframes band{to{background-position: 4.8cqw 0}}.pakje{position: absolute;left: 0;top: 0;opacity: 0;animation: pakje 8s linear infinite}.pk-2{animation-delay: -2s}.pk-3{animation-delay: -4s}.pk-4{animation-delay: -6s}.doos{--w: 6.4cqw;--h: 6.4cqw;--d: 5cqw;--c: #c8955a}.doos .f-front{background-image: linear-gradient(90deg,transparent 42%,rgb(255 255 255 / .55) 42% 58%,transparent 58%)}@keyframes pakje{0%{transform: translate3d(-24cqw,4cqw,5.5cqw);opacity: 0}6%{opacity: 1}86%{opacity: 1}100%{transform: translate3d(34cqw,4cqw,5.5cqw);opacity: 0}}.pk-ok{position: absolute;left: 0;top: 0;transform: translate3d(30cqw,4cqw,13cqw);animation: pk-ok 2s ease-in-out infinite}.pk-ok .mini{--w: 6cqw;--h: 6cqw;--d: 6cqw}@keyframes pk-ok{50%{transform: translate3d(30cqw,4cqw,16cqw) rotateZ(90deg)}}@media (prefers-reduced-motion: reduce){.versie.vs-1{opacity: 1;transform: translate3d(0,0,30cqw)}.versie.vs-2,.versie.vs-3,.ticket{display: none}.venster.vn-1{transform: translate3d(-8cqw,4cqw,12cqw)}.venster.vn-2{transform: translate3d(0,-2cqw,0)}.venster.vn-3{transform: translate3d(9cqw,-8cqw,-12cqw)}.tw-a{transform: translate3d(-10cqw,-3cqw,0)}.tw-b{transform: translate3d(15cqw,9cqw,0) rotateZ(7deg)}.blad-in{opacity: 1;transform: translate3d(-34cqw,-6cqw,10cqw) rotateY(18deg)}.klaar-uit{opacity: 1;transform: translate3d(34cqw,-4cqw,12cqw)}.pakje{opacity: 1}.pk-1{transform: translate3d(-16cqw,4cqw,5.5cqw)}.pk-2{transform: translate3d(0,4cqw,5.5cqw)}.pk-3{transform: translate3d(16cqw,4cqw,5.5cqw)}.pk-4{display: none}.alarm.ps-1,.ps-1 .alarm{transform: translateZ(23cqw) rotateY(180deg)}}