.qs{--green:#98C838;--ink:#191c17;--muted:#5f6459;--paper:#f5f5ed;--line:#dedfd4;background:var(--paper);color:var(--ink);font-family:var(--font-instrument),var(--font-devanagari),Arial,Helvetica,sans-serif;min-height:100dvh}.qs *{box-sizing:border-box}.qs button{font:inherit;cursor:pointer}.qs a{color:inherit;text-decoration:none}.qs a:focus-visible,.qs button:focus-visible{outline:3px solid var(--green);outline-offset:5px}.qs .wrap{max-width:1440px;margin:auto;padding:0 6%}.qs .top{height:100px;justify-content:space-between;gap:20px}.qs .brand,.qs .top{display:flex;align-items:center}.qs .brand{font-size:31px;font-weight:800;letter-spacing:-2px;gap:12px}.qs .brand img{width:34px;height:34px}.qs .brand .studio{font-size:14px;font-weight:400;letter-spacing:2px;border-left:1px solid #a9ac9f;padding-left:15px;text-transform:uppercase}.qs .topnav{display:flex;gap:32px;font-size:14px}.qs .topnav a{color:#55594f;position:relative}.qs .topnav a:hover{color:#171b11}.qs .topnav a:after{content:"";position:absolute;left:0;right:0;bottom:-7px;height:2px;background:var(--green);transform:scaleX(0);transform-origin:left;transition:transform .25s}.qs .topnav a:hover:after{transform:scaleX(1)}.qs .btn{border:0;border-radius:7px;display:inline-flex;align-items:center;justify-content:center;gap:18px;font-size:14px;font-weight:600;padding:16px 22px;background:var(--ink);color:#fff;position:relative;transition:transform .25s,background .25s,box-shadow .25s}.qs .btn:hover{transform:translateY(-2px);background:#333b29;box-shadow:0 7px 22px #24331624}.qs .btn:active{transform:translateY(0) scale(.98)}.qs .btn.green{color:#19210e;background:var(--green)}.qs .btn.green:hover{background:#a5d34a}.qs .arrow{font-size:20px;font-weight:400;transition:transform .25s}.qs .btn:hover .arrow{transform:translate(3px,-3px)}.qs .hero{background:#151913;border-radius:18px;color:#f8f9f1;position:relative;overflow:hidden;padding:58px 5% 34px}.qs .hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 80% 40%,#38432866,transparent 62%);pointer-events:none}.qs .hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center;position:relative}.qs .eyebrow{text-transform:uppercase;font-size:11px;font-weight:600;letter-spacing:2.4px;display:flex;align-items:center;gap:10px}.qs .dot{width:6px;height:6px;border-radius:50%;background:var(--green);display:inline-block;box-shadow:0 0 0 4px #98c83816}.qs h1{font-size:clamp(46px,5.1vw,76px);font-weight:500;letter-spacing:-.05em;line-height:1.03;margin:30px 0 23px}.qs h1 em{font-style:normal;color:var(--green)}.qs .intro{font-size:16px;line-height:1.8;color:#b4bba9;max-width:380px;margin:0}.qs .actions{display:flex;gap:24px;align-items:center;margin:29px 0 20px;flex-wrap:wrap}.qs .text-link{font-size:14px;color:#d5dbc9;background:none;border:0;padding:10px 0;border-bottom:1px solid #657052}.qs .access{color:#a0a996;font-size:12px;line-height:1.8}.qs .access strong{font-weight:400;color:#c4cbb9}.qs .hero-foot{position:relative;border-top:1px solid #ffffff15;margin-top:43px;padding-top:24px;display:flex;align-items:center;justify-content:space-between;gap:16px;color:#a0a996;font-size:11px;letter-spacing:.5px}.qs .languages{display:flex;gap:14px;color:#c0c8b4;flex-wrap:wrap}.qs .stage{position:relative;height:386px;display:flex;align-items:center;justify-content:center}.qs .stage:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#c3e28c09 1px,transparent 0),linear-gradient(90deg,#c3e28c09 1px,transparent 0);background-size:32px 32px;mask-image:radial-gradient(ellipse,#000,transparent 70%)}.qs .workspace{width:96%;background:#252b21;border:1px solid #5661477a;border-radius:10px;transform:rotate(-3deg);box-shadow:0 25px 60px #0007;overflow:hidden}.qs .windowbar{height:36px;display:flex;align-items:center;gap:5px;padding:0 13px;border-bottom:1px solid #ffffff0c;color:#a6b098;font-size:9px}.qs .windowbar i{width:5px;height:5px;background:#6c775f;border-radius:100%}.qs .windowbar span{margin-left:13px}.qs .windowbar small{margin-left:auto;color:#a5c870}.qs .project{display:grid;grid-template-columns:34px 1fr 86px;gap:10px;padding:12px}.qs .rail{color:#8b987d;display:flex;flex-direction:column;gap:23px;padding-top:10px}.qs .canvas{height:214px;border-radius:5px;position:relative;background:#779645;overflow:hidden;display:flex;justify-content:center;align-items:center}.qs .canvas:before{content:"";position:absolute;width:220px;height:220px;border:45px solid #b8d27d;border-radius:50%;top:-50px;right:-70px}.qs .canvas:after{content:"";position:absolute;width:110px;height:180px;background:#28492f;border-radius:70px 70px 0 0;transform:rotate(-28deg);bottom:-53px;left:12px}.qs .canvas-title{position:relative;z-index:2;font-size:44px;letter-spacing:-2px;font-weight:800;line-height:.92;color:#eef4c9;transform:rotate(-3deg)}.qs .canvas-title b{display:block;background:#e9f1cf;color:#34502b;font-size:19px;letter-spacing:-.7px;margin-top:10px;padding:7px}.qs .properties{font-size:8px;color:#aab79b}.qs .properties strong{font-size:9px;color:#e1e9d8;display:block;margin-bottom:15px}.qs .prop{padding:9px 5px;margin-bottom:5px;background:#30392a;border-radius:3px}.qs .swatches{display:flex;gap:4px;margin:10px 0}.qs .swatches i{width:11px;height:11px;border-radius:3px;background:var(--green)}.qs .swatches i:nth-child(2){background:#fff}.qs .swatches i:nth-child(3){background:#c5b0fa}.qs .mini-btn{padding:6px;background:var(--green);border-radius:3px;color:#28341c;text-align:center;margin-top:13px}.qs .timeline{padding:0 13px 16px 56px;position:relative}.qs .ruler{display:flex;justify-content:space-between;font-size:6px;color:#7d8b6e;margin-bottom:7px}.qs .track{height:18px;background:repeating-linear-gradient(90deg,#718d4866 0 28px,#283121 29px 31px);border-left:2px solid #b0d96b;border-radius:2px;margin:4px 0}.qs .track.audio{height:12px;background:repeating-linear-gradient(90deg,#9cba7655 0 2px,#718c4044 2px 6px)}.qs .float{position:absolute;padding:13px 17px;border:1px solid #f4f6dd28;background:#e9efdd;color:#2d3822;border-radius:8px;box-shadow:0 15px 35px #0003;font-size:10px;transform:rotate(4deg);bottom:2px;left:16px;display:flex;gap:11px;align-items:center}.qs .float strong{display:block;font-size:12px;margin-bottom:5px}.qs .float span{font-size:10px;color:#5c6a4c}.qs .check{background:var(--green);border-radius:50%;padding:6px;display:flex}.qs .badge{position:absolute;top:6px;right:-12px;border:1px solid #5b6a48;background:#2c3623;border-radius:7px;padding:12px;font-size:10px;transform:rotate(5deg);color:#b4d587}.qs .suite{padding:61px 0 58px}.qs .section-top{display:flex;align-items:flex-end;justify-content:space-between;gap:30px}.qs .label{font-size:11px;color:#6b7262;letter-spacing:2px;font-weight:600;text-transform:uppercase}.qs h2{font-size:36px;font-weight:400;letter-spacing:-1.5px;margin:15px 0 0;line-height:1.15}.qs .section-top p{font-size:14px;line-height:1.8;color:var(--muted);max-width:300px;margin:0}.qs .tabs{display:flex;gap:8px;border-bottom:1px solid var(--line);margin:30px 0 0;padding-bottom:16px;flex-wrap:wrap}.qs .tab{border:1px solid transparent;background:transparent;color:#6b7262;border-radius:5px;padding:10px 19px;font-size:13px;min-height:44px;transition:background .25s,color .25s}.qs .tab:hover{background:#e9edde}.qs .tab.active{background:#e4e8d9;color:#253316;border-color:#d7ddcb}.qs .tab small{opacity:.6;margin-right:10px}.qs .tools{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:27px}.qs .tool{padding:0 15px 0 0;border-right:1px solid var(--line)}.qs .tool:last-child{border:0}.qs .tool-icon{color:#53683a;height:35px;transition:transform .3s,color .3s}.qs .tool:hover .tool-icon{transform:translateY(-3px) rotate(-8deg);color:#62882c}.qs .tool h3{font-size:17px;font-weight:600;letter-spacing:-.4px;margin:10px 0}.qs .tool p{font-size:14px;line-height:1.75;color:var(--muted);max-width:300px;margin:0}.qs .tool .caps{display:block;font-size:11px;letter-spacing:1px;color:#5f6e47;margin-top:15px;text-transform:uppercase}.qs .workflow{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:31px 0;display:flex;gap:35px;align-items:center;justify-content:space-between}.qs .workflow p{font-size:16px;letter-spacing:-.3px;max-width:200px;line-height:1.5;margin:0}.qs .steps{display:flex;gap:30px;align-items:center}.qs .step{font-size:13px}.qs .step b{display:block;font-size:11px;color:#6f8057;margin-bottom:10px;letter-spacing:1px}.qs .step-arrow{color:#a9b298}.qs .end{padding:42px 0;display:flex;align-items:center;justify-content:space-between;gap:20px}.qs .end h2{font-size:26px;margin:0}.qs .end p{font-size:14px;color:var(--muted)}.qs .footer{border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:20px;padding:23px 0 30px;color:#6b7262;font-size:12px;flex-wrap:wrap}.qs .footer a{text-decoration:underline;text-underline-offset:3px}.qs-modal{margin:auto;max-height:calc(100dvh - 32px);overflow:auto;border:0;padding:0;border-radius:18px;background:#f5f5ed;max-width:850px;width:90%;color:#191c17;box-shadow:0 30px 100px #0007;font-family:var(--font-instrument),var(--font-devanagari),Arial,sans-serif}.qs-modal::backdrop{background:#10170fc9;backdrop-filter:blur(8px)}.qs-modal .login-grid{display:grid;grid-template-columns:.95fr 1.05fr;min-height:440px}.qs-modal .login-art{background:#20291a;color:#fff;padding:42px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.qs-modal .login-art:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;background:#98c83814;bottom:-110px;right:-80px}.qs-modal .login-art .brand{display:flex;align-items:center;gap:10px;font-size:26px;font-weight:800;letter-spacing:-1.5px}.qs-modal .login-art .brand img{width:30px;height:30px}.qs-modal .login-art .brand .studio{font-size:12px;font-weight:400;letter-spacing:2px;border-left:1px solid #59614e;padding-left:12px;text-transform:uppercase}.qs-modal .login-art h2{font-size:44px;font-weight:400;letter-spacing:-1.5px;line-height:1.1;position:relative;z-index:1;margin:0}.qs-modal .login-art p{color:#b8c2ad;font-size:13px;line-height:1.8;position:relative;z-index:1;margin:0}.qs-modal .login-form{padding:53px 38px;position:relative}.qs-modal .close{position:absolute;top:12px;right:12px;border:0;background:transparent;font-size:24px;color:#6b7262;width:44px;height:44px;cursor:pointer}.qs-modal .label{font-size:11px;color:#6b7262;letter-spacing:2px;font-weight:600;text-transform:uppercase}.qs-modal h2#qs-login-title{font-size:29px;font-weight:400;letter-spacing:-1px;margin:17px 0}.qs-modal .login-form p{font-size:14px;line-height:1.7;color:#5f6459;margin:0}.qs-modal .google{display:flex;width:100%;border:1px solid #d7dccd;border-radius:6px;padding:16px;background:#fff;margin:29px 0 14px;align-items:center;justify-content:center;gap:13px;font-size:15px;font-weight:600;color:#191c17;cursor:pointer;transition:transform .2s,box-shadow .2s}.qs-modal .google:hover{box-shadow:0 4px 15px #33481920;transform:translateY(-2px)}.qs-modal .google:disabled{opacity:.6;cursor:wait;transform:none}.qs-modal .google svg{width:18px;height:18px}.qs-modal .domains{font-size:12px;text-align:center;color:#6b7262}.qs-modal .error{background:#fdedec;color:#9b1c12;border-radius:6px;padding:12px 14px;font-size:14px;line-height:1.6;margin-top:18px}.qs-modal .login-note{font-size:12px;line-height:1.7;color:#6b7262;border-top:1px solid #dedfd4;padding-top:18px;margin-top:22px}.qs-modal .login-note a{text-decoration:underline;text-underline-offset:3px;color:#3b4233}.qs button:focus-visible,.qs-modal a:focus-visible,.qs-modal button:focus-visible{outline:3px solid #98C838;outline-offset:4px}@media(max-width:1000px){.qs .hero-grid{gap:20px}.qs .stage{height:340px}.qs .project{grid-template-columns:25px 1fr 65px;gap:6px}.qs .canvas-title{font-size:35px}.qs .canvas-title b{font-size:15px}.qs .canvas{height:180px}.qs .badge{right:-5px}.qs .workflow{gap:20px}.qs .steps{gap:17px}}@media(max-width:760px){.qs .wrap{padding:0 5%}.qs .top{height:80px}.qs .brand{font-size:26px;gap:9px}.qs .brand .studio{font-size:10px;padding-left:10px}.qs .topnav{display:none}.qs .top .btn{padding:12px 16px;font-size:13px}.qs .hero{padding:35px 7% 24px}.qs .hero-grid{grid-template-columns:1fr;gap:20px}.qs h1{font-size:50px;margin-top:24px}.qs .intro{max-width:100%}.qs .stage{height:330px;max-width:440px;width:100%;margin:auto}.qs .workspace{width:94%}.qs .canvas{height:180px}.qs .hero-foot{margin-top:20px;align-items:flex-start;flex-direction:column}.qs .section-top{display:block}.qs .section-top p{margin-top:17px;max-width:100%}.qs .suite{padding:40px 0}.qs h2{font-size:30px}.qs .tools{grid-template-columns:1fr;gap:23px}.qs .tool{border-right:0;border-bottom:1px solid var(--line);padding-bottom:23px}.qs .tool p{max-width:100%}.qs .workflow{align-items:flex-start;flex-direction:column}.qs .workflow p{max-width:100%}.qs .steps{width:100%;justify-content:space-between;gap:9px}.qs .step{font-size:12px}.qs .end{align-items:flex-start;flex-direction:column}.qs .float{left:0}.qs-modal .login-grid{grid-template-columns:1fr}.qs-modal .login-art{display:none}.qs-modal .login-form{padding:50px 25px 35px}.qs-modal{max-width:410px}}@keyframes qs-enter{0%{opacity:0;transform:translateY(22px)}to{opacity:1;transform:translateY(0)}}@keyframes qs-studioFloat{0%,to{transform:translateY(0) rotate(-3deg)}50%{transform:translateY(-9px) rotate(-1.5deg)}}@keyframes qs-noteFloat{0%,to{transform:translateY(0) rotate(4deg)}50%{transform:translateY(-8px) rotate(2deg)}}@keyframes qs-badgeFloat{0%,to{transform:translateY(0) rotate(5deg)}50%{transform:translateY(6px) rotate(3deg)}}@keyframes qs-glow{0%,to{transform:translate(-2%);opacity:.45}50%{transform:translate(5%,-3%);opacity:.9}}@keyframes qs-playhead{0%{left:56px}to{left:calc(100% - 13px)}}@keyframes qs-pulse{0%,to{box-shadow:0 0 0 4px #98c83816}50%{box-shadow:0 0 0 8px #98c83808}}@keyframes qs-caption{0%,14%,to{background:#e9f1cf;color:#34502b}20%,65%{background:#98C838;color:#1b2d14}}@keyframes qs-dialog{0%{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}@media(prefers-reduced-motion:no-preference){.qs .top{animation:qs-enter .65s both}.qs .hero-grid>div:first-child>*{animation:qs-enter .8s both}.qs .hero-grid h1{animation-delay:.16s}.qs .hero-grid .intro{animation-delay:.24s}.qs .hero-grid .actions{animation-delay:.32s}.qs .hero-grid .access{animation-delay:.4s}.qs .stage{animation:qs-enter 1s .25s both}.qs .hero-foot{animation:qs-enter .8s .5s both}.qs .hero:before{animation:qs-glow 12s ease-in-out infinite;inset:-10%}.qs .workspace{animation:qs-studioFloat 7s ease-in-out infinite}.qs .float{animation:qs-noteFloat 6s ease-in-out infinite}.qs .badge{animation:qs-badgeFloat 7s ease-in-out infinite}.qs .dot{animation:qs-pulse 3s infinite}.qs .canvas-title b{animation:qs-caption 5s ease-in-out infinite}.qs .timeline:after{content:"";position:absolute;top:0;bottom:10px;width:1px;background:#c9ef87;box-shadow:0 0 9px #98c83866;animation:qs-playhead 9s linear infinite;pointer-events:none}.qs .tools .tool{animation:qs-enter .45s both}.qs .tools .tool:nth-child(2){animation-delay:.07s}.qs .tools .tool:nth-child(3){animation-delay:.14s}.qs-modal[open]{animation:qs-dialog .35s cubic-bezier(.2,.8,.2,1) both}}@media(prefers-reduced-motion:reduce){.qs *,.qs-modal{animation:none!important;transition:none!important}}