@layer components{.k-os-feature{padding-block:0 8px}.k-os-panel{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr);overflow:hidden;border-radius:14px;background:var(--color-navigation);color:var(--color-on-deep)}.k-os-copy{position:relative;z-index:2;padding:32px 24px 12px}.k-os-eyebrow{display:flex;flex-wrap:wrap;align-items:center;gap:8px 14px;margin-bottom:24px;font-family:var(--font-sans)}.k-os-brand{font-size:1.0625rem;line-height:1.4;font-weight:600;letter-spacing:-.02em}.k-os-brand strong{margin-left:3px;padding:3px 5px;border-radius:4px;background:var(--color-highlight);color:var(--color-deep);font-size:.8125rem;font-weight:800}.k-os-eyebrow>span:last-child{font-size:.625rem;font-weight:600;letter-spacing:.09em;text-transform:uppercase}.k-os-copy h2{font-family:var(--font-display);font-size:clamp(1.8rem,3vw,2.7rem);line-height:1.12;font-weight:750;letter-spacing:-.02em}.k-os-description{max-width:38ch;margin-top:18px;font-size:.9375rem;line-height:1.65}.k-os-cta{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:18px;margin-top:24px;padding:12px 18px;border-radius:8px;background:var(--color-surface);color:var(--color-navigation);font-size:.875rem;line-height:1.5;font-weight:700;transition:background-color .16s,transform .16s}.k-os-cta:hover{background:var(--color-electric-wash);transform:translateY(-2px)}.k-os-cta:focus-visible{outline:2px solid var(--color-on-deep);outline-offset:5px}.k-os-topics{display:flex;flex-wrap:wrap;gap:6px 14px;margin-top:22px;font-size:.6875rem;line-height:1.5}.k-os-topics li{display:inline-flex;align-items:center;gap:7px}.k-os-topics li:before{width:4px;height:4px;border-radius:50%;background:var(--color-highlight);content:""}.k-os-art{position:relative;display:grid;min-width:0;min-height:350px;place-items:center;align-content:center;padding:34px 24px 38px}.k-os-art:before{width:350px;top:12%;right:-80px;border-radius:50%;background:var(--color-highlight)}.k-os-art:after,.k-os-art:before{position:absolute;z-index:-1;aspect-ratio:1;content:""}.k-os-art:after{width:180px;bottom:-80px;left:-40px;border:32px solid var(--color-campaign-marigold);border-radius:50%}.k-os-orbit{position:absolute;z-index:-1;border:1px solid rgb(255 255 255/25%);border-radius:50%}.k-os-orbit--one{width:450px;aspect-ratio:1;right:-130px;top:-15%}.k-os-orbit--two{width:280px;aspect-ratio:1;left:-45px;bottom:-70px}.k-os-spark{position:absolute;z-index:1;color:var(--color-campaign-marigold);font-family:var(--font-sans);font-weight:500;line-height:1}.k-os-spark--one{top:16px;right:24px;font-size:42px}.k-os-spark--two{bottom:14px;left:20px;color:var(--color-on-deep);font-size:28px}.k-os-workspace{position:relative;z-index:1;width:100%;max-width:440px;overflow:hidden;border:1px solid rgb(255 255 255/80%);border-radius:13px;background:var(--color-canvas);color:var(--color-primary);box-shadow:0 14px 32px -16px rgb(0 0 0/50%);transform:rotate(-3deg)}.k-os-workspace-header{display:flex;align-items:center;gap:10px;min-height:46px;padding:10px 14px;border-bottom:1px solid var(--color-hairline);background:var(--color-surface);font-size:.625rem;font-weight:600}.k-os-workspace-mark{display:flex;align-items:center;gap:2px;color:var(--color-navigation);font-family:var(--font-display);font-size:1rem;font-weight:800}.k-os-workspace-mark span{padding:2px 3px;border-radius:3px;background:var(--color-navigation);color:var(--color-surface);font-size:.5rem}.k-os-window-dots{display:flex;gap:3px;margin-left:auto}.k-os-window-dots i{width:3px;height:3px;border-radius:50%;background:var(--color-control)}.k-os-workflow{position:relative;display:grid;grid-template-columns:minmax(0,1fr) 22px minmax(0,1fr);align-items:center;gap:16px 2px;padding:20px 18px}.k-os-connections{position:absolute;width:100%;height:100%;inset:0;color:var(--color-navigation);opacity:.3}.k-os-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;border-radius:10px;padding:14px 6px 12px;text-align:center}.k-os-step--review strong,.k-os-step>strong{display:block;font-family:var(--font-display);font-size:.875rem;font-weight:700;letter-spacing:-.01em}.k-os-step--review>span>span,.k-os-step>span:last-child{display:block;font-size:.5625rem;line-height:1.5}.k-os-step--order{background:var(--color-highlight);color:var(--color-deep)}.k-os-step--kitchen{background:var(--color-navigation);color:var(--color-on-deep)}.k-os-step--review{grid-column:1/-1;display:flex;flex-direction:row;gap:12px;align-items:center;padding:10px 14px;background:var(--color-campaign-green);color:var(--color-deep);text-align:left}.k-os-step-icon{display:block;flex:none;width:42px;height:42px;margin-bottom:4px}.k-os-step-icon svg{display:block;width:100%;height:100%}.k-os-step--review .k-os-step-icon{width:38px;height:38px;margin:0}.k-os-flow-arrow{z-index:1;justify-self:center;display:grid;width:24px;height:24px;place-items:center;border:1px solid var(--color-hairline);border-radius:50%;background:var(--color-surface);color:var(--color-navigation);font-size:.875rem}.k-os-step.k-os-step--review>.k-os-review-arrow{margin-left:auto;font-size:1.25rem}.k-os-workspace-footer{display:flex;align-items:center;justify-content:center;gap:10px;padding:10px 12px;border-top:1px solid var(--color-hairline);background:var(--color-surface);color:var(--color-muted);font-size:.5625rem;font-weight:500}.k-os-workspace-footer>span:first-child{display:none}.k-os-workspace-footer i{width:3px;height:3px;border-radius:50%;background:var(--color-control)}.k-os-art-caption{position:relative;z-index:1;margin-top:16px;padding:4px 9px;border-radius:5px;background:var(--color-navigation);font-size:.625rem;line-height:1.5;font-weight:500}@media (min-width:768px){.k-os-panel{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.k-os-copy{align-self:center;padding:40px 24px 40px 32px}.k-os-art{min-height:420px;padding:46px 28px 40px 14px}.k-os-art:before{width:420px;right:-130px}.k-os-spark--one{top:24px;right:28px}.k-os-spark--two{bottom:22px;left:12px}}@media (min-width:1200px){.k-os-copy{padding:44px 28px 44px 48px}.k-os-art{min-height:420px;padding-right:48px}.k-os-workflow{padding:24px;gap:18px 8px}.k-os-step{padding-block:16px}.k-os-step--review{padding-block:12px}.k-os-step--review strong,.k-os-step>strong{font-size:1rem}.k-os-step--review>span>span,.k-os-step>span:last-child{font-size:.625rem}}@media (prefers-reduced-motion:no-preference){.k-os-step{--os-step-delay:0s}.k-os-step--kitchen{--os-step-delay:2s}.k-os-step--review{--os-step-delay:4s}.k-os-step:after{position:absolute;inset:0;border:2px solid;border-radius:inherit;opacity:0;pointer-events:none;content:"";animation:k-os-stage-glow 6s ease-in-out var(--os-step-delay) infinite}.k-os-step-icon{animation:k-os-icon-lift 6s ease-in-out var(--os-step-delay) infinite}.k-os-connections path{animation:k-os-connector-flow 2s linear infinite}.k-os-connections circle{transform-box:fill-box;transform-origin:center;animation:k-os-signal 3s ease-in-out infinite}.k-os-connections circle:last-child{animation-delay:1.5s}.k-os-flow-arrow{animation:k-os-handoff 6s ease-in-out infinite}.k-os-review-arrow{animation:k-os-review-complete 6s ease-in-out infinite}.k-os-art:before{animation:k-os-ambient-drift 16s ease-in-out infinite}.k-os-art:after{animation:k-os-ambient-drift 20s ease-in-out -8s infinite reverse}.k-os-spark--one{animation:k-os-spark-turn 24s linear infinite}.k-os-spark--two{animation:k-os-ambient-drift 12s ease-in-out -4s infinite}}@keyframes k-os-stage-glow{0%,30%,to{opacity:0}20%,8%{opacity:.3}}@keyframes k-os-icon-lift{0%,30%,to{transform:translateY(0) rotate(0)}10%{transform:translateY(-5px) rotate(-5deg)}20%{transform:translateY(-2px) rotate(3deg)}}@keyframes k-os-connector-flow{to{stroke-dashoffset:-24}}@keyframes k-os-signal{0%,to{opacity:.4;transform:scale(.75)}50%{opacity:1;transform:scale(1.2)}}@keyframes k-os-handoff{0%,18%,40%,to{transform:translateX(0)}27%{transform:translateX(4px)}}@keyframes k-os-review-complete{0%,68%,to{transform:translate(0)}80%{transform:translate(3px,-3px)}}@keyframes k-os-ambient-drift{0%,to{transform:translate(0)}50%{transform:translate(-12px,-10px)}}@keyframes k-os-spark-turn{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){.k-os-cta{transition:none}.k-os-cta:hover{transform:none}}}