.flow-canvas-frame{border-radius:var(--radius-xl);background:var(--color-surface);width:100%;max-width:58rem;margin-inline:auto;position:relative;overflow:hidden}.flow-canvas-frame.topic-stage:before{-webkit-mask-image:radial-gradient(80% 90%,#000,#0000);mask-image:radial-gradient(80% 90%,#000,#0000)}.flow-canvas{width:100%;position:relative}.flow-canvas-tall{display:none}@media not (min-width:48rem){.flow-canvas-wide{display:none}.flow-canvas-tall{display:block}}.flow-canvas-svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.flow-canvas-line{fill:none;stroke:var(--color-line-strong);stroke-width:1.25px}.flow-canvas-trail{fill:none;stroke:var(--color-area);stroke-width:1.75px;stroke-dasharray:1;stroke-dashoffset:1px;transition:opacity .6s var(--ease-out)}.flow-canvas-trail[data-fading],.flow-canvas-packet{opacity:0}.flow-canvas-dot{fill:var(--color-area)}.flow-canvas-halo{fill:var(--color-area);opacity:.16}.flow-canvas-node,.flow-canvas-core{border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-raised);text-align:start;position:absolute;translate:-50% -50%}.flow-canvas-node{font-size:var(--text-label);white-space:nowrap;align-items:center;gap:.5rem;padding:.375rem .75rem .375rem .375rem;font-weight:500;line-height:1.2;display:flex}.flow-canvas-icon{border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;display:grid}.flow-canvas-logos{gap:.25rem;margin-inline-start:.25rem;display:flex}.flow-canvas-logo{border-radius:var(--radius-xs);background:var(--color-logo-tile);width:1.5rem;height:1.5rem;box-shadow:var(--shadow-logo);place-items:center;display:grid}.flow-canvas-done{border-radius:var(--radius-full);background:var(--color-ink);width:1.125rem;height:1.125rem;color:var(--color-canvas);transition:scale .34s var(--ease-spring);place-items:center;display:grid;position:absolute;top:-.4375rem;right:-.4375rem;scale:0}[data-done]>.flow-canvas-done{scale:1}.flow-canvas-core{border-radius:var(--radius-lg);flex-direction:column;gap:.25rem;width:14.75rem;padding:.625rem;display:flex}.flow-canvas-core-head{border-bottom:1px solid var(--color-line);align-items:center;gap:.625rem;margin-bottom:.25rem;padding:.125rem .25rem .625rem;display:flex}.flow-canvas-core-icon{border-radius:var(--radius-sm);background:var(--color-ink);width:1.75rem;height:1.75rem;color:var(--color-canvas);place-items:center;display:grid}.flow-canvas-step{color:var(--color-ink-muted);font-size:var(--text-body-sm);transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);border-radius:.625rem;align-items:center;gap:.5rem;padding:.375rem;display:flex}.flow-canvas-step-icon{background:var(--color-surface);width:1.375rem;height:1.375rem;color:var(--color-ink);border-radius:.375rem;place-items:center;transition:inherit;display:grid}.flow-canvas-step[data-on]{background:var(--color-area-tint);color:var(--color-ink)}.flow-canvas-step[data-on] .flow-canvas-step-icon{background:var(--color-area);color:var(--color-on-hue)}.flow-canvas-tall .flow-canvas-node{width:5.75rem;font-size:var(--text-caption);text-align:center;flex-direction:column;gap:.375rem;padding:.5rem .375rem}.flow-canvas-tall .flow-canvas-logos{display:none}.flow-canvas-tall .flow-canvas-core{width:13.875rem}@media (prefers-reduced-motion:reduce){.flow-canvas-done,.flow-canvas-trail{transition:none}}
.ai-bar{border-radius:var(--radius-full);background:var(--color-line);flex-shrink:0;height:.375rem;display:block}.ai-bar.strong{background:var(--color-line-strong)}.ai-bar.faint{background:var(--color-surface-strong)}.ai-bar.ink{background:color-mix(in oklab, var(--color-ink) 38%, transparent)}.def{margin-top:2.5rem}.def-top{justify-items:center;gap:.75rem;display:grid}.def-scenario{color:var(--color-ink-muted);font-size:var(--text-body-sm);text-align:center;text-wrap:balance}.def-request{border-radius:var(--radius-full);background:var(--color-surface-raised);max-width:100%;box-shadow:var(--shadow-raised);align-items:center;gap:.625rem;padding:.5rem .875rem .5rem .5rem;display:inline-flex}.def-request-icon{border-radius:var(--radius-full);background:var(--color-ink);width:1.875rem;height:1.875rem;color:var(--color-canvas);flex-shrink:0;place-items:center;display:grid}.def-request-label{border-inline-start:1px solid var(--color-line);color:var(--color-ink-subtle);font-family:var(--font-mono);font-size:var(--text-caption);white-space:nowrap;padding-inline-start:.625rem}.def-split,.def-table{display:none}.def-split{justify-self:stretch;height:2.75rem;position:relative}.def-split>span{background:var(--color-line-strong);transform-origin:top;width:1px;height:50%;position:absolute;top:50%}.def-split .def-split-stem{top:0;left:50%}.def-split .def-split-bar{transform-origin:50%;width:auto;height:1px;left:16.6667%;right:16.6667%}.def-split-drop:nth-child(3){left:16.6667%}.def-split-drop:nth-child(4){left:50%}.def-split-drop:nth-child(5){left:83.3333%}.def-table{border-collapse:collapse;table-layout:fixed;width:100%}.def-col-head{width:22%}.def-table thead th{font-weight:inherit;text-align:start;vertical-align:bottom;padding:0 .625rem 1.125rem}.def-col-title{font-size:var(--text-title);letter-spacing:-.01em;margin-top:.875rem;font-weight:600;display:block}.def-table tbody tr{border-top:1px solid var(--color-line)}.def-table tbody th{color:var(--color-ink-muted);font-size:var(--text-body-sm);text-align:start;vertical-align:top;padding:1rem 1rem 1rem 0;font-weight:500}.def-table td{font-size:var(--text-body-sm);text-wrap:pretty;vertical-align:top;padding:1rem .625rem;line-height:1.5}@media (min-width:48rem){.def-top{grid-template-columns:22% 1fr;gap:0}.def-top>*{grid-column:2}.def-scenario{margin-bottom:.75rem}.def-split{display:block}.def-table{display:table}}.def-foot{flex-direction:column;gap:.5rem;margin-top:1.5rem;display:flex}.def-foot p{color:var(--color-ink-muted);font-size:var(--text-body-sm);text-wrap:pretty;gap:.625rem;display:flex}
.def-switch{gap:1rem;margin-top:1.75rem;display:grid;position:relative}.def-switch:before{background:var(--color-line-strong);content:"";width:1px;height:1.75rem;position:absolute;top:-1.75rem;left:50%}.def-switch-tabs{border-radius:var(--radius-full);background:var(--color-surface);grid-template-columns:repeat(3,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.def-switch-tabs button{border-radius:var(--radius-full);color:var(--color-ink-muted);font-size:var(--text-caption);text-align:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:.5rem .25rem;font-weight:500;line-height:1.25}.def-switch-tabs button[aria-selected=true]{background:var(--color-surface-raised);box-shadow:var(--shadow-ring);color:var(--color-ink)}.def-switch-panel{gap:1rem;display:grid}@media (prefers-reduced-motion:no-preference){.def-switch-panel{animation:def-fade var(--duration-base) var(--ease-out)}}@keyframes def-fade{0%{opacity:0}}.def-switch-facts{border-top:1px solid var(--color-line)}.def-switch-facts div{border-bottom:1px solid var(--color-line);gap:.125rem;padding-block:.625rem;display:grid}.def-switch-facts dt{color:var(--color-ink-subtle);font-size:var(--text-caption);font-weight:500}.def-switch-facts dd{font-size:var(--text-body-sm);text-wrap:pretty}@media not (min-width:48rem){.def-request{border-radius:var(--radius-lg);grid-template-columns:auto 1fr;gap:.125rem .75rem;width:100%;padding:.75rem 1rem .75rem .75rem;display:grid}.def-request-icon{grid-row:1/3;align-self:center}.def-request-label{border:0;grid-area:1/2;padding:0}.def-request .text-title{grid-area:2/2}}@media (min-width:48rem){.def-switch{display:none}}
.def-scene{border-radius:var(--radius-lg);background:var(--color-surface);place-items:center;height:9rem;display:grid;overflow:hidden}.def-scene-rule{flex-direction:column;align-items:center;gap:.375rem;display:flex}.def-scene-tile,.def-scene-card,.def-scene-box{border-radius:var(--radius-md);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);position:relative}.def-scene-tile{align-items:center;gap:.4375rem;padding:.4375rem .625rem;display:inline-flex}.def-scene-down{background:var(--color-line-strong);width:1px;height:.875rem}.def-scene-box{place-items:center;width:2.125rem;height:2.125rem;display:grid}.def-scene-tick,.def-scene-ok{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-canvas);place-items:center;display:grid}.def-scene-tick{width:.9375rem;height:.9375rem;position:absolute;top:-.375rem;right:-.375rem}.def-scene-ok{flex-shrink:0;width:1rem;height:1rem;margin-inline-start:auto}.def-scene-card{flex-direction:column;width:12.5rem;display:flex}.def-scene-chat{gap:.4375rem;padding:.625rem .75rem}.def-scene-question{background:var(--color-surface-strong);border-radius:.75rem .75rem .25rem;align-self:flex-end;padding:.5rem .625rem}.def-scene-typing{background:var(--color-surface);border-radius:.75rem;align-self:flex-start;gap:.1875rem;padding:.5rem .625rem;display:none}.def-scene-typing i{border-radius:var(--radius-full);background:var(--color-ink-subtle);width:.25rem;height:.25rem}.def-scene-answer{background:var(--color-surface);border-radius:.75rem .75rem .75rem .25rem;flex-direction:column;align-self:flex-start;gap:.3125rem;padding:.5625rem .625rem;display:flex}.def-scene-source{background:var(--color-surface-raised);box-shadow:var(--shadow-ring);color:var(--color-ink-muted);border-radius:.375rem;align-items:center;gap:.3125rem;margin-top:.1875rem;padding:.1875rem .375rem;display:inline-flex}.def-scene-agent{gap:.125rem;padding:.5rem}.def-scene-step{align-items:center;gap:.5rem;padding:.375rem;display:flex}.def-scene-icon,.def-scene-logo{background:var(--color-surface);border-radius:.375rem;flex-shrink:0;place-items:center;width:1.375rem;height:1.375rem;display:grid}.def-scene-logo{background:var(--color-logo-tile);box-shadow:var(--shadow-logo)}@media (prefers-reduced-motion:no-preference){.def:not([data-play]) :is(.def-scene-in,.def-scene-pop){opacity:0}.def:not([data-play]) .def-split>span{scale:0}.def[data-play] .def-split>span{animation:def-grow-y var(--duration-base) var(--ease-out) .4s both}.def[data-play] .def-split .def-split-stem{animation-delay:0s}.def[data-play] .def-split .def-split-bar{animation-name:def-grow-x;animation-delay:.2s}.def[data-play] .def-scene-in{animation:def-in .42s var(--ease-out) both;animation-delay:var(--at)}.def[data-play] .def-scene-pop{animation:def-pop .36s var(--ease-spring) both;animation-delay:var(--at)}.def[data-play] .def-scene-typing{animation:.85s linear both def-typing;animation-delay:var(--at);display:flex}}@keyframes def-grow-y{0%{scale:1 0}}@keyframes def-grow-x{0%{scale:0 1}}@keyframes def-in{0%{opacity:0;transform:translateY(6px)}}@keyframes def-pop{0%{opacity:0;scale:.4}}@keyframes def-typing{0%{opacity:0}15%,85%{opacity:1}to{opacity:0;height:0;margin-top:-.4375rem;padding-block:0}}
.dp{border-radius:var(--radius-xl);background:var(--color-surface);margin-top:2.5rem;padding:1.25rem 1.125rem 1.75rem}.dp-label{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption);margin-bottom:1.375rem}.dp-path{justify-items:start;display:grid}.dp-node,.dp-act,.dp-seg-line,.dp-lock{transition:opacity var(--duration-fast) var(--ease-out)}.dp-node{background:var(--color-surface-raised);box-shadow:var(--shadow-raised);border-radius:.875rem;align-items:center;gap:.625rem;padding:.5625rem .875rem .5625rem .5625rem;display:flex;position:relative}.dp-icon{border-radius:var(--radius-sm);background:var(--color-surface);flex-shrink:0;place-items:center;width:1.875rem;height:1.875rem;display:grid}.dp-key{border-radius:var(--radius-full);background:var(--color-ink);width:1.25rem;height:1.25rem;color:var(--color-canvas);place-items:center;display:grid;position:absolute;top:-.5rem;left:-.5rem}.dp-chip{border-radius:var(--radius-full);box-shadow:var(--shadow-ring);color:var(--color-ink-muted);font:500 var(--text-badge) / 1.2 var(--font-mono);white-space:nowrap;padding:.1875rem .4375rem}.dp-seg{width:1px;height:2.5rem;margin-inline-start:1.5rem;position:relative}.dp-seg-line{background:var(--color-line-strong);position:absolute;inset:0}.dp-lock{border-radius:var(--radius-full);background:var(--color-surface-raised);min-width:1.375rem;height:1.375rem;box-shadow:var(--shadow-ring);font:500 var(--text-badge) / 1 var(--font-mono);white-space:nowrap;align-items:center;gap:.25rem;padding-inline:.3125rem;display:inline-flex;position:absolute;top:50%;left:50%;translate:-50% -50%}.dp-model{flex-direction:column;align-items:stretch;gap:.375rem;min-width:15rem;padding:.5625rem}.dp-route{background:var(--color-surface);border-radius:.5625rem;align-items:center;gap:.25rem;padding:.3125rem;display:flex}.dp-route .dp-chip{background:var(--color-surface-raised);margin-inline-start:auto}.dp-logo{background:var(--color-logo-tile);width:1.375rem;height:1.375rem;box-shadow:var(--shadow-logo);border-radius:.375rem;place-items:center;display:grid}.dp-act{border-radius:var(--radius-full);background:var(--color-surface-raised);width:2.125rem;height:2.125rem;box-shadow:var(--shadow-ring);place-items:center;margin:1rem 0 0 .4375rem;display:grid;position:relative}.dp-act:before{background:var(--color-line-strong);content:"";width:1px;height:1rem;position:absolute;bottom:100%;left:50%}@media (min-width:48rem){.dp{padding:1.5rem 2rem 2rem}}@media (min-width:64rem){.dp-path{grid-template-columns:auto minmax(max-content,1fr) auto minmax(max-content,1fr) auto auto;place-items:center stretch}.dp-node{justify-self:center}.dp-seg{justify-content:center;align-items:center;width:auto;height:1px;margin:0 .375rem;padding-inline:.75rem;display:flex}.dp-lock{flex-shrink:0;position:relative;top:auto;left:auto;translate:none}.dp-act{margin:0 0 0 .875rem}.dp-act:before{width:.875rem;height:1px;inset:50% 100% auto auto}}
.dc-grid{border-block:1px solid var(--color-line);background:var(--color-line);gap:1px;margin-top:2rem;display:grid}.dc{background:var(--color-canvas);transition:background-color var(--duration-fast) var(--ease-out);flex-direction:column;gap:.5rem;padding:1.375rem 1.375rem 1.625rem 0;display:flex}@media (min-width:40rem){.dc-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.dc{padding:1.375rem 1.5rem 1.625rem}}@media (min-width:64rem){.dc-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (hover:hover){.ai-data-section:has(.dc:hover) .dp [data-part]{opacity:.3}:is(.ai-data-section:has(.dc[data-part=access]:hover) .dp [data-part~=access],.ai-data-section:has(.dc[data-part=protection]:hover) .dp [data-part~=protection],.ai-data-section:has(.dc[data-part=location]:hover) .dp [data-part~=location],.ai-data-section:has(.dc[data-part=models]:hover) .dp [data-part~=models],.ai-data-section:has(.dc[data-part=contract]:hover) .dp [data-part~=contract],.ai-data-section:has(.dc[data-part=aiAct]:hover) .dp [data-part~=aiAct]){opacity:1}.dc:hover{background:var(--color-surface)}}
.use-cases{border-bottom:1px solid var(--color-line);margin-top:2.5rem}.use-case{border-top:1px solid var(--color-line);gap:.75rem;padding-block:1.25rem;display:grid}.use-case-name{font-size:var(--text-title);letter-spacing:-.01em;align-items:center;gap:.75rem;font-weight:600;display:flex}.use-case-icon{border-radius:var(--radius-full);background:var(--color-surface);flex-shrink:0;place-items:center;width:2.25rem;height:2.25rem;display:grid}.use-case-tasks{color:var(--color-ink-muted);font-size:var(--text-body-sm);gap:.375rem;display:grid}.use-case-tasks li{text-wrap:pretty}@media (min-width:48rem){.use-case{grid-template-columns:14rem 1fr;align-items:center;gap:1.5rem}.use-case-tasks{grid-template-columns:repeat(3,minmax(0,1fr));gap:0}.use-case-tasks li{border-inline-start:1px solid var(--color-line);padding-inline:1.25rem}}.sys-grid{gap:1rem;display:grid}@media (min-width:48rem){.sys-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-wide,.sys-strip{grid-column:1/-1}}@media (min-width:64rem){.sys-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sys-wide{grid-column:span 2}.sys-strip{grid-template-columns:1fr 2fr;align-items:center}}.sys-panel{border-radius:var(--radius-xl);background:var(--color-surface);flex-direction:column;gap:1rem;padding:1.375rem;display:flex}.sys-strip{display:grid}.sys-chips{flex-wrap:wrap;gap:.375rem;display:flex}.sys-chip{border-radius:var(--radius-full);background:var(--color-surface-raised);box-shadow:var(--shadow-ring);font-size:var(--text-body-sm);white-space:nowrap;align-items:center;gap:.5rem;padding:.25rem .75rem .25rem .25rem;font-weight:500;display:inline-flex}.sys-chip-logo,.sys-chip-icon{border-radius:var(--radius-full);flex-shrink:0;place-items:center;width:1.75rem;height:1.75rem;display:grid}.sys-chip-logo{background:var(--color-logo-tile)}.sys-chip-icon{background:var(--color-surface)}.sys-sub{gap:1rem;display:grid}@media (min-width:48rem){.sys-sub{grid-template-columns:repeat(2,minmax(0,1fr))}.sys-sub-open{grid-column:1/-1}}.sys-sub-label{color:var(--color-ink-subtle);font-size:var(--text-caption);margin-bottom:.5rem;font-weight:500}.model-calls{border-top:1px solid var(--color-line);flex-direction:column;gap:.5rem;margin-top:.25rem;padding-top:.875rem;display:flex}.model-calls-row{align-items:center;gap:.75rem;display:flex}.model-calls-label{width:7.5rem;color:var(--color-ink-muted);font-size:var(--text-caption)}.model-calls-squares{gap:.25rem;display:flex}.model-calls-squares i{background:var(--color-ink);border-radius:3px;width:.625rem;height:.625rem}
.topic-stage{container:stage/inline-size}.ai-logo{background:var(--color-logo-tile);box-shadow:var(--shadow-logo);border-radius:.625rem;flex-shrink:0;place-items:center;display:grid}.ai-logo-sm{border-radius:var(--radius-sm);width:1.75rem;height:1.75rem}.ai-icon-tile{z-index:1;background:var(--color-surface);width:1.375rem;height:1.375rem;color:var(--color-ink);border-radius:.375rem;flex-shrink:0;place-items:center;display:grid;position:relative}.ai-tick{border-radius:var(--radius-full);background:var(--color-ink);width:1rem;height:1rem;color:var(--color-canvas);flex-shrink:0;place-items:center;display:grid}
.ex-tabs{border-radius:var(--radius-full);background:var(--color-surface);grid-template-columns:repeat(4,minmax(0,1fr));gap:.25rem;padding:.25rem;display:grid}.ex-tabs button{border-radius:var(--radius-full);min-height:2.5rem;color:var(--color-ink-muted);font-size:var(--text-caption);text-align:center;cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out), box-shadow var(--duration-fast) var(--ease-out);place-items:center;padding:.375rem .25rem;font-weight:500;line-height:1.25;display:grid}@media (min-width:40rem){.ex-tabs{grid-template-columns:repeat(4,auto);display:inline-grid}.ex-tabs button{font-size:var(--text-label);padding:.5rem 1rem}}.ex-tabs button[aria-selected=true]{background:var(--color-surface-raised);box-shadow:var(--shadow-ring);color:var(--color-ink)}.ex-panel{margin-top:1.75rem}@media (prefers-reduced-motion:no-preference){.ex-panel{animation:ex-fade var(--duration-base) var(--ease-out)}}@keyframes ex-fade{0%{opacity:0}}.ex-pairs{border-bottom:1px solid var(--color-line);margin-top:1.5rem}.ex-pairs-head{display:none}.ex-pair{border-top:1px solid var(--color-line);gap:.5rem;padding-block:.875rem;display:grid}.ex-today,.ex-auto{font-size:var(--text-body-sm);text-wrap:pretty}.ex-today{color:var(--color-ink-muted)}.ex-tag{color:var(--color-ink-subtle);font-size:var(--text-caption);margin-bottom:.125rem;font-weight:500;display:block}.ex-arrow{display:none}@media (min-width:48rem){.ex-pairs-head{font-size:var(--text-caption);grid-template-columns:1fr 2.5rem 1fr;padding-bottom:.75rem;font-weight:500;display:grid}.ex-pairs-head span{align-items:center;gap:.5rem;display:flex}.ex-pairs-head span:first-child{color:var(--color-ink-muted)}.ex-pairs-head span:last-child{grid-column:3}.ex-pair{grid-template-columns:1fr 2.5rem 1fr;align-items:start;gap:0}.ex-arrow{color:var(--color-line-strong);place-items:center;padding-top:1px;display:grid}.ex-tag{display:none}}.ex-film{border-radius:var(--radius-xl);background:var(--color-surface);margin-top:2rem;padding:1.25rem 1rem}@media (min-width:48rem){.ex-film{padding:1.75rem 2rem 1.5rem}}.ex-film-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.ex-film-hint{color:var(--color-ink-muted);font-family:var(--font-mono);font-size:var(--text-caption)}.ex-replay{border-radius:var(--radius-full);background:var(--color-surface-raised);width:2rem;height:2rem;box-shadow:var(--shadow-ring);color:var(--color-ink-muted);cursor:pointer;visibility:hidden;place-items:center;display:grid}.ex-replay[data-shown]{visibility:visible}.ex-modes{border-radius:var(--radius-full);background:var(--color-surface-strong);border:0;margin:0;padding:.1875rem;display:inline-flex}.ex-modes button{border-radius:var(--radius-full);color:var(--color-ink-muted);font-size:var(--text-body-sm);cursor:pointer;transition:background-color var(--duration-fast) var(--ease-out), color var(--duration-fast) var(--ease-out);padding:.375rem .875rem;font-weight:500}.ex-modes button[aria-pressed=true]{background:var(--color-surface-raised);box-shadow:var(--shadow-ring);color:var(--color-ink)}.ex-stage{justify-items:center;gap:1.75rem;margin-top:1.5rem;display:grid;position:relative}@media (min-width:48rem){.ex-stage{grid-template-columns:auto minmax(0,22rem);justify-content:center;align-items:center;column-gap:5.5rem;margin-top:1.75rem}.ex-stage-steps{grid-template-columns:auto 2.5rem minmax(0,20rem);column-gap:1.5rem}}
.ex-rail{margin-top:2rem;position:relative}.ex-rail-line{background:var(--color-line);border-radius:2px;height:2px;position:absolute;top:1.1875rem;left:10%;right:10%}.ex-stations{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;display:grid;position:relative}.ex-rail:has(.ex-stations>li:nth-child(4):last-child) .ex-rail-line{left:12.5%;right:12.5%}.ex-rail-progress{width:calc(var(--progress) * 100%);border-radius:inherit;background:var(--color-area);height:100%;transition:width .5s var(--ease-move);display:block}.ex-station{border-radius:var(--radius-md);cursor:pointer;flex-direction:column;align-items:center;gap:.5rem;width:100%;padding-inline:.125rem;display:flex}.ex-station-node{border-radius:var(--radius-full);background:var(--color-surface-raised);width:2.5rem;height:2.5rem;box-shadow:var(--shadow-ring);transition:background-color var(--duration-base) var(--ease-out), color var(--duration-base) var(--ease-out), box-shadow var(--duration-base) var(--ease-out);place-items:center;display:grid}.ex-station[data-done] .ex-station-node{background:var(--color-ink);box-shadow:none;color:var(--color-canvas)}.ex-station[aria-pressed=true] .ex-station-node{box-shadow:0 0 0 1.5px var(--color-area), 0 0 0 6px var(--color-area-tint)}.ex-station[data-skipped] .ex-station-node{background:var(--color-surface);box-shadow:none;color:var(--color-ink-subtle);outline:1.5px dashed var(--color-line-strong);outline-offset:-1.5px}.ex-station-label{-webkit-hyphens:auto;hyphens:auto;max-width:100%;font-size:var(--text-body-sm);text-align:center;flex-direction:column;align-items:stretch;gap:1px;font-weight:500;line-height:1.3;display:flex}.ex-station[data-skipped] .ex-station-label{color:var(--color-ink-subtle);-webkit-text-decoration:line-through var(--color-line-strong);text-decoration:line-through var(--color-line-strong)}.ex-station-number{color:var(--color-ink-subtle);font-family:var(--font-mono);font-size:var(--text-caption);font-weight:400}@media not (min-width:40rem){.ex-station-node{width:2.125rem;height:2.125rem}.ex-rail-line{top:1rem}.ex-station-label{font-size:var(--text-caption)}}.ex-note{border-top:1px solid var(--color-line);min-height:5.25rem;margin-top:1.25rem;padding-top:1rem}.ex-note>div{flex-direction:column;gap:.25rem;display:flex}
.ex-input{border-radius:var(--radius-lg);background:var(--color-surface-raised);width:15rem;box-shadow:var(--shadow-raised);flex-direction:column;gap:.625rem;padding:.875rem;display:flex}.ex-input-head{border-bottom:1px solid var(--color-line);align-items:center;gap:.625rem;padding-bottom:.625rem;display:flex}.ex-input-icon{border-radius:var(--radius-full);background:var(--color-ink);width:1.875rem;height:1.875rem;color:var(--color-canvas);flex-shrink:0;place-items:center;display:grid}.ex-input-field{border-radius:var(--radius-sm);box-shadow:var(--shadow-ring);padding:.5rem}.ex-input-sign{border-radius:var(--radius-full);background:var(--color-surface);align-self:flex-end;padding:.375rem .75rem}.ex-wave{align-items:center;gap:.125rem;height:1rem;display:flex}.ex-wave i{background:var(--color-ink-muted);border-radius:.125rem;width:.125rem}.ex-stage-arrow{background:var(--color-line-strong);width:100%;height:1px;display:none}@media (min-width:48rem){.ex-stage-arrow{display:block}}.ex-results{flex-direction:column;gap:.375rem;width:100%;max-width:20rem;display:flex}.ex-result{border-radius:var(--radius-md);box-shadow:inset 0 0 0 1px var(--color-line);color:var(--color-ink-muted);transition:background-color var(--duration-surface) var(--ease-enter), box-shadow var(--duration-surface) var(--ease-enter), color var(--duration-surface) var(--ease-enter);background:0 0;align-items:center;gap:.625rem;padding:.5rem .625rem;display:flex}.ex-result .ai-tick{opacity:0;transition:opacity var(--duration-base) var(--ease-out), scale var(--duration-base) var(--ease-spring);margin-inline-start:auto;scale:.5}.ex-result[data-shown]{background:var(--color-surface-raised);box-shadow:var(--shadow-ring);color:var(--color-ink)}.ex-result[data-shown] .ai-tick{opacity:1;scale:1}.ex-result-title{font-size:var(--text-body-sm);font-weight:500}.ex-result .ai-logo+.ai-tick{margin-inline-start:.375rem}.ex-result-title+.ai-logo{margin-inline-start:auto}
.inv-links{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.inv-link{fill:none;stroke:var(--color-area);stroke-width:1.25px;stroke-dasharray:3 4;opacity:0;transition:opacity var(--duration-base) var(--ease-out)}.inv-sheet{aspect-ratio:1/1.25;background:var(--color-surface-raised);width:15rem;box-shadow:var(--shadow-raised);border-radius:.625rem;flex-direction:column;gap:.75rem;padding:1.375rem 1.25rem 1.25rem;display:flex;position:relative}.inv-badge{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-canvas);font:500 var(--text-badge) / 1.2 var(--font-mono);align-items:center;gap:.25rem;padding:.1875rem .5rem;display:inline-flex;position:absolute;top:-.625rem;right:.875rem}.inv-stage[data-mode=pdf] .inv-badge[data-mode=einv],.inv-stage[data-mode=einv] .inv-badge[data-mode=pdf]{display:none}.inv-row-between{justify-content:space-between;align-items:center;gap:.625rem;display:flex}.inv-logo{background:var(--color-ink);border-radius:3px;width:1.75rem;height:.625rem}.inv-meta{flex-direction:column;align-items:flex-end;gap:.5rem;display:flex}.inv-kv{align-items:center;gap:.5rem;display:flex}.inv-lines,.inv-table{flex-direction:column;gap:.3125rem;display:flex}.inv-table{border-top:1px solid var(--color-line-strong);gap:.5rem;padding-top:.5rem}.inv-total{border-top:1px solid var(--color-line);justify-content:space-between;align-items:center;margin-top:auto;padding-top:.625rem;display:flex}.inv-read{transition:border-color var(--duration-base) var(--ease-out), background-color var(--duration-base) var(--ease-out);border:1.5px solid #0000;border-radius:.3125rem;margin:-.34375rem -.40625rem;padding:.25rem .3125rem;display:inline-flex}.inv-archived{border-radius:var(--radius-full);background:var(--color-ink);color:var(--color-canvas);opacity:0;transition:opacity var(--duration-surface) var(--ease-enter), transform var(--duration-surface) var(--ease-enter);gap:.1875rem;padding:.1875rem .4375rem;display:inline-flex;position:absolute;bottom:-.6875rem;left:1rem;transform:translateY(4px)}.inv-data{border-radius:var(--radius-md);background:var(--color-surface-raised);width:100%;max-width:22rem;box-shadow:var(--shadow-ring);flex-direction:column;gap:.125rem;padding:.5rem;display:flex}.inv-field,.inv-step{border-radius:.625rem;align-items:center;gap:.625rem;min-height:2.375rem;padding:.4375rem .5rem;display:flex}.inv-mark{background:var(--color-area-tint);width:.5625rem;height:.5625rem;box-shadow:inset 0 0 0 1.5px var(--color-area);border-radius:2px;flex-shrink:0}.inv-label{min-width:7.5rem;color:var(--color-ink-muted);font-size:var(--text-caption)}.inv-value{flex:1;display:flex}.inv-value .ai-bar,.inv-ok{opacity:0;transition:opacity var(--duration-base) var(--ease-out), scale var(--duration-base) var(--ease-spring);transition-delay:calc(var(--i) * .11s)}.inv-ok{margin-inline-start:auto;scale:.5}.inv-sep{background:var(--color-line);height:1px;margin:.375rem .5rem}.inv-step{opacity:0;transition:opacity var(--duration-surface) var(--ease-enter), transform var(--duration-surface) var(--ease-enter);transform:translateY(5px)}.inv-strong{font-size:var(--text-body-sm);font-weight:500}.inv-einv-only{display:none}.inv-stage[data-mode=einv] .inv-einv-only{display:flex}.inv-order{box-shadow:var(--shadow-ring);border-radius:.375rem;gap:.25rem;margin-inline-start:auto;padding:.3125rem .375rem;display:flex}.inv-stage[data-mode=pdf]:not([data-step="0"]) .inv-read{border-color:var(--color-area);background:var(--color-area-tint)}.inv-stage[data-mode=pdf]:not([data-step="0"]) .inv-link{opacity:1}.inv-stage[data-mode=einv] :is(.inv-value .ai-bar,.inv-ok),.inv-stage[data-mode=pdf]:not([data-step="0"]) :is(.inv-value .ai-bar,.inv-ok){opacity:1;scale:1}.inv-stage:is([data-step="2"],[data-step="3"],[data-step="4"]) .inv-step[data-at="2"],.inv-stage:is([data-step="3"],[data-step="4"]) .inv-step[data-at="3"],.inv-stage[data-step="4"] .inv-archived{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){.ex-rail-progress,.ex-result .ai-tick,.inv-value .ai-bar,.inv-ok,.inv-step,.inv-archived{transition:none}}