#c-hero{opacity:1;transition:opacity .9s}.hero.is-demonstrating #c-hero{opacity:.3}.hero>.hero-motion{top:calc(82px + (100% - var(--hero-h)) / 2);z-index:3;width:min(1120px,100% - 64px);height:456px;position:absolute;left:50%;transform:translate(-50%)}#hero-motion #stage{pointer-events:none;width:100%;height:100%;position:absolute;inset:0}#hero-motion .scene{height:100%;position:absolute;inset:0}#hero-motion .prompt{z-index:6;text-align:left;flex-direction:column;gap:10px;width:min(560px,100% - 40px);transition:opacity .42s;display:flex;position:absolute;top:62.4%;left:50%;transform:translate(-50%,-50%)}#hero-motion .prompt.gone{opacity:0;pointer-events:none}#hero-motion .prompt-label{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);transition:color .32s}#hero-motion .prompt-box{background:var(--ground);border:1px solid var(--line-strong);align-items:center;gap:12px;padding:6px 6px 6px 16px;transition:border-color .32s;display:flex}#hero-motion .prompt.armed .prompt-box{border-color:var(--dim)}#hero-motion .prompt.armed .prompt-label{color:var(--text)}#hero-motion .field{white-space:nowrap;min-width:0;min-height:18px;font:400 13px/18px var(--mono);color:var(--text);flex:1;overflow:hidden}#hero-motion .caret{vertical-align:top;background:var(--text);width:1px;height:18px;margin-left:1px;animation:1.05s step-end infinite blink;display:inline-block}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}#hero-motion #go{height:auto;font:500 14px/1 var(--sans);color:#000;background:#fff;border:0;flex:none;align-items:center;padding:10px 18px;transition:background-color .25s cubic-bezier(.7,0,.2,1),transform .14s}#hero-motion #go:hover{background:var(--hover-solid)}#hero-motion #go.pressed{transform:scale(.97)}#hero-motion .task{z-index:6;text-align:left;background:var(--raised);border:1px solid var(--text);opacity:0;flex-direction:column;gap:12px;width:min(540px,100% - 32px);padding:20px 24px 22px;transition:opacity .5s,transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}#hero-motion .task.on{opacity:1;transform:translate(-50%,-50%)}#hero-motion .task.out{opacity:0;transform:translate(-50%,calc(-50% - 8px))}#hero-motion .task-badge{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);align-items:center;gap:10px;display:flex}#hero-motion .task-badge i{background:var(--text);flex:none;width:8px;height:8px}#hero-motion .task-text{font:400 20px/25px var(--sans);letter-spacing:-.2px;color:var(--text)}#hero-motion .task-meta{font:400 13px/18px var(--mono);color:var(--dim)}#hero-motion .stack{z-index:5;pointer-events:none;position:absolute;inset:0}#hero-motion .rcard{background:var(--raised);border:1px solid var(--line);opacity:0;will-change:transform, opacity;align-items:center;gap:16px;width:min(720px,100%);padding:15px 20px;display:flex;position:absolute;top:0;left:50%;transform:translate(-50%,-50%)}#hero-motion .rc-kind{white-space:nowrap;font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);flex:0 0 120px}#hero-motion .rc-text{min-width:0;font:400 13px/19px var(--sans);color:var(--text);flex:1}#hero-motion .rcard.hit{background:#fff;border-color:#fff}#hero-motion .rcard.hit :is(.rc-kind,.rc-text){color:#000}#hero-motion .rcard.no :is(.rc-kind,.rc-text){color:var(--faint)}#hero-motion .rcard.no .rc-text{text-decoration:line-through}#hero-motion .rcard.ok{border-color:var(--dim)}#hero-motion .validated{z-index:7;white-space:nowrap;background:var(--raised);border:1px solid var(--text);opacity:0;align-items:center;gap:16px;padding:20px 24px;transition:opacity .5s,transform .5s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,calc(8px - 50%))}#hero-motion .validated.on{opacity:1;transform:translate(-50%,-50%)}#hero-motion .validated.out{opacity:0;transform:translate(-50%,calc(-50% - 8px))}#hero-motion .val-ic{color:#000;background:var(--text);flex:none;place-items:center;width:24px;height:24px;display:grid}#hero-motion .val-title{font:400 20px/25px var(--sans);letter-spacing:-.2px;color:var(--text)}#hero-motion .val-sep{background:var(--line-strong);flex:none;width:1px;height:22px}#hero-motion .val-note{font:400 15px/23px var(--sans);color:var(--dim)}#hero-motion .val-num{font:300 28px/34px var(--sans);letter-spacing:-.28px;color:var(--text);font-variant-numeric:tabular-nums}#hero-motion .report{z-index:7;background:var(--panel);border:1px solid var(--line);opacity:0;width:min(920px,100%);transition:opacity .6s,transform .6s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,calc(12px - 50%))}#hero-motion .report.on{opacity:1;transform:translate(-50%,-50%)}#hero-motion .rep-head{justify-content:space-between;align-items:center;gap:16px;padding:16px 20px 4px;display:flex}#hero-motion .rep-title{font:400 20px/25px var(--sans);letter-spacing:-.2px;color:var(--text);white-space:nowrap}#hero-motion .rep-new{border:1px solid var(--line-strong);font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);white-space:nowrap;flex:none;padding:7px 12px}#hero-motion .rep-tiles{grid-template-columns:1fr 1fr;display:grid}#hero-motion .rep-tile{flex-direction:column;gap:6px;min-width:0;padding:14px 20px 16px;display:flex}#hero-motion .rep-lbl{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}#hero-motion .rep-big{font:300 28px/34px var(--sans);letter-spacing:-.28px;color:var(--text);font-variant-numeric:tabular-nums}#hero-motion :is(.rep-split,.rep-note){font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim)}#hero-motion .rep-split{flex-wrap:wrap;gap:4px 24px;display:flex}#hero-motion .rep-split>span{white-space:nowrap;align-items:center;gap:8px;display:inline-flex}#hero-motion .mk{box-sizing:border-box;flex:none;width:8px;height:8px;position:relative}#hero-motion .mk.full{background:var(--text)}#hero-motion .mk.half{border:1px solid var(--dim)}#hero-motion .mk.half:after{content:"";background:var(--text);position:absolute;inset:1px}#hero-motion .mk.none{border:1px solid var(--dim)}#hero-motion :is(.thead,.tr){grid-template-columns:minmax(0,1fr) 110px 140px 130px;align-items:center;gap:12px;padding-inline:20px;display:grid}#hero-motion .thead{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);padding-block:8px}#hero-motion .tr{border-top:1px solid var(--line-soft);opacity:0;height:44px;transition:opacity .42s,transform .42s;transform:translateY(-6px)}#hero-motion .tr.on{opacity:1;transform:none}#hero-motion .tr.on:last-child{opacity:.4}#hero-motion .tr>span{align-items:center;min-width:0;height:100%;display:flex}#hero-motion .tr>.td-name{white-space:nowrap;text-overflow:ellipsis;height:auto;font:400 13px/19px var(--sans);color:var(--text);display:block;overflow:hidden}#hero-motion .risk{font:400 13px/19px var(--sans);color:var(--dim);align-items:center;gap:8px;display:inline-flex}#hero-motion .pill{font:400 11px/14px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);white-space:nowrap;border:1px solid var(--line-strong);flex:none;align-items:center;padding:5px 10px;transition:background-color .3s,border-color .3s,color .3s;display:inline-flex}#hero-motion .pill.fixed{color:#000;background:#fff;border-color:#fff}#hero-motion .owner{white-space:nowrap;text-overflow:ellipsis;font:400 13px/19px var(--sans);color:var(--faint);transition:color .3s;overflow:hidden}#hero-motion .owner.set{color:var(--text)}#hero-motion .vcard{z-index:8;background:var(--panel);border:1px solid var(--line);opacity:0;pointer-events:none;flex-direction:column;width:min(720px,100%);height:96%;max-height:440px;transition:opacity .42s,transform .42s cubic-bezier(.4,0,.2,1);display:flex;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,calc(12px - 50%))}#hero-motion .vcard.on{opacity:1;transform:translate(-50%,-50%)}#hero-motion .vcard-bar{border-bottom:1px solid var(--line-soft);flex:none;align-items:center;gap:16px;padding:14px 16px 14px 24px;display:flex}#hero-motion .vcard-eyebrow{white-space:nowrap;text-overflow:ellipsis;min-width:0;font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint);flex:1;overflow:hidden}#hero-motion .vcard-run{border:1px solid var(--text);font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text);white-space:nowrap;flex:none;padding:7px 12px;transition:background-color .26s,border-color .26s,transform .14s}#hero-motion .vcard-run.pressed{transform:scale(.97)}#hero-motion .vcard-run.running{background:var(--line);border-color:var(--line-strong)}#hero-motion .vcard-x{color:var(--dim);flex:none;display:flex}#hero-motion .vcard-scroll{flex:1;min-height:0;position:relative;overflow:hidden}#hero-motion .vcard-inner{flex-direction:column;gap:16px;padding:20px 24px 24px;display:flex}#hero-motion .vcard-title{font:400 20px/25px var(--sans);letter-spacing:-.2px;color:var(--text);margin:0}#hero-motion .vcard-meta{flex-wrap:wrap;align-items:center;gap:8px 16px;display:flex}#hero-motion .vcard-owner{font:400 13px/19px var(--sans);color:var(--text)}#hero-motion .vcard-check{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--dim);opacity:0;transition:opacity .4s}#hero-motion .vcard-check.on{opacity:1}#hero-motion .vcard-tabs{border-bottom:1px solid var(--line);gap:24px;display:flex;overflow:hidden}#hero-motion .vtab{font:400 13px/19px var(--sans);color:var(--faint);white-space:nowrap;flex:none;padding-bottom:10px;position:relative}#hero-motion .vtab.active{color:var(--text)}#hero-motion .vtab.active:after{content:"";background:var(--text);height:1px;position:absolute;bottom:-1px;left:0;right:0}#hero-motion .vfield{flex-direction:column;gap:10px;display:flex}#hero-motion .vsec{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}#hero-motion .vbox{border:1px solid var(--line);white-space:nowrap;text-overflow:ellipsis;font:400 13px/18px var(--mono);color:var(--text);padding:10px 14px;overflow:hidden}#hero-motion .vcode{background:var(--raised);flex-direction:column;gap:8px;padding:12px 14px;display:flex}#hero-motion .vcode-lang{font:400 11px/15px var(--mono);letter-spacing:.08em;color:var(--faint)}#hero-motion .vcode pre{white-space:pre;font:400 13px/18px var(--mono);color:var(--text);margin:0;overflow:hidden}#hero-motion .menu{z-index:9;background:var(--raised);border:1px solid var(--line-strong);opacity:0;pointer-events:none;min-width:160px;padding:4px;transition:opacity .2s,transform .2s;position:absolute;transform:translateY(-4px)}#hero-motion .menu.on{opacity:1;transform:none}#hero-motion .menu-item{color:var(--dim);white-space:nowrap;padding:7px 10px;transition:background-color .18s,color .18s}#hero-motion #statusMenu .menu-item{font:400 11px/15px var(--mono);letter-spacing:.08em;text-transform:uppercase}#hero-motion #ownerMenu .menu-item{font:400 13px/19px var(--sans)}#hero-motion .menu-item.hi{color:#000;background:var(--text)}#hero-motion .cursor{z-index:10;pointer-events:none;color:var(--text);opacity:0;filter:drop-shadow(0 1px 2px #0009);transition:transform .52s cubic-bezier(.4,0,.2,1),opacity .26s;position:absolute;top:0;left:0}#hero-motion .cursor-in{transform-origin:2px 2px;transition:transform .13s;display:block}#hero-motion .cursor-in.tap{transform:scale(.84)}#hero-motion .click-ring{z-index:9;border:1px solid var(--text);opacity:0;pointer-events:none;width:16px;height:16px;margin:-8px 0 0 -8px;position:absolute;top:0;left:0}#hero-motion :is(.field,.task-meta,.vbox,.vcode pre){font-variant-ligatures:none}.hero-controls{z-index:30;pointer-events:none;justify-content:space-between;align-items:center;display:flex;position:absolute;bottom:-5px;left:0;right:0}.hero-scene-label{font:400 11px/15px var(--mono);letter-spacing:.08em;color:var(--faint)}@media (width<=1040px){#hero-motion :is(.thead,.tr){grid-template-columns:minmax(0,1fr) 96px 132px 112px}}@media (width<=760px){.hero>.hero-motion{top:calc(76px + (100% - var(--hero-h)) / 2);width:calc(100% - 32px);height:430px}#hero-motion .prompt{width:100%;top:50%}#hero-motion .prompt-box{gap:8px;padding-left:12px}#hero-motion .field{font-size:12px}#hero-motion #go{padding-inline:14px}#hero-motion .task{gap:10px;width:100%;padding:16px 18px 18px}#hero-motion .task-text{font-size:17px;line-height:22px}#hero-motion .rcard{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px}#hero-motion .rc-kind{flex:none}#hero-motion .validated{white-space:normal;flex-wrap:wrap;gap:10px 12px;width:100%;padding:16px 18px}#hero-motion .val-sep{display:none}#hero-motion .val-title{font-size:17px;line-height:22px}#hero-motion .val-note{font-size:13px;line-height:19px}#hero-motion .rep-head{padding:12px 14px 0}#hero-motion .rep-title{font-size:17px;line-height:22px}#hero-motion .rep-tile{gap:4px;padding:12px 14px}#hero-motion .rep-big{font-size:26px;line-height:30px}#hero-motion .rep-split{flex-direction:column;gap:2px}#hero-motion :is(.thead,.tr){grid-template-columns:minmax(0,1fr) 116px;gap:10px;padding-inline:14px}#hero-motion :is(.thead,.tr)>:is(.td-risk,.td-owner){display:none}#hero-motion .tr{height:40px}#hero-motion .vcard{width:100%}#hero-motion .vcard-bar{gap:10px;padding:12px 12px 12px 16px}#hero-motion .vcard-inner{gap:14px;padding:16px}#hero-motion .vcard-title{font-size:17px;line-height:22px}#hero-motion .vcard-tabs{gap:16px}#hero-motion .vtab{font-size:12px}.hero-scene-label{display:none}}@media (width<=480px){#hero-motion .rep-new{display:none}#hero-motion .vcard-eyebrow{visibility:hidden}}@media (prefers-reduced-motion:reduce){#hero-motion .caret{animation:none}#hero-motion .cursor{display:none}}
