.landing-page .site-header{width:min(var(--max-width), calc(100% - 64px));border:0;border-bottom:1px solid var(--line);background:var(--studio-paper);box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border-radius:0;margin:0 auto;padding:22px 0;top:0}.landing-page .brand{border-color:var(--line);background:var(--studio-surface);width:48px;height:48px;box-shadow:none;border-radius:12px}.landing-page .brand-mark{width:44px;height:44px}.landing-page .nav-links{color:var(--text);gap:26px;display:flex}.landing-page .nav-links a{padding:10px 0}.landing-page .nav-links a[href="/app/"]{background:var(--studio-accent);border:1px solid #0000;border-radius:8px;padding:10px 18px}.landing-page .nav-links a[href="/app/"]:hover{background:var(--studio-primary-soft-hover,#b9e465);color:var(--text)}.landing-page .support-pill{border-color:var(--line);color:var(--text);background:0 0;border-radius:8px;font-weight:500}.landing-page a:focus-visible{outline:2px solid var(--studio-green);outline-offset:4px}.landing-page .hero{width:min(var(--max-width), calc(100% - 64px));grid-template-columns:minmax(0,1fr) minmax(310px,370px);gap:clamp(40px,7vw,100px);min-height:640px;padding:72px 0 80px}.landing-page .hero-copy{padding:0}.landing-page .hero-copy h1{font-family:var(--studio-editorial-font);letter-spacing:-.04em;text-wrap:balance;font-size:clamp(44px,4.8vw,66px);font-weight:500;line-height:1.28}.landing-page .hero-copy p{max-width:540px;margin-top:28px;font-size:16px;font-weight:400;line-height:1.95}.landing-page .hero-card{border-top:3px solid var(--studio-green);background:var(--studio-surface);border-radius:12px;min-height:auto;padding:24px}.landing-page .card-topline{font-size:12px;font-weight:500}.landing-page .hero-brand-icon{width:154px;height:154px;box-shadow:none;border-radius:32px;margin:30px auto}.landing-page .hero-stack{gap:0}.landing-page .hero-stack div{border:0;border-top:1px solid var(--line);background:0 0;border-radius:0;grid-template-columns:66px minmax(0,1fr);align-items:baseline;gap:12px;padding:17px 0}.landing-page .hero-stack strong{font-size:15px;font-weight:600}.landing-page .hero-stack span{font-size:13px;font-weight:400}.landing-page .intro-section{width:min(var(--max-width), calc(100% - 64px));border-top:1px solid var(--line);margin:0 auto;padding:48px 0 56px;scroll-margin-top:100px}.landing-page .section-heading{margin-bottom:28px}.landing-page .section-heading p{letter-spacing:.12em;font-size:12px;font-weight:500}.landing-page .section-heading h2{font-size:clamp(26px,3vw,34px);font-weight:600;line-height:1.4}.landing-page .section-heading span{font-size:15px;font-weight:400}.landing-page .feature-grid{gap:18px}.landing-page .feature-card{border-radius:10px;min-height:215px;padding:25px}.landing-page .feature-icon{width:48px;height:48px;margin-bottom:24px}.landing-page .feature-card h3{font-size:18px;font-weight:600}.landing-page .feature-card p{font-size:14px;font-weight:400;line-height:1.85}.landing-page .footer{width:min(var(--max-width), calc(100% - 64px));border-top:1px solid var(--line);gap:24px;margin:0 auto;padding:26px 0 32px;font-size:12px;font-weight:400;line-height:1.8}.landing-page .footer-meta{justify-content:flex-end}@media (max-width:800px){.landing-page .hero{grid-template-columns:1fr;gap:38px;min-height:auto;padding:44px 0}.landing-page .hero-copy{max-width:620px}.landing-page .hero-card{width:100%;max-width:480px}.landing-page .footer-meta{justify-content:center}}@media (max-width:520px){.landing-page .site-header,.landing-page .hero,.landing-page .intro-section,.landing-page .footer{width:calc(100% - 36px)}.landing-page .site-header{flex-wrap:wrap;gap:10px;margin:0 auto;padding:14px 0}.landing-page .nav-links{gap:14px;font-size:12px;display:flex}.landing-page .nav-links a[href="/app/"]{padding:9px 12px}.landing-page .support-pill{min-height:36px;padding:0 10px;font-size:12px;display:inline-flex}.landing-page .brand{width:38px;height:38px}.landing-page .brand-mark{width:36px;height:36px}.landing-page .hero-copy h1{font-size:40px;line-height:1.3}.landing-page .hero-card{padding:20px}.landing-page .hero-brand-icon{width:132px;height:132px}.landing-page .feature-grid{grid-template-columns:1fr}.landing-page .feature-card{min-height:auto}.landing-page .footer{text-align:left;align-items:flex-start}.landing-page .footer-meta{justify-content:flex-start}}.landing-page{overflow:clip}.landing-page .nav-links a{align-items:center;min-height:44px;display:inline-flex}@media (max-width:520px){.landing-page .support-pill,.landing-page .brand{min-height:44px}.landing-page .site-header{padding-top:max(14px, env(safe-area-inset-top))}}.landing-page .hero-copy>.primary-button{background:var(--studio-primary,#203b32);color:#fff;min-height:48px;box-shadow:none;border-radius:12px;gap:12px;transition:background-color .16s}.landing-page .hero-copy>.primary-button:hover{background:var(--studio-primary-hover,#34583e)}.landing-page .hero-copy>.primary-button:focus-visible{outline:2px solid var(--studio-primary,#648a55);outline-offset:3px}@media (prefers-reduced-motion:reduce){.landing-page .hero-copy>.primary-button{transition:none}}
html[data-brand=xiashe] .landing-page .hero-copy .business-kicker{color:var(--studio-primary);letter-spacing:.04em;margin:0 0 18px;font-size:13px;font-weight:650}html[data-brand=xiashe] .landing-page .hero-copy>p:not(.business-kicker){max-width:480px;line-height:1.85}.business-heading-break{display:none}html[data-brand=xiashe] .landing-page .feature-card h3{font-size:19px;line-height:1.55}html[data-brand=xiashe] .landing-page .feature-icon{width:52px;height:52px;margin-bottom:22px}html[data-brand=xiashe] .landing-page .business-label{color:var(--studio-primary);letter-spacing:.05em;margin:0 0 12px;font-size:12px;font-weight:650}.business-cases,.distribution-section,.business-mission{width:min(var(--max-width), calc(100% - 64px));margin-left:auto;margin-right:auto}.business-cases,.distribution-section{border-top:1px solid var(--studio-line);padding:48px 0 38px;scroll-margin-top:110px}.business-roadmap,.business-scenario-note{color:var(--studio-muted);margin:20px 0 0;font-size:12px;line-height:1.8}.connector-section{border-top:1px solid var(--studio-line);grid-template-columns:1fr 1fr;align-items:center;gap:40px;margin-top:30px;padding-top:32px;display:grid}.connector-copy h3{margin:0 0 18px;font-size:26px;font-weight:600;line-height:1.45}.connector-copy>p:not(.business-label){color:var(--studio-muted);margin:0 0 14px;font-size:14px;font-weight:400;line-height:1.85}.connector-definition{color:var(--studio-muted);font-size:12px}.connector-register{flex-wrap:wrap;gap:8px;margin:0 0 18px;display:flex}.connector-register span{color:var(--studio-primary);background:var(--studio-primary-soft);border-radius:5px;padding:5px 9px;font-size:12px}.connector-map{border:1px solid var(--studio-line);background:#fff;border-radius:12px;margin:0;padding:26px 22px 14px}.connector-inputs{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.connector-inputs>span{border:1px solid var(--studio-line);text-align:center;background:var(--studio-paper);border-radius:7px;padding:11px 2px;font-size:13px}.connector-tracks{grid-template-columns:repeat(3,1fr);height:24px;display:grid;position:relative}.connector-tracks i{background:#b9c9df;justify-self:center;width:1px;height:24px}.connector-tracks:after{content:"";background:#b9c9df;height:1px;position:absolute;bottom:0;left:16.667%;right:16.667%}.connector-hub{color:#fff;background:var(--studio-primary);border-radius:9px;justify-content:center;align-items:center;gap:12px;width:80%;margin:18px auto 0;padding:18px 12px;display:flex;position:relative}.connector-hub:before{content:"";background:#b9c9df;width:1px;height:18px;position:absolute;top:-18px;left:50%}.connector-symbol{font-size:30px;line-height:1}.connector-hub strong{font-size:17px;font-weight:600}.connector-hub div>span{color:#e6efff;margin-top:5px;font-size:11px;display:block}.connector-stem{background:#b9c9df;width:1px;height:22px;margin:0 auto}.connector-product{border:1px solid var(--studio-line);background:var(--studio-paper);border-radius:8px;align-items:center;gap:10px;padding:16px;display:flex}.connector-product img{width:32px;height:32px}.connector-product strong{font-size:14px;font-weight:600}.connector-product div>span{color:var(--studio-muted);margin-top:5px;font-size:11px;display:block}.connector-brand{color:var(--studio-primary);white-space:nowrap;margin-left:auto;font-size:11px}.connector-map figcaption{color:var(--studio-muted);text-align:center;margin-top:12px;font-size:10px}.case-gallery-nav{justify-content:space-between;align-items:center;gap:16px;margin-bottom:18px;display:flex}.case-tabs{gap:6px;display:flex}.case-tabs button{min-height:44px;font:inherit;border:1px solid var(--studio-line);color:var(--studio-muted);cursor:pointer;background:#fff;border-radius:7px;padding:10px 18px;font-size:14px}.case-tabs button[aria-selected=true]{background:var(--studio-primary-soft);color:var(--studio-primary);border-color:var(--studio-primary)}.case-controls{align-items:center;gap:8px;display:flex}.case-counter{color:var(--studio-muted);font-variant-numeric:tabular-nums;margin-right:8px;font-size:12px}.case-controls button{border:1px solid var(--studio-line);width:44px;height:44px;color:var(--studio-ink);cursor:pointer;background:#fff;border-radius:7px;font-size:19px}.case-tabs button:hover,.case-controls button:hover{background:var(--studio-primary-soft)}.case-gallery button:focus-visible,.case-slide:focus-visible{outline:2px solid var(--studio-primary);outline-offset:3px}.case-slide{border:1px solid var(--studio-line);background:#fff;border-radius:12px;grid-template-columns:1fr 1fr;min-height:520px;display:grid;overflow:hidden}.case-slide[hidden]{display:none}.case-showcase{border-right:1px solid var(--studio-line);background:#f1f4f8;flex-direction:column;justify-content:center;min-width:0;display:flex}.case-art{margin:0}.case-art img{aspect-ratio:3/2;object-fit:contain;width:100%;height:auto;display:block}.case-art figcaption{color:var(--studio-muted);justify-content:space-between;align-items:center;gap:12px;padding:20px 24px;font-size:12px;line-height:1.65;display:flex}.case-art figcaption>span:last-child{white-space:nowrap;font-size:10px}.case-story{flex-direction:column;padding:30px;display:flex}.case-story h3{margin:0 0 18px;font-size:27px;font-weight:600;line-height:1.45}.case-story>p:not(.business-label){color:var(--studio-muted);margin:0 0 14px;font-size:14px;font-weight:400;line-height:1.85}.case-story>.case-person{flex-wrap:wrap;align-items:baseline;gap:10px;margin-bottom:18px;display:flex}.case-person strong{color:var(--studio-primary);font-size:21px;font-weight:600}.case-person span{font-size:12px}.case-results{border-top:1px solid #d9e1ec;grid-template-columns:1fr 1fr;gap:18px 24px;margin:0 24px 24px;padding:20px 0 0;display:grid}.case-results dt{color:var(--studio-muted);font-size:12px;line-height:1.7}.case-results dd{color:var(--studio-ink);margin:5px 0 0;font-size:19px;font-weight:600;line-height:1.5}.case-result-main{grid-column:1/-1}.case-result-main dd{color:var(--studio-primary);font-size:21px;font-weight:400}.case-result-main strong{margin:0 4px;font-size:32px;font-weight:600}.case-outcome{border-top:1px solid var(--studio-line);margin-top:auto;padding-top:16px}.case-outcome span{color:var(--studio-muted);margin-bottom:8px;font-size:11px;display:block}.case-outcome strong{font-size:13px;font-weight:600;line-height:1.8}.distribution-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;margin:0;padding:0;list-style:none;display:grid}.distribution-steps>li{min-width:0}.distribution-visual{background:#edf2f8;border:1px solid #dfe6ef;border-radius:14px;height:460px;scroll-margin-top:120px;position:relative;overflow:hidden}.distribution-visual img{object-fit:cover;width:100%;height:100%;display:block}.channel-scene{background:radial-gradient(at 80% 10%,#fff 0,#0000 60%),#e8edf4}.channel-video{border:4px solid #fff;border-radius:15px;height:297px;position:absolute;top:18px;left:19px;right:19px;overflow:hidden;box-shadow:0 12px 28px #20385220}.channel-video>img{object-position:50% 65%}.channel-video:after{content:"";background:linear-gradient(#0000 15%,#10192355 45%,#101923e0 100%);position:absolute;inset:0}.scene-format{z-index:1;color:#fff;background:#17253a50;border:1px solid #ffffff6b;border-radius:20px;padding:3px 9px;font-size:11px;position:absolute;top:12px;left:12px}.scene-play{z-index:1;color:#fff;background:#ffffff20;border:1px solid #ffffff9c;border-radius:50%;place-items:center;width:36px;height:36px;font-size:23px;display:grid;position:absolute;top:60px;left:calc(50% - 18px)}.video-caption{z-index:1;color:#fff;position:absolute;bottom:70px;left:14px;right:45px}.video-caption>span:first-child{color:#f1f4f8;font-size:11px}.video-caption>strong{margin:5px 0;font-size:20px;font-weight:600;line-height:1.55;display:block}.video-caption>span:last-child{font-size:10px;line-height:1.7}.video-side-actions{z-index:1;color:#fff;gap:10px;font-size:21px;display:grid;position:absolute;bottom:72px;right:12px}.channel-comment{background:#fff;border:1px solid #e0e7ed;border-radius:12px;padding:14px;position:absolute;bottom:20px;left:17px;right:17px;box-shadow:0 10px 28px #2338521a}.comment-heading{justify-content:space-between;align-items:center;margin-bottom:11px;font-size:11px;display:flex}.comment-heading>span{color:#2563eb;background:#edf3ff;border-radius:4px;padding:3px 6px;font-size:9px}.comment-author{align-items:center;gap:8px;display:flex}.distribution-visual .person-avatar{object-position:50% 38%;border-radius:50%;flex:0 0 30px;width:30px;height:30px}.comment-author strong{font-size:11px;font-weight:600}.comment-author div>span{color:#8b96a7;margin-left:7px;font-size:9px}.channel-comment p{color:#637086;margin:9px 0 11px;font-size:11px;line-height:1.75}.distribution-number{color:#2563eb;background:#edf3ff;border:1px solid #dce7ff;border-radius:8px;justify-content:space-between;align-items:center;gap:8px;padding:10px 11px;text-decoration:none;display:flex}.distribution-number small{color:#7486a4;margin-bottom:3px;font-size:9px;display:block}.distribution-number code{color:#2555a1;white-space:nowrap;font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:18px;font-weight:600}.distribution-number>span:last-child{white-space:nowrap;font-size:11px}.experience-scene{box-sizing:border-box;background:radial-gradient(at 40% 0,#dde9ff,#0000 70%),#f1f5fb;place-items:center;padding:17px;display:grid}.experience-window{box-sizing:border-box;background:#fff;border:1px solid #dae3f0;border-radius:12px;width:100%;max-width:345px;padding:12px;box-shadow:0 12px 30px #243d6410}.ai-picker-label{color:#758198;justify-content:space-between;align-items:center;gap:7px;font-size:10px;display:flex}.ai-picker-label code{color:#35649e;font-size:10px}.ai-platforms{border-bottom:1px solid #e8edf4;flex-wrap:wrap;gap:5px;margin-bottom:9px;padding:8px 0 11px;display:flex}.ai-platforms button{appearance:none;color:#637086;font:inherit;cursor:pointer;background:#fafbfd;border:1px solid #e2e8f0;border-radius:5px;padding:5px 8px;font-size:10px;line-height:1.2}.ai-platforms button[aria-pressed=true]{color:#2563eb;background:#edf3ff;border-color:#bed2fc}.ai-platforms button:hover{border-color:#92b5f6}.distribution-visual a:focus-visible,.ai-platforms button:focus-visible{outline-offset:3px;outline:2px solid #2563eb}.experience-top{align-items:center;gap:7px;min-height:25px;display:flex}.experience-symbol{color:#2563eb;font-size:20px;line-height:1}.experience-top strong{font-size:12px;font-weight:600}.experience-connection{align-items:center;gap:8px;padding:5px 0;display:flex}.experience-connection strong{color:#5d7595;font-size:10px;font-weight:500}.scene-status{color:#568a75;white-space:nowrap;font-size:9px}.scene-status:before{content:"";vertical-align:1px;background:#4d9d83;border-radius:50%;width:5px;height:5px;margin-right:4px;display:inline-block}.experience-question{color:#2b446b;background:#edf3ff;border-radius:9px 9px 2px;width:fit-content;margin:6px 0 8px auto;padding:8px 10px;font-size:11px;line-height:1.7}.experience-summary{color:#5a697e;margin:0 0 8px;font-size:11px;line-height:1.7}.planning-result{border:1px solid #e5ebf3;border-radius:7px;padding:8px}.planning-result-heading{justify-content:space-between;align-items:center;display:flex}.planning-result-heading strong{color:#3e5776;font-size:10px;font-weight:500}.planning-result-heading>span{color:#8b98aa;font-size:8px}.planning-chart{align-items:center;gap:6px;margin-top:4px;display:flex}.planning-chart svg{flex:1 1 0;width:0;height:85px;display:block}.planning-priorities{flex:0 0 54px;gap:9px;display:grid}.planning-priorities span{color:#748196;white-space:nowrap;align-items:center;gap:4px;font-size:8px;display:flex}.planning-priorities i{border-radius:1px;width:5px;height:5px}.storage-key{background:#aacbff}.route-key{background:#4c83e9}.space-key{background:#d4dde7}.experience-brand{color:#2a3e5b;border-top:1px solid #e6ebf2;align-items:center;gap:8px;margin-top:10px;padding-top:10px;text-decoration:none;display:flex}.experience-brand strong{font-size:11px;font-weight:600;display:block}.experience-brand strong>span{color:#7487a2;margin-left:5px;font-size:8px;font-weight:400}.experience-brand div>span{color:#7c889a;margin-top:3px;font-size:9px;line-height:1.5;display:block}.experience-brand>span:last-child{color:#2563eb;margin-left:auto;font-size:17px}.experience-brand:hover strong{color:#2563eb}.creator-scene{box-sizing:border-box;background:radial-gradient(at 80% 20%,#f4eee4,#0000 70%),#edf2f5;place-items:center;padding:17px;display:grid}.creator-preview{background:#fff;border:1px solid #dde3e9;border-radius:12px;width:100%;max-width:345px;overflow:hidden;box-shadow:0 12px 30px #28394d12}.creator-cover{height:108px;position:relative}.creator-cover img{object-position:50% 58%}.creator-cover>span{color:#fff;background:#1d2c4199;border-radius:5px;padding:4px 7px;font-size:9px;position:absolute;top:11px;right:11px}.creator-preview-body{padding:0 12px 12px}.creator-identity{align-items:center;gap:9px;height:49px;display:flex;position:relative}.distribution-visual .creator-avatar{box-sizing:border-box;object-position:50% 38%;border:3px solid #fff;border-radius:50%;flex:0 0 56px;width:56px;height:56px;transform:translateY(-15px)}.creator-identity strong{color:#25374d;font-size:15px;font-weight:600;line-height:1.6;display:block}.creator-identity div>span{color:#778398;font-size:9px;line-height:1.5;display:block}.creator-tagline{color:#6c798a;margin:3px 0 13px;font-size:11px;line-height:1.7}.creator-service-heading{color:#354b69;border-top:1px solid #edf0f4;justify-content:space-between;gap:6px;padding-top:11px;font-size:11px;display:flex}.creator-service-heading>span{color:#8d97a7;padding-top:2px;font-size:8px}.creator-offering{border-bottom:1px solid #edf0f4;align-items:center;gap:8px;padding:11px 0;display:flex}.creator-offering>img{object-position:50% 65%;border-radius:5px;flex:0 0 45px;width:45px;height:51px}.creator-offering div{min-width:0}.creator-offering strong{font-size:11px;font-weight:600;line-height:1.6;display:block}.creator-offering div>span{color:#8992a0;margin-top:3px;font-size:9px;line-height:1.6;display:block}.creator-offering div>.offering-kind{color:#457bc0;margin:0 0 2px;font-size:8px}.offering-action{color:#2563eb;white-space:nowrap;margin-left:auto;font-size:9px}.creator-service-note{color:#5276a6;background:#edf3ff;border-radius:6px;align-items:center;gap:6px;margin-top:10px;padding:8px;font-size:9px;display:flex}.distribution-step-title{align-items:center;gap:10px;margin-top:20px;display:flex}.distribution-step-title>span{width:26px;height:26px;color:var(--studio-primary);background:#edf3ff;border:1px solid #dce5f3;border-radius:50%;flex:0 0 26px;place-items:center;font-size:11px;display:grid}.distribution-step-title h3{margin:0;font-size:17px;font-weight:600;line-height:1.55}.distribution-steps li>p{color:var(--studio-muted);margin:12px 0 0;font-size:14px;font-weight:400;line-height:1.85}.distribution-install-link{color:var(--studio-primary);margin-top:26px;font-size:14px;display:inline-block}.distribution-credit{color:var(--studio-muted);margin:14px 0 0;font-size:11px;line-height:1.8}.distribution-credit a{color:inherit;text-underline-offset:3px;text-decoration:underline}@media (max-width:1040px){.distribution-steps{grid-template-columns:1fr;gap:34px}.distribution-steps>li{width:100%;max-width:440px;margin:0 auto}}.business-mission{border-top:1px solid var(--studio-line);justify-content:space-between;align-items:center;gap:24px;padding:30px 0;display:flex}.business-mission p{margin:0;font-size:21px;font-weight:600;line-height:1.75}.business-mission a{color:var(--studio-primary);white-space:nowrap;font-size:14px}@media (max-width:900px){.connector-section{gap:24px}.case-story{padding:24px}.case-story h3{font-size:23px}.distribution-steps{gap:18px}}@media (max-width:760px){html[data-brand=xiashe] .landing-page .hero-copy .business-kicker{font-size:12px}.business-heading-break{display:initial}.connector-section,.case-slide,.distribution-steps{grid-template-columns:1fr}.connector-copy h3{font-size:24px}.connector-map{box-sizing:border-box;width:100%;max-width:500px}.case-slide{min-height:0}.case-showcase{border-right:0;border-bottom:1px solid var(--studio-line)}.case-story{min-height:0}.business-cases,.distribution-section{padding-top:36px}.distribution-steps{gap:28px}.business-mission{flex-direction:column;align-items:flex-start;gap:12px}}@media (max-width:520px){.business-cases,.distribution-section,.business-mission{width:calc(100% - 36px)}.case-gallery-nav{gap:10px}.case-tabs{gap:4px}.case-tabs button{padding:9px 11px;font-size:13px}.case-controls{gap:4px}.case-counter{display:none}.case-art figcaption{padding:16px;font-size:11px}.case-results{margin:0 20px 22px}.connector-map{padding:20px 14px 12px}.connector-inputs{gap:8px}.connector-inputs>span{font-size:12px}.connector-brand{display:none}.business-mission p{font-size:20px}}@media (max-width:380px){.distribution-visual{scroll-margin-top:150px}.case-gallery-nav{flex-wrap:wrap}.case-tabs{width:100%}.case-tabs button{white-space:nowrap;flex:1}.case-controls{margin-left:auto}}
