@charset "UTF-8";:root{--v-primary: #15BBF0;--v-secondary: #1F5FAC;--v-accent: #5AD2F8;--v-success: #3FC135;--v-warning: #FF7F00;--v-error: #F23C2F;--cyan-wash: #E0F4FD;--cyan-3: #B0E2F9;--deep-blue: #0789B2;--fg-1: #222222;--fg-2: #333333;--fg-3: #555555;--fg-muted: #767676;--text-primary: rgba(0,0,0,.87);--text-secondary: rgba(0,0,0,.6);--surface-app: #FAFAFA;--surface-card: #FFFFFF;--surface-panel: #F1F1F1;--border-1: #DADADA;--divider: #EDEDED;--dot-grey: #D9D9D9;--radius-md: 4px;--radius-pill: 9999px;--elev-2: 0 3px 1px -2px rgba(0,0,0,.2), 0 2px 2px 0 rgba(0,0,0,.14), 0 1px 5px 0 rgba(0,0,0,.12);--elev-4: 0 2px 4px -1px rgba(0,0,0,.2), 0 4px 5px 0 rgba(0,0,0,.14), 0 1px 10px 0 rgba(0,0,0,.12);--font-sans: "Roboto", system-ui, -apple-system, "Segoe UI", Arial, sans-serif;--font-mono: "Roboto Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--s-2: 8px;--s-3: 12px;--s-4: 16px;--s-5: 20px;--s-6: 24px}*{box-sizing:border-box}html,body{margin:0;padding:0;background:var(--surface-app);color:var(--fg-3);font-family:var(--font-sans);font-size:14px;line-height:20px;-webkit-font-smoothing:antialiased}html.preview-embed{scrollbar-width:none}html.preview-embed::-webkit-scrollbar{display:none}.wrap{max-width:480px;margin:0 auto;padding-bottom:40px}.inner{padding:0 var(--s-4)}.v-app-bar{background:var(--surface-card);height:56px;padding:0 var(--s-4);display:flex;align-items:center;border-bottom:1px solid var(--divider);box-shadow:var(--elev-4);position:sticky;top:0;z-index:5}.v-app-bar .logo{height:20px;width:auto;display:block}.v-app-bar .appbar-inner{width:100%;max-width:480px;margin:0 auto;display:flex;align-items:center}.titleblock{padding:var(--s-5) 0 var(--s-4)}.titleblock .kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--text-secondary);margin:0 0 var(--s-2)}.titleblock h1{font-family:var(--font-sans);font-weight:700;font-size:24px;line-height:30px;letter-spacing:.7px;color:#323232;margin:0}.titleblock .by{margin:4px 0 0;font-size:14px;color:var(--text-secondary)}.v-card{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--elev-2);margin-bottom:var(--s-3);overflow:hidden}.v-card.outlined{box-shadow:none;border:1px solid var(--divider)}.hero-frame{position:relative;width:100%;aspect-ratio:4/3;background:var(--cyan-wash);overflow:hidden;display:flex;align-items:center;justify-content:center}.hero-frame .placeholder{color:var(--cyan-3)}.hero-frame .placeholder svg{width:64px;height:64px;display:block}.hero-img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain;display:block;border:none}.hero-body{padding:var(--s-4)}.hero-body .v-card__title{font-family:var(--font-sans);font-weight:500;font-size:18px;line-height:24px;letter-spacing:.2px;color:var(--fg-1);margin:0 0 4px}.hero-body .v-card__text{font-size:14px;line-height:20px;color:var(--fg-3);margin:0}.panel{list-style:none}.panel>summary{list-style:none;cursor:pointer;padding:var(--s-4);display:flex;align-items:center;justify-content:space-between;gap:var(--s-3)}.panel>summary::-webkit-details-marker{display:none}.panel>summary .titlewrap{display:flex;align-items:center;gap:var(--s-3)}.panel>summary .ico{flex:0 0 auto;width:32px;height:32px;border-radius:var(--radius-md);background:var(--cyan-wash);color:var(--v-primary);display:flex;align-items:center;justify-content:center}.panel>summary .ico svg{width:18px;height:18px}.panel>summary .htxt{font-family:var(--font-sans);font-weight:500;font-size:16px;letter-spacing:.2px;color:var(--fg-1)}.panel>summary .chev{flex:0 0 auto;width:20px;height:20px;color:var(--text-secondary);transition:transform .2s ease}.panel[open]>summary .chev{transform:rotate(180deg)}.panel-body{padding:0 var(--s-4) var(--s-4);border-top:1px solid var(--divider)}.panel-body .intro{margin:var(--s-3) 0 var(--s-2);font-size:13px;color:var(--text-secondary)}.spec{display:flex;justify-content:space-between;gap:var(--s-4);padding:10px 0;border-bottom:1px solid var(--divider);font-size:14px}.spec:last-child{border-bottom:none}.spec .k{color:var(--text-secondary);flex:1 1 auto;min-width:0;overflow-wrap:break-word}.spec .v{font-weight:500;color:var(--fg-2);text-align:right;flex:0 1 auto;max-width:58%;overflow-wrap:break-word}.spec .v.mono{font-family:var(--font-mono);font-weight:400;font-size:13px}.spec .v.multiline{white-space:pre-line}.stat{display:inline-flex;align-items:center;gap:6px}.stat .d{width:9px;height:9px;border-radius:50%}.fibre{margin:var(--s-3) 0 4px}.fibre-head{display:flex;justify-content:space-between;font-size:14px;margin-bottom:5px;color:var(--fg-2)}.fibre-head .pct{font-weight:700}.bar{height:8px;border-radius:var(--radius-pill);background:var(--cyan-wash);overflow:hidden}.bar>span{display:block;height:100%;background:var(--v-primary);border-radius:var(--radius-pill)}.chips{display:flex;flex-wrap:wrap;gap:var(--s-2);margin-top:var(--s-3)}.v-chip{display:inline-flex;align-items:center;height:28px;padding:0 12px;border-radius:var(--radius-pill);background:var(--surface-panel);color:var(--fg-2);font-size:13px;font-weight:400}.v-chip.primary{background:var(--cyan-wash);color:var(--deep-blue)}.v-chip.warning{background:#FFF1DF;color:#8a5a12}.chain{margin:var(--s-3) 0 2px;padding:0;list-style:none}.chain li{position:relative;padding:0 0 var(--s-4) 26px;font-size:14px}.chain li:last-child{padding-bottom:0}.chain li:before{content:"";position:absolute;left:4px;top:4px;width:10px;height:10px;border-radius:50%;background:var(--v-primary)}.chain li:after{content:"";position:absolute;left:8px;top:15px;bottom:-2px;width:2px;background:var(--cyan-3)}.chain li:last-child:after{display:none}.chain .stage{font-weight:500;color:var(--fg-2)}.chain .place{color:var(--text-secondary);font-size:13px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:var(--s-2);margin-top:var(--s-3)}.metric:only-child{grid-column:1/-1}.metric{background:var(--cyan-wash);border-radius:var(--radius-md);padding:var(--s-4);text-align:center}.metric .num{font-size:22px;font-weight:700;color:var(--deep-blue);line-height:1.1}.metric .unit{font-size:12px;color:var(--text-secondary);font-weight:500}.metric .cap{font-size:12px;color:var(--text-secondary);margin-top:4px}.v-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;height:44px;margin:var(--s-2) 0 4px;background:var(--v-primary);color:#fff;border:none;border-radius:var(--radius-md);font-family:var(--font-sans);font-weight:500;font-size:14px;letter-spacing:.0892857em;text-transform:uppercase;text-decoration:none;box-shadow:var(--elev-2);cursor:pointer}.v-btn .material-icons{width:18px;height:18px;display:inline-flex}.panel-body>.v-btn{margin-top:var(--s-3)}.stc-powered-by{text-align:center;padding:var(--s-6) 0 4px;font-size:12px;color:var(--text-secondary)}.stc-powered-by a{color:var(--v-primary);text-decoration:none;font-weight:500}.stc-powered-by .sep{margin:0 var(--s-2);opacity:.5}.cert{padding:var(--s-3) 0 var(--s-2);border-bottom:1px solid var(--divider)}.cert:last-child{border-bottom:none;padding-bottom:0}.cert .spec{padding:6px 0;border-bottom:none}.cert-name{font-weight:500;font-size:15px;color:var(--fg-1);padding-bottom:4px}.cert .v-btn{margin-top:var(--s-2)}.fibre-detail{font-size:12px;color:var(--text-secondary);margin-top:4px}.disposal{font-size:14px;line-height:20px;color:var(--fg-3);margin:var(--s-3) 0 0}.state-card{background:var(--surface-card);border-radius:var(--radius-md);box-shadow:var(--elev-2);padding:var(--s-6) var(--s-4);margin-top:var(--s-4);text-align:center}.state-title{font-weight:500;font-size:16px;color:var(--fg-1);margin:0 0 var(--s-2)}.spinner{width:32px;height:32px;margin:0 auto;border:3px solid var(--cyan-wash);border-top-color:var(--v-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}