:root{--blue:#1769ff;--deep:#0c2354;--ink:#14213d;--muted:#667085;--pale:#f3f7ff;--line:#e7edf7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"Segoe UI","Microsoft YaHei",sans-serif;background:#fff}a{color:inherit;text-decoration:none}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.site-header{height:74px;background:rgba(255,255,255,.92);border-bottom:1px solid rgba(220,229,244,.8);position:sticky;top:0;z-index:20;backdrop-filter:blur(14px)}.nav{height:100%;display:flex;align-items:center;gap:42px}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;white-space:nowrap}.brand-mark{width:36px;height:36px;border-radius:10px;display:grid;place-items:center;background:linear-gradient(145deg,#2980ff,#0754e8);color:#fff;box-shadow:0 8px 18px #1769ff38}.nav-links{display:flex;align-items:center;justify-content:center;gap:38px;flex:1}.nav-links a{position:relative;padding:26px 0;color:#43506a}.nav-links a:hover,.nav-links .active{color:var(--blue)}.nav-links .active:after{content:"";position:absolute;left:30%;right:30%;bottom:16px;height:3px;background:var(--blue);border-radius:3px}.nav-cta{padding:10px 19px;background:var(--blue);color:white;border-radius:9px;font-weight:700;box-shadow:0 8px 18px #1769ff30}.menu-toggle{display:none;border:0;background:none;font-size:24px}.hero{position:relative;overflow:hidden;padding:95px 0 88px;background:linear-gradient(135deg,#f8fbff 0%,#eef5ff 55%,#f9fbff 100%)}.hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(#397fff20 1px,transparent 1px);background-size:25px 25px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-glow{position:absolute;width:520px;height:520px;border-radius:50%;background:#6da4ff25;filter:blur(10px);right:5%;top:-180px}.hero-grid{position:relative;display:grid;grid-template-columns:.92fr 1.08fr;gap:68px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:9px;color:#2c67d8;background:#e9f1ff;border:1px solid #d7e6ff;padding:6px 13px;border-radius:99px;font-weight:700}.eyebrow i{width:7px;height:7px;background:var(--blue);border-radius:50%;box-shadow:0 0 0 5px #1769ff18}.hero h1{font-size:52px;line-height:1.22;letter-spacing:-2px;margin:24px 0 20px;color:#102149}.hero h1 em{font-style:normal;color:var(--blue);position:relative}.hero h1 em:after{content:"";height:7px;position:absolute;left:2px;right:2px;bottom:-5px;background:#1769ff20;border-radius:50%}.hero-copy>p{font-size:18px;color:#5f6d87;max-width:540px}.hero-actions{display:flex;gap:14px;margin:31px 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:13px 24px;border-radius:10px;font-weight:700;transition:.2s}.btn:hover{transform:translateY(-2px)}.primary{background:var(--blue);color:#fff;box-shadow:0 12px 28px #1769ff42}.ghost{background:#fff;border:1px solid #d9e2ef}.ghost b{font-size:10px;width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:#eaf2ff;color:var(--blue)}.hero-trust{display:flex;gap:28px;padding-top:18px;border-top:1px solid #dbe5f4;color:#78849a}.hero-trust span{display:flex;flex-direction:column}.hero-trust b{font-size:20px;color:#1d345d}.hero-visual{position:relative}.browser-card{background:#fff;padding:10px;border-radius:16px;box-shadow:0 26px 70px #244b9140;transform:perspective(1400px) rotateY(-3deg) rotateX(1deg);border:1px solid #e5edf9}.browser-card img{display:block;width:100%;height:350px;object-fit:cover;object-position:top;border-radius:0 0 8px 8px}.browser-bar{height:35px;display:flex;align-items:center;gap:6px;padding:0 7px;color:#8b96aa;font-size:11px}.browser-bar i{width:8px;height:8px;border-radius:50%;background:#ff6b6b}.browser-bar i:nth-child(2){background:#ffc34f}.browser-bar i:nth-child(3){background:#41ca72}.browser-bar span{margin-left:10px}.float-tag{position:absolute;z-index:3;background:#fff;border-radius:12px;padding:12px 16px;display:flex;align-items:center;gap:10px;box-shadow:0 14px 35px #1c3e7840;font-size:12px;color:#7c8798}.float-tag b{width:32px;height:32px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);font-size:17px}.float-tag strong{color:#1c3259;font-size:14px}.tag-one{left:-38px;bottom:44px}.tag-two{right:-27px;top:34px}.proof{border-bottom:1px solid var(--line);background:#fff}.proof-row{min-height:88px;display:flex;align-items:center;justify-content:space-between;color:#a0a9ba}.proof-row span{font-size:13px}.proof-row b{font-size:16px;color:#7f8a9d}.section{padding:100px 0}.section-head{text-align:center;max-width:750px;margin:0 auto 48px}.section-head>span,.cta-inner>div>span{color:var(--blue);font-size:13px;font-weight:800;letter-spacing:2px}.section-head h2{font-size:38px;line-height:1.3;margin:10px 0 12px;color:#102149}.section-head p{font-size:17px;color:var(--muted);margin:0}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{position:relative;background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px;overflow:hidden;box-shadow:0 10px 30px #254f8a0a;transition:.25s}.feature-card:hover{transform:translateY(-5px);box-shadow:0 20px 45px #254f8a18}.feature-card.big{grid-column:span 3;display:grid;grid-template-columns:.8fr 1.2fr;align-items:center;padding:45px 45px 0;background:linear-gradient(120deg,#f7faff,#eef5ff)}.feature-card.big img{width:100%;height:300px;object-fit:cover;object-position:top;border-radius:13px 13px 0 0;box-shadow:0 10px 35px #193e7930}.feature-card i{font-style:normal;color:#aec2e3;font-weight:800}.feature-card h3{font-size:22px;margin:12px 0 7px}.feature-card p{color:var(--muted);margin:0}.feature-copy{padding-right:48px}.feature-copy h3{font-size:29px}.feature-copy a{display:inline-block;color:var(--blue);font-weight:700;margin-top:22px}.icon-box{width:48px;height:48px;display:grid;place-items:center;border-radius:13px;background:#edf4ff;color:var(--blue);font-size:22px;margin-top:28px}.roles{background:#f4f7fb}.roles-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;align-items:center}.section-head.left{text-align:left;margin:0 0 28px}.section-head.left h2{font-size:38px}.role-tabs{display:flex;gap:8px;margin:25px 0}.role-tabs button{border:0;background:#fff;border-radius:8px;padding:10px 16px;color:#5e6c84;cursor:pointer}.role-tabs .active{background:var(--blue);color:#fff;box-shadow:0 7px 18px #1769ff35}.roles ul{list-style:none;padding:0;margin:25px 0}.roles li{margin:12px 0;color:#4e5f78}.roles li:before{content:"✓";display:inline-grid;place-items:center;width:20px;height:20px;background:#e5efff;color:var(--blue);border-radius:50%;margin-right:11px;font-weight:800}.role-device{position:relative;padding:40px 30px 0}.device-screen{padding:10px 10px 0;background:#fff;border-radius:18px 18px 0 0;box-shadow:0 25px 60px #17376825}.device-screen img{display:block;width:100%;height:390px;object-fit:cover;object-position:top;border-radius:10px 10px 0 0}.status-card{position:absolute;right:-20px;bottom:32px;width:180px;background:#fff;padding:17px;border-radius:13px;box-shadow:0 15px 40px #213a6a30}.status-card span{display:block;color:#8792a5;font-size:12px}.status-card strong{font-size:24px;color:#24a972}.status-card i{display:block;background:#e9eef6;height:5px;border-radius:5px}.status-card i b{display:block;width:96.8%;height:100%;background:#25b67b;border-radius:5px}.steps{background:white}.step-grid{display:grid;grid-template-columns:1fr 50px 1fr 50px 1fr;align-items:center}.step-grid article{text-align:center;padding:35px 22px;border:1px solid var(--line);border-radius:16px;position:relative}.step-grid article>b{position:absolute;top:15px;left:18px;color:#d1dcf0}.step-grid article>i{font-style:normal;margin:auto;width:60px;height:60px;display:grid;place-items:center;background:#eaf2ff;color:var(--blue);border-radius:16px;font-size:26px}.step-grid article h3{margin:18px 0 4px}.step-grid article p{margin:0;color:var(--muted)}.step-grid>span{text-align:center;color:#9fb9e7;font-size:28px}.why{background:#f7f9fc}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.why-grid article{background:white;border:1px solid var(--line);border-radius:16px;padding:28px;text-align:center}.why-grid strong{font-size:34px;color:var(--blue)}.why-grid small{font-size:13px;margin-left:3px}.why-grid h3{margin:12px 0 4px}.why-grid p{margin:0;color:var(--muted);font-size:14px}.cta{padding:72px 0;background:linear-gradient(120deg,#0755e9,#2c7cff);color:#fff;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:430px;height:430px;border:80px solid #ffffff0b;border-radius:50%;right:-80px;top:-180px}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between}.cta-inner>div>span{color:#bbd3ff}.cta h2{font-size:36px;margin:8px 0}.cta p{margin:0;color:#d8e5ff;font-size:17px}.btn.white{background:white;color:var(--blue);min-width:180px}.btn.white b{font-size:20px}footer{padding:64px 0 25px;background:#091a3a;color:#a5b2ca}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1.4fr;gap:50px}.brand.light{color:white}.footer-grid>div{display:flex;flex-direction:column;gap:9px}.footer-grid b{color:#fff;margin-bottom:7px}.footer-grid p{margin:0}.footer-grid a:hover{color:white}.copyright{border-top:1px solid #ffffff16;margin-top:45px;padding-top:22px;display:flex;justify-content:space-between;font-size:13px}
@media(max-width:900px){.nav{gap:15px}.menu-toggle{display:block;margin-left:auto}.nav-links{display:none;position:absolute;top:74px;left:0;right:0;background:white;padding:15px 20px;box-shadow:0 15px 30px #172c4f20}.nav-links.open{display:flex;flex-direction:column;gap:0;align-items:stretch}.nav-links a{padding:12px}.nav-links .active:after{display:none}.nav-cta{display:none}.hero{padding:62px 0}.hero-grid,.roles-grid{grid-template-columns:1fr}.hero h1{font-size:42px}.hero-visual{margin:10px 30px 0}.proof-row{flex-wrap:wrap;justify-content:center;gap:24px;padding:22px}.feature-grid{grid-template-columns:1fr 1fr}.feature-card.big{grid-column:span 2}.why-grid{grid-template-columns:1fr 1fr}.footer-grid{grid-template-columns:1.5fr 1fr 1fr}.footer-grid>div:last-child{display:none}}
@media(max-width:600px){.wrap{width:min(100% - 28px,1180px)}.hero{text-align:center;padding-top:48px}.hero-grid{gap:42px}.hero h1{font-size:35px;letter-spacing:-1px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column}.hero-trust{justify-content:space-between;gap:8px}.hero-trust b{font-size:17px}.browser-card img{height:220px}.float-tag{display:none}.section{padding:70px 0}.section-head h2,.section-head.left h2{font-size:29px}.feature-grid{display:block}.feature-card{margin-bottom:14px}.feature-card.big{display:block;padding:28px 22px 0}.feature-copy{padding:0 0 25px}.feature-card.big img{height:190px}.roles-grid{gap:20px}.role-tabs{overflow:auto}.role-tabs button{white-space:nowrap}.role-device{padding:10px 0 0}.device-screen img{height:250px}.status-card{right:-5px}.step-grid{display:block}.step-grid article{margin:12px 0}.step-grid>span{display:block;transform:rotate(90deg)}.why-grid{grid-template-columns:1fr}.cta-inner{display:block;text-align:center}.cta h2{font-size:29px}.cta .btn{margin-top:25px}.footer-grid{grid-template-columns:1fr 1fr}.footer-grid>div:first-child{grid-column:span 2}.copyright{display:block;text-align:center}.copyright span{display:block;margin-top:7px}}