/* Website v7. One black/purple visual system; no legacy homepage layout. */
:root { color-scheme:dark; background:#08060d; scroll-behavior:smooth; scroll-padding-top:30px; }
body { margin:0; background:#08060d; color:#f2ecfa; --surface:#17101f; --border:#3c2b4c; --text:#f2ecfa; --accent:#c494f0; }
#lq-site { --site-bg:#08060d; --site-paper:#140d1d; --site-ink:#f2ecfa; --site-muted:#ab9ab9; --site-line:#2e213b; --site-brand:#c494f0; --site-soft:#251634; --site-on:#170c25; --site-blue:#cb9ef0; --site-green:#c6a0e4; --site-hover:#301d42; --site-shade:#1c1227; --site-width:1230px; --site-gutter:clamp(22px,6vw,100px); font:16px/1.7 "Alibaba PuHuiTi",system-ui,sans-serif; color:var(--site-ink); background:var(--site-bg); overflow:clip; }
#lq-site * { box-sizing:border-box; }
#lq-site :is(h1,h2,h3,p,figure) { margin:0; }
#lq-site h1,#lq-site h2 { font-weight:400; line-height:1.2; letter-spacing:-.055em; }
#lq-site h2 { font-size:clamp(30px,3.5vw,50px); }
#lq-site h3 { font-weight:400; font-size:23px; line-height:1.5; }
#lq-site em { font-style:normal; color:#aa8dbf; }
#lq-site a { color:inherit; text-decoration:none; }
#lq-site button { font:inherit; color:inherit; cursor:pointer; }
#lq-site :is(button,a,summary):focus-visible { outline:2px solid #d4a6fa; outline-offset:5px; }
#lq-site button:disabled { cursor:not-allowed; opacity:.48; transform:none; }
#lq-site [hidden] { display:none!important; }
#lq-site img { -webkit-user-drag:none; user-select:none; }
#lq-site button,#lq-site nav { user-select:none; }
#lq-site .st-skip { position:fixed; top:15px; left:15px; z-index:100; padding:12px 18px; background:#c494f0; color:#1b0d25; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); }
#lq-site .st-skip:focus { width:auto; height:auto; overflow:visible; clip-path:none; }
#lq-site .st-page { min-height:100svh; }
#lq-site .st-nav { display:flex; align-items:center; justify-content:space-between; gap:24px; max-width:calc(var(--site-width) + 2 * var(--site-gutter)); margin:auto; padding:27px var(--site-gutter); position:relative; z-index:20; }
#lq-site .st-nav::after { content:""; position:absolute; left:var(--site-gutter); right:var(--site-gutter); bottom:0; height:1px; background:linear-gradient(90deg,#42314e66,#32223b55); }
#lq-site .st-brand { display:inline-flex; align-items:center; gap:10px; font-size:26px; line-height:1.4; font-weight:700; letter-spacing:-.04em; flex:none; }
#lq-site .st-brand img { width:29px; height:29px; object-fit:contain; border:0; background:none; border-radius:0; }
#lq-site .st-nav-links { display:flex; flex-wrap:wrap; align-items:center; justify-content:flex-end; gap:26px; min-width:0; }
#lq-site .st-nav-links>a { font-size:14px; min-height:40px; display:inline-flex; align-items:center; gap:10px; color:#c3b5d0; transition:color .2s; }
#lq-site .st-nav-links>a:hover { color:#f0dbff; }
#lq-site .st-nav-links>a.v7-nav-download { padding:6px 20px; border:1px solid #55405f; border-radius:30px; }
#lq-site .st-nav-links>a.v7-nav-download:hover { background:#22142d; border-color:#bf8ce9; }
#lq-site .st-nav-links>a.v7-nav-web { padding:7px 19px; min-height:41px; border:1px solid #9362b7; border-radius:30px; background:#382047; color:#f0dcff; box-shadow:inset 0 1px 0 #ecd2ff0e; }
#lq-site .st-nav-links>a.v7-nav-web:hover { background:#4b2b60; border-color:#d0a1f1; color:#fff2ff; }
#lq-site .v7-nav-download svg { width:14px; height:14px; fill:none; stroke:currentColor; stroke-width:1.5; }
#lq-site .v7-nav-toggle { display:none; border:1px solid #493355; background:#160e1e; width:44px; height:44px; padding:12px; border-radius:50%; flex:none; }
#lq-site .v7-nav-toggle span { display:block; width:18px; height:1px; margin:5px 0; background:currentColor; transition:transform .2s; }
#lq-site .v7-nav-toggle[aria-expanded=true] span:first-child { transform:translateY(3px) rotate(45deg); }
#lq-site .v7-nav-toggle[aria-expanded=true] span:last-child { transform:translateY(-3px) rotate(-45deg); }
#lq-site [data-language-picker]>.lb-language-trigger { min-height:40px; min-width:0; padding:7px 0; font-size:13px; background:none; color:#c3b5d0; border:0; border-radius:0; }
body>.lb-language-menu { background:#17101f!important; color:#eadff3!important; border-color:#493355!important; }
body>.lb-language-menu>button { min-height:44px; font-size:14px; }
body>.lb-language-menu>button:hover { background:#2d1c3c!important; border-color:#493355!important; }
body>.lb-language-menu>button[aria-selected=true] { background:#382348!important; border-color:#68417d!important; color:#edccff!important; }
#lq-site .st-btn { display:inline-flex; align-items:center; justify-content:center; gap:36px; min-height:50px; padding:12px 24px; border:1px solid #624675; border-radius:5px; background:#1b1126; color:#e9d5fa; font-size:15px; line-height:1.5; transition:background .2s,box-shadow .2s,transform .2s; }
#lq-site .st-btn svg { width:18px; height:18px; fill:none; stroke:currentColor; stroke-width:1.5; flex:none; }
#lq-site .st-btn.primary { color:#1a0b26; background:#bd83ef; border-color:#bd83ef; box-shadow:0 4px 28px #a157d523; }
#lq-site .st-btn.primary:hover { background:#d09aff; box-shadow:0 6px 35px #b76ae847; transform:translateY(-2px); }
#lq-site .st-btn.primary:active { background:#b276e0; transform:none; }
#lq-site .st-btn:not(.primary):hover { background:#2b1939; border-color:#bd83ef; }
#lq-site .v7-hero { isolation:isolate; position:relative; min-height:min(870px,calc(100svh - 96px)); background:radial-gradient(ellipse at 70% 62%,#32134549,transparent 61%); }
#lq-site [data-flow-canvas] { position:absolute; inset:0; z-index:-1; width:100%; height:100%; pointer-events:none; }
#lq-site .v7-hero-inner { position:relative; max-width:calc(var(--site-width) + 2 * var(--site-gutter)); min-height:760px; height:calc(100svh - 174px); max-height:790px; margin:auto; padding:95px var(--site-gutter) 100px; }
#lq-site .v7-hero-copy { position:relative; z-index:3; pointer-events:none; max-width:600px; }
#lq-site .v7-hero-copy a { pointer-events:auto; }
#lq-site .v7-hero h1 { font-size:clamp(60px,7.1vw,106px); line-height:1.12; font-weight:400; letter-spacing:-.065em; }
#lq-site .v7-gradient-text { background:linear-gradient(110deg,#ebdcfa,#ba79ef); background-clip:text; -webkit-background-clip:text; color:transparent; }
#lq-site .v7-hero-lead { font-size:16px; margin-top:30px; line-height:1.9; color:#b7a5c5; max-width:450px; }
#lq-site .v7-hero-access { font-size:14px; margin-top:16px; line-height:1.7; color:#b7a5c5; max-width:450px; }
#lq-site .v7-hero-actions { display:flex; margin-top:27px; }
#lq-site .v7-hero-actions .v7-hero-web { display:none; }
#lq-site .v7-hero-bottom { position:relative; z-index:3; max-width:calc(var(--site-width) + 2 * var(--site-gutter)); margin:auto; padding:10px var(--site-gutter) 30px; display:flex; align-items:center; justify-content:space-between; gap:20px; }
#lq-site .v7-hero-bottom a,#lq-site [data-motion-toggle] { display:inline-flex; align-items:center; gap:8px; font-size:12px; color:#a891bb; min-height:36px; }
#lq-site [data-motion-toggle] { border:1px solid #3d294e; border-radius:30px; background:#140d1da6; padding:6px 14px; backdrop-filter:blur(10px); }
#lq-site [data-motion-toggle]:hover:not(:disabled) { color:#e1b7ff; border-color:#a26cc7; }
#lq-site .v7-experience { border-block:1px solid #281c32; padding:95px 0 70px; background:radial-gradient(ellipse at 50% 59%,#32144036,transparent 62%),#0b0711; }
#lq-site .v7-section-heading { max-width:calc(var(--site-width) + 2 * var(--site-gutter)); margin:auto; padding:0 var(--site-gutter); display:flex; align-items:flex-end; justify-content:space-between; gap:32px; }
#lq-site .v7-section-heading h2 { font-size:clamp(30px,3.7vw,52px); line-height:1.25; }
#lq-site .v7-section-heading p { font-size:14px; color:#9f87b3; line-height:1.9; flex:none; }
#lq-site .v7-carousel { --radius:490px; position:relative; perspective:1550px; height:445px; overflow:clip; width:100%; margin:38px auto 0; isolation:isolate; touch-action:pan-y; }
#lq-site .v7-carousel-ring { position:absolute; top:50%; left:50%; width:0; height:0; transform-style:preserve-3d; transform:translateZ(calc(-1 * var(--radius))) rotateX(-7deg) rotateY(var(--rotation,0deg)); transition:transform 1.25s cubic-bezier(.22,.68,.12,1); }
#lq-site .v7-orbit-card { position:absolute; width:300px; height:310px; left:-150px; top:-155px; border:1px solid #654179; border-radius:18px; background:linear-gradient(135deg,#271a34f5,#130c1df5 75%); box-shadow:inset 0 1px 0 #e9c4ff14,0 12px 55px #07030b77; transform:rotateY(calc(var(--card-index) * 45deg)) translateZ(var(--radius)); backface-visibility:hidden; overflow:hidden; cursor:pointer; transition:border-color .4s,box-shadow .4s; }
#lq-site .v7-orbit-card[data-active] { border-color:#bd80e8; box-shadow:inset 0 1px 0 #e9c4ff26,0 0 40px #a45add26,0 28px 45px #0007; }
#lq-site .v7-orbit-card::before { content:""; position:absolute; inset:0; background:linear-gradient(110deg,transparent 28%,#c08ee50b 48%,transparent 68%); pointer-events:none; }
#lq-site .v7-feature-visual { height:230px; position:relative; overflow:hidden; }
#lq-site .v7-card-caption { display:flex; align-items:center; gap:17px; padding:16px 25px 22px; font-size:23px; color:#e6d7f0; }
#lq-site .v7-card-caption>span:first-child { color:#9670ab; font-size:10px; letter-spacing:1px; }
#lq-site .v7-carousel-floor { position:absolute; width:min(980px,92%); height:170px; border:1px solid #9662c22b; border-radius:50%; left:50%; bottom:-28px; transform:translateX(-50%) rotateX(60deg); background:radial-gradient(ellipse,#74359924,transparent 65%); }
#lq-site .v7-carousel-floor::after { content:""; position:absolute; inset:-25px; border:1px solid #76479b20; border-radius:50%; }
#lq-site .v7-carousel-shade { position:absolute; inset:0; background:linear-gradient(90deg,#0b0711,transparent 16%,transparent 84%,#0b0711); pointer-events:none; }
#lq-site .v7-carousel-controls { display:flex; justify-content:center; align-items:center; gap:27px; margin-top:6px; }
#lq-site .v7-carousel-controls>button { display:grid; place-items:center; width:42px; height:42px; border:1px solid #4a315b; border-radius:50%; background:#160e20; color:#bb90d7; font-size:18px; transition:background .2s,box-shadow .2s; }
#lq-site .v7-carousel-controls>button:hover { background:#352047; border-color:#bd80e8; box-shadow:0 0 25px #ab55dc26; }
#lq-site .v7-feature-tabs { display:flex; gap:12px; }
#lq-site [data-feature] { display:grid; place-items:center; width:26px; min-height:42px; border:0; background:none; padding:0; }
#lq-site [data-feature]>span { display:block; width:5px; height:5px; background:#614573; border-radius:6px; transition:width .4s,background .4s,box-shadow .4s; }
#lq-site [data-feature][aria-pressed=true]>span { width:25px; background:#c388ef; box-shadow:0 0 16px #bb78ed55; }
#lq-site .v7-feature-stage { min-height:115px; max-width:680px; padding:25px 22px 0; margin:auto; text-align:center; }
#lq-site .v7-feature-stage h3 { font-size:24px; margin-bottom:11px; }
#lq-site .v7-feature-stage p { font-size:15px; color:#a58eb7; }
#lq-site .v7-download { position:relative; isolation:isolate; text-align:center; overflow:hidden; border-top:1px solid #281b33; padding:92px var(--site-gutter) 70px; background:radial-gradient(ellipse at 50% 110%,#4c216977,transparent 65%); }
#lq-site .v7-download h2 { font-size:clamp(40px,4.4vw,65px); margin-bottom:40px; }
#lq-site .v7-download-orbit { position:absolute; left:50%; bottom:-300px; width:960px; height:410px; transform:translateX(-50%); border:1px solid #a269d669; border-radius:50%; box-shadow:0 -8px 50px #ad5aff38,inset 0 15px 70px #9648ca26; z-index:-1; }
#lq-site .v7-download-orbit i { position:absolute; inset:-50px; border:1px solid #8255a224; border-radius:50%; } #lq-site .v7-download-orbit i:nth-child(2) { inset:-100px; opacity:.5; } #lq-site .v7-download-orbit i:nth-child(3) { inset:-150px; opacity:.3; }
#lq-site .v7-download-list { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:20px; max-width:var(--site-width); margin:auto; }
#lq-site .v7-download-option { display:flex; align-items:center; gap:20px; min-height:128px; border:1px solid #6a4582; border-radius:13px; background:linear-gradient(140deg,#2c1b3dd9,#170e24e8); padding:26px 24px; text-align:left; box-shadow:inset 0 1px 0 #e6baff0d; transition:background .2s,box-shadow .2s,border-color .2s; }
#lq-site .v7-download-option:hover:not(:disabled) { background:linear-gradient(140deg,#3c254fe8,#251432e8); border-color:#c991f0; box-shadow:0 0 35px #994ecb22; }
#lq-site .v7-download-option:active:not(:disabled) { background:linear-gradient(140deg,#342044e8,#21112ee8); border-color:#ad78d1; box-shadow:inset 0 1px 0 #e6baff0d; }
#lq-site .v7-download-option>svg { width:26px; height:26px; flex:none; color:#cfaaea; }
#lq-site .v7-download-option>svg:last-child { width:18px; height:18px; stroke:currentColor; stroke-width:1.5; fill:none; margin-left:auto; }
#lq-site .v7-download-option>span { min-width:0; display:grid; gap:7px; overflow-wrap:anywhere; }
#lq-site .v7-download-option strong { font-size:18px; font-weight:400; }
#lq-site .v7-download-option small { font-size:12px; color:#b39ec5; line-height:1.6; }
#lq-site [data-download-state-label] { font-size:12px; color:#b995d5; }
#lq-site .v7-download-version { font-size:12px; color:#947ba9; margin-top:24px; }
#lq-site .v7-download-status { font-size:14px; color:#bba5cd; min-height:24px; margin-top:10px; }
#lq-site .v7-text-button { font-size:14px; color:#c797e9; background:none; border:0; border-bottom:1px solid #805297; padding:6px 0; }
#lq-site .v7-install-help { max-width:790px; margin:30px auto 0; border-top:1px solid #382447; text-align:left; }
#lq-site .v7-install-help summary { cursor:pointer; list-style:none; display:flex; justify-content:space-between; gap:15px; color:#ae95c3; padding:18px 0; font-size:14px; }
#lq-site .v7-install-help summary::-webkit-details-marker { display:none; }
#lq-site .v7-install-help[open] summary>span:last-child { transform:rotate(45deg); }
#lq-site .v7-install-body { display:grid; grid-template-columns:1fr 1fr; gap:35px; padding:5px 0 25px; }
#lq-site .v7-install-body h3 { font-size:17px; margin-bottom:12px; } #lq-site .v7-install-body p { font-size:14px; color:#ad98bf; margin-top:10px; line-height:1.9; }
#lq-site .st-footer { max-width:calc(var(--site-width) + 2 * var(--site-gutter)); margin:auto; padding:32px var(--site-gutter); display:flex; flex-wrap:wrap; gap:20px 35px; color:#8f789f; font-size:12px; border-top:1px solid #281c32; }
#lq-site .v7-footer-top { display:flex; align-items:center; justify-content:space-between; gap:20px; width:100%; margin-bottom:8px; }
#lq-site .v7-footer-top .st-brand { font-size:22px; color:#c9b3dc; }
#lq-site .st-footer-links { display:flex; flex-wrap:wrap; gap:15px 25px; width:100%; font-size:13px; }
#lq-site .st-footer a:hover { color:#d5a8f0; }
#lq-site .st-footer-filings { display:flex; flex-wrap:wrap; gap:12px 24px; margin-left:auto; font-size:11px; }
#lq-site .st-footer-filings a { display:inline-flex; align-items:center; gap:5px; }
#lq-site .st-footer-filings img { width:16px; height:16px; object-fit:contain; }
#lq-site .v7-copyright { color:#8f789f; }
#lq-site[data-presentation-paused=true] :is(.v7-feature-visual,.v7-device-scene) * { animation-play-state:paused!important; }
@keyframes v7-transmit { 0% { left:0; opacity:0; } 15%,85% { opacity:1; } 100% { left:100%; opacity:0; } }
@keyframes v7-cursor { 0%,100% { translate:0 0; } 45% { translate:-22px -18px; } 65% { translate:-10px -25px; } }
@keyframes v7-glyph { to { rotate:360deg; } }
@keyframes v7-screen-scan { 0%,100% { top:12%; opacity:0; } 15%,85% { opacity:.8; } 90% { top:85%; } }
@media(max-width:1050px) { #lq-site .v7-carousel { --radius:400px; } #lq-site .v7-hero-inner { min-height:740px; } #lq-site .v7-hero h1 { font-size:clamp(66px,8vw,90px); }
 #lq-site .v7-download-list { grid-template-columns:repeat(2,minmax(0,1fr)); max-width:790px; }
 #lq-site .v7-download-web { grid-column:1 / -1; justify-self:center; width:calc((100% - 20px) / 2); }
}
@media(max-width:760px) {
 #lq-site .st-nav { flex-wrap:wrap; padding-block:22px; } #lq-site .st-brand { font-size:24px; } #lq-site .v7-nav-toggle { display:block; }
 #lq-site .st-nav-links { width:100%; justify-content:flex-start; gap:14px 25px; padding-top:12px; }
 #lq-site .v7-nav[data-nav-enhanced] .st-nav-links:not([data-open]) { display:none; }
 /* Keep the web entry beside download at the same breakpoint as navigation.
    Equal flexible columns accommodate English labels without reducing type. */
 #lq-site .v7-hero-actions { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; max-width:390px; }
 #lq-site .v7-hero-actions .st-btn { min-width:0; padding-inline:14px; gap:10px; text-align:center; }
 #lq-site .v7-hero-actions .st-btn>span { min-width:0; }
 #lq-site .v7-hero-actions .v7-hero-web { display:inline-flex; background:#382047; border-color:#9362b7; color:#f0dcff; }
 #lq-site .v7-hero-actions .v7-hero-web:hover { background:#4b2b60; border-color:#d0a1f1; }
 #lq-site .v7-hero-actions .v7-hero-web:active { background:#301b3d; }
 #lq-site .v7-hero-inner { height:auto; min-height:760px; padding-top:65px; padding-bottom:370px; }
 #lq-site .v7-hero h1 { font-size:clamp(52px,10.5vw,80px); letter-spacing:-.06em; }
 #lq-site .v7-hero-lead { font-size:15px; max-width:380px; margin-top:23px; }
 #lq-site .v7-hero-bottom { padding-bottom:24px; }
 #lq-site .v7-section-heading { display:block; } #lq-site .v7-section-heading p { margin-top:25px; font-size:14px; }
 #lq-site .v7-experience { padding-top:65px; padding-bottom:55px; }
 #lq-site .v7-carousel { --radius:290px; height:360px; perspective:1000px; }
 #lq-site .v7-orbit-card { width:260px; height:280px; left:-130px; top:-140px; }
 #lq-site .v7-feature-visual { height:205px; } #lq-site .v7-card-caption { font-size:20px; padding:15px 22px; }
 #lq-site .v7-carousel-shade { background:linear-gradient(90deg,#0b0711,transparent 7%,transparent 93%,#0b0711); }
 #lq-site .v7-feature-stage { min-height:140px; } #lq-site .v7-feature-stage h3 { font-size:23px; }
 #lq-site .v7-download { padding-top:65px; padding-bottom:45px; } #lq-site .v7-download-list { grid-template-columns:1fr; max-width:460px; }
 #lq-site .v7-download-web { grid-column:auto; width:100%; }
 #lq-site .v7-download-option { min-height:115px; padding:23px; } #lq-site .v7-install-body { grid-template-columns:1fr; gap:20px; }
 #lq-site .st-footer-filings { margin-left:0; } #lq-site .st-footer-links { gap:12px 20px; }
}
@media(max-width:390px) { #lq-site .v7-hero-inner { min-height:690px; padding-top:48px; padding-bottom:330px; } #lq-site .v7-hero h1 { font-size:51px; } #lq-site .v7-carousel { --radius:255px; } #lq-site .v7-orbit-card { width:232px; left:-116px; } }
@media(max-width:390px) { #lq-site .v7-hero-actions .primary svg { display:none; } }
@media(prefers-reduced-motion:reduce) { :root { scroll-behavior:auto; } #lq-site *,#lq-site *::before,#lq-site *::after { animation:none!important; transition:none!important; } }

#lq-site .v7-device-scene { position:relative; height:490px; min-width:0; perspective:1400px; transform:translateY(20px); }
#lq-site .v7-device-glow { position:absolute; inset:8% -10% -5%; border-radius:50%; background:radial-gradient(ellipse,light-dark(#c696e538,#994bcb28),transparent 65%); filter:blur(30px); }
#lq-site .v7-device-orbit { position:absolute; left:-24%; top:39%; width:143%; height:41%; border:1px solid light-dark(#b084cb30,#ba87e732); border-radius:50%; transform:rotate(-26deg); box-shadow:0 0 70px light-dark(#a679c610,#a562cd17),inset 0 0 50px light-dark(#a579ce10,#a579ce10); }
#lq-site .v7-computer { position:absolute; left:0; top:40px; width:94%; aspect-ratio:1.48; padding:12px 11px 0; border:1px solid #867995; background:linear-gradient(135deg,#403448,#15101d 38%,#493353); border-radius:17px; box-shadow:0 35px 90px light-dark(#62467335,#0008),inset 0 1px 1px #f1d6ff4d; transform:rotateY(-11deg) rotateX(5deg) rotateZ(-3deg); transition:transform .3s; }
#lq-site .v7-camera { position:absolute; width:4px; height:4px; background:#807185; left:50%; top:4px; border-radius:50%; }
#lq-site .v7-computer-screen { height:calc(100% - 28px); width:100%; background:#21142e; overflow:hidden; border-radius:7px; border:1px solid #211929; }
#lq-site .v7-computer-chin { height:28px; display:flex; align-items:center; justify-content:center; color:#ddc4eaa1; font-size:8px; letter-spacing:2px; }
#lq-site .v7-computer-stand { position:absolute; width:20%; height:22%; left:40%; top:100%; background:linear-gradient(90deg,#342b3d,#695474 43%,#493451 77%,#281f31); clip-path:polygon(10% 0,90% 0,100% 100%,0 100%); }
#lq-site .v7-computer-base { position:absolute; width:45%; height:3%; left:27.5%; top:121%; border-radius:50% 50% 25% 25%; background:linear-gradient(#96809d,#302736); box-shadow:0 9px 20px #09050a48; }
#lq-site .v7-desktop-art { position:relative; width:100%; height:100%; overflow:hidden; }
#lq-site .v7-wallpaper { position:absolute; inset:0; overflow:hidden; background:radial-gradient(ellipse at 80% 25%,#9a6da7,transparent 65%),linear-gradient(130deg,#392346,#77568c 58%,#321b4d); }
#lq-site .v7-wallpaper i { display:block; position:absolute; width:150%; height:82%; border:1px solid #e6bbf46b; border-radius:50%; left:-17%; top:20%; transform:rotate(-32deg); background:linear-gradient(180deg,#eec6eb1f,#30103a10); box-shadow:inset 0 10px 25px #d9a1e750; }
#lq-site .v7-wallpaper i:nth-child(2) { top:48%; transform:rotate(-28deg); box-shadow:inset 0 10px 30px #d9a1e778; }
#lq-site .v7-wallpaper i:nth-child(3) { top:68%; transform:rotate(-24deg); }
#lq-site .v7-art-window { position:absolute; left:12%; top:14%; width:78%; height:73%; border:1px solid #f0dfff63; border-radius:9px; background:#281936b3; backdrop-filter:blur(20px); box-shadow:0 18px 30px #180e3545; transform:translate(calc(var(--scene-x,0) * 3px),calc(var(--scene-y,0) * 3px)); }
#lq-site .v7-window-chrome { height:12%; min-height:14px; display:flex; align-items:center; gap:4px; padding:0 9px; border-bottom:1px solid #d6b4eb24; }
#lq-site .v7-window-chrome span { width:4px; height:4px; border-radius:50%; background:#bea0ce; }
#lq-site .v7-window-chrome span:nth-child(2) { opacity:.6; } #lq-site .v7-window-chrome span:nth-child(3) { opacity:.3; }
#lq-site .v7-window-chrome i { height:3px; width:25%; background:#e6c7fa35; border-radius:3px; margin-left:auto; margin-right:35%; }
#lq-site .v7-art-body { display:flex; height:88%; }
#lq-site .v7-art-body aside { width:18%; border-right:1px solid #d6b4eb24; padding:6% 4%; }
#lq-site .v7-art-body aside :is(b,i) { display:block; width:100%; height:4px; margin-bottom:12px; border-radius:3px; background:#dfc4ed35; }
#lq-site .v7-art-body aside b { background:#ddbcfb8a; margin-bottom:18px; }
#lq-site .v7-art-work { flex:1; min-width:0; padding:7% 6%; }
#lq-site .v7-art-heading { display:flex; justify-content:space-between; height:10%; margin-bottom:12%; }
#lq-site .v7-art-heading i { width:48%; background:#ebd6f7a8; border-radius:3px; height:5px; }
#lq-site .v7-art-heading b { width:14%; background:#d8b6f477; border-radius:5px; height:9px; }
#lq-site .v7-art-cards { display:flex; gap:7%; height:61%; }
#lq-site .v7-art-cards>div { min-width:0; flex:1; border:1px solid #ead1f643; background:linear-gradient(125deg,#dbc1f01a,#d7baea08); border-radius:6px; display:grid; place-items:center; }
#lq-site .v7-art-cards svg { width:100%; max-height:100%; stroke:#e1bff2; stroke-width:2; fill:none; }
#lq-site .v7-art-timeline { display:flex; gap:8px; margin-top:12%; }
#lq-site .v7-art-timeline i { width:23%; height:3px; border-radius:3px; background:#c097d75c; } #lq-site .v7-art-timeline i:first-child { width:45%; background:#debaeea3; }
#lq-site .v7-screen-pointer { position:absolute; width:22px; height:28px; left:63%; top:63%; fill:#f7eaff; stroke:#9061af; stroke-width:1.5; filter:drop-shadow(0 2px 3px #20102880); transform:translate(calc(var(--scene-x,0) * 23px),calc(var(--scene-y,0) * 18px)); }
#lq-site .v7-phone { position:absolute; width:27%; aspect-ratio:.49; top:37%; right:-1%; background:linear-gradient(115deg,#504159,#17101f 40%,#3c2d45); border:1px solid #98869f; border-radius:27px; padding:7px; box-shadow:12px 20px 35px #08050e6b,inset 0 0 0 2px #24172f; transform:rotateY(-14deg) rotateZ(9deg); }
#lq-site .v7-phone-camera { position:absolute; left:35%; top:9px; height:10px; width:30%; border-radius:20px; background:#100b17; z-index:2; }
#lq-site .v7-phone-top { height:13%; padding:12% 9% 0; font-size:7px; color:#ead8f7; display:flex; justify-content:space-between; align-items:center; }
#lq-site .v7-phone-top i { width:12px; height:5px; border:1px solid #dbcae9; border-radius:2px; }
#lq-site .v7-phone-screen { height:70%; border-radius:4px; overflow:hidden; background:#4d315f; }
#lq-site .v7-phone .v7-art-window { left:7%; width:87%; top:25%; height:47%; }
#lq-site .v7-phone .v7-art-work { padding:10% 6%; } #lq-site .v7-phone .v7-art-body aside { padding:10% 3%; }
#lq-site .v7-phone .v7-window-chrome { min-height:8px; padding:0 4px; gap:2px; }
#lq-site .v7-phone .v7-window-chrome span { width:2px; height:2px; }
#lq-site .v7-phone .v7-art-body aside i { margin-bottom:7px; height:2px; }
#lq-site .v7-phone .v7-art-body aside b { height:2px; margin-bottom:9px; }
#lq-site .v7-phone .v7-art-heading i { height:2px; } #lq-site .v7-phone .v7-art-heading b { height:4px; }
#lq-site .v7-phone .v7-art-timeline { gap:3px; } #lq-site .v7-phone .v7-art-timeline i { height:2px; }
#lq-site .v7-phone .v7-screen-pointer { width:12px; height:16px; left:63%; top:56%; transform:translate(calc(var(--scene-x,0) * 8px),calc(var(--scene-y,0) * 6px)); }
#lq-site .v7-phone-toolbar { display:flex; align-items:center; justify-content:space-around; padding:9% 5%; color:#c4b1d1; font-size:12px; }
#lq-site .v7-phone-toolbar svg { width:16px; height:16px; fill:none; stroke:currentColor; stroke-width:1.4; }
#lq-site .v7-phone-home { position:absolute; width:30%; height:3px; border-radius:3px; background:#e9d9f3; bottom:8px; left:35%; }
#lq-site .v7-orbit-art { height:100%; position:relative; }
#lq-site .v7-orbit-ring { position:absolute; width:330px; height:240px; border:1px solid light-dark(#9566b727,#bd86f12e); border-radius:50%; left:50%; top:50%; transform:translate(-50%,-50%) rotate(-25deg); }
#lq-site .v7-orbit-ring.second { width:440px; height:300px; border-style:dashed; opacity:.55; }
#lq-site .v7-mini-device { position:absolute; width:142px; height:94px; top:33%; border:1px solid light-dark(#7b5b926b,#bf95db63); border-radius:9px; padding:7px; background:linear-gradient(140deg,light-dark(#fcf7ff,#473153),light-dark(#e6d4f3,#21182f)); box-shadow:0 18px 36px #2f17411a; }
#lq-site .v7-mini-device.a { left:14%; transform:perspective(500px) rotateY(16deg) rotateZ(-5deg); }
#lq-site .v7-mini-device.b { right:10%; top:40%; transform:perspective(500px) rotateY(-16deg) rotateZ(5deg); }
#lq-site .v7-mini-device i { display:block; width:100%; height:100%; border-radius:4px; background:linear-gradient(145deg,#ae87bd,#78569d 50%,#c195ce); box-shadow:inset 0 0 20px #29133944; }
#lq-site .v7-mini-device b { position:absolute; width:46px; height:17px; top:100%; left:calc(50% - 23px); border-bottom:3px solid light-dark(#735887,#9b7dac); background:linear-gradient(90deg,transparent 33%,light-dark(#bc9dce,#806b8c) 33% 66%,transparent 66%); }
#lq-site .v7-link-beam { position:absolute; top:51%; left:34%; width:33%; height:2px; background:linear-gradient(90deg,transparent,var(--site-brand),transparent); transform:rotate(11deg); }
#lq-site .v7-link-beam i { position:absolute; width:9px; height:9px; top:-3px; border-radius:50%; background:light-dark(#ab6fd5,#e1b3ff); box-shadow:0 0 20px var(--site-brand); animation:v7-transmit 3s ease-in-out infinite; }
#lq-site .v7-orbit-dot { width:7px; height:7px; position:absolute; left:36%; top:17%; border-radius:50%; background:var(--site-brand); box-shadow:0 0 15px var(--site-brand); }
#lq-site .v7-sync-art { display:flex; align-items:center; gap:18px; height:100%; padding:40px; perspective:800px; }
#lq-site .v7-sync-screen { flex:1; height:165px; min-width:0; border:5px solid #49344f; border-radius:9px; box-shadow:0 20px 30px #09020e30; transform:rotateY(10deg) rotateZ(-5deg); }
#lq-site .v7-sync-screen+.v7-sync-screen { transform:rotateY(-10deg) rotateZ(5deg); }
#lq-site .v7-sync-art .v7-screen-pointer { animation:v7-cursor 4s ease-in-out infinite; }
#lq-site .v7-sync-art .v7-art-window { top:16%; height:70%; }
#lq-site .v7-clarity-art { position:relative; height:100%; display:grid; place-items:center; color:var(--site-brand); }
#lq-site .v7-fine-grid { position:absolute; inset:30px 14%; background:linear-gradient(90deg,light-dark(#9978b321,#bb9ad821) 1px,transparent 1px),linear-gradient(light-dark(#9978b321,#bb9ad821) 1px,transparent 1px); background-size:16px 16px; mask-image:radial-gradient(ellipse,#000,transparent 73%); }
#lq-site .v7-clarity-art>svg { width:240px; height:240px; opacity:.6; stroke-width:.6; }
#lq-site .v7-loupe { position:absolute; top:110px; left:51%; width:115px; height:115px; border:1px solid var(--site-brand); border-radius:50%; background:light-dark(#faf5ffd9,#23162ed9); backdrop-filter:blur(9px); display:grid; place-items:center; box-shadow:0 15px 35px #240e2b26,inset 0 0 0 6px light-dark(#fff8,#ffffff0a); }
#lq-site .v7-loupe span { font-size:43px; font-weight:500; letter-spacing:-4px; font-family:Georgia,serif; }
#lq-site .v7-loupe i { position:absolute; left:86%; top:86%; width:39px; height:7px; border:1px solid var(--site-brand); border-radius:6px; transform:rotate(45deg); transform-origin:left; background:var(--site-soft); }
#lq-site .v7-security-art { height:100%; display:grid; place-items:center; position:relative; }
#lq-site .v7-security-art>svg { width:110px; height:135px; stroke:light-dark(#8956ac,#d2a1f4); stroke-width:1; fill:light-dark(#d1b1e830,#7f438130); filter:drop-shadow(0 15px 30px #69339630); }
#lq-site .v7-security-art>svg path+path { fill:none; stroke-width:3; stroke-linecap:round; stroke-linejoin:round; }
#lq-site .v7-security-halo { position:absolute; width:235px; height:235px; border:1px solid light-dark(#a877c835,#b68bd13d); border-radius:50%; box-shadow:0 0 0 28px light-dark(#bb91d209,#bb91d209),0 0 0 29px light-dark(#b48bc51a,#b48bc519); }
#lq-site .v7-access-pill { position:absolute; top:72%; left:50%; transform:translateX(-50%); display:flex; gap:9px; align-items:center; border:1px solid var(--site-line); border-radius:30px; padding:8px 15px; background:var(--site-paper); box-shadow:0 8px 20px #1b092418; font-size:12px; white-space:nowrap; }
#lq-site .v7-access-pill i { width:5px; height:5px; background:var(--site-green); border-radius:50%; }

/* LanMate walkthrough: artwork is decorative; the DOM state and controls
   remain complete without animation or WebGL. All theme geometry is shared. */
#lq-site .va-section { --va-glow:light-dark(#8d49c5,#c18cf2); --va-hot:light-dark(#af55ae,#f09adf); position:relative; padding:110px var(--site-gutter,6%); overflow:clip; isolation:isolate; background:radial-gradient(ellipse at 20% 56%,light-dark(#ddc5f840,#52216740),transparent 65%),var(--site-bg); border-block:1px solid var(--site-line); }
#lq-site .va-heading { max-width:var(--site-width,1200px); margin:0 auto 42px; display:flex; justify-content:space-between; align-items:flex-end; gap:40px; }
#lq-site .va-heading h2 { font-size:clamp(34px,4vw,58px); line-height:1.35; letter-spacing:-.04em; font-weight:500; }
#lq-site .va-heading h2 em { font-style:normal; color:var(--site-brand); }
#lq-site .va-heading > p { max-width:320px; font-size:16px; line-height:1.9; color:var(--site-muted); }
#lq-site .va-stage { max-width:var(--site-width,1200px); margin:auto; display:grid; grid-template-columns:minmax(0,1.12fr) minmax(0,1fr); gap:48px; align-items:center; min-width:0; }
#lq-site .va-observatory { height:560px; min-width:0; position:relative; perspective:1000px; user-select:none; pointer-events:none; }
#lq-site .va-field-grid { position:absolute; inset:0 -10%; background-image:radial-gradient(light-dark(#8754a538,#d4a6f529) .8px,transparent .8px); background-size:23px 23px; mask-image:radial-gradient(ellipse,#000 15%,transparent 68%); transform:perspective(700px) rotateX(15deg); }
#lq-site .va-floor { position:absolute; width:88%; height:180px; left:6%; top:355px; border-radius:50%; border:1px solid light-dark(#a175c240,#a768d344); background:radial-gradient(ellipse,light-dark(#b18ccc24,#9d56d623),transparent 68%); box-shadow:0 0 70px light-dark(#a064d024,#9b50cf29); transform:rotateX(64deg); }
#lq-site .va-orbit { position:absolute; left:50%; top:40%; width:320px; height:320px; margin:-160px; border:1px solid light-dark(#995dc465,#c19bea55); border-radius:50%; transform-style:preserve-3d; box-shadow:0 0 20px light-dark(#a971cc0c,#a768df0d); animation:va-orbit-a 18s linear infinite; }
#lq-site .va-orbit i { position:absolute; width:7px; height:7px; left:calc(50% - 3px); top:-4px; background:var(--va-hot); border-radius:50%; box-shadow:0 0 20px 2px var(--va-glow); }
#lq-site .va-orbit-b { width:270px; height:270px; margin:-135px; animation-name:va-orbit-b; animation-duration:15s; border-color:light-dark(#c187ce70,#cf8adc55); }
#lq-site .va-orbit-c { width:375px; height:375px; margin:-187.5px; border-style:dashed; border-color:light-dark(#986bb22f,#a778c234); animation-name:va-orbit-c; animation-duration:28s; }
#lq-site .va-orbit-c i { width:4px; height:4px; box-shadow:0 0 12px var(--va-glow); }
#lq-site .va-core { --va-look-x:0px; --va-look-y:0px; position:absolute; left:50%; top:26%; width:132px; height:132px; margin:-66px; transform-style:preserve-3d; animation:va-core-float 5.6s ease-in-out infinite; z-index:3; transition:filter .6s; }
#lq-site .va-core-shell { position:absolute; inset:4% 0 0; z-index:2; border-radius:49% 49% 46% 46%; border:1px solid #d3b9e47a; background:radial-gradient(ellipse at 37% 28%,#dac8ea,#c3a6da 65%,#ad8bc9); box-shadow:inset -3px -5px 12px #9e79b62c,0 0 35px #a564d51c,5px 15px 25px #17052235; }
#lq-site .va-core-face { position:absolute; inset:0; z-index:3; transform:translate(calc(var(--va-look-x) * .3),calc(var(--va-look-y) * .3)); transition:transform .15s ease-out; }
#lq-site .va-core-eye { position:absolute; top:47%; width:8%; height:12%; border-radius:48%; background:#594463; box-shadow:none; overflow:hidden; transform-origin:center 55%; animation:va-blink 6.4s ease-in-out infinite; transition:height .35s,top .35s,border-radius .35s; }
#lq-site .va-eye-left { left:29%; } #lq-site .va-eye-right { right:29%; animation-delay:.025s; }
#lq-site .va-core-pupil { position:absolute; inset:9% 5%; border-radius:50%; transform:translate(calc(var(--va-look-x) * .4),calc(var(--va-look-y) * .4)); transition:transform .13s ease-out; }
#lq-site .va-core-pupil::before { content:""; position:absolute; left:18%; top:12%; width:22%; height:20%; border-radius:50%; background:#eadfec99; }
#lq-site .va-core-cheek { position:absolute; top:61%; width:15%; height:7%; border-radius:50%; background:#d69bbc55; }
#lq-site .va-cheek-left { left:17%; } #lq-site .va-cheek-right { right:17%; }
#lq-site .va-core-mouth { position:absolute; top:62%; left:44%; width:12%; height:7%; border:0; border-bottom:2px solid #795482; border-radius:0 0 50% 50%; overflow:hidden; transition:width .35s,height .35s,left .35s,background .35s,border-radius .35s; }
#lq-site .va-core-mouth i { position:absolute; opacity:0; bottom:-2px; left:15%; width:70%; height:60%; border-radius:50% 50% 0 0; background:#ee97c1; transition:opacity .3s; }
#lq-site .va-core-sprout { position:absolute; width:38%; height:28%; left:34%; top:-15%; z-index:1; transform:rotate(7deg); transform-origin:50% 100%; animation:va-sprout-sway 5.6s ease-in-out infinite; }
#lq-site .va-core-sprout i { position:absolute; left:3%; bottom:0; width:48%; height:81%; border-radius:90% 12% 70% 20%; transform:rotate(-24deg); transform-origin:90% 90%; background:linear-gradient(135deg,#efd4ff,#c18ae8 65%,#8a4fb6); box-shadow:inset 2px 2px 4px #fff5; border:1px solid #e8bdff70; }
#lq-site .va-core-sprout i+i { left:42%; bottom:2%; height:65%; transform:rotate(28deg); border-radius:20% 80% 25% 75%; background:linear-gradient(120deg,#e8c5fb,#bb83dd 70%,#9354bd); }
#lq-site .va-core-hand { position:absolute; z-index:1; top:53%; width:24%; height:16%; border:1px solid #d8a7f05c; border-radius:55% 65% 55% 60%; background:linear-gradient(160deg,#d7adf2,#a367ca 75%); box-shadow:inset 1px 2px 4px #fff3,0 3px 9px #33104b20; }
#lq-site .va-hand-left { left:-13%; transform:rotate(31deg); transform-origin:90% 50%; }
#lq-site .va-hand-right { right:-15%; transform:rotate(-25deg); transform-origin:10% 60%; animation:va-wave 6s ease-in-out infinite; }
#lq-site .va-core-foot { position:absolute; z-index:1; bottom:-5%; width:23%; height:15%; border-radius:35% 35% 55% 55%; background:linear-gradient(155deg,#c795e7,#9151b7 80%); border:1px solid #ce9ce74a; box-shadow:inset 0 2px 4px #f7d9ff44; }
#lq-site .va-foot-left { left:16%; transform:rotate(10deg); } #lq-site .va-foot-right { right:16%; transform:rotate(-10deg); }
#lq-site .va-core-shine { position:absolute; inset:-26px; z-index:0; border-radius:50%; background:radial-gradient(ellipse,#dfb0ff19,transparent 70%); filter:blur(8px); animation:va-core-pulse 5.6s ease-in-out infinite; }
#lq-site [data-phase=checking] .va-core-eye,#lq-site [data-phase=repairing] .va-core-eye { top:49%; height:10%; border-radius:45% 45% 48% 48%; }
#lq-site [data-phase=checking] .va-core-mouth,#lq-site [data-phase=repairing] .va-core-mouth { height:6%; width:12%; left:44%; border-bottom-width:2px; }
#lq-site [data-phase=checking] .va-hand-right,#lq-site [data-phase=repairing] .va-hand-right { animation:none; transform:rotate(18deg); }
#lq-site [data-phase=awaiting] .va-core-eye { top:46%; height:13%; }
#lq-site [data-phase=awaiting] .va-core-mouth { top:63%; left:44%; width:12%; height:7%; }
#lq-site [data-phase=complete] .va-core-eye { top:50%; height:7%; width:10%; background:none; border-top:2px solid #594463; border-radius:50% 50% 0 0; box-shadow:none; animation:none; overflow:visible; }
#lq-site [data-phase=complete] .va-core-pupil { opacity:0; }
#lq-site [data-phase=complete] .va-core-mouth { top:60%; left:42%; width:16%; height:10%; border:0; border-bottom:2px solid #795482; border-radius:0 0 50% 50%; background:none; box-shadow:none; }
#lq-site [data-phase=complete] .va-hand-right { animation:va-wave 1.8s ease-in-out infinite; }
#lq-site [data-phase=complete] .va-hand-left { transform:rotate(-22deg); }
#lq-site [data-phase=cancelled] .va-core-mouth { height:5%; }
#lq-site .va-energy-trail { position:absolute; left:calc(50% - 50px); width:100px; top:24%; height:290px; background:linear-gradient(180deg,#d6a2ff00,#b363e233,#c382f00a); clip-path:polygon(40% 0,60% 0,100% 100%,0 100%); filter:blur(8px); opacity:.5; transition:opacity .5s; }
#lq-site .va-data-path { position:absolute; inset:0; width:100%; height:100%; fill:none; stroke:light-dark(#a263c8,#be8ded); stroke-width:1; opacity:.45; stroke-dasharray:4 9; animation:va-data-flow 2s linear infinite; }
#lq-site .va-data-path circle { fill:var(--va-hot); stroke:none; }
#lq-site .va-diagnostic-window { position:absolute; width:76%; max-width:390px; left:12%; top:49%; border:1px solid light-dark(#b48bcbd9,#a16bc485); border-radius:16px; background:linear-gradient(145deg,light-dark(#f9f1ffe8,#30173fec),light-dark(#e9dbf8ed,#140d20f5)); box-shadow:0 35px 65px light-dark(#46246124,#0008),inset 0 1px 0 #fff2; transform:rotateY(-12deg) rotateX(8deg) rotateZ(-5deg); transform-style:preserve-3d; overflow:hidden; transition:transform .8s cubic-bezier(.22,.8,.2,1),border-color .5s,box-shadow .5s; }
#lq-site .va-window-top { height:40px; display:flex; align-items:center; gap:12px; padding:0 17px; border-bottom:1px solid light-dark(#ae8ac625,#dcb3ed1b); font-size:11px; color:var(--site-muted); }
#lq-site .va-window-dots { display:flex; gap:4px; margin-right:4px; }
#lq-site .va-window-dots i { width:4px; height:4px; border-radius:50%; background:light-dark(#9168ac,#9168ac); }
#lq-site .va-window-led { width:4px; height:4px; border-radius:50%; margin-left:auto; background:var(--va-hot); box-shadow:0 0 8px var(--va-hot); }
#lq-site .va-window-body { height:162px; position:relative; }
#lq-site .va-window-bottom { min-height:33px; display:flex; align-items:center; gap:8px; padding:7px 16px; border-top:1px solid light-dark(#ae8ac625,#dcb3ed1b); color:var(--site-muted); font-size:10px; }
#lq-site .va-window-bottom > i { width:4px; height:4px; border-radius:50%; background:var(--va-glow); }
#lq-site .va-signal-bars { display:flex; align-items:flex-end; gap:2px; margin-left:auto; height:12px; }
#lq-site .va-signal-bars b { width:3px; height:30%; background:var(--va-glow); opacity:.3; }
#lq-site .va-signal-bars b:nth-child(2) { height:55%; } #lq-site .va-signal-bars b:nth-child(3) { height:75%; } #lq-site .va-signal-bars b:nth-child(4) { height:100%; }
#lq-site .va-scene-art { position:absolute; inset:0; display:none; }
#lq-site [data-scene=app] .va-app-art,#lq-site [data-scene=update] .va-update-art,#lq-site [data-scene=disk] .va-disk-art { display:flex; }
#lq-site .va-app-art { align-items:center; gap:28px; padding:30px; }
#lq-site .va-app-tile { width:74px; height:74px; flex:none; color:var(--va-hot); border:1px solid light-dark(#bc79b957,#d48bda44); border-radius:20px; background:light-dark(#ead0ef66,#75366525); display:grid; place-items:center; transition:opacity .5s,transform .6s; }
#lq-site .va-app-tile svg { width:48px; height:48px; stroke:currentColor; fill:none; stroke-width:1.5; stroke-linecap:round; }
#lq-site .va-app-lines { display:grid; gap:13px; flex:1; }
#lq-site .va-app-lines i { display:block; width:100%; height:6px; border-radius:5px; background:light-dark(#ac8bb942,#be91d330); }
#lq-site .va-app-lines i:nth-child(2) { width:78%; } #lq-site .va-app-lines i:nth-child(3) { width:50%; background:light-dark(#ba71ad55,#da90ce44); }
#lq-site .va-app-restored { display:flex; align-items:flex-end; gap:8px; position:absolute; inset:35px 28px 35px 135px; opacity:0; transform:translateY(20px); transition:opacity .6s,transform .7s; }
#lq-site .va-app-restored i { height:60%; flex:1; background:linear-gradient(var(--va-glow),light-dark(#c9a6dd,#603374)); border-radius:4px 4px 0 0; }
#lq-site .va-app-restored i:nth-child(2) { height:82%; } #lq-site .va-app-restored i:nth-child(3) { height:50%; } #lq-site .va-app-restored i:nth-child(4) { height:95%; } #lq-site .va-app-restored i:nth-child(5) { height:72%; }
#lq-site .va-update-art { align-items:center; justify-content:center; gap:32px; padding:20px 32px; }
#lq-site .va-update-art > svg { width:126px; height:126px; flex:none; fill:none; stroke:var(--va-glow); stroke-width:2; stroke-linecap:round; }
#lq-site .va-update-track { opacity:.15; stroke-width:5; }
#lq-site .va-update-progress { stroke-width:5; stroke-dasharray:327; stroke-dashoffset:190; transform:rotate(-90deg); transform-origin:center; transition:stroke-dashoffset 1.6s cubic-bezier(.2,.7,.3,1); }
#lq-site .va-update-bar { height:72px; width:12px; border-radius:10px; background:light-dark(#a879bc20,#d8a4ee14); display:flex; align-items:flex-end; overflow:hidden; }
#lq-site .va-update-bar i { height:38%; width:100%; border-radius:10px; background:var(--va-hot); transition:height 1.6s; }
#lq-site .va-disk-art { align-items:center; flex-wrap:wrap; padding:26px 28px; gap:12px 22px; }
#lq-site .va-drive-icon { flex:none; width:54px; }
#lq-site .va-drive-icon svg { width:48px; height:48px; stroke:var(--va-glow); fill:none; stroke-width:1.4; }
#lq-site .va-storage-blocks { display:grid; grid-template-columns:repeat(7,1fr); gap:5px; flex:1; min-width:0; }
#lq-site .va-storage-blocks i { width:100%; height:12px; border-radius:2px; background:light-dark(#a484b8,#9266ab); transition:opacity .6s calc(var(--block) * 25ms),transform .6s calc(var(--block) * 25ms); }
#lq-site .va-storage-blocks i:nth-child(n+13) { background:light-dark(#c383c0,#bb7cbf); }
#lq-site .va-storage-line { width:100%; display:flex; gap:4px; padding-left:76px; }
#lq-site .va-storage-line i { height:4px; width:35%; background:var(--va-glow); opacity:.55; }
#lq-site .va-storage-line i+i { width:60%; background:var(--va-hot); opacity:.55; transition:width 1.2s; }
#lq-site .va-scan-plane { position:absolute; inset:0; transform:translateY(-100%); background:linear-gradient(0deg,#deb1ff40,transparent 35%); border-bottom:1px solid #eecbff; box-shadow:0 3px 18px #b269e85c; opacity:0; }
#lq-site .va-scan-target { position:absolute; width:30px; height:30px; opacity:0; border:1px solid var(--va-glow); clip-path:polygon(0 0,35% 0,35% 5%,5% 5%,5% 35%,0 35%,0 0,100% 0,100% 35%,95% 35%,95% 5%,65% 5%,65% 0,100% 0,100% 100%,65% 100%,65% 95%,95% 95%,95% 65%,100% 65%,100% 100%,0 100%,0 65%,5% 65%,5% 95%,35% 95%,35% 100%,0 100%); }
#lq-site .va-scan-target-a { left:24%; top:32%; } #lq-site .va-scan-target-b { right:18%; top:54%; }
#lq-site .va-success-check { position:absolute; display:grid; place-items:center; width:52px; height:52px; right:18px; bottom:13px; border:1px solid #d1a7ed; border-radius:50%; background:light-dark(#e9d4f8,#5e3676); box-shadow:0 0 35px #b673eb38; opacity:0; scale:.3; transition:opacity .5s,scale .7s cubic-bezier(.2,1.6,.3,1); }
#lq-site .va-success-check svg { width:35px; height:35px; fill:none; stroke:light-dark(#7c3e9e,#f1d3ff); stroke-width:2; stroke-linecap:round; stroke-linejoin:round; }
#lq-site .va-floating-point { position:absolute; width:3px; height:3px; border-radius:50%; background:var(--va-glow); box-shadow:0 0 12px var(--va-glow); animation:va-mote 6s ease-in-out infinite; }
#lq-site .va-point-one { top:22%; left:15%; } #lq-site .va-point-two { top:37%; right:9%; animation-delay:-2s; } #lq-site .va-point-three { top:65%; left:3%; animation-delay:-4s; }
#lq-site .va-console { position:relative; min-width:0; padding:35px; border:1px solid light-dark(#c9abd75e,#84569a5c); border-radius:22px; background:linear-gradient(145deg,light-dark(#fff,#23112f),light-dark(#f9f3fd,#120c1a)); box-shadow:0 25px 80px light-dark(#642e8210,#0004),inset 0 1px 0 #ffffff0f; }
#lq-site .va-console::before { content:""; position:absolute; inset:0; border:1px solid light-dark(#b18bc22b,#aa73c221); border-radius:22px; background:light-dark(#e9dcf529,#25133040); transform:rotate(3deg) translate(7px,-6px); z-index:-1; pointer-events:none; }
#lq-site .va-scene-tabs { display:flex; flex-wrap:wrap; gap:7px; min-width:0; }
#lq-site .va-scene-tabs button { min-height:42px; padding:9px 12px; border-radius:8px; border:1px solid var(--site-line); background:transparent; color:var(--site-muted); font-size:13px; line-height:1.55; text-align:left; transition:background .2s,color .2s,border-color .2s; }
#lq-site .va-scene-tabs button:hover { color:var(--site-ink); background:var(--site-soft); }
#lq-site .va-scene-tabs button[aria-pressed=true] { color:var(--site-brand); border-color:light-dark(#a57bbb,#9d69c2); background:light-dark(#eadcf3,#52246250); box-shadow:inset 0 0 18px light-dark(#b487d50a,#bd81ea09); }
#lq-site .va-scene-tabs button:active { background:light-dark(#ddc7ec,#5b2b70); }
#lq-site .va-case-copy { margin:27px 0 30px; }
#lq-site .va-case-copy h3 { font-size:clamp(23px,2vw,29px); font-weight:500; line-height:1.5; letter-spacing:-.03em; text-wrap:balance; }
#lq-site .va-case-copy > p { margin-top:12px; font-size:15px; line-height:1.8; color:var(--site-muted); }
#lq-site .va-steps { display:grid; grid-template-columns:repeat(5,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; }
#lq-site .va-steps li { display:grid; position:relative; justify-items:start; gap:10px; min-width:0; font-size:12px; line-height:1.4; color:var(--site-muted); }
#lq-site .va-steps li::before { content:""; position:absolute; height:1px; left:28px; right:8px; top:11px; background:var(--site-line); }
#lq-site .va-steps li:last-child::before { display:none; }
#lq-site .va-steps i { font-style:normal; font-size:10px; font-variant-numeric:tabular-nums; width:23px; height:23px; display:grid; place-items:center; border:1px solid var(--site-line); border-radius:50%; transition:border-color .3s,background .3s; }
#lq-site .va-steps li[aria-current=step] { color:var(--site-brand); }
#lq-site .va-steps li[aria-current=step] i { border-color:var(--site-brand); background:var(--site-soft); box-shadow:0 0 15px light-dark(#a269cb20,#c38ef330); }
#lq-site .va-steps li[data-complete=true] i { background:var(--site-brand); color:var(--site-on); border-color:var(--site-brand); }
#lq-site .va-steps li[data-complete=true]::before { background:var(--site-brand); opacity:.4; }
#lq-site .va-readout { min-height:150px; margin:26px 0 22px; padding-top:23px; border-top:1px solid var(--site-line); }
#lq-site .va-status { display:flex; align-items:center; gap:9px; color:var(--site-brand); font-size:13px; }
#lq-site .va-status > i { height:5px; width:5px; flex:none; border-radius:50%; background:currentColor; box-shadow:0 0 12px light-dark(#a060c050,#bc83e766); }
#lq-site .va-readout p { color:var(--site-muted); font-size:15px; line-height:1.85; margin-top:12px; overflow-wrap:anywhere; }
#lq-site .va-actions { display:flex; flex-wrap:wrap; gap:12px 18px; align-items:center; min-height:48px; }
#lq-site .va-primary { display:inline-flex; align-items:center; justify-content:center; gap:22px; min-height:48px; max-width:100%; padding:13px 19px; color:light-dark(#fff,#291438); background:light-dark(#8450ac,#c291ed); border:1px solid light-dark(#8450ac,#cda4ef); border-radius:10px; font-size:15px; line-height:1.5; box-shadow:inset 0 1px 0 #ffffff24,0 5px 25px light-dark(#7c44a020,#aa60de20); transition:background .2s,box-shadow .2s; }
#lq-site .va-primary svg { width:18px; height:18px; flex:none; stroke:currentColor; fill:none; stroke-width:1.5; stroke-linecap:round; stroke-linejoin:round; }
#lq-site .va-primary:hover:not(:disabled) { background:light-dark(#74429b,#d0a3f0); box-shadow:0 0 32px light-dark(#985fb030,#bc83e53d); }
#lq-site .va-primary:active:not(:disabled) { background:light-dark(#6b3c91,#ba85df); }
#lq-site .va-primary:disabled { cursor:wait; color:var(--site-muted); background:light-dark(#e5d9ed,#3a2549); border-color:var(--site-line); box-shadow:none; }
#lq-site .va-secondary { border:0; min-height:44px; padding:8px 0; color:var(--site-muted); background:transparent; font-size:14px; }
#lq-site .va-secondary:hover { color:var(--site-brand); }
#lq-site .va-secondary:active { color:var(--site-ink); }
#lq-site .va-console button:focus-visible { outline:2px solid var(--site-brand); outline-offset:4px; }
#lq-site [data-phase=checking] .va-core,#lq-site [data-phase=repairing] .va-core { filter:brightness(1.12) drop-shadow(0 0 23px #b366da77); }
#lq-site [data-phase=checking] .va-energy-trail,#lq-site [data-phase=repairing] .va-energy-trail { opacity:1; }
#lq-site :is([data-phase=checking],[data-phase=repairing]) .va-scan-plane { opacity:1; animation:va-scan 1.8s ease-in-out infinite; }
#lq-site :is([data-phase=checking],[data-phase=repairing]) .va-scan-target { opacity:.6; animation:va-target 1.8s ease-in-out infinite; }
#lq-site :is([data-phase=checking],[data-phase=repairing]) .va-signal-bars b { animation:va-signal .75s ease-in-out infinite alternate; }
#lq-site :is([data-phase=checking],[data-phase=repairing]) .va-signal-bars b:nth-child(2) { animation-delay:-.2s; } #lq-site :is([data-phase=checking],[data-phase=repairing]) .va-signal-bars b:nth-child(3) { animation-delay:-.4s; }
#lq-site [data-phase=awaiting] .va-diagnostic-window { border-color:var(--va-hot); box-shadow:0 30px 60px light-dark(#7e376122,#0007),0 0 45px #d78bc918; }
#lq-site [data-phase=repairing] .va-diagnostic-window { transform:rotateY(0) rotateX(0) rotateZ(0); }
#lq-site :is([data-phase=repairing],[data-phase=complete]) .va-update-progress { stroke-dashoffset:0; }
#lq-site :is([data-phase=repairing],[data-phase=complete]) .va-update-bar i { height:100%; }
#lq-site :is([data-phase=repairing],[data-phase=complete]) .va-storage-blocks i:nth-child(n+13) { opacity:.08; transform:scale(.6); }
#lq-site :is([data-phase=repairing],[data-phase=complete]) .va-storage-line i+i { width:15%; }
#lq-site [data-phase=complete] .va-diagnostic-window { transform:rotateY(0) rotateX(0) rotateZ(0) translateY(-7px); border-color:var(--va-glow); box-shadow:0 30px 80px light-dark(#7338a02b,#0007),0 0 60px #a260d526; }
#lq-site [data-phase=complete] .va-success-check { opacity:1; scale:1; }
#lq-site [data-phase=complete] .va-app-lines { opacity:0; } #lq-site [data-phase=complete] .va-app-restored { opacity:1; transform:none; }
#lq-site [data-phase=complete] .va-app-tile { color:var(--va-glow); transform:scale(.86); }
#lq-site [data-phase=complete] .va-signal-bars b { opacity:1; }
#lq-site [data-phase=cancelled] .va-observatory { filter:saturate(.6); }
#lq-site .va-section[data-paused=true] *,#lq-site .va-section[data-paused=true] *::before,#lq-site .va-section[data-paused=true] *::after { animation-play-state:paused!important; transition:none!important; }
@keyframes va-orbit-a { from { transform:rotateX(62deg) rotateY(-15deg) rotateZ(0); } to { transform:rotateX(62deg) rotateY(-15deg) rotateZ(360deg); } }
@keyframes va-orbit-b { from { transform:rotateX(60deg) rotateY(50deg) rotateZ(90deg); } to { transform:rotateX(60deg) rotateY(50deg) rotateZ(-270deg); } }
@keyframes va-orbit-c { from { transform:rotateX(66deg) rotateY(-30deg) rotateZ(45deg); } to { transform:rotateX(66deg) rotateY(-30deg) rotateZ(405deg); } }
@keyframes va-core-float { 0%,100% { transform:translateY(0) rotate(-4deg); } 50% { transform:translateY(-11px) rotate(3deg); } }
@keyframes va-blink { 0%,37%,41%,78%,82%,100% { scale:1 1; } 39%,80% { scale:1 .12; } }
@keyframes va-wave { 0%,62%,100% { transform:rotate(-25deg); } 70%,84% { transform:rotate(-64deg); } 77%,91% { transform:rotate(-34deg); } }
@keyframes va-sprout-sway { 0%,100% { transform:rotate(7deg); } 50% { transform:rotate(-5deg); } }
@keyframes va-core-pulse { 50% { opacity:.35; transform:scale(.9); } }
@keyframes va-mote { 0%,100% { opacity:.3; transform:translateY(0); } 50% { opacity:1; transform:translateY(-14px); } }
@keyframes va-data-flow { to { stroke-dashoffset:-52; } }
@keyframes va-scan { 0% { transform:translateY(-100%); } 70%,100% { transform:translateY(100%); } }
@keyframes va-target { 50% { transform:scale(1.25); opacity:1; } }
@keyframes va-signal { to { opacity:1; } }
@media(max-width:1050px) {
  #lq-site .va-stage { gap:24px; grid-template-columns:minmax(0,1fr) minmax(0,1fr); }
  #lq-site .va-console { padding:27px; }
  #lq-site .va-orbit { width:260px; height:260px; margin:-130px; } #lq-site .va-orbit-b { width:220px; height:220px; margin:-110px; } #lq-site .va-orbit-c { width:310px; height:310px; margin:-155px; }
  #lq-site .va-diagnostic-window { width:90%; left:5%; }
  #lq-site .va-app-art { padding:20px; gap:18px; }
}
@media(max-width:800px) {
  #lq-site .va-section { padding-block:70px; }
  #lq-site .va-heading { display:block; margin-bottom:0; }
  #lq-site .va-heading > p { margin-top:22px; max-width:520px; }
  #lq-site .va-stage { grid-template-columns:minmax(0,1fr); gap:10px; }
  #lq-site .va-observatory { height:470px; max-width:550px; width:100%; margin:auto; }
  #lq-site .va-floor { top:320px; }
  #lq-site .va-orbit { top:39%; } #lq-site .va-core { top:25%; }
  #lq-site .va-diagnostic-window { max-width:360px; width:80%; left:10%; top:45%; }
  #lq-site .va-console { max-width:600px; width:100%; margin:auto; }
  #lq-site .va-readout { min-height:125px; }
}
@media(max-width:420px) {
  #lq-site .va-observatory { height:400px; }
  #lq-site .va-core { width:112px; height:112px; margin:-56px; }
  #lq-site .va-orbit { width:220px; height:220px; margin:-110px; } #lq-site .va-orbit-b { width:200px; height:200px; margin:-100px; } #lq-site .va-orbit-c { width:260px; height:260px; margin:-130px; }
  #lq-site .va-diagnostic-window { width:92%; left:4%; top:44%; }
  #lq-site .va-window-body { height:140px; }
  #lq-site .va-window-top { padding-inline:12px; }
  #lq-site .va-floor { top:278px; height:130px; }
  #lq-site .va-console { padding:24px 20px; border-radius:17px; }
  #lq-site .va-scene-tabs { gap:6px; } #lq-site .va-scene-tabs button { padding:8px 9px; }
  #lq-site .va-case-copy { margin:24px 0; }
  #lq-site .va-app-tile { width:61px; height:61px; }
  #lq-site .va-update-art { padding:15px 24px; gap:25px; } #lq-site .va-update-art > svg { width:105px; height:105px; }
  #lq-site .va-disk-art { padding:21px; gap:12px; }
  #lq-site .va-storage-blocks { gap:4px; } #lq-site .va-storage-blocks i { height:10px; }
  #lq-site .va-storage-line { padding-left:66px; }
}
@media(prefers-reduced-motion:reduce) {
  #lq-site .va-section *,#lq-site .va-section *::before,#lq-site .va-section *::after { animation:none!important; transition:none!important; }
  #lq-site .va-orbit-a { transform:rotateX(62deg) rotateY(-15deg); } #lq-site .va-orbit-b { transform:rotateX(60deg) rotateY(50deg); } #lq-site .va-orbit-c { transform:rotateX(66deg) rotateY(-30deg); }
  #lq-site :is([data-phase=checking],[data-phase=repairing]) .va-scan-plane { opacity:.18; transform:translateY(-50%); }
}
#lq-site .va-section [hidden] { display:none!important; }

#lq-site .va-floor::before { content:""; position:absolute; inset:-22px; border:1px solid light-dark(#b078d72b,#bb7ee52b); border-radius:50%; }
@media(max-width:360px) {
  #lq-site .va-steps li > span { position:absolute; width:1px; height:1px; overflow:hidden; clip-path:inset(50%); white-space:nowrap; }
  #lq-site .va-steps li { gap:0; }
}

/* The concept's offset glass devices sit inside the moving light field. */
#lq-site .v7-device-scene { position:absolute; width:64%; max-width:780px; height:490px; right:5%; bottom:60px; margin:0; perspective:1300px; transform:translate(calc(var(--scene-x,0) * 12px),calc(var(--scene-y,0) * 8px)); transition:transform .25s ease-out; }
#lq-site .v7-computer { left:24%; top:20px; width:77%; border-color:#624073; border-radius:13px; background:linear-gradient(135deg,#34223ee0,#160d1feb 70%); transform:rotateY(-15deg) rotateX(5deg) rotateZ(-10deg); box-shadow:0 35px 85px #0008,6px 5px 0 #120b1c,7px 6px 0 #4b2e5c; }
#lq-site .v7-computer-screen { border-color:#50305e; background:#21112e; }
#lq-site .v7-wallpaper { background:radial-gradient(ellipse at 70% 20%,#5c3c7094,transparent 65%),linear-gradient(140deg,#1d1029,#33213f 65%,#21102c); }
#lq-site .v7-wallpaper i { border-color:#bb81d522; box-shadow:inset 0 6px 22px #a06ec523; background:linear-gradient(180deg,#c392eb0a,#2a0e3510); }
#lq-site .v7-wallpaper i:nth-child(2) { box-shadow:inset 0 7px 23px #a06ec536; }
#lq-site .v7-art-window { background:#321e4180; border-color:#b48dcc65; left:7%; top:12%; width:86%; height:77%; box-shadow:0 0 30px #9b5dcf16; }
#lq-site .v7-art-body aside { display:none; }
#lq-site .v7-art-work { padding:7% 9%; }
#lq-site .v7-art-cards>div { border-color:#b887d63a; background:linear-gradient(130deg,#dfb5f60a,#7a3d9a12); }
#lq-site .v7-art-cards svg { stroke:#c696e5; stroke-width:1.3; }
#lq-site .v7-art-cards>div:first-child svg { animation:v7-glyph 16s linear infinite; }
#lq-site .v7-computer-stand { background:linear-gradient(90deg,#24152f,#563269 55%,#231331); }
#lq-site .v7-computer-base { background:linear-gradient(#674379,#25122f); }
#lq-site .v7-phone { width:23%; top:43%; left:2%; right:auto; border-color:#9a72b2; transform:rotateY(-9deg) rotateZ(-17deg); border-radius:23px; background:linear-gradient(140deg,#382441,#1b1025 60%,#392045); box-shadow:7px 7px 0 #10071a,8px 8px 0 #563068,15px 20px 35px #0008; }
#lq-site .v7-phone-screen { background:#261332; }
#lq-site .v7-device-orbit { opacity:.35; top:39%; left:0; width:110%; }
#lq-site .v7-device-glow { background:radial-gradient(ellipse,#8e3db72d,transparent 70%); }
#lq-site .v7-orbit-card .v7-mini-device { width:100px; height:76px; top:30%; }
#lq-site .v7-orbit-card .v7-mini-device.a { left:8%; }
#lq-site .v7-orbit-card .v7-mini-device.b { right:7%; top:39%; }
#lq-site .v7-orbit-card .v7-orbit-ring { width:225px; height:170px; }
#lq-site .v7-orbit-card .v7-orbit-ring.second { width:285px; height:215px; }
#lq-site .v7-orbit-card .v7-link-beam { top:52%; left:25%; width:53%; }
#lq-site .v7-orbit-card .v7-sync-art { padding:25px 15px; gap:13px; }
#lq-site .v7-orbit-card .v7-sync-screen { height:125px; border-width:3px; }
#lq-site .v7-orbit-card .v7-clarity-art>svg { width:185px; height:185px; }
#lq-site .v7-orbit-card .v7-loupe { top:80px; left:48%; width:95px; height:95px; }
#lq-site .v7-orbit-card .v7-security-halo { width:165px; height:165px; }
#lq-site .v7-orbit-card .v7-security-art>svg { width:90px; height:110px; }
#lq-site .v7-orbit-card .v7-access-pill { top:77%; padding:5px 12px; }
#lq-site .v7-orbit-card .v7-mini-device i { background:linear-gradient(145deg,#53325e,#35203f 45%,#634276); box-shadow:inset 0 0 20px #29133944; }
#lq-site .v7-sync-art .v7-screen-pointer { animation:v7-cursor 3.2s ease-in-out infinite; }
#lq-site .v7-clarity-art>svg { animation:v7-glyph 45s linear infinite; }
@media(max-width:1050px) { #lq-site .v7-device-scene { width:72%; height:450px; right:4%; bottom:-5px; } }
@media(max-width:760px) {
 #lq-site .v7-device-scene { width:90%; height:330px; left:1%; right:auto; bottom:12px; }
 #lq-site .v7-computer { left:24%; top:10px; width:77%; }
 #lq-site .v7-phone { width:23%; left:6%; top:36%; border-radius:17px; padding:5px; }
 #lq-site .v7-phone-camera { height:7px; top:6px; }
 #lq-site .v7-phone-top { font-size:5px; } #lq-site .v7-phone-toolbar { font-size:9px; } #lq-site .v7-phone-toolbar svg { width:12px; height:12px; }
 #lq-site .v7-orbit-card .v7-mini-device { width:88px; height:65px; }
}
@media(max-width:450px) { #lq-site .v7-device-scene { height:250px; bottom:30px; } }