/* Public homepage only; account forms and the signed-in workspace use their own styles. */
.landing-page{--landing-muted:#64748b;min-height:100svh;color:var(--text);background:linear-gradient(180deg,#eff5ff 0,#f8faff 640px,#f8faff 100%);padding-bottom:8px}
.landing-wrap{width:min(1160px,calc(100% - 80px));margin-inline:auto}
.landing-header{display:flex;align-items:center;justify-content:space-between;gap:28px;min-height:92px;border-bottom:1px solid #dfe7f3}
.landing-brand{padding:0;min-width:0;gap:11px}.landing-brand strong{font-size:17px;white-space:normal;overflow-wrap:anywhere}.landing-brand small{font-size:10px;letter-spacing:1px}.landing-brand .brand-icon{width:36px;height:36px;border-radius:10px}
.landing-header nav{flex-direction:row;align-items:center;gap:24px;flex-shrink:0}.landing-header nav>a{font-size:13px}.landing-header nav>.primary{padding:9px 15px}.landing-header .primary .icon{width:15px;height:15px}
.landing-nav-links{display:flex;align-items:center;gap:26px;margin-right:12px}.landing-nav-links a{font-size:13px;color:var(--landing-muted)}.landing-nav-links a:hover{color:var(--blue)}
.landing-main{width:100%;margin:0}.landing-main section[id]{scroll-margin-top:28px}
.landing-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(0,1fr);align-items:center;gap:64px;padding-block:64px 68px}
.landing-copy{min-width:0}.landing-eyebrow{display:inline-flex;align-items:center;gap:8px;color:var(--blue);font-size:12px;font-weight:600}.landing-eyebrow .icon{width:16px;height:16px}
.landing-copy h1{font-size:clamp(38px,4.2vw,56px);letter-spacing:-1.5px;line-height:1.3;margin-block:20px}.landing-copy h1 em{font-style:normal;color:var(--blue)}
.landing-description{font-size:16px;color:var(--text);line-height:1.9;white-space:pre-line;overflow-wrap:anywhere}.landing-intro{font-size:14px;line-height:1.9;color:var(--landing-muted);max-width:430px;margin-top:8px}
.landing-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.landing-actions a{min-height:46px;padding:12px 20px;font-size:13px}.landing-actions .icon{width:16px;height:16px}
.landing-points{display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:22px}.landing-points>span{display:flex;align-items:center;gap:5px;font-size:11px;color:var(--landing-muted)}.landing-points .icon{width:14px;height:14px;color:var(--blue)}
.landing-preview{min-width:0;border:1px solid #d6e2f3;border-radius:18px;background:var(--surface);box-shadow:0 22px 48px -32px #2357a66b;overflow:hidden}
.landing-demo-top{display:flex;align-items:center;gap:9px;padding:18px 22px;border-bottom:1px solid var(--border)}.landing-demo-top strong{font-size:12px;font-weight:600}.landing-demo-mark{color:var(--blue);width:16px;height:16px}.landing-demo-label{margin-left:auto;font-size:10px;color:var(--landing-muted)}.landing-demo-top i{width:6px;height:6px;border-radius:50%;background:var(--green)}
.landing-demo-tabs{display:flex;gap:4px;margin:18px 22px 0;padding:4px;background:var(--surface-soft);border:1px solid var(--border);border-radius:9px}.landing-demo-tabs button{flex:1;display:flex;justify-content:center;align-items:center;gap:7px;min-height:34px;border:0;border-radius:6px;color:var(--landing-muted);background:transparent;font-size:12px;font-weight:550}.landing-demo-tabs button[aria-selected=true]{color:var(--blue);background:var(--surface);box-shadow:0 1px 4px #17375e14}.landing-demo-tabs button>span{font-size:9px;background:var(--blue-soft);color:var(--blue);padding:2px 5px;border-radius:4px}
.landing-demo-panel{padding:23px 22px 0;min-height:286px}.landing-demo-panel[hidden]{display:none}.landing-demo-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.landing-demo-heading small{font-size:11px;color:var(--landing-muted)}.landing-demo-heading h2{font-size:17px;font-weight:650;margin-top:5px}.landing-demo-heading>.icon{width:20px;height:20px;color:#9bb3d5}
.landing-demo-row{display:flex;align-items:center;gap:10px;padding:13px 0;border-bottom:1px solid var(--border)}.landing-demo-row>time{font-size:11px;color:var(--landing-muted);font-variant-numeric:tabular-nums}.landing-demo-row>div{min-width:0}.landing-demo-row strong{font-size:12px;display:block;font-weight:600}.landing-demo-row small{display:block;font-size:10px;color:var(--landing-muted);margin-top:4px}.landing-demo-status{font-size:9px;background:var(--blue-soft);color:var(--blue);margin-left:auto;padding:4px 6px;border-radius:5px;flex-shrink:0}
.landing-app-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;flex-shrink:0;overflow:hidden;background:var(--blue-soft)}.landing-app-icon img{display:block;width:100%;height:100%;object-fit:cover}.landing-douyin-mark{background:#171d2b;color:#fff}.landing-douyin-mark svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.landing-demo-foot{display:flex;justify-content:center;align-items:center;gap:6px;color:var(--landing-muted);font-size:10px;line-height:1.6;padding:15px 0}.landing-demo-foot .icon{width:13px;height:13px;color:var(--blue)}
.landing-preview-caption{display:flex;align-items:center;justify-content:center;gap:7px;background:var(--surface-soft);border-top:1px solid var(--border);padding:12px 16px;color:var(--landing-muted);font-size:11px}.landing-preview-caption .icon{width:14px;height:14px}
.landing-spark-plan{border:1px solid var(--border);border-radius:9px;margin-top:12px;padding:12px 14px}.landing-spark-plan>div{display:flex;align-items:center;gap:7px}.landing-spark-plan strong{font-size:12px}.landing-spark-plan time{margin-left:auto;font-size:11px;color:var(--blue);font-variant-numeric:tabular-nums}.landing-spark-plan p{font-size:12px;line-height:1.7;margin-block:8px 4px}.landing-spark-plan small{font-size:10px;color:var(--landing-muted)}.landing-plan-dot{width:6px;height:6px;background:#4c8df1;border-radius:50%}.landing-plan-dot.evening{background:#8d83c7}
.landing-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:26px}.landing-section-head h2{font-size:27px;letter-spacing:-.6px;line-height:1.5;margin-top:7px}.landing-section-head p{font-size:13px;line-height:1.8;color:var(--landing-muted);padding-bottom:3px}.landing-kicker{font-size:11px;font-weight:600;color:var(--blue);letter-spacing:1px}
.landing-platforms{padding-block:8px 52px}.landing-section-head.compact h2{font-size:21px;letter-spacing:-.3px}.landing-section-head.compact{margin-bottom:20px}
.landing-platform-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.landing-platform{display:flex;align-items:center;gap:10px;min-width:0;background:var(--surface);border:1px solid var(--border);border-radius:11px;padding:16px 12px}.landing-platform>div{min-width:0}.landing-platform strong{font-size:12px;display:block;font-weight:600;line-height:1.5}.landing-platform small{display:block;font-size:10px;color:var(--landing-muted);margin-top:4px;line-height:1.6}.landing-platform .landing-app-icon{width:30px;height:30px;border-radius:9px}.landing-platform-featured{grid-column:span 2;padding-inline:18px;background:var(--blue-soft);border-color:#dbe6fa}.landing-platform-featured .landing-app-icon{width:38px;height:38px}.landing-platform-featured strong{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:14px}
.landing-member-tag{display:inline-block;vertical-align:middle;border:1px solid #d4e1fb;border-radius:5px;background:var(--surface);color:var(--blue);font-size:10px;font-weight:550;line-height:1.6;padding:2px 6px;letter-spacing:0}
.landing-features{padding-block:20px 56px}.landing-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.landing-feature{padding:25px;background:var(--surface);border:1px solid var(--border);border-radius:14px;min-width:0}.landing-feature-icon{display:inline-grid;place-items:center;width:37px;height:37px;border-radius:10px;color:var(--blue);background:var(--blue-soft);margin-bottom:18px}.landing-feature-icon .icon{width:19px;height:19px}.landing-feature h3{font-size:16px;line-height:1.6;margin-bottom:9px;letter-spacing:-.2px}.landing-feature p{font-size:12px;line-height:1.9;color:var(--landing-muted)}.landing-feature-detail{display:flex;align-items:center;flex-wrap:wrap;gap:7px;color:var(--landing-muted);font-size:10px;margin-top:20px;line-height:1.7}.landing-feature-detail i{height:3px;width:3px;border-radius:50%;background:#bdc9da}
.landing-feature-spotlight{grid-column:span 2;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.9fr);gap:30px;background:linear-gradient(120deg,var(--surface),var(--blue-soft));border-color:#d9e4f5}.landing-feature-copy>.landing-member-tag{margin-left:6px;margin-bottom:18px}.landing-feature-spotlight h3{font-size:21px}.landing-feature-spotlight ul{list-style:none;padding:0;margin:17px 0 0}.landing-feature-spotlight li{display:flex;align-items:center;gap:7px;font-size:11px;color:var(--landing-muted);margin-top:9px}.landing-feature-spotlight li .icon{width:14px;height:14px;color:var(--blue)}
.landing-feature-visual{display:flex;flex-direction:column;justify-content:center;min-width:0}.landing-mini-plan{display:grid;grid-template-columns:18px minmax(0,1fr) auto;gap:7px;align-items:center;padding:16px 13px;background:var(--surface);border:1px solid #dfe7f3;border-radius:10px;box-shadow:0 8px 18px -16px #315d9d66}.landing-mini-plan+.landing-mini-plan{margin:12px 0 0 15px}.landing-mini-plan>.icon{width:16px;height:16px;color:var(--blue)}.landing-mini-plan strong{font-size:11px}.landing-mini-plan time{color:var(--blue);font-size:10px;font-variant-numeric:tabular-nums}.landing-mini-plan small{grid-column:2/4;color:var(--landing-muted);font-size:9px}.landing-mini-caption{display:flex;justify-content:center;align-items:center;gap:5px;color:var(--landing-muted);font-size:10px;margin-top:15px}.landing-mini-caption .icon{width:13px;height:13px;color:var(--blue)}
.landing-steps{padding-block:6px 48px}.landing-step-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:32px}.landing-step-grid article{display:flex;align-items:flex-start;gap:15px}.landing-step-grid article>span{font-size:24px;line-height:1.4;color:#9eb5d5;font-weight:600;letter-spacing:-.7px}.landing-step-grid h3{font-size:14px;margin-top:2px}.landing-step-grid p{font-size:12px;line-height:1.8;color:var(--landing-muted);margin-top:6px}
.landing-membership{display:flex;align-items:center;gap:20px;padding:25px 28px;border:1px solid #dce7f8;border-radius:14px;background:#edf3ff}.landing-membership-icon{width:37px;height:37px;color:var(--blue);flex-shrink:0}.landing-membership>div{flex:1;min-width:0}.landing-membership h2{font-size:20px;letter-spacing:-.3px;margin-top:6px}.landing-membership p{font-size:12px;color:var(--landing-muted);line-height:1.9;margin-top:7px;max-width:690px}.landing-membership>a{font-size:12px;flex-shrink:0}.landing-membership>a>.icon{width:15px;height:15px}
.landing-faq{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;padding-block:58px}.landing-faq .landing-section-head{align-items:flex-start;margin:0}.landing-faq h2{font-size:24px;max-width:300px}.landing-faq-list{min-width:0}.landing-faq details{border-bottom:1px solid var(--border)}.landing-faq details:first-child{border-top:1px solid var(--border)}.landing-faq summary{list-style:none;display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:13px;font-weight:550;cursor:pointer;padding:18px 0;line-height:1.7}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary>.icon{width:15px;height:15px;color:var(--landing-muted);transition:transform .18s}.landing-faq details[open] summary>.icon{transform:rotate(45deg)}.landing-faq details p{font-size:12px;line-height:1.9;color:var(--landing-muted);padding-bottom:18px;max-width:540px}
.landing-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;border:1px solid #d6e3f8;border-radius:15px;background:linear-gradient(100deg,#e5efff,#f0f5ff);padding:32px 36px}.landing-cta h2{font-size:27px;line-height:1.6;letter-spacing:-.5px;margin-top:5px}.landing-cta p{color:var(--landing-muted);font-size:13px;margin-top:5px}.landing-cta>a{min-height:44px;padding-inline:22px;font-size:13px;flex-shrink:0}.landing-cta>a>.icon{width:16px;height:16px}
.landing-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding-block:32px}.landing-footer-brand{font-size:13px;font-weight:600;min-width:0;overflow-wrap:anywhere}.landing-footer-brand small{display:block;font-weight:400;font-size:11px;color:var(--landing-muted);margin-top:6px}.landing-footer-links{display:flex;align-items:center;gap:22px;flex-shrink:0}.landing-footer-links a{font-size:11px;color:var(--landing-muted)}.landing-footer-links a:hover{color:var(--blue)}.landing-footer-links .icon{width:13px;height:13px}
[data-theme=dark] .landing-page{--landing-muted:#9baac1;background:linear-gradient(180deg,#17283f,#131e30 650px)}
[data-theme=dark] .landing-header,[data-theme=dark] .landing-preview,[data-theme=dark] .landing-feature-spotlight,[data-theme=dark] .landing-mini-plan,[data-theme=dark] .landing-platform-featured,[data-theme=dark] .landing-member-tag,[data-theme=dark] .landing-membership,[data-theme=dark] .landing-cta{border-color:var(--border)}
[data-theme=dark] .landing-membership{background:#1b2d48}[data-theme=dark] .landing-cta{background:linear-gradient(110deg,#223853,#1b2b43)}[data-theme=dark] .landing-step-grid article>span{color:#7791b6}
@media(max-width:1100px){.landing-wrap{width:calc(100% - 56px)}.landing-hero{gap:35px}.landing-points{gap:9px 12px}.landing-nav-links{gap:20px;margin-right:0}.landing-platform-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.landing-feature-spotlight{gap:20px}.landing-feature{padding:22px}.landing-feature-spotlight h3{font-size:19px}.landing-feature-visual{align-self:center}}
@media(max-width:800px){.landing-header{min-height:80px}.landing-nav-links{display:none}.landing-hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;padding-block:44px}.landing-copy h1{font-size:37px;letter-spacing:-1px}.landing-description{font-size:14px}.landing-intro{font-size:12px}.landing-actions{gap:8px;margin-top:22px}.landing-actions a{padding:11px 13px;font-size:12px}.landing-points{font-size:10px}.landing-demo-top{padding-inline:16px}.landing-demo-tabs{margin-inline:14px}.landing-demo-panel{padding-inline:15px}.landing-demo-row{gap:8px}.landing-demo-row .landing-app-icon{width:30px;height:30px}.landing-demo-status{display:none}.landing-demo-heading h2{font-size:15px}.landing-section-head{align-items:flex-start;flex-direction:column;gap:8px}.landing-platform-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.landing-feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-feature-spotlight{grid-column:span 2}.landing-step-grid{gap:20px}.landing-step-grid article{gap:10px}.landing-step-grid article>span{font-size:21px}.landing-membership{flex-wrap:wrap;gap:16px}.landing-membership>div{flex-basis:calc(100% - 60px)}.landing-membership>a{margin-left:53px}.landing-faq{gap:28px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr)}.landing-faq h2{font-size:21px}.landing-cta h2{font-size:23px}}
@media(max-width:600px){.landing-wrap{width:calc(100% - 36px)}.landing-header{min-height:75px;gap:12px}.landing-brand{gap:9px}.landing-brand strong{font-size:15px}.landing-brand small{display:none}.landing-brand .brand-icon{width:32px;height:32px;border-radius:9px}.landing-header nav{gap:14px}.landing-header nav>a{font-size:12px}.landing-header nav>.primary{padding:8px 10px;font-size:11px}.landing-header nav>.primary .icon{display:none}.landing-hero{grid-template-columns:minmax(0,1fr);gap:30px;padding-block:32px 38px}.landing-copy h1{font-size:40px;letter-spacing:-1.2px;margin-block:17px}.landing-description{font-size:14px}.landing-intro{font-size:13px;max-width:420px}.landing-actions{margin-top:23px;gap:10px}.landing-actions a{font-size:12px;min-height:44px;padding:11px 17px}.landing-points{gap:9px 13px;margin-top:18px}.landing-points>span{font-size:10px}.landing-points .icon{width:13px;height:13px}.landing-preview{border-radius:14px}.landing-demo-top{padding:16px 18px}.landing-demo-tabs{margin:16px 18px 0}.landing-demo-panel{padding:20px 18px 0;min-height:281px}.landing-demo-heading h2{font-size:16px}.landing-demo-row .landing-app-icon{width:32px;height:32px}.landing-demo-status{display:block}.landing-demo-row{gap:10px}.landing-preview-caption{font-size:10px;padding:11px 12px}.landing-platforms{padding-block:0 30px}.landing-section-head{margin-bottom:20px;gap:5px}.landing-section-head h2{font-size:23px;letter-spacing:-.5px;margin-top:6px}.landing-section-head p{font-size:12px}.landing-section-head.compact h2{font-size:20px}.landing-kicker{font-size:10px}.landing-platform-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.landing-platform{padding:13px 12px;gap:9px}.landing-platform strong{font-size:12px}.landing-platform small{font-size:10px}.landing-platform-featured{padding:16px}.landing-platform-featured strong{font-size:14px}.landing-platform-featured small{font-size:11px}.landing-feature-grid{grid-template-columns:minmax(0,1fr);gap:12px}.landing-feature{padding:21px}.landing-feature-icon{width:34px;height:34px;margin-bottom:14px}.landing-feature h3{font-size:16px}.landing-feature p{font-size:12px}.landing-feature-detail{margin-top:14px}.landing-feature-spotlight{grid-column:auto;grid-template-columns:minmax(0,1fr);gap:20px}.landing-feature-spotlight h3{font-size:20px}.landing-feature-spotlight ul{margin-top:15px}.landing-feature-spotlight li{font-size:12px}.landing-feature-visual{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.landing-mini-plan{padding:13px 10px;grid-template-columns:15px minmax(0,1fr);gap:7px}.landing-mini-plan+.landing-mini-plan{margin:0}.landing-mini-plan strong{font-size:11px}.landing-mini-plan time{grid-column:2;font-size:11px}.landing-mini-plan small{grid-column:1/3;font-size:9px;line-height:1.7}.landing-mini-caption{grid-column:1/3;margin:1px 0 0}.landing-feature-copy>.landing-member-tag{margin-bottom:14px}.landing-features{padding-block:10px 36px}.landing-steps{padding-block:0 32px}.landing-step-grid{grid-template-columns:minmax(0,1fr);gap:19px}.landing-step-grid article{gap:16px}.landing-step-grid article>span{font-size:23px}.landing-step-grid h3{font-size:14px}.landing-step-grid p{font-size:12px;margin-top:4px}.landing-membership{padding:21px;gap:13px}.landing-membership-icon{width:30px;height:30px}.landing-membership>div{flex-basis:calc(100% - 45px)}.landing-membership h2{font-size:18px;line-height:1.6}.landing-membership p{font-size:12px}.landing-membership>a{margin-left:43px;font-size:11px}.landing-faq{grid-template-columns:minmax(0,1fr);gap:18px;padding-block:36px}.landing-faq .landing-section-head{margin:0}.landing-faq h2{font-size:22px;max-width:none}.landing-faq summary{font-size:12px;padding-block:16px}.landing-faq details p{font-size:12px}.landing-cta{padding:25px 23px;align-items:flex-start;flex-direction:column;gap:20px;border-radius:13px}.landing-cta h2{font-size:22px;letter-spacing:-.5px}.landing-cta p{font-size:12px}.landing-cta>a{font-size:12px;min-height:42px;padding-inline:17px}.landing-footer{align-items:flex-start;flex-direction:column;gap:19px;padding-block:27px}.landing-footer-links{flex-wrap:wrap;gap:18px}.landing-footer-brand{font-size:12px}.landing-footer-brand small{font-size:10px}}
@media(max-width:360px){.landing-wrap{width:calc(100% - 28px)}.landing-header nav{gap:10px}.landing-copy h1{font-size:35px}.landing-eyebrow{font-size:11px}.landing-points{gap:8px 10px}.landing-points>span{font-size:9px}.landing-platform{padding:12px 9px;gap:8px}.landing-platform strong{font-size:11px}.landing-platform .landing-app-icon{width:28px;height:28px}.landing-platform-featured .landing-app-icon{width:35px;height:35px}.landing-demo-row{gap:8px}.landing-demo-row small{font-size:9px}.landing-demo-status{font-size:8px;padding-inline:5px}.landing-feature-visual{gap:7px}.landing-mini-plan{padding:12px 8px}}
@media(prefers-reduced-motion:reduce){.landing-page *, .landing-page *::before,.landing-page *::after{scroll-behavior:auto!important;transition:none!important}}