/* Veilora: bright editorial direction inspired by the supplied SingLink reference. */
:root{color-scheme:light;--text:#101c32;--muted:#5c6878;--line:#101c3217;background:#f8fbfa;color:var(--text)}
body{background:#f8fbfa}.header{background:#ffffffed;border-bottom:1px solid #101c320b;position:relative;z-index:5}.nav-wrap{min-height:90px}nav a{color:#475465}nav a[aria-current]{color:#087a71;box-shadow:none;font-weight:700}.language{border-color:#101c321c}.menu{color:var(--navy);border-color:#101c3225}.eyebrow{color:#087b71;font-size:12px;letter-spacing:2.2px}.bar{background:var(--teal)}a:hover{color:#087a71}h1,h2,h3{font-weight:700}h2{font-size:48px;letter-spacing:-1.8px}h3{font-size:23px}.button{border-radius:14px;background:var(--teal);border-color:var(--teal);color:white;padding:19px 28px;box-shadow:0 8px 20px #0c948b20}.button:hover{background:#087e76;color:white}.text-link{font-weight:700;color:var(--navy)}.note{color:#687789}a:focus-visible,button:focus-visible,summary:focus-visible{outline-color:#087e76}.skip{background:var(--navy);color:white}
.hero{position:relative;display:flex;justify-content:center;text-align:center;width:100%;max-width:none;min-height:770px;padding:115px 24px 95px;overflow:hidden;isolation:isolate;background:#f8fbfa}.hero-copy{position:relative;z-index:2;max-width:950px;width:100%}.hero-brand{display:block;width:172px;height:auto;margin:0 auto 28px}.hero .eyebrow{font-size:11px;letter-spacing:2.4px}.hero .bar{display:none}.hero h1{font-size:clamp(56px,6.4vw,92px);font-weight:800;letter-spacing:-5px;line-height:1.04;margin:27px 0}.hero h1 em{color:#087f75}.hero .lead{max-width:555px;margin:24px auto 0;font-size:18px;color:#3f4d60}.hero .actions{justify-content:center;margin-top:30px}.hero .note{font-size:12px}.hero-art{position:absolute;width:27%;height:650px;top:42px;border-radius:34px;overflow:hidden;z-index:0;box-shadow:0 20px 60px #0a434b10}.hero-art img{width:100%;height:100%;object-fit:cover;display:block}.art-left{left:-14%;transform:rotate(13deg)}.art-right{right:-15%;top:175px;transform:rotate(-13deg)}.art-right img{transform:scaleX(-1)}.hero-copy:before{content:"";position:absolute;inset:-25px -35px;z-index:-1;background:radial-gradient(ellipse,#f8fbfa 42%,#f8fbfabd 60%,transparent 73%);pointer-events:none}.principles{width:min(1040px,calc(100% - 80px));grid-template-columns:1fr 1fr 1.3fr 1.4fr;padding:35px 0;border-color:#101c3212;background:transparent}.principles>span{color:#697b87}.principles>div{font-size:16px;font-weight:700;border-color:#101c3215;color:#087b71}.section{padding-block:100px}.section-title{align-items:center}.section-title p{max-width:360px}.cards{gap:24px}.card{border-radius:24px;background:#fff;border:1px solid #101c3212;padding:36px;box-shadow:none}.number{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#e4f6ef;color:#087b71;font:600 15px Arial}.card p{color:#607080}.card h3{margin-top:30px}.use-section{background:#eef5f2;padding:90px 0}.use-section h2{max-width:680px}.use-grid{gap:24px}.use-grid article{padding:32px;border-radius:24px;background:#fff;border:1px solid #101c3210;min-height:220px}.use-grid article>span{font-size:14px;font-weight:700}.use-grid h3{font-size:26px;letter-spacing:-.6px}.boundary{margin-bottom:0}.download-preview{padding-block:90px}.store-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.store-card{padding:35px;border:1px solid #101c3215;border-radius:24px;background:#fff}.store-card h3{font-size:30px;margin:30px 0 12px}.store-top{display:flex;align-items:center;justify-content:space-between;gap:20px}.store-label{font-size:11px;letter-spacing:1.5px;font-weight:700;color:#087b71}.store-card p{margin-bottom:26px}.status{color:#697585;background:#f2f5f5;border:1px solid #101c3212;border-radius:50px;padding:7px 13px;font-size:12px}.cta{padding:56px 60px;margin-bottom:90px;border-radius:30px;background:var(--navy);color:white}.cta .eyebrow{color:var(--mint)}.cta h2{font-size:48px}.cta p{color:#b4c4d3}.cta .button{background:var(--mint);border-color:var(--mint);color:var(--navy)}footer{color:#f5f8ff}.footer-top p{color:#adbacd}.footer-top .brand img{width:170px}.footer-bottom{border-color:#ffffff20}.footer-nav a:hover{color:var(--mint)}.page-head{padding-top:76px;padding-bottom:45px;border-color:#101c3210}.page-head h1{font-size:68px;font-weight:800;letter-spacing:-3px}.page-head .lead{color:#63707e}.compact{padding-top:45px}.disclosure-row{border-color:#101c3218}.disclosure-row h3{font-size:20px}.notice{border-radius:0 20px 20px 0;background:#eaf4ef;border-color:#0c948b}.empty{border-radius:24px;background:#fff;border-color:#101c3214}.empty-symbol{color:var(--teal)}.faq{max-width:none}.faq details{background:#fff;margin-top:12px;border:1px solid #101c3212;border-radius:18px;padding-inline:25px}.faq summary{font-size:18px;font-weight:600}.faq summary span{color:#0c948b}.faq details p{max-width:900px}.price{color:var(--navy)}[data-page=download] .cards{grid-template-columns:1fr 1fr}[data-page=download] .card{min-height:265px;padding:40px}[data-page=download] .card h2{font-size:32px;margin-top:0}[data-page=download] .card .status{margin-top:32px}[data-page=home] .section .cards .card:nth-child(2){background:#e4f3ee}html[lang=zh-CN] .hero h1{font-size:clamp(58px,6.4vw,92px);line-height:1.14;letter-spacing:-3px}html[lang=zh-CN] .hero .lead{max-width:480px}
@media(min-width:1600px){.art-left{left:-9%}.art-right{right:-10%}}
@media(max-width:1000px){.hero{min-height:710px;padding-top:90px}.hero h1{font-size:68px;letter-spacing:-3.5px}.hero-art{width:30%;height:580px}.art-left{left:-20%}.art-right{right:-21%}.hero-copy{max-width:780px}.section-title h2{font-size:40px}.store-card{padding:28px}.store-top{align-items:start;flex-direction:column;gap:12px}.use-grid article{padding:26px}.cta{padding:45px}.principles>div{font-size:14px}}
@media(max-width:760px){.nav-wrap{min-height:78px}.header nav{background:#fff}.hero{min-height:660px;padding:60px 20px 62px}.hero-copy{max-width:560px}.hero-brand{width:145px;margin-bottom:25px}.hero .eyebrow{font-size:9px;letter-spacing:1.1px}.hero h1{font-size:52px;letter-spacing:-2.8px;line-height:1.08;margin-top:26px}.hero .lead{font-size:16px;max-width:340px}.hero .actions{gap:22px;flex-direction:column;margin-top:28px}.hero .note{font-size:11px;margin-top:24px}.hero-art{width:150px;height:310px;opacity:.45;top:160px;border-radius:20px}.art-left{left:-128px}.art-right{right:-131px;top:220px}.hero-copy:before{inset:0 -10px}.principles{width:calc(100% - 40px);grid-template-columns:1fr 1fr;gap:22px;padding:28px 0}.principles>div{font-size:13px}.section{padding-block:65px}h2,.section-title h2{font-size:34px;letter-spacing:-1px}.card{padding:28px;border-radius:20px}.use-section{padding-block:60px}.use-grid article{min-height:0}.use-grid h3{font-size:24px}.download-preview{padding-block:60px}.store-grid,[data-page=download] .cards{grid-template-columns:1fr}.store-top{flex-direction:row;align-items:center}.store-card h3{font-size:27px}.store-card{padding:25px}.cta{width:calc(100% - 40px);padding:32px 26px;border-radius:24px;margin-bottom:60px}.cta h2{font-size:34px}.cta p{font-size:15px}.page-head{padding-top:48px;padding-bottom:25px}.page-head h1{font-size:44px;letter-spacing:-1.8px}.compact{padding-top:32px}[data-page=download] .card{padding:28px;min-height:240px}[data-page=download] .card h2{font-size:28px}.faq details{padding-inline:20px}.faq summary{font-size:16px}.footer-top{gap:10px}html[lang=zh-CN] .hero h1{font-size:55px;letter-spacing:-2px}.hero .text-link{font-size:14px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}
@media(max-width:400px){.hero h1{font-size:44px;letter-spacing:-2.3px}.hero{padding-top:48px}.hero .lead{max-width:310px}html[lang=zh-CN] .hero h1{font-size:49px}}
/* English copy sets the primary reading rhythm; Chinese keeps its own scale. */
html[lang=en] .hero h1{font-size:clamp(44px,5.55vw,80px);letter-spacing:-3.5px;line-height:1.08;text-wrap:balance}
html[lang=en] .hero .lead{max-width:590px;line-height:1.7}
html[lang=en] .card h3,html[lang=en] .use-grid h3,html[lang=en] .section-title h2{text-wrap:balance}
html[lang=en] .card p,html[lang=en] .use-grid p{max-width:62ch}
@media(max-width:760px){html[lang=en] .hero h1{font-size:clamp(40px,10.8vw,62px);letter-spacing:-2px}html[lang=en] .hero .lead{max-width:35ch}html[lang=en] .hero .note{font-size:12px}}