/* QualiaLabs — conversational speech data, precise typography and signal-led visuals. */
html{scroll-behavior:smooth;scroll-padding-top:104px;--ql-action-gap:8px}
body{margin:0;background:#f5f6f3}
#ql-site{--ql-ink:#0e1d2c;--ql-paper:#f5f6f3;--ql-blue:#286e9e;--ql-pale:#83cefa;--ql-text:#203342;--ql-muted:#526b7a;--ql-line:#d3dfe3;--ql-ease:cubic-bezier(.22,1,.36,1);--ql-sans:var(--ql-font-latin,"Helvetica Neue"),var(--ql-font-body,"PingFang SC"),"Microsoft YaHei",Arial,sans-serif;--ql-mono:var(--ql-font-numeric,"SFMono-Regular"),var(--ql-font-body,"PingFang SC"),Consolas,"Liberation Mono",monospace;background:var(--ql-paper);color:var(--ql-text);font-family:var(--ql-sans);font-synthesis:none;font-size:15px;font-weight:var(--ql-weight-body,400);line-height:1.65;letter-spacing:0;text-align:left;overflow:clip;min-width:0;isolation:isolate;-webkit-font-smoothing:antialiased;font-kerning:normal;font-feature-settings:"kern","liga";font-variant-numeric:lining-nums}
#ql-site *{box-sizing:border-box}
#ql-site h1,#ql-site h2,#ql-site h3,#ql-site p{margin:0}
#ql-site button,#ql-site input,#ql-site textarea,#ql-site select{font:inherit}
#ql-site button,#ql-site a{-webkit-tap-highlight-color:transparent}
#ql-site button{color:inherit;border:0;background:none}
#ql-site a{color:inherit;text-decoration:none}
#ql-site button,#ql-site a,#ql-site input[type=range],#ql-site select{cursor:pointer}
#ql-site button,#ql-site a{transition:color .24s var(--ql-ease),background .24s var(--ql-ease),border-color .24s var(--ql-ease),box-shadow .3s var(--ql-ease),transform .24s var(--ql-ease)}
#ql-site :is(input:not([type=range]),select,textarea):focus-visible{outline:none;border-color:var(--ql-blue);box-shadow:inset 0 -1px var(--ql-blue)}
/* Keyboard location uses the control itself, without an extra outer frame. */
#ql-site :is(button,a):focus-visible{outline:none;background-color:#286e9e14;text-decoration:underline;text-decoration-thickness:1.5px;text-underline-offset:.25em}
#ql-site :is(.ql-top,.ql-header-shell,.ql-contact) :is(input,select,textarea):focus-visible{border-color:var(--ql-pale);box-shadow:inset 0 -1px var(--ql-pale)}
#ql-site :is(.ql-top,.ql-header-shell,.ql-contact) :is(button,a):focus-visible{background-color:#83cefa18}
#ql-site [hidden]{display:none!important}
#ql-site .ql-wrap{width:100%;max-width:1360px;margin:auto;padding-inline:clamp(24px,5vw,72px)}
#ql-site .ql-kicker{font-size:12px;line-height:1.5;letter-spacing:.08em;font-weight:var(--ql-weight-strong,600);text-transform:uppercase;display:flex;align-items:center;gap:11px;font-family:var(--ql-mono)}

#ql-site .ql-skip{position:absolute;top:8px;left:16px;padding:12px 18px;background:var(--ql-paper);color:var(--ql-ink);transform:translateY(-180%);z-index:80}
#ql-site .ql-skip:focus{transform:translateY(0)}
/* Navigation */
#ql-site .ql-header-shell{background:#0e1d2cf2;backdrop-filter:blur(20px);color:#edf2f2;position:sticky;top:0;z-index:30;border-bottom:1px solid #ffffff12}
#ql-site .ql-header{min-height:80px;display:flex;align-items:center;gap:28px;position:relative}
#ql-site .ql-brand{flex-shrink:0}
#ql-site .ql-logo{display:block;width:154px;height:auto}
#ql-site .ql-nav{display:flex;align-items:center;gap:28px;margin-left:auto;font-size:13px;letter-spacing:.015em;color:#bfd5e4}
#ql-site .ql-nav a{padding:13px 0;white-space:nowrap;position:relative}
#ql-site .ql-nav a:focus-visible,#ql-site .ql-nav a[aria-current=location]{color:#fff}
#ql-site .ql-nav a:after{position:absolute;bottom:5px;left:0;right:0;height:1px;background:linear-gradient(90deg,#83cefa55,var(--ql-pale),#83cefa55);content:"";opacity:0;transform:scaleX(.4);transform-origin:center;transition:transform .32s var(--ql-ease),opacity .24s var(--ql-ease)}
#ql-site .ql-nav a:focus-visible:after,#ql-site .ql-nav a[aria-current=location]:after{opacity:1;transform:scaleX(1)}
#ql-site .ql-nav .ql-nav-mobile-contact{display:none}
#ql-site .ql-locale{display:flex;gap:3px;align-items:center;font-size:12px;white-space:nowrap}
#ql-site .ql-locale a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:44px;color:#91a8b3;position:relative;isolation:isolate;border-radius:99px}
#ql-site .ql-locale a:before{content:"";position:absolute;inset:8px 1px;z-index:-1;border:1px solid transparent;border-radius:inherit;background:#bcdeef00;opacity:0;transition:opacity .24s var(--ql-ease),background .24s var(--ql-ease),border-color .24s var(--ql-ease)}
#ql-site .ql-locale a[aria-current=page]:before,#ql-site .ql-locale a:focus-visible:before{background:#bcdeef0d;border-color:#bedff515;opacity:1}
#ql-site .ql-locale a[aria-current=page],#ql-site .ql-locale a:focus-visible{color:#fff}
#ql-site .ql-locale span{color:#49636f}
#ql-site .ql-nav-contact{display:inline-flex;font-size:12px;border:1px solid #93abb349;border-radius:99px;padding:9px 17px;white-space:nowrap}
#ql-site .ql-nav-contact:focus-visible{border-color:#bacdd2;background:#ffffff0a;box-shadow:inset 0 1px 0 #ffffff0a}
#ql-site .ql-menu-toggle{display:none}
/* Hero: independent brand sculpture, never an audio control. */
#ql-site .ql-top{background:radial-gradient(ellipse at 85% 30%,#174b785c 0,transparent 58%),var(--ql-ink);color:#eff6fa;position:relative;isolation:isolate}
#ql-site .ql-hero{display:grid;grid-template-columns:1.08fr 1fr;gap:54px;align-items:center;min-height:568px;padding-top:85px;padding-bottom:80px}
#ql-site .ql-hero-copy{position:relative;z-index:1}
#ql-site .ql-hero-copy>.ql-kicker{color:#b6e5ff;margin-bottom:28px;letter-spacing:.04em;font-family:inherit;line-height:1.8;font-size:14px}
#ql-site h1{font-size:clamp(44px,5.2vw,72px);line-height:1.24;font-weight:var(--ql-weight-medium,500);letter-spacing:-.015em;text-wrap:balance}
#ql-site h1 em{font-style:normal;color:var(--ql-pale)}
#ql-site[data-language=en] h1{font-size:clamp(48px,5.45vw,76px);line-height:1.06;letter-spacing:-.04em}
#ql-site .ql-hero-copy>.ql-body{max-width:450px;font-size:17px;line-height:1.85;color:#b8cbd9;margin-top:27px}
#ql-site[data-language=en] .ql-hero-copy>.ql-body{line-height:1.85;max-width:455px}
#ql-site .ql-actions{display:flex;align-items:center;flex-wrap:wrap;gap:28px;margin-top:35px}
#ql-site .ql-primary{background:#e8efeb;color:var(--ql-ink);border-radius:99px;display:inline-flex;align-items:center;justify-content:center;gap:var(--ql-action-gap);padding:14px 23px;font-size:14px;font-weight:var(--ql-weight-medium,500);min-height:48px;position:relative;isolation:isolate;box-shadow:inset 0 1px 0 #ffffff80,inset 0 -1px 0 #18344a14,0 2px 6px #00000008}
#ql-site .ql-primary:before{content:"";position:absolute;inset:1px;z-index:-1;border-radius:inherit;pointer-events:none;background:linear-gradient(180deg,#ffffff30,transparent 52%);opacity:.6;transition:opacity .24s var(--ql-ease)}
#ql-site :is(a,button).ql-primary:focus-visible{background:#f5f9f7;color:var(--ql-ink);box-shadow:inset 0 1px 0 #ffffff90,0 5px 16px #00000014}
#ql-site .ql-link{display:inline-flex;align-items:center;gap:var(--ql-action-gap);font-size:14px;min-height:44px;padding:8px 0}
#ql-site :is(.ql-primary,.ql-link) [data-ql-icon]{transition:transform .24s var(--ql-ease)}
#ql-site .ql-primary [data-ql-icon]{--ql-icon-parent-y:1px}
#ql-site .ql-link [data-ql-icon]{--ql-icon-step:3px}
#ql-site [data-ql-icon=arrowRight]{--ql-icon-move-x:var(--ql-icon-step,2px);--ql-icon-move-y:0px}
#ql-site [data-ql-icon=arrowUpRight]{--ql-icon-move-x:var(--ql-icon-step,2px);--ql-icon-move-y:calc(-1 * var(--ql-icon-step,2px))}
#ql-site [data-ql-icon=arrowDownRight]{--ql-icon-move-x:var(--ql-icon-step,2px);--ql-icon-move-y:var(--ql-icon-step,2px)}
#ql-site [data-ql-icon=arrowDown]{--ql-icon-move-x:0px;--ql-icon-move-y:var(--ql-icon-step,2px)}
#ql-site .ql-link:focus-visible [data-ql-icon]{transform:translate(var(--ql-icon-move-x,0px),var(--ql-icon-move-y,0px))}
#ql-site .ql-link .ql-arrow{font-size:19px;line-height:1}
#ql-site .ql-hero-signal{position:relative;min-width:0;padding:24px 25px 22px;border:1px solid #83cefa2a;background:linear-gradient(145deg,#18365466,#0e203433);border-radius:12px;box-shadow:inset 0 1px 0 #a2dafc18,inset 0 -1px 0 #05142240,0 18px 80px #00000014}
#ql-site .ql-signal-top{display:flex;align-items:center;justify-content:space-between;color:#a6cbe1;font-size:12px;letter-spacing:.03em;font-family:var(--ql-mono);gap:14px;min-height:32px}
#ql-site .ql-dot{width:5px;height:5px;border-radius:50%;background:#a4c9dc;display:inline-block;margin-right:10px;box-shadow:0 0 14px #add9f060}
#ql-site .ql-signal-body{position:relative;margin:15px -25px 12px;height:clamp(210px,25vw,300px);isolation:isolate}
#ql-site .ql-signal-body:before{content:"";position:absolute;inset:16% 3%;z-index:-1;background:radial-gradient(ellipse,#379add2c,transparent 68%);filter:blur(16px)}
#ql-site .ql-wave{width:100%;display:block;overflow:visible}
#ql-site .ql-brand-wave{display:block;width:100%;height:100%;overflow:hidden}
#ql-site .ql-signal-caption{border-top:1px solid #b9d1db21;padding-top:21px;color:#e4f1f9;font-size:16px;letter-spacing:.01em;display:flex;align-items:flex-start;flex-direction:column;gap:17px}
#ql-site .ql-signal-words{display:flex;gap:10px;flex-wrap:wrap;color:#b1d5ec;font-size:12px;letter-spacing:.01em;font-family:var(--ql-mono)}
#ql-site .ql-signal-words>span{border:1px solid #7ac4f03b;background:#6fbfff0a;padding:4px 9px;border-radius:3px}
#ql-site .ql-hero-bottom{display:flex;justify-content:space-between;align-items:center;padding-bottom:26px;color:#a6c2d3;font-size:13px;letter-spacing:.025em}
#ql-site .ql-hero-bottom a{min-height:44px;padding:9px 0;color:#a8c0cc;display:flex;align-items:center;gap:var(--ql-action-gap)}
/* Shared editorial rhythm */
#ql-site .ql-main{display:block}
#ql-site .ql-section{padding-block:104px}
#ql-site h2{font-size:clamp(30px,3.45vw,48px);font-weight:var(--ql-weight-medium,500);line-height:1.35;letter-spacing:-.008em;text-wrap:balance}
#ql-site[data-language=en] h2{line-height:1.16;letter-spacing:-.032em}
#ql-site .ql-section-head{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:90px;align-items:end;margin-bottom:48px}
#ql-site .ql-section-head .ql-kicker{color:var(--ql-blue);margin-bottom:18px}
#ql-site .ql-section-head p{font-size:16px;color:var(--ql-muted);line-height:1.85;max-width:405px;padding-bottom:4px;text-wrap:pretty}
/* Listening collection */
#ql-site .ql-samples{padding-bottom:56px}

/* Interaction signals: shared card baselines across both locales. */
#ql-site .ql-features{background:linear-gradient(90deg,#5288a009 1px,transparent 1px),linear-gradient(#5288a009 1px,transparent 1px),linear-gradient(125deg,#eaf0f1,#eef1ec);background-size:72px 72px,72px 72px,auto;border-block:1px solid #b7cbd633}
#ql-site .ql-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:44px;counter-reset:feature}
#ql-site .ql-feature{position:relative;min-width:0;padding-top:25px;border-top:1px solid #b9cdd5;display:flex;flex-direction:column;counter-increment:feature}
#ql-site .ql-feature-art{height:64px;flex-shrink:0;margin:0 0 25px;color:#377f9f;position:relative}
#ql-site .ql-feature-art svg{height:100%;max-width:220px;width:100%;display:block;transition:color .3s var(--ql-ease),transform .46s var(--ql-ease),filter .46s var(--ql-ease)}
#ql-site .ql-feature h3{font-size:23px;font-weight:var(--ql-weight-medium,500);line-height:1.4;letter-spacing:0;margin-bottom:14px;text-wrap:balance}
#ql-site .ql-feature p{font-size:14px;color:#526b7a;line-height:1.85;max-width:330px;flex:1;text-wrap:pretty}
#ql-site .ql-feature .ql-task{position:relative;display:block;flex-shrink:0;margin-top:25px;padding-left:12px;font-family:var(--ql-mono);font-size:12px;letter-spacing:.015em;color:#286e9e;line-height:1.65;min-height:3.3em;overflow-wrap:break-word}
#ql-site[data-language=en] .ql-feature h3{min-height:2.8em;letter-spacing:-.02em}
#ql-site[data-language=en] .ql-feature p{line-height:1.75}
#ql-site .ql-feature:after{content:"0" counter(feature);position:absolute;right:0;top:9px;font:10px/1.4 var(--ql-mono);letter-spacing:.08em;color:#7796a5}
/* Specifications */
#ql-site .ql-specs{background:linear-gradient(135deg,#e4ebee,#e9eeeb);border-bottom:1px solid #bdced633}
#ql-site .ql-specs-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:100px}
#ql-site .ql-spec-intro .ql-kicker{color:var(--ql-blue);margin-bottom:20px}
#ql-site .ql-spec-intro p{margin-top:25px;color:#526d7e;font-size:15px;line-height:1.85;max-width:345px}
#ql-site .ql-spec-intro .ql-link{color:var(--ql-blue);margin-top:22px}
#ql-site .ql-spec-table{margin:0;border-top:2px solid #6da8c0;padding-top:24px}
#ql-site .ql-spec-row{display:grid;grid-template-columns:110px 1fr;gap:30px;padding:22px 0;border-bottom:1px solid #c6d2d5;align-items:baseline}
#ql-site .ql-spec-row:first-child{padding-top:0;padding-bottom:26px}
#ql-site[data-language=en] .ql-spec-row dt{letter-spacing:.015em}
#ql-site .ql-spec-row dt{font-size:12px;color:#567184;line-height:1.6}
#ql-site .ql-spec-row dd{margin:0;font-size:14px;color:#284754;line-height:1.7}
#ql-site .ql-spec-row .ql-spec-number{font-size:36px;letter-spacing:-.025em;font-weight:var(--ql-weight-medium,500);font-variant-numeric:tabular-nums;line-height:1.3;white-space:nowrap}
#ql-site .ql-spec-separator{color:#97adb7;font-weight:var(--ql-weight-body,400);margin-inline:5px}
#ql-site .ql-spec-note{color:#596f7e;font-size:12px;margin-top:20px;line-height:1.8}
/* Research and company */
#ql-site .ql-research-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:95px}
#ql-site .ql-research-intro .ql-kicker{color:var(--ql-blue);margin-bottom:20px}
#ql-site .ql-research-intro p{font-size:15px;color:var(--ql-muted);margin-top:25px;line-height:1.85;max-width:340px}
#ql-site .ql-research-row{display:grid;grid-template-columns:1fr 40px;gap:20px;border-top:1px solid var(--ql-line);padding:25px 0 28px;position:relative;isolation:isolate}
#ql-site .ql-research-row:last-child{border-bottom:1px solid var(--ql-line)}
#ql-site .ql-research-row:before{content:"";position:absolute;inset:0 -20px;background:#e6eef1;border-radius:6px;z-index:-1;opacity:0;transform:translateY(3px);box-shadow:inset 0 1px 0 #ffffff70,inset 0 0 0 1px #b1cbd338;transition:opacity .32s var(--ql-ease),transform .36s var(--ql-ease)}
#ql-site .ql-research-row:focus-visible:before{opacity:1;transform:translateY(0)}
#ql-site .ql-research-row .ql-kicker{font-size:12px;letter-spacing:.06em;color:#567184;margin-bottom:13px}
#ql-site .ql-research-row h3{font-size:34px;font-weight:var(--ql-weight-medium,500);letter-spacing:-.025em;margin-bottom:9px;transition:color .28s var(--ql-ease)}
#ql-site .ql-research-row p{font-size:15px;line-height:1.85;color:#526d7c;max-width:420px}
#ql-site .ql-research-row .ql-arrow{font-size:22px;color:#547b8c;align-self:center;border:1px solid #cfdbd7;border-radius:50%;width:38px;height:38px;display:grid;place-items:center;opacity:.8;transition:transform .32s var(--ql-ease),opacity .24s var(--ql-ease),background .24s var(--ql-ease),border-color .24s var(--ql-ease),box-shadow .32s var(--ql-ease)}
#ql-site .ql-research-row:focus-visible .ql-arrow{opacity:1;transform:translate(2px,-2px);background:#dcebf2;border-color:#9bbfcf;box-shadow:0 3px 10px #16475c0b}
#ql-site .ql-research-row:focus-visible h3{color:#245e7c}
#ql-site .ql-research-foot{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:35px;font-size:12px;color:#657986}
#ql-site .ql-research-foot .ql-link{color:var(--ql-blue);padding:10px 16px;border:1px solid #b9ccd7;border-radius:5px;background:#e8eff2;font-weight:var(--ql-weight-medium,500);font-size:13px;white-space:nowrap}
#ql-site .ql-about{border-top:1px solid var(--ql-line);padding-block:74px}
#ql-site .ql-about-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);gap:95px;align-items:start}
#ql-site .ql-about .ql-kicker{color:var(--ql-blue);margin-bottom:19px}
#ql-site .ql-about h2{font-size:34px;line-height:1.35}
#ql-site .ql-about p{font-size:15px;color:var(--ql-muted);line-height:1.85;max-width:490px}
#ql-site .ql-about .ql-link{color:var(--ql-blue);margin-top:17px}
/* Contact */
#ql-site .ql-contact{background:radial-gradient(ellipse at 0 0,#24578066,transparent 55%),var(--ql-ink);color:#edf1ef;padding-bottom:34px;position:relative;isolation:isolate}
#ql-site .ql-contact-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);gap:105px}
#ql-site .ql-contact .ql-kicker{color:#91b4c4;margin-bottom:25px}
#ql-site .ql-contact h2{font-size:clamp(34px,3.7vw,52px);line-height:1.3;letter-spacing:-.008em}
#ql-site[data-language=en] .ql-contact h2{font-size:clamp(32px,3.5vw,48px);line-height:1.16;letter-spacing:-.032em;max-width:15ch;text-wrap:balance}
#ql-site .ql-contact p{font-size:15px;color:#b3c8d6;line-height:1.85;margin-top:25px;max-width:385px}
#ql-site .ql-contact-email{display:inline-flex;align-items:center;gap:.35em;font-size:22px;margin-top:0;border-bottom:1px solid #62808c;padding-bottom:5px;letter-spacing:-.025em}
#ql-site .ql-email-contact-row{position:relative;display:flex;align-items:center;gap:10px;margin-top:38px;width:fit-content;max-width:100%}
#ql-site .ql-copy-address{display:grid;place-items:center;flex-shrink:0;width:44px;height:44px;border-radius:50%;border:1px solid #8db9d325;background:linear-gradient(145deg,#ffffff08,#ffffff01);color:#a4c7db;transition:background .2s,border-color .2s,transform .2s}
#ql-site .ql-copy-address:hover,#ql-site .ql-copy-address:focus-visible{background:#badfff12;border-color:#9ed1eb70;color:#e2f4ff}
#ql-site .ql-copy-address:active{transform:scale(.95)}
#ql-site .ql-copy-address svg{grid-area:1/1}
#ql-site .ql-copy-check{display:none}
#ql-site .ql-copy-address.copied .ql-copy-glyph{display:none}
#ql-site .ql-copy-address.copied .ql-copy-check{display:block}
#ql-site .ql-copy-address.copied{border-color:#9bd5c370;color:#b4e8d7}
#ql-site .ql-address-status{position:absolute;bottom:calc(100% + 7px);right:0;color:#b4e8d7;font-size:12px;white-space:nowrap;pointer-events:none}
#ql-site .ql-address-fallback{max-width:100%;margin-top:8px;border:1px solid #7197ad;padding:9px 12px;border-radius:6px;color:#e3f1f8;background:#122b3d;font-size:16px}
#ql-site .ql-contact-email:focus-visible{color:#c8e8f8;border-color:#94cadf}
#ql-site .ql-contact-wechat{color:#a3bdca;font-size:12px;margin-top:14px}
#ql-site .ql-form{min-width:0;display:grid;grid-template-columns:1fr 1fr;gap:23px}
#ql-site .ql-field{font-size:12px;color:#9eb7c4;letter-spacing:.03em;transition:color .24s var(--ql-ease)}
#ql-site .ql-field:focus-within{color:#d6ebf7}
#ql-site .ql-field input,#ql-site .ql-field textarea{border:0;border-bottom:1px solid #58728070;border-radius:0;padding:12px 0;background:linear-gradient(90deg,#b9e7ff,#6bb3db) no-repeat left bottom / 0 1px;color:#edf1ef;width:100%;outline-offset:4px;line-height:1.7;font-size:14px;caret-color:#a7dcf6;transition:border-color .24s var(--ql-ease),background-size .32s var(--ql-ease),box-shadow .32s var(--ql-ease)}
#ql-site .ql-field input:focus,#ql-site .ql-field textarea:focus{border-color:#a3c7d55c;background-size:100% 1px;box-shadow:0 5px 12px -10px #99d8ff45}
#ql-site .ql-field textarea{min-height:90px;resize:vertical}
#ql-site .ql-field input::placeholder,#ql-site .ql-field textarea::placeholder{color:#94aabd}
#ql-site .ql-field-wide{grid-column:1/-1}
#ql-site .ql-submit-row{grid-column:1/-1;display:flex;align-items:center;gap:15px;flex-wrap:wrap}
#ql-site .ql-form .ql-form-note{grid-column:1/-1;color:#a0b5c5;font-size:12px;line-height:1.7;margin:0;max-width:100%}
#ql-site .ql-process{margin-top:70px;padding-top:28px;border-top:1px solid #ffffff1a;display:grid;grid-template-columns:repeat(4,1fr);gap:22px;color:#91adbc;font-size:12px;letter-spacing:.02em}
#ql-site .ql-process>span{display:flex;gap:17px;align-items:baseline}
#ql-site .ql-process b{font-family:var(--ql-mono);font-weight:var(--ql-weight-body,400);color:#78a6bf;font-size:11px;letter-spacing:.04em}
#ql-site .ql-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;border-top:1px solid #ffffff12;margin-top:46px;padding-top:28px;font-size:12px;color:#a1b7c6;letter-spacing:.03em}
#ql-site .ql-footer-logo{width:119px;height:auto;opacity:.8;display:block}
/* Inquiry draft */
#ql-site .ql-email-dialog{max-width:640px;width:calc(100% - 40px);max-height:calc(100dvh - 48px);background:var(--ql-paper);color:var(--ql-text);border:1px solid #d4ddda;padding:40px;border-radius:16px;box-shadow:0 20px 100px #08141b40}
#ql-site .ql-email-dialog::backdrop{background:#091922b5;backdrop-filter:blur(8px)}
#ql-site .ql-email-dialog .ql-kicker{color:var(--ql-blue);margin-bottom:16px}
#ql-site .ql-email-dialog h2{font-size:30px;line-height:1.25}
#ql-site .ql-email-dialog p{font-size:14px;color:var(--ql-muted);margin-top:16px}
#ql-site .ql-dialog-close{display:grid;place-items:center;padding:0;position:absolute;right:14px;top:8px;width:44px;height:44px;font-size:28px;line-height:1}
#ql-site .ql-email-body{width:100%;height:230px;resize:vertical;background:#fffdf9;border:1px solid #d5dddb;padding:16px;font-size:14px;line-height:1.75;color:var(--ql-text);margin-top:22px;border-radius:8px}
#ql-site .ql-dialog-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px;margin-top:20px}
#ql-site .ql-primary-dark{background:var(--ql-ink);color:#edf1ef;box-shadow:inset 0 1px 0 #ffffff16,inset 0 -1px 0 #0000002b,0 2px 6px #0000000a}
#ql-site :is(a,button).ql-primary-dark:focus-visible{background:#203a4c;color:#edf1ef}
#ql-site .ql-primary-dark:before{background:linear-gradient(180deg,#ffffff0c,transparent 55%)}
#ql-site .ql-email-status{min-height:22px}
/* Locale-specific composition */
#ql-site[data-language=en] .ql-research{background:#eef0e9}
#ql-site[data-language=en] .ql-contact-wechat{display:none}
/* Motion: short, one-shot entrances; audio feedback follows actual playback. */
#ql-site [data-reveal]{transition:opacity .75s ease,transform .75s cubic-bezier(.2,.75,.25,1)}
#ql-site [data-reveal=pending]{opacity:0;transform:translateY(22px)}
#ql-site [data-reveal=visible]{opacity:1;transform:none}

/* Technical accents and readable supporting information. */
#ql-site .ql-top:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#71b7e007 1px,transparent 1px),linear-gradient(90deg,#71b7e007 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(90deg,transparent 30%,#000 100%)}
#ql-site .ql-contact:before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:linear-gradient(#78bfe108 1px,transparent 1px),linear-gradient(90deg,#78bfe108 1px,transparent 1px);background-size:80px 80px;mask-image:linear-gradient(125deg,transparent 10%,#000 100%)}
#ql-site[data-language=zh] .ql-kicker{text-transform:none}
#ql-site .ql-primary:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 1px 2px #12283d12;transition-duration:.1s}
#ql-site .ql-primary:active:before{opacity:.2}
#ql-site .ql-locale a:active:before{background:#bcdeef1b;opacity:1}
#ql-site .ql-nav-contact:active{background:#ffffff12;transition-duration:.1s}
#ql-site .ql-kicker:before{content:"";display:block;flex-shrink:0;width:6px;height:6px;background:var(--ql-blue);box-shadow:5px -5px 0 -1px #63b9e543}
#ql-site .ql-top .ql-kicker:before,#ql-site .ql-contact .ql-kicker:before{background:#83cefa;box-shadow:5px -5px 0 -1px #83cefa45}
#ql-site .ql-signal-code{font-size:11px;letter-spacing:.08em;color:#73b8e2;white-space:nowrap}
#ql-site .ql-hero-signal:before,#ql-site .ql-hero-signal:after{content:"";position:absolute;width:16px;height:16px;pointer-events:none;border-color:#90d7ff;border-style:solid;opacity:.8}
#ql-site .ql-hero-signal:before{top:-1px;left:-1px;border-width:1px 0 0 1px;border-radius:12px 0 0 0}
#ql-site .ql-hero-signal:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0;border-radius:0 0 12px 0}

#ql-site .ql-resource-label{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:var(--ql-weight-medium,500);line-height:1.7;color:#286e9e;margin-top:17px}
#ql-site .ql-resource-label:before{content:"";width:5px;height:5px;border:1px solid #4d9ccc}
#ql-site .ql-research-foot>span{line-height:1.8}
#ql-site .ql-footer>span:first-of-type{color:#b2d2e5;font-size:13px}
#ql-site .ql-hero-bottom>span{display:flex;align-items:center;gap:12px}
#ql-site .ql-hero-bottom>span:before{content:"";width:22px;height:1px;background:#62b5e8}

/* Locale typography and the measured motion vocabulary. */
#ql-site[data-language=zh] .ql-kicker{letter-spacing:.065em;font-family:var(--ql-sans);font-weight:var(--ql-weight-medium,500)}
#ql-site[data-language=zh] .ql-hero-copy>.ql-kicker{letter-spacing:.025em}
#ql-site[data-language=zh] .ql-signal-top,
#ql-site[data-language=zh] .ql-signal-words{font-family:var(--ql-sans);letter-spacing:.035em}

#ql-site[data-language=en] .ql-section-head p,
#ql-site[data-language=en] .ql-spec-intro p,
#ql-site[data-language=en] .ql-research-intro p,
#ql-site[data-language=en] .ql-about p{line-height:1.75}
#ql-site .ql-feature:before{content:"";position:absolute;top:-1px;left:0;width:36px;height:2px;background:#55abd4;transform-origin:left;transition:transform .44s var(--ql-ease)}
#ql-site .ql-feature .ql-task:before{content:"";position:absolute;left:0;top:.16em;width:2px;height:1.35em;background:#55abd4}
#ql-site .ql-signal-controls{display:flex;align-items:center;gap:12px;flex-shrink:0}
#ql-site .ql-motion-toggle{display:grid;place-items:center;width:32px;height:32px;min-width:32px;border:1px solid #8ec9e52b;border-radius:50%;color:#a8d1e6;padding:0}
#ql-site .ql-motion-toggle:focus-visible{background:#8fd5ff12;border-color:#8ec9e576;color:#e5f7ff}
#ql-site .ql-motion-toggle>span{width:8px;height:10px;border-left:2px solid currentColor;border-right:2px solid currentColor}
#ql-site .ql-motion-toggle[aria-pressed=true]>span{width:0;height:0;border:5px solid transparent;border-right:0;border-left:7px solid currentColor;margin-left:2px}
#ql-site .ql-motion-toggle:disabled{opacity:.4;cursor:default}
#ql-site .ql-signal-body:before{animation:ql-signal-breathe 7s ease-in-out infinite alternate;animation-play-state:paused}
#ql-site .ql-signal-body[data-motion=running]:before{animation-play-state:running}
@keyframes ql-signal-breathe{
 from{opacity:.55;transform:translate3d(-3%,2%,0) scale(.92)}
 to{opacity:1;transform:translate3d(3%,-2%,0) scale(1.06)}
}

/* Hover feedback belongs to precise pointers; keyboard focus remains explicit above. */
@media(hover:hover) and (pointer:fine){
  #ql-site .ql-nav a:hover{color:#fff}
  #ql-site .ql-nav a:hover:after{opacity:1;transform:scaleX(1)}
  #ql-site .ql-locale a:hover{color:#e4f2fa}
  #ql-site .ql-locale a:hover:before{opacity:1;background:#bcdeef13;border-color:#bedff51a}
  #ql-site .ql-nav-contact:hover{border-color:#a4c8dc8c;background:#ffffff09;box-shadow:inset 0 1px 0 #ffffff0a}
  #ql-site .ql-primary:hover{background:#f5f9f7;transform:translateY(-1px);box-shadow:inset 0 1px 0 #ffffffb3,inset 0 -1px 0 #18344a14,0 5px 16px #00000018}
  #ql-site .ql-primary:hover:not(:active):before{opacity:1}
  /* Compensate the button's 1 px lift so arrows travel along their own bearing. */
  #ql-site .ql-primary:hover [data-ql-icon]{transform:translate(var(--ql-icon-move-x,0px),calc(var(--ql-icon-move-y,0px) + var(--ql-icon-parent-y,0px)))}
  #ql-site .ql-primary-dark:hover{background:#203a4c;box-shadow:inset 0 1px 0 #ffffff24,inset 0 -1px 0 #00000020,0 5px 16px #00000016}
  #ql-site .ql-primary:active{transform:translateY(1px) scale(.985);box-shadow:inset 0 1px 2px #12283d12}
  #ql-site .ql-primary:active [data-ql-icon]{transform:none}
  #ql-site .ql-link:hover [data-ql-icon]{transform:translate(var(--ql-icon-move-x,0px),var(--ql-icon-move-y,0px))}
  #ql-site .ql-research-row:hover{border-color:#aec8d4}
  #ql-site .ql-research-row:hover:before{opacity:1;transform:translateY(0)}
  #ql-site .ql-research-row:hover h3{color:#245e7c}
  #ql-site .ql-research-row:hover .ql-arrow{opacity:1;transform:translate(2px,-2px);background:#dcebf2;border-color:#9bbfcf;box-shadow:0 3px 10px #16475c0b}
  #ql-site .ql-feature:hover:before{transform:scaleX(1.5)}
  #ql-site .ql-feature:hover .ql-feature-art svg{color:#217cad;transform:translateY(-2px);filter:drop-shadow(0 4px 6px #4386a20c)}
  #ql-site .ql-contact-email:hover{color:#c8e8f8;border-color:#94cadf}
  #ql-site .ql-field:hover input:not(:focus),#ql-site .ql-field:hover textarea:not(:focus){border-color:#799bad99}
  #ql-site .ql-motion-toggle:hover{background:#8fd5ff12;border-color:#8ec9e576;color:#e5f7ff}
}

/* Responsive composition. */
@media(max-width:1100px){
  #ql-site .ql-header{gap:19px}
  #ql-site .ql-hero{gap:32px}
  #ql-site .ql-section-head{gap:45px}
  #ql-site .ql-nav{gap:18px}
  #ql-site .ql-nav .ql-nav-mobile-contact{display:flex}
  #ql-site .ql-nav-contact{display:none}
  #ql-site .ql-specs-grid,#ql-site .ql-contact-grid{gap:60px}
  #ql-site .ql-research-grid,#ql-site .ql-about-grid{gap:60px}
  #ql-site .ql-spec-row{grid-template-columns:90px 1fr;gap:20px}
  #ql-site .ql-spec-row .ql-spec-number{font-size:30px}
  #ql-site .ql-hero-signal{padding:20px}
  #ql-site .ql-signal-body{margin:12px -20px}
  #ql-site .ql-signal-code{display:none}
  #ql-site .ql-signal-caption{font-size:15px}
  #ql-site .ql-signal-words{gap:8px}
}
@media(max-width:760px){
  html{scroll-padding-top:96px}
  #ql-site .ql-header{min-height:76px;gap:16px;justify-content:space-between}
  #ql-site .ql-logo{width:140px}
  #ql-site .ql-locale{margin-left:auto;order:2;font-size:12px;gap:1px}
  #ql-site .ql-locale a{min-width:44px}
  #ql-site .ql-nav{display:none;order:4}
  #ql-site .ql-menu-toggle{display:flex;align-items:center;justify-content:center;gap:9px;font-size:12px;min-width:44px;min-height:44px;padding:0;order:3;flex-shrink:0}
  #ql-site .ql-menu-mark{width:17px;height:8px;border-top:1px solid #b4c8d3;border-bottom:1px solid #b4c8d3;transition:transform .2s}
  #ql-site.menu-open .ql-menu-mark{transform:rotate(90deg)}
  #ql-site.menu-open .ql-nav{display:flex;position:absolute;left:0;right:0;top:76px;padding:14px 24px 23px;background:var(--ql-ink);border-top:1px solid #ffffff18;border-bottom:1px solid #ffffff20;flex-direction:column;align-items:stretch;gap:0;margin:0}
  #ql-site .ql-nav a{padding:13px 0;font-size:15px}
  #ql-site .ql-nav a:after{display:none}
  #ql-site .ql-nav .ql-nav-mobile-contact{display:flex}
  #ql-site .ql-hero{grid-template-columns:1fr;gap:36px;min-height:0;padding-top:58px;padding-bottom:30px}
  #ql-site h1{font-size:clamp(37px,8.1vw,57px);line-height:1.28;letter-spacing:-.015em}
  #ql-site[data-language=en] h1{font-size:clamp(42px,9.5vw,65px);line-height:1.05}
  #ql-site .ql-hero-copy>.ql-kicker{font-size:13px;margin-bottom:23px}
  #ql-site .ql-hero-copy>.ql-body,#ql-site[data-language=en] .ql-hero-copy>.ql-body{font-size:16px;max-width:485px;margin-top:23px}
  #ql-site .ql-actions{margin-top:28px;gap:22px}
  #ql-site .ql-primary{padding:13px 20px;font-size:12px}
  #ql-site .ql-link{font-size:12px}
  #ql-site .ql-signal-top{font-size:11px;letter-spacing:0;min-height:36px}
  #ql-site .ql-signal-body{margin:8px -20px;height:clamp(190px,55vw,260px)}
  #ql-site .ql-signal-caption{padding-top:16px;font-size:15px;gap:14px}
  #ql-site .ql-signal-words{font-size:12px;gap:8px}
  #ql-site .ql-signal-words>span{padding:4px 8px}
  #ql-site .ql-hero-bottom{font-size:12px;padding-bottom:15px;gap:18px}
  #ql-site .ql-section{padding-block:68px}
  #ql-site h2{font-size:34px;line-height:1.35}
  #ql-site .ql-section-head{grid-template-columns:1fr;gap:22px;margin-bottom:32px}
  #ql-site .ql-section-head .ql-kicker{font-size:12px;margin-bottom:15px}
  #ql-site .ql-section-head p{font-size:15px;max-width:500px}
  #ql-site .ql-samples{padding-bottom:35px}
  #ql-site .ql-feature-grid{grid-template-columns:1fr;gap:30px}
  #ql-site .ql-feature{padding-top:23px}
  #ql-site .ql-feature-art{height:54px;margin-bottom:15px}
  #ql-site .ql-feature h3{font-size:22px}
  #ql-site .ql-feature p{max-width:100%;flex:initial}
  #ql-site .ql-feature .ql-task{min-height:0;font-size:11px;margin-top:19px}
  #ql-site .ql-specs-grid,#ql-site .ql-research-grid,#ql-site .ql-contact-grid,#ql-site .ql-about-grid{grid-template-columns:1fr;gap:38px}
  #ql-site .ql-spec-intro p,#ql-site .ql-research-intro p{max-width:500px;font-size:14px}
  #ql-site .ql-spec-row{grid-template-columns:85px 1fr;gap:20px;padding-block:19px}
  #ql-site .ql-spec-row .ql-spec-number{font-size:32px}
  #ql-site .ql-spec-row dt{font-size:12px}
  #ql-site .ql-spec-row dd{font-size:14px}
  #ql-site .ql-spec-note{font-size:12px}
  #ql-site .ql-research-row{padding-block:23px}
  #ql-site .ql-research-row h3{font-size:31px}
  #ql-site .ql-research-row p{font-size:14px}
  #ql-site .ql-research-foot{align-items:flex-start;flex-direction:column;gap:10px;font-size:12px;margin-top:24px}
  #ql-site .ql-about-grid{gap:25px}
  #ql-site .ql-about h2{font-size:30px}
  #ql-site .ql-about p{font-size:14px}
  #ql-site .ql-contact h2{font-size:36px}
  #ql-site[data-language=en] .ql-contact h2{font-size:37px;max-width:16ch}
  #ql-site .ql-contact p{font-size:14px;max-width:460px}
  #ql-site .ql-email-contact-row{margin-top:25px}
  #ql-site .ql-contact-email{font-size:22px}
  #ql-site .ql-form{gap:22px}
  #ql-site .ql-field input,#ql-site .ql-field textarea{font-size:16px}
  #ql-site .ql-process{grid-template-columns:1fr 1fr;gap:23px;margin-top:45px;font-size:12px}
  #ql-site .ql-process>span{gap:13px}
  #ql-site .ql-footer{flex-wrap:wrap;gap:15px;font-size:12px;margin-top:35px}
  #ql-site .ql-footer-logo{width:110px}
  #ql-site .ql-footer>span:last-child{margin-left:auto}
  #ql-site .ql-email-dialog{padding:34px 24px 24px}
  #ql-site .ql-email-body{font-size:16px}
  #ql-site .ql-spec-table{padding-top:20px}
  #ql-site .ql-hero-signal{padding:20px}
  #ql-site .ql-signal-code{display:inline;font-size:11px}
  #ql-site .ql-contact .ql-field{font-size:13px}
  #ql-site .ql-footer>span:first-of-type{font-size:12px}
  #ql-site[data-language=en] .ql-feature h3{min-height:0}
  #ql-site .ql-motion-toggle{width:36px;height:36px;min-width:36px}
  #ql-site .ql-signal-controls{gap:8px}
}
@media(max-width:380px){
  #ql-site .ql-wrap{padding-inline:20px}
  #ql-site .ql-header{gap:5px}
  #ql-site .ql-logo{width:123px}
  #ql-site .ql-locale a{min-width:44px}
  #ql-site .ql-menu-toggle>span:first-child{display:none}
  #ql-site .ql-hero-bottom{font-size:12px;align-items:flex-start;flex-direction:column;gap:6px}
  #ql-site .ql-spec-row{grid-template-columns:75px 1fr;gap:14px}
  #ql-site .ql-spec-row .ql-spec-number{font-size:25px}
  #ql-site .ql-spec-separator{margin-inline:2px}
  #ql-site .ql-signal-caption{font-size:14px;gap:12px}
  #ql-site .ql-signal-words{gap:6px;font-size:11px}
  #ql-site .ql-signal-words>span{padding:4px 7px}
  #ql-site h2{font-size:30px}
  #ql-site .ql-contact h2,#ql-site[data-language=en] .ql-contact h2{font-size:32px}
  #ql-site .ql-form{grid-template-columns:1fr;gap:20px}
  #ql-site .ql-contact-email{font-size:18px;overflow-wrap:anywhere}
  #ql-site .ql-email-contact-row{gap:6px}
  #ql-site .ql-kicker{font-size:11px}
  #ql-site .ql-signal-code{display:none}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  #ql-site *,#ql-site *:before,#ql-site *:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  #ql-site [data-reveal]{opacity:1!important;transform:none!important}
  #ql-site .ql-primary:hover,#ql-site .ql-primary:active,#ql-site .ql-primary:hover>span:last-child[aria-hidden],#ql-site .ql-link:hover>span:last-child,#ql-site .ql-link:focus-visible>span:last-child,#ql-site .ql-research-row .ql-arrow,#ql-site .ql-research-row:before,#ql-site .ql-feature:hover .ql-feature-art svg{transform:none!important}
  #ql-site :is(.ql-primary,.ql-link) [data-ql-icon]{transform:none!important}
}

/* Replaceable typography roles and semantic SVG slots; controls retain their DOM. */
#ql-site #ql-main :is(h1,h2,h3),#ql-site #email-heading{font-family:var(--ql-font-heading,var(--ql-sans)),var(--ql-sans);font-weight:var(--ql-weight-heading,500)}
#ql-site[data-language=en] #ql-main :is(h1,h2,h3),#ql-site[data-language=en] #email-heading{font-family:var(--ql-font-heading-latin,var(--ql-font-latin,var(--ql-sans))),var(--ql-font-heading,var(--ql-sans)),var(--ql-sans);font-weight:var(--ql-weight-heading-latin,var(--ql-weight-heading,500))}
.ql-icon{display:block;width:1em;height:1em;flex:none}
.ql-copy-parts{display:inline-flex;align-items:baseline;flex-wrap:wrap;gap:0 8px}
[data-ql-icon]:not(svg){display:inline-flex;align-items:center;justify-content:center;flex:none;line-height:1}
#ql-site :is(.ql-primary,.ql-link,.close-button,#feature-download)>span[aria-hidden]{display:inline-flex;align-items:center;justify-content:center;line-height:1}
#ql-site .ql-arrow .ql-icon{width:19px;height:19px}
#ql-site .ql-nav-contact,#ql-site .ql-nav-mobile-contact{align-items:center;gap:6px}
#ql-site .ql-primary [data-ql-icon] .ql-icon{width:18px;height:18px}
#ql-site .ql-motion-toggle>[data-ql-icon]{width:16px;height:16px;border:0;margin:0}
#ql-site .ql-motion-toggle>[data-ql-icon] .ql-icon{width:16px;height:16px}
#ql-site .ql-menu-mark[data-ql-icon]{width:20px;height:20px;border:0}
#ql-site .ql-menu-mark[data-ql-icon]:before,#ql-site .ql-menu-mark[data-ql-icon]:after{display:none}
#ql-site .ql-menu-mark .ql-icon{width:20px;height:20px}
#ql-site .ql-dialog-close .ql-icon{width:22px;height:22px}
#ql-site .ql-copy-address .ql-icon{width:18px;height:18px}
#ql-site .ql-spec-number{font-weight:var(--ql-weight-numeric,400);font-family:var(--ql-font-numeric,var(--ql-sans));font-variant-numeric:lining-nums tabular-nums}