.gyco-story{--o:#f25a1d;--o2:#ff8a45;--t1:#18181b;--t2:#52525b;--t3:#8b8b93;--edge:#18181b17;--glass:#18181b06;--win-a:#fff;--win-b:#f8f8f9;--win-shadow:0 3cqw 6cqw #18181b1f;--input-bg:#18181b08;--input-edge:#18181b1f;--track:#18181b12;--quiet-bar:#18181b38;--hot-bg:#f25a1d12;--hot-edge:#f25a1d4d;--tile-bg:#ffffffe6;--tile-shadow:0 1.5cqw 3cqw #18181b1a;--ico-bg:radial-gradient(circle at 50% 35%, #fff, #fdeee6);--ico-fg:#e8541a;--dot:#f25a1d;--glow:#f25a1d33;aspect-ratio:100/58.75;perspective:1800px;width:100%;font-family:var(--font-inter), system-ui, sans-serif;color:var(--t1);text-align:left;-webkit-user-select:none;user-select:none;position:relative;container-type:inline-size}[data-theme=dark] .gyco-story{--t1:#f4f4f5;--t2:#a1a1aa;--t3:#6e6e76;--edge:#ffffff1a;--glass:#ffffff0b;--win-a:#15161b;--win-b:#0e0f13;--win-shadow:0 3cqw 6cqw #00000080;--input-bg:#ffffff0a;--input-edge:#ffffff24;--track:#ffffff12;--quiet-bar:#ffffff40;--hot-bg:#f25a1d1a;--hot-edge:#f25a1d59;--tile-bg:#16171cd1;--tile-shadow:0 1.5cqw 3cqw #0006;--ico-bg:radial-gradient(circle at 50% 35%, #2a2420, #17161a);--ico-fg:#e9d9cd;--dot:#ffe2cc;--glow:#f25a1d47}.gyco-story *{box-sizing:border-box}.gyco-story .stage{pointer-events:none;position:absolute;inset:0}.gyco-story .glow{background:radial-gradient(closest-side, var(--glow), transparent);width:70cqw;height:40cqw;transition:opacity .6s;position:absolute;top:29.4cqw;left:50%;transform:translate(-50%,-50%)}.gyco-story .rings{opacity:0;transition:opacity .6s .1s;position:absolute;top:29.4cqw;left:50%}.gyco-story .rings i{border:1px solid #ffaa7859;border-radius:50%;transition:transform .8s cubic-bezier(.2,.8,.2,1) .1s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)scale(.85)}.gyco-story .rings i:first-child{width:38cqw;height:38cqw;box-shadow:0 0 4cqw #f25a1d59,inset 0 0 3cqw #f25a1d40}.gyco-story .rings i:nth-child(2){border-color:#ffaa7833;width:54cqw;height:54cqw}.gyco-story .rings i:nth-child(3){border-color:#ffaa781a;width:70cqw;height:70cqw}.gyco-story .win{background:linear-gradient(180deg, var(--win-a), var(--win-b));border:1px solid var(--edge);width:56cqw;height:35cqw;box-shadow:var(--win-shadow);transform-style:preserve-3d;border-radius:1.4cqw;transition:transform .85s cubic-bezier(.65,0,.35,1);animation:1.1s cubic-bezier(.22,1,.36,1) backwards gyco-story-rise;position:absolute;top:11.875cqw;left:22cqw;overflow:hidden}@keyframes gyco-story-rise{0%{opacity:0;translate:0 7cqw;rotate:x 24deg;scale:.92}}.gyco-story .glow{animation:1.2s ease-out backwards gyco-story-fade}@keyframes gyco-story-fade{0%{opacity:0}}.gyco-story .steps{animation:.5s cubic-bezier(.22,1,.36,1) .55s backwards gyco-story-steps}@keyframes gyco-story-steps{0%{opacity:0;translate:0 1cqw}}.gyco-story .bar{border-bottom:1px solid var(--edge);height:3.2cqw;color:var(--t3);align-items:center;gap:1.2cqw;padding:0 1.6cqw;font-size:1.05cqw;display:flex}.gyco-story .bar b{color:var(--t1);letter-spacing:.02em;font-size:1.25cqw;font-weight:600}.gyco-story .bar .av{background:linear-gradient(135deg, var(--o2), var(--o));border-radius:50%;width:1.8cqw;height:1.8cqw;margin-left:auto}.gyco-story .view{position:absolute;inset:3.2cqw 0 0}.gyco-story .scr{clip-path:circle(0% at 88% 92%);z-index:1;background:linear-gradient(180deg, var(--win-a), var(--win-b));padding:2.4cqw 3cqw;transition:clip-path .6s cubic-bezier(.65,0,.35,1) .6s;position:absolute;inset:0}.gyco-story .scr.on{clip-path:circle(150% at 88% 92%);z-index:2;transition-delay:0s}.gyco-story .greet{color:var(--t3);font-size:1.15cqw}.gyco-story .ask-h{letter-spacing:-.02em;margin-top:.6cqw;font-size:2.5cqw;font-weight:500}.gyco-story .input{background:var(--input-bg);border:1px solid var(--input-edge);border-radius:99px;align-items:center;height:4.6cqw;margin-top:2.4cqw;padding:0 .7cqw 0 1.6cqw;font-size:1.45cqw;display:flex}.gyco-story .typed{white-space:nowrap;overflow:hidden}.gyco-story .caret{background:var(--o);width:.12cqw;height:1.8cqw;margin-left:.15cqw;animation:1s step-end infinite gyco-story-blink}@keyframes gyco-story-blink{50%{opacity:0}}.gyco-story .send{background:var(--o);border-radius:50%;place-items:center;width:3.2cqw;height:3.2cqw;margin-left:auto;transition:transform .3s;display:grid}.gyco-story .send svg{width:1.4cqw;height:1.4cqw}.gyco-story .send.pulse{animation:.45s ease-out gyco-story-pulse}@keyframes gyco-story-pulse{40%{transform:scale(.86)}to{transform:scale(1)}}.gyco-story .below{margin-top:1.6cqw;display:grid}.gyco-story .below>*{grid-area:1/1}.gyco-story .status{color:var(--t2);opacity:0;background:#f25a1d14;border:1px solid #f25a1d4d;border-radius:99px;justify-self:start;align-items:center;gap:.8cqw;padding:.6cqw 1.1cqw;font-size:1.1cqw;transition:all .35s;display:inline-flex;transform:translateY(.6cqw)}.gyco-story .spin{border:.18cqw solid #ff8a454d;border-top-color:var(--o2);border-radius:50%;width:1.1cqw;height:1.1cqw;animation:.8s linear infinite gyco-story-spin}@keyframes gyco-story-spin{to{transform:rotate(360deg)}}.gyco-story .sugg{gap:.7cqw;transition:opacity .3s;display:flex}.gyco-story .sugg span{color:var(--t2);border:1px solid var(--edge);border-radius:99px;padding:.55cqw 1.1cqw;font-size:1.05cqw}.gyco-story .q{background:var(--o);color:#fff;border-radius:1.2cqw 1.2cqw .3cqw;width:max-content;max-width:70%;margin-left:auto;padding:.9cqw 1.4cqw;font-size:1.25cqw}.gyco-story .card{background:var(--glass);border:1px solid var(--edge);border-radius:1.1cqw;margin-top:1.4cqw;padding:1.6cqw 1.8cqw}.gyco-story .card p{color:var(--t2);font-size:1.35cqw;line-height:1.5}.gyco-story .card p strong{color:var(--t1);font-weight:500}.gyco-story .drv{grid-template-columns:34% 1fr 6cqw;align-items:center;gap:1.2cqw;margin-top:1.2cqw;font-size:1.15cqw;display:grid}.gyco-story .trk{background:var(--track);border-radius:9px;height:.8cqw;overflow:hidden}.gyco-story .trk span{background:linear-gradient(90deg, var(--o), var(--o2));border-radius:9px;width:0;height:100%;transition:width .7s cubic-bezier(.2,.8,.2,1) .2s;display:block}.gyco-story .scr.on .trk span{width:var(--w)}.gyco-story .drv:nth-of-type(2) .trk span{transition-delay:.3s}.gyco-story .drv:nth-of-type(3) .trk span{transition-delay:.4s}.gyco-story code{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--t1);text-align:right;font-size:1.1cqw}.gyco-story .src{flex-wrap:wrap;gap:.6cqw;margin-top:1.3cqw;display:flex}.gyco-story .src span{font-family:var(--font-jetbrains-mono), ui-monospace, monospace;color:var(--t3);border:1px solid var(--edge);border-radius:.5cqw;padding:.35cqw .8cqw;font-size:.95cqw}.gyco-story .row{color:var(--t2);opacity:0;border-radius:.8cqw;grid-template-columns:1fr 1fr 5cqw;align-items:center;gap:1.2cqw;padding:1cqw 1.2cqw;font-size:1.15cqw;transition:all .35s;display:grid;transform:translateY(.8cqw)}.gyco-story .scr.on .row{opacity:1;transform:none}.gyco-story .scr.on .row:first-child{transition-delay:.2s}.gyco-story .scr.on .row:nth-child(2){transition-delay:.3s}.gyco-story .scr.on .row:nth-child(3){transition-delay:.4s}.gyco-story .row.hot{background:var(--hot-bg);color:var(--t1);box-shadow:inset 0 0 0 1px var(--hot-edge)}.gyco-story .row b{color:var(--t1);font-weight:500}.gyco-story .row .trk span{width:var(--w)}.gyco-story .row:not(.hot) .trk span{background:var(--quiet-bar)}.gyco-story .s-sec{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1.4cqw;display:flex}.gyco-story .s-sec h5{letter-spacing:-.01em;font-size:2cqw;font-weight:500}.gyco-story .s-sec dl{text-align:left;font-family:var(--font-jetbrains-mono), ui-monospace, monospace;grid-template-columns:auto auto;gap:.6cqw 2.4cqw;font-size:1.1cqw;display:grid}.gyco-story .s-sec dt{color:var(--t3)}.gyco-story .tile{background:var(--tile-bg);border:1px solid var(--edge);-webkit-backdrop-filter:blur(10px);box-shadow:var(--tile-shadow);opacity:0;z-index:4;border-radius:1.1cqw;align-items:center;gap:1.1cqw;padding:1.1cqw 1.3cqw;transition:opacity .35s,transform .5s cubic-bezier(.2,.8,.2,1);display:flex;position:absolute}.gyco-story .ico{background:var(--ico-bg);width:3.4cqw;height:3.4cqw;color:var(--ico-fg);border:1px solid #ff8a3d40;border-radius:50%;flex:none;place-items:center;display:grid}.gyco-story .ico svg{width:1.5cqw;height:1.5cqw}.gyco-story .ico.lit{color:#fff;background:radial-gradient(circle at 45% 35%,#ff9a4d,#ef6416 70%);border:0;box-shadow:0 0 1.6cqw #ff782880}.gyco-story .tile strong{font-size:1.25cqw;font-weight:500;display:block}.gyco-story .tile small{color:var(--t2);margin-top:.2cqw;font-size:1cqw;line-height:1.4;display:block}.gyco-story .src-t{width:15.6cqw;height:5.25cqw}.gyco-story .src-t.l{left:2.5cqw;transform:translate(-3cqw)}.gyco-story .src-t.r{left:81.9cqw;transform:translate(3cqw)}.gyco-story .src-t.a{top:14.4cqw}.gyco-story .src-t.b{top:35cqw}.gyco-story .act{width:21.25cqw}.gyco-story .act.a{top:37.5cqw;left:9.4cqw;transform:translate(-2cqw,2cqw)rotate(-3deg)}.gyco-story .act.b{top:8.75cqw;left:69.4cqw;transform:translate(2cqw,-2cqw)rotate(3deg)}.gyco-story .act.c{top:33.5cqw;left:71.9cqw;transform:translate(3cqw,1cqw)rotate(2deg)}.gyco-story svg.lines{pointer-events:none;z-index:3;width:100%;height:100%;position:absolute;inset:0}.gyco-story .ln{fill:none;stroke:url(#gyco-story-line);stroke-width:2.2px;stroke-dasharray:160;stroke-dashoffset:160px;transition:stroke-dashoffset .6s cubic-bezier(.65,0,.35,1)}.gyco-story .flow{fill:none;stroke:var(--o2);stroke-width:2.6px;stroke-linecap:round;stroke-dasharray:2 16;opacity:0;transition:opacity .3s;animation:.9s linear infinite gyco-story-flow}@keyframes gyco-story-flow{to{stroke-dashoffset:-18px}}.gyco-story .dot{fill:var(--dot);opacity:0;transition:opacity .25s}.gyco-story .lock{z-index:5;opacity:0;background:radial-gradient(circle at 45% 35%,#ff9a4d,#ef6416 70%);border-radius:50%;place-items:center;width:8cqw;height:8cqw;margin:-4cqw 0 0 -4cqw;transition:all .6s cubic-bezier(.2,.8,.2,1) .3s;display:grid;position:absolute;top:27.5cqw;left:50%;transform:scale(.6)translateY(3cqw);box-shadow:0 0 5cqw #ff782899}.gyco-story .lock svg{width:3.4cqw;height:3.4cqw}.gyco-story .cap{text-align:center;z-index:5;opacity:0;transition:all .45s .4s;position:absolute;top:2.2cqw;left:0;right:0;transform:translateY(-1cqw)}.gyco-story .cap strong{letter-spacing:-.02em;font-size:2.6cqw;font-weight:500;display:block}.gyco-story .cap span{color:var(--t2);margin-top:.5cqw;font-size:1.25cqw;display:block}.gyco-story[data-s="2"] .status{opacity:1;transform:none}.gyco-story[data-s="2"] .sugg{opacity:0}.gyco-story[data-s="2"] .src-t{opacity:1;transition-delay:var(--d,0s);transform:none}.gyco-story[data-s="2"] .ln{stroke-dashoffset:0;transition-delay:.35s}.gyco-story[data-s="2"] .dot{opacity:1;transition-delay:.8s}.gyco-story[data-s="2"] .flow{opacity:.9;transition-delay:.9s}.gyco-story[data-s="5"] .act{opacity:1;transform:none}.gyco-story[data-s="5"] .act.b{transition-delay:.1s}.gyco-story[data-s="5"] .act.c{transition-delay:.2s}.gyco-story[data-s="6"] .win{transform:translateY(5cqw)rotateX(52deg)rotate(-16deg)scale(.78)}.gyco-story[data-s="6"] .rings{opacity:1}.gyco-story[data-s="6"] .rings i{transform:translate(-50%,-50%)scale(1)}.gyco-story[data-s="6"] .lock,.gyco-story[data-s="6"] .cap{opacity:1;transform:none}.gyco-story[data-s="6"] .glow{opacity:.6}.gyco-story .steps{z-index:6;gap:1.6cqw;display:flex;position:absolute;top:53.2cqw;left:50%;transform:translate(-50%)}.gyco-story .steps button{font:inherit;color:var(--t3);cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:flex-start;gap:.55cqw;padding:.4cqw 0;font-size:max(1cqw,11px);transition:color .25s;display:flex}.gyco-story .steps button:hover,.gyco-story .steps button.on{color:var(--t1)}.gyco-story .steps button:focus-visible{outline:2px solid var(--o);outline-offset:.4cqw;border-radius:.4cqw}.gyco-story .steps .bar-t{background:var(--track);border-radius:9px;width:6.2cqw;height:.22cqw;min-height:2px;display:block;position:relative;overflow:hidden}.gyco-story .steps .bar-t:after{content:"";border-radius:inherit;background:linear-gradient(90deg, var(--o), var(--o2));transform-origin:0;position:absolute;inset:0;transform:scaleX(0)}.gyco-story .steps button.done .bar-t:after{opacity:.45;transform:scaleX(1)}.gyco-story .steps button.on .bar-t:after{transform:scaleX(var(--p,0))}@media (max-width:767px){.gyco-story .tile,.gyco-story svg.lines{display:none}.gyco-story .steps{gap:1.2cqw;top:calc(53.2cqw - 10px)}.gyco-story .steps button{white-space:nowrap;padding:6px 0;font-size:10.5px}.gyco-story .steps .bar-t{width:100%;min-width:7cqw}}@media (prefers-reduced-motion:reduce){.gyco-story *{transition-duration:10ms!important;animation:none!important}}