@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600&display=swap";.device-hub{color:#eaf1f8;background:#0b1420;min-height:100vh;font-family:system-ui,sans-serif}.device-shell{max-width:1120px;margin:auto;padding:28px}.device-hub header{border-bottom:1px solid #263342;justify-content:space-between;align-items:center;gap:20px;padding-bottom:28px;display:flex}.device-brand{color:inherit;letter-spacing:2px;align-items:center;gap:12px;font-weight:800;text-decoration:none;display:flex}.device-brand>svg{color:#6ae1c7}.device-hub small{color:#98aebe;letter-spacing:0;font-size:12px;font-weight:400;line-height:1.7;display:block}.device-header-note{color:#85d9c6;gap:8px;font-size:12px;display:flex}.device-hero{padding:44px 0 30px}.device-eyebrow{letter-spacing:2px;color:#7acebe;font-size:11px;font-weight:700}.device-hub h1{letter-spacing:-2px;margin:15px 0;font-size:clamp(38px,6vw,64px);line-height:1.08}.device-hub em{color:#6bdcc5;font-style:normal}.device-hub p{color:#a7b6c5;line-height:1.7}.device-hub button,.device-primary,.device-secondary{color:#d9e8ed;cursor:pointer;background:#203449;border:1px solid #355068;border-radius:9px;justify-content:center;align-items:center;gap:8px;padding:12px 18px;font-size:14px;font-weight:650;text-decoration:none;display:inline-flex}.device-hub button:disabled{opacity:.45;cursor:not-allowed}.device-hub .device-primary{color:#10251f;background:#62d9bd;border-color:#62d9bd}.device-section-title{justify-content:space-between;align-items:center;gap:16px;display:flex}.device-section-title h2{font-size:23px}.device-section-title h2 span{background:#223448;border-radius:20px;margin-left:6px;padding:4px 9px;font-size:13px}.device-actions{gap:8px;display:flex}.device-setup .device-actions{flex-wrap:wrap}.device-toolbar{gap:12px;margin:15px 0 24px;display:flex}.device-toolbar input{flex:1}.device-toolbar select{width:220px}.device-grid{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.device-card,.device-empty,.device-setup{background:#142231;border:1px solid #293c4c;border-radius:18px;padding:24px}.device-card h2{margin:20px 0 8px;font-size:25px}.device-card p{margin:8px 0}.device-card-top{color:#71d9c0;justify-content:space-between;align-items:center;gap:12px;display:flex}.device-status{color:#afbdc9;background:#263443;border-radius:20px;padding:6px 10px;font-size:11px}.device-status.online{color:#87e6d0;background:#1d3b3a}.device-hub .device-job{color:#e2f1ee;font-weight:650}.device-card>.device-primary,.device-card>.device-secondary{box-sizing:border-box;width:100%;margin-top:15px;display:flex}.device-empty{text-align:center;grid-column:1/-1;padding:45px}.device-empty>svg{color:#76dcca}.device-empty p{max-width:450px;margin:12px auto 25px}.device-hub label{color:#c7d6e3;margin:15px 0;font-size:13px;display:block}.device-hub input,.device-hub select{color:#fff;box-sizing:border-box;background:#0d1926;border:1px solid #354a5f;border-radius:8px;width:100%;padding:13px;display:block}.device-hub label input,.device-hub label select{margin-top:7px}.device-notice{background:#253b4b;border:1px solid #456175;border-radius:10px;margin-bottom:20px;padding:16px 20px;line-height:1.6}.device-hub .device-pending{color:#dcc08b;font-size:12px}.device-hub details{border-top:1px solid #2c4051;margin-top:22px;padding-top:16px}.device-hub summary{cursor:pointer;color:#a4c5c7;font-size:13px}.device-hub details p{font-size:13px}.device-setup{margin:20px 0}.device-setup form{max-width:560px}.device-setup form button{margin-top:20px}.device-hub progress{accent-color:#62d9bd;width:100%;margin-top:20px;display:block}.device-refresh-time{margin-top:24px}.device-modules{border-top:1px solid #293847;margin-top:45px;padding-top:22px}.device-modules>a{color:#e4f2ee;background:#142231;border:1px solid #293c4c;border-radius:13px;align-items:center;gap:14px;margin:12px 0;padding:20px;text-decoration:none;display:flex}.device-modules>a small{flex:1}.device-hub footer{color:#72869b;padding:35px 0;font-size:11px}.device-chip{font-family:monospace;font-size:12px}.library-package{margin:25px 0}.library-package .device-primary{margin:12px 0}.library-catalog{grid-template-columns:repeat(auto-fit,minmax(270px,1fr));gap:18px;display:grid}.library-catalog article{background:#142231;border:1px solid #293c4c;border-radius:15px;padding:24px}.library-catalog article h2{margin-top:8px}.library-catalog ul{color:#a7b6c5;padding-left:20px;line-height:1.8}@media (width<=600px){.device-shell{padding:20px}.device-header-note{display:none}.device-actions button{padding:10px;font-size:12px}.device-section-title{align-items:flex-start}.device-toolbar{flex-direction:column}.device-toolbar select{width:100%}.device-card,.device-setup{padding:20px}.device-modules>a{flex-wrap:wrap}.device-modules>a small{flex-basis:70%}.device-hero{padding-top:30px}}.hub-login{place-items:center;padding:24px;display:grid}.hub-login-card{background:#142231;border:1px solid #354a5f;border-radius:18px;width:min(100%,440px);padding:32px}.hub-login-card h1{letter-spacing:-1px;margin-top:32px;line-height:1.15;font-size:36px!important}.hub-login-card form button{width:100%;margin:8px 0 24px}.hub-user-list article{border-bottom:1px solid #354a5f;justify-content:space-between;align-items:center;gap:12px;padding:16px 0;display:flex}.device-hub .hub-check{align-items:center;gap:12px;display:flex}.device-hub .hub-check input{width:18px;height:18px;margin:0}.device-hub header .device-actions{flex-wrap:wrap;align-items:center}@media (width<=720px){.device-hub header{flex-wrap:wrap}.hub-login-card{padding:24px}.hub-user-list article{flex-direction:column;align-items:flex-start}}:root{color:#eef8f6;font-synthesis:none;text-rendering:optimizelegibility;background:#071716;font-family:DM Sans,system-ui,sans-serif}*{box-sizing:border-box}html{background:#071716}body{min-width:320px;min-height:100vh;margin:0}a{color:inherit}button,a{-webkit-tap-highlight-color:transparent}main{background:radial-gradient(circle at 78% 8%,#27d2b41f,#0000 29rem),linear-gradient(#0a1e1c 0,#071716 50rem);min-height:100vh}.topbar{border-bottom:1px solid #e3f7f21a;justify-content:space-between;align-items:center;height:76px;padding:0 max(24px,50vw - 590px);display:flex}.brand{letter-spacing:.18em;align-items:center;gap:12px;font:600 14px/1 Space Grotesk;text-decoration:none;display:flex}.brand-mark{color:#06201d;background:#39ddc2;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.live-state{color:#a6bbb7;align-items:center;gap:9px;font-size:13px;display:flex}.live-state span,.status-dot{background:#39ddc2;border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #39ddc21f}.hero,.directory,footer{width:min(1180px,100% - 48px);margin-inline:auto}.hero{padding:92px 0 60px}.eyebrow{color:#39ddc2;letter-spacing:.19em;margin:0 0 15px;font:600 12px/1.2 Space Grotesk}h1,h2{letter-spacing:-.035em;font-family:Space Grotesk}h1{max-width:800px;margin:0;font-size:clamp(45px,7vw,84px);font-weight:600;line-height:.99}.intro{color:#a6bbb7;margin:27px 0 37px;font-size:clamp(18px,2vw,22px)}.summary{background:#ffffff06;border:1px solid #e3f7f21f;border-radius:15px;width:fit-content;display:flex;overflow:hidden}.summary div{border-right:1px solid #e3f7f21a;align-items:center;gap:12px;min-height:74px;padding:16px 23px;display:flex}.summary div:last-child{border:0}.summary strong{color:#fff;font:600 27px/1 Space Grotesk}.summary span{color:#90a7a2;max-width:92px;font-size:12px;line-height:1.25}.summary svg{color:#39ddc2}.directory{padding:40px 0 100px}.section-heading{justify-content:space-between;align-items:end;gap:30px;margin-bottom:25px;display:flex}.section-heading h2{margin:0;font-size:29px}.section-heading>p{color:#829993;margin:0 0 3px;font-size:14px}.module-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.module-card{background:#ffffff0b;border:1px solid #e3f7f21c;border-radius:22px;flex-direction:column;min-height:390px;padding:29px;transition:transform .2s,border-color .2s,background .2s;display:flex;box-shadow:0 22px 80px #00000029}.module-card:hover{background:#fff1;border-color:#39ddc257;transform:translateY(-3px)}.module-icon{color:#061c19;border-radius:16px;place-items:center;width:57px;height:57px;display:grid}.module-icon.mint{background:#39ddc2}.module-icon.gold{background:#f4bb55}.module-copy{margin-top:35px}.module-kicker{color:#8aa09b;text-transform:uppercase;letter-spacing:.13em;align-items:center;gap:9px;font-size:12px;display:flex}.module-copy h2{color:#fff;margin:13px 0 4px;font-size:31px}.module-label{color:#d1dfdc;margin:0;font-weight:600}.module-description{color:#91a8a3;min-height:66px;margin:17px 0;font-size:14px;line-height:1.55}.module-url{color:#5f7771;word-break:break-all;margin:0;font:500 12px/1.4 Space Grotesk}.launch{color:#061b18;background:#eef8f6;border-radius:13px;justify-content:space-between;align-items:center;min-height:50px;margin-top:auto;padding:0 17px;font-weight:700;text-decoration:none;transition:background .18s;display:flex}.launch:hover{background:#39ddc2}footer{color:#607873;border-top:1px solid #e3f7f21a;justify-content:space-between;padding:25px 0 34px;font-size:12px;display:flex}@media (width<=720px){.topbar{height:68px;padding-inline:18px}.hero,.directory,footer{width:min(100% - 32px,560px)}.hero{padding:66px 0 38px}.intro{line-height:1.45}.summary{width:100%}.summary div{flex-direction:column;flex:1;align-items:flex-start;gap:8px;min-width:0;padding:14px}.summary div:last-child{display:none}.summary span{max-width:none}.directory{padding:28px 0 65px}.section-heading{flex-direction:column;align-items:flex-start;gap:9px}.module-grid{grid-template-columns:1fr}.module-card{min-height:360px;padding:24px}footer{padding-bottom:28px}}
