@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{--bg:#0b0c10;--panel:#12141b;--panel2:#181b24;--line:#252936;--text:#f5f6fb;--muted:#9298a9;--purple:#9277ff;--orange:#ff9a62;--green:#66d6a3;--red:#ff667d}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% -10%,#201b48 0,#0b0c10 38%);color:var(--text);font-family:'DM Sans',sans-serif}.app-shell{display:flex;min-height:100vh}.sidebar{width:238px;border-right:1px solid var(--line);padding:28px 18px;display:flex;flex-direction:column;background:#0d0e13}.brand{font:700 20px 'Space Grotesk';display:flex;align-items:center;gap:10px;margin:0 10px 65px}.brand-mark{background:linear-gradient(135deg,#a78bff,#674cff);border-radius:9px;width:30px;height:30px;display:grid;place-items:center}.nav-item{border:0;background:transparent;color:var(--muted);width:100%;text-align:left;padding:13px 12px;border-radius:10px;margin:3px 0;font:500 14px 'DM Sans';cursor:pointer}.nav-item span{margin-left:10px}.nav-item.active,.nav-item:hover{background:#1a1929;color:#fff}.sidebar-footer{margin-top:auto;color:#d6dbeb;font-size:12px;line-height:1.6;padding:14px 11px;border-top:1px solid var(--line)}.sidebar-footer small{color:var(--muted)}.status-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:5px}.main-content{max-width:1200px;width:100%;margin:auto;padding:34px 58px 70px}.topbar{display:flex;justify-content:space-between;align-items:start;margin-bottom:38px}.eyebrow{font-size:10px;letter-spacing:1.5px;color:#8c91a5;font-weight:700;margin:0 0 9px}.topbar h1,.page-intro h2{font:600 30px 'Space Grotesk';margin:0}.avatar{border:1px solid #403b67;background:#211d3a;color:#b9adff;border-radius:50%;width:38px;height:38px;font-size:11px;font-weight:700}.hero-card,.duplicate-hero{background:linear-gradient(110deg,#1d1b38,#15141f);border:1px solid #34305b;border-radius:18px;padding:37px 42px;display:flex;justify-content:space-between;align-items:center;min-height:260px}.duplicate-hero{min-height:180px;padding:28px 32px}.duplicate-hero h3{font:700 28px 'Space Grotesk';margin:13px 0 8px}.duplicate-hero p{color:#a8adc0;max-width:620px;margin:0}.pill{font-size:10px;letter-spacing:1px;color:var(--green);font-weight:700}.hero-card h2{font:700 44px 'Space Grotesk';margin:16px 0 9px}.hero-card p{color:#a8adc0;margin:0 0 25px}.primary-btn,.secondary-btn,.danger-btn{border:0;background:#9277ff;color:#fff;font-weight:700;padding:13px 18px;border-radius:8px;cursor:pointer}.primary-btn:hover{background:#a18bff}.primary-btn span{margin-left:20px}.secondary-btn{background:#211d3a;border:1px solid #4c4279;color:#c7bfff;padding:10px 14px}.danger-btn{background:#3a1d2b;border:1px solid #704054;color:#ff9fb0;padding:10px 14px}.primary-btn:disabled,.secondary-btn:disabled,.danger-btn:disabled{opacity:.45;cursor:not-allowed}.orb{width:150px;height:150px;border-radius:50%;background:conic-gradient(var(--purple) 0 76%,#2f2d45 76%);padding:9px;display:grid;place-items:center}.orb-inner{background:#171625;border-radius:50%;width:100%;height:100%;display:grid;place-items:center;align-content:center;font:700 36px 'Space Grotesk'}.orb-inner small{font:500 11px 'DM Sans';color:var(--muted);margin-top:-2px}.section-heading{display:flex;justify-content:space-between;align-items:end;margin:36px 0 16px}.section-heading h3{font:600 20px 'Space Grotesk';margin:0}.updated{font-size:12px;color:var(--muted)}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card,.system-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.metric-card strong{display:block;font:600 27px 'Space Grotesk';margin:15px 0 3px}.metric-card>span:not(.metric-icon){font-size:12px;color:var(--muted)}.metric-icon{border-radius:7px;display:grid;place-items:center;width:28px;height:28px;background:#28233d}.metric-icon.orange{color:var(--orange);background:#36261f}.metric-icon.green{color:var(--green);background:#1c332d}.meter{height:4px;background:#292a35;border-radius:9px;margin-top:17px;overflow:hidden}.meter i{display:block;height:100%;background:var(--purple);border-radius:9px}.green-meter i{background:var(--green)}.metric-link,.text-btn{color:#a995ff;font-size:12px;margin-top:17px;cursor:pointer}.text-btn{background:none;border:0}.optimization-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.optimization-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.optimization-card h4{margin:15px 0 7px;font:600 16px 'Space Grotesk'}.optimization-card p{margin:0;color:var(--muted);font-size:12px;line-height:1.5;min-height:38px}.tag{color:var(--green);font-size:10px;font-weight:700;letter-spacing:.7px}.apply-btn{border:1px solid #3a345b;background:#211d3a;color:#c7bfff;padding:9px 12px;border-radius:7px;margin-top:18px;cursor:pointer;font-weight:600;font-size:12px}.apply-btn:hover{background:#30285a}.view{display:none}.active-view{display:block}.page-intro{margin-bottom:30px}.page-intro p:last-child{color:var(--muted)}.system-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.system-card span{font-size:10px;color:var(--muted);letter-spacing:1px}.system-card strong{display:block;font:600 18px 'Space Grotesk';margin:12px 0 5px}.system-card small{color:var(--green)}.vault-toolbar{display:flex;justify-content:space-between;align-items:center;margin:26px 0 14px}.vault-toolbar strong{display:block;font:600 19px 'Space Grotesk'}.toolbar-actions{display:flex;gap:8px}.duplicate-groups{display:grid;gap:12px}.duplicate-group{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:18px}.duplicate-group.selected{border-color:#6556a6;background:#17152a}.duplicate-group-header{display:flex;justify-content:space-between;gap:15px;align-items:start}.duplicate-group h4{font:600 16px 'Space Grotesk';margin:0 0 5px}.duplicate-group small{color:var(--muted)}.duplicate-size{color:var(--orange);font-size:12px;font-weight:700}.file-row{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #252936;margin-top:14px;color:#c6cad8;font-size:12px}.file-row input{accent-color:var(--purple)}.file-row code{color:#8d94a8;margin-left:auto}.history-list{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:25px}.empty-state{text-align:center;color:var(--muted);padding:40px}.history-row{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:13px}.history-row span{color:var(--muted)}.toast{position:fixed;right:25px;bottom:25px;background:#242333;border:1px solid #51477f;padding:14px 18px;border-radius:9px;transform:translateY(100px);opacity:0;transition:.25s;color:#e6e2ff}.toast.show{transform:translateY(0);opacity:1}@media(max-width:800px){.sidebar{width:70px}.brand{margin:0 auto 50px}.brand span:last-child,.nav-item span,.sidebar-footer{display:none}.main-content{padding:25px}.metrics,.optimization-grid{grid-template-columns:1fr}.hero-card h2{font-size:34px}.orb{width:110px;height:110px}.system-grid{grid-template-columns:1fr}.duplicate-hero,.vault-toolbar{align-items:flex-start;flex-direction:column;gap:18px}}
/* Mobile command center */
.mobile-hero{background:linear-gradient(110deg,#122a33,#161526);border:1px solid #2b5960;border-radius:18px;padding:30px 34px;display:flex;justify-content:space-between;align-items:center;min-height:190px}.mobile-hero h3{font:700 28px 'Space Grotesk';margin:13px 0 8px}.mobile-hero p{color:#a8adc0;max-width:650px}.phone-orb{width:120px;height:145px;border:2px solid #5bd1bd;border-radius:28px;display:grid;place-items:center;align-content:center;box-shadow:0 0 35px #3cc6aa33}.phone-orb span{font:700 32px 'Space Grotesk'}.phone-orb small{color:var(--green);font-size:10px}.mobile-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.mobile-card{background:var(--panel);border:1px solid var(--line);border-radius:12px;padding:20px}.card-top{display:flex;align-items:center;justify-content:space-between}.capability{font-size:9px;letter-spacing:1px;font-weight:700}.capability.native{color:var(--orange)}.capability.web{color:var(--green)}.mobile-card h4{font:600 17px 'Space Grotesk';margin:17px 0 8px}.mobile-card p{font-size:12px;line-height:1.55;color:var(--muted);min-height:116px}.mobile-action{width:100%;font-size:11px}.platform-note{display:flex;gap:22px;margin-top:18px;padding:18px 20px;border:1px solid #303449;border-radius:11px;background:#10131d;color:#b8bdd0;font-size:12px;line-height:1.5}.platform-note strong{color:#f0f2ff;white-space:nowrap}.platform-note span{color:var(--muted)}
.topbar-actions{display:flex;align-items:center;gap:10px}.install-btn{border:1px solid #4c4279;background:#211d3a;color:#d3caff;border-radius:8px;padding:9px 12px;font-weight:700;font-size:11px;cursor:pointer}.agent-status{display:flex;align-items:center;gap:6px;color:var(--muted);font-size:11px;border:1px solid var(--line);border-radius:20px;padding:8px 10px}.agent-status i{width:7px;height:7px;border-radius:50%;background:#687080}.agent-status.online{color:var(--green)}.agent-status.online i{background:var(--green);box-shadow:0 0 9px var(--green)}
.brand-link{color:inherit;text-decoration:none}
.game-log-form{display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:12px;margin:14px 0}.game-log-form label{display:grid;gap:7px;color:var(--muted);font-size:11px}.game-log-form input{min-width:0;border:1px solid var(--line);border-radius:8px;background:#101119;color:var(--text);padding:11px 12px;font:inherit}.game-run{display:grid;grid-template-columns:1fr 1fr auto auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid var(--line)}.game-run span{color:#d9dced;font-size:13px}.game-run small{color:var(--muted)}.game-run-label{margin:0}@media(max-width:800px){.game-log-form{grid-template-columns:1fr 1fr}.game-log-form label:first-child{grid-column:1/-1}.game-run{grid-template-columns:1fr 1fr}.game-run small{grid-column:1/-1}}
.connection-hero{background:linear-gradient(110deg,#172b39,#171526);border:1px solid #315465;border-radius:18px;padding:32px 36px;display:flex;justify-content:space-between;align-items:center;gap:24px}.connection-hero h3,.connection-controls h3{font:700 25px 'Space Grotesk';margin:14px 0 8px}.connection-hero p{color:#a8adc0;max-width:640px;line-height:1.6}.connection-orb{width:132px;height:132px;flex:none;border:2px solid #5bd1bd;border-radius:50%;display:grid;place-content:center;text-align:center;box-shadow:0 0 35px #3cc6aa22}.connection-orb span{font:700 32px 'Space Grotesk'}.connection-orb small{font-size:10px;color:var(--muted)}.connection-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:18px}.connection-controls{display:flex;justify-content:space-between;align-items:center;gap:18px;margin:32px 0 14px;padding:20px;background:var(--panel);border:1px solid var(--line);border-radius:12px}.connection-controls h3{font-size:18px;margin:6px 0}.connection-controls p{color:var(--muted);font-size:12px;margin:8px 0 0}.connection-comparison{padding:18px 20px;border:1px solid #34305b;background:#171526;border-radius:10px;color:#d4d0e9;font-size:13px;line-height:1.6}.connection-metrics strong{font-variant-numeric:tabular-nums}@media(max-width:800px){.connection-hero{padding:24px;align-items:flex-start}.connection-orb{width:90px;height:90px}.connection-orb span{font-size:24px}.connection-metrics{grid-template-columns:1fr}.connection-controls{align-items:flex-start;flex-direction:column}.platform-note{display:block}.platform-note strong{display:block;margin-bottom:8px}}
.landing{background:radial-gradient(circle at 75% 20%,#29205e 0,#0b0c10 38%);min-height:100vh}.landing-nav{height:82px;max-width:1180px;margin:auto;padding:0 30px;display:flex;align-items:center;justify-content:space-between}.nav-link,.ghost-link{color:#c0b8ff;text-decoration:none;font-size:13px}.landing-hero{max-width:1180px;margin:0 auto;padding:80px 30px 120px;display:flex;justify-content:space-between;align-items:center;min-height:650px}.hero-copy{max-width:650px}.hero-copy h1{font:700 clamp(52px,7vw,92px)/.96 'Space Grotesk';letter-spacing:-4px;margin:22px 0}.hero-copy h1 em{font-style:normal;color:#9b86ff}.hero-copy p{font-size:17px;line-height:1.65;color:#aeb3c4;max-width:590px}.hero-actions{display:flex;align-items:center;gap:25px;margin-top:30px}.trust-row{display:flex;flex-wrap:wrap;gap:18px;color:#777e95;font-size:11px;margin-top:36px}.landing-orbit{position:relative;width:390px;height:390px;display:grid;place-items:center}.orbit-ring{position:absolute;border:1px solid #6656a666;border-radius:50%;transform:rotate(-20deg)}.ring-one{width:340px;height:180px}.ring-two{width:270px;height:350px;transform:rotate(55deg);border-color:#5bd1bd55}.orbit-core{width:180px;height:180px;border-radius:50%;display:grid;place-items:center;align-content:center;text-align:center;background:radial-gradient(circle at 35% 25%,#42337d,#171526 65%);border:1px solid #9b86ff;box-shadow:0 0 70px #795cff55;font-family:'Space Grotesk'}.orbit-core strong{font-size:58px}.orbit-core small{font:700 9px 'DM Sans';letter-spacing:1.5px;color:#a6a0c9}.orbit-label{position:absolute;background:#18182a;border:1px solid #3d3962;border-radius:30px;padding:9px 12px;font-size:11px;color:#c7c2e7}.label-a{top:35px;right:0;color:var(--green)}.label-b{bottom:54px;left:0;color:var(--orange)}.landing-section{max-width:1180px;margin:auto;padding:30px 30px 110px}.section-kicker{font-size:10px;font-weight:700;letter-spacing:1.7px;color:#8e87b9}.landing-section h2,.launch-banner h2{font:600 43px/1.1 'Space Grotesk';margin:18px 0 42px}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.feature-row article{border-top:1px solid #35344b;padding-top:20px}.feature-row article>span{color:#9b86ff;font:600 13px 'Space Grotesk'}.feature-row h3{font:600 21px 'Space Grotesk';margin:24px 0 10px}.feature-row p{color:var(--muted);line-height:1.65;font-size:13px}.launch-banner{max-width:1180px;margin:0 auto 60px;padding:50px 45px;border:1px solid #3f3667;background:linear-gradient(100deg,#211b46,#151621);border-radius:18px;display:flex;align-items:center;justify-content:space-between}.launch-banner h2{margin:14px 0 0}.landing-footer{max-width:1180px;margin:auto;padding:25px 30px 35px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#646b7e;font-size:11px}@media(max-width:800px){.landing-hero{padding-top:45px;display:block}.landing-orbit{width:290px;height:290px;margin:60px auto 0}.ring-one{width:270px;height:140px}.ring-two{width:220px;height:270px}.orbit-core{width:140px;height:140px}.orbit-core strong{font-size:42px}.feature-row{grid-template-columns:1fr}.launch-banner,.landing-footer{display:block}.launch-banner .primary-btn{display:inline-block;margin-top:22px}.landing-footer span{display:block;margin-top:8px}}