:root{--bg:#f3efe9;--paper:rgba(255,250,246,0.84);--paper-warm:linear-gradient(180deg,rgba(255,248,242,0.92),rgba(255,236,226,0.78));--paper-cool:linear-gradient(180deg,rgba(244,251,255,0.9),rgba(232,244,250,0.76));--paper-mix:linear-gradient(135deg,rgba(255,246,240,0.92),rgba(239,248,252,0.82));--ink:#182028;--muted:#57606b;--line:rgba(24,32,40,0.12);--accent:#ff6a3d;--accent-2:#1ea7d7;--shadow:0 20px 60px rgba(16,25,34,0.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Avenir Next,Segoe UI,sans-serif;color:var(--ink);background:radial-gradient(circle at top left,rgba(255,106,61,.2),transparent 24%),radial-gradient(circle at top right,rgba(30,167,215,.18),transparent 22%),linear-gradient(180deg,#f5efe8,#ebe7e3 55%,#e6edf0)}a{color:inherit}.site-shell{max-width:1180px;margin:0 auto;padding:24px}.site-shell.narrow{max-width:860px}.site-shell.cn-site{max-width:1100px}.footer,.topbar{display:flex;align-items:center;justify-content:space-between;gap:20px}.topbar{margin-bottom:24px;padding:16px 20px;border-radius:20px;border:1px solid rgba(24,32,40,.08);background:linear-gradient(135deg,rgba(255,248,242,.88),rgba(239,248,252,.78));box-shadow:0 14px 34px rgba(16,25,34,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{font-family:Helvetica Neue,Avenir Next,sans-serif;font-weight:700;font-size:1.1rem;text-decoration:none;letter-spacing:.02em;color:#17222c}.nav{display:flex;gap:18px}.nav a{display:inline-flex;align-items:center;min-height:36px;padding:0 12px;border-radius:999px;text-decoration:none;color:var(--muted);transition:background .12s ease,color .12s ease}.nav a.active,.nav a:hover{color:var(--ink);background:rgba(255,106,61,.1)}.panel{background:var(--paper-mix);border:1px solid var(--line);border-radius:22px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.home-page>.faq-strip,.home-page>.feature-band,.home-page>.grid-two .panel,.home-page>.workflow,.page-stack>.grid-two .panel,.page-stack>.panel{position:relative;overflow:hidden;isolation:isolate}.home-page>.faq-strip:after,.home-page>.feature-band:after,.home-page>.grid-two .panel:after,.home-page>.workflow:after,.page-stack>.grid-two .panel:after,.page-stack>.panel:after{content:"";position:absolute;right:-22px;bottom:-18px;width:210px;height:210px;border-radius:30%;background:radial-gradient(circle at 34% 30%,rgba(250,248,243,.42),rgba(250,248,243,.16) 52%,rgba(250,248,243,0) 74%),url(/style-demo/logo-photo-transparent.png) 50% /88% no-repeat;opacity:.18;filter:saturate(.32) contrast(1.04) brightness(1.06);pointer-events:none;z-index:0}.home-page>.faq-strip>*,.home-page>.feature-band>*,.home-page>.grid-two .panel>*,.home-page>.workflow>*,.page-stack>.grid-two .panel>*,.page-stack>.panel>*{position:relative;z-index:1}.hero{display:grid;grid-template-columns:1.7fr 1fr;grid-gap:24px;gap:24px;padding:44px;margin-bottom:24px}.hero-action{position:relative;grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:28px;overflow:hidden;padding:34px;background:radial-gradient(circle at 14% 16%,rgba(255,208,125,.16),transparent 24%),radial-gradient(circle at 80% 22%,rgba(30,167,215,.14),transparent 28%),linear-gradient(135deg,#101922,#16394b 44%,#ff6a3d);border-color:rgba(255,255,255,.08);box-shadow:0 28px 72px rgba(16,25,34,.26)}.hero-watermark{position:absolute;right:-82px;bottom:-96px;width:360px;height:360px;display:grid;place-items:center;pointer-events:none}.hero-watermark:before{content:"";position:absolute;inset:44px;border-radius:32%;background:radial-gradient(circle at 34% 30%,rgba(250,248,243,.38),rgba(250,248,243,.14) 52%,rgba(250,248,243,0) 76%),radial-gradient(circle at 68% 68%,rgba(255,208,125,.18),rgba(255,208,125,0) 64%);filter:blur(10px)}.hero-watermark img{width:332px;height:332px;opacity:.2;filter:brightness(1.08) contrast(1.04) saturate(.2) drop-shadow(0 18px 36px rgba(8,15,22,.18))}.hero-copy-stack,.hero-visual-column,.hero-watermark img{position:relative;z-index:1}.hero-copy-stack{justify-content:space-between;gap:28px;min-height:100%}.hero-copy-main,.hero-copy-stack{display:flex;flex-direction:column}.hero-brand-row{display:flex;align-items:center;gap:14px;margin-bottom:18px}.hero-logo-badge{flex:0 0 auto;width:54px;height:54px;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:#faf8f3;box-shadow:0 12px 22px rgba(0,0,0,.2)}.hero-logo-badge img{position:relative;top:-8px;left:-8px;width:66px;height:66px}.hero-brand-kicker,.hero-brand-sub{margin:0}.hero-brand-kicker{font-size:.78rem;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#fff8f2;text-shadow:0 10px 24px rgba(0,0,0,.28)}.hero-brand-sub{margin-top:4px;font-size:.95rem;color:rgba(255,248,242,.98);text-shadow:0 10px 24px rgba(0,0,0,.26)}.hero h1,.panel h2,.prose h1{font-family:Georgia,Times New Roman,serif;line-height:1.02;margin:0 0 16px}.hero h1{font-size:clamp(2.6rem,5vw,5rem);max-width:12ch;text-wrap:balance}.hero-action h1{margin:0;max-width:10ch;font-family:Avenir Next,Segoe UI,sans-serif;font-size:clamp(2.15rem,4vw,4.05rem);font-weight:800;line-height:.97;letter-spacing:-.045em;color:#fff5ee}.home-page-en .hero-action h1{font-size:clamp(1.74rem,2.9vw,3.05rem);max-width:18ch}.home-page-en .hero-proof-row span{white-space:nowrap;font-size:.86rem}.lede,.panel li,.panel p,.prose p{color:var(--muted);line-height:1.7;font-size:1.02rem}.card-label,.eyebrow,.section-label{margin:0 0 12px;text-transform:uppercase;letter-spacing:.16em;font-size:.74rem;color:var(--accent);font-weight:700}.hero-action .eyebrow{color:rgba(255,245,238,.74);margin-bottom:14px}.hero-action .lede{max-width:39rem;margin:18px 0 0;color:rgba(255,245,238,.88);font-size:1.06rem}.hero-proof-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-proof-row span{min-height:38px;padding:0 14px;border-radius:999px;display:inline-flex;align-items:center;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.16);color:#fff5ee;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-proof-row .hero-proof-primary{background:linear-gradient(180deg,rgba(255,130,87,.34),rgba(255,106,61,.22));border-color:rgba(255,208,125,.32);box-shadow:0 10px 24px rgba(255,106,61,.18)}.cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border-radius:999px;text-decoration:none;border:1px solid transparent;transition:transform .12s ease,box-shadow .12s ease}.button:hover{transform:translateY(-1px)}.button.primary{background:var(--accent);color:#fffdf8}.button.secondary{border-color:var(--line);background:rgba(255,255,255,.54)}.hero-action .cta-row{margin-top:24px}.hero-action .button{min-height:48px;padding:0 18px;border-radius:14px;font-weight:700}.hero-action .button.primary{background:linear-gradient(180deg,#ff8756,#ff6a3d);box-shadow:0 14px 28px rgba(255,106,61,.3)}.hero-action .button.secondary{border-color:rgba(255,255,255,.14);background:rgba(255,255,255,.1);color:#fff5ee}.hero-inline-play{cursor:pointer}.hero-stat-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:12px;gap:12px;margin-top:24px}.hero-stat-grid div{padding:14px;border-radius:12px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.12)}.hero-stat-grid strong{display:block;margin-bottom:6px;color:#fff5ee}.hero-stat-grid span{color:rgba(255,245,238,.72);font-size:.92rem}.hero-showcase{position:relative;z-index:1;display:flex;align-self:stretch;align-items:center;justify-content:center}.hero-showcase-single{min-width:0}.hero-visual-card{position:relative;border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.1);box-shadow:0 18px 40px rgba(0,0,0,.18),inset 0 1px 0 rgba(255,255,255,.08);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero-feature-card{min-height:100%;height:100%;width:100%;flex-direction:column;justify-content:space-between;padding:18px}.hero-feature-card,.hero-screenshot-card{display:flex;background:radial-gradient(circle at 18% 12%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,rgba(255,255,255,.08),rgba(255,255,255,.04))}.hero-screenshot-card{width:min(100%,322px);min-height:auto;padding:14px;align-items:center;justify-content:center}.hero-screenshot-card-playing{padding:12px}.hero-feature-image{width:100%;height:auto;object-fit:contain;opacity:.98}.hero-shot-wrap{position:absolute;right:18px;bottom:0;width:min(48%,280px)}.hero-shot-button{position:relative;display:block;width:min(100%,284px);padding:0;border:0;background:transparent;cursor:pointer}.hero-shot-link{text-decoration:none}.hero-shot-button:after,.hero-shot-link:after{content:"";position:absolute;inset:0;border-radius:14px;background:linear-gradient(180deg,rgba(8,14,18,.02),rgba(8,14,18,.24));opacity:0;transition:opacity .12s ease}.hero-shot-button:focus-visible:after,.hero-shot-button:hover:after,.hero-shot-link:focus-visible:after,.hero-shot-link:hover:after{opacity:1}.hero-play-badge{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.22);background:rgba(8,14,18,.66);color:#fff8f2;font-size:.86rem;font-weight:700;letter-spacing:.04em;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1}.hero-shot-image{display:block;width:100%;height:auto;border-radius:14px;box-shadow:0 20px 42px rgba(0,0,0,.3)}.hero-shot-image-large{width:min(100%,284px);margin:0 auto}.hero-video-frame{position:relative;width:min(100%,284px);aspect-ratio:296/658;border-radius:18px;overflow:hidden;box-shadow:0 20px 42px rgba(0,0,0,.3);background:transparent}.hero-video-frame iframe{width:100%;height:100%;border:0}.accent-card{padding:28px;background:linear-gradient(180deg,rgba(20,99,86,.1),rgba(200,106,43,.08))}.cn-site .accent-card{background:linear-gradient(180deg,rgba(175,33,38,.1),rgba(196,146,50,.08))}.cn-hero h1{max-width:13ch}.home-page{display:grid;grid-gap:24px;gap:24px}.home-page .grid-two,.home-page>section{margin-bottom:0}.home-page .grid-two .panel:first-child{background:radial-gradient(circle at 12% 16%,rgba(255,106,61,.28),transparent 34%),radial-gradient(circle at 86% 78%,rgba(30,167,215,.12),transparent 28%),linear-gradient(135deg,rgba(255,240,230,.98),rgba(255,226,210,.86))}.home-page .grid-two .panel:last-child{background:radial-gradient(circle at 86% 18%,rgba(30,167,215,.28),transparent 34%),radial-gradient(circle at 16% 78%,rgba(255,106,61,.12),transparent 28%),linear-gradient(135deg,rgba(232,246,255,.98),rgba(217,236,248,.86))}.home-page .workflow{background:radial-gradient(circle at 10% 18%,rgba(30,167,215,.22),transparent 30%),radial-gradient(circle at 84% 68%,rgba(255,106,61,.18),transparent 28%),linear-gradient(135deg,rgba(228,244,255,.96),rgba(255,247,241,.9))}.home-page .feature-band{background:radial-gradient(circle at 14% 18%,rgba(255,106,61,.28),transparent 28%),radial-gradient(circle at 84% 20%,rgba(30,167,215,.22),transparent 30%),linear-gradient(135deg,rgba(255,237,226,.98),rgba(228,243,251,.9))}.home-page .faq-strip{background:radial-gradient(circle at 88% 18%,rgba(30,167,215,.24),transparent 28%),radial-gradient(circle at 12% 78%,rgba(255,106,61,.18),transparent 24%),linear-gradient(135deg,rgba(238,248,255,.97),rgba(255,236,227,.88))}.stat-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:12px;gap:12px;margin-top:24px}.stat-grid div{padding:14px;border-radius:18px;background:rgba(255,255,255,.5);border:1px solid var(--line)}.download-meta strong,.faq-grid h3,.feature-grid h3,.stat-grid strong{display:block;margin-bottom:6px}.stat-grid span{color:var(--muted);font-size:.92rem}.clean-list{padding-left:18px;margin:0}.compact-list li+li{margin-top:6px}.grid-two{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:24px;gap:24px;margin-bottom:24px}.grid-two .panel,.prose,.workflow{padding:30px}.grid-two .panel:first-child{background:radial-gradient(circle at top left,rgba(255,106,61,.12),transparent 34%),var(--paper-warm)}.grid-two .panel:last-child{background:radial-gradient(circle at top right,rgba(30,167,215,.14),transparent 36%),var(--paper-cool)}.tag-row{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.tag-row span{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,106,61,.08);border:1px solid rgba(30,167,215,.12);color:#b84f2d;font-size:.92rem}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:18px;gap:18px}.faq-grid article,.feature-grid article,.steps article{padding:20px;border-radius:22px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(248,250,252,.72));border:1px solid var(--line)}.feature-grid-4 article:nth-child(odd){background:radial-gradient(circle at 16% 18%,rgba(255,106,61,.14),transparent 32%),linear-gradient(180deg,rgba(255,249,244,.92),rgba(252,244,239,.76))}.feature-grid-4 article:nth-child(2n){background:radial-gradient(circle at 82% 16%,rgba(30,167,215,.14),transparent 32%),linear-gradient(180deg,rgba(244,251,255,.92),rgba(236,246,251,.76))}.feature-grid-4 article.feature-card-primary{border-color:rgba(255,106,61,.18);box-shadow:0 14px 28px rgba(255,106,61,.08)}.feature-grid-4 article.feature-card-primary:nth-child(2){border-color:rgba(30,167,215,.2);box-shadow:0 14px 28px rgba(30,167,215,.08)}.feature-grid-4 article.feature-card-primary h3{font-size:1.12rem}.feature-grid-4 article.feature-card-primary p{color:#3d4651}.feature-grid-5{grid-template-columns:repeat(5,1fr)}.feature-grid-4{grid-template-columns:repeat(4,1fr)}.faq-strip,.feature-band{padding:30px;margin-top:24px}.workflow{background:radial-gradient(circle at 10% 18%,rgba(30,167,215,.12),transparent 30%),linear-gradient(135deg,rgba(239,248,252,.92),rgba(255,248,242,.82))}.feature-band{background:radial-gradient(circle at 14% 18%,rgba(255,106,61,.14),transparent 28%),radial-gradient(circle at 84% 20%,rgba(30,167,215,.12),transparent 30%),linear-gradient(135deg,rgba(255,246,239,.94),rgba(238,247,251,.86))}.faq-strip{background:radial-gradient(circle at 88% 18%,rgba(30,167,215,.14),transparent 28%),linear-gradient(135deg,rgba(244,250,255,.92),rgba(255,243,236,.82))}.page-stack{display:grid;grid-gap:24px;gap:24px}.page-intro{padding:30px;background:radial-gradient(circle at top left,rgba(255,106,61,.14),transparent 32%),radial-gradient(circle at top right,rgba(30,167,215,.12),transparent 28%),linear-gradient(135deg,rgba(255,248,242,.94),rgba(239,248,252,.82))}.page-intro:after{width:224px;height:224px;right:-18px;bottom:-16px;opacity:.2}.faq-strip:after,.feature-band:after,.workflow:after{width:224px;height:224px;right:-20px;bottom:-18px;opacity:.19}.page-intro h1{margin:0;font-family:Georgia,Times New Roman,serif;font-size:clamp(2rem,4vw,3.4rem);line-height:1.04}.page-intro p{max-width:48rem}.card-grid-3,.link-grid{display:grid;grid-gap:18px;gap:18px}.card-grid-3{grid-template-columns:repeat(3,1fr);margin-top:22px}.link-grid,.privacy-card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.detail-card,.link-card{padding:20px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(245,249,251,.74))}.detail-card h3,.link-card strong{display:block;margin:0 0 10px}.link-card{text-decoration:none;color:inherit}.link-card span{color:var(--muted);line-height:1.65}.faq-grid,.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px;margin-top:22px}.steps span{display:inline-block;margin-bottom:16px;color:var(--accent-2);font-weight:700}.prose h3,.steps h3{margin:0 0 12px}.footer{margin-top:24px;padding:18px 20px;color:var(--muted);border-radius:20px;border:1px solid rgba(24,32,40,.08);background:linear-gradient(135deg,rgba(239,248,252,.86),rgba(255,246,239,.78));box-shadow:0 14px 34px rgba(16,25,34,.08)}.footer p{margin:6px 0 0}.footer-links{display:flex;flex-wrap:wrap;gap:14px}.footer-links a{text-decoration:none}.prose h2{margin-top:36px;margin-bottom:10px;font-family:Georgia,Times New Roman,serif}.prose h3{margin-top:24px;margin-bottom:8px}.prose ol,.prose ul{padding-left:22px}.cn-download-body{min-height:100vh;background:radial-gradient(circle at top left,rgba(255,106,61,.22),transparent 24%),radial-gradient(circle at top right,rgba(30,167,215,.17),transparent 20%),linear-gradient(180deg,#f5efe8,#ebe7e3 52%,#e7eef1)}.cn-card{padding:32px}.cn-download-main{margin-top:8px}.cn-badge{display:inline-flex;align-items:center;min-height:34px;padding:0 12px;border-radius:999px;background:rgba(255,106,61,.1);color:#bf4d26;font-size:.9rem;font-weight:700}.download-panel{margin-top:26px;padding:22px;border-radius:22px;border:1px solid var(--line);background:radial-gradient(circle at 14% 14%,rgba(255,106,61,.12),transparent 30%),linear-gradient(135deg,rgba(255,248,242,.9),rgba(239,248,252,.8))}.download-meta{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin:18px 0 24px}.download-meta div{padding:14px;border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.84),rgba(245,249,251,.72));border:1px solid var(--line)}.download-meta span,.muted,.note{color:var(--muted)}.download-cta-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(220px,.8fr);grid-gap:18px;gap:18px;align-items:stretch}.download-actions{align-items:flex-start}.download-actions,.qr-card{display:flex;flex-direction:column;gap:10px}.qr-card{align-items:center;justify-content:center;padding:18px;border-radius:20px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(245,249,251,.78));text-align:center}.qr-code{width:min(220px,100%);height:auto;border-radius:14px;background:#fffdf8;padding:10px;border:1px solid rgba(48,39,24,.08)}.warning-box{margin-top:18px;padding:18px;border-radius:20px;background:rgba(255,106,61,.08);border:1px solid rgba(255,106,61,.16)}.standalone-footer{margin-top:18px;color:var(--muted);font-size:.94rem}@media (max-width:860px){.card-grid-3,.faq-grid,.feature-grid,.footer,.grid-two,.hero,.link-grid,.steps,.topbar{grid-template-columns:1fr;flex-direction:column;align-items:flex-start}.cn-card,.grid-two .panel,.hero,.prose,.workflow{padding:22px}.hero h1{max-width:none}.hero-action{padding:24px}.hero-watermark{right:-56px;bottom:-70px}.hero-feature-card{min-height:420px}.hero-shot-wrap{position:static;width:min(100%,280px);margin:18px auto 0}.hero-shot-button,.hero-shot-image-large,.hero-video-frame{width:min(100%,320px)}.hero-screenshot-card-playing{padding:16px}.hero-video-frame{width:min(100%,320px)}.cn-hero h1{max-width:none}.download-cta-grid,.download-meta,.feature-grid-4,.feature-grid-5,.hero-stat-grid,.stat-grid{grid-template-columns:1fr}}@media (max-width:640px){.hero-brand-row{align-items:flex-start}}