/* Reference-led lower homepage sections, scoped away from the application. */
.singularity-home{isolation:isolate}.singularity-home #stars{display:block;position:fixed;inset:0;width:100%;height:100svh;z-index:0;opacity:.7;pointer-events:none}.singularity-home main{position:relative;z-index:1}.singularity-home .site-header,.singularity-home footer{position:relative;z-index:20}.reference-sections{position:relative;z-index:1;color:#f1f1f3}.developer-showcase{max-width:1152px;margin:0 auto;padding:40px 0 110px}.developer-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:16px}.route-terminal,.toolchain-panel,.popular-panel,.capability-card,.onboard-card{border:1px solid #ffffff29;background:#111111b0;border-radius:32px;overflow:hidden}.route-terminal{height:338px;background:linear-gradient(180deg,#151515d9,#161616b5);font:12px/1.65 Consolas,'Cascadia Code',monospace;position:relative}.terminal-title{display:flex;align-items:center;gap:28px;padding:15px 16px 22px;color:#7d7d83;font-size:11px;height:66px}.traffic-dots{display:flex;gap:12px}.traffic-dots i{width:12px;height:12px;border-radius:50%;background:#ff5d55}.traffic-dots i:nth-child(2){background:#ffbd2e}.traffic-dots i:nth-child(3){background:#28c840}.terminal-demo{margin-left:auto;display:flex;align-items:center;gap:12px;font-size:10px}.terminal-demo b{display:block;width:80px;height:8px;background:linear-gradient(90deg,#333 40%,#ddd 40% 64%,#333 64%)}.terminal-command{padding:14px 17px;background:#ffffff0a;color:#cfcfd4;font-weight:bold;font-size:13px;letter-spacing:.2px;white-space:nowrap}.terminal-lines{padding:10px 16px 20px;mask-image:linear-gradient(#000 70%,transparent 100%)}.terminal-lines p{margin:5px 0;color:#77777f;white-space:nowrap;line-height:1.7}.terminal-lines .thinking{color:#888297;margin-bottom:11px}.terminal-lines .terminal-green{color:#37b79d;font-weight:600;margin:2px 0}.terminal-lines p>span{float:right;color:#5e5e64;font-weight:400;font-size:10px}.diff-line{display:flex;padding:1px 12px;font-size:11px;color:#8c8c92;white-space:nowrap;gap:24px}.diff-line b{font-weight:400;color:#777781;min-width:20px}.diff-context{background:#112f2466}.diff-removed{background:#6e152d7a;color:#d2a5ae}.diff-added{background:#183a293b;color:#719780}.toolchain-panel{padding:19px 20px 20px;min-height:338px;display:flex;flex-direction:column;justify-content:flex-start;gap:0}.toolchain-panel h2,.popular-panel h2{font-size:14px;line-height:1.6;font-weight:650;letter-spacing:-.2px;margin:0 0 2px}.toolchain-panel>p,.popular-heading p{color:#b5b5bd;font-size:12px;line-height:1.7;margin:0}.toolchain-pills{display:flex;flex-wrap:wrap;gap:9px;margin:17px 0 18px}.tool-pill{border:1px solid #ffffff26;background:#2121219c;border-radius:999px;padding:7px 12px;display:inline-flex;align-items:center;gap:8px;color:#d7d7dd;font-size:12px;line-height:1.6;white-space:nowrap;transition:background .2s,border-color .2s}.tool-pill:hover{background:#333338;border-color:#777780}.brand-mark{width:19px;height:19px;display:inline-flex;align-items:center;justify-content:center;font-size:22px;line-height:1}.brand-mark svg,.model-mark svg,.round-icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.brand-mark .rosette,.model-mark .rosette{stroke-width:.9}.claude{color:#d77855}.openrouter{color:#c9fa00}.cherry{color:#f24d56}.deepseek{color:#5c78ff}.qwen{color:#a58aff}.kimi{color:#f1f1f6;font:bold 20px 'Segoe UI',sans-serif}.toolchain-note{margin-top:auto;position:relative;border-radius:30px;background:#ffffff07;color:#b6b6bf;font-size:12px;line-height:1.95;padding:17px 18px}.popular-panel{margin-top:16px;padding:20px 20px 24px;border-radius:32px}.popular-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.popular-heading>a{border-radius:999px;background:#ffffff0b;padding:5px 13px;white-space:nowrap;font-size:11px;color:#ddddE3;font-weight:600}.popular-heading>a:hover{background:#333337}.popular-models{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:12px;margin-top:24px}.model-pill{display:flex;align-items:center;gap:10px;min-width:0;padding:12px 10px;background:#232323a3;border:1px solid #ffffff24;border-radius:30px;font-size:12px;font-weight:650;white-space:nowrap;transition:background .2s}.model-pill>span:last-child{overflow:hidden;text-overflow:ellipsis}.model-pill:hover{background:#38383e}.model-mark{width:38px;height:38px;border-radius:50%;background:#ffffff0a;display:flex;align-items:center;justify-content:center;flex:none;font-size:30px}.model-mark svg{width:25px;height:25px}.model-mark.kimi{font-size:21px}.gateway-stats{border-top:1px solid #ffffff1a;border-bottom:1px solid #ffffff13;background:#0c0c0c80;display:grid;grid-template-columns:repeat(4,1fr);padding:40px max(40px,calc((100vw - 1152px)/2));gap:30px;text-align:center}.gateway-stats strong{display:block;font-size:32px;font-weight:700;color:#fff;line-height:1.1;letter-spacing:-1px}.gateway-stats span{display:block;font-size:13px;color:#b0b0b8;margin-top:12px}.capabilities-section{max-width:1152px;margin:auto;padding:92px 0 110px}.reference-heading{text-align:center;margin-bottom:48px}.reference-heading>p{font-size:12px;font-weight:600;letter-spacing:1.4px;color:#a4a4ad;margin:0 0 13px}.reference-heading h2{font-size:36px;font-weight:700;letter-spacing:-1.6px;line-height:1.35;margin:0;color:#fafafb}.reference-heading>span{display:block;font-size:15px;line-height:1.9;color:#b8b8c1;margin-top:15px}.capabilities-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.capability-card,.onboard-card{padding:24px;min-height:190px;border-radius:30px;background:#1111119c;position:relative;transition:border-color .2s,background .2s}.round-icon{width:40px;height:40px;padding:10px;border-radius:50%;background:#242424bf;color:#f0f0f4;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.capability-card h3,.onboard-card h3{font-size:16px;line-height:1.6;letter-spacing:-.3px;margin:0 0 6px;font-weight:650}.capability-card p,.onboard-card p{font-size:13px;line-height:1.9;color:#b6b6be;margin:0}.capability-card:hover,.onboard-card:hover{border-color:#ffffff4d;background:#181818ba}.onboarding-section{border-top:1px solid #ffffff19;padding:100px max(40px,calc((100vw - 1152px)/2)) 85px}.onboarding-section .reference-heading{margin-bottom:42px}.onboarding-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.onboard-card{display:block;min-height:202px}.onboard-card .round-icon{margin-bottom:29px}.step-index{position:absolute;right:24px;top:31px;font:10px Consolas,monospace;color:#9b9ba5}.reference-endpoint{display:flex;align-items:center;gap:30px;justify-content:center;background:#11111194;border:1px solid #ffffff23;color:#acacb8;font:11px/1.5 Consolas,monospace;padding:12px 18px;border-radius:999px;margin:30px auto 0}.reference-endpoint span:last-child{color:#e0e0e7;font:10px 'Segoe UI','Microsoft YaHei',sans-serif}.reference-endpoint:hover{background:#26262b}.singularity-home .closing{margin-top:15px;background:#10101399!important;border-radius:30px!important}.singularity-home footer{background:#02020377}
@media(max-width:1240px){.developer-showcase,.capabilities-section{margin-left:32px;margin-right:32px}.popular-models{gap:8px}.model-pill{font-size:10px;gap:6px}.model-mark{width:29px;height:29px;font-size:24px}.model-mark svg{width:22px;height:22px}.tool-pill{font-size:11px;padding:6px 9px}.brand-mark{width:17px;height:17px}.toolchain-panel{padding:19px 17px}.terminal-command{font-size:11px}.toolchain-note{font-size:11px}}
@media(max-width:900px){.developer-grid{grid-template-columns:1fr 1fr}.popular-models{grid-template-columns:repeat(3,1fr)}.model-pill{font-size:12px;padding:11px}.toolchain-pills{gap:7px}.tool-pill{font-size:10px;gap:6px}.terminal-command{font-size:9px}.terminal-title{gap:18px}.terminal-demo b{width:45px}.capability-card,.onboard-card{padding:20px}.reference-heading h2{font-size:30px}.reference-heading>span{font-size:13px}.capability-card h3,.onboard-card h3{font-size:14px}.capability-card p,.onboard-card p{font-size:12px}}
@media(max-width:720px){.developer-showcase{margin:0 22px;padding-top:30px;padding-bottom:55px}.developer-grid{grid-template-columns:1fr;gap:14px}.route-terminal{height:308px;border-radius:25px}.terminal-command{font-size:11px;padding:13px 15px}.terminal-title{height:62px;padding:15px}.terminal-demo b{width:65px}.terminal-lines{padding:10px 15px}.diff-line{font-size:10px;gap:15px;padding-left:6px}.toolchain-panel{min-height:300px;border-radius:25px;padding:20px}.toolchain-panel>p{font-size:11px}.toolchain-pills{gap:8px;margin:16px 0 20px}.tool-pill{font-size:11px;padding:7px 10px}.toolchain-note{padding:15px;font-size:11px;line-height:1.9;border-radius:23px}.popular-panel{border-radius:25px;padding:20px 17px}.popular-heading{align-items:flex-start;gap:12px}.popular-heading h2{font-size:14px}.popular-heading p{font-size:10px}.popular-heading>a{font-size:9px;padding:5px 9px;margin-top:2px}.popular-models{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-top:20px}.model-pill{font-size:10px;padding:10px 8px;gap:7px}.model-mark{width:29px;height:29px}.gateway-stats{grid-template-columns:repeat(2,1fr);padding:32px 22px;row-gap:32px;column-gap:12px}.gateway-stats strong{font-size:28px}.gateway-stats span{font-size:10px;margin-top:9px}.capabilities-section{margin:0 22px;padding:60px 0}.reference-heading{margin-bottom:29px}.reference-heading>p{font-size:10px;margin-bottom:12px}.reference-heading h2{font-size:25px;letter-spacing:-1px;line-height:1.5}.reference-heading>span{font-size:11px;line-height:1.9;margin-top:12px}.capabilities-grid,.onboarding-grid{grid-template-columns:1fr;gap:12px}.capability-card{min-height:175px;padding:22px;border-radius:26px}.round-icon{width:38px;height:38px;margin-bottom:17px}.capability-card h3,.onboard-card h3{font-size:15px}.capability-card p,.onboard-card p{font-size:12px}.onboarding-section{padding:60px 22px}.onboarding-section .reference-heading{margin-bottom:28px}.onboard-card{min-height:190px;padding:22px;border-radius:26px}.onboard-card .round-icon{margin-bottom:24px}.reference-endpoint{font-size:10px;gap:20px;max-width:100%;padding:11px 15px}.reference-endpoint span:last-child{font-size:9px}.singularity-home .closing{border-radius:26px!important}}
@media(prefers-reduced-motion:reduce){.tool-pill,.model-pill,.capability-card,.onboard-card{transition:none}}
/* Original brand SVGs and a complete looping YosHub catalogue. */
.brand-mark.brand-official svg,.model-mark.brand-official svg{fill:currentColor;stroke:none}.brand-mark.brand-official{color:#f1f1f4;font-size:20px;width:20px;height:20px}.model-mark.brand-official{color:#eeeef4}.tool-pill{position:relative;z-index:2;cursor:pointer;pointer-events:auto}.model-marquee{position:relative;margin-top:24px;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;border-radius:27px;mask-image:linear-gradient(90deg,transparent,#000 1.5%,#000 98.5%,transparent)}.model-marquee::-webkit-scrollbar{display:none}.model-marquee:focus-visible{outline:1px solid #8b8b9f;outline-offset:5px}.model-scroll-track{display:flex;width:max-content;animation:model-catalogue-scroll 220s linear infinite;will-change:transform}.model-scroll-group{display:flex;gap:12px;padding-right:12px;flex:none}.model-scroll-group .model-pill{width:218px;flex:none;padding:12px 11px;font-size:12px;gap:10px}.model-scroll-group .model-mark{width:38px;height:38px}.model-marquee:hover .model-scroll-track,.model-marquee:focus-within .model-scroll-track,.model-marquee:active .model-scroll-track{animation-play-state:paused}.model-scroll-group .model-pill:focus-visible{outline:1px solid #b9c5df;outline-offset:-3px}.model-scroll-group .model-pill>span:last-child{overflow:hidden;text-overflow:ellipsis}.popular-panel{min-width:0}.gateway-stats strong{letter-spacing:-1px}
@keyframes model-catalogue-scroll{to{transform:translateX(-50%)}}
@media(max-width:720px){.model-marquee{margin-top:20px}.model-scroll-group .model-pill{width:190px;padding:10px;font-size:11px}.model-scroll-group .model-mark{width:32px;height:32px}.model-scroll-track{animation-duration:190s}.brand-mark.brand-official{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.model-scroll-track{animation:none;will-change:auto}.model-scroll-group[aria-hidden="true"]{display:none}}