@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@500;600;700;800&family=Source+Sans+3:wght@400;500;600;700&family=JetBrains+Mono:wght@500;600&display=swap";:root{--bg: #0b0f14;--panel: #121922;--line: rgba(124, 138, 154, .22);--text: #eaf2ff;--muted: #9db0c8;--gold: #d4af37;--blue: #00d1ff;--font-heading: "Plus Jakarta Sans", "Segoe UI", sans-serif;--font-body: "Source Sans 3", "Segoe UI", sans-serif;--font-mono: "JetBrains Mono", "SFMono-Regular", Consolas, monospace;font-family:var(--font-body);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}#root{min-height:100vh}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid rgba(0,209,255,.85);outline-offset:2px}h1,h2,h3{font-family:var(--font-heading);letter-spacing:.005em;font-weight:700}body,button,input,select,textarea{font-family:var(--font-body);letter-spacing:.001em}.data-table th,.data-table td,.metric-strip strong,.panel h2{font-variant-numeric:tabular-nums}.data-table td:nth-child(1),.data-table td:nth-child(4),.data-table td:nth-child(5),.data-table td:nth-child(6),.data-table td:nth-child(7){font-family:var(--font-mono);font-size:.82rem}.public-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.site-header{position:sticky;top:0;z-index:30;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line);background:#121922e6;-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px)}.site-brand{display:flex;align-items:center;gap:10px}.site-brand img{width:36px;height:36px}.site-brand p{margin:0;font-weight:700}.site-brand span{color:var(--muted);font-size:.8rem}.site-nav{display:flex;flex-wrap:wrap;gap:8px}.site-nav a{color:var(--muted);padding:8px 10px;border-radius:8px}.site-nav a.active,.site-nav a:hover{color:var(--text);background:#00d1ff29}.cta-link{color:#0b0f14;background:linear-gradient(100deg,var(--gold),var(--blue));font-weight:700;border-radius:8px;padding:10px 14px}.cta-group{display:inline-flex;align-items:center;gap:8px}.hero-section,.content-section{width:min(1220px,100%);margin:0 auto;padding:34px 22px}.home-dense{width:min(1220px,100%);margin:0 auto;padding:0 22px 34px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-mini-grid{margin-top:10px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.home-mini{border:1px solid var(--line);border-radius:8px;background:#0f1620b8;padding:10px;display:grid;gap:3px}.home-mini svg{color:var(--blue)}.home-mini span{color:var(--muted);font-size:.78rem}.home-mini strong{font-size:.9rem}.home-actions{margin-top:10px;display:grid;gap:8px}.fact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.fact-card{border:1px solid var(--line);border-radius:8px;background:#0f1620b8;padding:10px;display:grid;gap:4px}.fact-card span{color:var(--muted);font-size:.78rem}.fact-card strong{font-size:.92rem;line-height:1.3}.hero-section{display:grid;grid-template-columns:1.05fr .95fr;gap:18px;align-items:stretch}.eyebrow{margin:0;color:var(--gold);font-weight:700;font-size:.86rem}.hero-copy h1{margin:8px 0 12px;line-height:1.2;font-size:2.8rem}.hero-copy p{margin:0;color:var(--muted);line-height:1.65}.hero-actions{margin-top:18px;display:flex;gap:10px;flex-wrap:wrap}.solid-btn,.ghost-btn{border-radius:8px;padding:10px 14px;font-weight:700}.solid-btn{color:#0b0f14;background:linear-gradient(100deg,var(--gold),var(--blue))}.ghost-btn{border:1px solid var(--line);color:var(--text)}.metric-strip{margin-top:18px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.metric-strip div{border:1px solid var(--line);border-radius:8px;background:#121922c7;padding:10px}.metric-strip strong{display:block;font-size:1.2rem}.metric-strip span{color:var(--muted);font-size:.8rem}.hero-visual{position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.hero-visual img{width:100%;height:100%;object-fit:cover;min-height:360px}.hero-visual .ai-motion{min-height:360px}.ai-motion{width:100%;min-height:360px;height:100%;display:block}.ai-motion.compact{min-height:190px;height:190px}.ai-grid path{stroke:#9db0c824;stroke-width:1}.ai-links path{fill:none;stroke:url(#lineGrad);stroke-width:2.3;stroke-linecap:round;stroke-dasharray:8 10;animation:aiFlow 12s linear infinite}.variant-ops .ai-links path{animation-duration:10s}.variant-network .ai-links path{stroke:#5dd4ff;stroke-dasharray:5 12;animation-duration:14s}.variant-collab .ai-links path{stroke:#7be7d3;stroke-width:2;stroke-dasharray:9 9;animation-duration:16s}.variant-finance .ai-links path{stroke:#d4af37;stroke-dasharray:4 8;animation-duration:9s}.fin-bars rect{fill:#8fd3ff33;stroke:#8fd3ff80;animation:finBarPulse 3.6s ease-in-out infinite}.fin-line{fill:none;stroke:url(#finGrad);stroke-width:5;stroke-linecap:round;stroke-dasharray:10 12;animation:aiFlow 10s linear infinite}.col-links path{fill:none;stroke:#7be7d38c;stroke-width:2.2;stroke-dasharray:7 8;animation:aiFlow 12s linear infinite}.col-nodes circle{fill:#89f0de;animation:aiPulse 2.8s ease-in-out infinite}.net-ring{fill:none;stroke:#67e1ff59;stroke-width:1.8}.net-ring.r1{animation:netPulse 3.8s ease-in-out infinite}.net-ring.r2{animation:netPulse 4.6s ease-in-out infinite .2s}.net-ring.r3{animation:netPulse 5.2s ease-in-out infinite .4s}.net-radials path{stroke:#67e1ff80;stroke-width:2;animation:aiFlow 11s linear infinite}.net-core{fill:#67e1ff;filter:drop-shadow(0 0 14px rgba(103,225,255,.62))}.variant-governance .ai-links path{stroke:#93c4ff;stroke-width:2.4;stroke-dasharray:7 10;animation-duration:12s}.ai-node{fill:#00d1ff;filter:drop-shadow(0 0 12px rgba(0,209,255,.65))}.variant-network .ai-node{fill:#67e1ff;filter:drop-shadow(0 0 10px rgba(103,225,255,.5))}.variant-collab .ai-node{fill:#89f0de;filter:drop-shadow(0 0 10px rgba(137,240,222,.45))}.variant-finance .ai-node{fill:#e6c35c;filter:drop-shadow(0 0 10px rgba(230,195,92,.46))}.variant-governance .ai-node{fill:#a7c6ff;filter:drop-shadow(0 0 10px rgba(167,198,255,.42))}.node-1{animation:aiPulse 2.8s ease-in-out infinite}.node-2{animation:aiPulse 3.2s ease-in-out infinite .2s}.node-3{animation:aiPulse 2.6s ease-in-out infinite .45s}.node-4{animation:aiPulse 3.1s ease-in-out infinite .15s}.node-5{animation:aiPulse 2.9s ease-in-out infinite .5s}.node-6{animation:aiPulse 3.3s ease-in-out infinite .3s}.node-7{animation:aiPulse 2.7s ease-in-out infinite .7s}.hero-badge{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:8px;border-radius:8px;border:1px solid rgba(0,209,255,.35);background:#0b0f14c7;padding:8px 10px;color:#bdeeff;font-size:.82rem}.content-section h2{margin:0 0 8px;font-size:2rem}.content-section>p{margin:0 0 16px;color:var(--muted);line-height:1.65}.content-section li{line-height:1.7}.grid-two,.grid-three{display:grid;gap:12px}.grid-two{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-three{grid-template-columns:repeat(3,minmax(0,1fr))}.content-card,.panel{border:1px solid var(--line);border-radius:8px;background:#121922cc;padding:16px;transition:border-color .2s ease,box-shadow .2s ease}.content-card:hover,.panel:hover{border-color:#00d1ff47;box-shadow:0 8px 22px #0003}.content-card p{margin:0;color:var(--muted);line-height:1.65}.content-card ul{margin:0;padding-left:18px;color:var(--muted);line-height:1.65}.card-head{display:flex;align-items:center;gap:8px;margin-bottom:10px}.card-head h3{margin:0;font-size:1.02rem}.inline-link{margin-top:10px;display:inline-flex;align-items:center;gap:6px;color:var(--blue);font-weight:700}.article-tag{margin-top:10px;display:inline-block;border:1px solid rgba(212,175,55,.5);border-radius:999px;color:var(--gold);font-size:.75rem;padding:5px 10px}.feature-article{margin-top:12px;display:grid;grid-template-columns:1fr 1fr;gap:12px;border:1px solid var(--line);border-radius:8px;background:#121922cc;overflow:hidden}.feature-article img,.feature-article .ai-motion{width:100%;height:100%;min-height:270px;object-fit:cover}.feature-article>div{padding:16px}.feature-article h3{margin:0 0 8px}.feature-article p,.feature-article ul{margin:0;color:var(--muted);line-height:1.65}.feature-article ul{padding-left:18px;margin-top:8px}.auth-screen{min-height:100vh;display:grid;place-items:center;padding:22px}.auth-card{width:min(430px,100%);border:1px solid var(--line);border-radius:10px;background:#121922e6;padding:24px;display:grid;gap:12px}.auth-logo{width:52px;height:52px}.auth-card h1{margin:0}.auth-card p{margin:-4px 0 8px;color:var(--muted)}.auth-card label{display:grid;gap:6px;color:var(--muted);font-size:.88rem}.auth-card input{border:1px solid var(--line);border-radius:8px;background:#0f1620;color:var(--text);padding:10px}.auth-card select{border:1px solid rgba(255,255,255,.16);border-radius:8px;background-color:#0f1620;background-image:linear-gradient(180deg,#ffffff0d,#ffffff03),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%239fe7ff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right 10px center;background-size:auto,16px;color:var(--text);padding:10px 38px 10px 10px;font-family:inherit;font-size:.92rem;line-height:1.2;cursor:pointer;-moz-appearance:none;appearance:none;-webkit-appearance:none;transition:border-color .2s ease,box-shadow .2s ease,background-color .2s ease}.auth-card input:focus,.auth-card select:focus{outline:none;border-color:#00d1ff8c;box-shadow:0 0 0 3px #00d1ff24}.auth-card select:hover{border-color:#00d1ff59}.login-btn{border:0;border-radius:8px;color:#0b0f14;background:linear-gradient(100deg,var(--gold),var(--blue));font-weight:700;padding:10px 12px;cursor:pointer}.login-btn:disabled{opacity:.7}.login-links{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;color:var(--muted);font-size:.84rem}.back-link{text-align:center;color:var(--blue);font-size:.85rem}.contact-form{display:grid;gap:10px}.contact-form h3{margin:0 0 4px}.contact-form label{display:grid;gap:6px;color:var(--muted);font-size:.86rem}.contact-form label:has(input[type=checkbox]){display:flex;align-items:center;gap:8px}.contact-form input,.contact-form textarea,.contact-form select{border:1px solid var(--line);border-radius:8px;background:#0f1620;color:var(--text);padding:10px;font-family:inherit}.contact-form textarea{resize:vertical}.field-error{color:#ffb3b3;font-size:.8rem;margin-top:-4px}.error-box{border:1px solid rgba(255,107,107,.42);border-radius:8px;color:#ff6b6b;padding:8px 10px;font-size:.86rem;background:#ff6b6b14}.success-box{border:1px solid rgba(32,201,151,.4);border-radius:8px;color:#20c997;padding:8px 10px;font-size:.86rem;background:#20c9971a}.oauth-block{margin-top:2px;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0f1620b3;padding:10px;display:grid;gap:8px}.oauth-title{margin:0;color:var(--muted);font-size:.8rem;text-align:center}.oauth-mount{display:flex;justify-content:center;min-height:42px}.oauth-status{margin:0;border:1px solid rgba(0,209,255,.35);border-radius:8px;background:#00d1ff14;color:#9fe7ff;padding:7px 9px;font-size:.8rem;text-align:center}.mt-14{margin-top:14px}.article-long h3{margin:12px 0 8px}.app-shell{min-height:100vh;display:grid;grid-template-columns:270px 1fr}.side-nav{border-right:1px solid var(--line);background:#121922e6;padding:20px;display:flex;flex-direction:column;justify-content:flex-start;gap:10px;position:sticky;top:0;height:100vh;overflow:auto}.brand-block{display:flex;align-items:center;gap:10px;text-decoration:none;cursor:pointer;position:relative;z-index:2}.brand-mark{width:42px;height:42px}.brand-name{margin:0;font-weight:700}.brand-tag{margin:2px 0 0;color:var(--muted);font-size:.8rem}.menu-group{margin-top:4px;display:grid;gap:8px;align-content:start}.mobile-quick-nav{display:none}.menu-title{margin:0 0 6px;color:var(--muted);font-size:.76rem;text-transform:uppercase;letter-spacing:.04em}.menu-item{border:1px solid var(--line);background:transparent;color:var(--text);border-radius:8px;text-align:left;padding:10px 12px;display:inline-flex;align-items:center;gap:8px;cursor:pointer;width:100%}.menu-item:disabled{opacity:.6;cursor:not-allowed}.menu-copy{display:grid;gap:2px}.menu-label{font-size:.9rem;line-height:1.2}.menu-hint{color:var(--muted);font-size:.74rem;line-height:1.2}.menu-item:hover,.menu-item.active{border-color:#00d1ff99;box-shadow:0 0 14px #00d1ff1f}.menu-item.btn-info{border-color:#00d1ff73;background:#00d1ff24;color:#bff4ff}.menu-item.btn-info:hover{border-color:#00d1ffb3;background:#00d1ff33}.menu-item.btn-danger{border-color:#ff6b6b73;background:#ff6b6b24;color:#ffd5d5}.menu-item.btn-danger:hover{border-color:#ff6b6bb3;background:#ff6b6b33}.workspace{padding:24px;width:min(1400px,100%);margin:0 auto}.top-bar{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.top-bar h1{margin:0;font-size:1.74rem}.top-bar p{margin:6px 0 0;color:var(--muted)}.top-user{display:grid;justify-items:end;gap:8px}.role-badge{border:1px solid rgba(212,175,55,.5);border-radius:999px;color:var(--gold);font-size:.78rem;padding:5px 10px}.kpi-grid{margin-top:16px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.panel-label{margin:0;color:var(--muted);font-size:.78rem}.panel h2{margin:8px 0 0;font-size:1.3rem}.panel-hint{margin:0;color:var(--muted);line-height:1.65}.toast-stack{position:sticky;top:10px;z-index:45;display:grid;gap:8px;margin-top:10px}.toast{border-radius:10px;border:1px solid var(--line);padding:10px 12px;display:flex;align-items:center;justify-content:space-between;gap:10px}.toast-error{border-color:#ff638473;background:#ff63841f;color:#ffd3dd}.toast-success{border-color:#00d1ff73;background:#00d1ff1f;color:#aeeeff}.toast-close{border:1px solid currentColor;background:transparent;color:inherit;border-radius:8px;font-size:.76rem;padding:4px 8px;cursor:pointer}.sticky-actions{position:sticky;bottom:10px;z-index:20;display:flex;flex-wrap:wrap;gap:8px;padding:10px;border-radius:10px;border:1px solid var(--line);background:#0b0f14eb;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.sync-badge{margin:0;border-radius:8px;padding:8px 10px;font-size:.8rem;border:1px solid var(--line)}.sync-badge.ok{color:#9fe7ff;border-color:#00d1ff59;background:#00d1ff14}.sync-badge.warn{color:#ffd7a3;border-color:#ff9f4373;background:#ff9f431f}.panel-trend{margin:6px 0 0;font-size:.78rem}.panel-trend.up{color:#20c997}.panel-trend.down{color:#ff9f43}.panel-list{margin:10px 0 0;padding-left:18px;color:var(--muted);line-height:1.65}.panel-list.compact{margin-top:2px}.chip-input input{width:100%}.chip-list{display:flex;flex-wrap:wrap;gap:6px}.finance-mode-switch{display:grid;grid-template-columns:1fr 1fr;gap:8px}.finance-mode-switch.four{grid-template-columns:1fr 1fr}.finance-mode-btn{border:1px solid var(--line);border-radius:10px;background:#121922eb;color:var(--text);padding:10px 12px;font-weight:700;cursor:pointer;text-align:center}.finance-mode-btn.active{border-color:#00d1ffb3;background:#00d1ff29;box-shadow:0 0 0 1px #00d1ff59 inset}.finance-mode-btn.danger{border-color:#ff6b6b80;background:#ff6b6b1f;color:#ffd5d5}.finance-mode-btn.danger:hover{border-color:#ff6b6bb8;background:#ff6b6b33}.mode-active-note{margin:2px 0 0;font-size:.8rem;color:#9fe7ff}.chip{border:1px solid var(--line);border-radius:999px;background:#121922e6;color:var(--text);padding:6px 10px;font-size:.78rem;cursor:pointer;display:inline-flex;align-items:center;gap:6px}.chip.active{border-color:#00d1ff99;box-shadow:0 0 14px #00d1ff1f}.chip input[type=checkbox]{margin:0;accent-color:var(--blue)}.chip:disabled{opacity:.55;cursor:not-allowed}.kv-row{border:1px solid var(--line);border-radius:8px;padding:10px;display:flex;justify-content:space-between;gap:10px;align-items:center;background:#0f1620b8}.kv-row span{color:var(--muted);font-size:.82rem}.kv-row strong{max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.metric-strip.mini{margin-top:6px}.metric-strip.mini strong{font-size:1rem}.table-wrap{overflow-x:auto;margin-top:10px}.data-table{width:100%;border-collapse:collapse;min-width:520px}.data-table th,.data-table td{border-bottom:1px solid var(--line);padding:10px 8px;text-align:left}.data-table th{color:var(--muted);font-size:.8rem}.cta-panel{margin-top:14px;border:1px solid rgba(0,209,255,.28);border-radius:8px;background:linear-gradient(180deg,#0f1823eb,#0c131eeb);padding:16px}.cta-panel h3{margin:0 0 6px}.cta-panel p{margin:0;color:var(--muted);line-height:1.65}.cta-panel-actions{margin-top:10px;display:flex;gap:10px;flex-wrap:wrap}.layout-two{margin-top:10px;display:grid;grid-template-columns:1.12fr 1fr;gap:10px}.stack-panels{margin-top:10px;display:grid;grid-template-columns:1fr;gap:10px}.panel-head{display:flex;justify-content:space-between;align-items:center}.panel-head h3{margin:0}.panel-head span{color:var(--muted);font-size:.82rem}.token-summary-head{gap:10px;flex-wrap:wrap}.token-summary-head .menu-item{width:auto;min-width:210px}.token-summary-table{min-width:980px}.token-summary-table th,.token-summary-table td{white-space:nowrap}.token-summary-table td[data-label="Untuk Keperluan"],.token-summary-table td[data-label="Dikirim Ke"]{white-space:normal;min-width:210px}.bars{margin-top:12px;height:176px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:stretch;gap:10px}.ops-visual{margin-top:10px;position:relative;border:1px solid var(--line);border-radius:8px;overflow:hidden}.ops-visual img{width:100%;height:190px;object-fit:cover;display:block}.ops-visual .ai-motion{min-height:190px;height:190px}.ops-visual .agent-live-motion{width:100%;height:190px;display:block}.agent-live-node{fill:#7de8ff;stroke:#0b0f14e6;stroke-width:1.2;filter:drop-shadow(0 0 8px rgba(0,209,255,.35));animation:agentLivePulse 2.2s ease-in-out infinite}.ops-badge{position:absolute;left:10px;bottom:10px;display:inline-flex;gap:6px;align-items:center;border:1px solid rgba(0,209,255,.45);border-radius:8px;background:#0b0f14c7;color:#bdeeff;font-size:.78rem;padding:6px 8px}.partner-live-board{margin-top:10px;border:1px solid var(--line);border-radius:8px;background:linear-gradient(180deg,#0d1420f2,#0a101af2);padding:10px}.partner-live-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:10px}.partner-live-list{display:grid;gap:8px}.pixel-office{position:relative;height:172px;border:1px solid rgba(125,232,255,.22);border-radius:8px;background:#0f1a29;overflow:hidden;margin-bottom:10px}.pixel-canvas-office{width:100%;height:172px;border:1px solid rgba(125,232,255,.22);border-radius:8px;display:block;image-rendering:pixelated;background:#101a2a;margin-bottom:10px}.pixel-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.05) 1px,transparent 1px);background-size:14px 14px;image-rendering:pixelated;opacity:.9}.pixel-desks .desk{position:absolute;width:34px;height:20px;border:2px solid #3a5470;background:#22364b}.pixel-desks .d1{left:70px;top:34px}.pixel-desks .d2{left:280px;top:34px}.pixel-desks .d3{left:490px;top:34px}.pixel-desks .d4{left:70px;top:112px}.pixel-desks .d5{left:280px;top:112px}.pixel-desks .d6{left:490px;top:112px}.px-agent{position:absolute;top:50px;width:58px;height:44px;animation:pxWalk 1.1s steps(2,end) infinite}.px-agent.lane-1{top:78px}.px-agent.lane-2{top:106px}.px-body{position:absolute;left:0;top:0;width:16px;height:32px;background-repeat:no-repeat;background-size:112px 96px;image-rendering:pixelated;animation:pxSpriteWalk .55s steps(3,end) infinite}.px-shadow{position:absolute;left:0;top:30px;width:16px;height:6px;background:#00000040}.px-label{position:absolute;left:20px;top:5px;color:#c6f2ff;font-size:10px;background:#0b0f14bf;border:1px solid rgba(125,232,255,.35);border-radius:4px;padding:1px 5px;white-space:nowrap}.pixel-empty{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:.84rem}.partner-live-item{border:1px solid rgba(125,232,255,.18);border-radius:8px;background:#0f1926b8;padding:8px;animation:liveCardFloat 2.4s ease-in-out infinite}.partner-live-item:nth-child(2){animation-delay:.2s}.partner-live-item:nth-child(3){animation-delay:.35s}.partner-live-item:nth-child(4){animation-delay:.5s}.partner-live-item:nth-child(5){animation-delay:.65s}.partner-live-title{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:.85rem}.partner-live-title strong{display:inline-flex;align-items:center;gap:7px}.live-dot{width:8px;height:8px;border-radius:999px;background:#35ff9a;box-shadow:0 0 #35ff9abf;animation:liveDotPulse 1.15s ease-out infinite}.partner-live-title span{color:var(--muted);font-size:.76rem}.partner-live-metrics{margin-top:6px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;color:#bdeeff;font-size:.74rem}.partner-live-track{margin-top:8px;height:7px;border-radius:999px;background:#ffffff14;overflow:hidden}.partner-live-fill{position:relative;height:100%;border-radius:999px;background:linear-gradient(90deg,#00d1ff,#7de8ff,#d4af37);animation:partnerLiveFlow 1.6s linear infinite}.partner-live-fill:after{content:"";position:absolute;top:0;left:-22%;width:22%;height:100%;background:linear-gradient(90deg,#fff0,#ffffff94,#fff0);animation:partnerLiveShimmer 1.1s linear infinite}.partner-live-empty{border:1px dashed rgba(157,176,200,.3);border-radius:8px;padding:10px;color:var(--muted);font-size:.84rem}.bar-wrap{height:100%;display:flex;align-items:end;justify-content:center;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:#0f1620b8;padding:3px}.bar{width:min(12px,100%);border-radius:999px;background:linear-gradient(180deg,#7de8ff,#00d1ff 45%,#36b37e);box-shadow:0 8px 16px #00d1ff33}.trend-chart{margin-top:12px;width:100%;height:176px;display:block;border:1px solid rgba(255,255,255,.09);border-radius:8px;background:#0f1620b8}.trend-line{fill:none;stroke:#00d1ff;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.trend-dot{fill:#7de8ff;stroke:#0b0f14eb;stroke-width:1}.site-footer{border-top:1px solid var(--line);color:var(--muted);text-align:center;padding:14px}@keyframes aiFlow{0%{stroke-dashoffset:0}to{stroke-dashoffset:-240}}@keyframes aiPulse{0%,to{opacity:.58;transform:scale(1);transform-origin:center}50%{opacity:1;transform:scale(1.22);transform-origin:center}}@keyframes finBarPulse{0%,to{opacity:.5}50%{opacity:1}}@keyframes netPulse{0%,to{opacity:.4;transform:scale(1);transform-origin:center}50%{opacity:.9;transform:scale(1.03);transform-origin:center}}@keyframes agentLivePulse{0%,to{opacity:.55;transform:scale(1);transform-origin:center}50%{opacity:1;transform:scale(1.18);transform-origin:center}}@keyframes partnerLiveFlow{0%{filter:hue-rotate(0deg)}to{filter:hue-rotate(25deg)}}@keyframes partnerLiveShimmer{0%{left:-26%}to{left:104%}}@keyframes liveDotPulse{0%{box-shadow:0 0 #35ff9acc;opacity:1}to{box-shadow:0 0 0 12px #35ff9a00;opacity:.65}}@keyframes liveCardFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-2px)}}@keyframes pxWalk{0%{transform:translate(0)}50%{transform:translate(8px)}to{transform:translate(0)}}@keyframes pxSpriteWalk{0%{background-position:0 0}to{background-position:-48px 0}}@media (max-width: 1120px){.hero-copy h1{font-size:2.3rem}.content-section h2{font-size:1.75rem}.hero-section,.feature-article,.grid-three,.grid-two{grid-template-columns:1fr}.fact-grid{grid-template-columns:1fr 1fr}.home-dense,.home-mini-grid,.metric-strip,.app-shell{grid-template-columns:1fr}.side-nav{border-right:0;border-bottom:1px solid var(--line);position:static;height:auto;overflow:visible}.side-nav .menu-group{display:none}.mobile-quick-nav{display:flex;gap:6px;overflow-x:auto;padding-bottom:2px}.kpi-grid,.layout-two{grid-template-columns:1fr}.token-summary-head .menu-item{width:100%;min-width:0}.top-bar{flex-direction:column}.site-header{flex-wrap:wrap;gap:10px}.site-nav{width:100%;overflow-x:auto;white-space:nowrap}.site-nav a{display:inline-block}}@media (max-width: 640px){.hero-copy h1{font-size:1.9rem}.content-section h2{font-size:1.45rem}.fact-grid{grid-template-columns:1fr}.workspace{padding:14px}.menu-item{padding:11px 12px}.top-bar h1{font-size:1.36rem}.kpi-grid{gap:8px}.content-card,.panel{padding:12px}.content-section>p,.content-card p,.content-card li,.panel-hint,.panel-list li{font-size:.95rem}.finance-mode-switch,.finance-mode-switch.four{grid-template-columns:1fr}.finance-mode-btn{padding:11px 12px}.mode-active-note{font-size:.78rem}.toast-stack{top:8px;gap:6px}.toast{padding:9px 10px;font-size:.86rem}.sticky-actions{position:static;padding:8px}.sticky-actions .menu-item,.sticky-actions .login-btn{width:100%;justify-content:center}.table-wrap{position:relative;margin-top:8px;border-radius:8px}.table-wrap:after{content:"Geser tabel ke samping untuk melihat kolom lainnya";display:block;margin-top:6px;color:var(--muted);font-size:.76rem}.data-table{min-width:560px;font-size:.82rem}.data-table th,.data-table td{padding:8px 6px;white-space:nowrap}.data-table.mobile-cards{min-width:100%;border-collapse:separate;border-spacing:0 8px}.data-table.mobile-cards thead{display:none}.data-table.mobile-cards tbody tr{display:block;border:1px solid var(--line);border-radius:10px;background:#0f1620b8;padding:6px 8px}.data-table.mobile-cards td{display:grid;grid-template-columns:110px 1fr;gap:8px;align-items:start;border-bottom:0;padding:6px 0;white-space:normal}.data-table.mobile-cards td:before{content:attr(data-label);color:var(--muted);font-size:.74rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.data-table.mobile-cards td[data-label=Pilih]{grid-template-columns:1fr;padding-top:2px;padding-bottom:2px}.data-table.mobile-cards td[data-label=Pilih]:before{content:"";display:none}.table-wrap:has(.data-table.mobile-cards):after{content:"";display:none}}