:root{color:#1c2434;font-synthesis:none;text-rendering:optimizelegibility;--primary:#6656ef;--primary-dark:#5242dc;--ink:#172033;--muted:#667085;--line:#e9eaf1;background:#fff;font-family:Noto Sans SC,PingFang SC,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:#fff;min-width:320px;margin:0}a{color:inherit;text-decoration:none}button{font:inherit}.site-shell{overflow:hidden}.container{width:min(1180px,100% - 48px);margin:0 auto}.topbar{z-index:30;border-bottom:1px solid #0000;height:72px;transition:all .25s;position:fixed;inset:0 0 auto}.topbar--scrolled{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#ffffffe0;border-bottom-color:#e0e1ebbf;box-shadow:0 8px 30px #1f25410b}.nav-wrap{justify-content:space-between;align-items:center;width:min(1180px,100% - 48px);height:100%;margin:0 auto;display:flex}.brand{letter-spacing:-.02em;color:var(--ink);align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:linear-gradient(145deg,#7869fa,#5a4be1);border-radius:12px;place-items:center;width:38px;height:38px;display:grid;box-shadow:0 8px 18px #5b49e138}.main-nav{color:#4f586a;align-items:center;gap:38px;font-size:14px;display:flex}.main-nav>a:not(.nav-action){transition:color .2s}.main-nav>a:not(.nav-action):hover{color:var(--primary)}.nav-action{background:var(--ink);color:#fff;border-radius:10px;padding:10px 20px;font-weight:600;transition:all .2s}.nav-action:hover{background:var(--primary);transform:translateY(-1px)}.menu-button{color:var(--ink);cursor:pointer;background:0 0;border:0;padding:7px;display:none}.hero{background:linear-gradient(135deg,#fcfcff 0%,#f8f8ff 48%,#fbfcff 100%);padding:160px 0 103px;position:relative}.hero:after{content:"";background:linear-gradient(90deg,#0000,#e6e5f0,#0000);height:1px;position:absolute;inset:auto 0 0}.hero-glow{filter:blur(1px);pointer-events:none;border-radius:999px;position:absolute}.hero-glow--one{background:radial-gradient(circle,#7663f621,#0000 68%);width:440px;height:440px;top:17%;right:3%}.hero-glow--two{background:radial-gradient(circle,#399bf614,#0000 70%);width:280px;height:280px;bottom:0;left:-120px}.hero-layout{z-index:2;grid-template-columns:.86fr 1.14fr;align-items:center;gap:72px;display:grid;position:relative}.hero-copy{padding-bottom:5px}.eyebrow{color:#5f50da;background:#6858ed14;border:1px solid #6858ed1f;border-radius:999px;align-items:center;gap:8px;padding:7px 12px 7px 8px;font-size:13px;font-weight:600;display:inline-flex}.eyebrow span{color:#fff;background:var(--primary);border-radius:50%;place-items:center;width:23px;height:23px;display:grid}.hero h1{color:#172033;letter-spacing:-.052em;margin:24px 0 21px;font-size:clamp(46px,5vw,68px);font-weight:800;line-height:1.16}.hero h1 em{background:linear-gradient(110deg,#5947e4 5%,#7e69fa 52%,#5b4de2 100%);color:#0000;-webkit-background-clip:text;font-style:normal}.hero-copy>p{color:#687085;max-width:500px;margin:0;font-size:17px;line-height:1.9}.hero-actions{gap:12px;margin-top:33px;display:flex}.button{border-radius:11px;justify-content:center;align-items:center;gap:7px;min-height:48px;padding:0 23px;font-size:14px;font-weight:600;transition:all .22s;display:inline-flex}.button--primary{color:#fff;background:linear-gradient(135deg,#6f5df3,#5949df);box-shadow:0 12px 25px #5746da3d}.button--primary:hover{transform:translateY(-2px);box-shadow:0 15px 30px #5746da4d}.button--ghost{color:#424b5c;background:#ffffffb3;border:1px solid #dedfea}.button--ghost:hover{color:var(--primary);background:#fff;border-color:#b9b4e9}.hero-trust{color:#7a8190;gap:24px;margin-top:28px;font-size:12px;display:flex}.hero-trust span{align-items:center;gap:4px;display:flex}.hero-trust svg{color:#6c5bea}.product-preview{padding:25px 0 30px;position:relative}.dashboard-card{z-index:2;background:#ffffffed;border:1px solid #ddddeddb;border-radius:18px;width:100%;min-height:440px;display:flex;position:relative;overflow:hidden;transform:perspective(1200px)rotateY(-1.5deg)rotateX(1deg);box-shadow:0 35px 80px #3c3a6e26,0 5px 15px #2d2b5b0d}.dash-sidebar{background:#fafaff;border-right:1px solid #eeeef5;flex-direction:column;align-items:center;width:60px;padding:18px 10px;display:flex}.mini-brand{background:var(--primary);color:#fff;border-radius:9px;place-items:center;width:31px;height:31px;display:grid}.dash-icons{flex-direction:column;gap:9px;margin-top:35px;display:flex}.dash-icons i{color:#9ca1b2;border-radius:8px;place-items:center;width:34px;height:34px;font-style:normal;display:grid}.dash-icons i.active{color:#6152e5;background:#edeaff}.avatar{color:#5284c3;background:#e6f1ff;border-radius:50%;place-items:center;width:28px;height:28px;margin-top:auto;font-size:10px;display:grid}.dash-main{flex:1;min-width:0;padding:26px 26px 22px}.dash-heading{justify-content:space-between;align-items:flex-end;display:flex}.dash-heading div{flex-direction:column;gap:4px;display:flex}.dash-heading small{color:#9a9fae;font-size:9px}.dash-heading strong{color:#252d3e;font-size:14px}.dash-heading>span{color:#a4a8b5;font-size:8px}.metrics{grid-template-columns:repeat(3,1fr);gap:11px;margin-top:23px;display:grid}.metrics article{background:#fff;border:1px solid #efeff5;border-radius:11px;grid-template-rows:19px 25px 14px;grid-template-columns:29px 1fr;padding:14px 12px;display:grid;position:relative}.metric-icon{border-radius:7px;grid-row:1/3;place-items:center;width:27px;height:27px;display:grid}.metric-icon--purple{color:#6a59ec;background:#eeebff}.metric-icon--blue{color:#4b8edb;background:#e8f3ff}.metric-icon--orange{color:#dc8a2c;background:#fff1df}.metrics small{color:#9298a9;align-self:center;font-size:8px}.metrics strong{color:#303749;font-size:18px;line-height:1}.metrics article>span:not(.metric-icon){color:#a2a6b2;grid-column:1/3;align-self:end;font-size:7px}.metrics article>span.up{color:#4da477}.chart-panel{border:1px solid #efeff5;border-radius:12px;margin-top:15px;padding:17px 17px 12px}.panel-title{justify-content:space-between;align-items:center;display:flex}.panel-title strong{color:#444b5d;font-size:10px}.panel-title span{color:#8d93a2;border:1px solid #ececf2;border-radius:5px;padding:4px 7px;font-size:7px}.chart-area{height:122px;margin-top:14px;position:relative}.chart-grid{flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:0}.chart-grid i{border-top:1px dashed #ededf4;display:block}.chart-area svg{width:100%;height:100%;position:absolute;inset:0;overflow:visible}.chart-area .area{fill:url(#area)}.chart-area .line{fill:none;stroke:#6858e9;stroke-width:2px;vector-effect:non-scaling-stroke}.chart-area circle{fill:#fff;stroke:#6858e9;stroke-width:2px}.chart-labels{color:#aaaeba;justify-content:space-between;font-size:7px;display:flex}.floating-card{z-index:4;background:#fffffff5;border:1px solid #dedeeccc;border-radius:11px;align-items:center;gap:9px;padding:11px 14px;display:flex;position:absolute;box-shadow:0 14px 28px #34325d1f}.floating-card>span{border-radius:8px;flex:none;place-items:center;width:30px;height:30px;display:grid}.floating-card div{flex-direction:column;gap:2px;display:flex}.floating-card strong{color:#343b4c;font-size:9px}.floating-card small{color:#979ba8;font-size:7px}.floating-card--task{bottom:3px;left:-27px}.floating-card--task>span{color:#fff;background:#58ba82}.floating-card--stock{top:4px;right:-16px}.floating-card--stock>span{color:#6755e8;background:#eeeaff}.floating-card--stock small{font-size:7px}.floating-card--stock strong{color:#4b956a}.preview-deco{position:absolute}.preview-deco--dots{opacity:.6;background-image:radial-gradient(#c5bff7 1.5px,#0000 1.5px);background-size:11px 11px;width:85px;height:70px;top:-1px;right:-32px}.preview-deco--ring{border:18px solid #6d5cee14;border-radius:50%;width:85px;height:85px;bottom:8px;left:-40px}.section{padding:105px 0}.section-heading{text-align:center;max-width:620px;margin:0 auto 53px}.section-heading>span,.section-kicker{color:var(--primary);letter-spacing:.1em;margin-bottom:12px;font-size:13px;font-weight:700;display:inline-block}.section-heading h2,.scenario-copy h2{color:var(--ink);letter-spacing:-.035em;margin:0;font-size:clamp(32px,3vw,42px);line-height:1.3}.section-heading p{color:#7a8190;margin:15px 0 0;font-size:15px;line-height:1.75}.feature-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.feature-card{background:#fff;border:1px solid #ebebf1;border-radius:15px;padding:28px 25px 25px;transition:all .25s}.feature-card:hover{border-color:#ddd9f4;transform:translateY(-5px);box-shadow:0 18px 38px #33305b14}.feature-icon{border-radius:12px;place-items:center;width:45px;height:45px;display:grid}.feature-icon--violet{color:#6553e7;background:#eeeaff}.feature-icon--blue{color:#4589d7;background:#eaf4ff}.feature-icon--orange{color:#d7832d;background:#fff2df}.feature-icon--green{color:#41956a;background:#e6f7ee}.feature-card h3{color:#252d3e;margin:20px 0 10px;font-size:17px}.feature-card p{color:#7a8190;min-height:69px;margin:0;font-size:13px;line-height:1.75}.feature-card a{color:#6657df;align-items:center;gap:2px;margin-top:20px;font-size:12px;font-weight:600;display:inline-flex}.feature-card a svg{transition:transform .2s}.feature-card a:hover svg{transform:translate(3px)}.scenarios{background:#f8f9fc}.scenario-layout{grid-template-columns:1fr 1fr;align-items:center;gap:92px;display:grid}.scenario-visual{background:linear-gradient(145deg,#ebe9ff,#e9f3ff);border-radius:26px;padding:40px;position:relative}.scenario-visual:before,.scenario-visual:after{content:"";background:#ffffff85;border-radius:50%;position:absolute}.scenario-visual:before{width:130px;height:130px;top:-30px;left:-30px}.scenario-visual:after{width:85px;height:85px;bottom:10px;right:15px}.organize-card{z-index:2;background:#fffffff5;border:1px solid #fff;border-radius:17px;padding:25px 25px 22px;position:relative;box-shadow:0 22px 50px #383a6321}.organize-top{justify-content:space-between;align-items:center;margin-bottom:17px;display:flex}.organize-top span{color:#303849;font-size:14px;font-weight:700}.organize-top b{color:#6b5be4;background:#eeebff;border-radius:5px;padding:5px 8px;font-size:9px}.task-row{border-top:1px solid #f0f0f4;align-items:center;gap:12px;padding:13px 0;display:flex}.task-row>i{color:#6c5be8;background:#f0edff;border-radius:8px;place-items:center;width:30px;height:30px;font-style:normal;display:grid}.task-row--done>i{color:#51a879;background:#e7f7ef}.task-row div{flex-direction:column;flex:1;gap:3px;display:flex}.task-row strong{color:#434a5c;font-size:11px}.task-row small,.task-row>span{color:#9ba0ad;font-size:8px}.organize-progress{background:#f7f7fb;border-radius:9px;margin-top:12px;padding:13px 14px}.organize-progress div{color:#777e8d;justify-content:space-between;font-size:9px;display:flex}.organize-progress strong{color:#6253dd}.organize-progress>i{background:#e6e5ec;border-radius:999px;height:5px;margin-top:9px;display:block;overflow:hidden}.organize-progress>i b{border-radius:inherit;background:linear-gradient(90deg,#7564ef,#8d7cf5);width:75%;height:100%;display:block}.scenario-copy h2{margin-bottom:20px}.scenario-copy>p{color:#71798a;margin:0;font-size:15px;line-height:1.9}.scenario-copy ul{flex-direction:column;gap:20px;margin:30px 0 0;padding:0;list-style:none;display:flex}.scenario-copy li{align-items:flex-start;gap:13px;display:flex}.scenario-copy li>span{color:#fff;background:#6758e8;border-radius:7px;flex:none;place-items:center;width:24px;height:24px;display:grid}.scenario-copy li div{flex-direction:column;gap:5px;display:flex}.scenario-copy li strong{color:#343c4c;font-size:14px}.scenario-copy li small{color:#8b91a0;font-size:12px}.values{padding-bottom:95px}.value-grid{text-align:center;grid-template-columns:repeat(3,1fr);gap:28px;max-width:970px;margin:auto;display:grid}.value-grid article{padding:10px 25px}.value-grid article>span{color:#6656e7;background:#f0edff;border-radius:15px;place-items:center;width:52px;height:52px;margin:0 auto 18px;display:grid}.value-grid h3{color:#2c3444;margin:0 0 9px;font-size:16px}.value-grid p{color:#7b8291;margin:0;font-size:13px;line-height:1.8}.contact-section{padding:0 0 95px}.contact-card{color:#fff;background:linear-gradient(120deg,#5b4add,#7160eb 60%,#7969ed);border-radius:22px;grid-template-columns:minmax(280px,.85fr) minmax(440px,1.15fr);align-items:center;gap:64px;padding:50px 57px;display:grid;position:relative;overflow:hidden}.contact-card:before{content:"";border:45px solid #ffffff0f;border-radius:50%;width:270px;height:270px;position:absolute;top:-145px;right:150px}.contact-card>div{z-index:1;position:relative}.contact-copy>span{opacity:.8;letter-spacing:.12em;font-size:12px;font-weight:600}.contact-card h2{letter-spacing:-.025em;margin:10px 0 8px;font-size:28px}.contact-card p{opacity:.75;margin:0;font-size:13px}.contact-details{gap:11px;display:grid}.contact-item{background:#ffffff17;border:1px solid #ffffff21;border-radius:11px;grid-template-columns:36px minmax(0,1fr);align-items:center;gap:12px;min-height:55px;padding:9px 13px;display:grid}.contact-item>i{color:#6555e7;background:#ffffffed;border-radius:9px;place-items:center;width:36px;height:36px;font-style:normal;display:grid}.contact-item>span{flex-direction:column;gap:3px;min-width:0;display:flex}.contact-item small{color:#ffffffad;font-size:10px}.contact-item strong,.contact-item address{color:#fff;font-size:12px;font-style:normal;font-weight:600;line-height:1.55}a.contact-item{transition:background .2s,transform .2s}a.contact-item:hover{background:#ffffff26;transform:translateY(-1px)}footer{color:#fff;background:#151b29}.footer-main{justify-content:space-between;padding-top:56px;padding-bottom:48px;display:flex}.footer-brand .brand{color:#fff}.footer-brand p{color:#8e96a8;max-width:260px;margin:17px 0 0;font-size:12px;line-height:1.8}.footer-links{gap:82px;display:flex}.footer-links div{flex-direction:column;gap:12px;display:flex}.footer-links strong{margin-bottom:4px;font-size:13px}.footer-links a{color:#9299aa;font-size:11px;transition:color .2s}.footer-links a:hover{color:#fff}.footer-bottom{color:#737b8d;border-top:1px solid #2a303d;justify-content:space-between;padding-top:18px;padding-bottom:20px;font-size:10px;display:flex}.footer-bottom a{transition:color .2s}.footer-bottom a:hover{color:#fff}@media (width<=980px){.hero{padding-top:130px}.hero-layout{grid-template-columns:1fr;gap:55px}.hero-copy{text-align:center;max-width:650px;margin:auto}.hero-copy>p{margin:auto}.hero-actions,.hero-trust{justify-content:center}.product-preview{width:100%;max-width:680px;margin:auto}.feature-grid{grid-template-columns:repeat(2,1fr)}.feature-card p{min-height:auto}.scenario-layout{gap:50px}}@media (width<=760px){.container,.nav-wrap{width:min(100% - 32px,1180px)}.topbar{height:64px}.main-nav{background:#fffffff7;border:1px solid #ececf2;border-radius:14px;flex-direction:column;align-items:stretch;gap:3px;padding:20px;display:none;position:absolute;top:70px;left:16px;right:16px;box-shadow:0 18px 40px #282b4624}.main-nav--open{display:flex}.main-nav a{padding:11px 9px}.nav-action{text-align:center;margin-top:5px}.menu-button{place-items:center;display:grid}.hero{padding:112px 0 78px}.hero h1{font-size:44px}.hero-copy>p{font-size:15px}.hero-trust{flex-wrap:wrap;gap:12px}.dashboard-card{min-height:380px}.dash-main{padding:21px 16px}.metrics{gap:7px}.metrics article{padding:10px 8px}.floating-card--task{left:-8px}.floating-card--stock{right:-7px}.section{padding:76px 0}.feature-grid{grid-template-columns:1fr}.feature-card{padding:24px}.scenario-layout{grid-template-columns:1fr}.scenario-copy{order:-1}.value-grid{grid-template-columns:1fr;gap:35px}.contact-card{grid-template-columns:1fr;gap:27px;padding:38px 30px}.footer-main{flex-direction:column;gap:40px}.footer-links{gap:55px}}@media (width<=520px){.hero h1{font-size:39px}.hero-actions{flex-direction:column}.button{width:100%}.product-preview{margin-top:5px}.dashboard-card{border-radius:14px;min-height:335px}.dash-sidebar{width:43px;padding:13px 5px}.mini-brand{width:27px;height:27px}.dash-icons{margin-top:21px}.dash-icons i{width:29px;height:29px}.dash-main{padding:17px 10px}.dash-heading>span,.metrics article:nth-child(3){display:none}.metrics{grid-template-columns:repeat(2,1fr);margin-top:17px}.chart-panel{padding:13px 10px 9px}.chart-area{height:102px}.floating-card--stock{display:none}.floating-card--task{bottom:-7px}.scenario-visual{padding:23px 14px}.organize-card{padding:20px 16px}.task-row>span{display:none}.contact-card h2{font-size:24px}.contact-card{padding:32px 22px}.contact-item{padding:9px 10px}.footer-links{justify-content:space-between;gap:20px;width:100%}.footer-bottom{flex-direction:column;gap:8px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important}}
