body.site-system .as-lifecycle{--kl-accent:var(--color-red-on-dark);--kl-line:var(--color-hairline-dark);--kl-ease:var(--ease-brand,cubic-bezier(.22,1,.36,1));display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.2fr);align-items:center;gap:clamp(32px,5vw,64px);padding:clamp(28px,4vw,56px);background:var(--color-dark);color:var(--color-on-dark-body);border-radius:0}body.site-system .v14-home .as-lifecycle{border-radius:8px}body.site-system .as-lifecycle :focus-visible{outline:2px solid var(--kl-accent);outline-offset:4px}body.site-system .as-lifecycle-art,body.site-system .as-lifecycle-copy{min-width:0}body.site-system .as-key-orbit{position:relative;display:grid;place-items:center;width:100%;max-width:360px;aspect-ratio:1;margin:auto}body.site-system .as-orbit-ring{position:absolute;inset:0;border:1px solid var(--kl-line);border-radius:50%}body.site-system .as-orbit-ring:nth-child(2){inset:16%}body.site-system .as-key-orbit>svg{position:absolute;top:0;left:50%;translate:-50% -50%;width:36px;height:36px;color:var(--kl-accent);background:var(--color-dark)}body.site-system .as-key-shape{width:60%;transition:opacity var(--dur-state,.45s) var(--kl-ease),scale var(--dur-state,.45s) var(--kl-ease)}body.site-system .as-key-shape svg{display:block;width:100%;fill:none;stroke:var(--kl-accent);stroke-width:1.4;vector-effect:non-scaling-stroke}body.site-system .as-key-shape svg *{vector-effect:non-scaling-stroke}body.site-system .as-key-orbit[data-stage="0"] .as-key-shape{opacity:.2;scale:.8}body.site-system .as-key-orbit[data-stage="3"] .as-key-shape{opacity:.08;scale:.8}body.site-system .as-key-caption{position:absolute;bottom:20%;left:0;right:0;text-align:center;font:500 12px/1.5 var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--color-on-dark-muted);transition:color var(--dur-state,.45s) var(--kl-ease)}body.site-system .as-key-orbit:is([data-stage="1"],[data-stage="2"]) .as-key-caption{color:var(--kl-accent)}body.site-system #main .as-lifecycle .as-lifecycle-label{margin:0 0 8px;font:600 var(--home-type-label)/1.5 var(--font-body);letter-spacing:.12em;text-transform:uppercase;color:var(--color-on-dark-muted)}body.site-system #main .as-lifecycle .as-cycle-hint{margin:0 0 24px;font-size:var(--home-type-body);line-height:1.6;color:var(--color-on-dark-muted)}body.site-system .as-step-controls{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}body.site-system .as-step-controls button{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0;min-height:64px;margin:0;padding:0 0 12px;background:none;border:0;border-radius:0;color:var(--color-on-dark-body);text-align:left;cursor:pointer;transition:color var(--dur-feedback,.2s) ease}body.site-system .as-step-controls button:hover{color:var(--color-on-dark)}body.site-system .as-step-bar{position:relative;display:block;width:100%;height:2px;overflow:hidden;background:var(--kl-line)}body.site-system .as-step-bar:before{content:"";position:absolute;inset:0;background:var(--color-on-dark-muted);transform:scaleX(0);transform-origin:left;transition:transform var(--dur-state,.45s) var(--kl-ease),background-color var(--dur-state,.45s) var(--kl-ease)}body.site-system .as-step-controls button[data-done=true] .as-step-bar:before{transform:scaleX(1)}body.site-system .as-step-controls button[aria-selected=true] .as-step-bar:before{transform:scaleX(1);background:var(--kl-accent)}body.site-system .as-step-progress{position:absolute;inset:0;z-index:1;background:var(--color-on-dark);transform-origin:left;animation:as-lifecycle-progress 5.2s linear both}body.site-system .as-step-number{font:500 12px/1.5 var(--font-mono);letter-spacing:.06em;color:var(--color-on-dark-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body.site-system .as-step-name{display:block;font:500 var(--home-type-control)/1.3 var(--font-body);text-wrap:balance}body.site-system .as-step-controls button[aria-selected=true] :is(.as-step-number,.as-step-name){color:var(--kl-accent)}body.site-system .as-cycle-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px 16px;margin:16px 0 0}body.site-system .as-cycle-position{display:flex;flex-wrap:wrap;gap:4px 12px;font:500 var(--home-type-label)/1.5 var(--font-mono);letter-spacing:.06em;color:var(--color-on-dark-muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}body.site-system .as-cycle-position>span{font-family:var(--font-body);letter-spacing:0}body.site-system .as-cycle-actions{display:flex;align-items:center;gap:8px}body.site-system .as-cycle-actions button{display:inline-grid;place-items:center;min-width:44px;min-height:44px;margin:0;padding:0;background:transparent;color:var(--color-on-dark-body);cursor:pointer;border:1px solid var(--color-border-control-dark);border-radius:var(--radius-control,4px);font:500 var(--home-type-control)/1.5 var(--font-body);transition:color var(--dur-feedback,.2s) ease,border-color var(--dur-feedback,.2s) ease}body.site-system .as-cycle-actions button:hover:not(:disabled){color:var(--color-on-dark);border-color:var(--kl-accent)}body.site-system .as-cycle-actions button:disabled{opacity:.4;cursor:default}body.site-system .as-cycle-actions .as-cycle-play{padding-inline:12px;border-color:transparent;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;text-decoration-color:var(--color-border-control-dark)}body.site-system .as-cycle-actions .as-cycle-play:hover{border-color:transparent;color:var(--kl-accent);text-decoration-color:currentColor}body.site-system .as-cycle-previous svg{rotate:180deg}body.site-system .as-step-panels{display:grid;margin-top:24px}body.site-system .as-step-text{grid-area:1/1;min-width:0}body.site-system .as-step-text[data-active=false]{visibility:hidden;pointer-events:none}@media (prefers-reduced-motion:no-preference){body.site-system .as-step-panels[data-swap=true]>.as-step-text[data-active=true]{animation:as-lifecycle-text var(--dur-state,.45s) var(--kl-ease)}}body.site-system #main .as-lifecycle .as-step-text h3{max-width:22ch;margin:0 0 12px;font-size:var(--home-type-panel);line-height:1.2;letter-spacing:-.02em;color:var(--color-on-dark)}body.site-system #main .as-lifecycle .as-step-text p{max-width:62ch;margin:0;font-size:var(--home-type-body);line-height:1.7;color:var(--color-on-dark-body);text-wrap:pretty}body.site-system #main .as-lifecycle .as-note{margin:24px 0 0;padding-top:16px;border-top:1px solid var(--kl-line);font-size:var(--home-type-label);line-height:1.5;color:var(--color-on-dark-muted)}@keyframes as-lifecycle-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes as-lifecycle-text{0%{opacity:.7;translate:0 8px}to{opacity:1;translate:0 0}}@media (max-width:1050px){body.site-system .as-lifecycle{grid-template-columns:minmax(0,1fr);gap:32px;padding:32px}body.site-system .as-key-orbit{max-width:280px}}@media (max-width:760px){body.site-system .as-lifecycle{padding:28px 20px;gap:28px}body.site-system .v14-home .as-lifecycle{border-radius:6px}body.site-system .as-key-orbit{max-width:220px}body.site-system .as-step-controls{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:4px}body.site-system .as-cycle-toolbar{align-items:flex-start}}@media (prefers-reduced-motion:reduce){body.site-system .as-lifecycle *,body.site-system .as-lifecycle :before{animation:none!important;transition:none!important}body.site-system .as-lifecycle .action-icon{translate:none!important}}body.site-system #main .v14-home .home-process{color:var(--color-body)}@media (prefers-reduced-motion:no-preference){body.site-system .as-cycle-step .action-icon{transition:translate .2s ease}body.site-system .as-cycle-step:not(:disabled):is(:hover,:focus-visible) .action-icon{translate:3px 0}body.site-system .as-cycle-step.as-cycle-previous:not(:disabled):is(:hover,:focus-visible) .action-icon{translate:-3px 0}}