@property --x{syntax: "<number>";inherits: true;initial-value: 0}:root{--paper: #ECEEEA;--sheet: #F8F9F6;--sheet-2: #F2F3F0;--ink: #1C1E23;--ink-2: #474B53;--mute: #767A82;--faint: #A4A7AC;--rule: rgba(28,30,35,.16);--rule-2: rgba(28,30,35,.09);--k: #B0123E;--k-hi: #C8164A;--k-ink: #9A0F36;--k-tint: rgba(176,18,62,.08);--k-tint-2: rgba(176,18,62,.16);--ok: #2F7A4D;--warn: #9A6200;--f: 'Bricolage Grotesque','Helvetica Neue',Arial,system-ui,sans-serif;--f-m: 'IBM Plex Mono',ui-monospace,'SF Mono',Menlo,monospace;--e: cubic-bezier(.22,1,.36,1);--e-io: cubic-bezier(.65,0,.35,1);--e-in: cubic-bezier(.4,0,1,1);--pad: clamp(20px,4.2vw,56px);--w: 1240px;--sh: 0 1px 1px rgba(28,30,35,.04),0 18px 40px -22px rgba(28,30,35,.28);color-scheme: light}@font-face{font-family: 'Bricolage Grotesque';font-style: normal;font-display: swap;font-weight: 200 800;font-stretch: 75% 100%;src: url(/assets/fonts/bricolage-grotesque.woff2) format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-display: swap;font-weight: 400;src: url(/assets/fonts/ibm-plex-mono-400.woff2) format('woff2')}@font-face{font-family: 'IBM Plex Mono';font-style: normal;font-display: swap;font-weight: 500;src: url(/assets/fonts/ibm-plex-mono-500.woff2) format('woff2')}*,*::before,*::after{box-sizing: border-box}html{-webkit-text-size-adjust: 100%;text-size-adjust: 100%;background: var(--paper);scroll-padding-top: 24px}body{margin: 0;background: var(--paper);color: var(--ink);font-family: var(--f);font-size: 17px;line-height: 1.55;font-optical-sizing: auto;-webkit-font-smoothing: antialiased;text-rendering: optimizeLegibility;overflow-x: clip}h1,h2,h3,h4,p,dl,dd,ul,ol,figure,blockquote{margin: 0}ul,ol{padding: 0;list-style: none}button,input,textarea,select{font: inherit;color: inherit;letter-spacing: inherit}button{cursor: pointer;background: none;border: 0;padding: 0}a{color: inherit}img,svg,video{display: block;max-width: 100%}::selection{background: var(--k-tint-2)}:focus-visible{outline: 2px solid var(--k);outline-offset: 3px;border-radius: 4px}.sr{position: absolute !important;width: 1px;height: 1px;overflow: hidden;clip: rect(0 0 0 0);white-space: nowrap}.skip{position: absolute;left: -999px;top: 10px;z-index: 300;background: var(--ink);color: var(--sheet);padding: 8px 14px;border-radius: 8px;font-size: 15px;text-decoration: none}.skip:focus{left: 12px}.tnum{font-variant-numeric: tabular-nums}.m{font-family: var(--f-m);font-size: .82em;letter-spacing: -.01em}.wrap{width: min(var(--w),100% - 2 * var(--pad));margin-inline: auto}kbd{font-family: var(--f-m);font-size: 12px;line-height: 1;padding: 3px 5px 2px;border: 1px solid var(--rule);border-bottom-width: 2px;border-radius: 5px;color: var(--ink-2);background: var(--sheet)}.d1,.d2,.d3{font-weight: 640;font-stretch: 84%;letter-spacing: -.035em;line-height: .98;text-wrap: balance}.d2{font-size: clamp(36px,4.9vw,64px)}.d3{font-size: clamp(26px,2.8vw,36px);letter-spacing: -.025em;line-height: 1.05}.lede{font-size: clamp(18px,1.5vw,20px);line-height: 1.5;color: var(--ink-2);max-width: 54ch;text-wrap: pretty}.small{font-size: 14.5px;line-height: 1.5;color: var(--mute)}.link{color: var(--ink);text-decoration: underline;text-decoration-color: var(--rule);text-underline-offset: 3px;text-decoration-thickness: 1px;transition: text-decoration-color .2s}.link:hover{text-decoration-color: var(--k)}.btn{display: inline-flex;align-items: center;gap: 10px;height: 48px;padding: 0 20px;border-radius: 10px;font-weight: 560;font-size: 16px;text-decoration: none;white-space: nowrap;transition: transform .25s var(--e),background-color .2s,box-shadow .2s}.btn:active{transform: scale(.98)}.btn-k{background: var(--k);color: #fff;box-shadow: 0 1px 0 rgba(255,255,255,.18) inset,0 8px 20px -10px rgba(176,18,62,.6)}.btn-k:hover{background: var(--k-hi)}.btn-k kbd{background: rgba(255,255,255,.14);color: #fff;border-color: rgba(255,255,255,.3)}.btn-q{border: 1px solid var(--rule);color: var(--ink);background: transparent}.btn-q:hover{background: var(--sheet)}.btn[disabled]{opacity: .55;cursor: default}.ret{width: 14px;height: 14px}.name{position: absolute;top: 22px;left: var(--pad);z-index: 5;display: block;text-decoration: none;line-height: 1.25;view-transition-name: nm}.name b,.name h1{display: block;font-size: 16px;font-weight: 620;letter-spacing: -.01em}.name span{display: block;font-size: 14px;color: var(--mute)}.ix{position: fixed;z-index: 60;top: 20px;right: var(--pad);display: inline-flex;align-items: center;gap: 10px;height: 38px;padding: 0 8px 0 14px;border-radius: 9px;background: rgba(248,249,246,.82);-webkit-backdrop-filter: blur(10px);backdrop-filter: blur(10px);border: 1px solid var(--rule);font-size: 15px;font-weight: 560;text-decoration: none;color: var(--ink);view-transition-name: ix;transition: transform .25s var(--e),border-color .2s}.ix:hover{border-color: rgba(28,30,35,.32)}.ix:active{transform: scale(.97)}.ix-dots{display: grid;grid-template-columns: repeat(3,3px);gap: 2.5px}.ix-dots i{width: 3px;height: 3px;border-radius: 1px;background: currentColor}.ix-dots i:nth-child(5){background: var(--k)}@media (max-width: 720px){.ix{top: auto;bottom: calc(14px + env(safe-area-inset-bottom));right: 14px;height: 46px;padding: 0 16px;box-shadow: var(--sh)}.ix kbd{display: none}}@media (hover: none){.ix kbd{display: none}}.marks{position: absolute;inset: 0;pointer-events: none}.marks i{position: absolute;width: 18px;height: 18px;border: 0 solid rgba(28,30,35,.34);pointer-events: none}.marks i:nth-child(1){top: 12px;left: 12px;border-top-width: 1px;border-left-width: 1px}.marks i:nth-child(2){top: 12px;right: 12px;border-top-width: 1px;border-right-width: 1px}.marks i:nth-child(3){bottom: 12px;left: 12px;border-bottom-width: 1px;border-left-width: 1px}.marks i:nth-child(4){bottom: 12px;right: 12px;border-bottom-width: 1px;border-right-width: 1px}.hero{position: relative;min-height: 100vh;min-height: 100svh;display: grid;place-items: center;padding: 96px var(--pad)}.hero .foot-l,.hero .foot-r{position: absolute;bottom: 24px;margin: 0;font-size: 14.5px;color: var(--ink-2)}.hero .foot-l{left: var(--pad);max-width: 30ch}.hero .foot-r{right: var(--pad)}.avail{display: inline-flex;align-items: center;gap: 9px}.avail-dot{width: 8px;height: 8px;border-radius: 50%;background: var(--ok);box-shadow: 0 0 0 4px rgba(47,122,77,.14)}.avail[data-state="beperkt"] .avail-dot{background: var(--warn);box-shadow: 0 0 0 4px rgba(154,98,0,.14)}.avail[data-state="vol"] .avail-dot{background: var(--mute);box-shadow: none}@media (max-width: 720px){.hero{padding: 92px 18px}.hero .foot-l{display: none}.hero .foot-r{left: 18px;right: 90px;bottom: calc(26px + env(safe-area-inset-bottom));font-size: 13.5px;line-height: 1.35}}.sec{padding: clamp(96px,13vw,168px) 0 0}.sec-head{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: 24px 48px;align-items: end;margin-bottom: clamp(36px,5vw,64px)}.sec-head .lede{justify-self: start}@media (max-width: 860px){.sec-head{grid-template-columns: 1fr}}.work{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: clamp(18px,2vw,28px)}.card{position: relative;display: flex;flex-direction: column;gap: 18px;text-decoration: none;color: inherit}.card-media{position: relative;border-radius: 12px;overflow: hidden;background: var(--sheet);box-shadow: var(--sh);aspect-ratio: 16 / 10;transition: transform .5s var(--e)}.card:hover .card-media{transform: translateY(-4px)}.card:active .card-media{transform: translateY(-1px) scale(.995)}.card-body{display: grid;grid-template-columns: auto 1fr auto;gap: 4px 14px;align-items: baseline}.card-key{grid-row: span 2;align-self: start;margin-top: 4px}.card h3{justify-self: start;font-size: 22px;font-weight: 620;letter-spacing: -.02em;line-height: 1.15;font-stretch: 90%}.card p{grid-column: 2 / -1;color: var(--ink-2);font-size: 16px;max-width: 58ch}.card .st{justify-self: end}.card.is-feat{grid-column: 1 / -1;display: grid;grid-template-columns: minmax(0,8fr) minmax(0,4fr);gap: clamp(24px,4vw,56px);align-items: start;margin-bottom: clamp(20px,3vw,40px)}.card-facts{grid-column: 2;display: grid;margin-top: 18px;border-top: 1px solid var(--rule)}.card-facts div{display: flex;justify-content: space-between;gap: 16px;padding: 9px 0;border-bottom: 1px solid var(--rule-2);font-size: 15px}.card-facts dt{color: var(--mute)}.card-facts dd{font-weight: 560;text-align: right}.card.is-feat h3{font-size: clamp(30px,3.4vw,44px);font-stretch: 84%;letter-spacing: -.03em}.card.is-feat .card-body{grid-template-columns: auto 1fr;padding-top: 4px}.card.is-feat .card-body p{font-size: 18px}.card.is-feat .st{grid-column: 2;justify-self: start;margin-top: 14px}.card-meta{grid-column: 2 / -1;font-size: 14.5px;color: var(--mute)}.card.is-ph .card-media{box-shadow: none;background: repeating-linear-gradient(-45deg,transparent 0 9px,rgba(28,30,35,.05) 9px 10px),var(--sheet-2);outline: 1px dashed rgba(28,30,35,.28);outline-offset: -1px;display: grid;place-items: center}.card.is-ph .card-media span{font-size: 14.5px;color: var(--mute);background: var(--sheet-2);padding: 4px 10px;border-radius: 6px}.card.is-ph h3{color: var(--ink-2)}@media (max-width: 960px){.work{grid-template-columns: 1fr 1fr}.card.is-feat{grid-template-columns: 1fr}}@media (max-width: 620px){.work{grid-template-columns: 1fr}}.bf{position: absolute;inset: 0;display: flex;flex-direction: column}.bf-bar{flex: none;height: 28px;display: flex;align-items: center;gap: 6px;padding: 0 12px;background: var(--sheet);border-bottom: 1px solid var(--rule-2)}.bf-bar i{width: 8px;height: 8px;border-radius: 50%;background: rgba(28,30,35,.14)}.bf-bar span{margin-left: 10px;font-family: var(--f-m);font-size: 11.5px;color: var(--mute)}.bf-view{position: relative;flex: 1;overflow: hidden;background: #fff}.bf-view img,.bf-view video{width: 100%;height: 100%;object-fit: cover;object-position: top center}.st{display: inline-flex;align-items: center;gap: 8px;font-size: 14px;color: var(--mute);white-space: nowrap}.st i{width: 7px;height: 7px;border-radius: 50%;background: var(--faint)}.st[data-state="up"] i{background: var(--ok);box-shadow: 0 0 0 3px rgba(47,122,77,.15)}.st[data-state="down"] i{background: var(--k)}.st[data-state="onbekend"] i{background: transparent;border: 1.5px solid var(--faint)}.st[hidden]{display: none}.steps{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));gap: 0 clamp(20px,3vw,44px);counter-reset: s}.step{position: relative;padding-top: 30px}.step::before{content: "";position: absolute;top: 0;left: 0;right: calc(-1 * clamp(20px,3vw,44px));height: 1px;background: var(--rule)}.step:last-child::before{right: 0}.step::after{content: "";position: absolute;top: -4px;left: 0;width: 9px;height: 9px;border-radius: 50%;background: var(--paper);border: 1.5px solid var(--ink)}.step:first-child::after{background: var(--k);border-color: var(--k)}.step-when{display: block;font-size: 15px;font-weight: 600;color: var(--k-ink);margin-bottom: 10px}.step h3{font-size: 24px;font-weight: 620;letter-spacing: -.02em;font-stretch: 90%;margin-bottom: 10px}.step p{color: var(--ink-2);max-width: 38ch}@media (max-width: 820px){.steps{grid-template-columns: 1fr;gap: 0}.step{padding: 0 0 36px 30px}.step::before{top: 6px;bottom: 0;left: 4px;right: auto;width: 1px;height: auto}.step:last-child::before{display: none}.step::after{top: 2px}}.tools{display: grid;grid-template-columns: repeat(5,minmax(0,1fr));border-top: 1px solid var(--rule)}.tools>div{padding: 18px 18px 22px 0}.tools>div + div{padding-left: 18px;border-left: 1px solid var(--rule-2)}.tools h3{font-family: var(--f-m);font-size: 13px;font-weight: 500;color: var(--k-ink);margin-bottom: 14px}.tools li{padding: 7px 0;border-bottom: 1px solid var(--rule-2)}.tools li:last-child{border-bottom: 0}.tools li b{display: block;font-weight: 560;font-size: 16.5px;line-height: 1.3}.tools li span{font-size: 13.5px;color: var(--mute)}@media (max-width: 960px){.tools{grid-template-columns: repeat(2,minmax(0,1fr))}.tools>div:nth-child(odd){padding-left: 0;border-left: 0}.tools>div{border-bottom: 1px solid var(--rule-2)}}.contact{padding-bottom: clamp(72px,9vw,120px)}.contact .mail{display: inline-block;font-size: clamp(30px,6.4vw,92px);font-weight: 640;font-stretch: 80%;letter-spacing: -.04em;line-height: 1;text-decoration: none;color: var(--ink);border-bottom: 2px solid var(--rule);padding-bottom: .06em;transition: border-color .25s;overflow-wrap: anywhere}.contact .mail:hover{border-color: var(--k)}.contact-row{display: flex;flex-wrap: wrap;gap: 14px 36px;align-items: center;margin-top: 36px;font-size: 16.5px;color: var(--ink-2)}.foot{border-top: 1px solid var(--rule);padding: 22px 0 calc(28px + env(safe-area-inset-bottom));font-size: 14px;color: var(--mute)}.foot .wrap{display: flex;flex-wrap: wrap;gap: 10px 28px}.foot a{text-decoration: none}.foot a:hover{color: var(--ink)}.foot .sp{flex: 1}@media (max-width: 720px){.foot{padding-bottom: calc(84px + env(safe-area-inset-bottom))}}.ixo{position: fixed;inset: 0;z-index: 80;background: var(--paper);overflow-y: auto;overscroll-behavior: contain;opacity: 0;visibility: hidden;transition: opacity .28s var(--e),visibility 0s .28s}.ixo.on{opacity: 1;visibility: visible;transition: opacity .3s var(--e)}.ixo-in{min-height: 100%;display: grid;grid-template-rows: auto 1fr auto;gap: 40px;padding: 22px var(--pad) 32px}.ixo-top{display: flex;justify-content: space-between;align-items: center;gap: 16px;min-height: 40px}.ixo-top b{font-weight: 620}.ixo-acts{display: flex;gap: 10px}.ixo-acts button{height: 38px;padding: 0 14px;border-radius: 9px;border: 1px solid var(--rule);font-size: 15px;font-weight: 540;display: inline-flex;align-items: center;gap: 8px;background: var(--sheet)}.ixo-acts button:hover{border-color: rgba(28,30,35,.32)}.ixo-grid{display: grid;grid-template-columns: minmax(0,7fr) minmax(0,4fr);gap: 40px clamp(32px,6vw,96px);align-content: center}.ixo h2{font-size: 14.5px;font-weight: 500;color: var(--mute);margin-bottom: 10px}.ixo-proj a{display: grid;grid-template-columns: 2.2ch 1fr auto;gap: 18px;align-items: baseline;padding: 10px 0;border-bottom: 1px solid var(--rule-2);text-decoration: none}.ixo-proj a b{font-size: clamp(30px,4.4vw,58px);font-weight: 640;font-stretch: 82%;letter-spacing: -.035em;line-height: 1.02;transition: transform .35s var(--e)}.ixo-proj a.is-ph b{color: var(--faint)}.ixo-proj a:hover b{transform: translateX(10px)}.ixo-proj a>span:first-child{font-family: var(--f-m);font-size: 14px;color: var(--k-ink)}.ixo-proj a small{font-size: 14px;color: var(--mute)}.ixo-sec a{display: block;padding: 9px 0;font-size: 21px;font-weight: 560;text-decoration: none;border-bottom: 1px solid var(--rule-2);transition: color .2s}.ixo-sec a:hover{color: var(--k-ink)}.ixo-foot{display: flex;flex-wrap: wrap;gap: 8px 28px;justify-content: space-between;font-size: 14.5px;color: var(--mute)}.ixo .ixo-proj li,.ixo .ixo-sec li{opacity: 0;transform: translateY(14px)}.ixo.on .ixo-proj li,.ixo.on .ixo-sec li{opacity: 1;transform: none;transition: opacity .45s var(--e),transform .6s var(--e);transition-delay: calc(40ms + var(--i,0) * 35ms)}@media (max-width: 820px){.ixo-grid{grid-template-columns: 1fr;align-content: start}.ixo-proj a small{display: none}.ixo-in{padding-bottom: calc(32px + env(safe-area-inset-bottom))}}.pal{position: fixed;inset: 0;z-index: 90;display: grid;justify-items: center;align-items: start;padding: min(18vh,160px) 16px 16px;background: rgba(236,238,234,.62);-webkit-backdrop-filter: blur(6px);backdrop-filter: blur(6px);opacity: 0;visibility: hidden;transition: opacity .18s var(--e),visibility 0s .18s}.pal.on{opacity: 1;visibility: visible;transition: opacity .2s var(--e)}.pal-box{width: min(620px,100%);background: var(--sheet);border: 1px solid var(--rule);border-radius: 14px;box-shadow: 0 30px 80px -30px rgba(28,30,35,.45),0 2px 6px rgba(28,30,35,.06);overflow: hidden;transform: translateY(-8px) scale(.985);transition: transform .3s var(--e)}.pal.on .pal-box{transform: none}.pal-in{display: flex;align-items: center;gap: 12px;padding: 0 16px;border-bottom: 1px solid var(--rule-2)}.pal-in svg{width: 18px;height: 18px;color: var(--mute);flex: none}.pal-in input{flex: 1;height: 58px;border: 0;background: transparent;font-size: 18px;outline: none;min-width: 0}.pal-in input::placeholder{color: var(--faint)}.pal-list{max-height: min(52vh,420px);overflow-y: auto;padding: 8px;overscroll-behavior: contain}.pal-g{padding: 10px 10px 4px;font-size: 13px;color: var(--mute)}.pal-it{display: flex;align-items: center;gap: 12px;padding: 10px 10px;border-radius: 9px;text-decoration: none;cursor: pointer}.pal-it .k{flex: none;font-family: var(--f-m);font-size: 12.5px;color: var(--mute);width: 2ch;text-align: center}.pal-it>span:not(.k){flex: 1;min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.pal-it small{color: var(--mute);font-size: 13.5px;white-space: nowrap}.pal-it[aria-selected="true"]{background: var(--k-tint)}.pal-it[aria-selected="true"] .k{color: var(--k-ink)}.pal-empty{padding: 22px 12px;color: var(--mute);font-size: 15px}.pal-hint{display: flex;gap: 18px;padding: 10px 16px;border-top: 1px solid var(--rule-2);font-size: 13px;color: var(--mute)}@media (max-width: 620px){.pal{padding-top: 12px}.pal-hint{display: none}}.toast{position: fixed;left: 50%;bottom: 28px;z-index: 95;transform: translate(-50%,16px);opacity: 0;background: var(--ink);color: var(--sheet);padding: 10px 16px;border-radius: 10px;font-size: 15px;transition: opacity .25s var(--e),transform .35s var(--e);pointer-events: none}.toast.on{opacity: 1;transform: translate(-50%,0)}@media (prefers-reduced-motion: reduce){*,*::before,*::after{animation-duration: .001ms !important;animation-iteration-count: 1 !important;transition-duration: .001ms !important;transition-delay: 0s !important;scroll-behavior: auto !important}}@media (max-width: 720px){.marks i:nth-child(3),.marks i:nth-child(4){display: none}}.c-top{padding-top: 104px}.c-back{display: inline-flex;align-items: center;gap: 8px;font-size: 15px;color: var(--ink-2);text-decoration: none;margin-bottom: clamp(28px,5vh,56px)}.c-back svg{width: 14px;height: 14px;transition: transform .3s var(--e)}.c-back:hover svg{transform: translateX(-3px)}.c-kind{display: flex;flex-wrap: wrap;gap: 6px 18px;font-size: 15px;color: var(--mute);margin-bottom: 14px}.c-kind .k{color: var(--k-ink);font-family: var(--f-m);font-size: 14px}.c-h1{font-size: clamp(56px,10vw,148px);font-weight: 660;font-stretch: 78%;letter-spacing: -.045em;line-height: .9;width: fit-content;max-width: 100%;overflow-wrap: anywhere}.c-ph .c-h1{color: var(--ink-2);font-size: clamp(40px,6.4vw,96px)}.c-line{margin-top: 20px;font-size: clamp(19px,1.7vw,23px);line-height: 1.45;color: var(--ink-2);max-width: 46ch;text-wrap: pretty}.c-dev{position: relative;margin-top: clamp(40px,6vw,72px);padding-bottom: clamp(40px,6vw,80px)}.c-browser{position: relative;aspect-ratio: 16 / 10;border-radius: 12px;overflow: hidden;background: var(--sheet);box-shadow: 0 2px 4px rgba(28,30,35,.05),0 40px 90px -40px rgba(28,30,35,.42);width: 84%}.c-browser .bf-bar{height: 34px}.c-phone{position: absolute;right: 0;bottom: 0;width: clamp(150px,21%,270px);aspect-ratio: 390 / 844;border-radius: 30px;padding: 7px;background: var(--ink);box-shadow: 0 30px 70px -26px rgba(28,30,35,.55)}.c-phone::before{content: "";position: absolute;z-index: 2;top: 13px;left: 50%;width: 26%;height: 14px;margin-left: -13%;border-radius: 8px;background: var(--ink)}.c-phone-v{position: relative;width: 100%;height: 100%;border-radius: 24px;overflow: hidden;background: #fff}.c-phone-v img,.c-phone-v video{width: 100%;height: 100%;object-fit: cover;object-position: top center}.c-dev.is-ph .c-browser .bf-view,.c-dev.is-ph .c-phone-v{background: repeating-linear-gradient(-45deg,transparent 0 9px,rgba(28,30,35,.05) 9px 10px),var(--sheet-2);display: grid;place-items: center;color: var(--mute);font-size: 15px;text-align: center;padding: 12px}@media (max-width: 720px){.c-browser{width: 100%}.c-phone{position: relative;width: 52%;margin: -18% 4% 0 auto}}.c-meta{display: grid;grid-template-columns: minmax(0,8fr) minmax(0,4fr);gap: 28px 48px;align-items: start}.facts{display: grid;grid-template-columns: repeat(3,minmax(0,1fr));border-top: 1px solid var(--rule)}.facts div{padding: 14px 16px 16px 0;border-bottom: 1px solid var(--rule-2)}.facts dt{font-size: 13.5px;color: var(--mute)}.facts dd{font-size: 17px;font-weight: 560;line-height: 1.3;margin-top: 2px}.c-live{display: grid;gap: 10px;padding-top: 14px;border-top: 1px solid var(--rule);font-size: 15.5px}.c-live a{font-weight: 560}.rec-btn{justify-self: start;display: inline-flex;align-items: center;gap: 8px;font-size: 14px;color: var(--ink-2);padding: 6px 10px 6px 8px;border-radius: 8px;border: 1px solid var(--rule)}.rec-btn:hover{border-color: rgba(28,30,35,.32)}.rec-btn svg{width: 14px;height: 14px}.rec-btn[aria-pressed="true"] .ic-pause,.rec-btn[aria-pressed="false"] .ic-play{display: none}.rec-btn[hidden]{display: none}@media (max-width: 860px){.c-meta{grid-template-columns: 1fr}.facts{grid-template-columns: repeat(2,minmax(0,1fr))}}.c-intro{display: grid;grid-template-columns: minmax(0,4fr) minmax(0,8fr);gap: 20px 48px}.c-intro .prose{display: grid;gap: 1em;font-size: 19px;line-height: 1.6;color: var(--ink);max-width: 62ch}@media (max-width: 860px){.c-intro{grid-template-columns: 1fr}.c-intro .prose{font-size: 17.5px}}.xr{--x: .1;transition: --x .8s var(--e)}.xr.is-drag{transition: none}.xr-body{display: grid;grid-template-columns: minmax(0,6fr) minmax(0,6fr);gap: 32px clamp(32px,5vw,72px);align-items: center}.xr-stage{position: relative;height: clamp(360px,40vw,520px);display: grid;place-items: center;cursor: ns-resize;touch-action: none;user-select: none;-webkit-user-select: none}.xr-iso{position: relative;width: min(300px,70%);aspect-ratio: 1.35;transform: translateY(18%) rotateX(56deg) rotateZ(-38deg);transform-style: preserve-3d}.xr-pl{position: absolute;inset: 0;border: 1.5px solid var(--ink);border-radius: 8px;background: var(--sheet);transform: translateZ(calc(var(--i) * 12px + var(--x) * var(--i) * 64px));transition: opacity .35s var(--e),border-color .3s,background-color .3s;overflow: hidden}.xr-pl>b{position: absolute;left: 10px;bottom: 8px;font-family: var(--f-m);font-size: 13px;font-weight: 500;color: var(--ink);opacity: clamp(0,calc((var(--x) - .35) * 4),1)}.xr-pl[data-layer="UI"]>b{opacity: 1}.xr[data-active]:not([data-active=""]) .xr-pl{opacity: .28}.xr[data-active="UI"] .xr-pl[data-layer="UI"],.xr[data-active="API"] .xr-pl[data-layer="API"],.xr[data-active="Data"] .xr-pl[data-layer="Data"],.xr[data-active="AI"] .xr-pl[data-layer="AI"],.xr[data-active="Infra"] .xr-pl[data-layer="Infra"]{opacity: 1;border-color: var(--k);background: #fff}.xr[data-active="UI"] .xr-pl[data-layer="UI"]>b,.xr[data-active="API"] .xr-pl[data-layer="API"]>b,.xr[data-active="Data"] .xr-pl[data-layer="Data"]>b,.xr[data-active="AI"] .xr-pl[data-layer="AI"]>b,.xr[data-active="Infra"] .xr-pl[data-layer="Infra"]>b{color: var(--k-ink)}.tx{position: absolute;inset: 12px 12px 30px}.tx-ui{display: grid;grid-template-columns: 1fr 2fr;grid-template-rows: 10px 1fr 1fr;gap: 6px}.tx-ui i{border: 1.2px solid rgba(28,30,35,.35);border-radius: 3px}.tx-ui i:first-child{grid-column: 1 / -1;background: var(--ink);border: 0}.tx-ui i:nth-child(2){grid-row: span 2}.tx-api{display: grid;align-content: start;gap: 5px;font-family: var(--f-m);font-size: 10.5px;color: var(--ink-2);line-height: 1.2}.tx-api em{font-style: normal;color: var(--k-ink)}.tx-ai{background: radial-gradient(circle,rgba(28,30,35,.55) 2.2px,transparent 2.6px) 0 0 / 22px 22px}.tx-ai::after{content: "";position: absolute;left: 44%;top: 38%;width: 9px;height: 9px;border-radius: 50%;background: var(--k);box-shadow: 0 0 0 5px var(--k-tint-2)}.tx-data{background: linear-gradient(rgba(28,30,35,.25) 1px,transparent 1px) 0 0 / 100% 14px,linear-gradient(90deg,rgba(28,30,35,.25) 1px,transparent 1px) 0 0 / 33.3% 100%;border: 1px solid rgba(28,30,35,.3)}.tx-infra{display: grid;gap: 6px;align-content: start}.tx-infra i{height: 12px;border: 1.2px solid rgba(28,30,35,.35);border-radius: 2px;position: relative}.tx-infra i::after{content: "";position: absolute;right: 5px;top: 3px;width: 4px;height: 4px;border-radius: 50%;background: var(--ok)}.xr-list{display: grid}.xr-list li{display: grid;grid-template-columns: 58px 1fr;gap: 12px;padding: 16px 0;border-bottom: 1px solid var(--rule-2);cursor: default;outline-offset: 4px;transition: opacity .3s var(--e)}.xr-list li:first-child{border-top: 1px solid var(--rule)}.xr-list .lt{font-family: var(--f-m);font-size: 13.5px;color: var(--k-ink);padding-top: 3px}.xr-list p{font-size: 16px;color: var(--ink-2);line-height: 1.5}.xr[data-active]:not([data-active=""]) .xr-list li:not(.is-on){opacity: .45}.xr-range{display: flex;align-items: center;gap: 14px;margin-top: 18px;font-size: 14.5px;color: var(--mute)}.xr-range input{flex: 1;max-width: 260px;accent-color: var(--k)}@media (max-width: 860px){.xr-body{grid-template-columns: 1fr}.xr-stage{height: 360px;order: -1}}.c-parts ul{display: grid;grid-template-columns: repeat(2,minmax(0,1fr));gap: 0 48px;border-top: 1px solid var(--rule)}.c-parts li{padding: 20px 0 22px;border-bottom: 1px solid var(--rule-2)}.c-parts h3{font-size: 20px;font-weight: 620;letter-spacing: -.015em;margin-bottom: 6px}.c-parts p{color: var(--ink-2);max-width: 54ch}@media (max-width: 720px){.c-parts ul{grid-template-columns: 1fr}}.c-next{display: block;text-decoration: none;padding: clamp(40px,6vw,72px) 0;border-top: 1px solid var(--rule);margin-top: clamp(96px,12vw,160px)}.c-next small{display: block;font-size: 15px;color: var(--mute);margin-bottom: 8px}.c-next b{display: inline-block;font-size: clamp(36px,6vw,84px);font-weight: 650;font-stretch: 80%;letter-spacing: -.04em;line-height: 1;transition: transform .45s var(--e)}.c-next:hover b{transform: translateX(12px)}.c-next .k{font-family: var(--f-m);font-size: 15px;color: var(--k-ink);margin-right: 14px;vertical-align: super}.c-ph-note{margin-top: 18px;display: inline-block;font-size: 14.5px;padding: 6px 12px;border-radius: 8px;border: 1px dashed rgba(28,30,35,.3);color: var(--ink-2)}.doc{padding: 120px 0 80px}.doc .prose{display: grid;gap: 1em;max-width: 64ch;margin-top: 28px;color: var(--ink-2)}.doc .prose h2{font-size: 21px;color: var(--ink);margin-top: .8em;letter-spacing: -.01em}.cp{width: min(1080px,100%)}.cp-form{display: flex;flex-direction: column;align-items: center;text-align: center;transform-origin: 50% 0}.cp-help{font-size: 16.5px;color: var(--ink-2);max-width: 46ch;margin-bottom: clamp(14px,2.2vh,26px);text-wrap: balance}.cp-field{position: relative;width: 100%}.cp-in{display: block;width: 100%;resize: none;overflow: hidden;border: 0;background: transparent;outline: none;padding: 0 0 .1em;text-align: center;color: var(--ink);caret-color: var(--k);font-size: var(--cp-fs,clamp(46px,7.8vw,118px));font-weight: 620;font-stretch: 88%;letter-spacing: -.028em;line-height: 1.02;text-wrap: balance}.cp-in::placeholder{color: var(--ink);opacity: 1;transition: color .3s var(--e)}.cp-in:focus::placeholder{color: var(--faint)}.cp-in[data-len="m"]{--cp-fs: clamp(34px,5vw,72px)}.cp-in[data-len="l"]{--cp-fs: clamp(26px,3.2vw,46px);letter-spacing: -.025em;line-height: 1.12}.cp-line{height: 1px;width: min(560px,80%);margin: clamp(10px,1.6vh,18px) auto 0;background: var(--rule);position: relative;overflow: hidden}.cp-line::after{content: "";position: absolute;inset: 0;background: var(--k);transform: scaleX(0);transition: transform .6s var(--e)}.cp-form:focus-within .cp-line::after{transform: scaleX(1)}.cp-row{display: flex;flex-wrap: wrap;justify-content: center;align-items: center;gap: 14px 22px;margin-top: clamp(18px,2.6vh,30px)}.cp-try{display: flex;flex-wrap: wrap;justify-content: center;align-items: baseline;gap: 6px 16px;font-size: 15.5px;color: var(--mute)}.cp-try button{color: var(--ink-2);text-decoration: underline;text-decoration-color: var(--rule);text-underline-offset: 4px;transition: color .2s,text-decoration-color .2s}.cp-try button:hover{color: var(--ink);text-decoration-color: var(--k)}.cp-err{min-height: 0;font-size: 15px;color: var(--k-ink);margin-top: 10px}.cp-err:empty{display: none}.cp-count{position: absolute;right: 0;bottom: -22px;font-size: 12.5px;color: var(--mute);opacity: 0;transition: opacity .2s}.cp-count.on{opacity: 1}.cp-nojs{margin-top: 18px;font-size: 15px;color: var(--ink-2)}.hero.is-planning{display: block;padding-top: clamp(88px,12vh,120px)}.hero.is-planning .cp{margin-inline: auto}.hero.is-planning .cp-help,.hero.is-planning .cp-row{display: none}.hero.is-planning .cp-in{--cp-fs: clamp(28px,3.6vw,48px)}.hero.is-planning .foot-l,.hero.is-planning .foot-r{display: none}.plan{margin-top: clamp(28px,4vh,44px);text-align: left}.pl-note{display: flex;gap: 12px;align-items: flex-start;margin: 0 auto 16px;padding: 12px 16px;border-radius: 10px;border: 1px solid var(--k-tint-2);background: var(--k-tint);font-size: 15px;color: var(--ink);max-width: 100%}.pl-note b{color: var(--k-ink);font-weight: 620;white-space: nowrap}.pl-note:empty{display: none}.pl-sheet{position: relative;background: var(--sheet);border-radius: 6px;box-shadow: var(--sh);padding: clamp(20px,3vw,40px);display: grid;grid-template-columns: repeat(12,minmax(0,1fr));gap: clamp(28px,3.4vw,44px) clamp(20px,3vw,40px)}.pl-sheet::before{content: "";position: absolute;inset: 10px;border: 1px solid var(--rule-2);border-radius: 2px;pointer-events: none}.pl-head{grid-column: 1 / -1;display: grid;gap: 10px}.pl-title{font-size: clamp(26px,3vw,38px);font-weight: 640;font-stretch: 84%;letter-spacing: -.03em;line-height: 1.05}.pl-sum{color: var(--ink-2);max-width: 70ch;font-size: 17px}.pl-sec{min-width: 0}.pl-sec h3{display: flex;align-items: baseline;gap: 10px;font-size: 14.5px;font-weight: 600;color: var(--ink);margin-bottom: 14px;padding-bottom: 8px;border-bottom: 1px solid var(--rule-2)}.pl-sec h3 small{font-weight: 400;color: var(--mute);font-size: 13.5px}.pl-screens{grid-column: 1 / -1}.pl-data{grid-column: 1 / span 7}.pl-stack{grid-column: 8 / -1}.pl-phases{grid-column: 1 / span 7;grid-row: span 2}.pl-q{grid-column: 8 / -1}.pl-tb{grid-column: 8 / -1;align-self: end}@media (max-width: 900px){.pl-sheet>*{grid-column: 1 / -1 !important}}.slot{border: 1px dashed rgba(28,30,35,.22);border-radius: 6px;background: repeating-linear-gradient(-45deg,transparent 0 7px,rgba(28,30,35,.035) 7px 8px)}.ph-line{display: block;height: 10px;border-radius: 3px;background: rgba(28,30,35,.06)}.fill{animation: fill .55s var(--e) both}@keyframes fill{from{opacity: 0;transform: translateY(8px)}}.gone{animation: gone .3s var(--e) both}@keyframes gone{to{opacity: 0;transform: scale(.98)}}.wf-row{display: grid;grid-template-columns: repeat(4,minmax(0,1fr));gap: 18px;align-items: start}@media (max-width: 900px){.wf-row{grid-template-columns: repeat(2,minmax(0,1fr))}}.wf{display: grid;gap: 10px;min-width: 0}.wf-fr{position: relative;margin-inline: auto;width: 100%;border: 1.5px solid var(--ink);border-radius: 10px;background: #fff;padding: 9px;display: flex;flex-direction: column;gap: 7px;overflow: hidden}.wf[data-device="mobiel"] .wf-fr{width: 62%;aspect-ratio: 9 / 17;border-radius: 14px;padding: 12px 8px 8px}.wf[data-device="mobiel"] .wf-fr::before{content: "";position: absolute;top: 4px;left: 50%;width: 22%;height: 3px;margin-left: -11%;border-radius: 2px;background: var(--ink);opacity: .7}.wf[data-device="desktop"] .wf-fr{aspect-ratio: 4 / 3;padding-top: 16px}.wf[data-device="desktop"] .wf-fr::before{content: "";position: absolute;top: 0;left: 0;right: 0;height: 9px;border-bottom: 1px solid var(--rule);background: var(--sheet-2)}.wf.slot{aspect-ratio: 4 / 4.2;border-radius: 10px}.wf figcaption b{display: block;font-size: 15px;font-weight: 600;line-height: 1.25}.wf figcaption span{display: block;font-size: 13.5px;color: var(--mute);line-height: 1.35}.wb{opacity: 0;transform: translateY(6px);transition: opacity .4s var(--e),transform .5s var(--e);transition-delay: calc(var(--i) * 80ms + 60ms);flex: none}.wf.on .wb{opacity: 1;transform: none}.wb-l{height: 4px;border-radius: 2px;background: rgba(28,30,35,.2)}.wb-nav{display: flex;align-items: center;gap: 5px;padding-bottom: 5px;border-bottom: 1px solid var(--rule-2)}.wb-nav i{width: 10px;height: 4px;border-radius: 2px;background: rgba(28,30,35,.22)}.wb-nav i:first-child{width: 7px;height: 7px;border-radius: 2px;background: var(--ink);margin-right: auto}.wb-kop{display: grid;gap: 4px}.wb-kop i{height: 7px;width: 70%;border-radius: 2px;background: var(--ink)}.wb-kop i + i{height: 4px;width: 46%;background: rgba(28,30,35,.25)}.wb-tekst{display: grid;gap: 3.5px}.wb-tekst i{height: 3.5px;border-radius: 2px;background: rgba(28,30,35,.18)}.wb-tekst i:last-child{width: 62%}.wb-lijst{display: grid;gap: 5px}.wb-lijst i{display: flex;align-items: center;gap: 5px;height: 12px}.wb-lijst i::before{content: "";width: 9px;height: 9px;border-radius: 50%;border: 1.2px solid rgba(28,30,35,.4);flex: none}.wb-lijst i::after{content: "";height: 4px;flex: 1;border-radius: 2px;background: rgba(28,30,35,.18)}.wb-kaarten{display: grid;grid-template-columns: 1fr 1fr;gap: 5px}.wb-kaarten i{aspect-ratio: 4 / 3;border: 1.2px solid rgba(28,30,35,.3);border-radius: 4px}.wb-formulier{display: grid;gap: 5px}.wb-formulier i{height: 11px;border: 1.2px solid rgba(28,30,35,.32);border-radius: 3px}.wb-tabel{display: grid;grid-template-columns: 2fr 1fr 1fr;gap: 3px 4px}.wb-tabel i{height: 5px;border-radius: 1px;background: rgba(28,30,35,.15)}.wb-tabel i:nth-child(-n+3){background: rgba(28,30,35,.42)}.wb-grafiek{display: flex;align-items: flex-end;gap: 4px;height: 34px;border-bottom: 1.2px solid rgba(28,30,35,.4)}.wb-grafiek i{flex: 1;background: rgba(28,30,35,.22);border-radius: 2px 2px 0 0}.wb-grafiek i:nth-child(4){background: var(--k)}.wb-kaart{position: relative;height: 38px;border-radius: 4px;border: 1.2px solid rgba(28,30,35,.3);background: repeating-linear-gradient(35deg,transparent 0 5px,rgba(28,30,35,.08) 5px 6px)}.wb-kaart::after{content: "";position: absolute;left: 56%;top: 34%;width: 8px;height: 8px;border-radius: 50% 50% 50% 0;transform: rotate(-45deg);background: var(--k)}.wb-media{position: relative;height: 40px;border: 1.2px solid rgba(28,30,35,.3);border-radius: 4px;background: linear-gradient(to top right,transparent calc(50% - .6px),rgba(28,30,35,.22) 50%,transparent calc(50% + .6px)),linear-gradient(to top left,transparent calc(50% - .6px),rgba(28,30,35,.22) 50%,transparent calc(50% + .6px))}.wb-chat{display: grid;gap: 4px}.wb-chat i{height: 9px;width: 64%;border-radius: 6px 6px 6px 2px;background: rgba(28,30,35,.14)}.wb-chat i:nth-child(2){justify-self: end;width: 48%;border-radius: 6px 6px 2px 6px;background: var(--ink);opacity: .75}.wb-chat i:nth-child(3){width: 72%}.wb-knop{height: 13px;width: 58%;border-radius: 4px;background: var(--k);align-self: center}.wb-agenda{display: grid;grid-template-columns: repeat(7,1fr);gap: 2.5px}.wb-agenda i{aspect-ratio: 1;border-radius: 2px;background: rgba(28,30,35,.09)}.wb-agenda i:nth-child(10){background: var(--k)}.wb-agenda i:nth-child(-n+7){background: rgba(28,30,35,.25);aspect-ratio: 2}.wb-tabs{display: flex;gap: 8px;border-bottom: 1px solid var(--rule);padding-bottom: 3px}.wb-tabs i{height: 4px;width: 16%;border-radius: 2px;background: rgba(28,30,35,.2)}.wb-tabs i:first-child{background: var(--ink);box-shadow: 0 5px 0 -1px var(--k)}.wb-zoek{position: relative;height: 12px;border-radius: 6px;border: 1.2px solid rgba(28,30,35,.32)}.wb-zoek::before{content: "";position: absolute;left: 4px;top: 2px;width: 5px;height: 5px;border-radius: 50%;border: 1.2px solid rgba(28,30,35,.5)}.wf[data-device="mobiel"] .wb-kaarten{grid-template-columns: 1fr}.wf[data-device="mobiel"] .wb-kaarten i:nth-child(n+3){display: none}.ents{display: grid;grid-template-columns: repeat(auto-fill,minmax(150px,1fr));gap: 12px}.ent{border: 1.5px solid var(--ink);border-radius: 6px;background: #fff;overflow: hidden;font-size: 13.5px}.ent.slot{height: 128px;border-width: 1px}.ent-h{padding: 6px 10px;font-weight: 640;font-size: 15px;border-bottom: 1px solid var(--ink);background: var(--sheet-2)}.ent ul{padding: 6px 10px 8px}.ent li{display: flex;justify-content: space-between;gap: 8px;padding: 1.5px 0}.ent li span:last-child{color: var(--mute);font-family: var(--f-m);font-size: 12px}.ent-rel{padding: 6px 10px 8px;border-top: 1px dashed var(--rule);font-family: var(--f-m);font-size: 12px;color: var(--k-ink)}.lay{display: grid}.lay li{display: grid;grid-template-columns: 52px 1fr;gap: 2px 12px;padding: 9px 0;border-bottom: 1px solid var(--rule-2)}.lay li:last-child{border-bottom: 0}.lay .lt{grid-row: span 2;font-family: var(--f-m);font-size: 12.5px;color: var(--k-ink);padding-top: 2px}.lay b{font-weight: 600;font-size: 15.5px;line-height: 1.3}.lay span.w{font-size: 14px;color: var(--mute);line-height: 1.4}.lay li.slot{border-style: dashed;background: none;border-width: 0 0 1px;border-radius: 0}.lay li.slot .ph-line{width: 70%;margin-top: 4px}.lay li.slot .ph-line + .ph-line{width: 45%;height: 8px}.gantt{display: grid;gap: 12px}.g-row{display: grid;gap: 6px}.g-top{display: flex;justify-content: space-between;gap: 12px;font-size: 15px}.g-top b{font-weight: 600}.g-top span{color: var(--mute);font-size: 13.5px;white-space: nowrap}.g-track{position: relative;height: 10px;border-radius: 3px;background: rgba(28,30,35,.05);overflow: hidden}.g-bar,.g-max{position: absolute;inset: 0;transform-origin: 0 50%;transition: transform .8s var(--e)}.g-bar{background: var(--ink);border-radius: 3px}.g-max{background: rgba(28,30,35,.2);border-radius: 3px}.g-row p{font-size: 13.5px;color: var(--mute);line-height: 1.4}.g-row.slot{height: 52px}.g-axis{display: flex;justify-content: space-between;font-family: var(--f-m);font-size: 11.5px;color: var(--mute);padding-top: 4px;border-top: 1px solid var(--rule-2)}.qs li{position: relative;padding: 7px 0 7px 22px;border-bottom: 1px solid var(--rule-2);font-size: 15.5px}.qs li::before{content: "?";position: absolute;left: 0;top: 7px;font-weight: 700;color: var(--k)}.qs li:last-child{border-bottom: 0}.tb{display: grid;grid-template-columns: auto 1fr;border: 1.5px solid var(--ink);font-size: 13px;background: #fff}.tb dt,.tb dd{padding: 6px 10px;border-bottom: 1px solid var(--rule)}.tb dt{color: var(--mute);border-right: 1px solid var(--rule)}.tb dd{overflow: hidden;text-overflow: ellipsis;white-space: nowrap;min-width: 0}.tb dt:nth-last-of-type(1),.tb dd:last-child{border-bottom: 0}.tb .busy::after{content: "";display: inline-block;width: 6px;height: 6px;margin-left: 8px;border-radius: 50%;background: var(--k);animation: blink 1s steps(2) infinite}@keyframes blink{50%{opacity: 0}}.pl-cta{display: flex;flex-wrap: wrap;gap: 12px;justify-content: center;margin-top: 26px}.pl-cta[hidden]{display: none}.pl-next{flex-basis: 100%;text-align: center;font-size: 14.5px;color: var(--mute)}.send{max-width: 640px;margin: 22px auto 0;display: grid;grid-template-columns: 1fr 1fr;gap: 12px;text-align: left}.send[hidden]{display: none}.fld{display: grid;gap: 6px;font-size: 14.5px;font-weight: 540}.fld.w{grid-column: 1 / -1}.fld input,.fld textarea{width: 100%;border: 1px solid var(--rule);border-radius: 9px;background: var(--sheet);padding: 11px 13px;font-size: 16px;font-weight: 400;transition: border-color .2s}.fld textarea{min-height: 84px;resize: vertical}.fld input:focus,.fld textarea:focus{outline: none;border-color: var(--k);box-shadow: 0 0 0 3px var(--k-tint)}.fld input[aria-invalid="true"]{border-color: var(--k)}.hp{position: absolute;left: -9999px}.send .acts{grid-column: 1 / -1;display: flex;flex-wrap: wrap;gap: 12px 20px;align-items: center}.send .err{color: var(--k-ink);font-size: 14.5px}.send .fine{grid-column: 1 / -1;font-size: 13.5px;color: var(--mute)}.sent{max-width: 640px;margin: 22px auto 0;padding: 18px 20px;border-radius: 10px;background: var(--sheet);border: 1px solid var(--rule);text-align: left}.sent b{display: block;font-size: 17px;margin-bottom: 4px}@media (max-width: 560px){.send{grid-template-columns: 1fr}}.refuse{max-width: 620px;margin: 0 auto;padding: 22px 24px;border-radius: 10px;background: var(--sheet);border: 1px solid var(--rule);text-align: left}.refuse b{display: block;margin-bottom: 6px}@media (max-width: 560px){.pl-note{flex-direction: column;gap: 4px}}.ck{display: grid;grid-template-columns: minmax(0,5fr) minmax(0,7fr);gap: 24px 48px;align-items: start}.ck-intro{position: sticky;top: 32px}.ck-form{display: flex;align-items: flex-end;gap: 16px}.ck-field{position: relative;flex: 1;min-width: 0;border-bottom: 1px solid var(--rule);padding-bottom: 6px}.ck-field::after{content: "";position: absolute;left: 0;right: 0;bottom: -1px;height: 1px;background: var(--k);transform: scaleX(0);transform-origin: 0 50%;transition: transform .6s var(--e)}.ck-field:focus-within::after{transform: scaleX(1)}.ck-in{width: 100%;min-width: 0;border: 0;background: transparent;outline: none;font-size: clamp(26px,3vw,40px);font-weight: 620;font-stretch: 86%;letter-spacing: -.03em;caret-color: var(--k);padding: 0;height: 52px}.ck-in::placeholder{color: var(--faint)}.ck-fine{margin-top: 12px}.ck-out{margin-top: 28px}.ck-out:empty{display: none}.ck-scan{padding: 18px 0}.ck-track{position: relative;height: 2px;background: var(--rule-2);overflow: hidden;border-radius: 1px}.ck-track i{position: absolute;inset: 0;width: 30%;background: var(--k);animation: ck-run 1.3s var(--e-io) infinite}@keyframes ck-run{from{transform: translateX(-100%)}to{transform: translateX(340%)}}.ck-step{display: flex;justify-content: space-between;gap: 12px;margin-top: 12px;font-size: 15px;color: var(--mute)}.ck-step b{color: var(--ink);font-weight: 560;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.ck-err{padding: 16px 18px;border-radius: 10px;border: 1px solid var(--k-tint-2);background: var(--k-tint)}.ck-err b{display: block;margin-bottom: 2px}.ck-err p{color: var(--ink-2);font-size: 15.5px}.ck-top{display: grid;grid-template-columns: auto 1fr;gap: 20px 40px;align-items: end;padding-bottom: 22px;border-bottom: 1px solid var(--rule)}.ck-score{display: flex;align-items: baseline;gap: 10px;margin-top: 4px}.ck-score b{font-size: 64px;font-weight: 640;font-stretch: 80%;letter-spacing: -.04em;line-height: 1}.ck-score span{color: var(--ink-2)}.ck-cats{display: grid;gap: 5px;font-size: 13.5px}.ck-cats li{display: grid;grid-template-columns: minmax(0,1fr) 90px 26px;gap: 10px;align-items: center;color: var(--ink-2)}.ck-bar{height: 4px;border-radius: 2px;background: rgba(28,30,35,.08);overflow: hidden}.ck-bar i{display: block;height: 100%;background: var(--ink);transform-origin: 0 50%}.ck-cats b{text-align: right;font-weight: 560}.ck-h{font-size: 22px;font-weight: 620;letter-spacing: -.02em;font-stretch: 90%;margin: 28px 0 6px}.ck-fix li{display: grid;grid-template-columns: 34px 1fr;gap: 12px;padding: 18px 0;border-bottom: 1px solid var(--rule-2)}.ck-n{width: 26px;height: 26px;border-radius: 50%;border: 1.5px solid var(--k);color: var(--k-ink);display: grid;place-items: center;font-size: 14px;font-weight: 640;margin-top: 2px}.ck-cat{display: flex;gap: 10px;align-items: baseline;font-size: 13.5px;color: var(--mute)}.ck-cat span{font-size: 12.5px;padding: 1px 7px;border-radius: 5px;background: rgba(28,30,35,.06);color: var(--ink-2)}.ck-cat span[data-s="fail"]{background: var(--k-tint);color: var(--k-ink)}.ck-fix h4{font-size: 18px;font-weight: 620;letter-spacing: -.01em;margin: 2px 0 4px}.ck-val{font-size: 14px;color: var(--mute);font-family: var(--f-m);overflow-wrap: anywhere;margin-bottom: 6px}.ck-do{color: var(--ink-2);font-size: 15.5px;max-width: 64ch}.ck-none{padding: 18px 0;color: var(--ink-2)}.ck-cta{display: flex;flex-wrap: wrap;align-items: center;gap: 12px 22px;margin-top: 24px}.ck-cta[hidden]{display: none}.ck-send .send{margin: 6px 0 0}.ck-send .sent{margin: 6px 0 0}@media (max-width: 860px){.ck{grid-template-columns: 1fr}.ck-intro{position: static}.ck-top{grid-template-columns: 1fr}.ck-form{flex-wrap: wrap}.ck-form .btn{width: 100%;justify-content: center}}