:root{--blue:#2563eb;--cyan:#06b6d4;--green:#10b981;--amber:#f59e0b;--purple:#8b5cf6;--ink:#0f172a;--sub:#475569;--muted:#94a3b8;--line:#e2e8f0;--card:#fff;--shadow:0 24px 60px -20px #0f172a2e;--shadow-sm:0 10px 30px -14px #0f172a1f}.de-page[data-astro-cid-cuagsqtp]{& img{border-radius:inherit;max-width:100%;display:block}& a{color:inherit;text-decoration:none}& .wrap{z-index:2;width:min(1180px,92%);margin:0 auto;position:relative}& .sec{padding:110px 0;position:relative}& .sec-head{text-align:center;max-width:760px;margin:0 auto 50px}& .sec-head h2{letter-spacing:-.02em;margin-bottom:16px;font-size:clamp(26px,4.5vw,42px);font-weight:800;line-height:1.18}& .sec-head p{color:var(--sub);font-size:18px;line-height:1.7}& .btn{cursor:pointer;border:none;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:13px 28px;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex}& .btn-primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;box-shadow:0 10px 26px -8px #2563eb73}& .btn-primary:hover{transform:translateY(-2px);box-shadow:0 16px 34px -10px #2563eb80}& .hero{background:linear-gradient(160deg,#eef8ff 0%,#f0fdfa 45%,#f5f3ff 100%);padding:90px 0 120px;overflow:hidden}& .hero-grid{grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;display:grid}& .eyebrow{color:var(--blue);background:#2563eb14;border:1px solid #2563eb1f;border-radius:999px;align-items:center;gap:8px;margin-bottom:22px;padding:8px 16px;font-size:14px;font-weight:700;display:inline-flex}& .hero h1{letter-spacing:-.03em;margin-bottom:22px;font-size:clamp(36px,6vw,58px);font-weight:900;line-height:1.1}& .hero h1 em{background:linear-gradient(120deg,var(--blue),var(--cyan));color:#0000;background-clip:text;font-style:normal}& .hero-desc{color:var(--sub);max-width:520px;margin-bottom:34px;font-size:18px;line-height:1.8}& .hero-actions{flex-wrap:wrap;gap:16px;display:flex}& .hero-right{justify-content:center;align-items:center;min-height:520px;display:flex;position:relative}& .hero-visual{width:460px;height:460px;box-shadow:var(--shadow);backdrop-filter:blur(10px);background:linear-gradient(135deg,#fffffff2,#ffffffb3);border:1px solid #fffc;border-radius:40px;justify-content:center;align-items:center;display:flex;position:relative}& .hero-visual:before{content:"";z-index:-1;background:radial-gradient(circle at 30% 20%,#2563eb2e,#0000 45%),radial-gradient(circle at 80% 80%,#06b6d429,#0000 45%),radial-gradient(circle,#8b5cf61f,#0000 50%);border-radius:60px;position:absolute;inset:-40px}& .dashboard-mock{border:1px solid var(--line);background:#fff;border-radius:28px;flex-direction:column;gap:18px;width:380px;height:380px;padding:26px;display:flex;box-shadow:0 20px 50px -18px #0f172a33}& .mock-header{justify-content:space-between;align-items:center;margin-bottom:4px;display:flex}& .mock-title{color:var(--ink);font-size:16px;font-weight:800}& .mock-dots{gap:6px;display:flex}& .mock-dots span{background:#e2e8f0;border-radius:50%;width:8px;height:8px}& .mock-dots span:first-child{background:#ff6b6b}& .mock-dots span:nth-child(2){background:#fbbf24}& .mock-dots span:nth-child(3){background:#34d399}& .mock-kpi{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}& .mkpi{text-align:center;background:#f8fafc;border-radius:14px;padding:14px 8px}& .mkpi b{color:var(--blue);font-size:22px;font-weight:900;line-height:1;display:block}& .mkpi i{color:var(--muted);font-size:11px;font-style:normal}& .mock-chart{flex:1;align-items:flex-end;gap:10px;padding:10px 0;display:flex}& .mbar{background:linear-gradient(180deg,var(--cyan),var(--blue));opacity:.85;border-radius:8px 8px 0 0;flex:1}& .mbar:nth-child(2){background:linear-gradient(180deg,var(--green),var(--cyan));opacity:.75}& .mbar:nth-child(3){background:linear-gradient(180deg,var(--amber),#f97316);opacity:.7}& .mbar:nth-child(4){background:linear-gradient(180deg,var(--purple),var(--blue));opacity:.65}& .float-card{box-shadow:var(--shadow-sm);border:1px solid var(--line);background:#fff;border-radius:18px;align-items:center;gap:12px;padding:16px 20px;font-size:14px;font-weight:700;animation:5s ease-in-out infinite float;display:flex;position:absolute}& .float-card svg{flex-shrink:0;width:22px;height:22px}& .fc1{animation-delay:0s;top:20px;right:-30px}& .fc2{animation-delay:1.5s;bottom:80px;right:-20px}& .fc3{animation-delay:3s;bottom:30px;left:-30px}& .vgrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}& .vcard{background:var(--card);border:1px solid var(--line);border-radius:26px;padding:36px 30px;transition:all .3s;position:relative;overflow:hidden}& .vcard:hover{box-shadow:var(--shadow);transform:translateY(-6px)}& .vcard .glow{filter:blur(50px);opacity:.22;border-radius:50%;width:160px;height:160px;position:absolute;top:-60px;right:-60px}& .vcard.blue .glow{background:var(--blue)}& .vcard.green .glow{background:var(--green)}& .vcard.amber .glow{background:var(--amber)}& .vcard .ic{width:52px;height:52px;color:var(--ink);background:#f1f5f9;border-radius:16px;place-items:center;margin-bottom:22px;display:grid}& .vcard.blue .ic{color:var(--blue);background:linear-gradient(135deg,#dbeafe,#eff6ff)}& .vcard.green .ic{color:var(--green);background:linear-gradient(135deg,#d1fae5,#ecfdf5)}& .vcard.amber .ic{color:var(--amber);background:linear-gradient(135deg,#fef3c7,#fffbeb)}& .vcard h3{margin-bottom:12px;font-size:22px;font-weight:800}& .vcard p{color:var(--sub);font-size:15px;line-height:1.7}& .features{background:#f8fafc}& .fgrid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}& .fcard{border:1px solid var(--line);background:#fff;border-radius:22px;padding:32px;transition:all .25s}& .fcard:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1;transform:translateY(-4px)}& .fcard .ic{background:#f1f5f9;border-radius:14px;place-items:center;width:48px;height:48px;margin-bottom:18px;display:grid}& .fcard:first-child .ic{color:var(--blue);background:#dbeafe}& .fcard:nth-child(2) .ic{color:#b45309;background:#fef3c7}& .fcard:nth-child(3) .ic{color:#047857;background:#d1fae5}& .fcard:nth-child(4) .ic{color:#4338ca;background:#e0e7ff}& .fcard:nth-child(5) .ic{color:#0891b2;background:#cffafe}& .fcard:nth-child(6) .ic{color:#7c3aed;background:#f3e8ff}& .fcard h4{margin-bottom:10px;font-size:18px;font-weight:800}& .fcard p{color:var(--sub);font-size:14.5px;line-height:1.7}& .steps-wrap{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:32px;padding:54px 46px}& .steps{justify-content:space-between;margin-top:40px;display:flex;position:relative}& .steps:before{content:"";background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));border-radius:4px;height:4px;position:absolute;top:28px;left:12%;right:12%}& .step{text-align:center;z-index:1;width:22%;position:relative}& .step .num{border:3px solid var(--line);width:60px;height:60px;color:var(--sub);background:#fff;border-radius:50%;place-items:center;margin:0 auto 18px;font-size:20px;font-weight:900;transition:all .3s;display:grid;box-shadow:0 6px 16px -6px #0f172a1f}& .step:hover .num{border-color:var(--blue);color:var(--blue);transform:scale(1.08)}& .step h4{margin-bottom:8px;font-size:17px;font-weight:800}& .step p{color:var(--sub);font-size:13.5px;line-height:1.55}& .scene-grid{grid-template-columns:1.4fr 1fr;align-items:stretch;gap:28px;display:grid}& .scene-main{min-height:420px;box-shadow:var(--shadow-sm);border-radius:28px;position:relative;overflow:hidden}& .scene-main img{object-fit:cover;width:100%;height:100%}& .scene-overlay{color:#fff;background:linear-gradient(#0000 40%,#0f172ac7 100%);flex-direction:column;justify-content:flex-end;padding:34px;display:flex;position:absolute;inset:0}& .scene-overlay h4{margin-bottom:10px;font-size:26px;font-weight:800}& .scene-overlay p{opacity:.92;max-width:420px;font-size:15px}& .scene-side{flex-direction:column;gap:20px;display:flex}& .scene-card{border:1px solid var(--line);cursor:pointer;background:#fff;border-radius:20px;padding:24px;transition:all .25s}& .scene-card:hover,& .scene-card.active{border-color:var(--blue);box-shadow:var(--shadow-sm);background:#fafbff}& .scene-card h4{align-items:center;gap:8px;margin-bottom:6px;font-size:16px;font-weight:800;display:flex}& .scene-card p{color:var(--sub);font-size:13.5px;line-height:1.6}& .scene-tag{color:#4338ca;background:#e0e7ff;border-radius:999px;padding:3px 10px;font-size:11px;font-weight:700;display:inline-block}& .compare{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:32px;padding:50px}& .compare-grid{grid-template-columns:1fr 1fr;align-items:center;gap:36px;display:grid}& .compare-left h3{margin-bottom:18px;font-size:28px;font-weight:800}& .compare-left p{color:var(--sub);margin-bottom:26px;line-height:1.7}& .compare-item{align-items:flex-start;gap:14px;margin-bottom:18px;display:flex}& .compare-item .dot{border-radius:50%;flex-shrink:0;place-items:center;width:20px;height:20px;margin-top:3px;display:grid}& .compare-item .dot.x{color:#dc2626;background:#fee2e2}& .compare-item .dot.ok{color:#059669;background:#d1fae5}& .compare-item b{font-weight:700}& .compare-right{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;border-radius:24px;padding:34px;position:relative;overflow:hidden}& .compare-right:before{content:"";background:radial-gradient(circle at 100% 0,#fff3,#0000 50%);position:absolute;inset:0}& .cr-head{z-index:1;justify-content:space-between;align-items:center;margin-bottom:26px;display:flex;position:relative}& .cr-head h4{font-size:20px;font-weight:800}& .cr-stat{font-size:36px;font-weight:900}& .cr-bar{z-index:1;background:#ffffff40;border-radius:10px;height:14px;margin-bottom:18px;position:relative;overflow:hidden}& .cr-bar span{background:#fff;border-radius:10px;height:100%;display:block;box-shadow:0 0 14px #fff6}& .sync{background:#fff}& .sync-grid{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}& .scard{border:1px solid var(--line);text-align:center;background:linear-gradient(#f8fafc,#fff);border-radius:24px;padding:34px 28px;transition:all .25s}& .scard:hover{box-shadow:var(--shadow-sm);transform:translateY(-5px)}& .scard .sdev{border:2px solid var(--line);background:#fff;border-radius:14px;justify-content:center;align-items:center;width:120px;height:90px;margin:0 auto 22px;display:flex;box-shadow:0 8px 24px -10px #0f172a1f}& .scard .sdev svg{color:var(--blue)}& .scard h4{margin-bottom:10px;font-size:19px;font-weight:800}& .scard p{color:var(--sub);font-size:14px;line-height:1.7}& .diff{background:#f8fafc}& .diff-grid{grid-template-columns:repeat(4,1fr);gap:22px;display:grid}& .dcard{border:1px solid var(--line);text-align:center;background:#fff;border-radius:22px;padding:30px 24px;transition:all .25s}& .dcard:hover{box-shadow:var(--shadow-sm);transform:translateY(-5px)}& .dcard .dib{width:56px;height:56px;color:var(--blue);background:#f1f5f9;border-radius:16px;place-items:center;margin:0 auto 18px;display:grid}& .dcard:first-child .dib{color:var(--blue);background:#dbeafe}& .dcard:nth-child(2) .dib{color:#4338ca;background:#e0e7ff}& .dcard:nth-child(3) .dib{color:#047857;background:#d1fae5}& .dcard:nth-child(4) .dib{color:#b45309;background:#fef3c7}& .dcard h4{margin-bottom:10px;font-size:17px;font-weight:800}& .dcard p{color:var(--sub);font-size:13.5px;line-height:1.65}& .proof{color:#fff;background:linear-gradient(135deg,#0b1226,#132046);padding:90px 0;position:relative;overflow:hidden}& .proof:before{content:"";background:radial-gradient(circle at 20% 30%,#2563eb2e,#0000 45%),radial-gradient(circle at 80% 70%,#06b6d429,#0000 45%);position:absolute;inset:0}& .proof-grid{text-align:center;z-index:1;grid-template-columns:repeat(4,1fr);gap:28px;display:grid;position:relative}& .pnum{background:linear-gradient(120deg,#7dd3fc,#a78bfa);color:#0000;background-clip:text;margin-bottom:8px;font-size:52px;font-weight:900;line-height:1}& .proof-grid p{color:#cbd5e1;font-size:15px}& .cta{text-align:center;background:linear-gradient(120deg,#e0f2fe,#ecfdf5,#f3e8ff);padding:100px 0}& .cta h2{margin-bottom:18px;font-size:clamp(28px,5vw,44px);font-weight:900}& .cta p{color:var(--sub);max-width:560px;margin:0 auto 32px;font-size:18px;line-height:1.7}& .share{background:linear-gradient(#f8fafc,#fff)}& .share-grid{grid-template-columns:1.2fr 1fr;align-items:center;gap:50px;display:grid}& .share-left{position:relative}& .share-hub{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;z-index:2;border-radius:50%;place-items:center;width:160px;height:160px;margin:0 auto;font-size:20px;font-weight:900;display:grid;position:relative;box-shadow:0 20px 50px -14px #2563eb73}& .share-orbit{justify-content:center;align-items:center;display:flex;position:absolute;inset:0}& .share-orbit:before{content:"";border:2px dashed var(--line);border-radius:50%;width:280px;height:280px;animation:20s linear infinite spin;position:absolute}& .share-role{border:1px solid var(--line);box-shadow:var(--shadow-sm);background:#fff;border-radius:16px;align-items:center;gap:10px;padding:14px 18px;font-size:14px;font-weight:700;display:flex;position:absolute}& .share-role.s1{top:0;left:50%;transform:translate(-50%)}& .share-role.s2{top:50%;right:0;transform:translateY(-50%)}& .share-role.s3{bottom:0;left:50%;transform:translate(-50%)}& .share-role.s4{top:50%;left:0;transform:translateY(-50%)}& .share-role svg{width:20px;height:20px;color:var(--blue)}& .share-right h3{margin-bottom:18px;font-size:34px;font-weight:800;line-height:1.2}& .share-right p{color:var(--sub);margin-bottom:24px;line-height:1.8}& .share-list{flex-direction:column;gap:14px;display:flex}& .share-list li{color:var(--sub);align-items:flex-start;gap:12px;font-size:15px;list-style:none;display:flex}& .share-list li:before{content:"";background:var(--cyan);border-radius:50%;flex-shrink:0;width:8px;height:8px;margin-top:8px}& .dash-detail{background:linear-gradient(#fff,#f8fafc)}& .dash-grid{grid-template-columns:repeat(5,1fr);gap:18px;display:grid}& .ditem{border:1px solid var(--line);text-align:center;background:#fff;border-radius:18px;padding:22px 16px;transition:all .25s;position:relative;overflow:hidden}& .ditem:hover{box-shadow:var(--shadow-sm);border-color:#cbd5e1;transform:translateY(-4px)}& .ditem .dib{width:44px;height:44px;color:var(--blue);background:#f1f5f9;border-radius:12px;place-items:center;margin:0 auto 14px;display:grid}& .ditem:nth-child(2) .dib{color:#b45309;background:#fef3c7}& .ditem:nth-child(3) .dib{color:#047857;background:#d1fae5}& .ditem:nth-child(4) .dib{color:#4338ca;background:#e0e7ff}& .ditem:nth-child(5) .dib{color:#0891b2;background:#cffafe}& .ditem:nth-child(6) .dib{color:#7c3aed;background:#f3e8ff}& .ditem:nth-child(7) .dib{color:#dc2626;background:#fee2e2}& .ditem:nth-child(8) .dib{color:#2563eb;background:#dbeafe}& .ditem:nth-child(9) .dib{color:#059669;background:#d1fae5}& .ditem:nth-child(10) .dib{color:#9333ea;background:#f3e8ff}& .ditem h4{margin-bottom:6px;font-size:14px;font-weight:800}& .ditem p{color:var(--sub);font-size:12px;line-height:1.45}& .ditem .trend{border-radius:999px;margin-top:8px;padding:2px 8px;font-size:11px;font-weight:700;display:inline-block}& .trend.up{color:#047857;background:#d1fae5}& .trend.down{color:#dc2626;background:#fee2e2}& .trend.stable{color:var(--sub);background:#f1f5f9}& .quote{background:#fff}& .quote-card{text-align:center;background:linear-gradient(135deg,#f0f9ff,#f5f3ff);border:1px solid #e0e7ff;border-radius:32px;padding:54px 60px;position:relative;overflow:hidden}& .quote-card:before{content:"“";color:#2563eb14;font-family:Georgia,serif;font-size:120px;line-height:1;position:absolute;top:10px;left:30px}& .quote-card p{color:var(--ink);z-index:1;max-width:760px;margin:0 auto 28px;font-size:24px;font-weight:700;line-height:1.6;position:relative}& .quote-author{color:var(--sub);font-weight:800}& .quote-author span{color:var(--muted);margin-top:4px;font-size:13px;font-weight:600;display:block}& .scene-photos{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:36px;display:grid}& .sphoto{height:260px;box-shadow:var(--shadow-sm);border-radius:22px;position:relative;overflow:hidden}& .sphoto img{object-fit:cover;width:100%;height:100%;transition:transform .6s}& .sphoto:hover img{transform:scale(1.05)}& .sphoto span{color:#fff;background:linear-gradient(#0000,#0f172abf);padding:22px;font-size:16px;font-weight:800;position:absolute;bottom:0;left:0;right:0}& .wave{width:100%;line-height:0;position:absolute;bottom:0;left:0;overflow:hidden}& .wave svg{width:calc(100% + 1.3px);height:80px;display:block;position:relative}& .wave svg path{fill:#fff}& .sec-head h2{background:linear-gradient(120deg,var(--ink),#1e3a8a);color:#0000;background-clip:text}& .hero h1 em{background:linear-gradient(120deg,var(--blue),var(--cyan),var(--green));color:#0000;background-clip:text}& .vcard,& .fcard,& .dcard,& .ditem,& .scene-card,& .quote-card,& .compare,& .steps-wrap{transition:transform .3s,box-shadow .3s,border-color .3s}& .btn{position:relative;overflow:hidden}& .btn:after{content:"";background:linear-gradient(120deg,#0000,#ffffff40,#0000);transition:all .6s;position:absolute;inset:0;transform:translate(-100%)}& .btn:hover:after{transform:translate(100%)}& .hero-visual:after{content:"";z-index:-1;background:radial-gradient(circle,#06b6d440,#0000 70%);border-radius:50%;width:140px;height:140px;animation:4s ease-in-out infinite pulse;position:absolute;top:-40px;left:-40px}& .proof-grid>div[data-astro-cid-cuagsqtp]{position:relative}& .proof-grid>div[data-astro-cid-cuagsqtp]:not(:last-child):after{content:"";background:linear-gradient(#0000,#fff3,#0000);width:1px;height:60%;position:absolute;top:20%;right:0}& .cr-bar span{transition:width 1.2s cubic-bezier(.22,1,.36,1)}& .mock-chart .mbar{animation:1.2s ease-out both rise}& .mock-chart .mbar:first-child{animation-delay:.1s}& .mock-chart .mbar:nth-child(2){animation-delay:.2s}& .mock-chart .mbar:nth-child(3){animation-delay:.3s}& .mock-chart .mbar:nth-child(4){animation-delay:.4s}& .mock-chart .mbar:nth-child(5){animation-delay:.5s}& .mock-chart .mbar:nth-child(6){animation-delay:.6s}& #top{background:linear-gradient(135deg,var(--blue),var(--cyan));color:#fff;opacity:0;visibility:hidden;z-index:99;border-radius:50%;place-items:center;width:46px;height:46px;transition:all .3s;display:grid;position:fixed;bottom:24px;right:24px;box-shadow:0 8px 22px -6px #2563eb73}& #top.show{opacity:1;visibility:visible}& #top svg{width:20px;height:20px}@media (width<=980px){& .hero-grid{grid-template-columns:1fr;gap:50px}& .hero h1{font-size:42px}& .hero-right{min-height:auto}& .hero-visual{width:100%;height:auto;padding:30px}& .dashboard-mock{width:100%;height:auto}& .vgrid,& .fgrid,& .proof-grid{grid-template-columns:1fr}& .steps{flex-direction:column;gap:30px}& .steps:before{display:none}& .step{width:100%}& .compare-grid,& .scene-grid,& .share-grid{grid-template-columns:1fr}& .share-orbit{display:none}& .share-hub{margin-bottom:30px}& .scene-photos{grid-template-columns:1fr}& .quote-card{padding:38px 26px}& .quote-card p{font-size:19px}& .dash-grid{grid-template-columns:repeat(2,1fr)}& .diff-grid,& .sync-grid{grid-template-columns:1fr}& .float-card{display:none}}}