.new3-root{color:#111827;font-family:var(--font-sans), sans-serif;background:radial-gradient(circle at 0 0,#c4b5fd38,#0000 26%),radial-gradient(circle at 100% 0,#bfdbfe2e,#0000 30%),linear-gradient(#fff 0%,#f9fbff 42%,#fff 100%);flex-direction:column;align-items:center;width:100%;min-height:100vh;display:flex;overflow-x:clip}.new3-nav,.new3-section,.new3-bottom-cta,.new3-footer{width:min(1200px,100%)}.new3-nav{justify-content:space-between;align-items:center;gap:1rem;padding:1.5rem 2rem;display:flex}.new3-brand{align-items:center;gap:.85rem;display:flex}.new3-brand-mark{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);border-radius:14px;justify-content:center;align-items:center;width:2.35rem;height:2.35rem;display:inline-flex;box-shadow:0 14px 30px #6366f13d}.new3-brand-copy{flex-direction:column;gap:.1rem;display:flex}.new3-brand-name{letter-spacing:-.02em;font-size:1rem;font-weight:700}.new3-brand-tag{letter-spacing:.08em;text-transform:uppercase;color:#64748b;font-size:.68rem}.new3-nav-links{align-items:center;gap:1.6rem;font-size:.92rem;font-weight:500;display:flex}.new3-nav-links a{color:#475569;text-decoration:none;transition:color .18s,transform .18s}.new3-nav-links a:hover{color:#111827;transform:translateY(-1px)}.new3-nav-actions{align-items:center;gap:.85rem;display:flex}.btn-primary,.btn-secondary,.new3-repo-pill{border-radius:999px;justify-content:center;align-items:center;font-weight:700;text-decoration:none;transition:transform .18s,box-shadow .18s,background-color .18s,border-color .18s,color .18s;display:inline-flex}.btn-primary{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#4f46e5 100%);padding:.7rem 1.15rem;box-shadow:0 14px 28px #4f46e538}.btn-primary:hover,.btn-secondary:hover,.new3-repo-pill:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 18px 32px #4f46e547}.btn-primary.lg,.btn-secondary.lg{padding:.9rem 1.45rem;font-size:.98rem}.btn-secondary{color:#334155;background:#ffffffe0;border:1px solid #d9e2f1;padding:.7rem 1.15rem;box-shadow:0 10px 24px #0f172a0a}.new3-hero{grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);align-items:center;gap:3rem;width:min(1200px,100%);padding:4.2rem 2rem 3.5rem;display:grid}.new3-hero-copy{max-width:36rem}.badge{letter-spacing:.08em;text-transform:uppercase;color:#4f46e5;background:#6366f114;border:1px solid #6366f124;border-radius:999px;align-items:center;padding:.38rem .82rem;font-size:.76rem;font-weight:700;display:inline-flex}.new3-hero-copy h1{letter-spacing:-.07em;color:#0f172a;margin:1.3rem 0 1.25rem;font-size:clamp(3rem,7vw,5.2rem);line-height:.98}.new3-hero-copy p{color:#475569;max-width:34rem;margin-bottom:1.9rem;font-size:1.08rem;line-height:1.75}.new3-hero-actions{flex-wrap:wrap;align-items:center;gap:.95rem;display:flex}.new3-hero-meta{flex-direction:column;gap:1rem;margin-top:1.2rem;display:flex}.new3-repo-pill{color:#1d4ed8;background:#ffffffdb;border:1px solid #dbeafe;width:fit-content;padding:.62rem .92rem;box-shadow:0 14px 28px #2563eb14}.new3-proof-strip{flex-wrap:wrap;gap:.72rem;display:flex}.new3-proof-strip span{color:#475569;background:#ffffffd6;border:1px solid #e2e8f0;border-radius:999px;align-items:center;padding:.52rem .82rem;font-size:.78rem;font-weight:700;display:inline-flex;box-shadow:0 10px 24px #0f172a0a}.new3-hero-image{min-height:560px;position:relative}.hero-scene{perspective:1400px;background:linear-gradient(#fff 0%,#f8f9ff 100%);border:1px solid #e6e9f8;border-radius:36px;height:100%;min-height:560px;position:relative;overflow:hidden;box-shadow:0 34px 76px #0f172a14}.hero-grid{opacity:.42;background-image:linear-gradient(#6366f114 1px,#0000 1px),linear-gradient(90deg,#6366f114 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(circle,#000 36%,#0000 78%);mask-image:radial-gradient(circle,#000 36%,#0000 78%)}.hero-glow{filter:blur(36px);opacity:.28;border-radius:999px;width:230px;height:230px;position:absolute}.hero-glow-left{background:#a855f7;top:70px;left:40px}.hero-glow-right{background:#60a5fa;bottom:60px;right:30px}.hero-chip{z-index:3;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#ffffffd6;border:1px solid #e2e8f0f2;border-radius:18px;min-width:180px;padding:.85rem .95rem;position:absolute;box-shadow:0 18px 36px #0f172a14}.hero-chip strong,.hero-stream span{color:#111827;font-weight:700;display:block}.hero-chip span{color:#64748b;margin-top:.25rem;font-size:.82rem;line-height:1.45;display:block}.hero-chip-left{top:50px;left:36px}.hero-chip-right{top:138px;right:34px}.hero-chip-bottom{bottom:52px;left:52px}.hero-stream{z-index:2;letter-spacing:.08em;color:#6d28d9;background:#ffffffeb;border:1px solid #c4b5fdcc;border-radius:999px;align-items:center;padding:.46rem .75rem;font-size:.72rem;display:inline-flex;position:absolute;box-shadow:0 14px 30px #0f172a14}.hero-stream-one{top:210px;left:138px}.hero-stream-two{top:278px;left:88px}.hero-stream-three{top:356px;left:176px}.iso-motion-shell{pointer-events:none;z-index:2;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.iso-graphic{width:320px;height:320px;transform-style:preserve-3d;position:relative;transform:rotateX(62deg)rotate(-45deg)}.hero-core-glow{filter:blur(18px);background:radial-gradient(circle,#6366f170,#6366f100);border-radius:28px;position:absolute;inset:56px}.iso-box{background:#fff;border:1px solid #e2e8f0f2;border-radius:20px;position:absolute}.iso-box.shadow{filter:blur(28px);background:#6366f11a;border:0;inset:0;transform:translateZ(-28px)}.iso-box.base{background:linear-gradient(#fff 0%,#eef2ff 100%);width:260px;height:260px;top:34px;left:30px;box-shadow:inset 0 0 0 1px #c4b5fd3d}.iso-box.k-box{color:#fff;background:linear-gradient(135deg,#6366f1 0%,#7c3aed 100%);justify-content:center;align-items:center;width:120px;height:120px;font-size:3.15rem;font-weight:700;display:flex;top:96px;left:100px;transform:translateZ(54px);box-shadow:20px 20px 36px #4f46e533}.iso-box.execute,.iso-box.live-panel{flex-direction:column;justify-content:center;gap:.28rem;padding:.95rem 1.05rem;display:flex;box-shadow:16px 16px 32px #0f172a24}.iso-box.execute{color:#fff;width:230px;min-height:72px;font-family:var(--font-mono), monospace;background:#111827;border-radius:16px;font-size:.9rem;top:16px;left:136px;transform:translateZ(110px)}.iso-box.execute span,.iso-box.live-panel span{font-family:var(--font-sans), sans-serif;letter-spacing:.08em;text-transform:uppercase;font-size:.72rem}.iso-box.execute span{color:#cbd5e1}.iso-box.live-panel{color:#1d4ed8;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);width:200px;min-height:70px;font-size:.94rem;font-weight:700;top:208px;left:-12px;transform:translateZ(70px)}.iso-box.live-panel span{color:#475569}.iso-label{color:#7c3aed;letter-spacing:.14em;font-size:.78rem;font-weight:700;position:absolute}.iso-label.sql1{transform:translateZ(110px)translate(275px)translateY(22px)rotateX(-62deg)rotate(45deg)}.iso-label.sql2{transform:translateZ(70px)translate(-70px)translateY(230px)rotateX(-62deg)rotate(45deg)}.new3-section{padding:3.9rem 2rem}.new3-section h2{letter-spacing:-.05em;color:#111827;margin-bottom:1.6rem;font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.05}.new3-section h3{letter-spacing:-.04em;color:#111827;margin-bottom:.95rem;font-size:1.6rem;line-height:1.1}.new3-supporting-copy{color:#64748b;margin:0 0 2rem;line-height:1.65}.features-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;display:grid}.new3-feature-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);text-align:center;background:#ffffffe6;border:1px solid #edf0f7;border-radius:22px;flex-direction:column;align-items:center;padding:1.45rem 1.1rem;transition:transform .22s,box-shadow .22s,border-color .22s;display:flex;box-shadow:0 16px 36px #0f172a0a}.new3-feature-card:hover{border-color:#dbeafe;transform:translateY(-4px);box-shadow:0 24px 44px #0f172a14}.feature-icon{background:linear-gradient(#f8fafc 0%,#eef2ff 100%);border-radius:18px;justify-content:center;align-items:center;width:54px;height:54px;margin-bottom:1rem;display:flex}.new3-feature-card h4{color:#111827;margin-bottom:.45rem;font-weight:700}.new3-feature-card p{color:#64748b;font-size:.9rem;line-height:1.55}.col-split{grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem;display:grid}.agent-power-card{background:linear-gradient(#ffffffeb 0%,#f8fafff5 100%);border:1px solid #e6e9f8;border-radius:30px;flex-direction:column;gap:1.8rem;padding:2rem;display:flex;box-shadow:0 28px 60px #0f172a0f}.agent-power-copy{max-width:56rem}.agent-power-copy h2{margin:1rem 0 .85rem}.agent-power-points{margin-top:0}.half-card{background:#ffffffe6;border:1px solid #edf0f7;border-radius:28px;padding:2rem;box-shadow:0 22px 52px #0f172a0d}.check-list{border-top:1px solid #edf0f7;flex-direction:column;gap:.85rem;margin:0;padding:1.5rem 0 0;list-style:none;display:flex}.check-list li{color:#334155;align-items:center;gap:.55rem;font-size:.92rem;display:flex}.new3-bottom-cta{padding:4rem 2rem 4.8rem}.cta-box{background:linear-gradient(135deg,#f7f5ff 0%,#eef6ff 100%);border:1px solid #e0e7ff;border-radius:30px;grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:2rem;padding:3rem;display:grid;box-shadow:0 28px 60px #0f172a0f}.cta-box h2{letter-spacing:-.05em;margin:0;font-size:clamp(2rem,4vw,3rem);line-height:1.02}.cta-terminal{background:#ffffffe6;border:1px solid #e2e8f0e6;border-radius:20px;position:relative;overflow:hidden;box-shadow:0 18px 42px #0f172a14}.term-dots{background:#f8fafc;border-bottom:1px solid #e2e8f0;gap:.45rem;padding:.75rem 1rem;display:flex}.term-dots span{background:#d1d5db;border-radius:50%;width:10px;height:10px}.term-body{padding:1.4rem 1.5rem}.term-cursor{animation:.9s step-end infinite new3-blink;display:inline-block}.new3-footer{padding:0 2rem 4rem}.trust-logos{color:#94a3b8;text-transform:uppercase;letter-spacing:.08em;flex-wrap:wrap;justify-content:center;gap:1.35rem 2.25rem;font-size:1rem;font-weight:700;display:flex}.text-center{text-align:center}.text-sm{font-size:.82rem}.text-xl{font-size:1.25rem}.text-gray-500{color:#64748b}.text-gray-900{color:#0f172a}.text-purple-500{color:#8b5cf6}.text-indigo-500{color:#6366f1}.text-rose-500{color:#f43f5e}.font-bold{font-weight:700}.font-mono{font-family:var(--font-mono), monospace}.mb-4{margin-bottom:1rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.uppercase{text-transform:uppercase}@keyframes new3-blink{0%,50%{opacity:1}51%,to{opacity:0}}@media (max-width:1180px){.new3-hero{grid-template-columns:1fr}.new3-hero-copy{max-width:none}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.col-split,.cta-box{grid-template-columns:1fr}}@media (max-width:900px){.new3-nav{flex-wrap:wrap}.new3-nav-links{flex-wrap:wrap;order:3;justify-content:center;width:100%}.hero-chip-right{top:122px;right:18px}.hero-chip-left,.hero-chip-bottom{left:20px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.new3-nav,.new3-hero,.new3-section,.new3-bottom-cta,.new3-footer{padding-left:1.1rem;padding-right:1.1rem}.new3-nav-actions{justify-content:stretch;width:100%}.new3-nav-actions a{flex:1}.new3-hero{gap:2rem;padding-top:2.5rem}.new3-hero-copy p br,.new3-supporting-copy br,.cta-box h2 br{display:none}.new3-hero-image,.hero-scene{min-height:460px}.hero-chip{min-width:auto;padding:.75rem .82rem}.hero-chip-right{max-width:180px;top:104px;right:16px}.hero-stream-one,.hero-stream-two,.hero-stream-three{left:26px}.hero-stream-one{top:246px}.hero-stream-two{top:302px}.hero-stream-three{top:360px}.iso-graphic{transform:scale(.84)rotateX(62deg)rotate(-45deg)}.features-grid{grid-template-columns:1fr}.agent-power-card,.half-card,.cta-box{padding:1.4rem}}
.new3-before-after-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;width:100%;display:grid}.new3-flow-card{background:#fff;border:1px solid #edf0f7;border-radius:24px;flex-direction:column;padding:1.6rem;display:flex;overflow:hidden;box-shadow:0 22px 55px #0f172a0f}.after-card{background:linear-gradient(#fff 0%,#fbfbff 100%);border-color:#e0e7ff}.new3-flow-card-head{color:#0f172a;margin-bottom:1.4rem;font-size:1.1rem}.text-purple-600{color:#6d28d9}.font-bold{font-weight:700}.text-red-500{color:#ef4444}.text-green-500{color:#22c55e}.text-green-600{color:#16a34a}.text-blue-500{color:#3b82f6}.new3-flow-content{grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);align-items:stretch;gap:1.5rem;display:grid}.new3-flow-diagram{flex-direction:column;justify-content:center;align-items:center;gap:.9rem;min-height:360px;display:flex}.new3-flow-points{align-items:center;display:flex}.new3-flow-points ul{flex-direction:column;gap:.95rem;margin:0;padding:0;list-style:none;display:flex}.new3-flow-points li{color:#475569;align-items:center;gap:.55rem;font-size:.92rem;display:flex}.node{text-align:center;color:#374151;background:#f8fafc;border:1px solid #e5e7eb;border-radius:16px;justify-content:center;align-items:center;gap:.45rem;min-width:min(100%,260px);padding:.75rem 1rem;font-size:.86rem;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s;display:inline-flex}.node small{letter-spacing:.02em;opacity:.72;margin-top:.35rem;font-size:.72rem;display:block}.node.agent{color:#6d28d9;background:#f5eefe;border-color:#dbc5ff}.node.highlight{color:#15803d;background:#ecfdf3;border-color:#86efac;flex-direction:column;font-weight:700}.node.db{color:#2563eb;background:#eff6ff;border-color:#bfdbfe}.node.frontend{color:#475569;background:#f8fafc;border-color:#e2e8f0;flex-direction:column}.node.wide{width:100%}.node.is-current{transform:translateY(-2px)scale(1.03);box-shadow:0 22px 40px #4f46e51f}.node.agent.is-current{border-color:#a855f7}.node.highlight.is-current{border-color:#22c55e}.node.db.is-current,.node.frontend.is-current{border-color:#6366f1}.middle-tier{flex-wrap:wrap;justify-content:center;gap:.6rem;display:flex}.arrows-down{justify-content:center;gap:1.15rem;height:24px;display:flex}.arrows-down-single{height:24px}.arrow{background:linear-gradient(#cbd5e1 0%,#e2e8f0 100%);width:1px;height:100%}.animated-flow{justify-content:flex-start}.after-flow-stage{flex-direction:column;align-items:center;gap:.85rem;width:100%;min-height:336px;padding:.25rem 0 .5rem;display:flex;position:relative}.after-flow-rail{background:linear-gradient(#7c3aed2e 0%,#6366f1a6 50%,#38bdf852 100%);width:2px;position:absolute;top:1.4rem;bottom:1.8rem;left:50%;transform:translate(-50%)}.after-flow-packet{z-index:2;background:radial-gradient(circle at 35% 35%,#fff 0%,#a855f7 35%,#4f46e5 100%);border-radius:999px;width:18px;height:18px;position:absolute;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 8px #6366f11f,0 0 28px #6366f152}.arrow-animated{background:linear-gradient(#a855f726 0%,#8b5cf6e6 100%);width:2px;height:42px;margin:.05rem 0;position:relative}.arrow-animated:after{content:"";border-bottom:2px solid #8b5cf6;border-right:2px solid #8b5cf6;width:10px;height:10px;position:absolute;bottom:-1px;left:50%;transform:translate(-50%)rotate(45deg)}.after-flow-caption{text-align:center;color:#475569;background:#6366f10d;border:1px solid #6366f124;border-radius:16px;flex-direction:column;gap:.35rem;width:min(100%,340px);padding:.95rem 1rem;display:flex}.after-flow-caption strong{color:#111827;font-size:.95rem}.after-flow-caption span{font-size:.86rem;line-height:1.55}.mac-container{flex-direction:column;gap:1.25rem;display:flex}.mac-stage{background:linear-gradient(#fcfcff 0%,#f8fbff 100%);border:1px solid #eceffd;border-radius:24px;grid-template-columns:1.05fr .8fr .7fr;gap:1rem;min-height:370px;padding:1.7rem 1.25rem;display:grid;position:relative;overflow:hidden}.mac-stage-grid{opacity:.55;background-image:linear-gradient(#6366f10f 1px,#0000 1px),linear-gradient(90deg,#6366f10f 1px,#0000 1px);background-size:24px 24px;position:absolute;inset:0}.mac-column{z-index:1;flex-direction:column;justify-content:center;display:flex;position:relative}.mac-agents{align-items:stretch;gap:1rem}.mac-db-column,.mac-output-column{align-items:center}.mac-node{appearance:none;color:#6d28d9;text-align:left;background:#faf5fff0;border:1px solid #e9d5ff;border-radius:18px;align-items:center;gap:.75rem;width:100%;min-width:0;padding:1rem 1.1rem;transition:transform .22s,box-shadow .22s,border-color .22s,background-color .22s;display:flex;box-shadow:0 18px 36px #6d28d914}.mac-node strong{font-size:.98rem;display:block}.mac-node small{color:#7c3aed;margin-top:.18rem;font-size:.78rem;display:block}.mac-node.is-active{border-color:#8b5cf6;transform:translateY(-3px)scale(1.02);box-shadow:0 26px 48px #6366f129}.mac-db-node{color:#2563eb;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#bfd6ff;max-width:250px}.mac-db-node small{color:#1d4ed8}.mac-app-node{color:#0f172a;background:#fffffff0;border-color:#dbeafe;max-width:220px}.mac-app-node small{color:#475569}.mac-packet{z-index:2;letter-spacing:.02em;white-space:nowrap;border-radius:999px;padding:.4rem .62rem;font-size:.72rem;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 16px 30px #0f172a24}.mac-packet.sql{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.mac-packet.live{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.mac-footer{flex-direction:column;gap:.95rem;display:flex}.mac-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:18px;flex-direction:column;gap:.35rem;padding:1rem 1.05rem;display:flex}.mac-status strong{color:#111827;font-size:.96rem}.mac-status span{color:#475569;font-size:.88rem;line-height:1.55}.mac-step-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.mac-step-tab{appearance:none;color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.65rem .95rem;font-size:.8rem;font-weight:600;transition:transform .18s,border-color .18s,color .18s,box-shadow .18s}.mac-step-tab:hover,.mac-step-tab.is-active{color:#4f46e5;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 12px 28px #6366f11f}.power-loop-container{flex-direction:column;gap:1.15rem;display:flex}.power-loop-stage{background:linear-gradient(#fff 0%,#f8fbff 100%);border:1px solid #e6e9f8;border-radius:28px;min-height:480px;position:relative;overflow:hidden}.power-loop-grid{opacity:.7;background-image:linear-gradient(#6366f10d 1px,#0000 1px),linear-gradient(90deg,#6366f10d 1px,#0000 1px);background-size:28px 28px;position:absolute;inset:0}.power-loop-line{z-index:0;background:linear-gradient(#6366f124 0%,#6366f142 100%);position:absolute}.power-loop-line-agent-spine{width:2px;height:48%;top:18%;left:18%;transform:translate(-50%)}.power-loop-line-agent-bridge{width:32%;height:2px;top:42%;left:18%}.power-loop-line-right-bridge{width:32%;height:2px;top:42%;left:50%}.power-loop-line-right-spine{width:2px;height:44%;top:22%;left:82%;transform:translate(-50%)}.power-node{z-index:1;background:#fffffff0;border:1px solid #e5e7eb;border-radius:20px;align-items:center;gap:.72rem;width:clamp(118px,17vw,164px);padding:.95rem 1rem;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:flex;position:absolute;transform:translate(-50%,-50%);box-shadow:0 18px 34px #0f172a14}.power-node.is-active{transform:translate(-50%,-50%)scale(1.03);box-shadow:0 26px 48px #4f46e529}.power-node strong{color:#111827;font-size:.95rem;display:block}.power-node small{color:#64748b;margin-top:.18rem;font-size:.76rem;display:block}.power-node-icon{border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:2rem;height:2rem;display:inline-flex}.power-node-agent{color:#6d28d9;background:#faf5fff5;border-color:#dbc5ff}.power-node-agent .power-node-icon{background:#f3e8ff}.power-node-db{color:#2563eb;background:linear-gradient(#eff6ff 0%,#dbeafe 100%);border-color:#bfd6ff;width:clamp(168px,22vw,220px)}.power-node-db .power-node-icon{background:#ffffffbd}.power-node-human{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.power-node-human .power-node-icon{background:#dcfce7}.power-node-app{color:#1d4ed8;background:#fffffff5;border-color:#dbeafe}.power-node-app .power-node-icon{background:#eff6ff}.power-node-agent.is-active{border-color:#8b5cf6}.power-node-db.is-active,.power-node-app.is-active{border-color:#60a5fa}.power-node-human.is-active{border-color:#22c55e}.power-packet{z-index:2;letter-spacing:.03em;white-space:nowrap;border-radius:999px;padding:.42rem .68rem;font-size:.72rem;font-weight:700;position:absolute;transform:translate(-50%,-50%);box-shadow:0 16px 30px #0f172a24}.power-packet.sql{color:#6d28d9;background:#ede9fe;border:1px solid #c4b5fd}.power-packet.live{color:#1d4ed8;background:#dbeafe;border:1px solid #93c5fd}.power-packet.approval{color:#15803d;background:#dcfce7;border:1px solid #86efac}.power-loop-footer{flex-direction:column;gap:.95rem;display:flex}.power-loop-chips{flex-wrap:wrap;gap:.75rem;display:flex}.power-loop-chip{color:#64748b;letter-spacing:.04em;background:#fff;border:1px solid #e5e7eb;border-radius:999px;align-items:center;padding:.55rem .8rem;font-size:.76rem;font-weight:700;display:inline-flex}.power-loop-chip.is-active{color:#4f46e5;border-color:#c7d2fe;box-shadow:0 12px 26px #6366f11f}.power-loop-status{background:#f8fafc;border:1px solid #e2e8f0;border-radius:20px;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;display:flex}.power-loop-status strong{color:#111827;font-size:.98rem}.power-loop-status span{color:#475569;font-size:.9rem;line-height:1.6}.power-loop-status code{font-family:var(--font-mono), monospace;color:#4338ca;overflow-wrap:anywhere;background:#eef2ff;border-radius:14px;padding:.75rem .85rem;font-size:.78rem}.power-loop-tabs{flex-wrap:wrap;gap:.75rem;display:flex}.power-loop-tab{appearance:none;color:#475569;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:.65rem .95rem;font-size:.8rem;font-weight:600;transition:transform .18s,border-color .18s,color .18s,box-shadow .18s}.power-loop-tab:hover,.power-loop-tab.is-active{color:#4f46e5;border-color:#c7d2fe;transform:translateY(-1px);box-shadow:0 12px 28px #6366f11f}.hil-container{grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:start;gap:1.5rem;display:grid}.hil-table{font-size:.85rem;font-family:var(--font-mono), monospace;background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden}.hil-table-head,.hil-row{grid-template-columns:.55fr 1fr 1fr 1fr;align-items:center;gap:.5rem;padding:.85rem .8rem;display:grid}.hil-table-head{color:#64748b;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.hil-table-body{flex-direction:column;display:flex}.hil-row{color:#334155;border-bottom:1px solid #e5e7eb;position:relative;overflow:hidden}.hil-row:last-child{border-bottom:0}.hil-row>span{z-index:1;position:relative}.hil-row-highlight{background:linear-gradient(90deg,#ede9feb3 0%,#dbeafe9e 100%);border:1px solid #818cf847;border-radius:14px;position:absolute;inset:.35rem .4rem;box-shadow:inset 0 1px #fffc}.hil-status{letter-spacing:.05em;text-transform:uppercase;border-radius:999px;justify-content:center;align-items:center;padding:.26rem .6rem;font-size:.68rem;font-weight:700;display:inline-flex}.hil-status-violet{color:#7e22ce;background:#f3e8ff}.hil-status-blue{color:#1d4ed8;background:#dbeafe}.hil-status-green{color:#15803d;background:#dcfce7}.hil-status-slate{color:#475569;background:#e2e8f0}.hil-timeline{flex-direction:column;gap:1rem;display:flex;position:relative}.hil-rail{background:linear-gradient(#a855f74d 0%,#6366f14d 100%);width:2px;position:absolute;top:.5rem;bottom:.5rem;left:18px}.hil-step{z-index:1;text-align:left;cursor:pointer;background:0 0;border:0;gap:1rem;padding:0;display:flex;position:relative}.hil-icon{color:#6d28d9;background:#fff;border:1px solid #dbc5ff;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:flex;position:relative;box-shadow:0 10px 24px #6366f114}.hil-icon svg{z-index:1;position:relative}.hil-icon-glow{border-radius:inherit;background:#8b5cf62e;position:absolute;inset:-4px}.hil-content{background:#fff;border:1px solid #e5e7eb;border-radius:18px;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;transition:transform .22s,border-color .22s,box-shadow .22s,background-color .22s;display:flex;box-shadow:0 18px 32px #0f172a0d}.hil-step.is-active .hil-content{background:linear-gradient(#fff 0%,#faf7ff 100%);border-color:#c4b5fd;transform:translateY(-2px);box-shadow:0 24px 40px #6366f11a}.hil-content strong{color:#111827;font-size:.95rem}.hil-content span{color:#64748b;font-size:.87rem;line-height:1.5}.hil-content code{font-family:var(--font-mono), monospace;color:#475569;white-space:normal;overflow-wrap:anywhere;background:#f1f5f9;border-radius:12px;padding:.7rem .8rem;font-size:.78rem;line-height:1.5}@media (max-width:1100px){.new3-before-after-grid,.hil-container,.new3-flow-content{grid-template-columns:1fr}.mac-stage{grid-template-columns:1fr;gap:1.25rem;min-height:auto}.mac-db-column,.mac-output-column{align-items:stretch}.mac-node,.mac-db-node,.mac-app-node{max-width:none}.mac-packet{display:none}.power-loop-stage{min-height:520px}}@media (max-width:760px){.new3-before-after-grid{gap:1.25rem}.new3-flow-card,.mac-stage,.hil-content{border-radius:20px}.new3-flow-diagram{min-height:auto}.after-flow-stage{min-height:316px}.middle-tier{grid-template-columns:repeat(2,minmax(0,1fr));width:100%;display:grid}.node,.node.wide{width:100%;min-width:100%}.hil-table-head,.hil-row{grid-template-columns:.55fr 1fr}.hil-table-head span:nth-child(3),.hil-table-head span:nth-child(4),.hil-row span:nth-child(3),.hil-row span:nth-child(4){display:none}.mac-step-tab{width:100%}.power-loop-stage{min-height:540px}.power-loop-line-agent-spine,.power-loop-line-agent-bridge,.power-loop-line-right-bridge,.power-loop-line-right-spine,.power-packet{display:none}.power-loop-chip,.power-loop-tab{justify-content:center;width:100%}}