:root{--bg:#f6f8fd;--surface:#ffffff;--surface-soft:#f8fbff;--line:#e5ecf6;--line-strong:#d7e2f2;--text:#0f1728;--muted:#6a7890;--blue:#4f7cff;--blue-strong:#315fff;--blue-soft:#eef3ff;--purple:#9aacff;--shadow:0 24px 70px rgba(24,48,94,.08);--shadow-soft:0 14px 34px rgba(30,56,112,.08);--radius-xl:36px;--radius-lg:28px;--radius-md:22px;--radius-sm:16px;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:"Inter","PingFang SC","Microsoft YaHei",sans-serif;color:var(--text);background:linear-gradient(180deg,#fbfcff 0%,#f4f8fe 48%,#ffffff 100%)}body:not(.page-ready) .hero-copy,body:not(.page-ready) .hero-product{opacity:1;visibility:visible}img{display:block;max-width:100%}.container{width:min(calc(100% - 48px),var(--container));margin:0 auto}.page-shell{min-height:100vh}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(15,23,40,.05)}.nav-wrap{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:inline-flex;align-items:center;gap:14px;text-decoration:none;color:var(--text);font-weight:700;flex-shrink:0}.brand-logo{width:44px;height:44px;object-fit:cover;border-radius:14px}.brand-name{font-size:1.02rem}.nav-links{display:flex;align-items:center;gap:32px}.nav-links a{text-decoration:none;color:#334256;font-size:.95rem;transition:color .22s ease}.nav-links a:hover{color:var(--blue-strong)}.nav-download,.action-btn{position:relative;overflow:hidden;display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-weight:700;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}.nav-download::before,.action-btn::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 20%,rgba(255,255,255,.28) 50%,transparent 80%);transform:translateX(-140%);transition:transform .7s ease;pointer-events:none}.nav-download:hover::before,.action-btn:hover::before{transform:translateX(140%)}.nav-download{min-width:118px;height:46px;padding:0 18px;border-radius:999px;color:#fff;background:linear-gradient(135deg,var(--blue-strong),var(--purple));box-shadow:0 14px 32px rgba(79,124,255,.24)}.nav-download:hover,.action-btn:hover{transform:translateY(-2px)}.hero-section{position:relative;overflow:hidden;padding:112px 0 98px;background:radial-gradient(circle at 18% 18%,rgba(79,124,255,.08),transparent 22%),radial-gradient(circle at 82% 14%,rgba(154,172,255,.15),transparent 24%),linear-gradient(180deg,#fcfdff 0%,#f4f8ff 100%)}.hero-section::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(79,124,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(79,124,255,.018) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(180deg,rgba(0,0,0,.38),transparent 82%);pointer-events:none}.hero-glow{position:absolute;width:560px;height:560px;border-radius:50%;filter:blur(98px);pointer-events:none;opacity:.52;transition:transform 1.2s ease,opacity 1.2s ease}.glow-left{left:-190px;top:-24px;background:rgba(92,131,255,.12)}.glow-right{right:-200px;top:-10px;background:rgba(178,191,255,.2)}.hero-layout{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,.96fr);align-items:center;gap:64px}.hero-copy{max-width:560px}.hero-label,.section-kicker{display:inline-flex;align-items:center;min-height:36px;padding:0 14px;border-radius:999px;font-size:.82rem;font-weight:700;letter-spacing:.04em}.hero-label{background:rgba(255,255,255,.88);border:1px solid var(--line);color:#5b6980;box-shadow:var(--shadow-soft)}.hero-copy h1{margin:20px 0 16px;font-size:clamp(3rem,4.9vw,4.9rem);line-height:.98;letter-spacing:-.05em}.hero-copy h1 span{display:block;color:#3662ff}.hero-desc{margin:0;max-width:560px;color:var(--muted);font-size:1rem;line-height:1.9}.hero-actions,.cta-actions{display:flex;flex-wrap:wrap;gap:14px}.hero-actions{margin-top:28px}.action-btn{min-height:56px;padding:0 24px;border-radius:999px;border:1px solid transparent}.action-btn.primary{color:#fff;background:linear-gradient(135deg,var(--blue-strong),var(--purple));box-shadow:0 18px 38px rgba(79,124,255,.24)}.action-btn.secondary{background:#fff;border-color:var(--line);color:#182233;box-shadow:var(--shadow-soft)}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:28px}.hero-stat,.feature-card,.workflow-card,.experience-item,.cta-panel,.product-shell{border:1px solid var(--line);background:rgba(255,255,255,.94);box-shadow:var(--shadow)}.hero-stat{padding:18px;border-radius:20px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.hero-stat strong,.hero-stat span,.toolbar-title strong,.toolbar-title span,.product-banner strong,.product-banner span,.metric-card span,.metric-card strong,.experience-item strong,.experience-item span,.board-card strong{display:block}.hero-stat strong{margin-bottom:8px;font-size:1rem}.hero-stat span{color:var(--muted);line-height:1.7}.hero-product{position:relative}.product-shell{padding:20px;border-radius:34px;background:linear-gradient(180deg,rgba(255,255,255,.96) 0%,rgba(248,251,255,.94) 100%)}.product-topbar{display:flex;gap:8px;margin-bottom:18px}.product-topbar span{width:10px;height:10px;border-radius:50%;background:#d8e4f4}.product-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 20px;margin-bottom:18px;border-radius:24px;background:linear-gradient(135deg,#f7faff,#ffffff);border:1px solid var(--line)}.toolbar-title strong{margin-bottom:6px;font-size:1rem}.toolbar-title span{color:var(--muted);font-size:.92rem}.toolbar-actions{display:flex;gap:10px;flex-wrap:wrap}.toolbar-actions span,.banner-badge{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 14px;border-radius:999px;background:#fff;border:1px solid var(--line);color:#66768e;font-size:.88rem;white-space:nowrap}.product-content{display:grid;grid-template-columns:172px 1fr;gap:18px}.product-sidebar,.product-main,.board-card{display:flex;flex-direction:column}.product-sidebar{gap:12px;padding:18px 14px;border-radius:24px;background:#f8fbff;border:1px solid #e4edf8}.product-brand{display:flex;align-items:center;gap:10px;font-weight:700;color:#1f2937;margin-bottom:6px}.product-brand img{width:28px;height:28px;object-fit:cover;border-radius:10px}.sidebar-item{padding:13px 12px;border-radius:14px;color:#5d6b82;font-size:.93rem;transition:background .22s ease,color .22s ease,transform .22s ease}.sidebar-item:hover{transform:translateX(2px);background:#f2f6ff}.sidebar-item.active{background:linear-gradient(135deg,var(--blue-strong),#7697ff);color:#fff}.product-main{gap:18px}.product-banner{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:24px;border-radius:24px;background:linear-gradient(135deg,#eef4ff,#f8fbff);border:1px solid #dce7f8}.product-banner strong{margin-bottom:8px;font-size:1.02rem}.product-banner span{color:var(--muted)}.metric-row,.board-grid,.feature-grid,.workflow-grid{display:grid;gap:18px}.metric-row{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-card{padding:20px;border-radius:20px;background:#fbfdff;border:1px solid var(--line);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.metric-card.accent{background:linear-gradient(135deg,#f2f6ff,#fbfdff);border-color:#dbe6ff}.metric-card span{margin-bottom:10px;color:var(--muted);font-size:.9rem}.metric-card strong{font-size:1.72rem}.board-grid{grid-template-columns:1.2fr 1fr 1fr}.board-card{padding:22px;border-radius:22px;background:#fbfdff;border:1px solid var(--line);min-height:160px;transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.board-card strong{margin-bottom:14px;font-size:.96rem;color:#344055}.board-card.large{justify-content:flex-start;gap:14px}.board-line{display:block;height:14px;border-radius:999px;background:#e8eef8}.board-line.wide{width:88%}.board-line.short{width:66%}.panel-card{justify-content:space-between}.mini-block{display:block;height:78px;border-radius:18px;background:#e8eef8}.floating-note{position:absolute;padding:16px 18px;border-radius:18px;background:rgba(255,255,255,.97);border:1px solid var(--line);box-shadow:var(--shadow-soft);font-size:.92rem;color:#53627a;backdrop-filter:blur(10px)}.floating-note.top{top:102px;right:-18px}.floating-note.bottom{left:-20px;bottom:34px}.feature-section,.experience-section,.workflow-section,.bottom-cta{padding:104px 0}.section-head{max-width:760px;margin:0 auto 52px}.section-head.center{text-align:center}.section-head.narrow{max-width:720px}.section-kicker{color:var(--blue-strong);background:var(--blue-soft);border:1px solid #d8e6ff}.section-head h2,.experience-copy h2,.cta-copy h2{margin:16px 0 12px;font-size:clamp(2.1rem,3.2vw,3.3rem);line-height:1.12;letter-spacing:-.04em}.section-head p,.feature-card p,.workflow-card p,.experience-copy p,.experience-item span,.cta-copy p{margin:0;color:var(--muted);line-height:1.85}.feature-grid{grid-template-columns:1.2fr 1fr 1fr}.premium-features .feature-card{min-height:248px}.feature-card{padding:34px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%)}.feature-card-primary{min-height:248px}.feature-no,.workflow-step{width:48px;height:48px;border-radius:16px;display:grid;place-items:center;margin-bottom:18px;background:#eef4ff;border:1px solid #dce8ff;color:var(--blue-strong);font-weight:800}.feature-card h3,.workflow-card h3,.experience-item strong{margin:0 0 12px;font-size:1.14rem}.experience-panel{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:start;padding:36px;border-radius:34px;background:linear-gradient(135deg,#ffffff 0%,#f5f9ff 100%);border:1px solid var(--line);box-shadow:var(--shadow)}.experience-list{display:grid;gap:16px}.experience-item{padding:24px;border-radius:22px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.workflow-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.workflow-card{padding:34px;border-radius:28px;background:linear-gradient(180deg,#fff 0%,#fafcff 100%)}.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:28px;padding:44px;border-radius:34px;background:linear-gradient(135deg,#ffffff 0%,#f4f8ff 100%)}.site-footer{display:none}.hero-copy,.hero-product{opacity:1;transform:translateY(12px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.8,.2,1),filter .9s ease;filter:blur(2px)}.page-ready .hero-copy,.page-ready .hero-product{transform:translateY(0);filter:blur(0)}.page-ready .glow-left{transform:translate3d(18px,0,0);opacity:.58}.page-ready .glow-right{transform:translate3d(-18px,0,0);opacity:.56}.feature-card,.experience-panel,.workflow-card,.cta-panel{opacity:0;transform:translateY(28px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.8,.2,1),box-shadow .25s ease,border-color .25s ease}.feature-card.is-visible,.experience-panel.is-visible,.workflow-card.is-visible,.cta-panel.is-visible{opacity:1;transform:translateY(0)}.hero-stat:hover,.metric-card:hover,.board-card:hover,.feature-card:hover,.workflow-card:hover,.experience-item:hover,.product-shell:hover,.floating-note:hover{transform:translateY(-4px);box-shadow:0 28px 78px rgba(24,48,94,.12);border-color:var(--line-strong)}.product-shell,.hero-stat,.metric-card,.board-card,.experience-item,.floating-note{transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.nav-links a{position:relative}.nav-links a::after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--blue-strong),var(--purple));transform:scaleX(0);transform-origin:center;transition:transform .22s ease}.nav-links a:hover::after{transform:scaleX(1)}.action-btn.primary:hover,.nav-download:hover{box-shadow:0 22px 42px rgba(79,124,255,.28)}.action-btn.secondary:hover{background:#f8fbff;border-color:var(--line-strong)}@media (prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}.hero-copy,.hero-product,.feature-card,.experience-panel,.workflow-card,.cta-panel{opacity:1!important;transform:none!important;filter:none!important}}@media (max-width:1180px){.hero-layout,.hero-stats,.premium-features,.experience-panel,.workflow-grid,.cta-panel,.metric-row,.board-grid{grid-template-columns:1fr}.cta-panel{display:grid}.product-content{grid-template-columns:1fr}.toolbar-actions{justify-content:flex-start}.floating-note{position:static;margin-top:14px}}@media (max-width:920px){.nav-wrap{flex-wrap:wrap;padding:16px 0}.nav-links{order:3;width:100%;justify-content:space-between;gap:12px;overflow-x:auto}.product-toolbar{flex-direction:column;align-items:flex-start}}@media (max-width:640px){.container{width:min(calc(100% - 28px),var(--container))}.hero-section,.feature-section,.experience-section,.workflow-section,.bottom-cta{padding:78px 0}.hero-copy h1{font-size:2.5rem;line-height:1.04}.hero-desc{font-size:.98rem;line-height:1.86}.action-btn,.nav-download{width:100%}.hero-actions,.cta-actions{flex-direction:column;align-items:stretch}.product-shell,.feature-card,.workflow-card,.experience-panel,.cta-panel{padding:24px}}