.routerSurface{color:#eaf1f3;background:#07111d;min-height:100vh;overflow:hidden}.routerMain{max-width:1480px;padding:138px clamp(22px,5vw,76px) 90px}.routerHero{border-bottom:1px solid #ffffff24;grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);align-items:end;gap:clamp(45px,8vw,120px);padding-bottom:55px;display:grid}.routerHero h1{color:#fff;max-width:900px;margin:15px 0 0;font-size:clamp(48px,6vw,88px);font-weight:580}.routerHero h1 em{color:#ff806a;font-style:normal}.routerHeroCopy{color:#a9bac3;font-size:15px;line-height:1.8}.routerHeroActions{flex-wrap:wrap;gap:10px;margin-top:25px;display:flex}.routerPrimary,.routerSecondary{border-radius:5px;align-items:center;min-height:48px;padding:0 18px;font-size:12px;font-weight:800;text-decoration:none;display:inline-flex}.routerPrimary{color:#160e10;background:#ff765f}.routerSecondary{color:#dce5e8;border:1px solid #40515d}.routerToolbar{grid-template-columns:minmax(220px,1fr) auto;gap:14px;margin:35px 0 22px;display:grid}.routerSearch{color:#fff;min-height:50px;font:inherit;background:#0c1a26;border:1px solid #354957;border-radius:6px;padding:0 17px}.routerCount{color:#7f949e;letter-spacing:.12em;align-self:center;font-size:11px}.modelGrid,.providerGrid,.routerFeatureGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;display:grid}.modelCard,.providerCard,.routerFeatureCard{content-visibility:auto;contain-intrinsic-size:320px}.modelCard,.providerCard,.routerFeatureCard,.routerPanel{background:linear-gradient(145deg,#0e202e,#091722);border:1px solid #ffffff21;border-radius:8px;padding:24px}.modelCardTop,.providerCardTop{justify-content:space-between;align-items:start;gap:16px;display:flex}.modelCard h2,.providerCard h2,.routerFeatureCard h2{color:#fff;margin:8px 0;font-size:21px}.modelCard code{color:#a9bac3;word-break:break-all;font-size:11px}.routerBadge{color:#c5d1d6;white-space:nowrap;border:1px solid #405463;border-radius:999px;padding:5px 8px;font-size:11px;display:inline-flex}.routerBadgeVerified{color:#ff9abb;border-color:#f43f8c80}.modelMeta{flex-wrap:wrap;gap:6px;margin:20px 0;display:flex}.modelMeta span{color:#b5c3c9;background:#ffffff0f;padding:5px 7px;font-size:11px}.modelCardFooter{color:#9babb3;border-top:1px solid #ffffff17;justify-content:space-between;gap:12px;padding-top:17px;font-size:11px;display:flex}.modelCardFooter a{color:#ff9abb;text-decoration:none}.modelNumbers{border-top:1px solid #ffffff14;grid-template-columns:repeat(3,1fr);margin:0 0 18px;display:grid}.modelNumbers div{padding:15px 5px 0}.modelNumbers dt{color:#8ca0a9;text-transform:uppercase;font-size:11px}.modelNumbers dd{color:#fff;margin:6px 0 0;font-size:13px}.modelActions{align-items:center;gap:12px;display:flex}.modelActions label{cursor:pointer;align-items:center;gap:5px;display:flex}.compareDock{z-index:10;background:#0c1a26;border:1px solid #5a4052;border-radius:8px;align-items:center;gap:12px;width:min(900px,100% - 20px);margin:0 auto 18px;padding:14px 16px;font-size:11px;display:flex;position:sticky;bottom:18px;box-shadow:0 16px 32px #00000047}.compareDock code{color:#bdcbd0}.compareDock a{color:#ff9abb;margin-left:auto;font-weight:800;text-decoration:none}.compareDock button{color:#a2b1b7;cursor:pointer;background:0 0;border:0}.detailGrid{grid-template-columns:minmax(0,1fr) 320px;gap:18px;margin-top:35px;display:grid}.detailTable{border-collapse:collapse;width:100%}.detailTable th,.detailTable td{text-align:left;border-bottom:1px solid #ffffff1a;padding:15px 12px;font-size:11px}.detailTable th{color:#738992;text-transform:uppercase;font-size:8px}.detailTable td{color:#d5e0e4}.detailAside{align-content:start;gap:12px;display:grid}.detailAside .routerPanel{padding:20px}.detailAside strong{color:#fff;margin-top:7px;font-size:22px;display:block}.compareTable{margin-top:35px;overflow:auto}.compareTable table{border-collapse:collapse;width:100%;min-width:760px}.compareTable th,.compareTable td{text-align:left;border:1px solid #ffffff1a;padding:16px;font-size:11px}.compareTable th{color:#8da1aa}.compareTable td{color:#d9e3e6}.routerEmpty{text-align:center;color:#92a5ad;border:1px dashed #354957;padding:70px 25px}.providerMetrics{border-top:1px solid #ffffff1a;grid-template-columns:repeat(3,1fr);margin-top:24px;display:grid}.providerMetrics div{padding:15px 4px 0}.providerMetrics strong,.providerMetrics small{display:block}.providerMetrics strong{color:#fff;font-size:22px}.providerMetrics small{color:#718791;text-transform:uppercase;letter-spacing:.1em;margin-top:4px;font-size:8px}.routerFeatureGrid{margin-top:40px}.routerFeatureCard p,.routerPanel p{color:#91a5ae;font-size:13px;line-height:1.75}.routerFeatureCard span{color:#ff8fae;letter-spacing:.15em;font-size:10px;font-weight:850}.playgroundGrid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:14px;margin-top:40px;display:grid}.routerPanel label{color:#9db0b8;letter-spacing:.08em;text-transform:uppercase;gap:8px;margin-bottom:16px;font-size:10px;font-weight:750;display:grid}.routerPanel select,.routerPanel textarea{color:#fff;width:100%;font:inherit;background:#07131e;border:1px solid #354957;border-radius:5px;padding:13px}.routerPanel textarea{resize:vertical;min-height:180px}.routerCode{color:#cfe0e5;background:#050d15;border-radius:6px;min-height:320px;margin:0;padding:22px;font-size:11px;line-height:1.8;overflow:auto}.routerNotice{color:#7f949e;margin-top:16px;font-size:11px;line-height:1.65}.playgroundMode{border:0;gap:4px;margin:0 0 16px;padding:0;display:flex}.playgroundMode legend{width:100%;margin-bottom:7px;font-size:11px;font-weight:750}.playgroundMode button{color:inherit;background:0 0;border:1px solid #354957;border-radius:3px;padding:7px 18px}.playgroundMode button[aria-pressed=true]{color:#fff;background:#0b1822;border-color:#ff6a55}.publishSteps{counter-reset:publish;background:#ffffff1f;border:1px solid #ffffff1f;gap:1px;margin-top:40px;display:grid}.publishSteps article{counter-increment:publish;background:#0c1a26;grid-template-columns:55px 1fr;gap:16px;padding:25px;display:grid}.publishSteps article:before{content:"0" counter(publish);color:#ff8fae;font-size:11px}.publishSteps h2{color:#fff;margin:0 0 8px;font-size:18px}.publishSteps p{color:#8fa2aa;margin:0;font-size:12px;line-height:1.7}@media (max-width:900px){.routerHero,.playgroundGrid,.detailGrid{grid-template-columns:1fr}.modelGrid,.providerGrid,.routerFeatureGrid{grid-template-columns:1fr 1fr}}@media (max-width:620px){.routerMain{padding-top:105px}.modelGrid,.providerGrid,.routerFeatureGrid,.routerToolbar{grid-template-columns:1fr}.routerHero h1{font-size:44px}.modelCardFooter{display:grid}}
