.studio-site{--bg:#fff;--soft:#f5f5f5;--fg:#101010;--muted:#606060;--line:#ddd;--accent:#4258ff;--accent-ink:#fff;--frame:#101010;background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:16px;line-height:1.75}.studio-site h1,.studio-site h2,.studio-site .font-display{letter-spacing:-.045em;font-family:inherit;font-weight:400;line-height:1.1}html[lang^=zh] .studio-site h1,html[lang^=zh] .studio-site h2,html[lang^=zh] .studio-site .font-display{letter-spacing:-.04em;word-break:normal;line-height:1.22}.studio-site h3{letter-spacing:-.025em;font-weight:500}.studio-site section[id]{scroll-margin-top:112px}.studio-site a,.studio-site button{-webkit-tap-highlight-color:transparent}.studio-site :focus-visible{outline-offset:5px;outline:2px solid}.studio-site ::selection{color:#101010;background:#e9efad}.studio-site .band-dark{--bg:#101010;--soft:#1a1a1a;--fg:#fff;--muted:#aaa;--line:#333;--frame:#333}.studio-site .band-mist{--bg:#f5f5f5;--soft:#fff;--line:#ddd}.studio-intro{padding:100px 0}.studio-intro-grid{grid-template-columns:1fr 2fr;align-items:start;gap:56px;display:grid}.studio-intro-grid>p{margin-top:12px}.studio-intro-grid h2{max-width:800px;font-size:clamp(34px,3.8vw,54px)}.studio-intro-grid>div>p{max-width:680px;color:var(--muted);margin-top:26px;font-size:17px}.studio-tags{flex-wrap:wrap;gap:8px;margin-top:25px;display:flex}.studio-tags>span{border:1px solid var(--line);color:var(--muted);padding:6px 12px;font-size:11px;line-height:1.6}.studio-services,.studio-soft-section{background:#f5f5f5}.studio-services{padding:100px 0}.studio-section-heading{justify-content:space-between;align-items:flex-end;gap:44px;margin-bottom:50px;display:flex}.studio-section-heading>div:first-child{min-width:0}.studio-section-heading h2,.studio-section-title{margin-top:19px;font-size:clamp(36px,4.3vw,62px)}.studio-section-heading>p{max-width:400px;color:var(--muted);font-size:15px}.studio-section-heading>a{flex-shrink:0;margin-bottom:6px}.studio-service-grid{border:1px solid var(--line);background:var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;display:grid}.studio-service-card{background:#fff;min-width:0;padding:34px 32px 62px;transition:background .2s;position:relative}.studio-service-card:hover{background:#f0f2ff}.studio-service-top{color:#4258ff;justify-content:space-between;align-items:center;margin-bottom:42px;display:flex}.studio-service-top>span{color:#777;font-variant-numeric:tabular-nums;font-size:11px}.studio-service-card h3{margin-bottom:16px;font-size:25px}.studio-service-card p{color:var(--muted);font-size:14px;line-height:1.8}.studio-card-arrow{color:#4258ff;position:absolute;bottom:24px;right:30px}.studio-section-end{justify-content:flex-end;margin-top:36px;display:flex}.studio-case{padding:110px 0}.studio-case-detailed{padding-top:0}.studio-case-grid{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);align-items:center;gap:60px;display:grid}.studio-case-visual{background:#e9ebf1;height:460px;display:block;position:relative;overflow:hidden}.studio-case-browser{background:#101010;border:6px solid #101010;width:82%;transition:transform .35s;position:absolute;top:64px;left:30px;overflow:hidden;box-shadow:0 18px 35px #10101018}.studio-case-visual:hover .studio-case-browser{transform:translateY(-6px)}.studio-case-browser>div{background:#101010;align-items:center;gap:5px;height:25px;padding:0 8px;display:flex}.studio-case-browser>div>span{background:#777;border-radius:50%;width:4px;height:4px}.studio-case-browser p{color:#ccc;margin:auto;font-size:7px;line-height:1}.studio-case-browser img{width:100%;height:auto;display:block}.studio-case-phone{aspect-ratio:390/844;background:#101010;border:6px solid #101010;border-radius:16px;width:25%;max-width:180px;transition:transform .35s;position:absolute;bottom:-12px;right:26px;overflow:hidden;box-shadow:0 16px 28px #10101026}.studio-case-visual:hover .studio-case-phone{transform:translateY(-4px)}.studio-case-phone img{object-fit:cover;object-position:top;width:100%;height:100%}.studio-case-open{color:#fff;background:#4258ff;place-items:center;width:44px;height:44px;display:grid;position:absolute;top:18px;right:18px}.studio-case-copy{min-width:0}.studio-case-meta{color:var(--muted);letter-spacing:.035em;flex-wrap:wrap;align-items:center;gap:16px;margin-bottom:25px;font-size:11px;display:flex}.studio-case-meta>span:last-child{align-items:center;gap:7px;display:inline-flex}.studio-case-meta i{background:#4258ff;width:5px;height:5px}.studio-case-copy h2{letter-spacing:-.05em;align-items:center;gap:18px;font-size:clamp(32px,3.5vw,48px);display:flex}.studio-case-copy h2>span{color:#4258ff;flex-shrink:0;font-size:27px;font-weight:400}.studio-case-copy>p{color:var(--muted);margin-top:26px;font-size:16px;line-height:1.85}.studio-case-copy>a{margin-top:32px}.studio-case-details{border-top:1px solid var(--line);grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:70px;margin-top:55px;padding:56px 0;display:grid}.studio-case-details p{color:var(--muted);margin-top:21px;font-size:15px}.studio-case-details h3{margin-top:28px;font-size:21px}.studio-case-details>div:last-child h3{margin-top:0}.studio-case-details li{font-size:15px}.studio-case-details svg path{stroke:#fff}.studio-case-details .studio-case-stack{font-size:12px;line-height:1.9}.studio-case-product{background:#e9ebf1;padding:44px}.studio-case-product img{border:6px solid #101010;width:100%;height:auto;display:block}.studio-process{color:#101010;background:#f5f5f5;border-top:1px solid #fff;border-bottom:1px solid #fff;padding:112px 0 106px}.studio-process-dark{--fg:#101010;--muted:#606060;--line:#ddd}.studio-process .studio-section-heading{align-items:center;margin-bottom:0}.studio-process .studio-section-heading h2{max-width:850px;font-size:clamp(42px,5.4vw,76px);font-weight:400}.studio-process-symbol{color:#4258ff;flex-shrink:0;padding-right:8px;font-size:clamp(95px,10vw,140px);font-weight:400;line-height:1}.studio-process ol{grid-template-columns:repeat(5,minmax(0,1fr));gap:28px;margin-top:72px;display:grid}.studio-process li{border-top:1px solid #cfcfcf;min-width:0;padding-top:21px}.studio-process li>div{color:#4258ff;justify-content:space-between;align-items:center;display:flex}.studio-process li>div>span{font-variant-numeric:tabular-nums;font-size:12px}.studio-process h3{margin-top:31px;font-size:23px;line-height:1.3}.studio-process li p{color:#606060;margin-top:16px;font-size:14px;line-height:1.85}.studio-playground{background:#f5f5f5;padding:110px 0}.studio-demo-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:56px 28px;display:grid}.studio-demo-grid-compact{grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.studio-demo-card{min-width:0;display:block}.studio-demo-image{background:#e4e7ef;height:440px;position:relative;overflow:hidden}.studio-demo-grid-compact .studio-demo-image{height:360px}.studio-demo-image>img{border:6px solid #101010;transition:transform .35s;position:absolute;box-shadow:0 18px 35px #10101018}.studio-demo-portrait>img{border-radius:16px;width:45%;max-width:255px;height:auto;top:42px;left:50%;transform:translate(-50%)}.studio-demo-landscape>img{width:86%;max-width:none;height:auto;top:70px;left:7%}.studio-demo-card:hover .studio-demo-portrait>img{transform:translate(-50%)translateY(-8px)}.studio-demo-card:hover .studio-demo-landscape>img{transform:translateY(-8px)}.studio-demo-booking .studio-demo-image{background:#ece6f2}.studio-demo-store .studio-demo-image{background:#e9ebdf}.studio-demo-bubble-tea .studio-demo-image{background:#edf0d6}.studio-demo-ai-search .studio-demo-image{background:#e2e8ee}.studio-demo-text-effects .studio-demo-image{background:#e8e8e8}.studio-demo-motion .studio-demo-image{background:#e0e4f3}.studio-demo-launch{color:#101010;background:#fff;place-items:center;width:42px;height:42px;transition:color .2s,background .2s;display:grid;position:absolute;top:16px;right:16px}.studio-demo-card:hover .studio-demo-launch{color:#fff;background:#4258ff}.studio-demo-caption{justify-content:space-between;align-items:center;gap:16px;margin-top:24px;display:flex}.studio-demo-caption span{color:var(--muted);letter-spacing:.1em;font-size:10px;line-height:1.5}.studio-demo-caption h3{margin-top:7px;font-size:27px}.studio-demo-caption>svg{color:#4258ff}.studio-demo-card>p{max-width:92%;color:var(--muted);margin-top:12px;font-size:14px;line-height:1.8}.studio-values-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:32px;margin-top:54px;display:grid}.studio-values-grid>div{border-top:1px solid var(--line);padding-top:24px}.studio-values-grid span{color:#4258ff;font-variant-numeric:tabular-nums;font-size:12px}.studio-values-grid h3{margin-top:25px;font-size:24px}.studio-values-grid p{color:var(--muted);margin-top:15px;font-size:15px}.studio-faq{border-top:1px solid var(--line);background:#fff;padding:104px 0}.studio-faq-grid{grid-template-columns:minmax(0,1fr) minmax(0,1.6fr);gap:70px;display:grid}.studio-faq details{border-bottom:1px solid var(--line)}.studio-faq details:first-child{border-top:1px solid var(--line)}.studio-faq summary{cursor:pointer;justify-content:space-between;align-items:baseline;gap:24px;padding:26px 0;font-size:18px;font-weight:500;display:flex}.studio-faq summary span{color:#4258ff;flex-shrink:0;font-size:26px;font-weight:400;line-height:1;transition:transform .2s}.studio-faq details[open] summary span{transform:rotate(45deg)}.studio-faq details p{color:var(--muted);padding:0 38px 27px 0;font-size:15px;line-height:1.9}.studio-contact-block{--fg:#fff;--muted:#dfe3ff;--line:#ffffff40;color:#fff;background:#4258ff;padding:110px 0 112px}.studio-contact-panel{grid-template-columns:minmax(0,1fr) 260px;align-items:center;gap:64px;display:grid}.studio-contact-panel>div:first-child{min-width:0}.studio-contact-panel h2{max-width:950px;margin-top:25px;font-size:clamp(44px,5.6vw,78px);font-weight:400}.studio-contact-panel>div>p{color:#dfe3ff;max-width:700px;margin-top:27px;font-size:17px}.studio-contact-actions{flex-wrap:wrap;align-items:center;gap:28px;margin-top:40px;display:flex}.studio-contact-actions>a:first-child{color:#4258ff;background:#fff;border-color:#fff}.studio-contact-actions>a:first-child:hover{color:#101010;background:#e9efad;border-color:#e9efad}.studio-contact-actions>a:last-child{color:#fff;overflow-wrap:anywhere;border-bottom:1px solid #ffffff80;align-items:center;gap:12px;max-width:100%;padding:7px 0;font-size:16px;display:inline-flex}.studio-contact-actions>a:last-child svg{flex-shrink:0}.studio-contact-art{place-items:center;width:260px;height:260px;display:grid;position:relative}.studio-contact-art>span{z-index:1;color:#fff;border:1px solid #ffffffa6;place-items:center;width:230px;height:230px;font-size:150px;font-weight:400;line-height:1;display:grid;position:relative}.studio-contact-art>i{border:1px solid #ffffff38;width:230px;height:230px;position:absolute;top:0;right:0}@media (max-width:1100px){.studio-case-grid{gap:36px}.studio-case-visual{height:410px}.studio-case-browser{width:84%;top:70px;left:22px}.studio-case-phone{width:26%;right:20px}.studio-process ol{gap:20px}.studio-process h3{font-size:21px}.studio-contact-panel{grid-template-columns:minmax(0,1fr) 210px;gap:40px}.studio-contact-art{width:210px;height:210px}.studio-contact-art>span,.studio-contact-art>i{width:185px;height:185px}.studio-contact-art>span{font-size:125px}}@media (max-width:900px){.studio-intro-grid{grid-template-columns:1fr;gap:25px}.studio-section-heading{flex-direction:column;align-items:flex-start;gap:25px}.studio-section-heading>p{max-width:640px}.studio-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-case-grid{grid-template-columns:1fr;gap:40px}.studio-case-visual{height:480px}.studio-case-browser{width:79%;top:65px;left:35px}.studio-case-phone{width:23%;right:30px}.studio-case-copy{max-width:700px}.studio-case-copy h2{font-size:44px}.studio-process .studio-section-heading{flex-direction:row;gap:28px}.studio-process ol{grid-template-columns:repeat(3,minmax(0,1fr));gap:38px 26px;margin-top:52px}.studio-demo-grid-compact{grid-template-columns:repeat(2,minmax(0,1fr))}.studio-demo-image{height:360px}.studio-demo-grid-compact .studio-demo-card:first-child{grid-column:1/-1}.studio-demo-grid-compact .studio-demo-card:first-child .studio-demo-image{height:430px}.studio-values-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:38px}.studio-faq-grid{grid-template-columns:1fr;gap:38px}.studio-contact-panel{grid-template-columns:minmax(0,1fr) 140px;gap:30px}.studio-contact-art{width:140px;height:140px}.studio-contact-art>span,.studio-contact-art>i{width:125px;height:125px}.studio-contact-art>span{font-size:84px}}@media (max-width:600px){.studio-site{font-size:15px}.studio-site section[id]{scroll-margin-top:96px}.studio-intro,.studio-services,.studio-case,.studio-playground,.studio-faq{padding:65px 0}.studio-case-detailed{padding-top:0}.studio-intro-grid h2{font-size:34px}.studio-intro-grid>div>p{margin-top:22px;font-size:15px}.studio-section-heading{gap:20px;margin-bottom:34px}.studio-section-heading h2,.studio-section-title{margin-top:14px;font-size:clamp(32px,8.5vw,42px)}.studio-section-heading>p{font-size:14px}.studio-service-grid{grid-template-columns:1fr}.studio-service-card{padding:28px 25px 54px}.studio-service-top{margin-bottom:30px}.studio-service-card h3{font-size:24px}.studio-card-arrow{bottom:22px;right:25px}.studio-section-end{justify-content:flex-start;margin-top:27px}.studio-case-grid{gap:32px}.studio-case-visual{height:clamp(260px,80vw,400px)}.studio-case-browser{border-width:4px;width:83%;top:55px;left:16px}.studio-case-browser>div{gap:3px;height:19px;padding:0 5px}.studio-case-browser>div>span{width:3px;height:3px}.studio-case-browser p{font-size:5px}.studio-case-phone{border-width:4px;border-radius:11px;width:27%;bottom:-9px;right:14px}.studio-case-open{width:34px;height:34px;top:12px;right:12px}.studio-case-open svg{width:20px;height:20px}.studio-case-meta{margin-bottom:19px;font-size:10px}.studio-case-copy h2{gap:14px;font-size:clamp(31px,8.4vw,42px)}.studio-case-copy h2>span{font-size:23px}.studio-case-copy>p{margin-top:20px;font-size:15px}.studio-case-copy>a{margin-top:25px}.studio-tags{gap:7px;margin-top:22px}.studio-tags>span{padding:5px 9px;font-size:10px}.studio-case-details{grid-template-columns:1fr;gap:35px;margin-top:37px;padding:34px 0}.studio-case-details p,.studio-case-details li{font-size:14px}.studio-case-product{padding:18px}.studio-case-product img{border-width:4px}.studio-process{padding:70px 0 65px}.studio-process .studio-section-heading{align-items:flex-start;gap:18px}.studio-process .studio-section-heading h2{font-size:clamp(34px,9.2vw,44px)}.studio-process-symbol{padding:8px 0 0;font-size:65px}.studio-process ol{grid-template-columns:1fr;gap:0;margin-top:38px}.studio-process li{grid-template-columns:48px minmax(0,1fr);gap:8px 16px;padding:23px 0;display:grid}.studio-process li>div{flex-direction:column;grid-row:1/3;justify-content:flex-start;align-items:flex-start;gap:20px;padding-top:6px}.studio-process li>div>svg{display:none}.studio-process h3{margin-top:0;font-size:22px}.studio-process li p{margin-top:0;font-size:14px}.studio-demo-grid,.studio-demo-grid-compact{grid-template-columns:1fr;gap:39px}.studio-demo-grid-compact .studio-demo-card:first-child{grid-column:auto}.studio-demo-image,.studio-demo-grid-compact .studio-demo-image,.studio-demo-grid-compact .studio-demo-card:first-child .studio-demo-image{height:clamp(290px,87vw,410px)}.studio-demo-image>img{border-width:5px}.studio-demo-portrait>img{border-radius:13px;width:46%;max-width:220px;top:34px}.studio-demo-landscape>img{width:88%;top:62px;left:6%}.studio-demo-launch{width:36px;height:36px;top:12px;right:12px}.studio-demo-caption{margin-top:19px}.studio-demo-caption h3{font-size:25px}.studio-demo-card>p{max-width:100%;margin-top:10px;font-size:13px}.studio-values-grid{grid-template-columns:1fr;gap:28px;margin-top:35px}.studio-values-grid h3{margin-top:18px;font-size:23px}.studio-values-grid p{font-size:14px}.studio-faq-grid{gap:30px}.studio-faq summary{gap:20px;padding:23px 0;font-size:16px}.studio-faq details p{padding:0 24px 23px 0;font-size:14px}.studio-contact-block{padding:70px 0 76px}.studio-contact-panel{grid-template-columns:1fr;gap:38px}.studio-contact-panel h2{margin-top:22px;font-size:clamp(36px,9.3vw,50px)}.studio-contact-panel>div>p{margin-top:24px;font-size:15px}.studio-contact-actions{flex-direction:column;align-items:flex-start;gap:23px;margin-top:30px}.studio-contact-actions>a:last-child{gap:7px;font-size:clamp(13px,3.5vw,16px)}.studio-contact-art{justify-self:end;width:115px;height:115px}.studio-contact-art>span,.studio-contact-art>i{width:100px;height:100px}.studio-contact-art>span{font-size:68px}}@media (prefers-reduced-motion:reduce){.studio-service-card,.studio-case-browser,.studio-case-phone,.studio-demo-image>img,.studio-demo-launch,.studio-faq summary span{transition:none}}