:root{--brand: #2563eb;--brand-strong: #1d4ed8;--brand-deep: #1e40af;--brand-soft: #eff5ff;--brand-line: #dbe7fd;--ink: #0e1b33;--body: #3c4b63;--muted: #6a7a92;--faint: #93a2b8;--bg: #ffffff;--bg-soft: #f6f9fd;--bg-deep: #0c1a30;--bg-deep-2: #12233f;--line: #e4eaf3;--line-strong: #d3ddea;--ok: #16a34a;--ok-soft: #ecfdf3;--warn: #d97706;--warn-soft: #fffaeb;--danger: #dc2626;--danger-soft: #fef2f2;--font: "PingFang SC", "HarmonyOS Sans SC", "Microsoft YaHei", "Segoe UI", -apple-system, "Helvetica Neue", Arial, sans-serif;--font-num: "Segoe UI", "SF Pro Display", -apple-system, "Helvetica Neue", "PingFang SC", "Microsoft YaHei", sans-serif;--container: 1180px;--radius: 14px;--radius-sm: 9px;--shadow-sm: 0 1px 2px rgba(14, 27, 51, .05), 0 2px 8px rgba(14, 27, 51, .04);--shadow-md: 0 2px 6px rgba(14, 27, 51, .06), 0 12px 32px -8px rgba(14, 27, 51, .12);--shadow-lg: 0 4px 12px rgba(14, 27, 51, .08), 0 24px 64px -16px rgba(14, 27, 51, .22);--ease: cubic-bezier(.22, .61, .21, 1)}*,*:before,*:after{box-sizing:border-box}html{font-family:var(--font);color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility;scroll-behavior:smooth}body{margin:0;font-size:16px;line-height:1.75;overflow-x:hidden}h1,h2,h3,h4{color:var(--ink);font-weight:700;line-height:1.28;margin:0 0 .5em;letter-spacing:.01em}h1{font-size:clamp(30px,4.6vw,52px);font-weight:800}h2{font-size:clamp(25px,3.2vw,38px)}h3{font-size:clamp(18px,2vw,22px)}h4{font-size:16.5px}p{margin:0 0 1em}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-strong)}img,svg{display:block;max-width:100%}ul,ol{margin:0;padding:0;list-style:none}::selection{background:#2563eb29}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 28px}.section{padding:96px 0}.section--soft{background:var(--bg-soft)}.section--deep{background:var(--bg-deep);color:#b9c6da}.section--deep h2,.section--deep h3,.section--deep h4{color:#fff}.section--tight{padding:72px 0}.section-head{max-width:760px;margin:0 auto 56px;text-align:center}.section-head--left{margin-left:0;text-align:left}.section-head p{font-size:17px;color:var(--muted);margin:14px 0 0}.section--deep .section-head p{color:#8fa3c0}.kicker{display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:600;letter-spacing:.08em;color:var(--brand);text-transform:uppercase;margin-bottom:14px}.kicker:before{content:"";width:22px;height:2px;background:var(--brand);border-radius:2px}.section-head:not(.section-head--left) .kicker:after{content:"";width:22px;height:2px;background:var(--brand);border-radius:2px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:13px 28px;border-radius:10px;font-size:15.5px;font-weight:600;font-family:var(--font);border:1px solid transparent;cursor:pointer;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .2s,border-color .2s,color .2s;white-space:nowrap}.btn svg{width:17px;height:17px}.btn--primary{background:var(--brand);color:#fff;box-shadow:0 6px 18px -6px #2563eb8c}.btn--primary:hover{background:var(--brand-strong);color:#fff;transform:translateY(-2px);box-shadow:0 10px 24px -6px #2563eb99}.btn--ghost{background:#fff;color:var(--ink);border-color:var(--line-strong)}.btn--ghost:hover{border-color:var(--brand);color:var(--brand);transform:translateY(-2px);box-shadow:var(--shadow-md)}.btn--light{background:#ffffff1a;color:#fff;border-color:#ffffff47;backdrop-filter:blur(6px)}.btn--light:hover{background:#ffffff2e;color:#fff}.btn--lg{padding:16px 36px;font-size:16.5px;border-radius:12px}.btn--sm{padding:9px 18px;font-size:14px}.site-header{position:fixed;inset:0 0 auto;z-index:100;transition:background .3s,box-shadow .3s,border-color .3s;border-bottom:1px solid transparent}.site-header.is-scrolled{background:#ffffffe0;backdrop-filter:blur(14px) saturate(1.5);border-bottom-color:var(--line);box-shadow:0 1px 12px #0e1b330d}.header-inner{display:flex;align-items:center;gap:36px;height:68px}.brand{display:flex;align-items:center;gap:11px;font-weight:800;font-size:17.5px;color:var(--ink);letter-spacing:.01em;flex-shrink:0}.brand:hover{color:var(--ink)}.brand small{font-size:11px;font-weight:600;color:var(--muted);letter-spacing:.14em;display:block;line-height:1.1}.brand .brand-text{line-height:1.15}.main-nav{display:flex;align-items:center;gap:4px;margin-left:auto}.main-nav a{color:var(--body);font-size:15px;font-weight:500;padding:8px 13px;border-radius:8px;transition:color .2s,background .2s}.main-nav a:hover{color:var(--brand);background:var(--brand-soft)}.main-nav a.is-active{color:var(--brand);font-weight:600}.header-cta{flex-shrink:0;margin-left:8px}.nav-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:9px;background:#fff;cursor:pointer;margin-left:auto;padding:10px}.nav-toggle span{display:block;height:2px;background:var(--ink);border-radius:2px;margin:5px 2px;transition:transform .25s,opacity .25s}.nav-toggle.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-toggle.is-open span:nth-child(2){opacity:0}.nav-toggle.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}@media(max-width:960px){.main-nav{position:fixed;top:68px;left:0;right:0;flex-direction:column;align-items:stretch;background:#fff;border-bottom:1px solid var(--line);box-shadow:var(--shadow-lg);padding:14px 20px 20px;gap:2px;transform:translateY(-8px);opacity:0;pointer-events:none;transition:opacity .22s,transform .22s}.main-nav.is-open{opacity:1;transform:none;pointer-events:auto}.main-nav a{padding:12px 14px;font-size:16px}.nav-toggle{display:block}.header-cta{display:none}}.hero{position:relative;padding:158px 0 100px;background:radial-gradient(1100px 480px at 78% -8%,rgba(37,99,235,.09),transparent 62%),radial-gradient(700px 380px at 8% 8%,rgba(37,99,235,.05),transparent 60%),var(--bg-soft);overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(37,99,235,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.05) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.9),transparent 78%);pointer-events:none}.hero-inner{position:relative;display:grid;grid-template-columns:1.02fr 1.15fr;gap:56px;align-items:center}.hero-badge{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid var(--brand-line);color:var(--brand-deep);font-size:13.5px;font-weight:600;padding:7px 15px 7px 9px;border-radius:999px;box-shadow:var(--shadow-sm);margin-bottom:26px}.hero-badge i{font-style:normal;background:var(--brand);color:#fff;font-size:11.5px;padding:2.5px 9px;border-radius:999px;letter-spacing:.06em}.hero h1{margin-bottom:22px}.hero h1 .accent{color:var(--brand);position:relative;white-space:nowrap}.hero-sub{font-size:17.5px;color:var(--body);max-width:520px;margin-bottom:34px}.hero-sub strong{color:var(--ink);font-weight:600}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:40px}.hero-points{display:flex;flex-wrap:wrap;gap:10px 26px;font-size:14px;color:var(--muted)}.hero-points li{display:flex;align-items:center;gap:7px}.hero-points svg{width:16px;height:16px;color:var(--ok);flex-shrink:0}.hero-visual{position:relative;min-height:480px}.hero-shot{position:relative;z-index:2;transform:perspective(1600px) rotateY(-7deg) rotateX(2deg);transition:transform .6s var(--ease)}.hero-visual:hover .hero-shot{transform:perspective(1600px) rotateY(-3deg) rotateX(1deg)}.hero-card{position:absolute;z-index:3;background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:var(--shadow-lg);animation:heroFloat 7s ease-in-out infinite}.hero-card--period{right:-14px;bottom:26px;width:252px;animation-delay:-2.2s}.hero-card--price{left:-26px;top:44px;width:236px;animation-delay:-4.5s}@keyframes heroFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-9px)}}.browser{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-lg);overflow:hidden}.browser-bar{display:flex;align-items:center;gap:12px;padding:11px 16px;background:linear-gradient(#fbfcfe,#f3f6fb);border-bottom:1px solid var(--line)}.browser-dots{display:flex;gap:6.5px}.browser-dots i{width:11px;height:11px;border-radius:50%;background:#e2e8f0}.browser-dots i:nth-child(1){background:#f87171}.browser-dots i:nth-child(2){background:#fbbf24}.browser-dots i:nth-child(3){background:#34d399}.browser-url{flex:1;max-width:420px;margin:0 auto;background:#fff;border:1px solid var(--line);border-radius:7px;font-size:12px;color:var(--faint);padding:4.5px 12px;display:flex;align-items:center;gap:6px;font-family:var(--font-num)}.browser-url svg{width:11px;height:11px;color:var(--ok)}.browser-body{background:#f5f7fa}.ui{font-size:13px;color:#3c4b63}.ui-app{display:flex;min-height:380px}.ui-side{width:132px;background:#0c1a30;color:#8fa3c0;padding:14px 0;flex-shrink:0}.ui-side-logo{display:flex;align-items:center;gap:7px;padding:0 14px 14px;margin-bottom:8px;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-weight:700;font-size:13px}.ui-side-logo svg{width:18px;height:18px}.ui-side a{display:flex;align-items:center;gap:8px;padding:8.5px 14px;font-size:12.5px;color:#8fa3c0;border-left:2.5px solid transparent}.ui-side a svg{width:14px;height:14px;opacity:.8}.ui-side a.on{color:#fff;background:#2563eb38;border-left-color:var(--brand)}.ui-main{flex:1;min-width:0;padding:14px 16px}.ui-topbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.ui-title{font-size:15px;font-weight:700;color:var(--ink)}.ui-crumb{font-size:11.5px;color:var(--faint);margin-bottom:2px}.ui-user{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted)}.ui-user b{width:24px;height:24px;border-radius:50%;background:var(--brand);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600}.ui-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:11px;margin-bottom:13px}.ui-stat{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:12px 14px;position:relative;overflow:hidden}.ui-stat:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--brand)}.ui-stat.g-ok:before{background:var(--ok)}.ui-stat.g-warn:before{background:var(--warn)}.ui-stat.g-danger:before{background:var(--danger)}.ui-stat label{font-size:11.5px;color:var(--muted);display:block}.ui-stat strong{font-size:21px;font-weight:700;color:var(--ink);font-family:var(--font-num);letter-spacing:-.01em}.ui-stat span{font-size:11px;color:var(--faint);margin-left:5px}.ui-stat .trend{font-size:11px;margin-left:0;display:block}.trend.up{color:var(--ok)}.trend.down{color:var(--danger)}.ui-panel{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);overflow:hidden}.ui-panel+.ui-panel{margin-top:12px}.ui-panel-head{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-bottom:1px solid var(--line)}.ui-panel-head b{font-size:13px;color:var(--ink);font-weight:600}.ui-panel-head .more{font-size:11.5px;color:var(--faint)}.ui-filters{display:flex;gap:8px;padding:11px 14px;border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center}.ui-input,.ui-select{height:28px;border:1px solid var(--line-strong);border-radius:6px;background:#fff;font-size:12px;color:var(--body);padding:0 10px;display:inline-flex;align-items:center;gap:6px;min-width:108px}.ui-input svg{width:12px;height:12px;color:var(--faint)}.ui-btn{height:28px;padding:0 14px;border-radius:6px;background:var(--brand);color:#fff;font-size:12px;display:inline-flex;align-items:center;gap:5px;font-weight:500}.ui-btn.plain{background:#fff;color:var(--body);border:1px solid var(--line-strong)}.ui-btn svg{width:12px;height:12px}.ui-table{width:100%;border-collapse:collapse;font-size:12.5px}.ui-table th{text-align:left;background:#f8fafc;color:var(--muted);font-weight:500;padding:8.5px 12px;border-bottom:1px solid var(--line);white-space:nowrap;font-size:12px}.ui-table td{padding:8.5px 12px;border-bottom:1px solid #eef2f7;color:var(--body);white-space:nowrap;font-family:var(--font-num)}.ui-table tr:last-child td{border-bottom:none}.ui-table td:first-child,.ui-table th:first-child{font-family:var(--font)}.ui-table .num{text-align:right}.ui-table .link{color:var(--brand)}.ui-table tr:hover td{background:#f8faff}.ui-tag{display:inline-block;font-size:11px;padding:1.5px 8px;border-radius:5px;font-weight:500;font-family:var(--font)}.ui-tag.ok{background:var(--ok-soft);color:var(--ok)}.ui-tag.warn{background:var(--warn-soft);color:var(--warn)}.ui-tag.danger{background:var(--danger-soft);color:var(--danger)}.ui-tag.info{background:var(--brand-soft);color:var(--brand)}.ui-tag.gray{background:#f1f5f9;color:var(--muted)}.demo-mark{display:inline-flex;align-items:center;gap:5px;font-size:11px;color:var(--faint);background:#f4f7fb;border:1px dashed var(--line-strong);padding:2px 9px;border-radius:999px;font-weight:500}.demo-mark svg{width:11px;height:11px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:30px 28px;transition:transform .3s var(--ease),box-shadow .3s var(--ease),border-color .3s;position:relative;display:flex;flex-direction:column}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow-md);border-color:var(--brand-line)}.feature-icon{width:48px;height:48px;border-radius:12px;background:var(--brand-soft);color:var(--brand);display:grid;place-items:center;margin-bottom:20px;transition:background .3s,color .3s}.feature-card:hover .feature-icon{background:var(--brand);color:#fff}.feature-icon svg{width:24px;height:24px}.feature-card h3{margin-bottom:10px}.feature-card>p{font-size:14.5px;color:var(--muted);margin-bottom:16px}.feature-card ul{margin-top:auto}.feature-card ul li{font-size:13.5px;color:var(--body);padding:4.5px 0 4.5px 22px;position:relative}.feature-card ul li:before{content:"";position:absolute;left:2px;top:12px;width:12px;height:6px;border-left:2px solid var(--ok);border-bottom:2px solid var(--ok);transform:rotate(-45deg);border-radius:1px}.feature-card .card-link{margin-top:18px;font-size:14px;font-weight:600;display:inline-flex;align-items:center;gap:6px}.feature-card .card-link svg{width:15px;height:15px;transition:transform .25s}.feature-card:hover .card-link svg{transform:translate(4px)}.feature-card--wide{grid-column:span 2}.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.split--rev>.split-text{order:2}.split--ui{grid-template-columns:.88fr 1.22fr}.split-text h2{margin-bottom:18px}.split-text>p{font-size:16px;color:var(--muted);margin-bottom:24px}.check-list li{display:flex;gap:12px;padding:9px 0;font-size:15px;color:var(--body)}.check-list li b{color:var(--ink);font-weight:600}.check-list svg{width:21px;height:21px;color:var(--ok);flex-shrink:0;margin-top:3px}.period-wrap{display:flex;flex-direction:column;align-items:center;gap:0}.period-card{width:100%;max-width:400px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.period-card-head{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:linear-gradient(120deg,#0c1a30,#16283f);color:#fff}.period-card-head b{font-size:16px;font-weight:700;font-family:var(--font-num)}.period-card-head .range{font-size:12px;color:#9fb2cc;font-family:var(--font-num);margin-top:2px}.period-status{font-size:11.5px;font-weight:600;padding:4px 11px;border-radius:999px;display:inline-flex;align-items:center;gap:6px}.period-status:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor}.period-status.closed{background:#16a34a29;color:#4ade80}.period-status.open{background:#2563eb2e;color:#7db4ff}.period-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.period-cell{background:#fff;padding:13px 20px}.period-cell label{font-size:12px;color:var(--muted);display:flex;align-items:center;gap:5px}.period-cell strong{font-size:22px;font-weight:700;font-family:var(--font-num);color:var(--ink)}.period-cell strong em{font-style:normal;font-size:13px;color:var(--faint);margin-left:3px}.period-cell.c-in strong{color:var(--ok)}.period-cell.c-out strong{color:var(--danger)}.period-cell.c-adj strong{color:var(--warn)}.period-final{display:flex;align-items:center;justify-content:space-between;padding:14px 20px;background:var(--brand-soft)}.period-final label{font-size:13px;font-weight:600;color:var(--brand-deep)}.period-final strong{font-size:26px;font-weight:800;color:var(--brand-deep);font-family:var(--font-num)}.period-final strong em{font-style:normal;font-size:13px;font-weight:500;color:var(--muted)}.carry-flow{display:flex;flex-direction:column;align-items:center;padding:6px 0}.carry-line{width:2px;height:34px;background:linear-gradient(var(--brand),var(--brand));position:relative;overflow:visible}.carry-line:after{content:"";position:absolute;left:50%;bottom:-1px;transform:translate(-50%);border:5.5px solid transparent;border-top-color:var(--brand)}.carry-pulse{position:absolute;left:50%;top:0;width:7px;height:7px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 3px #2563eb40;transform:translate(-50%);animation:carryMove 2.2s var(--ease) infinite}@keyframes carryMove{0%{top:-4px;opacity:0}18%{opacity:1}82%{opacity:1}to{top:calc(100% - 3px);opacity:0}}.carry-tag{font-size:12px;color:var(--brand-deep);background:var(--brand-soft);border:1px solid var(--brand-line);padding:3px 12px;border-radius:999px;margin:7px 0;font-weight:600;font-family:var(--font-num)}.chart-box{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow-md);overflow:hidden}.chart-box-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 20px;border-bottom:1px solid var(--line);flex-wrap:wrap}.chart-box-head b{font-size:14.5px;color:var(--ink)}.chart-legend{display:flex;gap:14px;font-size:12px;color:var(--muted);flex-wrap:wrap}.chart-legend i{display:inline-block;width:10px;height:10px;border-radius:3px;margin-right:5px;vertical-align:-1px}.chart-body{padding:18px 16px 12px}.chart-svg{width:100%;height:auto}.chart-svg text{font-family:var(--font-num);fill:var(--faint);font-size:10.5px}.chart-svg .grid-line{stroke:#eef2f7;stroke-width:1}.chart-svg .axis-line{stroke:#dbe3ee;stroke-width:1}.chart-line{fill:none;stroke:var(--brand);stroke-width:2.2;stroke-linejoin:round;stroke-linecap:round;stroke-dasharray:1400;stroke-dashoffset:1400}.chart-line.drawn{animation:chartDraw 2s var(--ease) forwards}@keyframes chartDraw{to{stroke-dashoffset:0}}.chart-area{fill:url(#areaGrad);opacity:0;transition:opacity 1s ease .7s}.chart-area.drawn{opacity:1}.chart-dot{fill:#fff;stroke:var(--brand);stroke-width:2;opacity:0}.chart-dot.drawn{animation:dotIn .4s ease forwards}@keyframes dotIn{to{opacity:1}}.metric-row{display:grid;grid-template-columns:repeat(5,1fr);gap:1px;background:var(--line);border-top:1px solid var(--line)}.metric-cell{background:#fff;padding:13px 16px}.metric-cell label{font-size:11.5px;color:var(--muted);display:block}.metric-cell strong{font-size:18px;font-weight:700;font-family:var(--font-num);color:var(--ink)}.metric-cell strong small{font-size:12px;color:var(--faint);font-weight:500}.metric-cell.m-down strong{color:var(--ok)}.metric-cell.m-up strong{color:var(--danger)}.anomaly{display:flex;align-items:center;gap:14px;background:var(--danger-soft);border:1px solid #fecaca;border-radius:var(--radius-sm);padding:13px 18px}.anomaly-icon{width:38px;height:38px;border-radius:10px;background:var(--danger);color:#fff;display:grid;place-items:center;flex-shrink:0}.anomaly-icon svg{width:20px;height:20px}.anomaly-body{flex:1}.anomaly-body b{color:var(--danger);font-size:14px;display:block}.anomaly-body span{font-size:12.5px;color:var(--body);font-family:var(--font-num)}.anomaly-tag{font-size:12px;font-weight:700;color:#fff;background:var(--danger);border-radius:6px;padding:5px 12px;white-space:nowrap}.chain{display:flex;align-items:stretch;justify-content:center;gap:0;flex-wrap:wrap}.chain-step{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:16px 22px;text-align:center;min-width:132px;box-shadow:var(--shadow-sm);position:relative}.chain-step label{font-size:12.5px;color:var(--muted);display:block}.chain-step strong{font-size:19px;font-family:var(--font-num);color:var(--ink);font-weight:700}.chain-step.is-key{border-color:var(--brand);background:var(--brand-soft)}.chain-step.is-key strong{color:var(--brand-deep)}.chain-arrow{display:flex;align-items:center;padding:0 10px;color:var(--faint);position:relative}.chain-arrow svg{width:22px;height:22px}.chain-arrow .flow-dash{position:absolute;top:50%;left:4px;right:14px;height:2px;background:repeating-linear-gradient(90deg,var(--brand) 0 5px,transparent 5px 10px);opacity:.55;animation:dashFlow 1.2s linear infinite}@keyframes dashFlow{to{background-position:10px 0}}.dt-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}.dt-visual{background:linear-gradient(135deg,#0c1a30,#17293f 65%,#1c3050);border-radius:20px;padding:36px 32px;position:relative;overflow:hidden}.dt-visual:before{content:"";position:absolute;inset:0;background:radial-gradient(500px 260px at 85% 0%,rgba(37,99,235,.25),transparent 65%)}.dt-link-diagram{position:relative;display:flex;flex-direction:column;gap:18px}.dt-node-row{display:flex;align-items:center;justify-content:center;gap:14px}.dt-node{background:#ffffff12;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:#dce6f5;font-size:13px;padding:10px 16px;display:flex;align-items:center;gap:9px;backdrop-filter:blur(4px)}.dt-node svg{width:17px;height:17px;color:#7db4ff}.dt-node.is-hub{background:var(--brand);border-color:var(--brand);color:#fff;font-weight:700;font-size:14.5px;padding:13px 26px;box-shadow:0 8px 28px -6px #2563ebb3}.dt-node.is-hub svg{color:#fff}.dt-connector{height:30px;display:flex;justify-content:center}.dt-connector i{width:2px;background:linear-gradient(#7db4ff26,#7db4ffb3,#7db4ff26);position:relative}.dt-connector i:after{content:"";position:absolute;left:50%;top:0;width:6px;height:6px;border-radius:50%;background:#7db4ff;transform:translate(-50%);animation:carryMove 2.4s linear infinite}.dt-capabilities{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:26px}.dt-cap{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);padding:17px 18px;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.dt-cap:hover{transform:translateY(-3px);box-shadow:var(--shadow-md)}.dt-cap svg{width:21px;height:21px;color:var(--brand);margin-bottom:10px}.dt-cap b{display:block;color:var(--ink);font-size:14.5px;margin-bottom:4px}.dt-cap span{font-size:12.5px;color:var(--muted);line-height:1.6;display:block}.industry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.industry-card{display:flex;gap:16px;background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:22px 24px;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s}.industry-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-line)}.industry-card svg{width:26px;height:26px;color:var(--brand);flex-shrink:0;margin-top:3px}.industry-card b{display:block;color:var(--ink);font-size:15.5px;margin-bottom:3px}.industry-card span{font-size:13px;color:var(--muted);line-height:1.65}.arch{background:linear-gradient(135deg,#0c1a30,#15253d);border-radius:20px;padding:44px 40px;color:#c8d5e8}.arch-layers{display:flex;flex-direction:column;gap:0}.arch-layer-label{font-size:11.5px;letter-spacing:.12em;color:#6f839f;text-transform:uppercase;margin-bottom:9px}.arch-row{display:flex;gap:12px;flex-wrap:wrap}.arch-block{flex:1;min-width:128px;background:#ffffff0f;border:1px solid rgba(255,255,255,.13);border-radius:10px;padding:14px 16px;text-align:center}.arch-block b{display:block;color:#fff;font-size:14.5px;margin-bottom:3px}.arch-block span{font-size:11.5px;color:#8fa3c0}.arch-block.is-core{background:var(--brand);border-color:#3b82f6;box-shadow:0 10px 34px -8px #2563ebbf}.arch-block.is-core span{color:#cadbff}.arch-block.is-ext{border-style:dashed}.arch-link{display:flex;justify-content:center;padding:7px 0;color:#5679b8}.arch-link svg{width:20px;height:20px}.shots-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.shot-item{position:relative}.shot-item .browser{transition:transform .35s var(--ease),box-shadow .35s var(--ease)}.shot-item:hover .browser{transform:translateY(-6px) scale(1.012);box-shadow:var(--shadow-lg)}.shot-cap{display:flex;align-items:center;justify-content:space-between;margin-top:14px;padding:0 4px}.shot-cap b{color:var(--ink);font-size:15px}.shot-cap span{font-size:12.5px;color:var(--faint)}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.why-item{border-top:3px solid var(--brand);background:#fff;border-radius:0 0 var(--radius-sm) var(--radius-sm);border-left:1px solid var(--line);border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 22px;transition:transform .28s var(--ease),box-shadow .28s var(--ease)}.why-item:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.why-item .no{font-family:var(--font-num);font-size:13px;font-weight:700;color:var(--brand);letter-spacing:.1em}.why-item b{display:block;color:var(--ink);font-size:15.5px;margin:9px 0 7px}.why-item span{font-size:13px;color:var(--muted);line-height:1.65}.cta-band{position:relative;background:radial-gradient(800px 320px at 82% 20%,rgba(59,130,246,.35),transparent 60%),linear-gradient(120deg,#0c1a30,#14263f 70%,#173157);border-radius:22px;padding:68px 60px;overflow:hidden;color:#c8d5e8}.cta-band:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(125,180,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(125,180,255,.06) 1px,transparent 1px);background-size:40px 40px;mask-image:radial-gradient(600px 300px at 70% 50%,rgba(0,0,0,.8),transparent)}.cta-band-inner{position:relative;display:flex;align-items:center;gap:40px}.cta-band h2{color:#fff;margin-bottom:12px}.cta-band p{font-size:16px;max-width:560px;margin:0}.cta-band .hero-points{color:#8fa3c0;margin-top:20px}.cta-actions{margin-left:auto;display:flex;flex-direction:column;gap:12px;flex-shrink:0}.site-footer{background:var(--bg-deep);color:#8fa3c0;padding:72px 0 0;font-size:14px}.footer-grid{display:grid;grid-template-columns:1.5fr 1fr 1fr 1.2fr;gap:44px;padding-bottom:52px}.footer-brand .brand{color:#fff;margin-bottom:18px}.footer-brand .brand small{color:#6f839f}.footer-brand p{font-size:13.5px;line-height:1.8;max-width:300px}.footer-col h4{color:#fff;font-size:14.5px;margin-bottom:18px}.footer-col ul li{margin-bottom:10px}.footer-col a{color:#8fa3c0;font-size:13.5px;transition:color .2s}.footer-col a:hover{color:#fff}.footer-contact li{display:flex;gap:10px;margin-bottom:12px;font-size:13.5px;align-items:flex-start}.footer-contact svg{width:16px;height:16px;color:#5679b8;flex-shrink:0;margin-top:4px}.footer-bottom{border-top:1px solid rgba(255,255,255,.08);padding:22px 0;display:flex;align-items:center;justify-content:space-between;gap:14px;font-size:12.5px;color:#5f7189;flex-wrap:wrap}.footer-bottom a{color:#5f7189}.footer-bottom a:hover{color:#c8d5e8}.crumb-bar{background:var(--bg-soft);border-bottom:1px solid var(--line);padding:92px 0 0}.crumb-list{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);padding:14px 0}.crumb-list a{color:var(--muted)}.crumb-list a:hover{color:var(--brand)}.crumb-list svg{width:13px;height:13px;color:var(--faint)}.crumb-list [aria-current]{color:var(--ink);font-weight:600}.page-hero{background:radial-gradient(900px 380px at 80% -10%,rgba(37,99,235,.08),transparent 60%),var(--bg-soft);padding:56px 0 64px;border-bottom:1px solid var(--line)}.page-hero .kicker{margin-bottom:10px}.page-hero h1{font-size:clamp(28px,3.8vw,42px);margin-bottom:16px}.page-hero p{font-size:16.5px;color:var(--muted);max-width:680px;margin-bottom:26px}.rich h2{margin-top:0}.rich h3{margin-top:1.8em}.rich p,.rich li{font-size:15.5px;color:var(--body)}.rich ul{list-style:none}.rich ul li{padding:4px 0 4px 24px;position:relative}.rich ul li:before{content:"";position:absolute;left:4px;top:15px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.knowledge-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.knowledge-card{background:#fff;border:1px solid var(--line);border-radius:var(--radius);padding:28px;display:flex;flex-direction:column;transition:transform .28s var(--ease),box-shadow .28s var(--ease),border-color .28s}.knowledge-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md);border-color:var(--brand-line)}.knowledge-card .tag{font-size:12px;color:var(--brand);background:var(--brand-soft);align-self:flex-start;padding:3px 11px;border-radius:999px;font-weight:600;margin-bottom:14px}.knowledge-card h3{font-size:17.5px;margin-bottom:10px}.knowledge-card h3 a{color:var(--ink)}.knowledge-card h3 a:hover{color:var(--brand)}.knowledge-card p{font-size:14px;color:var(--muted);margin-bottom:16px}.knowledge-card .meta{margin-top:auto;font-size:12.5px;color:var(--faint);display:flex;gap:14px}.article-body{max-width:780px;margin:0 auto}.article-body h2{font-size:24px;margin:2em 0 .7em}.article-body h3{font-size:19px;margin:1.7em 0 .6em}.article-body p,.article-body li{font-size:16px;line-height:1.9;color:var(--body)}.article-body ul{list-style:none;margin-bottom:1em}.article-body ul li{padding:4px 0 4px 24px;position:relative}.article-body ul li:before{content:"";position:absolute;left:4px;top:17px;width:6px;height:6px;border-radius:50%;background:var(--brand)}.article-body strong{color:var(--ink)}.article-body table{width:100%;border-collapse:collapse;margin:1.4em 0;font-size:14.5px}.article-body th,.article-body td{border:1px solid var(--line);padding:10px 14px;text-align:left}.article-body th{background:var(--bg-soft);color:var(--ink)}.article-body blockquote{border-left:3px solid var(--brand);background:var(--brand-soft);margin:1.4em 0;padding:14px 20px;border-radius:0 10px 10px 0;color:var(--brand-deep);font-size:15px}.contact-grid{display:grid;grid-template-columns:1fr 1.1fr;gap:56px;align-items:start}.contact-info-card{background:linear-gradient(140deg,#0c1a30,#16283f);border-radius:20px;padding:40px 38px;color:#c8d5e8}.contact-info-card h3{color:#fff;margin-bottom:8px}.contact-info-card>p{font-size:14px;color:#8fa3c0;margin-bottom:28px}.contact-lines li{display:flex;gap:14px;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.08);align-items:flex-start}.contact-lines li:last-child{border-bottom:none}.contact-lines svg{width:20px;height:20px;color:#7db4ff;flex-shrink:0;margin-top:3px}.contact-lines b{display:block;color:#fff;font-size:14.5px}.contact-lines span{font-size:13.5px;color:#9fb2cc}.contact-lines a{color:#cadbff;font-size:15px;font-weight:600}.contact-lines a:hover{color:#fff}.form-card{background:#fff;border:1px solid var(--line);border-radius:20px;padding:40px 38px;box-shadow:var(--shadow-md)}.form-card h3{margin-bottom:6px}.form-card>p{font-size:14px;color:var(--muted);margin-bottom:26px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-field{margin-bottom:18px}.form-field label{display:block;font-size:13.5px;font-weight:600;color:var(--ink);margin-bottom:7px}.form-field label i{color:var(--danger);font-style:normal}.form-field input,.form-field textarea,.form-field select{width:100%;border:1px solid var(--line-strong);border-radius:9px;padding:11px 14px;font-size:14.5px;font-family:var(--font);color:var(--ink);background:#fbfcfe;transition:border-color .2s,box-shadow .2s,background .2s}.form-field input:focus,.form-field textarea:focus,.form-field select:focus{outline:none;border-color:var(--brand);background:#fff;box-shadow:0 0 0 3.5px #2563eb21}.form-field textarea{resize:vertical;min-height:104px}.form-note{font-size:12.5px;color:var(--faint);margin-top:12px}.form-success{display:none;text-align:center;padding:40px 10px}.form-success.is-show{display:block}.form-success svg{width:54px;height:54px;color:var(--ok);margin:0 auto 16px}.form-success h3{margin-bottom:8px}.form-success p{color:var(--muted);font-size:14.5px}.faq-list{max-width:820px;margin:0 auto}.faq-item{background:#fff;border:1px solid var(--line);border-radius:var(--radius-sm);margin-bottom:12px;overflow:hidden}.faq-item summary{cursor:pointer;padding:18px 24px;font-size:15.5px;font-weight:600;color:var(--ink);list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .2s}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:hover{color:var(--brand)}.faq-item summary svg{width:18px;height:18px;color:var(--faint);flex-shrink:0;transition:transform .25s}.faq-item[open] summary svg{transform:rotate(45deg);color:var(--brand)}.faq-item .faq-a{padding:0 24px 20px;font-size:14.5px;color:var(--body);line-height:1.8}.nf-hero{text-align:center;padding:170px 0 120px}.nf-hero .code{font-size:96px;font-weight:800;font-family:var(--font-num);color:var(--brand);letter-spacing:-.02em;line-height:1;margin-bottom:18px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s var(--ease),transform .7s var(--ease);transition-delay:var(--d, 0s);will-change:opacity,transform}.reveal.is-in{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}.chart-line{stroke-dashoffset:0}}.feature-grid.cols-2{grid-template-columns:repeat(2,1fr)}.feature-grid.cols-3{grid-template-columns:repeat(3,1fr)}.feature-grid.cols-4{grid-template-columns:repeat(4,1fr)}.why-grid.cols-3,.dt-capabilities.cols-3{grid-template-columns:repeat(3,1fr)}.metric-row.cols-4{grid-template-columns:repeat(4,1fr)}.note-bar{display:flex;gap:18px;align-items:flex-start;margin-top:56px;padding:26px 30px;background:#fff;border:1px solid var(--line);border-left:4px solid var(--brand);border-radius:14px;box-shadow:var(--shadow-sm)}.note-bar>svg{flex:none;color:var(--brand);margin-top:2px}.note-bar h3{font-size:17px;margin-bottom:8px}.note-bar p{font-size:14.5px;color:var(--body);line-height:1.8}.note-bar p:last-child{margin-bottom:0}.loc-map{background:linear-gradient(180deg,#f7fafe,#eef3fa);border:1px solid var(--line);border-radius:12px;padding:14px 14px 10px}.loc-legend{display:flex;flex-wrap:wrap;gap:6px 16px;padding:10px 6px 4px;font-size:12px;color:var(--muted)}.loc-legend span{display:inline-flex;align-items:center;gap:6px}.loc-legend i{width:12px;height:12px;border-radius:3px;display:inline-block}.loc-alerts{margin-top:12px;border-top:1px dashed var(--line);padding-top:10px}.loc-alerts>b{display:block;font-size:12.5px;color:var(--ink);padding:0 6px 8px}.loc-alert{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:8px;font-size:12.5px;color:var(--body);cursor:pointer;transition:background .15s}.loc-alert:hover{background:#2563eb0f}.loc-alert .dot{width:8px;height:8px;border-radius:50%;flex:none}.loc-alert .where{margin-left:auto;font-family:ui-monospace,monospace;font-size:11.5px;color:var(--brand-deep);background:var(--brand-soft);padding:2px 8px;border-radius:6px}.label-sheet{display:flex;gap:18px;flex-wrap:wrap;justify-content:center;padding:22px 16px;background:repeating-linear-gradient(45deg,#f2f6fc 0 14px,#eaf1fa 14px 28px);border-radius:12px;border:1px solid var(--line)}.sticker{background:#fff;border-radius:4px;box-shadow:0 3px 10px #0f285a24;padding:8px 10px;display:flex;gap:10px;align-items:center;font-family:ui-monospace,SFMono-Regular,monospace}.sticker .qr-box{flex:none}.sticker .s-lines{display:flex;flex-direction:column;gap:3px}.sticker .s-code{font-size:12px;font-weight:700;color:#111;letter-spacing:.3px}.sticker .s-name{font-size:10px;color:#444}.sticker .s-meta{font-size:9px;color:#888}.label-cap{text-align:center;font-size:12px;color:var(--faint);margin-top:10px}.carousel{position:relative}.car-viewport{overflow:hidden;border-radius:18px;transition:height .45s ease}.car-track{display:flex;transition:transform .6s cubic-bezier(.22,.8,.26,1)}.car-slide{flex:0 0 100%;min-width:0}.car-slide .browser{border-radius:18px}.car-slide img.car-img{width:100%;height:auto;display:block}.car-arrow{position:absolute;top:42%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);background:#fffffff0;box-shadow:var(--shadow-md, 0 8px 22px rgba(15, 40, 90, .12));cursor:pointer;display:flex;align-items:center;justify-content:center;color:var(--ink);transition:all .2s;padding:0}.car-arrow:hover{background:var(--brand);color:#fff;border-color:var(--brand)}.car-arrow.prev{left:14px}.car-arrow.next{right:14px}.car-arrow.prev svg{transform:scaleX(-1)}.car-dots{display:flex;gap:8px;justify-content:center;margin-top:20px}.car-dot{width:26px;height:4px;border-radius:3px;border:none;background:var(--line);cursor:pointer;transition:all .3s;padding:0}.car-dot.is-on{width:40px;background:var(--brand)}.car-caps{text-align:center;margin-top:16px;min-height:50px}.car-cap{display:none}.car-cap.is-on{display:block;animation:carFade .4s ease}@keyframes carFade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.car-cap b{font-size:16px;display:inline-flex;align-items:center;gap:8px}.car-cap .tag{font-size:11px;padding:2px 9px;border-radius:9px;font-weight:600}.car-cap .tag.real{background:var(--ok-soft);color:var(--ok)}.car-cap .tag.demo{background:var(--brand-soft);color:var(--brand-deep)}.car-cap p{font-size:13.5px;color:var(--muted);margin:4px 0 0}.nav-cta-m{display:none!important}@media(max-width:960px){.nav-cta-m{display:inline-flex!important;margin-top:10px}}@media(max-width:1080px){.hero-inner{grid-template-columns:1fr;gap:48px}.hero-visual{max-width:640px}.hero-card--price{left:-6px}.hero-card--period{right:-4px}.feature-grid,.why-grid,.industry-grid,.knowledge-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr 1fr;gap:36px}.split,.dt-grid,.contact-grid{grid-template-columns:1fr;gap:44px}.feature-grid.cols-4,.feature-grid.cols-3,.dt-capabilities.cols-3,.why-grid.cols-3{grid-template-columns:repeat(2,1fr)}.split--rev>.split-text{order:0}.shots-grid{grid-template-columns:1fr}.cta-band{padding:52px 36px}.cta-band-inner{flex-direction:column;align-items:flex-start}.cta-actions{margin-left:0;flex-direction:row;flex-wrap:wrap}}@media(max-width:640px){.section{padding:64px 0}.container{padding:0 20px}.hero{padding:128px 0 72px}.hero-visual{min-height:0}.hero-shot{transform:none}.hero-card{display:none}.feature-grid,.industry-grid,.why-grid,.knowledge-grid,.dt-capabilities,.form-row,.footer-grid,.feature-grid.cols-2,.feature-grid.cols-3,.feature-grid.cols-4,.dt-capabilities.cols-3,.why-grid.cols-3{grid-template-columns:1fr}.metric-row,.metric-row.cols-4{grid-template-columns:repeat(2,1fr)!important}.feature-card--wide{grid-column:auto}.ui-side{display:none}.ui-stats,.metric-row{grid-template-columns:repeat(2,1fr)}.metric-cell{padding:11px 14px}.period-grid{grid-template-columns:1fr 1fr}.chain{flex-direction:column;align-items:center;gap:8px}.chain-arrow{transform:rotate(90deg);padding:4px 0}.cta-band{padding:44px 26px}.browser-url,.hide-m{display:none}.anomaly{flex-wrap:wrap}}