.steps{max-width:1240px;margin:0 auto;padding:0 32px}.step{border-top:1px solid var(--line);grid-template-columns:1fr 1.1fr;align-items:center;gap:64px;padding:88px 0;display:grid;position:relative}.step.flip .step-text{order:2}.step.flip .step-mock{order:1}.step-text{position:relative}.step-text:before{content:"";z-index:-1;background:radial-gradient(closest-side at 30% 65%, var(--accent) 0%, transparent 70%);opacity:.55;filter:blur(22px);pointer-events:none;animation:18s ease-in-out infinite alternate stepWash;position:absolute;inset:-10% 10% -10% -8%}.step.flip .step-text:before{background:radial-gradient(closest-side at 70% 65%, var(--accent) 0%, transparent 70%);left:10%;right:-8%}@keyframes stepWash{0%{opacity:.5;transform:translate(0,0)scale(1)}50%{opacity:.65;transform:translate(3%,-3%)scale(1.1)}to{opacity:.55;transform:translate(-3%,3%)scale(1.05)}}@media (prefers-reduced-motion:reduce){.step-text:before{animation:none}}.step-num{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);align-items:center;gap:10px;margin-bottom:18px;font-size:11px;display:inline-flex}.step-num .badge{background:var(--accent);width:28px;height:28px;font-family:var(--mono);color:var(--ink);border-radius:8px;justify-content:center;align-items:center;font-size:13px;font-weight:600;display:inline-flex}.step-text h2{letter-spacing:-.025em;text-wrap:balance;max-width:460px;margin:0 0 16px;font-size:clamp(32px,4vw,44px);font-weight:600;line-height:1.1}.step-text h2 .accent{background:linear-gradient(transparent 62%, var(--accent) 62%);padding:0 4px}.step-text>p{color:var(--ink-2);max-width:480px;margin:0 0 22px;font-size:18px;line-height:1.55}.bullets{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.bullets li{color:var(--ink-2);align-items:flex-start;gap:10px;font-size:14px;line-height:1.5;display:flex}.bullets li:before{content:"";background:var(--accent);border-radius:1px;flex:none;width:8px;height:2px;transform:translateY(8px)}.step-mock{border-radius:var(--r-lg);border:1px solid var(--line);background:var(--card);height:380px;font-size:12px;position:relative;overflow:hidden;box-shadow:0 30px 60px -40px #0d11172e}.mock-head{font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);border-bottom:1px dashed var(--line);align-items:center;gap:8px;padding:14px 16px;font-size:10px;display:flex}.mock-head .dot{background:#16a34a;border-radius:50%;width:7px;height:7px}.mock-head .right{margin-left:auto}.mock-prov{padding:0}.mock-prov .body{padding:16px 18px}.prov-row{font-family:var(--mono);color:var(--ink-2);border:1px solid var(--line-2);background:var(--paper);border-radius:8px;align-items:center;gap:10px;margin-bottom:6px;padding:8px 10px;font-size:11px;display:flex}.prov-row.done{color:var(--ink)}.prov-row .ck{background:var(--c-trace);width:16px;height:16px;color:var(--ink);border-radius:50%;justify-content:center;align-items:center;font-size:10px;font-weight:700;display:inline-flex}.prov-row.pending .ck{background:var(--paper-2);border:1px dashed var(--line);color:#0000;animation:1.4s linear infinite provSpin}@keyframes provSpin{to{transform:rotate(360deg)}}.prov-row .arg{color:var(--muted);margin-left:auto;font-size:10px}.prov-bar{background:var(--paper-2);border-radius:2px;height:4px;margin:14px 4px 0;position:relative;overflow:hidden}.prov-bar i{background:var(--c-delegate);width:78%;position:absolute;top:0;bottom:0;left:0}.prov-eta{font-family:var(--mono);color:var(--muted);justify-content:space-between;margin:8px 4px 0;font-size:10px;display:flex}.mock-int .body{grid-template-columns:1fr 1fr;gap:10px;padding:14px;display:grid}.int-card{border:1px solid var(--line-2);background:var(--paper);border-radius:10px;flex-direction:column;gap:8px;padding:12px;display:flex}.int-card .name{font-size:13px;font-weight:600}.int-card .sub{font-family:var(--mono);color:var(--muted);font-size:10px}.int-card .status{font-family:var(--mono);border:1px solid var(--line);background:var(--card);color:var(--ink-2);border-radius:999px;align-self:flex-start;padding:2px 8px;font-size:10px}.int-card.on{background:linear-gradient(#fff 0%,#e8f3fb 100%);border-color:#0000}.int-card.on .status{background:var(--c-coordinate);color:var(--ink);border-color:#0000}.int-card .perms{font-family:var(--mono);flex-wrap:wrap;gap:4px;font-size:9px;display:flex}.int-card .perm{background:var(--paper-2);border:1px solid var(--line-2);color:var(--muted);border-radius:4px;padding:1px 6px}.int-card.on .perm{background:#ffffffb3}.int-logo{background:var(--ink);color:#fff;width:28px;height:28px;font-family:var(--mono);border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:inline-flex}.mock-assign .body{flex-direction:column;gap:10px;padding:14px 18px;display:flex}.task{border:1px solid var(--line-2);background:var(--paper);border-radius:10px;padding:12px}.task .ttop{font-family:var(--mono);color:var(--muted);align-items:center;gap:8px;margin-bottom:6px;font-size:10px;display:flex}.task .agent{background:var(--card);border:1px solid var(--line);color:var(--ink);border-radius:999px;align-items:center;gap:6px;padding:2px 8px;font-size:11px;font-weight:600;display:inline-flex}.task .agent .av{background:var(--c-coordinate);border-radius:4px;width:14px;height:14px}.task .agent.writer .av{background:var(--c-remember)}.task .desc{color:var(--ink);font-size:13px;line-height:1.4}.task .sub{color:var(--muted);margin-top:4px;font-size:11px}.task .progress{background:var(--paper-2);border-radius:2px;height:4px;margin-top:8px;position:relative;overflow:hidden}.task .progress i{background:var(--c-delegate);position:absolute;top:0;bottom:0;left:0}.task.approve{border-color:var(--c-govern);background:linear-gradient(#fff 0%,#ffb4a233 100%)}.approve-row{gap:8px;margin-top:8px;display:flex}.approve-row .a-btn{font-family:var(--mono);background:var(--ink);color:#fff;border-radius:5px;padding:4px 10px;font-size:10px}.approve-row .a-btn.ghost{color:var(--ink);border:1px solid var(--line);background:0 0}.pillars-wrap{border-top:1px solid var(--line);max-width:1240px;margin:80px auto 0;padding:80px 32px 0}.pillars-head{max-width:720px;margin-bottom:40px}.pillars-head .label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px}.pillars-head h2{letter-spacing:-.022em;text-wrap:balance;margin:0 0 14px;font-size:clamp(28px,3.4vw,38px);font-weight:600;line-height:1.15}.pillars-head p{color:var(--muted);max-width:540px;margin:0;font-size:17px;line-height:1.5}.pillars{grid-template-columns:repeat(4,1fr);gap:20px;display:grid}.pcard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);flex-direction:column;gap:10px;padding:22px;display:flex;position:relative;overflow:hidden}.pcard .corner{background:var(--accent);border-radius:0 var(--r-lg) 0 80px;opacity:.7;width:80px;height:80px;position:absolute;top:0;right:0}.pcard h3{letter-spacing:-.012em;margin:0;font-size:17px;font-weight:600}.pcard p{color:var(--muted);margin:0;font-size:14px;line-height:1.5}.pcard .num{font-family:var(--mono);color:var(--ink);letter-spacing:.08em;z-index:1;font-size:11px;position:relative}.arch-wrap{border-top:1px solid var(--line);max-width:1240px;margin:88px auto 0;padding:80px 32px 0}.arch-head{max-width:720px;margin-bottom:36px}.arch-head .label{font-family:var(--mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;font-size:11px}.arch-head h2{letter-spacing:-.022em;text-wrap:balance;margin:0;font-size:clamp(28px,3.4vw,38px);font-weight:600;line-height:1.15}.arch-grid{grid-template-columns:repeat(3,1fr);gap:20px;display:grid}.acard{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--card);flex-direction:column;gap:12px;padding:28px;display:flex}.acard .tag{font-family:var(--mono);color:var(--ink);background:var(--paper-2);border:1px solid var(--line);letter-spacing:.06em;border-radius:6px;align-self:flex-start;padding:4px 10px;font-size:14px;font-weight:600}.acard h3{letter-spacing:-.012em;margin:0;font-size:17px;font-weight:600}.acard p{color:var(--muted);margin:0;font-size:13px;line-height:1.5}@media (max-width:960px){.step{grid-template-columns:1fr;gap:36px;padding:64px 0}.step.flip .step-text,.step.flip .step-mock{order:unset}.pillars{grid-template-columns:1fr 1fr}.arch-grid{grid-template-columns:1fr}}@media (max-width:600px){.pillars{grid-template-columns:1fr}}