.cf-section{position:relative;overflow:hidden}.cf-section .section-head{margin-bottom:36px}.cf-section .section-head h2{font-size:clamp(30px,4.6vw,56px)}.cf-section:before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background:radial-gradient(46% 60% at 22% 38%,hsl(187 92% 60% / .12),transparent 60%),radial-gradient(40% 55% at 82% 70%,hsl(189 87% 50% / .1),transparent 62%)}.cf-stage{position:relative;z-index:1;display:grid;grid-template-columns:1.5fr 1fr;gap:clamp(24px,3vw,48px);align-items:center}.cf-video{position:relative}.cf-player{position:relative;width:100%;aspect-ratio:16 / 9;border-radius:22px;overflow:hidden;background:#14242a;border:1px solid hsl(var(--border));box-shadow:0 40px 90px -34px #12374980,0 2px #fff9 inset}.cf-vid{position:absolute;inset:0;z-index:1;display:block;width:100%;height:100%;-o-object-fit:cover;object-fit:cover;background:#14242a;pointer-events:none}.cf-vid::-webkit-media-controls,.cf-vid::-webkit-media-controls-enclosure,.cf-vid::-webkit-media-controls-panel,.cf-vid::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}.cf-hit{position:absolute;inset:0;z-index:2;cursor:pointer}.cf-scenes{position:absolute;inset:0}.cf-scene{position:absolute;inset:0;padding:clamp(16px,2.4vw,30px);display:flex;flex-direction:column;justify-content:center;gap:12px;background:linear-gradient(160deg,#f8fbfb,#eef4f6);opacity:0;transform:scale(1.02);filter:blur(6px);transition:opacity .6s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1),filter .6s ease;pointer-events:none}.cf-player[data-active="0"] .cf-scene-1,.cf-player[data-active="1"] .cf-scene-2,.cf-player[data-active="2"] .cf-scene-3{opacity:1;transform:none;filter:none}@media(prefers-reduced-motion:reduce){.cf-scene{transition:opacity .3s ease;transform:none;filter:none}}.cf-scene-label{position:absolute;top:14px;left:16px;font-size:11px;font-weight:700;letter-spacing:.04em;text-transform:uppercase;color:hsl(var(--muted-foreground))}.cf-card{background:#fff;border:1px solid hsl(var(--border));border-radius:14px;box-shadow:var(--shadow-sm);padding:14px 16px}.cf-row{display:flex;align-items:center;gap:10px}.cf-drop{border:2px dashed hsl(var(--primary) / .5);border-radius:16px;background:hsl(var(--primary) / .05);padding:clamp(14px,2vw,22px);display:flex;flex-direction:column;gap:12px;align-items:center}.cf-drop-hint{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:hsl(var(--primary))}.cf-drop-hint .icon{width:18px;height:18px}.cf-files{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.cf-file{display:flex;align-items:center;gap:8px;padding:9px 12px;border-radius:11px;background:#fff;border:1px solid hsl(var(--border));box-shadow:var(--shadow-sm);font-size:12.5px;font-weight:600;color:hsl(var(--foreground));animation:cf-pop .5s cubic-bezier(.2,.9,.3,1.2) both}.cf-player[data-active="0"] .cf-file:nth-child(2){animation-delay:.12s}.cf-player[data-active="0"] .cf-file:nth-child(3){animation-delay:.24s}.cf-file .tag{width:26px;height:26px;border-radius:7px;display:grid;place-items:center;color:#fff;flex:none}.cf-file .tag .icon{width:15px;height:15px}@keyframes cf-pop{0%{opacity:0;transform:translateY(10px) scale(.96)}to{opacity:1;transform:none}}.cf-prompt{display:flex;align-items:flex-start;gap:12px;background:#fff;border:1px solid hsl(var(--primary) / .45);border-radius:16px;padding:14px 14px 14px 16px;box-shadow:var(--shadow-md)}.cf-prompt-text{flex:1;font-size:14px;line-height:1.5;color:hsl(var(--foreground))}.cf-prompt-text b{color:hsl(var(--primary));font-weight:600}.cf-caret{display:inline-block;width:2px;height:1.05em;background:hsl(var(--primary));vertical-align:-2px;margin-left:1px;animation:cf-blink 1s steps(1) infinite}@keyframes cf-blink{50%{opacity:0}}.cf-send{width:34px;height:34px;border-radius:10px;background:hsl(var(--primary));color:#fff;display:grid;place-items:center;flex:none;box-shadow:0 6px 16px -6px hsl(var(--primary) / .7)}.cf-send .icon{width:16px;height:16px}.cf-chips{display:flex;gap:8px;margin-top:4px;flex-wrap:wrap}.cf-chip{font-size:11.5px;font-weight:600;color:hsl(var(--muted-foreground));background:#fff;border:1px solid hsl(var(--border));border-radius:999px;padding:5px 11px}.cf-result-head{display:flex;align-items:center;justify-content:space-between}.cf-badge-ok{display:inline-flex;align-items:center;gap:5px;font-size:11px;font-weight:700;color:hsl(var(--success));background:hsl(var(--success) / .12);border-radius:999px;padding:4px 9px}.cf-badge-ok .icon{width:12px;height:12px}.cf-kv{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 0;border-bottom:1px solid hsl(var(--border))}.cf-kv:last-of-type{border-bottom:0}.cf-kv .k{font-size:12.5px;color:hsl(var(--muted-foreground));display:flex;align-items:center;gap:8px}.cf-kv .k .dot{width:16px;height:16px;border-radius:5px;background:hsl(var(--success) / .16);color:hsl(var(--success));display:grid;place-items:center;flex:none}.cf-kv .k .dot .icon{width:11px;height:11px}.cf-kv .v{font-family:var(--font-jetbrains),ui-monospace,monospace;font-weight:600;font-size:12.5px;font-variant-numeric:tabular-nums}.cf-actions{display:flex;gap:8px;margin-top:4px}.cf-act{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;padding:8px 13px;border-radius:9px}.cf-act.primary{background:hsl(var(--primary));color:#fff}.cf-act.ghost{background:#fff;color:hsl(var(--foreground));border:1px solid hsl(var(--border))}.cf-act .icon{width:14px;height:14px}.cf-veil{position:absolute;inset:0;pointer-events:none;background:linear-gradient(0deg,hsl(196 40% 10% / .55),transparent 26%)}.cf-pbadge{position:absolute;top:13px;right:13px;z-index:3;display:inline-flex;align-items:center;gap:7px;padding:5px 11px;border-radius:999px;background:#0f1e2480;backdrop-filter:blur(6px);border:1px solid hsl(0 0% 100% / .18);font-size:11px;font-weight:600;color:#fff;font-variant-numeric:tabular-nums}.cf-pbadge .live{width:7px;height:7px;border-radius:50%;background:hsl(var(--success));box-shadow:0 0 0 3px hsl(var(--success) / .25)}.cf-play{position:absolute;inset:0;margin:auto;z-index:3;width:76px;height:76px;border-radius:50%;border:none;cursor:pointer;display:grid;place-items:center;background:linear-gradient(145deg,#0ad9f5,#0da4bf);box-shadow:0 18px 40px -12px #09bbd3cc;transition:transform .25s cubic-bezier(.2,.7,.2,1),box-shadow .25s,opacity .3s ease}.cf-play:before{content:"";position:absolute;inset:-10px;border-radius:50%;border:2px solid hsl(187 92% 60% / .5);animation:cf-ping 2.6s ease-out infinite}@keyframes cf-ping{0%{transform:scale(1);opacity:.7}to{transform:scale(1.5);opacity:0}}.cf-play svg{width:27px;height:27px;margin-left:3px;fill:#fff}.cf-play:hover{transform:scale(1.06)}.cf-player.playing .cf-play,.cf-player.cf-ended .cf-play{opacity:0;pointer-events:none}.cf-player.playing .cf-play:before,.cf-player.cf-ended .cf-play:before{animation:none}@media(prefers-reduced-motion:reduce){.cf-play:before{animation:none}}.cf-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:12px;padding:13px 15px;background:linear-gradient(0deg,hsl(196 44% 9% / .9),transparent)}.cf-bar .ctl{color:#fff;display:inline-flex;cursor:pointer;transition:transform .15s ease}.cf-bar .ctl:hover{transform:scale(1.12)}.cf-bar .ctl svg{width:18px;height:18px;fill:currentColor}.cf-track{flex:1;height:6px;border-radius:999px;background:#ffffff40;position:relative;cursor:pointer;touch-action:none;transition:height .15s ease}.cf-track:before{content:"";position:absolute;inset:-11px 0}.cf-bar:hover .cf-track,.cf-track.scrubbing{height:9px}.cf-track i{position:absolute;left:0;top:0;bottom:0;width:0%;border-radius:999px;background:#23ddf6;pointer-events:none}.cf-track i:after{content:"";position:absolute;right:0;top:50%;width:14px;height:14px;border-radius:50%;background:#fff;transform:translate(50%,-50%) scale(0);box-shadow:0 1px 5px #00000073;transition:transform .15s ease}.cf-bar:hover .cf-track i:after,.cf-track.scrubbing i:after{transform:translate(50%,-50%) scale(1)}.cf-time{font-size:12px;color:#ffffffd9;font-variant-numeric:tabular-nums;white-space:nowrap}.cf-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.cf-step-btn{position:relative;width:100%;text-align:left;cursor:pointer;display:grid;grid-template-columns:46px 1fr;gap:14px;align-items:start;background:#fff;border:1px solid hsl(var(--border));border-radius:16px;padding:18px 18px 16px;overflow:hidden;transition:border-color .35s ease,box-shadow .35s ease,background .35s ease,transform .35s cubic-bezier(.2,.7,.2,1)}.cf-step-btn:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:hsl(var(--primary));transform:scaleY(0);transform-origin:top;transition:transform .4s cubic-bezier(.2,.7,.2,1)}.cf-step-btn:hover{border-color:hsl(var(--primary) / .4)}.cf-step.active .cf-step-btn{border-color:hsl(var(--primary) / .5);box-shadow:0 18px 40px -22px #1f9dad8c;background:linear-gradient(180deg,#fff,#fbfefe)}.cf-step.active .cf-step-btn:before{transform:scaleY(1)}.cf-num{width:46px;height:46px;border-radius:13px;display:grid;place-items:center;flex:none;font-weight:800;font-size:18px;font-variant-numeric:tabular-nums;background:hsl(var(--primary) / .1);color:hsl(var(--primary));transition:background .4s ease,color .4s ease,transform .4s cubic-bezier(.2,.7,.2,1)}.cf-step.active .cf-num{background:hsl(var(--primary));color:#fff;transform:scale(1.04);box-shadow:0 10px 22px -10px hsl(var(--primary) / .7)}.cf-step-body{min-width:0}.cf-step-title{display:flex;align-items:center;gap:8px;font-size:clamp(16px,1.5vw,18px);font-weight:700;letter-spacing:-.01em;color:hsl(var(--foreground))}.cf-step-title .icon{width:16px;height:16px;color:hsl(var(--primary));opacity:0;transform:translate(-6px);transition:opacity .35s ease,transform .35s ease}.cf-step.active .cf-step-title .icon{opacity:1;transform:none}.cf-step-desc{display:block;font-size:14px;line-height:1.55;color:hsl(var(--muted-foreground));max-height:0;opacity:0;overflow:hidden;transition:max-height .45s cubic-bezier(.2,.7,.2,1),opacity .35s ease,margin .4s ease}.cf-step.active .cf-step-desc{max-height:96px;opacity:1;margin-top:7px}.cf-progress{display:block;height:3px;border-radius:999px;background:hsl(var(--muted));margin-top:14px;overflow:hidden;opacity:0;max-height:0;transition:opacity .35s ease,max-height .4s ease,margin .4s ease}.cf-step.active .cf-progress{opacity:1;max-height:3px}.cf-progress i{display:block;height:100%;width:0%;border-radius:999px;background:linear-gradient(90deg,hsl(var(--secondary)),hsl(var(--primary)))}@media(max-width:900px){.cf-stage{grid-template-columns:1fr;gap:24px}.cf-step-desc,.cf-step.active .cf-step-desc{max-height:none;opacity:1;margin-top:7px}}@media(max-width:540px){.cf-play{width:60px;height:60px}.cf-play svg{width:22px;height:22px}.cf-step-btn{padding:15px;grid-template-columns:40px 1fr;gap:12px}.cf-num{width:40px;height:40px;font-size:16px}}@media(hover:none),(pointer:coarse){.cf-bar .ctl{position:relative}.cf-bar .ctl:before{content:"";position:absolute;left:50%;top:50%;width:44px;height:44px;transform:translate(-50%,-50%)}.cf-bar .ctl svg{width:20px;height:20px}.cf-bar{gap:9px}.cf-time{font-size:11px}.cf-track{height:8px}.cf-track i:after{transform:translate(50%,-50%) scale(1);width:16px;height:16px}}