.d1 *{box-sizing:border-box}.d1.d1{font-family:var(--font-inter), system-ui, sans-serif;color:#eef2ff;background:radial-gradient(1200px 600px at 15% -10%,#46e6ff14,#0000 60%),radial-gradient(1000px 700px at 92% 0,#8b7bff1a,#0000 55%),#070a14;margin:0}.d1.d1 a{color:inherit;text-decoration:none}.d1.d1 .wrap{max-width:1200px;margin:0 auto;padding:0 40px}.d1.d1 .disp{font-family:var(--font-grotesk), sans-serif;letter-spacing:-.02em}.d1.d1 .mono{font-family:var(--font-mono), monospace}.d1.d1 .grad{background:linear-gradient(120deg,#46e6ff,#8b7bff);color:#0000;-webkit-background-clip:text;background-clip:text}.d1.d1 .btn{border-radius:10px;align-items:center;gap:8px;padding:11px 20px;font-size:13.5px;font-weight:600;display:inline-flex}.d1.d1 .btn-primary{color:#070a14;background:linear-gradient(120deg,#46e6ff,#8b7bff)}.d1.d1 .btn-ghost{color:#eef2ff;border:1px solid #96aae638}.d1.d1 .kicker{letter-spacing:.06em;color:#8b96b8;border:1px solid #96aae638;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;font-size:11.5px;display:inline-flex}.d1.d1 .pulse{background:#46e6ff;border-radius:50%;width:6px;height:6px;box-shadow:0 0 8px #46e6ff}.d1.d1 .card{background:#0b1020;border:1px solid #8ca0dc1f;border-radius:16px}.d1.d1 .chip{color:#9fd8ff;background:#46e6ff14;border:1px solid #46e6ff2e;border-radius:7px;padding:5px 10px;font-size:11.5px}.d1.d1 .g4{grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.d1.d1 .g3{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.d1.d1 .h1-home{font-size:56px}.d1.d1 .h1-page{font-size:44px}.d1.d1 .pf-wrap{position:relative}.d1.d1 .pf-glow{filter:blur(40px);z-index:0;background:radial-gradient(closest-side,#8b7bff38,#0000 70%);position:absolute;inset:-10%}.d1.d1 .pf-frame{z-index:1;background:#0b1020;border:1px solid #96aae633;border-radius:20px;padding:16px;position:relative;box-shadow:0 40px 80px #00000073}.d1.d1 .pf-bar{align-items:center;gap:6px;padding:6px 10px 16px;display:flex}.d1.d1 .pf-dot{background:#8ca0dc47;border-radius:50%;width:10px;height:10px}.d1.d1 .pf-screen{font-family:var(--font-inter), system-ui, sans-serif;color:#1c1f33;background:#eef0fb;border-radius:13px;overflow:hidden}.d1.d1 .pf-tag{letter-spacing:.02em;border-radius:6px;padding:4px 10px;font-size:11.5px;font-weight:700}.d1.d1 .pf-num{color:#fff;background:#6f5cf0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:700;display:inline-flex}.d1.d1 .explain-row{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:22px;display:grid}.d1.d1 .explain-item{align-items:flex-start;gap:12px;display:flex}.d1.d1 .explain-item p{color:#8b96b8;margin:0;font-size:13px;line-height:1.55}.d1.d1 .flow-dot{filter:drop-shadow(0 0 5px #46e6ffe6);animation:3.2s linear infinite v2flow}@keyframes v2flow{0%{offset-distance:0%;opacity:0}12%{opacity:1}88%{opacity:1}to{offset-distance:100%;opacity:0}}.d1.d1 .int-wrap{aspect-ratio:600/420;width:100%;max-width:640px;margin:0 auto;position:relative}.d1.d1 .int-chip{text-align:center;width:22%;position:absolute;transform:translate(-50%,-50%)}.d1.d1 .int-icon{aspect-ratio:1;border-radius:16px;justify-content:center;align-items:center;width:56px;max-width:70%;height:56px;margin:0 auto 8px;display:flex;box-shadow:0 10px 24px #00000059}.d1.d1 .int-icon svg{width:60%;height:60%}.d1.d1 .int-label{color:#c7cee6;font-size:11.5px;font-weight:600}.d1.d1 .step-arrow{color:#3a4568;flex-shrink:0}.d1.d1 .cap-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;padding:14px 18px;display:flex}.d1.d1 .cap-row+.cap-row{border-top:1px solid #ecebf7}.d1.d1 .ps-grid{grid-template-columns:1fr .72fr;display:grid}.d1.d1 .wf-row{align-items:center;gap:8px;display:flex}@media (max-width:860px){.d1.d1 .g3,.d1.d1 .g4{grid-template-columns:repeat(2,minmax(0,1fr))}.d1.d1 .ps-grid{grid-template-columns:1fr}.d1.d1 .flowarrow{display:none}.d1.d1 .border-r{border-bottom:1px solid #8ca0dc1f;border-right:none!important}.d1.d1 .h1-home{font-size:42px}.d1.d1 .h1-page{font-size:34px}.d1.d1 .wf-row{flex-direction:column}.d1.d1 .wf-row .step-arrow{transform:rotate(90deg)}.d1.d1 .wf-row>div{width:100%!important}}@media (max-width:560px){.d1.d1 .g3,.d1.d1 .g4{grid-template-columns:1fr}.d1.d1 .h1-home{font-size:32px}.d1.d1 .h1-page{font-size:28px}.d1.d1 .int-label{font-size:10px}.d1.d1 .wrap{padding:0 20px}}
