:root{--bg:#071018;--panel:#101c27;--panel2:#142534;--line:#284153;--text:#edf6fb;--muted:#9cb0bf;--cyan:#49c3ea;--green:#63d9aa;--orange:#ffc56e}*{box-sizing:border-box}html{background:var(--bg)}body{background:radial-gradient(circle at 92% 0,#174358 0,transparent 31%),var(--bg);min-height:100vh;color:var(--text);margin:0;font:15px/1.55 Inter,ui-sans-serif,system-ui,-apple-system,sans-serif}a{color:inherit}.brand{letter-spacing:.07em;font-size:14px;font-weight:850;text-decoration:none}.brand span,.brand b,h1 span{color:var(--cyan)}.eyebrow{color:var(--cyan);letter-spacing:.14em;text-transform:uppercase;font-size:12px;font-weight:850}.lead{color:var(--muted);max-width:760px;font-size:17px}.hub-shell{width:min(1180px,100%);margin:auto;padding:8vh 24px 60px}.hub-shell>.brand{margin-bottom:9vh}.hub-shell h1,.page-shell h1{margin:10px 0 18px;font-size:clamp(38px,6vw,68px);line-height:1.02}.path-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px;display:grid}.path-card,.demo-card{border:1px solid var(--line);background:linear-gradient(145deg,var(--panel2),var(--panel));border-radius:17px;flex-direction:column;min-height:270px;padding:26px;text-decoration:none;transition:all .2s;display:flex}.path-card:hover,.demo-card.active:hover{border-color:var(--cyan);transform:translateY(-3px)}.path-card i{color:var(--cyan);font-style:normal;font-weight:800}.path-card strong{margin-top:26px;font-size:23px}.path-card p,.demo-card p{color:var(--muted)}.path-card em{color:var(--cyan);margin-top:auto;font-style:normal;font-weight:750}.home-status{color:var(--muted);flex-wrap:wrap;gap:28px;margin-top:28px;display:flex}.home-status b{color:var(--text)}.online{color:var(--green)}.online:before{content:"";background:var(--green);border-radius:50%;width:8px;height:8px;margin-right:8px;display:inline-block}.topbar{border-bottom:1px solid var(--line);z-index:5;background:#09131de8;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:0 max(22px,5vw);display:flex;position:sticky;top:0}.topbar nav{gap:22px;display:flex}.topbar nav a{color:var(--muted);text-decoration:none}.topbar nav a:hover{color:var(--cyan)}.badge{color:var(--cyan);border:1px solid #25718f;border-radius:99px;padding:5px 9px;font-size:12px}.page-shell{max-width:1240px;margin:auto;padding:44px 24px 80px}.toolbar,.dialog-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.toolbar{margin:30px 0 36px}button{background:var(--cyan);color:#041019;cursor:pointer;font-weight:800;font:inherit;border:1px solid #0000;border-radius:9px;padding:11px 14px}button:hover{filter:brightness(1.08)}button.ghost{color:var(--text);background:#172939;border-color:#365166}button.small{padding:7px 10px;font-size:13px}.stats,.flow-grid,.catalog,.dev-grid,.demo-modules{gap:14px;display:grid}.stats{grid-template-columns:repeat(4,1fr)}.card{background:linear-gradient(145deg,var(--panel2),var(--panel));border:1px solid var(--line);border-radius:15px;padding:20px}.stats .card b{color:var(--cyan);font-size:30px;display:block}.stats .card span,.card p{color:var(--muted)}.flow-grid,.catalog,.dev-grid,.demo-modules{grid-template-columns:repeat(3,1fr);margin-top:30px}.flow-grid .card,.catalog .card{flex-direction:column;display:flex}.flow-grid p,.catalog p{min-height:66px}.flow-grid button,.catalog button{align-self:flex-start;margin-top:auto}.section-head{justify-content:space-between;align-items:center;gap:14px;margin-top:44px;display:flex}.suite-table{border:1px solid var(--line);background:var(--panel);border-radius:15px;overflow:auto}table{border-collapse:collapse;width:100%;min-width:850px}th,td{text-align:left;border-bottom:1px solid var(--line);padding:16px}th{letter-spacing:.06em;color:var(--muted);text-transform:uppercase;font-size:11px}td small{color:var(--muted);display:block}.pill{border-radius:99px;padding:4px 8px;font-size:12px;display:inline-block}.pill.ok{color:var(--green);background:#163d34}.pill.demo{color:#82d8f1;background:#193a4a}.pill.setup{color:var(--orange);background:#47391e}.version{float:right;color:var(--cyan);font-size:12px}.notice{color:#d6eef8;background:#0d2835;border:1px solid #286b86;border-radius:12px;margin-top:30px;padding:16px}.notice b{color:var(--cyan)}.status{color:var(--green);font-size:12px;font-weight:850}.dev-grid{margin-top:38px}.development-list{border:1px solid var(--line);background:var(--panel);border-radius:15px;margin-top:34px;padding:20px}.development-list h2{margin-top:0}.development-list div{border-top:1px solid var(--line);justify-content:space-between;gap:20px;padding:14px 0;display:flex}.development-list span{color:var(--muted)}.demo-grid{grid-template-columns:1fr 1fr;gap:18px;margin-top:40px;display:grid}.demo-card>span{color:var(--green);font-size:12px;font-weight:800}.demo-card h2{margin:28px 0 0;font-size:28px}.demo-card b,.demo-card>a{color:var(--cyan);margin-top:auto;text-decoration:none}.demo-card.add i{color:var(--cyan);font-size:40px}.marzooliva h1 span{color:#b7d64a}.demo-modules{grid-template-columns:1fr 1fr}.demo-modules a{color:var(--cyan)}.back-link{color:var(--cyan);margin-top:25px;display:inline-block}.modal{z-index:10;background:#000c;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.dialog{color:#152530;background:#f5f9fc;border-radius:16px;width:min(760px,100%);max-height:90vh;padding:28px;overflow:auto}.dialog h2{margin:0}.dialog>p{color:#597080}.form-grid{grid-template-columns:1fr 1fr;gap:12px;display:grid}.full{grid-column:1/-1}.dialog label{font-size:13px;font-weight:750;display:block}.dialog input,.dialog select{width:100%;font:inherit;color:#152530;background:#fff;border:1px solid #b7c8d1;border-radius:8px;margin-top:4px;padding:10px}.steps{color:#315060;background:#e4eef2;border-radius:10px;margin:18px 0;padding:14px}.result{color:#0d633f;background:#ddf7eb;border-radius:8px;padding:12px}.dialog-actions{justify-content:flex-end;margin-top:20px}.dialog .ghost{color:#152530;background:#e6eef3}@media (max-width:900px){.path-grid,.stats,.flow-grid,.catalog,.dev-grid{grid-template-columns:1fr 1fr}.topbar nav{display:none}}@media (max-width:620px){.path-grid,.stats,.flow-grid,.catalog,.dev-grid,.demo-grid,.demo-modules,.form-grid{grid-template-columns:1fr}.badge{display:none}.full{grid-column:auto}.development-list div{flex-direction:column;gap:3px}}