.aiflow__status{min-height:1.3em;font-size:var(--text-s);letter-spacing:.02em;align-items:center;margin-bottom:1.5rem;font-weight:600;display:inline-flex}.aiflow__status .off{display:none}.aiflow__status .on{color:var(--primary);opacity:0;transition:opacity .45s,transform .45s;transform:translate(-14px)}.ai-on .aiflow__status .on{opacity:1;transform:none}.aiflow__steps{padding-left:2rem;position:relative}.aiflow__steps:before{content:"";left:calc(9px - var(--dg-conn) / 2);width:var(--dg-conn);background:rgba(var(--base-rgb), .4);position:absolute;top:14px;bottom:14px}.aiflow__steps:after{content:"";left:calc(9px - var(--dg-conn) / 2);width:var(--dg-conn);background:var(--primary);opacity:0;height:0;transition:height .9s cubic-bezier(.4,0,.2,1),opacity .4s;position:absolute;top:14px}.ai-on .aiflow__steps:after{opacity:1;height:calc(100% - 28px)}.aiflow__step{padding:.72rem 0;position:relative}.aiflow__dot{--dot:14px;left:calc(-2rem + 9px - var(--dot) / 2);top:calc(.72rem + .7875rem - var(--dot) / 2);width:var(--dot);height:var(--dot);border-radius:var(--radius-circle);box-sizing:border-box;background:var(--warm-white);border:var(--dg-port-ring) solid rgba(var(--base-rgb), .4);z-index:1;transition:background .4s,border-color .4s;position:absolute}.ai-on .aiflow__dot{background:var(--primary);border-color:var(--warm-white)}.aiflow__title{font-family:var(--font-display);color:var(--text-strong);margin-bottom:.25rem;font-size:1.05rem;font-weight:600}.aiflow__states{display:grid}.aiflow__states>*{font-size:var(--text-body);line-height:var(--leading-body);grid-area:1/1;transition:opacity .4s,transform .4s}.aiflow__manual{color:var(--text-soft)}.aiflow__ai{color:var(--text);opacity:0;pointer-events:none;transform:translate(-18px)}.ai-on .aiflow__manual{opacity:0}.ai-on .aiflow__ai{opacity:1;pointer-events:auto;transform:none}.ai-on .aiflow__step:nth-child(2) .aiflow__ai,.ai-on .aiflow__step:nth-child(2) .aiflow__dot{transition-delay:60ms}.ai-on .aiflow__step:nth-child(3) .aiflow__ai,.ai-on .aiflow__step:nth-child(3) .aiflow__dot{transition-delay:.12s}.ai-on .aiflow__step:nth-child(4) .aiflow__ai,.ai-on .aiflow__step:nth-child(4) .aiflow__dot{transition-delay:.18s}.ai-on .aiflow__step:nth-child(5) .aiflow__ai,.ai-on .aiflow__step:nth-child(5) .aiflow__dot{transition-delay:.24s}.aiflow__mark{border-radius:var(--radius-sm);background:var(--warm-white-2);width:1.5rem;height:1.5rem;color:var(--text-soft);vertical-align:middle;justify-content:center;align-items:center;margin-right:.5rem;transition:background .3s,color .3s;display:inline-flex}.aiflow__mark svg{width:.875rem;height:.875rem}.ai-on .aiflow__mark{background:var(--primary-tint);color:var(--primary)}.aiflow__ai .aichip{transform-origin:bottom;transition:transform .55s var(--ease-spring);transform:rotateX(-90deg)}.aiflow__states{perspective:600px}.ai-on .aiflow__ai .aichip{transform:none}.ai-on .aiflow__step:nth-child(2) .aichip{transition-delay:60ms}.ai-on .aiflow__step:nth-child(3) .aichip{transition-delay:.12s}.ai-on .aiflow__step:nth-child(4) .aichip{transition-delay:.18s}.ai-on .aiflow__step:nth-child(5) .aichip{transition-delay:.24s}.aichip{vertical-align:-.05em;align-items:center;display:inline-flex}.aichip--logo{border-radius:var(--radius-sm);background:var(--white);width:1.25rem;height:1.25rem;box-shadow:inset 0 0 0 1px var(--rule);flex:none;justify-content:center;margin-right:.3em;padding:.2rem}.aichip__icon{flex:none;width:100%;height:100%}.aichip--logo.aichip--force{color:#00a1e0}.aichip--logo.aichip--claude{color:#d97757}.aichip--gpt{border-radius:var(--radius-sm);color:#fff;background:var(--base);gap:.3em;margin-right:.15em;padding:.1em .5em;font-size:.76rem;font-weight:600}.aiflow__status--switch{cursor:pointer;font:inherit;font-size:var(--text-s);letter-spacing:.02em;text-align:left;background:0 0;border:0;padding:0;font-weight:600}.aiflow__status--switch .off{color:var(--text-soft);transition:opacity .3s;display:inline}.aiflow__status--switch .on{position:absolute;left:0}.aiflow__status--switch{position:relative}.ai-on .aiflow__status--switch .off{opacity:0}@media (prefers-reduced-motion:reduce){.aiflow__states>*,.aiflow__dot,.aiflow__steps:after{transition:none}}.tgl{vertical-align:middle;border-radius:var(--radius-pill);cursor:pointer;width:1.75em;height:.94em;box-shadow:var(--inset-field);background:linear-gradient(#0f12400f,#0f124033);border:1.5px solid #0f124038;align-items:center;margin:0 .18em;transition:background .4s cubic-bezier(.4,0,.2,1),box-shadow .5s;display:inline-flex;position:relative;top:-.05em}.tgl__knob{border-radius:var(--radius-circle);width:.76em;height:.76em;box-shadow:var(--shadow-knob);background:linear-gradient(#fff,#e9ebef);transition:left .4s cubic-bezier(.5,0,.2,1.3);position:absolute;top:50%;left:.09em;transform:translateY(-50%)}.tgl:before{content:"";border-radius:var(--radius-pill);z-index:-1;background:radial-gradient(closest-side, rgba(var(--accent-rgb), .75), rgba(var(--accent-rgb), 0) 72%);opacity:0;transition:opacity .5s,transform .5s;position:absolute;inset:-.35em;transform:scale(.7)}.tgl.on{background:linear-gradient(180deg, var(--accent-hi), var(--accent-lo));box-shadow:var(--inset-field)}.tgl.on .tgl__knob{left:calc(100% - .85em)}.tgl.on:before{opacity:1;transform:scale(1)}@keyframes tglBreathe{0%,to{opacity:.65;transform:scale(.94)}50%{opacity:1;transform:scale(1.06)}}@media (prefers-reduced-motion:no-preference){.tgl.on:before{animation:2.4s ease-in-out infinite tglBreathe}}@media (prefers-reduced-motion:reduce){.tgl.on:before{animation:none}}
