.wk-process{border-top:1px solid var(--wk-line);grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);grid-template-areas:"intro stage""steps stage";align-items:start;gap:2.5rem clamp(2rem,5vw,5rem);display:grid}.wk-process__intro{grid-area:intro;gap:1.25rem;display:grid}.wk-process__stage{grid-area:stage;position:sticky;top:6rem}.wk-steps{border-top:1px solid var(--wk-line);grid-area:steps;margin:0;padding:0;list-style:none;display:grid}.wk-step{border:0;border-bottom:1px solid var(--wk-line);width:100%;color:inherit;font:inherit;text-align:left;cursor:pointer;transition:background-color .26s var(--wk-ease);background:0 0;grid-template-columns:2.4rem 1fr;gap:.15rem .75rem;padding:1.1rem .9rem 1.15rem;display:grid}.wk-step[aria-pressed=true]{box-shadow:inset 1px 0 0 var(--wk-accent);background:linear-gradient(90deg,#3dffaa17,#0000 80%)}.wk-step__index{grid-row:span 3;padding-top:.2rem}.wk-step__label{letter-spacing:.12em;text-transform:uppercase;color:var(--wk-muted);font-size:.72rem;font-weight:640;font-stretch:125%}.wk-step[aria-pressed=true] .wk-step__label,.wk-step[aria-pressed=true] .wk-step__index{color:var(--wk-accent)}.wk-step__title{font-size:1.55rem;line-height:1.1}.wk-step__text{color:var(--wk-muted);font-size:.92rem}.wk-flow{--u:calc(100cqw / 640);aspect-ratio:640/470;width:100%;position:relative;container-type:inline-size}.wk-flow__lines{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.wk-flow__line{fill:none;stroke:#3dffaa47;stroke-width:1.5px;stroke-dasharray:.8 1.6}.wk-flow__track{height:calc(var(--u) * 16);margin-top:calc(var(--u) * -8);transform-origin:0;position:absolute;overflow:hidden}.wk-flow__packet{animation:2.6s linear infinite wk-packet;position:absolute;inset:0}.wk-flow__packet:before{content:"";top:calc(50% - var(--u) * 1.5);width:7%;height:calc(var(--u) * 3);border-radius:calc(var(--u) * 1.5);background:var(--wk-accent);box-shadow:0 0 calc(var(--u) * 5) var(--wk-accent);position:absolute;left:-7%}@keyframes wk-packet{to{transform:translate(107%)}}@media (prefers-reduced-motion:reduce){.wk-flow__packet{transform:translate(53.5%)}}.wk-tile{animation:6s ease-in-out infinite wk-float;position:absolute}.wk-tile>svg{width:100%;height:100%;display:block;overflow:visible}@keyframes wk-float{50%{transform:translateY(-6.5%)}}.wk-tile__top{fill:#0e261cf2;stroke:#3dffaa73;stroke-width:1px;transition:fill .5s var(--wk-ease), stroke .5s var(--wk-ease)}.wk-tile__side{stroke:#3dffaa40;stroke-width:1px}.wk-tile__side--left{fill:#071711}.wk-tile__side--right{fill:#0b2219}.wk-tile__icon{fill:none;stroke:#8affc6b3;stroke-width:4px;stroke-linecap:round;stroke-linejoin:round;transition:stroke .5s var(--wk-ease)}.wk-tile__label{fill:#d6ffec8c;font-family:var(--wk-mono);letter-spacing:.16em;font-size:10px}.wk-tile[data-active=true] .wk-tile__top{fill:#1e6e4cf2;stroke:var(--wk-accent);filter:drop-shadow(0 0 14px #3dffaa8c)}.wk-tile[data-active=true] .wk-tile__icon{stroke:#eafff4}.wk-tile[data-active=true] .wk-tile__label{fill:var(--wk-accent)}.wk-craft{text-align:center;border-top:1px solid var(--wk-line);background:radial-gradient(50% 45% at 50% 42%,#3dffaa14,#0000 75%);justify-items:center;gap:2.5rem;display:grid}.wk-craft__stage{perspective:1100px;width:100%;padding-block:clamp(1rem,4vw,3rem)}.wk-extrude{--p:var(--progress,.5);letter-spacing:.02em;transform-style:preserve-3d;transform:rotateX(calc(18deg - var(--p) * 26deg)) rotateY(calc(-34deg + var(--p) * 62deg));will-change:transform;margin:0;font-size:clamp(2.4rem,11vw,10.5rem);font-weight:800;font-stretch:125%;line-height:1;display:grid}@supports (animation-timeline:view()){@media (prefers-reduced-motion:no-preference){.wk-craft{view-timeline:--wk-craft block;view-timeline-inset:0}.wk-extrude{animation:linear both wk-extrude-turn;animation-timeline:--wk-craft;animation-range:cover}}}@keyframes wk-extrude-turn{0%{transform:rotateX(18deg)rotateY(-34deg)}to{transform:rotateX(-8deg)rotateY(28deg)}}.wk-extrude__layer,.wk-extrude__face{white-space:nowrap;grid-area:1/1}.wk-extrude__layer{color:#10402c;transform:translateZ(calc(var(--layer) * -2.6px))}.wk-extrude__layer:first-child{color:#2c9b6c}.wk-extrude__layer:nth-last-child(2){color:#031009;text-shadow:0 30px 60px #3dffaa40}.wk-extrude__face{background:linear-gradient(170deg,#fff 10%,#bfffe0 45%,#48d494 90%);color:#0000;-webkit-background-clip:text;background-clip:text;transform:translateZ(1px)}.wk-craft__line{margin:0;font-size:clamp(1.3rem,2.6vw,2rem);font-weight:520}.wk-craft__line em{font-size:1.15em}.wk-principles{text-align:left;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,3vw,2.5rem);width:min(100%,64rem);margin:1rem 0 0;padding:0;list-style:none;display:grid}.wk-principles li{border-top:1px solid var(--wk-line);gap:.5rem;padding-top:1rem;display:grid}.wk-principles strong{font-size:.95rem;font-weight:650;font-stretch:112%}.wk-principles span:last-child{color:var(--wk-muted);font-size:.92rem}@media (width<=900px){.wk-process{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro""stage""steps"}.wk-process__stage{position:relative;top:auto}.wk-principles{grid-template-columns:minmax(0,1fr)}}