.quick-page{background:#edf1ed}.quick-language{display:flex;align-items:center;gap:7px;border:1px solid rgba(255,255,255,.22);border-radius:99px;padding:7px 10px}.quick-language select{border:0;background:transparent;color:white;font-size:11px;font-weight:800;outline:0}.quick-language option{background:#0b1728}.quick-hero{min-height:690px;padding:180px 0 120px;color:white;overflow:hidden;position:relative;background:radial-gradient(circle at 77% 35%,rgba(75,123,255,.45),transparent 27%),radial-gradient(circle at 20% 90%,rgba(99,230,190,.14),transparent 30%),linear-gradient(135deg,#07111f,#0b1930 72%)}.quick-hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);background-size:56px 56px}.quick-hero-grid{position:relative;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:80px}.quick-hero h1{font:700 clamp(56px,6vw,88px)/.96 "Manrope";letter-spacing:-.06em;margin:0}.quick-hero h1 em{font-style:normal;color:var(--mint)}.quick-hero-grid>div:first-child>p:not(.eyebrow){max-width:670px;color:#abb7c7;font-size:18px;margin:28px 0}.quick-pills{display:flex;gap:9px;flex-wrap:wrap}.quick-pills span{padding:8px 12px;border:1px solid rgba(99,230,190,.25);border-radius:99px;color:#c6d1df;font-size:11px;background:rgba(99,230,190,.06)}
.quick-donut-demo{width:360px;height:360px;border:1px solid rgba(255,255,255,.15);border-radius:50%;position:relative;margin:auto;animation:quickSpin 25s linear infinite}.quick-donut-demo:before,.quick-donut-demo:after{content:"";position:absolute;border:1px solid rgba(99,230,190,.2);border-radius:50%;inset:48px}.quick-donut-demo:after{inset:115px;background:rgba(7,17,31,.86);box-shadow:0 25px 60px rgba(0,0,0,.3)}.quick-donut-demo span{position:absolute;width:74px;height:74px;border-radius:50%;display:grid;place-items:center;background:#f7f9ff;color:var(--ink);font:800 11px "Manrope";box-shadow:0 16px 30px rgba(0,0,0,.25)}.quick-donut-demo span:nth-child(1){left:143px;top:-37px}.quick-donut-demo span:nth-child(2){right:-22px;top:143px;background:var(--mint)}.quick-donut-demo span:nth-child(3){left:143px;bottom:-37px;background:var(--coral);color:white}.quick-donut-demo span:nth-child(4){left:-22px;top:143px;background:var(--blue);color:white}.quick-donut-demo b{position:absolute;z-index:2;inset:0;display:grid;place-items:center;font:800 25px "Manrope";color:white;animation:quickSpin 25s linear infinite reverse}
.quick-workspace{padding-bottom:110px}.quick-steps{width:min(760px,calc(100% - 30px));height:84px;margin:-42px auto 24px;padding:0 30px;border-radius:12px;background:white;box-shadow:0 22px 60px rgba(7,17,31,.12);position:relative;z-index:3;display:flex;align-items:center}.quick-steps span{display:flex;align-items:center;gap:10px;color:#9aa4ae;font:800 12px "Manrope"}.quick-steps span.active{color:var(--blue)}.quick-steps span i{font-style:normal;color:var(--ink)}.quick-steps b{height:1px;flex:1;background:#d8ddda;margin:0 20px}.quick-panel{background:white;border:1px solid #d7ddd8;border-radius:14px;min-height:520px;padding:40px;box-shadow:0 25px 70px rgba(7,17,31,.08)}.quick-drop{min-height:435px;border:2px dashed #c5cdc8;border-radius:12px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;padding:35px;transition:.25s;background:linear-gradient(145deg,#fbfcfa,#f1f5f2)}.quick-drop:hover,.quick-drop.dragging,.quick-drop:focus{border-color:var(--blue);background:#f2f6ff;outline:none}.quick-drop-mark{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:#e8efff;color:var(--blue);font-size:36px;margin-bottom:20px}.quick-drop h2{font:700 30px "Manrope";letter-spacing:-.04em;margin:0}.quick-drop p{color:#77828d;margin:10px 0 24px}.quick-section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.quick-section-head span,.quick-action-head>span{color:var(--blue);font:800 10px "Manrope";letter-spacing:.15em}.quick-section-head h2{font:700 29px "Manrope";margin:5px 0 0}.quick-section-head button{border:0;background:none;color:var(--blue);font-weight:800;cursor:pointer}.quick-file-list{display:grid;gap:8px;max-height:245px;overflow:auto;padding-right:4px}.quick-file{display:grid;grid-template-columns:42px 1fr auto auto;gap:13px;align-items:center;padding:12px 14px;background:#f3f6f3;border-radius:8px}.quick-file-icon{width:42px;height:42px;border-radius:6px;background:#10233c;color:white;display:grid;place-items:center;font:800 9px "Manrope"}.quick-file b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quick-file small{display:block;color:#8a949d}.quick-file>span{font-size:11px;color:#65717c}.quick-file button{border:0;background:none;color:#9da6ad;font-size:20px;cursor:pointer}.quick-action-head{margin:35px 0 16px}.quick-action-head p{color:#78838d;font-size:13px;margin:6px 0 0}.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.quick-actions button{min-height:125px;border:1px solid #d7ddd8;border-radius:10px;background:white;display:flex;flex-direction:column;align-items:flex-start;padding:17px;text-align:left;cursor:pointer;transition:.2s}.quick-actions button:hover:not(:disabled),.quick-actions button.active{border-color:var(--blue);background:#f0f4ff;transform:translateY(-3px)}.quick-actions button:disabled{opacity:.35;cursor:not-allowed}.quick-actions i{font-style:normal;color:var(--coral);font:800 20px "Manrope";margin-bottom:auto}.quick-actions b{font-size:13px;margin:12px 0 3px}.quick-actions small{color:#89939d}.quick-settings{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;padding:20px;border-radius:10px;background:#f3f6f3}.quick-settings label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:800}.quick-settings select,.quick-settings input[type=text]{height:43px;border:1px solid #d4dad5;border-radius:6px;background:white;padding:0 11px}.quick-settings input[type=range]{width:100%;accent-color:var(--blue)}.quick-settings output{color:var(--blue)}.quick-error{color:#c53c2e;font-size:12px;min-height:18px}.quick-run{width:100%}.quick-run i{font-style:normal;margin-left:8px}.quick-run:disabled{opacity:.45;cursor:not-allowed}.quick-processing,.quick-result{min-height:430px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center}.quick-processing h2,.quick-result h2{font:700 31px "Manrope";letter-spacing:-.04em;margin:20px 0 4px}.quick-processing p,.quick-result p{color:#74808b}.quick-spinner{width:65px;height:65px;border:4px solid #dde3df;border-top-color:var(--blue);border-radius:50%;animation:quickSpin 1s linear infinite}.quick-result-icon{width:76px;height:76px;border-radius:50%;display:grid;place-items:center;background:var(--mint);font-size:35px}.quick-result>div:last-child{display:flex;gap:12px;margin-top:18px}.quick-again{border:1px solid #ccd3ce;background:white;border-radius:5px;padding:14px 20px;font-weight:800;cursor:pointer}.quick-note{display:flex;gap:14px;align-items:center;margin-top:20px;padding:20px 24px;border-radius:10px;background:#10233c;color:white}.quick-note p{margin:0;color:#b7c2d1;font-size:13px}.quick-note b{color:white}.quick-credit{text-align:center;margin-top:28px;color:#78838d;font-size:11px}.quick-credit a{color:var(--blue);font-weight:800;margin-left:7px}
@keyframes quickSpin{to{transform:rotate(360deg)}}
@media(max-width:900px){.quick-hero-grid{grid-template-columns:1fr}.quick-donut-demo{display:none}.quick-actions{grid-template-columns:1fr 1fr}.quick-settings{grid-template-columns:1fr 1fr}}
@media(max-width:600px){.quick-hero{padding:145px 0 95px;min-height:590px}.quick-hero h1{font-size:49px}.quick-language span{display:none}.quick-panel{padding:18px}.quick-drop{min-height:380px;padding:25px 15px}.quick-drop h2{font-size:24px}.quick-steps{padding:0 15px}.quick-steps span i{display:none}.quick-steps b{margin:0 12px}.quick-actions,.quick-settings{grid-template-columns:1fr}.quick-file{grid-template-columns:38px 1fr auto}.quick-file>span{display:none}.quick-result>div:last-child{flex-direction:column;width:100%}}
@media(prefers-reduced-motion:reduce){.quick-donut-demo,.quick-donut-demo b,.quick-spinner{animation:none}}