/* C: graphite, ice blue and cyan. Motion centers on the studio's V. */
:root{--paper:#070e14;--ink:#eaf7fc;--blue:#55d7ee;--powder:#193d4c;--mint:#102933;--line:#243b48;--muted:#9bb2bf;--white:#070e14;--ice:#8ebdff;--display:Manrope,'PingFang SC',sans-serif;--body:'DM Sans','PingFang SC',sans-serif}
body{background:radial-gradient(ellipse 700px 500px at 50% 410px,#12304266,transparent 90%),var(--paper)}
body::before{content:'';position:absolute;inset:0 0 auto;height:860px;z-index:-1;pointer-events:none;background-image:linear-gradient(#55d7ee06 1px,transparent 1px),linear-gradient(90deg,#55d7ee06 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(transparent,#000 35%,transparent)}
.site-header{height:100px;border-bottom:1px solid #243b4870}.brand-mark{color:var(--blue)}
.primary-nav a::after{transition:width .25s,background .25s}.primary-nav a[aria-current=page]::after{width:100%;height:2px;box-shadow:0 0 12px #55d7ee50}
.language-switch,.eyebrow,.small-label,.panel-label{font-family:'Courier New','PingFang SC',monospace}.eyebrow::before{border-radius:1px;width:6px;height:6px;box-shadow:0 0 12px #55d7ee70}
.button{color:var(--paper);border-radius:5px;min-height:52px;position:relative;overflow:hidden;box-shadow:0 0 24px #55d7ee0d;transition:background .2s,transform .2s,box-shadow .2s}.button::after{content:'';position:absolute;inset:-80% auto -80% -75%;width:30%;background:#fff6;transform:rotate(25deg);transition:left .55s;pointer-events:none}.button:hover{background:#a5ecf8;color:var(--paper);box-shadow:0 0 30px #55d7ee25}.button:hover::after{left:145%}.text-link .arrow{transition:transform .2s}.text-link:hover .arrow{transform:translateX(5px)}
.technical-hero{position:relative;padding:55px 0 24px;display:flex;flex-direction:column;align-items:center;text-align:center;isolation:isolate}
.technical-hero .eyebrow{justify-content:center;color:var(--muted)}
.technical-hero h1{font-size:clamp(55px,6.5vw,91px);font-weight:500;line-height:1.08;max-width:1060px;margin:23px auto 0;letter-spacing:-.065em}
.technical-hero h1 .soft{color:var(--blue);background:linear-gradient(110deg,#bceeff 10%,#55d7ee 68%,#8ebdff);background-clip:text;-webkit-text-fill-color:transparent}
.technical-hero .hero-description{margin:23px auto 0;max-width:600px}.technical-hero .hero-actions{justify-content:center;margin-top:27px}
.technical-art{width:min(1040px,100%);height:300px;margin-top:14px;position:relative;perspective:1000px;contain:layout paint;overflow:hidden}
.art-halo{position:absolute;inset:16% 12% 4%;border-radius:50%;background:radial-gradient(ellipse,#55d7ee12,transparent 65%);pointer-events:none}
.art-perspective{width:100%;height:100%;transform:rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));transition:transform .5s ease-out;transform-origin:50% 60%}.signal-scene{width:100%;height:100%;overflow:visible}
.floor-grid{stroke:#39829a;stroke-width:.65;opacity:.45}.orbit-rings{stroke:#386878;stroke-width:.8;opacity:.65}.orbit-signal{stroke:var(--blue);stroke-width:1.6;stroke-dasharray:2 48;stroke-linecap:round;opacity:.75}
.circuit-tracks{stroke:#2d5566;stroke-width:.8}.circuit-signals{stroke:#8edff3;stroke-width:1.5;stroke-dasharray:4 96;stroke-linecap:round;opacity:.8}
.v-shadow{fill:#55d7ee0d;stroke:#55d7ee24;stroke-width:1}.v-depth{fill:#102a39;stroke:#478ba5;stroke-width:1}.v-face{fill:url(#v-face);stroke:url(#v-edge);stroke-width:1.8;stroke-linejoin:round}.v-inner{stroke:#88cde3;stroke-width:.65;opacity:.65}.v-trace{stroke:#e6fbff;stroke-width:2.4;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:9 91;opacity:.9}.v-vertices{fill:#c6f5ff}.scan-line{stroke:#55d7ee;stroke-width:.8;opacity:.23}.art-guides{stroke:#4b8495;stroke-width:.8;opacity:.55}
.art-footer{display:flex;align-items:center;justify-content:center;gap:24px;min-height:32px;margin-top:-10px}.art-caption-text{font:10px 'Courier New','PingFang SC',monospace;letter-spacing:.1em;color:var(--muted)}
.intro-section{grid-template-columns:.9fr 1.1fr;gap:110px;padding-block:61px 68px;position:relative}.intro-section::before{content:'';position:absolute;top:-1px;left:0;width:90px;height:1px;background:var(--blue);box-shadow:0 0 10px #55d7ee44}.intro-section h2{font-size:40px;font-weight:500}.value{border-radius:4px;color:var(--muted);background:#0b1922;transition:border-color .2s,color .2s}.value:hover{border-color:#55d7ee80;color:var(--ink)}
.conversation{border:1px solid var(--line);background:linear-gradient(110deg,#0e202b,#0a161e);border-radius:8px;padding:38px 40px;position:relative;transition:border-color .3s}.conversation:hover{border-color:#386b7e}.conversation::before{content:'';position:absolute;top:-1px;left:30px;width:100px;height:1px;background:linear-gradient(90deg,transparent,var(--blue),transparent)}.conversation h2{font-size:31px;font-weight:500}.conversation .text-link{border-color:var(--blue);color:var(--blue)}.site-footer{padding-block:27px}
.support-hero{grid-template-columns:1.15fr 1fr;gap:75px;padding-block:62px}.support-hero h1{font-weight:500;font-size:68px}.contact-panel{background:linear-gradient(135deg,#112a38,#0b1923);border:1px solid #355968;border-radius:8px;padding:31px 32px 20px;color:var(--ink);box-shadow:8px 8px 0 #04090d;transition:border-color .3s,box-shadow .3s}.contact-panel::before{content:'';position:absolute;top:-1px;left:32px;right:32px;height:1px;background:linear-gradient(90deg,transparent,#91e7f4,transparent)}.contact-panel:hover{border-color:#55d7ee85;box-shadow:8px 8px 0 #04090d,0 0 35px #55d7ee08}.contact-panel .panel-label{color:var(--blue);opacity:1}.contact-panel .email-address{font-size:22px}.contact-panel .envelope{color:var(--blue)}.button-white{background:var(--blue);color:var(--paper)}.button-white:hover{background:#a5ecf8;color:var(--paper)}.copy-button{color:var(--ink)}.contact-panel :focus-visible{outline-color:var(--blue)}
.help-layout{padding-block:58px}.check-icon{background:#122f3a;color:var(--blue);border-radius:4px}.privacy-note{background:#0d1e29;border-left:2px solid #4ba3b8;border-radius:0}.support-notes h2{font-size:34px;font-weight:500}.support-notes article{padding-left:24px;border-left:1px solid var(--line)}.support-notes article+article{border-top:0}.support-notes .text-link{color:var(--blue)}.skip-link{background:var(--blue);color:var(--paper)}.not-found h1{font-weight:500}
/* JavaScript opts into animation; without it every page remains fully visible. */
html[data-motion=running] .v-float{animation:v-levitate 7s ease-in-out infinite}html[data-motion=running] .v-trace{animation:signal-flow 6s linear infinite}html[data-motion=running] .orbit-signal{animation:signal-flow 22s linear infinite}html[data-motion=running] .circuit-signals path{animation:signal-flow 7s linear infinite}html[data-motion=running] .circuit-signals path:nth-child(even){animation-delay:-3.5s}html[data-motion=running] .scan-line{animation:floor-scan 8s ease-in-out infinite}html[data-motion=running] .art-halo{animation:halo-breathe 7s ease-in-out infinite}
html[data-motion=running] .technical-hero>.eyebrow{animation:tech-arrive .7s both}html[data-motion=running] .technical-hero>h1{animation:tech-arrive .8s .08s both}html[data-motion=running] .technical-hero>.hero-description{animation:tech-arrive .8s .16s both}html[data-motion=running] .technical-hero>.hero-actions{animation:tech-arrive .8s .24s both}html[data-motion=running] .technical-art{animation:scene-arrive 1.1s .22s both}html[data-motion=running] .is-revealed{animation:tech-arrive .7s both}
html[data-page-hidden] .technical-art *,html .technical-art.is-dormant *{animation-play-state:paused!important}
@keyframes v-levitate{0%,100%{transform:translateY(0)}50%{transform:translateY(-9px)}}@keyframes signal-flow{to{stroke-dashoffset:-100}}@keyframes floor-scan{0%,100%{transform:translateY(12px);opacity:0}30%{opacity:.35}70%{opacity:.12}90%{transform:translateY(-95px);opacity:0}}@keyframes halo-breathe{0%,100%{opacity:.55;transform:scale(.92)}50%{opacity:1;transform:scale(1.05)}}@keyframes tech-arrive{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@keyframes scene-arrive{from{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}
html[lang=zh-Hans] .technical-hero h1{font-size:clamp(45px,5.5vw,76px);line-height:1.3}html[lang=zh-Hans] .intro-section h2{font-size:38px}
@media(max-width:1050px){.technical-hero h1{font-size:73px}.support-hero{gap:32px}.support-hero h1{font-size:56px}.contact-panel{padding-inline:23px}.contact-panel .email-address{font-size:19px}.intro-section{gap:50px}.technical-art{height:260px}}
@media(max-width:760px){body::before{height:700px;background-size:42px 42px}.site-header{height:auto}.technical-hero{padding:34px 0 29px}.technical-hero h1{font-size:clamp(44px,8.5vw,65px);margin-top:24px}.technical-hero .hero-description{font-size:16px}.technical-hero .hero-actions{gap:20px}.technical-art{width:calc(100% + 40px);max-width:none;height:220px;margin-top:19px}.signal-scene{width:150%;max-width:none;margin-left:-25%}.art-footer{gap:12px;flex-wrap:wrap;margin-top:2px}.art-caption-text{font-size:9px}.intro-section{grid-template-columns:1fr;gap:26px;padding-block:42px}.intro-section h2{font-size:34px}.conversation{padding:27px}.conversation h2{font-size:27px}.support-hero{grid-template-columns:1fr;gap:31px;padding-block:35px 44px}.support-hero h1{font-size:50px}.contact-panel{padding:25px 23px 16px;max-width:none}.contact-panel .email-address{font-size:22px}.support-notes h2{font-size:29px}.support-notes article+article{padding-top:0}.help-layout{padding-block:43px}html[lang=zh-Hans] .technical-hero h1{font-size:46px}html[lang=zh-Hans] .intro-section h2{font-size:32px}}
@media(max-width:370px){.technical-hero h1{font-size:40px}.technical-hero .eyebrow{font-size:9px}.technical-art{height:190px}.contact-panel .email-address{font-size:18px}.art-footer{gap:7px}html[lang=zh-Hans] .technical-hero h1{font-size:40px}}
@media(hover:none),(pointer:coarse){.art-perspective{transform:none!important}}
@media(prefers-reduced-motion:reduce){.art-perspective{transform:none!important}html{scroll-behavior:auto}}

/* Support: a contact card first, details only when they are needed. */
.support-page{min-height:100svh;display:flex;flex-direction:column;background:radial-gradient(ellipse 620px 450px at 50% 320px,#12304266,transparent 90%),var(--paper)}
.support-page::before{height:min(860px,100svh)}
.support-page .site-header,.support-page .site-footer{flex:none}.support-page .site-footer{margin-top:auto}
.compact-support{padding-block:48px 54px;flex:1}.support-intro{text-align:center}.support-intro h1{font-size:clamp(54px,6vw,78px);font-weight:500;line-height:1.12;letter-spacing:-.065em}.support-period{color:var(--blue)}.support-intro>p{font-size:17px;color:var(--muted);margin:17px auto 0;max-width:550px}
.support-contact{max-width:740px;margin:32px auto 0}.compact-contact{padding:32px 36px 16px;box-shadow:none;isolation:isolate;overflow:hidden;transition:border-color .25s,box-shadow .25s,transform .25s}.compact-contact::before{left:15%;right:15%;z-index:2}.compact-contact::after{content:'';position:absolute;inset:0;z-index:-1;border-radius:inherit;background:radial-gradient(280px circle at var(--glow-x,50%) var(--glow-y,50%),#55d7ee17,transparent 80%);opacity:0;transition:opacity .3s;pointer-events:none}.compact-contact:hover,.compact-contact:focus-within{box-shadow:0 12px 35px #02080d66;border-color:#4d8a9e}.compact-contact:hover::after,.compact-contact:focus-within::after{opacity:1}
.contact-identity{display:flex;align-items:center;justify-content:center;gap:20px}.contact-emblem{display:grid;place-items:center;width:56px;height:56px;flex:none;border:1px solid #55d7ee33;border-radius:14px;background:#55d7ee08;transition:transform .3s,border-color .3s,background .3s}.compact-contact .envelope{margin:0;width:30px;height:30px}.compact-contact .email-address{margin:0;font-size:27px;letter-spacing:-.04em}.compact-contact .contact-actions{justify-content:center;gap:22px;margin-top:26px}.compact-contact .copy-button{border:1px solid #335361;padding:11px 14px;min-height:52px;border-radius:5px;min-width:133px;justify-content:center;color:var(--muted);text-decoration:none;transition:border-color .2s,background .2s,color .2s}.compact-contact .copy-button:hover{color:var(--ink);background:#55d7ee0a;border-color:#55d7ee80}.compact-contact .copy-status{text-align:center;margin-top:12px;min-height:20px;color:var(--blue)}.copy-check{display:none;width:15px;height:15px;flex:none}.compact-contact .copy-button.is-copied{color:var(--blue);border-color:#55d7ee80;background:#55d7ee0b}.copy-button.is-copied .copy-icon{display:none}.copy-button.is-copied .copy-check{display:block}
.support-details{margin-top:22px;border:1px solid var(--line);border-radius:6px;overflow:hidden;background:#0a151dcc;transition:border-color .2s}.support-details:hover,.support-details:focus-within,.support-details[open]{border-color:#3b6575}.support-details summary{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:20px;list-style:none;padding:17px 22px;cursor:pointer;font-size:14px;font-weight:500;color:var(--ink);transition:background .2s}.support-details summary::-webkit-details-marker{display:none}.support-details summary::marker{content:''}.support-details summary:hover{background:#55d7ee05}.support-details summary:focus-visible{outline-offset:-5px}.disclosure-icon{width:20px;height:20px;stroke:var(--blue);stroke-width:1.4;flex:none;transition:transform .25s}.disclosure-vertical{transform-origin:center;transition:transform .25s}.support-details[open] .disclosure-vertical{transform:scaleY(0)}.support-details summary:hover .disclosure-icon{transform:rotate(90deg)}.support-details[open] summary:hover .disclosure-icon{transform:none}
.support-details-content{padding:2px 22px 20px}.support-checklist{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr 1.25fr;gap:22px}.support-checklist li{display:flex;align-items:flex-start;gap:10px}.support-checklist .check-icon{width:18px;height:18px;margin-top:2px;flex:none}.support-checklist .check-icon svg{width:10px;height:10px}.support-checklist h3{font-size:13px;font-family:var(--body);font-weight:500;letter-spacing:0;line-height:1.6}.support-checklist p{font-size:12px;line-height:1.6;color:var(--muted);margin-top:5px}.follow-note{font-size:12px;line-height:1.7;color:var(--muted);padding-top:17px;margin-top:18px;border-top:1px solid #243b4880}.support-privacy{font-size:11px;color:var(--muted);text-align:center;max-width:600px;margin:17px auto 0;padding-inline:12px;line-height:1.8}
html[data-motion=running] .support-intro{animation:tech-arrive .65s both}html[data-motion=running] .support-contact{animation:tech-arrive .7s .1s both}html[data-motion=running] .compact-contact:hover .contact-emblem{transform:translateY(-3px) rotate(-5deg);border-color:#55d7ee70;background:#55d7ee10}html[data-motion=running] .copy-button.is-copied .copy-check{animation:check-arrive .25s ease-out both}
@keyframes check-arrive{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
html[lang=zh-Hans] .support-intro h1{font-size:clamp(46px,5.5vw,68px)}
@media(max-width:760px){.compact-support{padding-block:34px 36px}.support-intro>p{font-size:15px;max-width:350px;margin-top:15px}.support-contact{margin-top:26px}.compact-contact{padding:25px 20px 14px;max-width:none}.contact-identity{flex-direction:column;gap:15px}.contact-emblem{width:48px;height:48px;border-radius:12px}.compact-contact .email-address{font-size:23px;letter-spacing:-.04em}.compact-contact .contact-actions{gap:12px;margin-top:22px}.compact-contact .copy-button{min-width:115px;min-height:48px;padding:10px 12px;font-size:12px}.compact-contact .button{min-height:48px}.support-checklist{grid-template-columns:1fr;gap:17px}.support-checklist li{gap:12px}.support-checklist h3{font-size:14px}.support-checklist p{margin-top:1px;font-size:12px}.support-details summary{min-height:62px;padding:17px 18px;font-size:13px}.support-details-content{padding:2px 18px 18px}.support-privacy{font-size:11px;padding:0}.support-page .site-footer{padding-block:22px}}
@media(max-width:370px){.compact-contact{padding-inline:15px}.compact-contact .email-address{font-size:20px}.compact-contact .contact-actions{gap:10px}.compact-contact .copy-button{min-width:108px}.compact-contact .button{padding-inline:13px;gap:12px}.support-intro>p{font-size:14px}}
@media(prefers-reduced-motion:reduce){.compact-contact:hover .contact-emblem{transform:none!important}}

/* Essential guidance stays visible; diagnostic details remain optional. */
.support-scope{margin-top:30px}.support-scope h2,.support-followup h2{font:500 17px/1.5 var(--display);letter-spacing:-.02em}.scope-list{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin:16px 0 0;padding:0}.scope-list li{padding-left:14px;border-left:1px solid #315363;transition:border-color .2s}.scope-list li:hover{border-color:var(--blue)}.scope-list h3{font:500 14px/1.5 var(--body);letter-spacing:0;color:var(--ink)}.scope-list p{font-size:13px;line-height:1.7;color:var(--muted);margin-top:7px}.support-scope+.support-details{margin-top:28px}.preparation-note{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 18px}.support-followup{margin-top:24px;padding:0 2px}.support-followup h2{font-size:14px;font-family:var(--body);letter-spacing:0}.support-followup p{font-size:13px;line-height:1.8;color:var(--muted);margin-top:8px}.support-followup+.support-privacy{padding-top:18px;margin-top:22px;border-top:1px solid #243b4880;max-width:none;text-align:left;padding-inline:2px}
@media(max-width:760px){.support-scope{margin-top:27px}.scope-list{grid-template-columns:1fr;gap:18px;margin-top:16px}.scope-list li{padding-left:13px}.scope-list p{margin-top:3px;font-size:13px}.scope-list h3{font-size:14px}.support-scope+.support-details{margin-top:24px}.support-followup{margin-top:22px}.support-followup p{font-size:13px}.support-followup+.support-privacy{margin-top:20px;padding-top:15px}}
