.landing{--lp-bg: #eef3ef;--lp-section: #e3ece6;--lp-panel: #f7faf7;--lp-ink: #193b30;--lp-muted: #586c61;--lp-line: #c9d9d0;--lp-accent: #286b55;--lp-mint: #d7eee1;background:var(--lp-bg);color:var(--lp-ink);font-family:Bricolage Grotesque,Arial,PingFang SC,Microsoft YaHei,sans-serif;font-size:15px;line-height:1.6}html.dark .landing{--lp-bg: #142923;--lp-section: #1a342c;--lp-panel: #244137;--lp-ink: #edf4ef;--lp-muted: #b1c6ba;--lp-line: #3c594d;--lp-accent: #b8d8bd;--lp-mint: #d7eee1}.landing *{box-sizing:border-box}.landing a{text-decoration:none;color:inherit}.landing button,.landing select{font:inherit;cursor:pointer}.landing button{border:0}.landing button:focus-visible,.landing a:focus-visible,.landing input:focus-visible,.landing select:focus-visible,.landing summary:focus-visible{outline:3px solid var(--lp-accent);outline-offset:4px}.landing h1,.landing h2,.landing h3,.landing p{margin:0}.landing h1{font-size:clamp(40px,4.5vw,68px);line-height:1.15;letter-spacing:-.05em;font-weight:650;white-space:pre-line}.landing h2{font-size:clamp(28px,2.7vw,40px);line-height:1.25;letter-spacing:-.035em;font-weight:620;white-space:pre-line}.landing h3{font-size:20px;font-weight:600}.landing p{color:var(--lp-muted)}.landing-wrap{width:min(1240px,calc(100% - 96px));margin-inline:auto}.landing section[id]{scroll-margin-top:28px}.landing-header{display:flex;align-items:center;justify-content:space-between;min-height:72px;gap:28px}.landing-brand{display:flex;align-items:center;gap:11px;font-size:27px;font-weight:700;letter-spacing:-1.2px}.landing-brand-symbol{display:flex;align-items:center;gap:5px;transform:rotate(-17deg)}.landing-brand-symbol span{display:block;width:9px;height:31px;background:currentColor;border-radius:1px}.landing-brand-symbol span+span{height:24px;opacity:.8}.landing-nav,.landing-header-actions{display:flex;align-items:center;gap:28px;font-size:13px}.landing-header-actions{gap:17px}.landing-nav a:hover,.landing-text-link:hover{color:var(--lp-accent)}.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:46px;padding:11px 23px;border-radius:6px;background:var(--lp-accent);color:#fff!important;font-size:14px;font-weight:600;border:1px solid transparent!important;transition:transform .16s,opacity .16s}html.dark .landing-button{color:#193b30!important}.landing-button:hover{transform:translateY(-2px);opacity:.9}.landing-button-outline{background:transparent;border-color:var(--lp-line)!important;color:var(--lp-ink)!important}html.dark .landing-button-outline{color:var(--lp-ink)!important}.landing-small{min-height:38px;padding:8px 16px;font-size:13px}.landing-login{border:1px solid var(--lp-line);padding:6px 17px;border-radius:5px}.landing-icon{display:inline-flex;justify-content:center;align-items:center;width:36px;height:36px;border-radius:50%;background:transparent;color:inherit;flex-shrink:0}.landing-icon:hover,.landing-icon[aria-pressed=true]{background:var(--lp-section)}.landing-theme{display:flex;border-radius:30px;background:var(--lp-section);padding:2px}.landing-theme .landing-icon{width:29px;height:29px}.landing-theme [aria-pressed=true]{background:var(--lp-panel)}.landing-mobile-nav{display:none}.landing-hero-copy{display:grid;grid-template-columns:1fr 5fr 1fr;text-align:center;gap:24px;padding-top:24px}.landing-subtitle{margin-top:18px!important;font-size:16px}.landing-actions{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:24px}.landing-margin-note{text-align:left;padding-top:16px;font-size:12px;white-space:pre-line}.landing-margin-note span,.landing-eyebrow{font-size:10px;letter-spacing:3px;line-height:1.8}.landing-margin-note p{margin-top:28px;padding-top:17px;border-top:1px solid var(--lp-line)}.landing-margin-note.right{text-align:right}.landing-margin-note.right p{border:0;margin:0 0 20px;padding:0}.landing-margin-note.right span{display:block;border-top:1px solid var(--lp-line);padding-top:16px}.landing-hero-demo{padding:14px 0 36px}.landing-canvas{width:100%;overflow:hidden;display:flex;align-items:center;justify-content:center}.landing-canvas canvas,.landing-canvas img,.landing-thumb canvas,.landing-thumb img,.landing-gallery-item canvas,.landing-gallery-item img,.landing-cta-art canvas{display:block;width:100%;height:auto}.landing-scene-fallback{width:100%;height:100%;object-fit:cover;max-height:520px}.landing-canvas:fullscreen{background:#141716;height:100%}.landing-canvas:fullscreen canvas{max-height:100%;object-fit:contain}.landing-hero-demo>.landing-canvas{max-width:1600px;margin:auto}.landing-transport{display:flex;align-items:center;gap:20px;padding:14px 0}.landing-time{font-size:12px;font-variant-numeric:tabular-nums;min-width:85px}.landing-transport input{flex:1;min-width:0;height:3px;accent-color:var(--lp-accent);cursor:pointer}.landing-hero-options{display:flex;align-items:center;gap:34px}.landing-motion-options{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;flex:1}.landing-motion-options button{background:transparent;color:inherit;padding:0;font-size:12px;text-align:left}.landing-motion-options button>span:last-child{display:block;margin-top:7px}.landing-thumb{display:block;border:2px solid transparent;overflow:hidden;border-radius:6px;background:var(--lp-section)}.landing-motion-options button[aria-pressed=true] .landing-thumb{border-color:var(--lp-accent)}.landing-thumb canvas{aspect-ratio:2;object-fit:cover}.landing-how{background:var(--lp-section);padding:60px 0 35px;text-align:center}.landing-steps{display:flex;align-items:center;justify-content:center;gap:52px;margin-bottom:28px}.landing-steps button{display:flex;gap:12px;align-items:center;background:transparent;color:var(--lp-muted);font-size:13px;padding:0}.landing-steps button span{display:flex;align-items:center;justify-content:center;width:29px;height:29px;border-radius:50%;background:var(--lp-line);color:var(--lp-muted);font-size:11px}.landing-steps button[aria-pressed=true]{color:var(--lp-accent);font-weight:600}.landing-steps button[aria-pressed=true] span{background:var(--lp-accent);color:var(--lp-bg)}.landing-editor-demo{margin-top:32px;display:grid;grid-template-columns:180px minmax(0,1fr) 230px;grid-template-rows:52px auto;background:var(--lp-panel);border:1px solid var(--lp-line);border-radius:12px;padding:0 20px 20px;gap:0 22px;box-shadow:0 14px 35px #193b300d;text-align:left}.landing-demo-top{grid-column:1 / -1;display:flex;align-items:center;gap:24px;font-size:12px}.landing-demo-top>a{margin-left:auto}.landing-wordmark{font-size:23px;font-weight:700;letter-spacing:-1px}.landing-demo-library{min-width:0}.landing-search-label{display:flex;gap:10px;align-items:center;font-size:12px;padding:8px 10px;border:1px solid var(--lp-line);border-radius:5px;margin-bottom:15px}.landing-demo-library .landing-motion-options{grid-template-columns:1fr;gap:10px}.landing-demo-library .landing-thumb canvas{aspect-ratio:2.8}.landing-demo-library .landing-motion-options button>span:last-child{font-size:11px;margin-top:3px}.landing-demo-center{display:flex;min-width:0;flex-direction:column;justify-content:center;background:#141716;padding:10px;border-radius:8px;color:#e5eeea}.landing-demo-center>.landing-canvas{max-height:410px}.landing-demo-center canvas{max-height:410px;object-fit:contain}.landing-demo-center .landing-transport{padding:16px 2px 6px}.landing-demo-center .landing-icon{color:#d7eee1}.landing-demo-center .landing-icon[aria-pressed=true]{background:#244137}.landing-demo-inspector{display:flex;flex-direction:column;gap:12px;font-size:12px}.landing-demo-inspector>strong{font-size:14px}.landing-photo-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;position:relative}.landing-photo-grid img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:4px}.landing-photo-grid>span{position:absolute;right:3px;bottom:3px;background:var(--lp-panel);border-radius:4px;display:flex;padding:4px}.landing-ratios{display:flex;gap:6px}.landing-ratios button{flex:1;background:var(--lp-section);color:var(--lp-ink);border-radius:5px;padding:10px 0;font-size:11px}.landing-ratios button[aria-pressed=true]{background:var(--lp-accent);color:var(--lp-bg)}.landing-demo-inspector select{padding:9px;border:1px solid var(--lp-line);border-radius:5px;background:transparent;color:inherit}.landing-demo-inspector .landing-button{padding:10px;margin-top:auto;font-size:12px}.landing-demo-hint{font-size:13px;min-height:24px;margin:16px 0 10px!important}.landing-facts{font-size:12px;letter-spacing:.2px}.landing-gallery{padding-block:65px}.landing-section-heading{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-bottom:28px}.landing-section-heading p{margin-top:12px}.landing-text-link{display:inline-flex;gap:12px;align-items:center;font-size:13px;font-weight:600}.landing-gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.landing-gallery-item>div{border-radius:7px;overflow:hidden;aspect-ratio:16 / 9;background:#141716}.landing-gallery-item h3{margin-top:12px;font-size:17px}.landing-gallery-item p{font-size:13px;margin-top:4px}.landing fieldset{border:0;padding:0;margin-inline:0;min-width:0}.landing-eyebrow{white-space:pre-line}.auth-page{min-height:65vh;padding:70px 24px;display:grid;place-items:center}.auth-card{width:min(440px,100%);text-align:center}.auth-card>img{margin:0 auto 24px}.auth-card h1{font-size:36px}.auth-card>p{margin:20px 0;line-height:1.8}.auth-google{display:flex;align-items:center;justify-content:center;gap:16px;border:1px solid var(--lp-line)!important;background:var(--lp-panel);color:var(--lp-ink);border-radius:8px;width:100%;min-height:52px;margin-top:30px}.auth-google-mark{font:700 22px Arial,sans-serif;color:#4285f4}.auth-google:disabled{cursor:wait;opacity:.65}.auth-skip{display:inline-block;margin-top:22px;text-decoration:underline!important;text-underline-offset:4px}.auth-note,.auth-links{font-size:12px}.auth-links{display:flex;justify-content:center;gap:24px}.auth-error{color:#a63030!important}.landing-account-link{font-size:13px;white-space:nowrap}.landing-account{position:relative;font-size:13px}.landing-account summary{cursor:pointer;max-width:110px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.landing-account>div{position:absolute;top:32px;right:0;width:240px;padding:18px;border:1px solid var(--lp-line, #c9d9d0);background:var(--lp-panel, #f7faf7);color:var(--lp-ink, #193b30);border-radius:8px;z-index:30;display:grid;gap:8px;overflow-wrap:anywhere}.landing-account button{border:1px solid var(--lp-line, #c9d9d0);padding:8px;cursor:pointer}
