/* Qian Aurora — shared visual system, with locally bundled Lucide icons. */
:root{--ink:#111d35;--muted:#627088;--line:#dbe3ed;--green:#162540;--green-dark:#243b60;--green-tint:#edf4ff;--blue:#3568de;--blue-deep:#244fab;--canvas:#f8fafc;--paper:#fff}
html{scroll-padding-top:100px}
body[data-design=studio]{--ink:#111d35;--muted:#627088;--line:#dbe3ed;--green:#162540;--green-dark:#243b60;--green-tint:#edf4ff;--surface:#f6f9ff;--blue:#3568de;--blue-deep:#244fab;color:var(--ink);background:radial-gradient(ellipse at 90% 10%,#dfeaff75,transparent 35%),linear-gradient(145deg,#f8fafc,#fff 65%,#f3f8fd);font-family:Inter,"Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}
.icon{display:inline-block;width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0;vertical-align:middle}
.q-width,.q-nav{max-width:1240px;width:calc(100% - 112px)}
.q-header{position:sticky;top:0;background:#f9fbffcf;backdrop-filter:blur(20px);border-color:#d9e2ee8a;z-index:30}
.q-utility{display:none}.q-nav{min-height:80px;gap:28px}.q-brand{gap:10px;color:#12213d;font-size:22px;letter-spacing:-1px}.q-brand b{font-weight:450;color:#5e6d85}.q-brand small{display:none}
.q-mark{width:34px;height:36px;background:linear-gradient(145deg,#1a3155,#17223b);font:700 24px/1 Inter,"Segoe UI",sans-serif;border-radius:10px;box-shadow:inset 0 1px 1px #ffffff40,0 4px 9px #192c541f;letter-spacing:-2px;padding-right:2px}
.q-links{gap:28px;font-size:13px;color:#5b687e}.q-links a{transition:color .2s}.q-links .is-current{box-shadow:none;color:#152440;font-weight:650}.q-links a:hover{color:#3568de}.q-nav-actions{gap:22px}.q-login{font-size:13px;color:#45546c}.q-start.button{padding:10px 16px;border-radius:9px;font-size:12px}.q-menu{border-radius:9px;display:none;place-items:center;color:#142540;background:#ffffffb3}
.button,button,input,select,summary{transition:background .25s,border-color .25s,box-shadow .25s,transform .25s}
.button{border-radius:10px;gap:10px;font-weight:600;min-height:47px;padding:12px 20px}.button .icon{width:17px;height:17px}.button-primary,.workspace-page button.primary{background:linear-gradient(150deg,#223453,#121e34);border:1px solid #1a2a46;color:#fff;box-shadow:0 5px 12px #14254022,inset 0 1px 0 #ffffff1a}.button-primary:hover,.workspace-page button.primary:hover{background:linear-gradient(150deg,#2d4267,#213655);box-shadow:0 8px 18px #14254030;transform:translateY(-2px)}
.button-secondary{background:#ffffffb8;border:1px solid #d8e1ed;color:#3e4d65;box-shadow:0 2px 3px #12213d04}.button-secondary:hover{background:#f0f5ff;border-color:#b5c6e2;transform:translateY(-2px)}.text-link{display:inline-flex;align-items:center;gap:10px;color:#304f83;font-size:13px;font-weight:600}.text-link .icon{width:17px;height:17px;transition:transform .25s}.text-link:hover .icon{transform:translate(2px,-2px)}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #5788e2;outline-offset:5px}::selection{background:#c6dcff;color:#12213d}
.a-hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(160deg,#f8fafc 10%,#f1f6ff65 55%,#f9fcff 100%)}
.a-aurora{position:absolute;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(ellipse at 73% 35%,#b6c4ff60 0,transparent 40%),radial-gradient(ellipse at 95% 70%,#8ce2ef45 0,transparent 35%),radial-gradient(ellipse at 40% 0,#e5eaff70,transparent 48%)}
.a-aurora:after{content:"";position:absolute;inset:0;background-image:radial-gradient(#9eafca40 .7px,transparent .7px);background-size:22px 22px;mask-image:linear-gradient(100deg,transparent 38%,#0008 100%)}
.a-hero-grid{display:grid;grid-template-columns:.95fr 1.12fr;gap:58px;align-items:center;padding-block:82px 70px;min-height:690px}
.a-hero-copy{position:relative;z-index:2;padding-bottom:14px}.a-announcement{display:inline-flex;align-items:center;gap:9px;border:1px solid #d4dfef;background:#ffffffa6;border-radius:100px;font-size:11px;line-height:1.5;color:#526785;padding:7px 11px;margin-bottom:26px;box-shadow:0 2px 4px #20365d04}.a-announcement>.icon{width:14px;height:14px;color:#6682ad}.a-status-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#408d87;box-shadow:0 0 0 3px #3a9d8c12;flex-shrink:0}
body[data-design=studio] .a-hero h1{font-size:clamp(48px,4.5vw,66px);font-weight:850;letter-spacing:-.065em;line-height:1.22;margin:0;color:#121e34}.a-hero h1 em{display:inline-block;background:linear-gradient(105deg,#3867d6 5%,#3f75df 48%,#2997ad 100%);color:transparent;background-clip:text;-webkit-background-clip:text;padding-bottom:6px}
.a-lead{color:#3e506c;font-size:19px;letter-spacing:.01em;margin:23px 0 10px}.a-description{color:#67758b;font-size:14px;line-height:1.95;margin:0}.a-hero-actions{display:flex;gap:12px;margin-top:29px}.a-hero-actions .button{font-size:13px;min-height:49px}.a-hero-notes{display:flex;gap:15px;margin-top:23px;color:#748197;font-size:10px}.a-hero-notes>span{display:flex;align-items:center;gap:5px}.a-hero-notes .icon{width:13px;height:13px;color:#6a869e}
.a-composition{position:relative;min-width:0;padding-block:52px 62px;perspective:1400px}
.a-editor{position:relative;background:#ffffffed;border:1px solid #fff;border-radius:16px;box-shadow:0 30px 65px -18px #536dad40,0 0 0 1px #b9cae149,0 3px 10px #3d56880a;transform:rotateY(-4deg) rotateX(2deg) rotateZ(-1deg);overflow:hidden;transition:transform .5s,box-shadow .5s}.a-editor:hover{transform:rotateY(0) rotateX(0) rotateZ(0);box-shadow:0 35px 70px -18px #536dad4d,0 0 0 1px #b9cae180}
.a-editor-chrome{height:43px;display:flex;align-items:center;gap:17px;padding:0 16px;background:linear-gradient(#fff,#f4f6fb);border-bottom:1px solid #e5eaf3;font-size:9px;color:#7b879b}.a-editor-chrome>span{display:flex;align-items:center;gap:7px}.a-editor-chrome .icon{width:12px;height:12px}.a-editor-chrome>small{margin-left:auto;font-size:8px;border:1px solid #dbe4f0;border-radius:4px;padding:2px 5px;white-space:nowrap}.a-window-dots{display:flex;gap:5px}.a-window-dots i{width:7px;height:7px;border-radius:100%;background:#d5dce7}.a-window-dots i:first-child{background:#edb7ad}.a-window-dots i:nth-child(2){background:#ecd8ac}.a-window-dots i:nth-child(3){background:#b7d5c6}
.a-editor-toolbar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:13px 16px;font-size:10px}.a-editor-toolbar>span{display:flex;align-items:center;gap:7px;color:#58677f}.a-editor-toolbar .icon{width:14px;height:14px}.a-editor-toolbar b{font-weight:500}.a-preview-tabs{display:flex;padding:3px;background:#eef2f8;border:1px solid #e7edf5;border-radius:6px}.a-preview-tabs button{background:transparent;border:0;border-radius:4px;padding:5px 10px;color:#6c7b92;font-size:9px;cursor:pointer;white-space:nowrap}.a-preview-tabs button[aria-pressed=true]{background:#fff;color:#315a9e;box-shadow:0 1px 4px #26385d15}
.a-preview{position:relative;aspect-ratio:1.95;margin:0 15px;border-radius:7px;overflow:hidden;background:#334d66;color:#fff}.a-preview img{width:100%;height:100%;object-fit:cover;display:block;filter:saturate(.68) brightness(.78)}.a-preview:after{position:absolute;inset:0;content:"";background:linear-gradient(180deg,#11293915,#12304a05 35%,#08182d99);pointer-events:none}.a-preview-label{position:absolute;top:17px;left:18px;font-size:8px;letter-spacing:3px;z-index:1}.a-preview-watermark{position:absolute;right:14px;top:17px;font-size:6px;letter-spacing:1px;opacity:.7;z-index:1}.a-captions{position:absolute;inset:auto 10px 39px;text-align:center;z-index:2;text-shadow:0 1px 9px #0b2035}.a-captions strong{display:block;color:#fff;font-size:15px;font-weight:550;letter-spacing:.03em}.a-captions>span{display:block;font-size:10px;margin-top:6px;font-weight:400;opacity:.9}.a-preview-bottom{position:absolute;bottom:11px;left:15px;right:15px;display:flex;justify-content:space-between;font-size:8px;z-index:2}.a-preview-bottom>span{display:flex;align-items:center;gap:7px}.a-preview-bottom i{font-style:normal;opacity:.6}.a-preview-bottom .icon{width:10px;height:10px}
.a-editor-tracks{position:relative;padding:14px 17px 15px}.a-track-ruler{display:flex;justify-content:space-between;padding:0 4px 8px 55px;color:#9ba6b6;font:8px/1.5 Consolas,monospace}.a-track{display:flex;gap:8px;align-items:center;margin-top:6px;height:23px}.a-track>span{display:flex;gap:5px;align-items:center;font-size:9px;color:#708098;width:46px;flex-shrink:0}.a-track>span .icon{width:12px;height:12px}.a-track>div{flex:1;min-width:0;display:flex;gap:4px;height:100%}.a-subtitle-track i{font-style:normal;flex:1;background:linear-gradient(120deg,#dce7ff,#e8edff);border:1px solid #d0dcf6;border-radius:3px;color:#647ea6;font-size:8px;padding:4px 8px;white-space:nowrap;overflow:hidden}.a-wave{background-color:#e0f2ef;background-image:repeating-linear-gradient(90deg,transparent 0 3px,#6caaa1 3px 5px,transparent 5px 7px);mask-image:url('wave.svg');mask-size:100% 100%;border-radius:3px;opacity:.8}.a-audio-track>.a-wave{background-color:#d9eee9}.a-playhead{position:absolute;top:18px;bottom:9px;left:44%;width:1px;background:#7692e1}.a-playhead:before{content:"";position:absolute;width:6px;height:7px;top:-3px;left:-2.5px;border-radius:2px 2px 4px 4px;background:#7692e1}.a-editor-status{padding:9px 17px;border-top:1px solid #edf0f6;display:flex;justify-content:space-between;font-size:8px;color:#8490a4}.a-editor-status>span{display:flex;gap:6px;align-items:center}.a-editor-status .a-status-dot{width:4px;height:4px;box-shadow:none}
.a-float{position:absolute;z-index:4;display:flex;align-items:center;gap:12px;background:#ffffffd9;border:1px solid #fff;outline:1px solid #dfe5f057;backdrop-filter:blur(18px);box-shadow:0 13px 30px #45608e15,0 2px 5px #40618c08;border-radius:12px;padding:14px 18px;transition:transform .3s,box-shadow .3s}.a-float:hover{transform:translateY(-5px);box-shadow:0 16px 30px #45608e25}.a-translation{top:8px;right:18px;transform:rotate(2deg)}.a-icon-box{width:37px;height:37px;border-radius:10px;display:grid;place-items:center;color:#5b7ecf;background:#eaf0ff;border:1px solid #dce6fa}.a-float small{display:block;font-size:9px;color:#8b96a8;margin-bottom:3px}.a-float strong{display:flex;align-items:center;gap:10px;font-weight:600;font-size:12px;color:#44536d}.a-float strong>.icon,.a-float strong span .icon{width:12px;height:12px;color:#96a4ba}.a-success{color:#6a9c93;background:#ecf5f1;padding:2px;border-radius:50%;margin-left:10px}.a-success .icon{width:12px;height:12px}.a-export{bottom:25px;left:-30px;transform:rotate(-2deg);gap:12px}.a-export-icon{color:#648d88;width:36px;height:36px;display:grid;place-items:center;background:#edf6f1;border-radius:10px}.a-export small{margin:5px 0 0;font-size:9px}.a-export-type{font-size:10px;letter-spacing:.03em;background:#f0f4fb;border:1px solid #e2e8f2;padding:6px 9px;border-radius:6px;color:#6c7f9d;margin-left:8px}.a-export-type i{display:block;font-size:8px;font-style:normal;margin-top:2px;color:#97a3b5}.a-composition-note{position:absolute;right:0;bottom:3px;color:#8b98ad;font-size:9px}
.a-capabilities{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:27px 31px;border-top:1px solid #d7e1efb0;color:#5f6e85;font-size:12px}.a-capabilities>span{font-size:10px;color:#8793a6}.a-capabilities>div{display:flex;align-items:center;gap:9px;white-space:nowrap}.a-capabilities .icon{width:18px;height:18px;color:#7488a7}
.a-section{padding-block:94px}.a-eyebrow{color:#627eac;font-size:10px;font-weight:650;letter-spacing:1.9px;margin-bottom:17px}.a-section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:38px}body[data-design=studio] .a-section h2,body[data-design=studio] .a-closing h2{font-size:36px;letter-spacing:-.045em;line-height:1.45;font-weight:750}.a-section-heading>p{font-size:13px;line-height:1.9;color:#7a879a;padding-bottom:5px}
.a-bento{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.a-feature{position:relative;border:1px solid #dce4efb3;border-radius:20px;background:#ffffffb8;backdrop-filter:blur(14px);overflow:hidden;padding:30px;transition:transform .3s,border-color .3s,box-shadow .3s;box-shadow:0 4px 14px #273d6903}.a-feature:hover{transform:translateY(-4px);border-color:#b8c9df;box-shadow:0 18px 36px -18px #34518535}.a-feature-icon{display:grid;place-items:center;width:40px;height:40px;border:1px solid #dbe6f5;background:linear-gradient(135deg,#fff,#edf3ff);border-radius:11px;color:#607faa;flex-shrink:0}.a-feature-icon .icon{width:21px;height:21px}.a-feature .a-kicker{font-size:10px;letter-spacing:.04em;color:#6b7c96;margin:18px 0 9px}body[data-design=studio] .a-feature h3{font-size:25px;line-height:1.5;letter-spacing:-.03em;font-weight:650}.a-feature p:not(.a-kicker){color:#7a8698;font-size:12px;line-height:1.9;margin-top:15px}.a-feature .text-link{margin-top:24px;font-size:12px}.a-feature-wide{grid-column:span 2;display:grid;grid-template-columns:.9fr 1.2fr;gap:25px;align-items:center;background:radial-gradient(ellipse at 90% 100%,#dfeaff80,transparent 65%),linear-gradient(130deg,#ffffffd9,#f4f7ffb3);padding:34px}.a-transcript{background:#ffffffd9;border:1px solid #d9e4f4;border-radius:12px;padding:17px 0;box-shadow:0 15px 35px #43669c0b;transform:translateX(17px) rotate(-2deg)}.a-transcript-top{display:flex;align-items:center;gap:7px;color:#6d7e98;font-size:10px;padding:0 14px 14px;border-bottom:1px solid #edf0f7}.a-transcript-top .icon{width:14px;height:14px}.a-transcript-top>span{font-size:8px;color:#8e9bb1;margin-left:auto}.a-transcript-row{padding:16px 13px;display:flex;align-items:flex-start;gap:10px;position:relative}.a-transcript-row time{font:8px/1.7 Consolas,monospace;color:#a1aec3}.a-transcript-row div>span{display:block;font-size:9px;color:#8592a7;white-space:nowrap}.a-transcript-row strong{display:block;font-size:12px;font-weight:500;color:#61718b;margin-top:6px}.a-row-active{background:#edf3ff;border-left:2px solid #7895df;padding-left:11px}.a-row-active strong{color:#4265a1}.a-file-chips{padding:10px 14px 0;display:flex;flex-wrap:wrap;gap:7px;align-items:center}.a-file-chips>span{border:1px solid #e4eaf4;border-radius:5px;font-size:8px;color:#788aa5;padding:4px 5px;background:#fff}.a-file-chips .icon{width:11px;height:11px}.a-file-chips small{font-size:8px;color:#98a3b6;margin-left:auto}
.a-feature-voice{background:radial-gradient(ellipse at 90% 85%,#dceee880,transparent 60%),#fbfdfcc9;padding-bottom:120px}.a-feature-voice .a-feature-icon{color:#608b7f;background:#edf7f2;border-color:#d6e9e0}.a-voice-art{position:absolute;bottom:21px;left:30px;right:30px;height:75px;display:flex;align-items:center;gap:16px}.a-voice-art>span{width:60px;height:60px;border-radius:50%;display:grid;place-items:center;background:radial-gradient(circle at 35% 25%,#fff,#d9eae4);box-shadow:0 5px 15px #749c881f,inset 0 0 0 1px #d6e6df;z-index:1;flex-shrink:0}.a-voice-art>span .icon{width:25px;height:25px;color:#7f9e94}.a-voice-art .a-wave{flex:1;height:46px;opacity:.5}
.a-feature-small{grid-column:span 1;min-height:310px}.a-feature-small:nth-of-type(3){grid-column:span 2;padding-right:50%;background:radial-gradient(ellipse at 80% 60%,#dde7f680,transparent 60%),#ffffffb3}.a-feature-small:nth-of-type(3) h3{font-size:24px}.a-feature-small:nth-of-type(3)>.a-feature-icon{margin-bottom:12px}.a-scan-demo{position:absolute;right:25px;top:27%;width:39%;height:140px;border:1px solid #d8e3f2;border-radius:12px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:22px;transform:rotate(2deg);background:linear-gradient(135deg,#f8fbff,#e8eff9);box-shadow:0 8px 20px #35557c09}.a-scan-demo>span{font-size:12px;color:#6f87a8;padding:10px;outline:1px dashed #88a3ca;outline-offset:6px}.a-scan-demo>small{font-size:11px;color:#8799b0}.a-feature-brand{background:linear-gradient(130deg,#fafaff,#f0f0fa90);padding-bottom:150px}.a-feature-brand h3{font-size:23px!important}.a-brand-demo{position:absolute;bottom:0;height:126px;left:30px;right:30px;border:1px solid #dadfed;border-bottom:0;border-radius:12px 12px 0 0;background:linear-gradient(135deg,#e8eaf5,#d5dcea);padding:17px 20px;transform:rotate(-3deg);transform-origin:bottom right}.a-brand-demo>span{font-size:26px;font-weight:750;letter-spacing:-1px;line-height:1.15;color:#fff}.a-brand-demo>small{position:absolute;bottom:20px;right:13px;border:1px solid #acb8cd;color:#7688a3;font-size:10px;padding:4px 7px;border-radius:5px;background:#f0f3fb70}.a-brand-demo .icon{width:12px;height:12px}
.a-workflow-section{background:linear-gradient(120deg,#edf3fa7a,#f1f7fd80);border-block:1px solid #e0e8f4}.a-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:36px;list-style:none;padding:0;margin:45px 0 0}.a-steps>li{position:relative}.a-steps>li:after{content:"";position:absolute;top:25px;left:67px;right:0;border-top:1px dashed #cad7e9}.a-steps>li:last-child:after{display:none}.a-steps>li>div{display:flex;align-items:center;gap:16px}.a-steps li>div>span{display:grid;place-items:center;width:49px;height:49px;border:1px solid #dce5f1;border-radius:13px;color:#6783ac;background:#ffffffad;box-shadow:0 4px 10px #375b8905}.a-steps small{position:absolute;right:0;font:10px Consolas,monospace;color:#8e9db4;background:#f3f7fc;padding-left:10px;z-index:1}.a-steps h3{font-size:17px!important;margin-top:22px;font-weight:600}.a-steps p{font-size:12px;color:#7a889d;line-height:1.95;margin-top:11px}.a-billing-note{display:flex;gap:17px;align-items:center;margin-top:45px;padding:24px;border:1px solid #dce5f1;border-radius:14px;background:#ffffffa1}.a-billing-note strong{font-size:14px;font-weight:600}.a-billing-note p{font-size:11px;color:#8390a3;margin-top:5px}.a-billing-note .button{margin-left:auto;font-size:12px;white-space:nowrap}.a-billing-note .a-feature-icon{background:#f2f6ff}
.a-faq{display:grid;grid-template-columns:1fr 1.4fr;gap:100px}.a-faq>div>p:not(.a-eyebrow){color:#8390a4;font-size:13px;line-height:1.9;margin:20px 0 25px}.a-questions details{border-bottom:1px solid #e2e8f1;transition:background .25s}.a-questions details:first-child{border-top:1px solid #e2e8f1}.a-questions summary{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 3px;list-style:none;cursor:pointer;font-size:14px;font-weight:500;color:#465770}.a-questions summary::-webkit-details-marker{display:none}.a-questions summary .icon{width:16px;height:16px;color:#8a9bb5;transition:transform .25s}.a-questions details[open] summary .icon{transform:rotate(45deg)}.a-questions details[open]{background:#f7faff85}.a-questions details>p{font-size:12px;color:#738299;line-height:1.9;padding:0 25px 22px 3px;margin:0}.a-questions summary:hover{color:#3866b0}
.a-closing{display:flex;align-items:center;justify-content:space-between;position:relative;isolation:isolate;overflow:hidden;padding:52px 60px;margin:0 auto 85px;border:1px solid #d6e1f1;border-radius:22px;background:linear-gradient(120deg,#f0f5ff,#edf7fc);box-shadow:0 6px 35px #3c5e8d06;gap:30px}.a-closing h2{font-size:32px!important;margin-top:13px}.a-closing p{font-size:13px;color:#798da9;margin-top:17px}.a-closing .button{font-size:13px;flex-shrink:0}.a-closing-orb{position:absolute;z-index:-1;right:50px;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,#b4d1fb65,#a1dce938 40%,transparent 70%);filter:blur(20px)}
.q-footer{background:#f6f9fdb3;border-top:1px solid #dce5f1;color:#6c7d95;padding-top:50px}.q-footer .q-brand{color:#1a2943}.q-footer .q-mark{background:linear-gradient(145deg,#1a3155,#17223b);color:#fff}.q-footer p{color:#91a0b4;font-size:12px;line-height:1.9}.q-footer nav h2{color:#4c5d77;font-size:12px!important;letter-spacing:.02em}.q-footer nav a{font-size:11px;color:#8796ad;line-height:2.5}.q-footer nav a:hover{color:#3568de}.q-footer-bottom{border-color:#e0e8f2;color:#92a0b5;font-size:10px;margin-top:40px;padding-block:22px 27px}.q-footer-grid{gap:50px}.q-footer-grid>div:first-child{border-color:#dce5f1}
/* Native application and billing views share the same surfaces and controls. */
.page-shell{max-width:1240px}.page-heading h1{font-weight:780;letter-spacing:-.045em}.page-heading{margin-block:42px}.page-description{color:#75849b}.surface-panel,.account-strip,.summary-panel,.auth-card,.plan-card,.custom-topup,.trial-option,.usage-item,.estimate-panel,.workspace-page .panel,.workspace-page .account-panel,.workspace-page .monitor,.q-account-overview,.dashboard-metric,.history-item,.q-submit-panel,.q-settings-group{border:1px solid #dce5f1b3;border-radius:16px;background:#ffffffb3;backdrop-filter:blur(12px);box-shadow:0 5px 20px #2e49770a;transition:transform .3s,box-shadow .3s,border-color .3s}
.surface-panel:hover,.account-strip:hover,.summary-panel:hover,.auth-card:hover,.plan-card:hover,.custom-topup:hover,.trial-option:hover,.usage-item:hover,.estimate-panel:hover,.workspace-page .panel:hover,.workspace-page .account-panel:hover,.workspace-page .monitor:hover,.q-account-overview:hover,.dashboard-metric:hover,.history-item:hover,.q-submit-panel:hover,.q-settings-group:hover{border-color:#bacbe2;box-shadow:0 14px 28px -14px #2b47752b}
.plan-card:hover,.usage-item:hover,.dashboard-metric:hover,.history-item:hover{transform:translateY(-4px)}.plan-card.is-recommended,.plan-card.recommended{background:linear-gradient(150deg,#f0f5ff,#ffffffb3);border-color:#8daae0;box-shadow:0 9px 28px #537cd018}.plan-card{padding:27px}.plan-card .button{border-radius:9px}.plan-badge,.status-tag{border-radius:6px}.account-strip{background:linear-gradient(120deg,#edf4ffb3,#ffffffbd)}
.workspace-page .mode{background:#ffffffb3;border:1px solid #dce5f1;border-radius:12px;color:#3f526f;transition:transform .3s,box-shadow .3s,border-color .3s}.workspace-page .mode:hover{border-color:#9bb3da;transform:translateY(-3px);box-shadow:0 8px 18px #395d8c12}.workspace-page .mode.active{background:linear-gradient(120deg,#eaf1ff,#f5f8ff);border-color:#7595cc;box-shadow:0 0 0 1px #7595cc22}.workspace-page .dropzone{border-radius:13px;border:1px dashed #a7bddd;background:linear-gradient(135deg,#f5f8ff,#eef5fb)}.workspace-page .dropzone:hover,.workspace-page .dropzone.is-dragging{background:#edf4ff;border-color:#5c82c8}.workspace-page .step-title>span{border-radius:9px;background:#edf2fd;border:1px solid #d8e3f5;color:#6884b2}.workspace-page button.primary{border-radius:9px}.workspace-page .switches label{border-radius:9px;background:#f8faff;border-color:#e1e8f3}.workspace-page .q-submit-panel{background:linear-gradient(120deg,#f2f6fe,#f7fafc)}.workspace-page .q-workspace-nav{border-color:#dde6f2}.workspace-page .advanced{border-radius:11px;border-color:#dfe6f1}
input:not([type=checkbox]):not([type=file]),select,.workspace-page input:not([type=checkbox]):not([type=file]),.workspace-page select{border-radius:9px;border-color:#d9e3f1;background:#fcfdff;color:#344b6b}input:focus,select:focus{outline:0;border-color:#739bd7!important;box-shadow:0 0 0 3px #537fda14}.auth-introduction h1{font-weight:800;letter-spacing:-.05em}.auth-card{background:#ffffffca;padding:34px;border-color:#dce5f1;box-shadow:0 20px 55px #3d5a9210}.q-auth-tabs{background:#edf2fa;border-radius:9px;padding:4px}.q-auth-tabs button{border-radius:7px}.q-auth-tabs button[aria-pressed=true]{background:#fff;color:#254572;box-shadow:0 2px 5px #25457210}.auth-benefit-icon{border-radius:10px}.checkout-steps .is-current>span{background:#203758}.payment-option{border-radius:11px}.q-help-strip{border-radius:13px;background:linear-gradient(120deg,#eef4ff,#f7fafd);border-color:#dce5f1}.q-admin-tabs button{border-radius:9px}.q-admin-table{background:#ffffffb3}.q-auth-tabs button:hover{transform:none}
@media(min-width:1500px){.a-hero-grid{gap:75px;min-height:720px}.a-hero h1{font-size:68px!important}}
@media(max-width:1150px){.q-width,.q-nav{width:calc(100% - 64px)}.q-nav{gap:20px}.q-links{gap:18px}.q-nav-actions{gap:15px}.q-links a{font-size:12px}.a-hero-grid{gap:30px;grid-template-columns:.9fr 1.1fr;padding-block:65px 50px;min-height:620px}.a-hero h1{font-size:54px!important}.a-hero-notes{gap:9px;font-size:9px}.a-hero-actions .button{padding:11px 14px;font-size:12px}.a-announcement{font-size:10px;gap:6px}.a-capabilities{gap:15px;font-size:11px}.a-capabilities>span{display:none}.a-feature-wide{padding:27px;grid-template-columns:1fr;gap:22px}.a-transcript{transform:none}.a-feature-voice{padding:27px}.a-feature-wide .a-feature-content{max-width:85%}.a-feature-small:nth-of-type(3){padding-right:47%}.a-scan-demo{right:20px;width:40%}.a-scan-demo>span{font-size:10px;padding:8px}.a-faq{gap:60px}.a-section{padding-block:75px}}
@media(min-width:901px) and (max-width:1050px){.q-brand{font-size:19px}.q-links{gap:14px}.q-start.button{font-size:11px;padding:9px 11px}.q-login{font-size:12px}}
@media(max-width:900px){.q-menu{display:grid}.q-nav{min-height:74px}.js-studio .q-links.is-open{top:74px;background:#f9fbfff5;border:1px solid #dce5f1;backdrop-filter:blur(18px);box-shadow:0 15px 25px #26467512}.a-hero-grid{grid-template-columns:1fr;gap:25px;max-width:640px;padding-block:55px 30px}.a-hero-copy{padding:0}.a-hero h1{font-size:64px!important}.a-announcement{font-size:11px}.a-hero-actions .button{font-size:13px;padding:13px 20px}.a-description{font-size:14px}.a-hero-notes{font-size:10px;gap:17px}.a-composition{max-width:560px;width:100%;margin:0 auto;padding:50px 12px 62px}.a-export{left:0}.a-composition-note{right:10px}.a-capabilities{flex-wrap:wrap;justify-content:center;gap:20px 35px;padding-block:25px}.a-section-heading{gap:25px}.a-section-heading h2{font-size:30px!important}.a-section-heading>p{font-size:11px}.a-bento{grid-template-columns:1fr 1fr}.a-feature-wide{grid-column:span 2;grid-template-columns:.85fr 1.2fr;gap:15px}.a-feature-wide .a-feature-content{max-width:none}.a-feature-voice{grid-row:span 1;grid-column:span 1;padding-bottom:140px}.a-feature-small:nth-of-type(3){grid-column:span 1;padding:27px 27px 180px}.a-scan-demo{left:27px;right:27px;width:auto;top:auto;bottom:28px;height:125px}.a-feature-brand{grid-column:span 2;padding:27px 47% 27px 27px;min-height:290px}.a-brand-demo{top:60px;bottom:0;left:auto;right:30px;width:38%;height:auto;padding:30px}.a-brand-demo>span{font-size:36px}.a-steps{grid-template-columns:1fr 1fr;gap:30px 45px}.a-billing-note{flex-wrap:wrap}.a-billing-note .button{margin-left:57px}.a-faq{gap:35px;grid-template-columns:.9fr 1.3fr}.a-section h2{font-size:30px!important}.a-questions summary{font-size:12px}.a-closing{padding:40px;gap:25px}.a-closing h2{font-size:27px!important}.a-closing .button{font-size:12px}.a-closing .a-eyebrow{font-size:9px}.q-footer-grid{gap:30px}}
@media(max-width:680px){.q-width,.q-nav{width:calc(100% - 40px)}.q-nav{min-height:68px;gap:12px}.q-brand{font-size:20px;gap:8px}.q-mark{width:31px;height:33px;font-size:22px;border-radius:9px}.q-nav-actions{gap:13px}.q-login{font-size:11px;max-width:95px}.q-menu{width:34px;height:34px}.q-menu .icon{width:18px;height:18px}.js-studio .q-links.is-open{top:68px}.a-hero-grid{padding-block:35px 15px;gap:22px}.a-announcement{font-size:9px;padding:6px 9px;margin-bottom:23px;gap:7px}.a-announcement>.icon{width:12px}.a-hero h1{font-size:52px!important;line-height:1.24!important;letter-spacing:-.065em!important}.a-lead{font-size:16px;margin-top:20px}.a-description{font-size:12px;line-height:2}.a-hero-actions{gap:10px;margin-top:25px}.a-hero-actions .button{font-size:11px;padding:11px 14px;min-height:46px;gap:7px}.a-hero-actions .icon{width:15px;height:15px}.a-hero-notes{font-size:8px;gap:12px;margin-top:18px}.a-hero-notes .icon{width:11px;height:11px}.a-composition{padding:43px 4px 60px}.a-editor{border-radius:12px;transform:rotate(-1deg)}.a-editor-chrome{height:34px;padding:0 10px;gap:10px;font-size:7px}.a-editor-chrome>small{font-size:6px;padding:1px 4px}.a-window-dots{gap:4px}.a-window-dots i{width:5px;height:5px}.a-editor-chrome .icon{width:10px;height:10px}.a-editor-toolbar{padding:10px;font-size:8px;gap:8px}.a-editor-toolbar .icon{width:12px;height:12px}.a-preview-tabs button{font-size:8px;padding:4px 7px}.a-preview{margin:0 9px;aspect-ratio:1.7}.a-preview-label{font-size:6px;left:11px;top:12px;letter-spacing:2px}.a-preview-watermark{font-size:5px;right:10px;top:12px}.a-captions{bottom:31px;inset-inline:5px}.a-captions strong{font-size:11px}.a-captions>span{font-size:8px;margin-top:4px}.a-preview-bottom{font-size:6px;left:10px;right:10px;bottom:10px}.a-preview-bottom .icon{width:8px;height:8px}.a-editor-tracks{padding:10px 11px}.a-track-ruler{font-size:6px;padding-left:43px}.a-track{height:20px;gap:5px;margin-top:4px}.a-track>span{font-size:7px;width:38px}.a-track>span .icon{width:10px;height:10px}.a-subtitle-track i{font-size:6px;padding:4px}.a-editor-status{padding:7px 12px;font-size:6px}.a-float{padding:10px 12px;gap:9px;border-radius:10px}.a-translation{right:6px;top:7px}.a-float small{font-size:7px}.a-float strong{font-size:9px;gap:7px}.a-icon-box{width:29px;height:29px;border-radius:8px}.a-icon-box .icon{width:17px;height:17px}.a-success{margin-left:3px}.a-success .icon{width:10px;height:10px}.a-export{left:0;bottom:24px}.a-export-icon{width:29px;height:29px}.a-export-icon .icon{width:17px;height:17px}.a-export small{font-size:7px;margin-top:4px}.a-export-type{font-size:8px;padding:4px 7px;margin-left:4px}.a-export-type i{font-size:6px}.a-composition-note{font-size:7px;bottom:3px;right:1px}.a-capabilities{gap:17px 22px;font-size:10px;padding-block:23px}.a-capabilities>div{gap:6px}.a-capabilities .icon{width:15px;height:15px}.a-section{padding-block:56px}.a-section-heading{display:block;margin-bottom:27px}.a-eyebrow{font-size:8px;letter-spacing:1.5px;margin-bottom:12px}.a-section-heading h2,.a-section h2{font-size:27px!important;line-height:1.5!important}.a-section-heading>p{font-size:12px;margin-top:18px}.a-section-heading>.text-link{margin-top:18px}.a-bento{grid-template-columns:1fr;gap:15px}.a-feature{padding:25px;border-radius:16px}.a-feature-wide{grid-column:auto;display:block}.a-feature-wide .a-feature-content{max-width:none}.a-feature h3{font-size:24px!important}.a-feature-icon{width:36px;height:36px;border-radius:10px}.a-feature-icon .icon{width:19px;height:19px}.a-feature p:not(.a-kicker){font-size:12px}.a-feature .text-link{margin-top:18px}.a-transcript{margin-top:27px}.a-transcript-row{padding-block:15px}.a-transcript-row strong{font-size:12px}.a-transcript-row div>span{font-size:9px}.a-feature-voice{grid-column:auto;padding-bottom:125px}.a-voice-art{left:25px;right:25px;bottom:22px}.a-feature-small:nth-of-type(3){grid-column:auto;padding:25px 25px 190px}.a-scan-demo{left:26px;right:26px;bottom:27px;height:133px}.a-scan-demo>span{font-size:12px}.a-feature-brand{grid-column:auto;padding:25px 25px 170px;min-height:0}.a-brand-demo{top:auto;left:25px;right:25px;bottom:0;height:135px;width:auto;padding:20px 25px}.a-brand-demo>span{font-size:29px}.a-brand-demo>small{bottom:25px;right:20px}.a-steps{gap:28px 20px;margin-top:30px}.a-steps li>div>span{width:43px;height:43px;border-radius:11px}.a-steps>li:after{top:21px;left:54px}.a-steps .icon{width:20px;height:20px}.a-steps h3{font-size:15px!important;margin-top:17px}.a-steps p{font-size:10px;line-height:1.9}.a-steps small{font-size:9px}.a-billing-note{display:grid;grid-template-columns:34px 1fr;padding:20px 18px;gap:13px;margin-top:31px}.a-billing-note>.a-feature-icon{width:34px;height:34px}.a-billing-note strong{font-size:13px}.a-billing-note p{font-size:10px;line-height:1.9}.a-billing-note .button{grid-column:1/-1;justify-self:start;margin:3px 0 0;font-size:11px;min-height:42px}.a-faq{display:block}.a-faq>div>p:not(.a-eyebrow){font-size:12px;margin:16px 0}.a-faq .text-link{font-size:12px}.a-questions{margin-top:27px}.a-questions summary{font-size:12px;padding:20px 1px;gap:12px}.a-questions details>p{font-size:11px}.a-closing{display:block;padding:31px 26px;border-radius:17px;margin-bottom:50px}.a-closing h2{font-size:26px!important}.a-closing p{font-size:12px;margin-top:14px}.a-closing .button{margin-top:24px;font-size:12px;min-height:45px}.a-closing .a-eyebrow{font-size:8px}.q-footer{padding-top:35px}.q-footer-grid{gap:26px}.q-footer-grid>div:first-child{padding-bottom:23px}.q-footer p{font-size:9px}.q-footer nav h2{font-size:11px!important}.q-footer nav a{font-size:10px}.q-footer-bottom{font-size:9px}.page-heading{margin-block:28px}.surface-panel,.auth-card,.workspace-page .panel,.workspace-page .monitor{border-radius:14px}.auth-card{padding:25px}.plan-card{padding:25px}.workspace-page .mode{border-radius:10px}.q-footer .q-brand{font-size:20px}}
@media(max-width:365px){.a-hero h1{font-size:47px!important}.a-announcement{font-size:8px;gap:6px}.a-hero-actions .button{padding-inline:12px;font-size:10px}.a-hero-notes{gap:8px;font-size:7px}.a-captions strong{font-size:10px}.a-preview-tabs button{padding-inline:5px}.q-nav-actions{gap:9px}.q-login{font-size:10px;max-width:86px}}
@media(max-width:340px){.a-hero h1{font-size:42px!important}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.a-editor,.a-translation,.a-export,.a-transcript,.a-brand-demo,.a-scan-demo{transform:none!important}}