.magi-hero{border-bottom:1px solid var(--jx-line);background:radial-gradient(50% 120% at 85% 0%, #2f78b02b, transparent 70%), var(--jx-bg);padding-block:72px 56px}.magi-crumb{color:var(--jx-muted);gap:10px;margin-bottom:28px;font-size:12px;display:flex}.magi-crumb a{color:var(--jx-blue-light)}.magi-hero h1{font-size:clamp(36px,4.6vw,64px);line-height:1.3}.magi-hero h1 span{color:#8fc1e0}.magi-en{color:var(--jx-blue-light);font:italic 500 20px "Cormorant Garamond", var(--jx-serif);letter-spacing:.02em;margin:14px 0 0}.magi-lead{max-width:46em;color:var(--jx-sub);margin-top:22px;line-height:2}.magi-cards{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:24px;display:grid}.magi-card{border:1px solid var(--jx-line);background:var(--jx-surface);border-radius:18px;flex-direction:column;padding:40px 40px 44px;display:flex}.magi-card-primary{background:radial-gradient(70% 60% at 0% 0%, #2f78b024, transparent 70%), var(--jx-surface);border-color:#8fc6ea55}.magi-card-label{color:var(--jx-blue-light);font:500 12px var(--jx-latin);letter-spacing:.16em;justify-content:space-between;align-items:center;gap:12px;margin-bottom:18px;display:flex}.magi-status{font:700 11px var(--jx-latin);letter-spacing:.06em;border-radius:999px;align-items:center;gap:8px;padding:5px 12px;display:inline-flex}.magi-status i{background:currentColor;border-radius:50%;width:7px;height:7px}.magi-status-live{color:#7fe0c6;background:#5fd0b51a;border:1px solid #5fd0b566}.magi-status-live i{animation:2s ease-in-out infinite magi-pulse;box-shadow:0 0 0 4px #7fe0c62a}.magi-status-dev{color:#efc98a;background:#e3b76b1a;border:1px solid #e3b76b66}.magi-card h2{min-height:2.9em;font:700 22px/1.45 var(--jx-sans);letter-spacing:0}.magi-sub{color:var(--jx-blue-light);margin-top:14px;font-weight:700}.magi-body{color:var(--jx-sub);margin-top:10px;line-height:1.95}.magi-roles{grid-template-columns:repeat(3,1fr);gap:28px;margin:30px 0 0;padding:0;list-style:none;display:grid}.magi-roles li{border:1px solid var(--jx-line);background:#0e141c;border-radius:12px;padding:20px 18px;position:relative}.magi-role-icon{color:#fff;background:linear-gradient(135deg,#07b9d8,#266ee9 60%,#694de1);border-radius:11px;place-items:center;width:40px;height:40px;margin-bottom:12px;display:grid;box-shadow:0 8px 18px #066ce933}.magi-roles strong{font:700 16px var(--jx-latin);letter-spacing:.04em;display:block}.magi-roles p{color:var(--jx-sub);margin-top:8px;font-size:13px;line-height:1.8}.magi-arrow{width:20px;height:20px;color:var(--jx-blue-light);place-items:center;display:grid;position:absolute;top:50%;right:-24px;transform:translateY(-50%)}.magi-loop-note{color:var(--jx-muted);align-items:center;gap:8px;margin-top:14px;font-size:12px;display:flex}.magi-loop-note svg{color:var(--jx-blue-light)}.magi-flow{background:#0b1119;border:1px dashed #8fc6ea44;border-radius:14px;margin-top:30px;padding:26px 22px 58px;position:relative}.magi-flow-row{align-items:center;display:flex}.magi-node{min-width:112px;color:var(--jx-blue-light);font:700 12px var(--jx-latin);letter-spacing:.04em;background:#121c28;border:1px solid #8fc6ea55;border-radius:12px;flex-direction:column;align-items:center;gap:8px;padding:14px 12px;display:flex}.magi-node span{color:var(--jx-text)}.magi-node small{color:var(--jx-muted);font:500 12px var(--jx-latin);letter-spacing:.12em}.magi-node-human{color:#7fe0c6;border-color:#7fe0c666}.magi-agents{gap:6px;display:flex}.magi-agents span{width:32px;height:32px;color:var(--jx-blue-light);background:#2f78b033;border-radius:50%;place-items:center;display:grid}.magi-connector{background:linear-gradient(90deg,#8fc6ea33,#8fc6ea);flex:1;height:2px;margin-inline:6px;position:relative}.magi-connector:after{content:"";border:5px solid #0000;border-left:7px solid #8fc6ea;border-right:0;position:absolute;top:-4px;right:-1px}.magi-connector:before{content:"";background:#fff;border-radius:50%;width:6px;height:6px;animation:2.4s linear infinite magi-travel;position:absolute;top:-2px;left:0;box-shadow:0 0 8px #8fc6ea}.magi-feedback{border:1.5px solid #7fe0c666;border-top:0;border-radius:0 0 14px 14px;height:26px;position:absolute;bottom:18px;left:78px;right:78px}.magi-feedback:before{content:"";border:5px solid #0000;border-top:0;border-bottom:7px solid #7fe0c6;position:absolute;top:-4px;left:-6px}.magi-feedback span{color:#7fe0c6;font:700 12px var(--jx-latin);letter-spacing:.08em;white-space:nowrap;background:#0b1119;padding:0 10px;position:absolute;bottom:-9px;left:50%;transform:translate(-50%)}.magi-steps{flex:1;grid-auto-rows:1fr;gap:12px;margin:30px 0 0;padding:0;list-style:none;display:grid}.magi-steps li{border:1px solid var(--jx-line);background:#0e141c;border-radius:12px;align-items:center;gap:16px;padding:18px 20px;display:flex;position:relative}.magi-steps li:not(:last-child):after{content:"";background:#8fc6ea88;width:1px;height:12px;position:absolute;bottom:-13px;left:36px}.magi-steps li>span{width:34px;height:34px;color:var(--jx-blue-light);font:500 12px var(--jx-latin);border:1px solid #8fc6ea66;border-radius:50%;flex:0 0 34px;place-items:center;display:grid}.magi-steps strong{font-size:15px}.magi-steps p{color:var(--jx-sub);margin-top:2px;font-size:13px}@keyframes magi-pulse{50%{box-shadow:0 0 0 7px #7fe0c600}}@keyframes magi-travel{0%{opacity:0;left:0}15%{opacity:1}85%{opacity:1}to{opacity:0;left:calc(100% - 6px)}}@media (width<=1000px){.magi-cards{grid-template-columns:1fr}}@media (width<=700px){.magi-card{padding:28px 20px 30px}.magi-roles{grid-template-columns:1fr;gap:26px}.magi-arrow{inset:auto auto -24px 50%;transform:translate(-50%)rotate(90deg)}.magi-flow-row{flex-direction:column}.magi-connector{background:linear-gradient(#8fc6ea33,#8fc6ea);flex:0 0 28px;width:2px;height:28px;margin:6px 0}.magi-connector:after{border:5px solid #0000;border-top:7px solid #8fc6ea;border-bottom:0;top:auto;bottom:-1px;right:-4px}.magi-connector:before{display:none}.magi-feedback{border:1.5px solid #7fe0c666;border-left:0;border-radius:0 14px 14px 0;width:26px;height:auto;inset:40px 14px 58px auto}.magi-feedback:before{border:5px solid #0000;border-left:0;border-right:7px solid #7fe0c6;top:-5px;left:-7px}.magi-feedback span{bottom:-30px;left:auto;right:0;transform:none}}@media (prefers-reduced-motion:reduce){.magi-connector:before,.magi-status-live i{animation:none}}.magi-hero-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:32px;display:grid}.magi-hero-3d{height:420px;margin-right:-40px;position:relative}.three-canvas{width:100%;height:100%;display:block}@media (width<=1000px){.magi-hero-grid{grid-template-columns:1fr}.magi-hero-3d{height:340px;margin:0 -20px}}.magi-hero-grid h1{font-size:clamp(34px,3.6vw,52px)}