.new3-root{color:#111827;font-family:var(--font-sans),sans-serif;min-height:100vh;display:flex;flex-direction:column;align-items:center;width:100%;overflow-x:clip;background:radial-gradient(circle at top left,rgba(196,181,253,.22),transparent 26%),radial-gradient(circle at top right,rgba(191,219,254,.18),transparent 30%),linear-gradient(180deg,#ffffff,#f9fbff 42%,#ffffff)}.new3-bottom-cta,.new3-footer,.new3-nav,.new3-section{width:min(1200px,100%)}.new3-nav{justify-content:space-between;gap:1rem;padding:1.5rem 2rem}.new3-brand,.new3-nav{display:flex;align-items:center}.new3-brand{gap:.85rem}.new3-brand-mark{width:2.35rem;height:2.35rem;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;color:#ffffff;background:linear-gradient(135deg,#6366f1,#7c3aed);box-shadow:0 14px 30px rgba(99,102,241,.24)}.new3-brand-copy{display:flex;flex-direction:column;gap:.1rem}.new3-brand-name{font-size:1rem;font-weight:700;letter-spacing:-.02em}.new3-brand-tag{font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;color:#64748b}.new3-nav-links{display:flex;align-items:center;gap:1.6rem;font-size:.92rem;font-weight:500}.new3-nav-links a{color:#475569;text-decoration:none;transition:color .18s ease,transform .18s ease}.new3-nav-links a:hover{color:#111827;transform:translateY(-1px)}.new3-nav-actions{display:flex;align-items:center;gap:.85rem}.btn-primary,.btn-secondary,.new3-repo-pill{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;font-weight:700;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background-color .18s ease,border-color .18s ease,color .18s ease}.btn-primary{background:linear-gradient(135deg,#6366f1,#4f46e5);color:#ffffff;padding:.7rem 1.15rem;box-shadow:0 14px 28px rgba(79,70,229,.22)}.btn-primary:hover,.btn-secondary:hover,.new3-repo-pill:hover{transform:translateY(-1px)}.btn-primary:hover{box-shadow:0 18px 32px rgba(79,70,229,.28)}.btn-primary.lg,.btn-secondary.lg{padding:.9rem 1.45rem;font-size:.98rem}.btn-secondary{background:rgba(255,255,255,.88);border:1px solid #d9e2f1;color:#334155;padding:.7rem 1.15rem;box-shadow:0 10px 24px rgba(15,23,42,.04)}.new3-hero{width:min(1200px,100%);padding:4.2rem 2rem 3.5rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,.95fr);align-items:center;gap:3rem}.new3-hero-copy{max-width:36rem}.badge{display:inline-flex;align-items:center;padding:.38rem .82rem;border-radius:999px;font-size:.76rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4f46e5;background:rgba(99,102,241,.08);border:1px solid rgba(99,102,241,.14)}.new3-hero-copy h1{font-size:clamp(3rem,7vw,5.2rem);line-height:.98;letter-spacing:-.07em;margin:1.3rem 0 1.25rem;color:#0f172a}.new3-hero-copy p{font-size:1.08rem;color:#475569;line-height:1.75;margin-bottom:1.9rem;max-width:34rem}.new3-hero-actions{display:flex;flex-wrap:wrap;gap:.95rem;align-items:center}.new3-hero-meta{display:flex;flex-direction:column;gap:1rem;margin-top:1.2rem}.new3-repo-pill{width:fit-content;padding:.62rem .92rem;border:1px solid #dbeafe;background:rgba(255,255,255,.86);color:#1d4ed8;box-shadow:0 14px 28px rgba(37,99,235,.08)}.new3-proof-strip{display:flex;flex-wrap:wrap;gap:.72rem}.new3-proof-strip span{display:inline-flex;align-items:center;padding:.52rem .82rem;border-radius:999px;background:rgba(255,255,255,.84);border:1px solid #e2e8f0;color:#475569;font-size:.78rem;font-weight:700;box-shadow:0 10px 24px rgba(15,23,42,.04)}.hero-scene,.new3-hero-image{position:relative;min-height:560px}.hero-scene{height:100%;border-radius:36px;overflow:hidden;border:1px solid #e6e9f8;background:linear-gradient(180deg,#ffffff,#f8f9ff);box-shadow:0 34px 76px rgba(15,23,42,.08);perspective:1400px}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.08) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.08) 1px,transparent 0);background-size:34px 34px;-webkit-mask-image:radial-gradient(circle at center,black 36%,transparent 78%);mask-image:radial-gradient(circle at center,black 36%,transparent 78%);opacity:.42}.hero-glow{position:absolute;width:230px;height:230px;border-radius:999px;filter:blur(36px);opacity:.28}.hero-glow-left{top:70px;left:40px;background:#a855f7}.hero-glow-right{right:30px;bottom:60px;background:#60a5fa}.hero-chip{position:absolute;z-index:3;min-width:180px;padding:.85rem .95rem;border-radius:18px;background:rgba(255,255,255,.84);border:1px solid rgba(226,232,240,.95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);box-shadow:0 18px 36px rgba(15,23,42,.08)}.hero-chip strong,.hero-stream span{display:block;font-weight:700;color:#111827}.hero-chip span{display:block;margin-top:.25rem;font-size:.82rem;line-height:1.45;color:#64748b}.hero-chip-left{top:50px;left:36px}.hero-chip-right{right:34px;top:138px}.hero-chip-bottom{left:52px;bottom:52px}.hero-stream{position:absolute;z-index:2;display:inline-flex;align-items:center;padding:.46rem .75rem;border-radius:999px;background:rgba(255,255,255,.92);border:1px solid rgba(196,181,253,.8);box-shadow:0 14px 30px rgba(15,23,42,.08);font-size:.72rem;letter-spacing:.08em;color:#6d28d9}.hero-stream-one{left:138px;top:210px}.hero-stream-two{left:88px;top:278px}.hero-stream-three{left:176px;top:356px}.iso-motion-shell{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;pointer-events:none;z-index:2}.iso-graphic{position:relative;width:320px;height:320px;transform-style:preserve-3d;transform:rotateX(62deg) rotate(-45deg)}.hero-core-glow{position:absolute;inset:56px;border-radius:28px;background:radial-gradient(circle at center,rgba(99,102,241,.44),rgba(99,102,241,0));filter:blur(18px)}.iso-box{position:absolute;border-radius:20px;background:#ffffff;border:1px solid rgba(226,232,240,.95)}.iso-box.shadow{inset:0;background:rgba(99,102,241,.1);border:0;filter:blur(28px);transform:translateZ(-28px)}.iso-box.base{top:34px;left:30px;width:260px;height:260px;background:linear-gradient(180deg,#ffffff,#eef2ff);box-shadow:inset 0 0 0 1px rgba(196,181,253,.24)}.iso-box.k-box{top:96px;left:100px;width:120px;height:120px;transform:translateZ(54px);display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#6366f1,#7c3aed);color:#ffffff;font-size:3.15rem;font-weight:700;box-shadow:20px 20px 36px rgba(79,70,229,.2)}.iso-box.execute,.iso-box.live-panel{display:flex;flex-direction:column;justify-content:center;gap:.28rem;padding:.95rem 1.05rem;box-shadow:16px 16px 32px rgba(15,23,42,.14)}.iso-box.execute{top:16px;left:136px;width:230px;min-height:72px;transform:translateZ(110px);background:#111827;color:#ffffff;font-family:var(--font-mono),monospace;font-size:.9rem;border-radius:16px}.iso-box.execute span,.iso-box.live-panel span{font-family:var(--font-sans),sans-serif;font-size:.72rem;letter-spacing:.08em;text-transform:uppercase}.iso-box.execute span{color:#cbd5e1}.iso-box.live-panel{top:208px;left:-12px;width:200px;min-height:70px;transform:translateZ(70px);background:linear-gradient(180deg,#eff6ff,#dbeafe);color:#1d4ed8;font-size:.94rem;font-weight:700}.iso-box.live-panel span{color:#475569}.iso-label{position:absolute;color:#7c3aed;font-size:.78rem;font-weight:700;letter-spacing:.14em}.iso-label.sql1{transform:translateZ(110px) translateX(275px) translateY(22px) rotateX(-62deg) rotate(45deg)}.iso-label.sql2{transform:translateZ(70px) translateX(-70px) translateY(230px) rotateX(-62deg) rotate(45deg)}.new3-section{padding:3.9rem 2rem}.new3-section h2{font-size:clamp(1.9rem,4vw,2.7rem);line-height:1.05;letter-spacing:-.05em;margin-bottom:1.6rem;color:#111827}.new3-section h3{font-size:1.6rem;line-height:1.1;letter-spacing:-.04em;margin-bottom:.95rem;color:#111827}.new3-supporting-copy{margin:0 0 2rem;color:#64748b;line-height:1.65}.features-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.new3-feature-card{padding:1.45rem 1.1rem;border-radius:22px;border:1px solid #edf0f7;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 16px 36px rgba(15,23,42,.04);text-align:center;display:flex;flex-direction:column;align-items:center;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}.new3-feature-card:hover{transform:translateY(-4px);border-color:#dbeafe;box-shadow:0 24px 44px rgba(15,23,42,.08)}.feature-icon{width:54px;height:54px;background:linear-gradient(180deg,#f8fafc,#eef2ff);border-radius:18px;display:flex;align-items:center;justify-content:center;margin-bottom:1rem}.new3-feature-card h4{font-weight:700;margin-bottom:.45rem;color:#111827}.new3-feature-card p{font-size:.9rem;color:#64748b;line-height:1.55}.col-split{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1.5rem}.agent-power-card{display:flex;flex-direction:column;gap:1.8rem;padding:2rem;border-radius:30px;border:1px solid #e6e9f8;background:linear-gradient(180deg,rgba(255,255,255,.92),rgba(248,250,255,.96));box-shadow:0 28px 60px rgba(15,23,42,.06)}.agent-power-copy{max-width:56rem}.agent-power-copy h2{margin:1rem 0 .85rem}.agent-power-points{margin-top:0}.half-card{background:rgba(255,255,255,.9);border:1px solid #edf0f7;border-radius:28px;padding:2rem;box-shadow:0 22px 52px rgba(15,23,42,.05)}.check-list{list-style:none;padding:1.5rem 0 0;margin:0;display:flex;flex-direction:column;gap:.85rem;border-top:1px solid #edf0f7}.check-list li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:#334155}.new3-bottom-cta{padding:4rem 2rem 4.8rem}.cta-box{background:linear-gradient(135deg,#f7f5ff,#eef6ff);border:1px solid #e0e7ff;border-radius:30px;padding:3rem;display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,420px);gap:2rem;align-items:center;box-shadow:0 28px 60px rgba(15,23,42,.06)}.cta-box h2{font-size:clamp(2rem,4vw,3rem);line-height:1.02;letter-spacing:-.05em;margin:0}.cta-terminal{position:relative;background:rgba(255,255,255,.9);border:1px solid rgba(226,232,240,.9);border-radius:20px;box-shadow:0 18px 42px rgba(15,23,42,.08);overflow:hidden}.term-dots{background:#f8fafc;padding:.75rem 1rem;display:flex;gap:.45rem;border-bottom:1px solid #e2e8f0}.term-dots span{width:10px;height:10px;border-radius:50%;background:#d1d5db}.term-body{padding:1.4rem 1.5rem}.term-cursor{display:inline-block;animation:new3-blink .9s steps(1) infinite}.new3-footer{padding:0 2rem 4rem}.trust-logos{display:flex;flex-wrap:wrap;justify-content:center;gap:1.35rem 2.25rem;color:#94a3b8;font-weight:700;font-size:1rem;text-transform:uppercase;letter-spacing:.08em}.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-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{order:3;width:100%;justify-content:center;flex-wrap:wrap}.hero-chip-right{right:18px;top:122px}.hero-chip-bottom,.hero-chip-left{left:20px}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:700px){.new3-bottom-cta,.new3-footer,.new3-hero,.new3-nav,.new3-section{padding-left:1.1rem;padding-right:1.1rem}.new3-nav-actions{width:100%;justify-content:stretch}.new3-nav-actions a{flex:1 1}.new3-hero{padding-top:2.5rem;gap:2rem}.cta-box h2 br,.new3-hero-copy p br,.new3-supporting-copy br{display:none}.hero-scene,.new3-hero-image{min-height:460px}.hero-chip{min-width:auto;padding:.75rem .82rem}.hero-chip-right{top:104px;right:16px;max-width:180px}.hero-stream-one,.hero-stream-three,.hero-stream-two{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,.cta-box,.half-card{padding:1.4rem}}.new3-before-after-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:2rem;width:100%}.new3-flow-card{border-radius:24px;background:#ffffff;border:1px solid #edf0f7;box-shadow:0 22px 55px rgba(15,23,42,.06);padding:1.6rem;display:flex;flex-direction:column;overflow:hidden}.after-card{background:linear-gradient(180deg,#ffffff,#fbfbff);border-color:#e0e7ff}.new3-flow-card-head{font-size:1.1rem;margin-bottom:1.4rem;color:#0f172a}.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{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(220px,1fr);gap:1.5rem;align-items:stretch}.new3-flow-diagram{min-height:360px;flex-direction:column;justify-content:center;gap:.9rem}.new3-flow-diagram,.new3-flow-points{display:flex;align-items:center}.new3-flow-points ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.95rem}.new3-flow-points li{display:flex;align-items:center;gap:.55rem;font-size:.92rem;color:#475569}.node{min-width:min(100%,260px);background:#f8fafc;border:1px solid #e5e7eb;padding:.75rem 1rem;border-radius:16px;font-size:.86rem;text-align:center;color:#374151;display:inline-flex;align-items:center;justify-content:center;gap:.45rem;transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.node small{display:block;margin-top:.35rem;font-size:.72rem;letter-spacing:.02em;opacity:.72}.node.agent{background:#f5eefe;border-color:#dbc5ff;color:#6d28d9}.node.highlight{background:#ecfdf3;border-color:#86efac;color:#15803d;font-weight:700;flex-direction:column}.node.db{background:#eff6ff;border-color:#bfdbfe;color:#2563eb}.node.frontend{background:#f8fafc;border-color:#e2e8f0;color:#475569;flex-direction:column}.node.wide{width:100%}.node.is-current{transform:translateY(-2px) scale(1.03);box-shadow:0 22px 40px rgba(79,70,229,.12)}.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{gap:.6rem;flex-wrap:wrap}.arrows-down,.middle-tier{display:flex;justify-content:center}.arrows-down{gap:1.15rem;height:24px}.arrows-down-single{height:24px}.arrow{width:1px;height:100%;background:linear-gradient(180deg,#cbd5e1,#e2e8f0)}.animated-flow{justify-content:flex-start}.after-flow-stage{position:relative;width:100%;min-height:336px;display:flex;flex-direction:column;align-items:center;gap:.85rem;padding:.25rem 0 .5rem}.after-flow-rail{position:absolute;top:1.4rem;bottom:1.8rem;left:50%;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,rgba(124,58,237,.18),rgba(99,102,241,.65) 50%,rgba(56,189,248,.32))}.after-flow-packet{position:absolute;left:50%;width:18px;height:18px;transform:translate(-50%,-50%);border-radius:999px;background:radial-gradient(circle at 35% 35%,#ffffff 0,#a855f7 35%,#4f46e5 100%);box-shadow:0 0 0 8px rgba(99,102,241,.12),0 0 28px rgba(99,102,241,.32);z-index:2}.arrow-animated{width:2px;height:42px;margin:.05rem 0;background:linear-gradient(180deg,rgba(168,85,247,.15),rgba(139,92,246,.9));position:relative}.arrow-animated:after{content:"";position:absolute;left:50%;bottom:-1px;width:10px;height:10px;border-bottom:2px solid #8b5cf6;border-right:2px solid #8b5cf6;transform:translateX(-50%) rotate(45deg)}.after-flow-caption{display:flex;flex-direction:column;gap:.35rem;width:min(100%,340px);padding:.95rem 1rem;border-radius:16px;background:rgba(99,102,241,.05);border:1px solid rgba(99,102,241,.14);text-align:center;color:#475569}.after-flow-caption strong{color:#111827;font-size:.95rem}.after-flow-caption span{font-size:.86rem;line-height:1.55}.mac-container{display:flex;flex-direction:column;gap:1.25rem}.mac-stage{position:relative;min-height:370px;border-radius:24px;border:1px solid #eceffd;background:linear-gradient(180deg,#fcfcff,#f8fbff);display:grid;grid-template-columns:1.05fr .8fr .7fr;gap:1rem;padding:1.7rem 1.25rem;overflow:hidden}.mac-stage-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.06) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.06) 1px,transparent 0);background-size:24px 24px;opacity:.55}.mac-column{position:relative;z-index:1;display:flex;flex-direction:column;justify-content:center}.mac-agents{gap:1rem;align-items:stretch}.mac-db-column,.mac-node,.mac-output-column{align-items:center}.mac-node{appearance:none;border:1px solid #e9d5ff;background:rgba(250,245,255,.94);color:#6d28d9;border-radius:18px;padding:1rem 1.1rem;display:flex;gap:.75rem;text-align:left;width:100%;min-width:0;box-shadow:0 18px 36px rgba(109,40,217,.08);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease,background-color .22s ease}.mac-node strong{display:block;font-size:.98rem}.mac-node small{display:block;margin-top:.18rem;font-size:.78rem;color:#7c3aed}.mac-node.is-active{transform:translateY(-3px) scale(1.02);border-color:#8b5cf6;box-shadow:0 26px 48px rgba(99,102,241,.16)}.mac-db-node{max-width:250px;background:linear-gradient(180deg,#eff6ff,#dbeafe);border-color:#bfd6ff;color:#2563eb}.mac-db-node small{color:#1d4ed8}.mac-app-node{max-width:220px;background:rgba(255,255,255,.94);border-color:#dbeafe;color:#0f172a}.mac-app-node small{color:#475569}.mac-packet{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:.4rem .62rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.02em;white-space:nowrap;box-shadow:0 16px 30px rgba(15,23,42,.14)}.mac-packet.sql{background:#ede9fe;border:1px solid #c4b5fd;color:#6d28d9}.mac-packet.live{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.mac-footer{gap:.95rem}.mac-footer,.mac-status{display:flex;flex-direction:column}.mac-status{gap:.35rem;padding:1rem 1.05rem;border-radius:18px;background:#f8fafc;border:1px solid #e2e8f0}.mac-status strong{color:#111827;font-size:.96rem}.mac-status span{color:#475569;font-size:.88rem;line-height:1.55}.mac-step-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.mac-step-tab{appearance:none;border:1px solid #e5e7eb;background:#ffffff;color:#475569;border-radius:999px;padding:.65rem .95rem;font-size:.8rem;font-weight:600;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.mac-step-tab.is-active,.mac-step-tab:hover{color:#4f46e5;border-color:#c7d2fe;box-shadow:0 12px 28px rgba(99,102,241,.12);transform:translateY(-1px)}.power-loop-container{display:flex;flex-direction:column;gap:1.15rem}.power-loop-stage{position:relative;min-height:480px;border-radius:28px;border:1px solid #e6e9f8;background:linear-gradient(180deg,#ffffff,#f8fbff);overflow:hidden}.power-loop-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(99,102,241,.05) 1px,transparent 0),linear-gradient(90deg,rgba(99,102,241,.05) 1px,transparent 0);background-size:28px 28px;opacity:.7}.power-loop-line{position:absolute;z-index:0;background:linear-gradient(180deg,rgba(99,102,241,.14),rgba(99,102,241,.26))}.power-loop-line-agent-spine{left:18%;top:18%;width:2px;height:48%;transform:translateX(-50%)}.power-loop-line-agent-bridge{left:18%;top:42%;width:32%;height:2px}.power-loop-line-right-bridge{left:50%;top:42%;width:32%;height:2px}.power-loop-line-right-spine{left:82%;top:22%;width:2px;height:44%;transform:translateX(-50%)}.power-node{position:absolute;z-index:1;width:clamp(118px,17vw,164px);transform:translate(-50%,-50%);padding:.95rem 1rem;border-radius:20px;border:1px solid #e5e7eb;background:rgba(255,255,255,.94);box-shadow:0 18px 34px rgba(15,23,42,.08);display:flex;align-items:center;gap:.72rem;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.power-node.is-active{transform:translate(-50%,-50%) scale(1.03);box-shadow:0 26px 48px rgba(79,70,229,.16)}.power-node strong{display:block;font-size:.95rem;color:#111827}.power-node small{display:block;margin-top:.18rem;font-size:.76rem;color:#64748b}.power-node-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;border-radius:999px;flex-shrink:0}.power-node-agent{border-color:#dbc5ff;background:rgba(250,245,255,.96);color:#6d28d9}.power-node-agent .power-node-icon{background:#f3e8ff}.power-node-db{width:clamp(168px,22vw,220px);border-color:#bfd6ff;background:linear-gradient(180deg,#eff6ff,#dbeafe);color:#2563eb}.power-node-db .power-node-icon{background:rgba(255,255,255,.74)}.power-node-human{border-color:#bbf7d0;background:#f0fdf4;color:#15803d}.power-node-human .power-node-icon{background:#dcfce7}.power-node-app{border-color:#dbeafe;background:rgba(255,255,255,.96);color:#1d4ed8}.power-node-app .power-node-icon{background:#eff6ff}.power-node-agent.is-active{border-color:#8b5cf6}.power-node-app.is-active,.power-node-db.is-active{border-color:#60a5fa}.power-node-human.is-active{border-color:#22c55e}.power-packet{position:absolute;z-index:2;transform:translate(-50%,-50%);padding:.42rem .68rem;border-radius:999px;font-size:.72rem;font-weight:700;letter-spacing:.03em;white-space:nowrap;box-shadow:0 16px 30px rgba(15,23,42,.14)}.power-packet.sql{background:#ede9fe;border:1px solid #c4b5fd;color:#6d28d9}.power-packet.live{background:#dbeafe;border:1px solid #93c5fd;color:#1d4ed8}.power-packet.approval{background:#dcfce7;border:1px solid #86efac;color:#15803d}.power-loop-footer{display:flex;flex-direction:column;gap:.95rem}.power-loop-chips{display:flex;flex-wrap:wrap;gap:.75rem}.power-loop-chip{display:inline-flex;align-items:center;padding:.55rem .8rem;border-radius:999px;background:#ffffff;border:1px solid #e5e7eb;color:#64748b;font-size:.76rem;font-weight:700;letter-spacing:.04em}.power-loop-chip.is-active{color:#4f46e5;border-color:#c7d2fe;box-shadow:0 12px 26px rgba(99,102,241,.12)}.power-loop-status{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;border-radius:20px;border:1px solid #e2e8f0;background:#f8fafc}.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;background:#eef2ff;color:#4338ca;padding:.75rem .85rem;border-radius:14px;font-size:.78rem;overflow-wrap:anywhere}.power-loop-tabs{display:flex;flex-wrap:wrap;gap:.75rem}.power-loop-tab{appearance:none;border:1px solid #e5e7eb;background:#ffffff;color:#475569;border-radius:999px;padding:.65rem .95rem;font-size:.8rem;font-weight:600;transition:transform .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease}.power-loop-tab.is-active,.power-loop-tab:hover{color:#4f46e5;border-color:#c7d2fe;box-shadow:0 12px 28px rgba(99,102,241,.12);transform:translateY(-1px)}.hil-container{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);gap:1.5rem;align-items:start}.hil-table{background:#f8fafc;border:1px solid #e5e7eb;border-radius:18px;overflow:hidden;font-size:.85rem;font-family:var(--font-mono),monospace}.hil-row,.hil-table-head{display:grid;grid-template-columns:.55fr 1fr 1fr 1fr;gap:.5rem;align-items:center;padding:.85rem .8rem}.hil-table-head{color:#64748b;background:#f1f5f9;border-bottom:1px solid #e2e8f0}.hil-table-body{display:flex;flex-direction:column}.hil-row{position:relative;color:#334155;border-bottom:1px solid #e5e7eb;overflow:hidden}.hil-row:last-child{border-bottom:0}.hil-row>span{position:relative;z-index:1}.hil-row-highlight{position:absolute;inset:.35rem .4rem;border-radius:14px;background:linear-gradient(90deg,rgba(237,233,254,.7),rgba(219,234,254,.62));border:1px solid rgba(129,140,248,.28);box-shadow:inset 0 1px 0 rgba(255,255,255,.8)}.hil-status{display:inline-flex;align-items:center;justify-content:center;padding:.26rem .6rem;border-radius:999px;font-size:.68rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.hil-status-violet{background:#f3e8ff;color:#7e22ce}.hil-status-blue{background:#dbeafe;color:#1d4ed8}.hil-status-green{background:#dcfce7;color:#15803d}.hil-status-slate{background:#e2e8f0;color:#475569}.hil-timeline{position:relative;display:flex;flex-direction:column;gap:1rem}.hil-rail{position:absolute;left:18px;top:.5rem;bottom:.5rem;width:2px;background:linear-gradient(180deg,rgba(168,85,247,.3),rgba(99,102,241,.3))}.hil-step{z-index:1;gap:1rem;padding:0;border:0;background:transparent;text-align:left;cursor:pointer}.hil-icon,.hil-step{position:relative;display:flex}.hil-icon{width:38px;height:38px;border-radius:999px;background:#ffffff;border:1px solid #dbc5ff;color:#6d28d9;align-items:center;justify-content:center;flex-shrink:0;box-shadow:0 10px 24px rgba(99,102,241,.08)}.hil-icon svg{position:relative;z-index:1}.hil-icon-glow{position:absolute;inset:-4px;border-radius:inherit;background:rgba(139,92,246,.18)}.hil-content{display:flex;flex-direction:column;gap:.45rem;padding:1rem 1.05rem;border-radius:18px;border:1px solid #e5e7eb;background:#ffffff;box-shadow:0 18px 32px rgba(15,23,42,.05);transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background-color .22s ease}.hil-step.is-active .hil-content{transform:translateY(-2px);border-color:#c4b5fd;background:linear-gradient(180deg,#ffffff,#faf7ff);box-shadow:0 24px 40px rgba(99,102,241,.1)}.hil-content strong{font-size:.95rem;color:#111827}.hil-content span{font-size:.87rem;color:#64748b;line-height:1.5}.hil-content code{font-family:var(--font-mono),monospace;background:#f1f5f9;padding:.7rem .8rem;border-radius:12px;font-size:.78rem;color:#475569;line-height:1.5;white-space:normal;overflow-wrap:anywhere}@media (max-width:1100px){.hil-container,.mac-stage,.new3-before-after-grid,.new3-flow-content{grid-template-columns:1fr}.mac-stage{min-height:auto;gap:1.25rem}.mac-db-column,.mac-output-column{align-items:stretch}.mac-app-node,.mac-db-node,.mac-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}.hil-content,.mac-stage,.new3-flow-card{border-radius:20px}.new3-flow-diagram{min-height:auto}.after-flow-stage{min-height:316px}.middle-tier{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));width:100%}.node,.node.wide{min-width:100%;width:100%}.hil-row,.hil-table-head{grid-template-columns:.55fr 1fr}.hil-row span:nth-child(3),.hil-row span:nth-child(4),.hil-table-head span:nth-child(3),.hil-table-head span:nth-child(4){display:none}.mac-step-tab{width:100%}.power-loop-stage{min-height:540px}.power-loop-line-agent-bridge,.power-loop-line-agent-spine,.power-loop-line-right-bridge,.power-loop-line-right-spine,.power-packet{display:none}.power-loop-chip,.power-loop-tab{width:100%;justify-content:center}}