/* AI RESOURCE CLOUD • VISUAL SYSTEM 1.4
   Original MIT-inspired design tokens. Apple-esque restraint, not Apple trademarks.
   Composable glass surfaces / spring feedback / WebGL constellation.
*/
:root{
 --bg:#060a11;--side:#090e18;--panel:#101722;--raised:#182231;
 --stroke:rgba(177,207,255,.105);--white:#f1f6ff;--muted:#8798b2;
 --blue:#8bc8ff;--violet:#aeb3ff;--green:#69dbb6;--red:#ff949d;--amber:#edc18d;
 --glass-bg:rgba(20,32,49,.72);--glass-border:rgba(192,217,255,.11);
 --glass-shadow:0 20px 90px #0006,inset 0 1px rgba(255,255,255,.07);
 --radius:20px;--shadow:0 15px 60px #0005;
 font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display",Inter,"Segoe UI","PingFang SC","Microsoft Yahei",sans-serif;
}
html{scroll-behavior:smooth}body{background:#060a11;background-image:radial-gradient(ellipse 900px 550px at 66% -16%,#1729494d,transparent),radial-gradient(ellipse 680px 480px at 101% 80%,#2027442e,transparent);}
body:before{content:"";position:fixed;inset:0;opacity:.12;pointer-events:none;z-index:0;background-image:url('/assets/particle.webp');background-size:1500px;mix-blend-mode:screen}
button,input,select{letter-spacing:.003em}button{-webkit-tap-highlight-color:transparent}
*:focus-visible{outline:2px solid #9aceff!important;outline-offset:3px}
::selection{background:#4177b568;color:white}
.bg-orb{background:radial-gradient(ellipse 55% 35% at 80% -14%,#28558a2d,transparent),radial-gradient(ellipse 35% 28% at 14% 103%,#39408119,transparent)}
.app-shell{max-width:100vw;isolation:isolate}.sidebar{width:265px;background:rgba(8,13,23,.86);border-right:1px solid rgba(199,219,255,.083);box-shadow:12px 0 50px #0002;backdrop-filter:blur(45px) saturate(150%);padding:25px 13px 22px}
.brand{gap:13px;padding:5px 12px 24px}.brand-logo{border:1px solid #d5e7ff39;border-radius:14px;width:39px;height:39px;box-shadow:0 9px 28px #439dff18,inset 0 1px #ffffff45;background:linear-gradient(138deg,#1d426d,#527bdb 52%,#6dabd6);font-size:19px}
.brand .strong{font-size:13px;letter-spacing:-.015em}.brand small{font-size:8px;letter-spacing:.20em;color:#94a9ca}
.sidebar .nav-label{font-size:9px;color:#677f9c;letter-spacing:.22em;margin-top:3px;padding-top:19px}
.navitem{padding:11px 12px;gap:12px;border:1px solid transparent;color:#899cb7;border-radius:12px;margin:2px 0;font-size:12.7px;min-height:42px;position:relative;transition:background .22s ease,transform .22s ease,color .22s ease,border-color .22s ease}
.navitem svg{width:17px;height:17px}.navitem:hover{background:#192436a6;color:#d8e8ff;transform:translateX(2px)}
.navitem.on{background:linear-gradient(95deg,#234266b3,#1a2a40aa 78%,#1b25357a);border-color:rgba(129,191,255,.16);box-shadow:inset 2px 0 #78bafa,0 3px 22px #0a1b3340;color:#fff}
.navitem.on svg{filter:drop-shadow(0 0 6px #89c8ff88)}
.sidebar-bottom{border-top:1px solid #ffffff12}.avatar{background:linear-gradient(135deg,#1b4870,#606fc6);border:1px solid #ffffff27;border-radius:13px}
.main{padding:0 clamp(20px,3vw,56px) 80px;max-width:2000px}.topbar{height:90px;border-bottom:1px solid #ffffff0d;gap:15px}
.crumb{font-size:12px}.crumb strong{color:#dceafa}.top-actions{gap:10px}.top-status{font-size:11px;color:#9db9ce}
.top-actions .btn.slim,.arc-control{border-radius:999px;border:1px solid #a4b7d121;background:#dcecff0a;color:#bfccdb;padding:8px 12px;display:inline-flex;align-items:center;gap:7px;transition:background .2s,transform .2s}
.top-actions .btn.slim:hover,.arc-control:hover{background:#99beff18;color:white;transform:translateY(-1px)}
.arc-control svg{width:16px;height:16px}.arc-search{min-width:170px;justify-content:space-between;cursor:pointer;color:#98abc2}
.arc-search kbd{border:1px solid #adc4ed22;background:#b5d3ff0a;font-size:10px;padding:3px 6px;border-radius:6px;color:#9db3c8}
.arc-quality{font-size:11px}.arc-quality .arc-quality-dot{width:6px;height:6px;border-radius:50%;background:#7ad9ce;box-shadow:0 0 10px #6dddd4}
.content{padding-top:28px;max-width:1600px;margin:auto}
.page-title{letter-spacing:-.055em;font-weight:700}.eyebrow{letter-spacing:.25em;font-size:10px;color:#90bafd}
.panel{background:linear-gradient(142deg,rgba(24,35,51,.78),rgba(13,20,31,.87));border:1px solid var(--glass-border);border-radius:22px;box-shadow:var(--glass-shadow);backdrop-filter:blur(20px)}
.panel-title{font-size:17px;letter-spacing:-.035em}.stat{border-color:var(--glass-border);background:linear-gradient(140deg,#1b2b40bb,#121a29e0);border-radius:20px;box-shadow:var(--glass-shadow)}
.btn{border-radius:11px;min-height:36px;transition:transform .18s cubic-bezier(.2,.9,.2,1.15),box-shadow .2s,background .2s,border-color .2s}.btn:hover:not(:disabled){transform:translateY(-1px)}.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}
.btn.primary{background:linear-gradient(130deg,#78bdff,#6b94ee)!important;color:#081c32!important;font-weight:700!important;box-shadow:0 8px 28px #4d93e92d,inset 0 1px #e9faff89!important;border:1px solid #b7dffe7a!important}
.btn.primary:hover{box-shadow:0 12px 35px #5aa4ff48,inset 0 1px #e9faffb0!important}
.field input,.field select{border-radius:12px;background:rgba(12,23,35,.86);border:1px solid #c0d9fb20;min-height:44px;transition:border-color .2s,box-shadow .2s}
.field input:focus,.field select:focus{border-color:#7dbaff70;box-shadow:0 0 0 4px #66a8f818;outline:none}
.table-scroll{border-radius:13px;overflow:auto}.data-table th{text-transform:none;letter-spacing:.04em;color:#9fb2c7}.data-table td{border-color:#ffffff0b}.data-table tr:hover td{background:#a9d1ff06}
.overlay{backdrop-filter:blur(22px) saturate(105%)}.modal{background:linear-gradient(160deg,#1a293b,#0f1927)!important;border:1px solid #aac7ff2e!important;border-radius:24px!important;box-shadow:0 40px 140px #000a!important}
.toast{border-radius:12px;box-shadow:0 14px 45px #0009}
/* Hero — true WebGL foreground, standalone graphic assets fallback. */
.arc-hero{min-height:436px;position:relative;isolation:isolate;border-radius:28px;border:1px solid rgba(143,193,244,.17);overflow:hidden;background:radial-gradient(ellipse 52% 62% at 78% 48%,#1a41686a,transparent 85%),linear-gradient(112deg,#101a2b 0%,#0d1625 43%,#101c30 100%);box-shadow:inset 0 1px rgba(255,255,255,.14),0 23px 85px rgba(0,0,0,.31);}
.arc-hero:after{content:"";position:absolute;inset:0;pointer-events:none;border-radius:inherit;box-shadow:inset 0 0 100px #05101a38}
.arc-hero-mesh{position:absolute;inset:0;opacity:.30;pointer-events:none;z-index:0;background-image:linear-gradient(#aac7ff0d 1px,transparent 1px),linear-gradient(90deg,#aac7ff0d 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(90deg,transparent 35%,#000 100%)}
.arc-hero-copy{position:relative;z-index:2;padding:56px clamp(30px,4.2vw,72px) 98px;max-width:68%;pointer-events:none}
.arc-hero-copy button,.arc-hero-copy a{pointer-events:auto}
.arc-hero-overline{font-size:10px;letter-spacing:.22em;color:#92bfe7;display:flex;align-items:center;gap:11px;font-weight:650}
.arc-signal{display:inline-block;width:7px;height:7px;background:#78ead0;border-radius:50%;box-shadow:0 0 0 5px #6ddbb212,0 0 15px #70e9cc9b}
.arc-overline-divider{opacity:.4}.arc-hero h1{font-size:clamp(37px,4.25vw,64px);font-weight:680;letter-spacing:-.065em;line-height:1.16;margin:25px 0 18px;color:#f5f8ff;text-wrap:balance;text-shadow:0 3px 35px #0003}
.arc-hero h1::first-line{color:#f4f8ff}.arc-hero-copy>p{font-size:13px;color:#a7bad0;line-height:1.9;max-width:480px;margin:0 0 28px}
.arc-hero-actions{display:flex;align-items:center;gap:11px;flex-wrap:wrap}.arc-btn-xl{padding:12px 18px!important;min-height:42px!important;font-size:12px!important;display:inline-flex;align-items:center;gap:21px}
.arc-btn-ghost{border-color:#b9d5f63b!important;color:#e0edff!important;background:linear-gradient(#ffffff0c,#ffffff03)!important;backdrop-filter:blur(14px)}
.arc-hero-caption{margin-top:28px;display:flex;align-items:center;flex-wrap:wrap;gap:11px;color:#93a9bd;font-size:11px}
.arc-chip{display:inline-flex;gap:6px;align-items:center;font-size:10px;font-weight:600;color:#afc4d8;background:#b7d7ff10;border:1px solid #b0d4ff20;border-radius:999px;padding:6px 9px;white-space:nowrap}
.arc-chip-dot{width:6px;height:6px;border-radius:50%;background:#9eb8d9}.arc-chip.success{color:#b0f1d6;background:#6bcfa00f;border-color:#6bd3a427}.arc-chip.success .arc-chip-dot{background:#6bdab6}.arc-chip.danger{color:#ffadb5;background:#c65d681a;border-color:#f0979a33}.arc-chip.danger .arc-chip-dot{background:#ff8d9c}
.arc-visual{position:absolute;right:-2%;top:-7%;height:106%;width:60%;pointer-events:auto;z-index:1;touch-action:pan-y;cursor:grab;overflow:hidden;background:radial-gradient(circle at 48% 49%,#2b63941c,transparent 55%)}
.arc-visual:active{cursor:grabbing}.arc-visual canvas{position:absolute;inset:0;width:100%;height:100%;display:block;z-index:4;opacity:0;transition:opacity .85s ease;touch-action:pan-y}
.arc-visual.arc-webgl-ready canvas{opacity:1}.arc-visual-glow{position:absolute;width:115%;height:115%;left:-7%;top:-7%;object-fit:contain;opacity:.75;mix-blend-mode:screen;filter:blur(1px)}
.arc-visual-ring{position:absolute;inset:12% 10%;border:1px solid #b6e0ff17;border-radius:50%;box-shadow:inset 0 0 30px #7fcaff05,0 0 28px #80bdff05;transform:rotateX(55deg) rotate(-23deg);pointer-events:none}
.arc-visual-core{position:absolute;left:50%;top:48%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;width:82px;height:82px;z-index:3;border:1px solid #9fe0ff21;border-radius:50%;background:radial-gradient(circle,#0c1c35ba,transparent 76%);box-shadow:0 0 40px #359cfa19;color:#bbecff;letter-spacing:.18em;pointer-events:none}
.arc-visual-core span{font-size:19px;font-weight:700;letter-spacing:.09em}.arc-visual-core small{font-size:7px;line-height:1.4;letter-spacing:.14em;text-align:center;color:#7eaacb}
.arc-orbit-label{position:absolute;z-index:5;font-size:8px;letter-spacing:.14em;color:#b7d2e7;display:flex;align-items:center;gap:8px;border-radius:20px;background:#0d1a2aa6;border:1px solid #9ec3ec25;padding:7px 10px;backdrop-filter:blur(10px);pointer-events:none}
.arc-orbit-one{top:26%;left:6%}.arc-orbit-two{bottom:30%;right:6%}.arc-orbit-dot{width:5px;height:5px;background:#8aceff;border-radius:50%;box-shadow:0 0 10px #8ac6ffa0}
.arc-visual-caption{position:absolute;bottom:14%;left:19%;font-size:9px;letter-spacing:.15em;color:#6d9bc5;pointer-events:none}.arc-visual-caption span{color:#a9daff;margin-left:5px}
.arc-hero-footer{position:absolute;bottom:0;left:0;right:0;display:flex;gap:0;height:72px;border-top:1px solid #bedcff1c;background:linear-gradient(90deg,#071321b5,#0d1c29b2);backdrop-filter:blur(12px);z-index:6}
.arc-hero-footer>div{width:33.33%;padding:16px 30px;display:flex;flex-direction:column;gap:5px;border-right:1px solid #d1e8ff15;min-width:0}
.arc-hero-footer>div:first-child{padding-left:clamp(30px,4.2vw,72px)}.arc-hero-footer>div:last-child{border:0}.arc-hero-footer span{font-size:8px;font-weight:700;letter-spacing:.16em;color:#7895ad;white-space:nowrap}.arc-hero-footer strong{font-size:14px;font-weight:650;color:#deefff;letter-spacing:.015em}
/* Section headings and live metric cards */
.arc-section-eyebrow{display:flex;align-items:center;gap:13px;color:#849eb9;font-weight:700;font-size:9px;letter-spacing:.18em;margin:37px 2px 15px}.arc-section-eyebrow>span:first-child{border:1px solid #adcaf537;padding:4px 6px;border-radius:5px;color:#bed6ed;font-size:9px}.arc-section-eyebrow>div{flex:1;border-top:1px solid #aec9f318}.arc-section-eyebrow>span:last-child{color:#617c9d}
.arc-kpi-layout{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.arc-kpi{position:relative;border:1px solid var(--glass-border);border-radius:20px;background:linear-gradient(132deg,#1b2a3dbb,#101824f0 88%);box-shadow:var(--glass-shadow);padding:22px 24px 18px;min-height:157px;isolation:isolate;overflow:hidden;transition:transform .25s,background .2s,border-color .2s}
.arc-kpi:before{content:"";pointer-events:none;position:absolute;inset:0;opacity:0;background:radial-gradient(circle 130px at var(--mx,70%) var(--my,5%),#a7d5ff22,transparent 100%);transition:opacity .2s}.arc-kpi:hover:before{opacity:1}
.arc-kpi:after{content:"";position:absolute;width:92px;height:92px;right:-27px;top:-33px;border-radius:50%;background:#4a9bee12;filter:blur(15px)}
.arc-kpi.violet:after{background:#9978ff1d}.arc-kpi.green:after{background:#49dbac15}.arc-kpi.amber:after{background:#e0ab5919}
.arc-kpi[role=link]{cursor:pointer}.arc-kpi[role=link]:hover{transform:translateY(-3px);border-color:#9bcaff39}.arc-kpi-top{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:#99afc8}.arc-kpi-icon{font-size:18px;color:#829cba}
.arc-kpi>strong{display:block;margin:17px 0 16px;font-size:clamp(25px,2.4vw,36px);letter-spacing:-.055em;color:#edf6ff;font-weight:680;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.arc-kpi-bottom{display:flex;align-items:center;gap:8px;font-size:10px;color:#7f94ac}.arc-mini-line{width:13px;height:2px;background:#7fbaff;border-radius:99px}.arc-kpi.violet .arc-mini-line{background:#ae9eff}.arc-kpi.green .arc-mini-line{background:#64dfb4}.arc-kpi.amber .arc-mini-line{background:#edc08a}
/* Data visual surfaces */
.arc-insights-grid{display:grid;grid-template-columns:minmax(0,1.42fr) minmax(0,1fr);gap:14px;margin-top:14px}.arc-insights-grid.arc-insights-bottom{grid-template-columns:minmax(0,1fr) minmax(0,1.42fr)}
.arc-dashboard-card{background:linear-gradient(145deg,rgba(24,37,54,.78),rgba(12,20,31,.90));border:1px solid var(--glass-border);border-radius:22px;padding:24px;box-shadow:var(--glass-shadow);overflow:hidden;min-width:0;backdrop-filter:blur(18px)}.arc-dashboard-card+.arc-dashboard-card{margin:0}
.arc-card-heading{display:flex;justify-content:space-between;align-items:start;margin-bottom:18px;gap:12px}.arc-card-heading>div>span{font-size:9px;letter-spacing:.21em;color:#748fa9;font-weight:750}.arc-card-heading h3{margin:8px 0 0;font-size:17px;color:#e7f0ff;font-weight:650;letter-spacing:-.028em}
.arc-card-action{width:34px;height:34px;border:1px solid #c1d9fa21;border-radius:10px;background:#bedaff09;color:#a6c9ec;font-size:17px;display:grid;place-items:center;transition:.2s;flex-shrink:0}.arc-card-action:hover{background:#b9ddff1c;transform:translate(1px,-2px)}
.arc-chart{height:235px;position:relative;display:flex;flex-direction:column;padding-left:29px}.arc-chart-scale{position:absolute;left:0;top:9px;bottom:35px;display:flex;flex-direction:column;justify-content:space-between;color:#7085a2;font-size:9px}.arc-chart-svg{width:100%;height:205px;min-width:0;overflow:visible}.arc-chart-labels{display:flex;justify-content:space-between;font-size:9px;color:#6e89a5;padding:0 0 0 0;margin-left:1%;padding-right:1%}
.arc-token-wrap{display:flex;align-items:center;gap:15px;min-height:211px;justify-content:center}.arc-ring-card{width:188px;max-width:55%;position:relative;flex-shrink:0}.arc-ring-card svg{display:block;width:100%;transform:rotate(-2deg)}.arc-ring-number{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:2px}.arc-ring-number strong{font-size:clamp(13px,1.4vw,20px);letter-spacing:-.045em}.arc-ring-number span{font-size:8px;letter-spacing:.15em;color:#8ca8c2}.arc-ring-legend{flex:1;max-width:210px;min-width:0}.arc-ring-legend>div{display:flex;justify-content:space-between;align-items:center;gap:10px;padding:10px 0;border-bottom:1px solid #b6d2f012}.arc-ring-legend>div:last-child{border:0}.arc-ring-legend>div>span{font-size:10px;color:#8fa5be;display:flex;align-items:center;gap:7px}.arc-ring-legend i{width:7px;height:7px;display:inline-block;border-radius:3px}.arc-ring-legend strong{font-size:11px;color:#dbeafe;font-weight:550}
.arc-activity-list{display:flex;flex-direction:column;gap:0}.arc-activity{display:flex;align-items:center;gap:12px;border-bottom:1px solid #c7e2ff12;padding:12px 4px}.arc-activity:last-child{border:0}.arc-activity-bullet{width:32px;height:32px;border-radius:11px;flex-shrink:0;border:1px solid #6c9ee840;background:radial-gradient(circle at 50% 50%,#6aabf669 2px,#2d527c44 3px,#243e5b3b 12px)}.arc-activity-bullet.completed{border-color:#69bda02f;background:radial-gradient(circle at 50% 50%,#75e5bc 2px,#6dbb9e22 3px,#2046383b 12px)}.arc-activity-bullet.needs_reconcile{border-color:#eab57a4a;background:radial-gradient(circle at 50% 50%,#ffc38c 2px,#cc926e33 3px,#53352230 12px)}
.arc-activity-main{flex:1;display:flex;flex-direction:column;min-width:0;gap:4px}.arc-activity-main strong{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-activity-main span{font-size:10px;color:#8da0b8;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-activity-cost{color:#d9ecff;font-size:11px;font-weight:650;white-space:nowrap}.arc-activity-cost small{font-size:9px;color:#91a5bc}.arc-empty-state{padding:28px 10px;color:#8a9eb6;font-size:12px;line-height:1.8;text-align:center;border:1px dashed #a9c7ee1a;border-radius:12px;background:#91b3de05}
.arc-task-list{display:flex;flex-direction:column;gap:12px}.arc-task-row{border:1px solid #b3d5fe15;border-radius:14px;background:#05142140;padding:12px}.arc-task-heading{display:flex;justify-content:space-between;gap:15px;align-items:center}.arc-task-heading>div{display:flex;flex-direction:column;gap:5px;min-width:0}.arc-task-heading strong{font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.arc-task-heading>div>span{color:#6985a5;font-size:9px;font-family:monospace}.arc-stagebar{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin:14px 0 8px}.arc-stagebar>span{height:4px;border-radius:100px;background:#59708940}.arc-stagebar .done{background:#79b6ff}.arc-stagebar .current{box-shadow:0 0 10px #7ba9ff50}.arc-task-stage-labels{display:flex;justify-content:space-between;font-size:9px;color:#7286a3}.arc-caption{font-size:10px;color:#8297af;line-height:1.7}.arc-task-summary{margin:0 0 15px}.arc-inline-charts{margin:0 0 18px}.arc-quick-actions{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.arc-quick-actions button{border:1px solid #adcbf323;color:#b6cbe0;background:#aacfff0a;border-radius:11px;min-height:51px;padding:13px;display:flex;align-items:center;justify-content:space-between;text-align:left;font-size:11px;gap:8px;transition:.2s}.arc-quick-actions button:hover{background:#afd1ff19;color:#edf7ff;transform:translateY(-2px)}.arc-quick-actions span{font-size:16px;color:#93c3ee}
/* Command palette */
.arc-command-backdrop{position:fixed;inset:0;background:#01060fc2;backdrop-filter:blur(16px);z-index:120;display:flex;align-items:flex-start;justify-content:center;padding:16vh 16px 16px;animation:arc-fade .15s ease}
.arc-command{width:min(100%,600px);border-radius:22px;border:1px solid #b7d9ff3e;background:linear-gradient(145deg,#1a283b,#0d1726);box-shadow:0 35px 150px #000c;overflow:hidden}.arc-command-input{width:100%;background:transparent;border:0!important;outline:0!important;color:#eaf6ff;font-size:15px;padding:24px 23px;border-bottom:1px solid #b8d4ff1d}.arc-command-results{max-height:330px;overflow:auto;padding:9px}.arc-command-item{display:flex;width:100%;align-items:center;justify-content:space-between;padding:13px 14px;background:transparent;color:#b4c8dd;border:0;border-radius:11px;text-align:left}.arc-command-item:hover,.arc-command-item:focus{background:#90bcfa15;color:white}.arc-command-foot{padding:11px 18px;display:flex;gap:15px;font-size:10px;color:#7890aa;border-top:1px solid #ffffff10}
/* Landing login transformation */
.login-wrap{position:relative;isolation:isolate;min-height:100vh;background:radial-gradient(ellipse 60% 65% at 20% 40%,#203f6870,transparent),linear-gradient(116deg,#0c1726 0%,#060a12 65%)}
.login-hero{position:relative;isolation:isolate;overflow:hidden}.login-hero:before{content:"";position:absolute;width:min(70vw,640px);aspect-ratio:1;right:-180px;top:12%;background:url('/assets/nebula.webp') center /contain no-repeat;opacity:.62;pointer-events:none;animation:arc-breathe 9s ease-in-out infinite alternate;z-index:-1}
.login-hero h1{letter-spacing:-.07em;line-height:1.12!important}.login-box{background:#0b121ec9!important;backdrop-filter:blur(38px)!important;border-left:1px solid #ffffff16!important}
.login .brand{padding-bottom:36px}.login .title{letter-spacing:-.04em}.login-wrap .login-hero .hero-glyph{color:#d5edff}
.arc-login-visual{position:absolute;width:min(80%,670px);height:570px;right:-15%;bottom:-20%;opacity:.72;pointer-events:none;z-index:-1}.arc-login-visual canvas{pointer-events:none}
@keyframes arc-fade{from{opacity:0}to{opacity:1}}@keyframes arc-breathe{from{transform:scale(1) rotate(0deg)}to{transform:scale(1.13) rotate(9deg)}}
/* responsive and inclusive experiences */
@media(min-width:1600px){.arc-hero{min-height:475px}.arc-hero-copy{padding-top:69px}.arc-visual{width:55%}}
@media(max-width:1220px){.arc-search{min-width:125px}.arc-kpi{padding:20px 17px}.arc-ring-card{width:160px}.arc-token-wrap{gap:2px}}
@media(max-width:1024px){.arc-hero-copy{max-width:68%;padding-left:32px}.arc-hero h1{font-size:clamp(36px,4vw,46px)}.arc-hero-footer>div:first-child{padding-left:32px}.arc-kpi-layout{grid-template-columns:repeat(2,minmax(0,1fr))}.arc-insights-grid,.arc-insights-grid.arc-insights-bottom{grid-template-columns:1fr 1fr}.arc-ring-card{width:136px}.arc-search{min-width:unset}.arc-search kbd{display:none}}
@media(max-width:790px){.arc-hero{min-height:560px}.arc-hero-copy{max-width:100%;padding:36px 27px 90px}.arc-hero h1{font-size:clamp(34px,7.2vw,51px)}.arc-hero-copy>p{max-width:395px}.arc-visual{width:80%;height:55%;right:-23%;top:35%;opacity:.62}.arc-orbit-label,.arc-visual-caption{display:none}.arc-hero-footer>div{padding:15px}.arc-hero-footer>div:first-child{padding-left:26px}.arc-insights-grid,.arc-insights-grid.arc-insights-bottom{grid-template-columns:1fr}.arc-search span{display:none}.arc-quick-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.arc-quality-label{display:none}.arc-token-wrap{min-height:180px}.arc-ring-card{width:180px}.arc-chart{height:220px}.arc-chart-svg{height:185px}}
@media(max-width:520px){.main{padding:0 15px 50px}.topbar{height:72px}.top-status{display:none}.arc-search{padding:8px!important}.arc-search kbd{display:none}.arc-quality{padding:8px!important}.content{padding-top:16px}.arc-hero{min-height:567px;border-radius:21px}.arc-hero-copy{padding:32px 23px 86px}.arc-hero-overline{font-size:8px;letter-spacing:.14em;gap:7px}.arc-hero h1{font-size:clamp(34px,9vw,44px);margin:19px 0 12px}.arc-hero-copy>p{font-size:12px;line-height:1.85;max-width:300px}.arc-hero-actions{gap:8px}.arc-btn-xl{padding:10px 12px!important;min-height:40px!important;font-size:11px!important;gap:10px}.arc-hero-caption{margin-top:13px;font-size:10px}.arc-hero-caption>span:last-child{display:none}.arc-visual{top:42%;right:-26%;width:115%;height:52%;opacity:.75}.arc-visual-core{width:60px;height:60px;top:55%}.arc-visual-core span{font-size:14px}.arc-visual-core small{font-size:5px}.arc-hero-footer{height:69px}.arc-hero-footer>div{padding:13px 9px}.arc-hero-footer>div:first-child{padding-left:17px}.arc-hero-footer span{font-size:7px;letter-spacing:.05em}.arc-hero-footer strong{font-size:12px}.arc-section-eyebrow{margin:24px 0 12px;font-size:8px}.arc-section-eyebrow>span:last-child{font-size:8px}.arc-kpi-layout{gap:9px}.arc-kpi{padding:15px 14px;min-height:127px;border-radius:15px}.arc-kpi-top{font-size:10px}.arc-kpi>strong{font-size:26px;margin:13px 0 15px}.arc-kpi-bottom{font-size:9px}.arc-dashboard-card{padding:19px 16px;border-radius:17px}.arc-card-heading h3{font-size:15px}.arc-token-wrap{justify-content:flex-start;gap:0}.arc-ring-card{width:150px}.arc-ring-legend{min-width:0;max-width:none}.arc-ring-legend strong{font-size:10px}.arc-ring-legend>div>span{font-size:9px}.arc-quick-actions{grid-template-columns:1fr 1fr;gap:7px}.arc-quick-actions button{font-size:10px;padding:9px}.arc-login-visual{opacity:.4}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}.arc-visual-glow{opacity:.6}}
@media(prefers-contrast:more){.arc-dashboard-card,.arc-kpi,.arc-hero,.panel{border-color:#9cb5d3}.navitem,.arc-card-heading>div>span,.arc-caption{color:#c0cfe0}}
@supports not (backdrop-filter:blur(10px)){.sidebar,.arc-dashboard-card,.panel,.login-box{background:#101927!important}}
/* Named design primitives: interactive lab with actual actions, no imaginary business data. */
.arc-lab-top{padding:34px 6px 28px}.arc-lab-tag{font-size:10px;letter-spacing:.22em;color:#83bdea;font-weight:700}.arc-lab-top h1{font-size:clamp(37px,4.5vw,62px);font-weight:680;letter-spacing:-.065em;line-height:1.15;margin:17px 0 17px}.arc-lab-top h1 em{font-style:normal;background:linear-gradient(90deg,#86ccff,#b5afff);color:transparent;background-clip:text}.arc-lab-top p{max-width:630px;color:#a2b2c9;line-height:1.9}.arc-lab-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:15px}.arc-lab-scene{display:flex;flex-direction:column}.arc-lab-orb{position:relative;inset:auto;right:auto;top:auto;width:100%;height:320px;min-height:280px;flex:1;margin:6px 0 15px;border-radius:17px;background:#0b17285c;border:1px solid #bed9ff16;overflow:hidden}.arc-lab-orb .arc-visual-core{top:50%}.arc-lab-scene>.btn{align-self:flex-start;margin-top:15px}.arc-lab-component{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:12px 0;border-bottom:1px solid #adcfff14}.arc-lab-component:last-child{border-bottom:0}.arc-lab-component label{color:#8fa8bf;font-size:10px}.arc-lab-component button{white-space:nowrap}.arc-lab-status{display:flex;gap:8px;flex-wrap:wrap;margin:15px 0}.arc-lab-explain{color:#91a9c1;font-size:12px;line-height:1.85;margin-bottom:24px}
@media(max-width:910px){.arc-lab-grid{grid-template-columns:1fr}}
@media(max-width:520px){.arc-lab-top{padding:24px 6px 16px}.arc-lab-orb{height:280px}.arc-lab-component{gap:10px}.arc-lab-component label{max-width:44%}}