:root{--ink:#162033;--muted:#6e788a;--blue:#4f6cf4;--line:rgba(34,60,103,.1);--glass:rgba(255,255,255,.78)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;overflow-x:hidden;color:var(--ink);background:#f5f8ff;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI","PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button,summary{font:inherit}img{display:block;max-width:100%}.container{width:min(1180px,calc(100% - 64px));margin-inline:auto}.page-glow{position:absolute;z-index:-1;pointer-events:none;border-radius:50%;filter:blur(32px)}.page-glow-a{width:560px;height:560px;top:0;right:-130px;background:radial-gradient(circle,rgba(177,198,255,.52),transparent 69%)}.page-glow-b{width:500px;height:500px;top:440px;left:-280px;background:radial-gradient(circle,rgba(165,236,223,.42),transparent 70%)}
.site-header{position:relative;z-index:10;padding:23px 0}.header-inner{display:flex;align-items:center;gap:30px}.brand{display:flex;align-items:center;gap:12px;margin-right:auto}.brand-icon{width:45px;height:45px;overflow:hidden;border-radius:14px;box-shadow:0 9px 22px rgba(35,53,86,.15);background:#202a3d}.brand-icon img{width:100%;height:100%;object-fit:cover}.brand strong,.brand small{display:block;white-space:nowrap}.brand strong{font-size:17px;letter-spacing:-.025em}.brand small{margin-top:2px;color:#7e8898;font-size:11px;letter-spacing:.05em}.desktop-nav{display:flex;align-items:center;gap:34px;color:#5f6a7d;font-size:14px;font-weight:600}.desktop-nav a:hover,.site-footer a:hover{color:var(--blue)}.header-action{display:inline-flex;align-items:center;gap:11px;min-height:44px;padding:0 18px;border:1px solid rgba(255,255,255,.95);border-radius:15px;background:rgba(255,255,255,.7);box-shadow:0 9px 26px rgba(36,56,103,.08);font-size:13px;font-weight:700;white-space:nowrap;backdrop-filter:blur(20px)}.header-action:hover{transform:translateY(-2px);box-shadow:0 13px 30px rgba(36,56,103,.14)}.mobile-nav{display:none}
.hero{display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:60px;min-height:660px;padding-block:80px 112px}.hero-copy{padding-bottom:12px}.eyebrow,.section-label{display:inline-flex;align-items:center;gap:9px;color:#4262dd;font-size:12px;font-weight:800;letter-spacing:.08em}.eyebrow{padding:10px 14px;border:1px solid rgba(91,120,243,.16);border-radius:99px;background:rgba(255,255,255,.8);box-shadow:0 9px 24px rgba(69,98,182,.07)}.eyebrow-dot{width:7px;height:7px;border-radius:50%;background:#5f7bfb;box-shadow:0 0 0 5px rgba(95,123,251,.13)}h1,h2,h3,p{margin-top:0}.hero h1{margin:28px 0 22px;font-size:clamp(46px,5vw,72px);line-height:1.18;letter-spacing:-.07em;font-weight:830}.hero h1 span{background:linear-gradient(105deg,#4c6df2 8%,#628ff2 48%,#40b5ab 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy>p{max-width:535px;color:var(--muted);font-size:17px;line-height:1.9}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}.button{display:inline-flex;align-items:center;justify-content:center;gap:15px;min-height:52px;padding:0 22px;border-radius:15px;font-size:14px;font-weight:750;transition:transform .2s,box-shadow .2s}.button:hover{transform:translateY(-3px)}.button-primary{background:linear-gradient(120deg,#3e5bd8,#6481fb);color:#fff;box-shadow:0 13px 26px rgba(75,104,222,.25)}.button-primary:hover{box-shadow:0 17px 34px rgba(75,104,222,.32)}.button-light{border:1px solid var(--line);background:rgba(255,255,255,.78)}.button-light:hover{box-shadow:0 12px 26px rgba(33,57,105,.09)}.hero-notes{display:flex;flex-wrap:wrap;gap:20px;margin-top:47px;color:#7f899b;font-size:12px;font-weight:600}.hero-notes i{margin-right:5px;color:#6e83e1}
.hero-visual{position:relative;isolation:isolate;padding:25px;border:1px solid rgba(255,255,255,.94);border-radius:34px;background:rgba(255,255,255,.7);box-shadow:0 30px 90px rgba(63,92,153,.15),inset 0 1px 0 rgba(255,255,255,.9);backdrop-filter:blur(35px) saturate(140%);transform:rotate(1.2deg)}.visual-halo{position:absolute;z-index:-1;inset:13% 9%;border-radius:50%;background:rgba(116,155,247,.22);filter:blur(48px)}.visual-top{display:flex;align-items:center;gap:10px;padding-bottom:22px;border-bottom:1px solid var(--line);font-size:13px;font-weight:750}.visual-top-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#e9efff;color:#5770e5}.visual-live{margin-left:auto;color:#6b8d81;font-size:11px;font-weight:600}.visual-live i{margin-right:4px;color:#38b596;font-size:7px}.visual-heading{display:grid;gap:6px;margin:26px 0 19px}.visual-heading strong{font-size:24px;letter-spacing:-.04em}.visual-heading small{color:#8b94a3;font-size:12px}.flow-list{display:grid;padding:0 3px}.flow-item{display:flex;align-items:center;gap:15px;min-height:82px;padding:12px 16px;border:1px solid rgba(218,227,248,.72);border-radius:19px;background:rgba(255,255,255,.88);box-shadow:0 10px 24px rgba(53,80,139,.06)}.flow-icon{display:grid;place-items:center;flex:0 0 auto;width:46px;height:46px;border-radius:15px;font-size:18px}.flow-blue{background:#e9efff;color:#5976e9}.flow-violet{background:#f0eaff;color:#9671db}.flow-green{background:#e5f7ef;color:#37ad86}.flow-item>span:nth-child(2){display:grid;gap:5px}.flow-item strong{font-size:13px}.flow-item small{color:#8b94a3;font-size:11px}.flow-item em{margin-left:auto;color:#aeb8ca;font-size:12px;font-style:normal;font-weight:750}.flow-connector{height:17px;margin-left:37px;border-left:2px dashed #cdd9f2}.visual-foot{display:flex;justify-content:space-between;gap:10px;margin-top:21px;color:#9aa3b2;font-size:11px}.visual-foot i{margin-right:5px;color:#78a39e}
.section-shell{position:relative;padding:103px 0;background:rgba(255,255,255,.58);border-top:1px solid rgba(255,255,255,.9);border-bottom:1px solid rgba(255,255,255,.9)}.section-intro h2{margin:17px 0 14px;font-size:clamp(32px,3.6vw,48px);line-height:1.2;letter-spacing:-.065em}.section-intro p{max-width:520px;color:var(--muted);font-size:15px;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;margin-top:46px}.feature-card{min-height:300px;padding:26px 23px;border:1px solid #fff;border-radius:25px;background:rgba(255,255,255,.76);box-shadow:0 18px 45px rgba(48,76,128,.07);transition:transform .2s,box-shadow .2s}.feature-card:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(48,76,128,.12)}.feature-icon{display:grid;place-items:center;width:51px;height:51px;border-radius:17px;font-size:20px}.icon-blue{background:#e9efff;color:#5e78f0}.icon-violet{background:#f0ebff;color:#906ae0}.icon-green{background:#e4f7ee;color:#24aa84}.icon-orange{background:#fff2e7;color:#e49b5c}.feature-card h3{margin:29px 0 12px;font-size:18px;letter-spacing:-.035em}.feature-card p{min-height:78px;color:#7b8597;font-size:13px;line-height:1.75}.feature-card>span:last-child{display:flex;align-items:center;gap:9px;color:#5570dd;font-size:12px;font-weight:750}
.workflow{padding-block:112px 119px}.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:45px}.step{position:relative;min-height:220px;padding:28px;border:1px solid rgba(255,255,255,.94);border-radius:26px;background:var(--glass);box-shadow:0 15px 43px rgba(45,71,125,.07);backdrop-filter:blur(24px)}.step>span{position:absolute;right:26px;top:25px;color:#d0d9ee;font-size:34px;font-weight:800;letter-spacing:-.08em}.step>i{display:grid;place-items:center;width:49px;height:49px;border-radius:16px;background:#eaf0ff;color:#5b77ec;font-size:19px}.step h3{margin:23px 0 9px;font-size:18px}.step p{max-width:250px;color:#7b8597;font-size:13px;line-height:1.7}
.questions-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.faq-list{display:grid;gap:10px}.faq-list details{padding:0 20px;border:1px solid rgba(216,226,247,.75);border-radius:16px;background:rgba(255,255,255,.82)}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:15px;min-height:66px;cursor:pointer;list-style:none;font-size:14px;font-weight:750}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary i{color:#667de6;transition:transform .2s}.faq-list details[open] summary i{transform:rotate(45deg)}.faq-list p{margin:0 0 18px;color:#7d8798;font-size:13px;line-height:1.8}.bottom-cta{display:flex;justify-content:space-between;align-items:center;gap:30px;margin-block:100px;padding:46px 52px;border-radius:30px;background:linear-gradient(110deg,#344ec1,#607cf1 56%,#65b8c6);color:#fff;box-shadow:0 23px 50px rgba(65,91,193,.24)}.bottom-cta .section-label{color:#c7d5ff}.bottom-cta h2{margin:13px 0 8px;font-size:clamp(26px,3vw,39px);letter-spacing:-.05em}.bottom-cta p{margin:0;color:#e1e7ff;font-size:14px}.button-white{flex-shrink:0;background:#fff;color:#334bad;box-shadow:0 10px 23px rgba(22,36,113,.15)}.site-footer{display:flex;align-items:center;gap:25px;padding-bottom:35px;color:#8993a5;font-size:12px}.footer-brand{display:flex;align-items:center;gap:9px;color:#31405d}.footer-brand img{width:30px;height:30px;border-radius:9px;object-fit:cover}.site-footer nav{display:flex;gap:22px;margin-left:auto}
@media(max-width:1050px){.hero{gap:30px}.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.feature-card{min-height:245px}.feature-card p{min-height:0}.questions-grid{gap:35px}}
@media(max-width:760px){.container{width:min(100% - 36px,560px)}.site-header{padding:14px 0}.brand-icon{width:39px;height:39px;border-radius:12px}.brand strong{font-size:14px}.brand small{font-size:10px}.desktop-nav,.header-action{display:none}.mobile-nav{display:block;position:relative;margin-left:auto}.mobile-nav summary{display:grid;place-items:center;width:42px;height:42px;border:1px solid rgba(255,255,255,.9);border-radius:13px;background:rgba(255,255,255,.8);box-shadow:0 6px 20px rgba(36,56,103,.08);cursor:pointer;list-style:none}.mobile-nav summary::-webkit-details-marker{display:none}.mobile-nav nav{position:absolute;right:0;top:50px;display:grid;min-width:185px;padding:8px;border:1px solid #fff;border-radius:15px;background:rgba(255,255,255,.97);box-shadow:0 18px 40px rgba(31,50,90,.16)}.mobile-nav nav a{padding:12px;border-radius:9px;font-size:13px}.mobile-nav nav a:hover{background:#f0f3ff}.hero{display:flex;flex-direction:column;align-items:stretch;gap:48px;min-height:0;padding-block:66px 78px}.hero h1{margin:22px 0 16px;font-size:clamp(42px,11vw,58px)}.hero-copy>p{font-size:15px}.hero-notes{gap:9px 16px;margin-top:30px;font-size:11px}.hero-visual{max-width:520px;width:100%;margin:auto;transform:none}.section-shell{padding-block:75px}.section-intro h2{font-size:36px}.feature-grid{gap:12px;margin-top:30px}.feature-card{padding:22px}.workflow{padding-block:76px}.steps{margin-top:32px;gap:12px}.step{padding:20px;min-height:210px}.questions-grid{grid-template-columns:1fr;gap:22px}.bottom-cta{margin-block:70px;padding:32px;align-items:flex-start;flex-direction:column}.site-footer{flex-wrap:wrap;gap:12px}.site-footer nav{width:100%;margin-left:0}}
@media(max-width:560px){.feature-grid,.steps{grid-template-columns:1fr}.feature-card{min-height:0}.feature-card h3{margin-top:20px}.feature-card p{margin-bottom:20px}.step{min-height:0}.hero-actions{gap:10px}.hero-actions .button{flex:1 1 160px;min-width:0;padding-inline:13px;font-size:12px}.hero-visual{padding:18px;border-radius:25px}.visual-heading strong{font-size:20px}.visual-foot{font-size:10px}.section-intro h2{font-size:33px}.bottom-cta h2{font-size:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important}}