.af,:root[data-theme=dark] .af-stage,:root[data-theme=dark] :is(.af-stage,.nk-tile,.dn-stage,.cl-tile,.vc) .af{--teal: #0f8b80;--teal-ink: #0b6f66;--teal-soft: #e2f2ef;--teal-wash: rgba(15, 139, 128, .09);--teal-line: rgba(15, 139, 128, .3);--af-on-teal: #ffffff;--af-track: #e3dfd7;--af-track-edge: rgba(16, 24, 40, .07);--af-thumb: #ffffff;--af-thumb-shade: 0 1px 1px rgba(16, 24, 40, .1), 0 2px 6px -1px rgba(16, 24, 40, .18);--af-wait: #a05b00;--af-wait-soft: #fbf1df;--af-flag: #b4541c;--af-stage: linear-gradient(180deg, #f5f2ec 0%, #f1efe9 100%);--af-stage-glow: rgba(15, 139, 128, .1);--af-ocean-rgb: 15, 139, 128;--af-ocean-ink: 34, 40, 44;--af-ocean-line-alpha: .1;--af-ocean-dash-alpha: .5;--af-card-shadow: 0 1px 2px rgba(16, 24, 40, .05), 0 12px 32px -18px rgba(16, 24, 40, .22)}:root[data-theme=dark] .af{--teal: #3cc4b4;--teal-ink: #5fd3c5;--teal-soft: rgba(60, 196, 180, .13);--teal-wash: rgba(60, 196, 180, .1);--teal-line: rgba(60, 196, 180, .38);--af-on-teal: #08201d;--af-track: #34373d;--af-track-edge: rgba(255, 255, 255, .06);--af-thumb: #f4f3ef;--af-thumb-shade: 0 1px 2px rgba(0, 0, 0, .45), 0 2px 6px -1px rgba(0, 0, 0, .4);--af-wait: #e3a651;--af-wait-soft: rgba(227, 166, 81, .13);--af-flag: #f0a070;--af-stage: linear-gradient(180deg, #131517 0%, #111415 100%);--af-stage-glow: rgba(60, 196, 180, .08);--af-ocean-rgb: 60, 196, 180;--af-ocean-ink: 228, 227, 223;--af-ocean-line-alpha: .075;--af-ocean-dash-alpha: .45;--af-card-shadow: 0 1px 0 rgba(255, 255, 255, .03) inset, 0 16px 40px -20px rgba(0, 0, 0, .7)}.af-switch{--track-w: 46px;--track-h: 28px;--inset: 2px;--thumb: 24px;--stretch: 5px;display:inline-flex;align-items:center;gap:10px;font-size:16px;line-height:1.3}.af-switch--lg{--track-w: 78px;--track-h: 44px;--inset: 4px;--thumb: 36px;--stretch: 8px;gap:14px;font-size:19px}.af-switch-label{font-family:var(--font-display);font-weight:620;color:var(--ink);letter-spacing:-.015em;cursor:pointer;user-select:none;-webkit-user-select:none}.af-switch-control{position:relative;flex:none;display:inline-grid;place-items:center;min-width:44px;min-height:44px;margin:0;padding:0;border:0;border-radius:999px;background:none;-webkit-tap-highlight-color:transparent;touch-action:manipulation}.af-switch--lg .af-switch-control{min-height:56px}.af-switch-control:focus-visible{outline:none}.af-switch-control:focus-visible .af-switch-track{outline:2px solid var(--teal);outline-offset:3px}.af-switch-control[disabled]{cursor:default}.af-switch-track{position:relative;display:block;width:var(--track-w);height:var(--track-h);border-radius:999px;background:var(--af-track);box-shadow:inset 0 0 0 1px var(--af-track-edge),inset 0 1px 2px #10182817;transition:background-color .22s var(--ease-out),box-shadow .22s var(--ease-out)}.af-switch--lg .af-switch-track{box-shadow:inset 0 0 0 1px var(--af-track-edge),inset 0 2px 5px #1018281f}.af-switch[data-on=true] .af-switch-track{background:var(--teal);box-shadow:inset 0 0 0 1px #0000000d,inset 0 1px 2px #00000024}.af-switch-thumb{position:absolute;top:var(--inset);left:var(--inset);width:var(--thumb);height:var(--thumb);border-radius:999px;background:var(--af-thumb);box-shadow:var(--af-thumb-shade);transition:transform .22s var(--ease-out),width .22s var(--ease-out)}.af-switch--lg .af-switch-thumb{background:linear-gradient(180deg,var(--af-thumb),color-mix(in srgb,var(--af-thumb) 94%,#b9b3a8))}.af-switch[data-on=true] .af-switch-thumb{transform:translate(calc(var(--track-w) - var(--thumb) - var(--inset) * 2))}.af-switch-control:not([disabled]):active .af-switch-thumb{width:calc(var(--thumb) + var(--stretch))}.af-switch[data-on=true] .af-switch-control:not([disabled]):active .af-switch-thumb{transform:translate(calc(var(--track-w) - var(--thumb) - var(--stretch) - var(--inset) * 2))}.af-switch-sweep{position:absolute;inset:0;border-radius:inherit;overflow:hidden;pointer-events:none}.af-switch-sweep:before{content:"";position:absolute;top:0;bottom:0;left:0;width:55%;background:linear-gradient(100deg,#fff0,#ffffff80,#fff0);transform:translate(-110%);animation:af-sweep .72s var(--ease-in-out) 90ms both}@keyframes af-sweep{to{transform:translate(200%)}}.af-switch[data-pending=true] .af-switch-thumb:after{content:"";position:absolute;inset:27%;border-radius:50%;border:1.5px solid var(--teal-line);border-top-color:var(--teal);animation:af-spin .9s linear infinite}.af-switch[data-disabled=true]{opacity:.55}.af-switch-state{min-width:2.2em;font-weight:500;color:var(--muted);font-variant-numeric:tabular-nums;transition:color .22s var(--ease-out)}.af-switch[data-on=true] .af-switch-state{color:var(--teal-ink)}.af-switch--surface{padding:6px 18px 6px 22px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #1018280a}.af-switch--surface.af-switch--lg{padding:4px 20px 4px 26px}.af.af-switch{position:static;width:auto;height:auto;padding:0;border:0;border-radius:0;background:none;transition:none}.af.af-switch--surface{padding:6px 18px 6px 22px;border-radius:999px;background:var(--surface);border:1px solid var(--line);box-shadow:0 1px 2px #1018280a}.af.af-switch--surface.af-switch--lg{padding:4px 20px 4px 26px}.af .af-switch-label{min-width:0;text-align:left}.af-switch--row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;column-gap:12px;width:100%}.af-switch-text{display:grid;gap:1px;min-width:0}.af-switch--row .af-switch-label{font-size:16.5px}.af-switch-desc{font-size:14px;color:var(--muted);line-height:1.4}.af-switch--row .af-switch-state{min-width:0;font-size:14px}@keyframes af-spin{to{transform:rotate(360deg)}}.af-pill{position:relative;display:inline-flex;align-items:center;gap:7px;height:34px;padding:0 10px 0 12px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:13.5px;font-weight:500;letter-spacing:-.005em;line-height:1;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,transform .16s var(--ease-out)}button.af-pill,a.af-pill{cursor:pointer}button.af-pill:after,a.af-pill:after{content:"";position:absolute;inset:-6px -2px}button.af-pill:active,a.af-pill:active{transform:scale(.97)}.af-pill-dot{flex:none;position:relative;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 0 3px var(--teal-soft)}.af-pill-sep{color:var(--faint);margin:0 -1px}.af-pill-state{color:var(--muted)}.af-pill-chev{color:var(--faint);font-size:16px;margin:0 -3px 0 -2px;transition:transform .16s var(--ease-out)}.af-pill--static{height:28px;padding:0 10px;font-size:12.5px;gap:6px;border-color:var(--line)}.af-pill[data-status=on] .af-pill-state,.af-pill[data-status=review] .af-pill-state{color:var(--ink)}.af-pill[data-status=off] .af-pill-dot,.af-pill[data-status=setup] .af-pill-dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--faint)}.af-pill[data-status=attention] .af-pill-dot,.af-pill[data-status=stop-failed] .af-pill-dot{background:var(--af-wait);box-shadow:0 0 0 3px var(--af-wait-soft)}.af-pill[data-status=attention] .af-pill-state,.af-pill[data-status=stop-failed] .af-pill-state{color:var(--af-wait)}.af-pill[data-status=blocked] .af-pill-dot{background:var(--stop);box-shadow:0 0 0 3px color-mix(in srgb,var(--stop) 16%,transparent)}.af-pill[data-status=blocked] .af-pill-state{color:var(--stop)}.af-pill[data-status=starting] .af-pill-dot,.af-pill[data-status=stopping] .af-pill-dot{background:transparent;box-shadow:inset 0 0 0 1.5px var(--teal)}.af-pill[data-status=starting] .af-pill-dot:after,.af-pill[data-status=stopping] .af-pill-dot:after{content:"";position:absolute;inset:2px;border-radius:50%;background:var(--teal);animation:af-breathe 1.2s ease-in-out infinite}@keyframes af-breathe{50%{opacity:.25}}@media(hover:hover)and (pointer:fine){button.af-pill:hover,a.af-pill:hover{background:var(--paper);border-color:color-mix(in srgb,var(--line-strong) 70%,var(--faint))}button.af-pill:hover .af-pill-chev,a.af-pill:hover .af-pill-chev{transform:translate(2px)}}.af-pill:focus-visible{outline:2px solid var(--teal);outline-offset:3px}.af-ocean{position:absolute;inset:0;z-index:0;overflow:hidden;pointer-events:none;border-radius:inherit}.af-ocean canvas{position:absolute;inset:0;width:100%;height:100%;display:block;-webkit-mask-image:radial-gradient(120% 95% at 50% 55%,#000 45%,rgba(0,0,0,.35) 80%,transparent 100%);mask-image:radial-gradient(120% 95% at 50% 55%,#000 45%,rgba(0,0,0,.35) 80%,transparent 100%)}.af-ocean-grain{position:absolute;inset:0;opacity:.12;mix-blend-mode:multiply;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='2' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0 0.5 0 0 0 0.55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}.af-stage{position:relative;isolation:isolate;overflow:hidden;border-radius:var(--radius-xl);background:radial-gradient(90% 70% at 85% 100%,var(--af-stage-glow),transparent 70%),var(--af-stage);border:1px solid var(--line)}.af-stage>:not(.af-ocean):not(.sr-only):not(.gk-atmo){position:relative;z-index:1}.af-btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:6px;min-height:36px;padding:0 14px;border-radius:999px;border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font:inherit;font-size:14px;font-weight:500;white-space:nowrap;cursor:pointer;-webkit-tap-highlight-color:transparent;transition:background-color .16s ease,border-color .16s ease,color .16s ease,transform .16s var(--ease-out)}.af-btn:after{content:"";position:absolute;inset:-4px -2px}.af-btn:active{transform:scale(.97)}.af-btn i{font-size:15px}.af-btn[disabled]{opacity:.5;cursor:default;transform:none}.af-btn:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.af-btn--ink{background:var(--ink);border-color:var(--ink);color:var(--bg)}.af-btn--teal{background:var(--teal);border-color:var(--teal);color:var(--af-on-teal)}.af-btn--sm{min-height:30px;padding:0 12px;font-size:13px}.af-btn--sm:after{inset:-7px -3px}@media(hover:hover)and (pointer:fine){.af-btn:not([disabled]):hover{background:var(--paper)}.af-btn--ink:not([disabled]):hover{background:color-mix(in srgb,var(--ink) 88%,var(--bg))}.af-btn--teal:not([disabled]):hover{background:color-mix(in srgb,var(--teal) 88%,var(--ink))}}.af-node-glyph{display:block;width:100%;height:100%;overflow:visible}.af-g-fill{fill:var(--teal)}.af-g-check{fill:none;stroke:var(--af-on-teal);stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}.af-g-ring{fill:var(--surface);stroke:currentColor;stroke-width:1.5}.af-g-ring--dash{stroke-dasharray:2.15 2.15}.af-g-dot{fill:currentColor}.af-g-mark{stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.af-node-glyph[data-kind=review]{color:var(--teal)}.af-node-glyph[data-kind=flag]{color:var(--af-flag)}.af-node-glyph[data-kind=wait]{color:var(--af-wait)}.af-node-glyph[data-kind=stop]{color:var(--stop)}.af-mark{flex:none;display:inline-block;width:20px;height:20px}.af-demo{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(32px,5vw,72px);align-items:center}.af-demo--hero{max-width:calc(var(--max) + var(--gutter) * 2);margin:0 auto;padding:calc(var(--header-h) + clamp(32px,5vw,64px)) var(--gutter) clamp(56px,7vw,96px)}.af-demo-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}.af-demo-title{margin-top:14px}.af-demo--hero .af-demo-title{margin-top:18px}.af-demo-sub{margin-top:18px;font-size:clamp(19px,1.6vw,23px);line-height:1.4;letter-spacing:-.015em;color:var(--ink);font-weight:500;max-width:26ch;text-wrap:balance}.af-demo--page .af-demo-sub{max-width:32ch}.af-demo-body{margin-top:14px;color:var(--muted);font-size:16.5px;line-height:1.6;max-width:46ch}.af-demo-actions{margin-top:26px}.af-demo-small{margin-top:22px;font-size:14px;color:var(--faint)}.af-demo-link{margin-top:10px}.af-stage.gk-stage{border:0}.af-demo-stage{display:flex;flex-direction:column;align-items:center;gap:16px;padding:clamp(24px,3.5vw,48px) clamp(12px,3vw,44px)}.af-seg{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));padding:4px;border-radius:999px}.af-seg-thumb{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px) / 3);border-radius:999px;background:var(--surface);box-shadow:0 1px 2px #1018281a;transform:translate(calc(var(--i, 0) * 100%));transition:transform .28s var(--ease-out)}.af-seg-btn{position:relative;z-index:1;min-width:96px;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:none;color:var(--muted);font-size:14.5px;font-weight:500;-webkit-tap-highlight-color:transparent;transition:color .16s ease}.af-seg-btn:after{content:"";position:absolute;inset:-3px 0}.af-seg>.af-seg-btn{justify-content:center}.af-seg-btn[aria-checked=true]{color:var(--ink)}.af-seg-btn:focus-visible{outline:2px solid var(--teal);outline-offset:1px}.af-seg-btn:active{transform:scale(.97)}@media(hover:hover)and (pointer:fine){.af-seg-btn:hover{color:var(--ink)}}.af-card{width:100%;max-width:480px;border-radius:28px;text-align:left}.af-card-head{display:flex;align-items:center;gap:12px;padding:16px 16px 12px 18px}.af-card-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:color-mix(in srgb,var(--surface) 70%,transparent);border:1px solid var(--border-soft);color:var(--ink);font-size:18px}.af-card-title{flex:1;min-width:0;display:grid}.af-card-title strong{font-family:var(--font-display);font-size:17px;font-weight:620;letter-spacing:-.015em;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-card-title small{font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.af-card-switch{flex:none;gap:8px;font-size:15px}.af-card-switch .af-switch-state{min-width:1.9em}.af-flow{position:relative;padding:0 0 8px}.af-change{display:grid;gap:4px;margin:0 12px;padding:14px 16px 16px;border-radius:20px;background:color-mix(in srgb,var(--surface) 55%,transparent);box-shadow:inset 0 0 0 1px var(--border-soft);transition:background-color .36s ease,box-shadow .36s ease}.af-change[data-lit=true]{background:var(--teal-wash);box-shadow:inset 0 0 0 1px var(--teal-line)}.af-change-kicker{font-size:12.5px;font-weight:500;color:var(--muted)}.af-change-main{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:4px 16px}.af-change-main strong{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em;color:var(--ink)}.af-change-time{display:inline-flex;align-items:baseline;gap:8px;font-variant-numeric:tabular-nums;white-space:nowrap}.af-change-time s{font-size:14.5px;color:var(--faint)}.af-change-time i{align-self:center;font-size:14px;color:var(--faint)}.af-change-time b{font-family:var(--font-display);font-size:28px;font-weight:600;letter-spacing:-.035em;color:var(--ink);transition:color .3s ease}.af-change[data-lit=true] .af-change-time b{color:var(--teal-ink)}.af-items-label{margin:16px 24px 2px;font-size:12.5px;font-weight:600;color:var(--faint);transition:color .3s ease}.af-card[data-on=true] .af-items-label{color:var(--teal-ink)}.af-items{list-style:none;padding:0 10px}.af-item{position:relative;display:grid;grid-template-columns:22px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:58px;padding:8px 10px 8px 14px;border-radius:16px;transition:background-color .18s ease}@media(hover:hover)and (pointer:fine){.af-item:hover{background:color-mix(in srgb,var(--surface) 55%,transparent)}}.af-node{position:relative;z-index:1;display:grid;place-items:center;width:22px;height:22px}.af-node-todo{position:absolute;inset:3px;border-radius:5px;border:1.5px solid var(--line-strong);background:var(--surface);transition:opacity .18s ease,transform .24s var(--ease-out)}.af-item .af-node-glyph{position:absolute;inset:0;opacity:0;transform:scale(.6);transition:opacity .18s ease,transform .24s var(--ease-out)}.af-item[data-done=true] .af-node-todo{opacity:0;transform:scale(.6)}.af-item[data-done=true] .af-node-glyph{opacity:1;transform:none;transition:opacity .2s ease 40ms,transform .32s var(--ease-spring) 40ms}.af-g-check{stroke-dasharray:1;stroke-dashoffset:1}.af-item[data-done=true] .af-g-check,.af-mark .af-g-check{stroke-dashoffset:0;transition:stroke-dashoffset .26s var(--ease-out) .16s}.af-item-text{display:grid;min-width:0}.af-item-text>*{grid-area:1 / 1;align-self:center;font-size:15.5px;line-height:1.35;transition:opacity .2s ease,transform .26s var(--ease-out),filter .2s ease}.af-item-todo{color:var(--text)}.af-item-done{font-weight:550;color:var(--ink);opacity:0;transform:translateY(5px);filter:blur(2px)}.af-item[data-done=true] .af-item-todo{opacity:0;transform:translateY(-5px);filter:blur(2px)}.af-item[data-done=true] .af-item-done{opacity:1;transform:none;filter:none}.af-item-end{display:inline-flex;align-items:center;justify-content:flex-end;gap:8px;opacity:0;transform:translate(8px);transition:opacity .2s ease,transform .26s var(--ease-out)}.af-item[data-done=true] .af-item-end{opacity:1;transform:none;transition:opacity .26s ease .14s,transform .34s var(--ease-out) .14s}.af-item-action{animation:af-pop .24s var(--ease-out)}.af-viz{position:relative;display:inline-flex;align-items:center;gap:6px;height:30px;padding:0 11px;border-radius:999px;background:color-mix(in srgb,var(--surface) 72%,transparent);box-shadow:inset 0 0 0 1px var(--border-soft);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;font-variant-numeric:tabular-nums}.af-viz b{font-weight:600}.af-time{display:inline-grid;overflow:hidden}.af-time>span{grid-area:1 / 1;align-self:center;text-align:center;transition:transform .46s var(--ease-in-out),opacity .3s ease}.af-time-from{color:var(--faint);text-decoration:line-through}.af-time-to{color:var(--teal-ink);transform:translate(120%);opacity:0}.af-item[data-done=true] .af-time>span{transition-delay:.52s}.af-item[data-done=true] .af-time-from{transform:translate(-120%);opacity:0}.af-item[data-done=true] .af-time-to{transform:none;opacity:1}.af-ride{gap:6px;padding-left:5px}.af-ride-car{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--border-soft);color:var(--ink);font-size:13px;transform:translate(-6px);opacity:0;transition:transform .52s var(--ease-out) .42s,opacity .3s ease .42s}.af-item[data-done=true] .af-ride-car{transform:none;opacity:1}.af-brand-badge{display:grid;place-items:center;width:22px;height:22px;margin-left:-5px;border-radius:50%;background:var(--surface);box-shadow:0 0 0 1px var(--border-soft);color:var(--ink)}.af-brand-plane{position:absolute;right:-4px;top:-4px;font-size:12px;color:var(--teal);opacity:0}.af-item[data-kind=done][data-done=true] .af-brand-plane,.af-brand[data-sent=true] .af-brand-plane{animation:af-fly .9s var(--ease-out) .38s both}@keyframes af-fly{0%{opacity:0;transform:translate(-6px,6px) scale(.8)}30%{opacity:1}to{opacity:0;transform:translate(12px,-12px) scale(1)}}.af-flagchip{background:var(--af-wait-soft);box-shadow:none;color:var(--af-wait)}.af-card-foot{padding:4px 16px 10px}.af-msg{display:grid;gap:10px;padding:12px;border-radius:18px;background:var(--chat-card-bg);box-shadow:var(--chat-card-edge);transform-origin:top center;animation:af-pop .24s var(--ease-out)}@keyframes af-pop{0%{opacity:0;transform:translateY(-4px) scale(.98)}}.af-msg-to{display:flex;align-items:baseline;gap:8px;font-size:12.5px;color:var(--faint)}.af-msg-to strong{font-weight:500;color:var(--ink)}.af-msg-body,.af-msg-edit{font-size:14.5px;line-height:1.5;color:var(--text)}.af-msg-body{padding:10px 12px;border-radius:14px 14px 14px 4px;background:var(--surface);border:1px solid var(--line)}.af-msg-edit{display:block;width:100%;min-height:96px;padding:10px 12px;border-radius:14px;border:1px solid var(--teal-line);background:var(--surface);resize:vertical;outline:none;box-shadow:0 0 0 3px var(--teal-wash)}.af-msg-actions{display:flex;flex-wrap:wrap;gap:8px}.af-sent{display:flex;align-items:flex-start;gap:10px;padding:12px 14px;border-radius:16px;background:var(--af-wait-soft);color:var(--text);font-size:14px;line-height:1.45;animation:af-pop .22s var(--ease-out);outline:none}.af-sent .af-mark{margin-top:0}@media(prefers-reduced-motion:no-preference){.af-demo-stage[data-seen=false] .af-seg,.af-demo-stage[data-seen=false] .af-card,.af-demo-stage[data-seen=false] .af-item{opacity:0}.af-demo-stage[data-seen=true] .af-seg{animation:af-rise .48s var(--ease-out) both}.af-demo-stage[data-seen=true] .af-card{animation:af-rise .56s var(--ease-out) 80ms both}.af-demo-stage[data-seen=true] .af-item{animation:af-rise .42s var(--ease-out) both;animation-delay:calc(var(--n) * 70ms + .3s)}}@keyframes af-rise{0%{opacity:0;transform:translateY(14px)}}@media(max-width:1080px){.af-demo{grid-template-columns:minmax(0,1fr);gap:36px}.af-demo-copy{max-width:640px}}@media(max-width:520px){.af-demo-stage{padding:16px 8px 10px;gap:12px;border-radius:var(--radius-lg)}.af-seg-btn{min-width:0;padding:0 12px;font-size:14px}.af-card{border-radius:24px}.af-card-head{padding:12px 10px 10px 12px;gap:10px}.af-card-icon{width:34px;height:34px;font-size:16px}.af-card-switch .af-switch-state{display:none}.af-change{margin:0 8px;padding:12px 14px 14px}.af-change-time b{font-size:24px}.af-items{padding:0 4px}.af-item{grid-template-columns:22px minmax(0,1fr);row-gap:6px;padding:10px 10px 10px 12px}.af-item-end{grid-column:2;justify-content:flex-start}.af-items-label{margin:14px 18px 2px}.af-card-foot{padding:4px 8px 8px}.af-switch--lg{--track-w: 70px;--track-h: 40px;--thumb: 32px;font-size:18px}}.af-headline{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(32px,5vw,64px);align-items:center}.af-headline-copy{display:flex;flex-direction:column;align-items:flex-start}.af-headline-copy .h2{margin-top:14px}.af-headline-title span{display:block;text-wrap:balance}.af-headline-copy .lead{margin-top:16px;max-width:520px}.af-headline-links{display:flex;flex-wrap:wrap;align-items:center;gap:14px 20px;margin-top:24px}.af-headline-stage{display:grid;place-items:center;padding:clamp(20px,3.5vw,40px) clamp(14px,3vw,36px);min-height:320px}.af-feed{width:100%;max-width:460px;border-radius:22px;text-align:left}.af-feed-head{display:flex;align-items:center;gap:11px;padding:14px 16px 6px}.af-feed-list{list-style:none}.af-feed-row{display:grid;grid-template-columns:20px minmax(0,1fr) auto;align-items:start;gap:12px;padding:13px 16px}.af-feed-row .af-mark{margin-top:1px}.af-feed-text{display:grid;gap:2px;min-width:0}.af-feed-label{font-size:11.5px;font-weight:600;letter-spacing:.04em;text-transform:uppercase;color:var(--faint)}.af-feed-row[data-kind=done] .af-feed-label{color:var(--teal-ink)}.af-feed-row[data-kind=wait] .af-feed-label{color:var(--af-wait)}.af-feed-text strong{font-size:14.5px;font-weight:550;color:var(--ink);line-height:1.35}.af-feed-text small{font-size:12.5px;color:var(--muted)}.af-feed-row .af-btn{align-self:center}.af-feed-draft{margin-top:8px;padding:9px 11px;border-radius:12px 12px 12px 4px;background:var(--paper);border:1px solid var(--line);font-size:13.5px;line-height:1.45;color:var(--text);animation:af-pop .2s var(--ease-out)}@media(max-width:900px){.af-headline{grid-template-columns:minmax(0,1fr)}}@media(max-width:520px){.af-headline-stage{padding:14px 10px;border-radius:var(--radius-lg);min-height:0}.af-feed-row{padding:12px;gap:10px}.af-feed-head{padding:12px}}@media(prefers-reduced-motion:reduce){.af-switch-thumb,.af-switch-track,.af-switch-state{transition:none}.af-switch-sweep{display:none}.af-switch[data-pending=true] .af-switch-thumb:after,.af-pill-dot:after{animation:none}.af-seg-thumb{transition:none}.af-change,.af-change-time b,.af-node-todo,.af-item .af-node-glyph,.af-item[data-done=true] .af-node-glyph,.af-g-check,.af-item[data-done=true] .af-g-check,.af-mark .af-g-check,.af-item-end,.af-item[data-done=true] .af-item-end,.af-time>span,.af-ride-car{transition:none!important}.af-item-text>*{transition:opacity .15s ease;transform:none!important;filter:none!important}.af-msg,.af-sent,.af-feed-draft,.af-item-action,.af-brand-plane{animation:none!important}}