:root{color:#17202a;background:#f7f8fb;--ink: #101828;--muted: #667085;--line: #e6eaf0;--green: #19c37d;--cyan: #1fb6ff;--amber: #ffb020;--coral: #ff6b5f;--violet: #7c5cff;font-family:Inter,PingFang SC,Microsoft YaHei,Arial,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:linear-gradient(90deg,rgba(16,24,40,.035) 1px,transparent 1px),linear-gradient(0deg,rgba(16,24,40,.035) 1px,transparent 1px),#f7f8fb;background-size:42px 42px}a{color:inherit;text-decoration:none}.site-shell{min-height:100vh;overflow:hidden}.topbar{position:fixed;z-index:20;top:16px;left:50%;width:min(1180px,calc(100% - 32px));height:64px;transform:translate(-50%);display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 10px 0 12px;border:1px solid rgba(255,255,255,.48);border-radius:8px;background:linear-gradient(90deg,#fffffff0,#ffffffc7);box-shadow:0 18px 56px #0f172a29;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);animation:slideDown .7s ease both}.topbar:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;pointer-events:none;background:linear-gradient(90deg,rgba(25,195,125,.16),transparent 28%,rgba(31,182,255,.12))}.brand,.nav-links,.hero-actions{display:flex;align-items:center}.brand{position:relative;z-index:1;gap:10px;padding:8px 10px;border-radius:8px;font-weight:800;color:#101828;transition:background .18s ease,transform .18s ease}.brand:hover{transform:translateY(-1px);background:#1018280f}.brand img{width:36px;height:36px;border-radius:8px;object-fit:cover;box-shadow:0 8px 20px #10182824}.brand span{font-size:17px;letter-spacing:0}.nav-links{position:relative;z-index:1;gap:24px;padding:0;color:#425466;font-size:14px}.nav-links a{position:relative;padding:8px 0;transition:background .18s ease,color .18s ease,transform .18s ease}.nav-links a:after{content:"";position:absolute;left:0;right:0;bottom:2px;height:2px;border-radius:999px;background:#19c37d;transform:scaleX(0);transform-origin:center;transition:transform .18s ease}.nav-links a:hover{transform:translateY(-1px);color:#0f172a;background:transparent}.nav-links a:hover:after{transform:scaleX(1)}.nav-action,.download-button,.primary-button,.secondary-button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;font-weight:700}.nav-action,.primary-button{color:#fff;background:#101828}.nav-action{position:relative;z-index:1;padding:0 18px;min-width:96px;font-size:14px;background:linear-gradient(135deg,#101828,#1f2937);box-shadow:0 10px 24px #1018282e;transition:transform .18s ease,background .18s ease,box-shadow .18s ease}.nav-action:hover,.primary-button:hover,.secondary-button:hover{transform:translateY(-2px)}.nav-action:hover{box-shadow:0 14px 30px #1018283d}.hero-section{position:relative;min-height:780px;display:grid;grid-template-columns:minmax(0,1fr) 420px;align-items:center;gap:48px;padding:138px max(32px,calc((100vw - 1180px)/2)) 88px;color:#fff;isolation:isolate}.hero-media,.hero-overlay{position:absolute;top:0;right:0;bottom:0;left:0}.hero-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.98) contrast(1.04)}.hero-overlay{background:radial-gradient(circle at 74% 28%,rgba(31,182,255,.22),transparent 32%),radial-gradient(circle at 28% 78%,rgba(255,176,32,.14),transparent 30%),linear-gradient(90deg,#080e16eb,#0e1826bd 48%,#0d141e70),linear-gradient(180deg,#070c126b,#070c12c7)}.hero-section:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(90deg,rgba(255,255,255,.055) 1px,transparent 1px),linear-gradient(0deg,rgba(255,255,255,.04) 1px,transparent 1px);background-size:78px 78px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 82%);mask-image:linear-gradient(180deg,rgba(0,0,0,.75),transparent 82%);animation:gridDrift 18s linear infinite}.hero-content,.product-preview{position:relative;z-index:1;animation:fadeUp .82s ease both}.eyebrow{margin:0 0 14px;color:#19c37d;font-size:13px;font-weight:800;letter-spacing:0}.hero-content h1{margin:0;font-size:clamp(54px,7vw,92px);line-height:.96;letter-spacing:0;text-shadow:0 20px 60px rgba(0,0,0,.34)}.hero-copy{max-width:690px;margin:26px 0 0;color:#ffffffd1;font-size:21px;line-height:1.7}.hero-actions{gap:14px;flex-wrap:wrap;margin-top:34px}.download-button,.primary-button,.secondary-button{padding:0 24px}.download-button{min-height:52px;padding:0 30px;background:#19c37d;color:#062814;box-shadow:0 18px 42px #19c37d52;font-size:17px;position:relative;overflow:hidden}.download-button:hover{background:#32d58f}.download-button:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.5),transparent);animation:buttonSheen 3.4s ease-in-out infinite}.secondary-button{border:1px solid rgba(255,255,255,.42);color:#fff;background:#ffffff1a;transition:transform .18s ease,background .18s ease,border-color .18s ease}.primary-button{transition:transform .18s ease,background .18s ease}.secondary-button:hover{border-color:#ffffffad;background:#ffffff29}.product-preview{display:grid;gap:16px;padding:18px;border:1px solid rgba(255,255,255,.24);border-radius:8px;background:#ffffff21;box-shadow:0 24px 70px #00000052;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);animation:previewFloat 6s ease-in-out infinite}.preview-window{overflow:hidden;border-radius:8px;background:#111827;box-shadow:inset 0 0 0 1px #ffffff1f}.preview-top{display:flex;gap:7px;padding:13px 14px;background:#ffffff14}.preview-top span{width:9px;height:9px;border-radius:50%;background:#ffffff6b}.preview-video{position:relative;min-height:238px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#19c37d24,#ffffff0a),linear-gradient(160deg,#162033,#0b1220)}.preview-video:before{content:"";position:absolute;top:24px;right:24px;bottom:24px;left:24px;border:1px solid rgba(255,255,255,.12);border-radius:8px;background:linear-gradient(90deg,transparent 0 48%,rgba(255,255,255,.1) 48% 52%,transparent 52%),linear-gradient(0deg,transparent 0 58%,rgba(25,195,125,.18) 58% 60%,transparent 60%)}.preview-video:after{content:"";position:absolute;left:24px;right:24px;top:26px;height:2px;background:linear-gradient(90deg,transparent,rgba(31,182,255,.86),transparent);box-shadow:0 0 22px #1fb6ff75;animation:scanLine 3s ease-in-out infinite}.play-mark{position:relative;z-index:1;width:72px;height:72px;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#19c37d;color:#062814;font-size:28px;box-shadow:0 18px 46px #19c37d52;animation:softPulse 2.8s ease-in-out infinite}.caption-bar{position:absolute;z-index:1;left:28px;right:28px;bottom:24px;padding:12px 14px;border-radius:8px;background:#060c18c7;color:#ffffffe0;text-align:center;font-weight:700}.preview-flow{display:grid;gap:10px}.preview-flow article{display:grid;grid-template-columns:42px minmax(0,1fr);align-items:center;gap:12px;padding:13px 14px;border-radius:8px;background:#ffffff1a;transition:transform .18s ease,background .18s ease}.preview-flow article:hover{transform:translate(4px);background:#ffffff26}.preview-flow span{display:flex;align-items:center;justify-content:center;width:34px;height:34px;border-radius:8px;background:#19c37d2e;color:#5ff0a6;font-weight:900;font-size:13px}.preview-flow strong{min-width:0;color:#fff}.preview-tags{display:flex;flex-wrap:wrap;gap:8px}.preview-tags span{padding:8px 10px;border:1px solid rgba(255,255,255,.16);border-radius:8px;color:#ffffffb8;background:#10182861;font-size:13px;animation:tagFloat 4s ease-in-out infinite}.preview-tags span:nth-child(2){animation-delay:.25s}.preview-tags span:nth-child(3){animation-delay:.5s}.preview-tags span:nth-child(4){animation-delay:.75s}.section,.workflow-section,.deploy-section{padding:96px max(32px,calc((100vw - 1180px)/2))}.section{position:relative}.section-heading{max-width:920px;margin-bottom:34px}.section-heading h2{white-space:nowrap}.section h2,.workflow-copy h2,.deploy-section h2{margin:0;color:#101828;font-size:clamp(32px,4vw,52px);line-height:1.08;letter-spacing:0}.feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.feature-card,.scene-card{position:relative;overflow:hidden;min-height:244px;padding:24px;border:1px solid #e6eaf0;border-radius:8px;background:#fff;box-shadow:0 14px 38px #1018280d;transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;animation:fadeUp .75s ease both}.feature-card:before,.scene-card:before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:var(--green)}.feature-card:nth-child(2):before,.scene-card:nth-child(2):before{background:var(--cyan)}.feature-card:nth-child(3):before,.scene-card:nth-child(3):before{background:var(--amber)}.feature-card:nth-child(4):before{background:var(--coral)}.feature-card:nth-child(5):before{background:var(--violet)}.feature-card:nth-child(6):before{background:linear-gradient(90deg,var(--green),var(--cyan))}.feature-card:hover,.scene-card:hover{transform:translateY(-6px);border-color:#c9d4e1;box-shadow:0 22px 52px #1018281f}.feature-icon{width:46px;height:46px;display:flex;align-items:center;justify-content:center;border-radius:8px;background:#101828;color:#fff;font-weight:800}.feature-card h3,.scene-card h3,.timeline-item h3{margin:18px 0 10px;color:#101828;font-size:20px}.feature-card p,.scene-card p,.timeline-item p,.workflow-copy p,.deploy-section p{margin:0;color:#667085;line-height:1.75}.workflow-section{display:grid;grid-template-columns:.85fr 1.15fr;gap:56px;align-items:start;position:relative;background:linear-gradient(135deg,rgba(25,195,125,.08),transparent 32%),linear-gradient(315deg,rgba(31,182,255,.08),transparent 30%),#eef3f6}.workflow-copy{position:sticky;top:110px}.workflow-copy p,.deploy-section p{margin-top:20px;font-size:17px}.timeline{position:relative;display:grid;gap:14px}.timeline:before{content:"";position:absolute;left:49px;top:26px;bottom:26px;width:2px;background:linear-gradient(180deg,var(--green),var(--cyan),var(--amber));opacity:.38}.timeline-item{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:18px;padding:24px;border:1px solid #d8e0e8;border-radius:8px;background:#fff;box-shadow:0 16px 42px #1018280f;transition:transform .2s ease,box-shadow .2s ease}.timeline-item:hover{transform:translate(6px);box-shadow:0 22px 52px #1018281f}.timeline-item span{display:flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:8px;background:#19c37d;color:#062814;font-weight:900}.timeline-item h3{margin-top:0}.scene-section{background:linear-gradient(180deg,#fff,#f8fafc)}.scene-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.scene-card{background:linear-gradient(180deg,#fff,#f8fafc)}.scene-card ul{display:grid;gap:10px;margin:22px 0 0;padding:0;list-style:none}.scene-card li{padding:10px 12px;border-radius:8px;background:#fff;color:#344054;border:1px solid #eef2f6;transition:transform .18s ease,border-color .18s ease}.scene-card li:hover{transform:translate(4px);border-color:#cdd8e5}.deploy-section{display:grid;grid-template-columns:minmax(0,1fr) 420px;gap:42px;align-items:center;position:relative;background:linear-gradient(135deg,rgba(25,195,125,.18),transparent 38%),linear-gradient(315deg,rgba(255,107,95,.14),transparent 34%),#101828}.deploy-section h2{color:#fff}.deploy-section p{color:#ffffffb8}.deploy-panel{display:grid;gap:12px}.download-card{display:grid;gap:6px;padding:20px;border:1px solid rgba(255,255,255,.16);border-radius:8px;background:#ffffff14;color:#fff;transition:transform .18s ease,border-color .18s ease,background .18s ease}.download-card:hover{transform:translateY(-4px);border-color:#19c37db8;background:#ffffff1f}.download-card span{color:#19c37d;font-size:13px;font-weight:800}.download-card strong{font-size:22px}.download-card small{color:#ffffffb3;line-height:1.6}.primary-download{position:relative;overflow:hidden;background:#19c37d;color:#062814;box-shadow:0 20px 46px #19c37d38}.primary-download span,.primary-download small{color:#062814b8}.primary-download:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;transform:translate(-120%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.35),transparent);animation:buttonSheen 3.8s ease-in-out infinite}.site-footer{display:flex;align-items:center;justify-content:center;gap:22px;flex-wrap:wrap;padding:22px max(20px,calc((100vw - 1180px)/2));background:#0b1220;color:#ffffffa8;font-size:14px}@media (max-width: 980px){.nav-links{display:none}.hero-section,.workflow-section,.deploy-section{grid-template-columns:1fr}.hero-section{min-height:auto}.product-preview{max-width:520px}.workflow-copy{position:static}.feature-grid,.scene-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.topbar{top:10px;width:calc(100% - 20px)}.nav-action{display:none}.hero-section{padding:112px 20px 56px}.hero-copy{font-size:17px}.section,.workflow-section,.deploy-section{padding:64px 20px}.section-heading h2{white-space:normal}.feature-grid,.scene-grid,.timeline-item{grid-template-columns:1fr}.timeline:before{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.01ms!important}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-16px)}to{opacity:1;transform:translate(-50%)}}@keyframes fadeUp{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes gridDrift{0%{background-position:0 0}to{background-position:78px 78px}}@keyframes previewFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scanLine{0%,to{transform:translateY(0);opacity:.28}50%{transform:translateY(170px);opacity:.9}}@keyframes softPulse{0%,to{box-shadow:0 18px 46px #19c37d47}50%{box-shadow:0 18px 58px #19c37d8a}}@keyframes tagFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes buttonSheen{0%,62%{transform:translate(-120%)}to{transform:translate(120%)}}