/* Inner pages of the Space Blueprint visual system. */
html{scroll-padding-top:112px}
body.blueprint-site{
  --orange:#66e1f1;--orange-dark:#7feafa;
  --navy:#071c2f;--navy-2:#0a2940;
  --ink:#edf9ff;--ink-soft:#adc5d0;
  --line:rgba(116,211,234,.2);
  --bg:#071c2f;--bg-soft:#0b263d;
  --radius:5px;--shadow:0 18px 50px rgba(0,0,0,.2);
  background:#071c2f;color:#edf9ff;
}
.blueprint-site ::selection{background:#66e1f1;color:#062338}
.blueprint-site :focus-visible{outline:2px solid #66e1f1;outline-offset:3px}
.blueprint-site .container{max-width:1240px}
.blueprint-site .navbar{padding:0;background:rgba(5,20,34,.91);border-bottom:1px solid rgba(111,218,239,.22);backdrop-filter:blur(16px)}
.blueprint-site .navbar.scrolled{padding:0;background:rgba(5,20,34,.96);box-shadow:0 10px 32px rgba(0,0,0,.26)}
.blueprint-site .nav-inner{min-height:100px;gap:24px}
.blueprint-site .brand-logo{height:46px}
.blueprint-site .nav-links{gap:8px;padding:6px;background:rgba(97,178,205,.07);border:1px solid rgba(118,217,238,.18);border-radius:8px}
.blueprint-site .nav-links a{color:#d0e2ea;font-size:18px;font-weight:700;padding:11px 15px;border-radius:5px;white-space:nowrap}
.blueprint-site .nav-links a:hover{color:#fff;background:rgba(107,210,233,.13)}
.blueprint-site .nav-links a.active{color:#062338;background:#66e1f1;box-shadow:0 0 25px rgba(86,205,233,.2)}
.blueprint-site .nav-cta{gap:16px}
.blueprint-site .nav-tel{font-size:16px;font-weight:700;color:#e5f6fc;white-space:nowrap}
.blueprint-site .nav-tel::before{display:none}
.blueprint-site .nav-action{display:inline-flex;align-items:center;gap:12px;padding:14px 18px;background:#66e1f1;color:#062338;font-size:15px;font-weight:800;white-space:nowrap;border-radius:5px;transition:transform .2s,background .2s}
.blueprint-site .nav-action:hover{transform:translateY(-2px);background:#9af1ff}
.blueprint-site .burger{display:none}

.blueprint-site .page-banner{min-height:540px;padding:170px 0 86px;display:flex;align-items:center;isolation:isolate;background:linear-gradient(115deg,#071c2f 0%,#0a263c 100%);border-bottom:1px solid rgba(111,218,239,.22)}
.blueprint-site .page-banner::before{content:"";position:absolute;inset:0;z-index:-1;background-image:linear-gradient(rgba(85,191,221,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(85,191,221,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%)}
.blueprint-site .page-banner::after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(circle at 72% 50%,rgba(63,189,222,.17),transparent 34%)}
.blueprint-site .page-banner .bg{inset:137px max(24px,calc((100vw - 1200px)/2)) 60px auto;width:42%;max-width:570px;z-index:-1;border:1px solid rgba(102,225,241,.53);padding:12px;background:#0b263d;box-shadow:0 22px 80px rgba(0,0,0,.3),0 0 50px rgba(49,166,201,.14)}
.blueprint-site .page-banner .bg img{opacity:1;object-fit:cover;background:#102f45}
.blueprint-site .page-banner .bg::after{inset:auto 12px 12px;top:60%;background:linear-gradient(transparent,rgba(4,26,42,.4));pointer-events:none}
.blueprint-site .page-banner .inner{width:100%;padding-right:49%}
.blueprint-site .page-banner .inner::before{content:"XI YUE  /  SPACE BLUEPRINT";display:block;width:max-content;max-width:100%;margin-bottom:30px;color:#66e1f1;font-size:12px;font-weight:800;letter-spacing:.16em}
.blueprint-site .breadcrumb{color:#a6c0cc;font-size:13px;margin-bottom:20px}
.blueprint-site .breadcrumb a{color:#b7dce7}
.blueprint-site .page-banner h1{font-size:clamp(40px,4.6vw,66px);line-height:1.19;letter-spacing:.005em;max-width:720px}
.blueprint-site .page-banner p{color:#bdd0d9;font-size:17px;line-height:1.8;max-width:630px;margin-top:22px}
.blueprint-site .page-banner .render-label{display:inline-flex;margin-top:22px;padding:5px 10px;border:1px solid rgba(102,225,241,.65);color:#91e8f5;font-size:12px;font-weight:700}

.blueprint-site .section{padding:86px 0;background:#071c2f}
.blueprint-site .section-alt{background:#0a2135;background-image:linear-gradient(rgba(83,166,199,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(83,166,199,.03) 1px,transparent 1px);background-size:48px 48px;border-block:1px solid rgba(132,211,231,.13)}
.blueprint-site .section-dark{background:linear-gradient(125deg,#0b2941,#0a2035 64%,#0b2b44)}
.blueprint-site .eyebrow{color:#66e1f1;font-size:12px;letter-spacing:.16em}
.blueprint-site .eyebrow::before{background:#66e1f1}
.blueprint-site .section-head{max-width:850px;margin-bottom:40px}
.blueprint-site .section-head h2{font-size:clamp(33px,3.9vw,52px);line-height:1.23;color:#f2f8fb}
.blueprint-site .section-head p,.blueprint-site .section-dark .section-head p{color:#a9c0cd;font-size:16px;line-height:1.8}
.blueprint-site .btn{border-radius:4px;padding:14px 22px}
.blueprint-site .btn-primary{background:#66e1f1;color:#062338;box-shadow:0 8px 26px rgba(59,185,217,.18)}
.blueprint-site .btn-primary:hover{background:#9af1ff;color:#062338}
.blueprint-site .btn-outline{border-color:#66e1f1;color:#e5f7fb}
.blueprint-site .btn-outline:hover{background:#66e1f1;color:#062338}

.blueprint-site .about-grid{gap:70px}
.blueprint-site .about-media{border-radius:4px;border:1px solid rgba(102,225,241,.48);padding:9px;background:#0b263d}
.blueprint-site .about-media img{width:100%;min-height:420px;object-fit:cover}
.blueprint-site .about-badge{left:23px;bottom:23px;background:rgba(4,23,37,.93);border-left:2px solid #66e1f1;border-radius:0;padding:14px 18px}
.blueprint-site .about-badge b{color:#66e1f1}
.blueprint-site .about-text h2{font-size:clamp(30px,3.2vw,45px);line-height:1.28;margin-bottom:18px}
.blueprint-site .about-text p{color:#adc5d0;line-height:1.9}
.blueprint-site .about-list li{background:#0b263d;border:1px solid rgba(112,210,231,.2);border-radius:4px;color:#e7f4f8}
.blueprint-site .about-list li .ic{background:rgba(102,225,241,.11);color:#66e1f1;border-radius:3px}
.blueprint-site .process-grid{gap:16px}
.blueprint-site .process-card{background:#0b263d;border:1px solid rgba(112,210,231,.23);border-top-color:rgba(112,210,231,.65);border-radius:4px;padding:30px 24px}
.blueprint-site .process-card:hover{border-color:#66e1f1}
.blueprint-site .process-card .n{color:rgba(102,225,241,.17)}
.blueprint-site .process-card h4,.blueprint-site .why-card h4{color:#f0f8fb}
.blueprint-site .process-card p,.blueprint-site .why-card p{color:#a9c0cd}
.blueprint-site .why-card{background:#0b263d;border:1px solid rgba(112,210,231,.23);border-radius:4px;box-shadow:none}
.blueprint-site .why-card:hover{border-color:#66e1f1}
.blueprint-site .why-icon{background:rgba(102,225,241,.12);border-radius:4px}

.blueprint-site .product-grid{gap:20px}
.blueprint-site .product-card,.blueprint-site .case-card,.blueprint-site .video-card{background:#0b263d;border:1px solid rgba(112,210,231,.24);border-radius:4px;box-shadow:none}
.blueprint-site .product-card:hover,.blueprint-site .case-card:hover{border-color:#66e1f1;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.blueprint-site .product-media{background:#e9eef0;border-bottom:1px solid rgba(112,210,231,.24)}
.blueprint-site .product-body h4,.blueprint-site .case-body h4,.blueprint-site .video-card-label{color:#f0f8fb}
.blueprint-site .product-body p,.blueprint-site .case-body p,.blueprint-site .case-meta{color:#a9c0cd}
.blueprint-site .product-tag,.blueprint-site .video-card-label .tag{background:rgba(102,225,241,.1);border:1px solid rgba(102,225,241,.35);border-radius:3px;color:#8ceaf5}
.blueprint-site .video-wrap{border:1px solid rgba(102,225,241,.46);border-radius:4px}
.blueprint-site .video-card-label{border-top:1px solid rgba(112,210,231,.2)}
.blueprint-site .filter-btn{border-radius:4px;background:#0b263d;border-color:rgba(112,210,231,.29);color:#bfd3dc;font-size:14px}
.blueprint-site .filter-btn.active,.blueprint-site .filter-btn:hover{background:#66e1f1;border-color:#66e1f1;color:#062338}
.blueprint-site .filter-dropdown{background:#0b263d;border-color:rgba(102,225,241,.3);border-radius:4px}
.blueprint-site .filter-dropdown a{color:#d7ebf2;border-radius:3px}
.blueprint-site .filter-dropdown a:hover{background:rgba(102,225,241,.1);color:#66e1f1}
.blueprint-site .case-grid.wide{grid-template-columns:1fr;gap:24px}
.blueprint-site .case-grid.wide .case-card{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr)}
.blueprint-site .case-grid.wide .case-media{aspect-ratio:auto;min-height:355px;background:#dfe6ea}
.blueprint-site .case-grid.wide .case-media img{padding:10px}
.blueprint-site .case-grid.wide .case-body{padding:35px 34px}
.blueprint-site .case-loc,.blueprint-site .case-photo-count{border-radius:3px;background:rgba(4,29,46,.85);color:#a3ebf3}
.blueprint-site .case-render-label{position:absolute;z-index:2;left:14px;bottom:14px;padding:6px 10px;background:rgba(4,29,46,.88);border:1px solid rgba(102,225,241,.53);color:#a3ebf3;font-size:12px;font-weight:700}
.blueprint-site .case-body h4{font-size:26px}
.blueprint-site .lightbox-overlay{background:rgba(2,16,27,.94)}
.blueprint-site .lightbox-overlay .lightbox-frame{background:#0b263d;border:1px solid rgba(102,225,241,.34);border-radius:5px;box-shadow:0 24px 70px rgba(0,0,0,.5)}
.blueprint-site .lightbox-caption{color:#d8edf4}
.blueprint-site .lightbox-close,.blueprint-site .lightbox-nav{background:#12364d;color:#e4f7fb;border:1px solid rgba(102,225,241,.36)}

.blueprint-site .article-grid{gap:18px}
.blueprint-site .article-card{background:#0b263d;border:1px solid rgba(112,210,231,.23);border-top-color:rgba(112,210,231,.62);border-radius:4px;padding:29px}
.blueprint-site .article-card:hover{border-color:#66e1f1;box-shadow:0 18px 50px rgba(0,0,0,.24)}
.blueprint-site .article-card .article-tag{background:rgba(102,225,241,.1);border:1px solid rgba(102,225,241,.3);border-radius:3px;color:#8ceaf5}
.blueprint-site .article-card h3{color:#f0f8fb}
.blueprint-site .article-card p,.blueprint-site .article-card .article-date{color:#abc2cf}
.blueprint-site .article-body{max-width:860px}
.blueprint-site .article-meta{color:#7fe0ef;border-bottom:1px solid rgba(112,210,231,.21);padding-bottom:19px;margin-bottom:31px}
.blueprint-site .article-body h2{color:#edf9ff;font-size:clamp(26px,2.7vw,34px);padding-left:17px;border-left:3px solid #66e1f1}
.blueprint-site .article-body h3,.blueprint-site .article-body strong,.blueprint-site .article-body .faq-item h4{color:#e9f7fc}
.blueprint-site .article-body p,.blueprint-site .article-body li{color:#bfd0da;line-height:1.95}
.blueprint-site .article-lead{background:#0b2a42;border-left-color:#66e1f1;color:#e8f7fb;border-radius:0 4px 4px 0}
.blueprint-site .article-lead strong{color:#8beafa}
.blueprint-site .article-callout,.blueprint-site .article-note,.blueprint-site .article-disclaimer{background:#0b2a42;border:1px solid rgba(102,225,241,.26);border-left:3px solid #66e1f1;border-radius:4px;color:#bbd0d9}
.blueprint-site .article-callout p{color:#e0f0f6}
.blueprint-site .article-related{color:#a9c0cd;margin-top:26px}
.blueprint-site .article-related a,.blueprint-site .article-body a:not(.btn){color:#80e6f2}
.blueprint-site .article-cta{background:linear-gradient(125deg,#0c3550,#0a263d);border:1px solid rgba(102,225,241,.38);border-radius:4px}
.blueprint-site .article-cta h3{color:#f3fbff}
.blueprint-site .article-cta p{color:#adc5d0}
.blueprint-site .price-table th,.blueprint-site .price-table td{border-color:rgba(112,210,231,.24)}
.blueprint-site .price-table th{background:#0b2a42;color:#e8f8fc}
.blueprint-site .price-table td{color:#bad0d9}
.blueprint-site .faq-item{border-color:rgba(112,210,231,.24)}
.blueprint-site .faq-item h4::before{color:#66e1f1}
.blueprint-site .faq-item p{color:#adc5d0}
.blueprint-site .seo-figure img{background:#dfe8ec;border:1px solid rgba(112,210,231,.23);border-radius:4px}
.blueprint-site .seo-figure figcaption,.blueprint-site .factory-photo-grid figcaption{color:#9fb9c7}

.blueprint-site .contact-info h3{font-size:clamp(26px,3vw,38px);line-height:1.3}
.blueprint-site .contact-item{padding-bottom:16px;border-bottom:1px solid rgba(112,210,231,.14)}
.blueprint-site .contact-item .ic{background:rgba(102,225,241,.11);border:1px solid rgba(102,225,241,.23);color:#66e1f1;border-radius:4px}
.blueprint-site .contact-item span{color:#b6ccd6}
.blueprint-site .quick-contact{background:#0b263d;border:1px solid rgba(102,225,241,.42);border-radius:4px;color:#eaf7fc;box-shadow:0 18px 50px rgba(0,0,0,.16)}
.blueprint-site .quick-contact h3{color:#f4fbff;font-size:25px}
.blueprint-site .quick-contact p.sub,.blueprint-site .qc-qr p{color:#a9c0cd}
.blueprint-site .qc-btn{background:#0e324b;border-color:rgba(112,210,231,.25);border-radius:4px}
.blueprint-site .qc-btn:hover{background:#16435a;border-color:#66e1f1}
.blueprint-site .qc-btn.qc-primary,.blueprint-site .qc-btn.qc-primary:hover{background:#66e1f1;border-color:#66e1f1}
.blueprint-site .qc-btn.qc-primary .qc-text b,.blueprint-site .qc-btn.qc-primary .qc-text small{color:#062338}
.blueprint-site .qc-icon{background:rgba(102,225,241,.13);color:#66e1f1;border-radius:4px}
.blueprint-site .qc-btn.qc-primary .qc-icon{background:rgba(6,35,56,.12);color:#062338}
.blueprint-site .qc-text b{color:#eaf7fc}
.blueprint-site .qc-text small{color:#adc5d0}
.blueprint-site .qc-divider{color:#adc5d0}
.blueprint-site .qr-box{border-radius:4px}
.blueprint-site .qc-qr img{border-radius:4px}

.blueprint-site .footer{background:#061827;border-top:1px solid rgba(125,197,217,.18);color:#a8bdc9;padding-top:58px}
.blueprint-site .footer-brand p{line-height:1.85}
.blueprint-site .footer-col h5{font-size:15px;color:#f0f9fc}
.blueprint-site .footer-col li{line-height:1.8}
.blueprint-site .footer-col a:hover{color:#66e1f1}
.blueprint-site .float-btn{border-radius:5px;background:#66e1f1;color:#062338;box-shadow:0 9px 23px rgba(36,156,187,.25)}
.blueprint-site .float-btn.top{background:#12364d;color:#dbf3fa}

@media(max-width:1100px){
  .blueprint-site .nav-inner{gap:15px}
  .blueprint-site .nav-links{gap:3px}
  .blueprint-site .nav-links a{font-size:16px;padding:10px 10px}
  .blueprint-site .nav-cta{gap:10px}
  .blueprint-site .nav-tel{font-size:14px}
  .blueprint-site .nav-action{font-size:14px;padding:12px}
}
@media(max-width:900px){
  .blueprint-site .navbar,.blueprint-site .navbar.scrolled{padding:7px 0 9px}
  .blueprint-site .nav-inner{min-height:0;flex-wrap:wrap;gap:0}
  .blueprint-site .brand-logo{height:40px}
  .blueprint-site .nav-links{display:flex!important;order:3;flex:0 0 100%;width:100%;justify-content:space-between;overflow-x:auto;scrollbar-width:none;margin-top:8px;padding:8px 0 0;background:transparent;border:0;border-top:1px solid rgba(118,217,238,.2);border-radius:0}
  .blueprint-site .nav-links::-webkit-scrollbar{display:none}
  .blueprint-site .nav-links a{font-size:15px;padding:7px 11px;flex:none}
  .blueprint-site .nav-cta{margin-left:auto}
  .blueprint-site .nav-tel,.blueprint-site .burger{display:none!important}
  .blueprint-site .page-banner{min-height:590px;padding-top:166px;padding-bottom:63px;align-items:flex-start}
  .blueprint-site .page-banner .inner{padding-right:0;max-width:100%}
  .blueprint-site .page-banner .bg{inset:auto 24px 40px auto;width:48%;height:235px;opacity:.72}
  .blueprint-site .page-banner p{max-width:60%}
  .blueprint-site .case-grid.wide .case-card{grid-template-columns:1fr}
  .blueprint-site .case-grid.wide .case-media{min-height:0;aspect-ratio:16/9}
}
@media(max-width:640px){
  html{scroll-padding-top:122px}
  .blueprint-site .nav-inner{padding:2px 0}
  .blueprint-site .brand-logo{height:34px}
  .blueprint-site .nav-action{padding:10px 11px;font-size:12px;gap:7px}
  .blueprint-site .nav-links{gap:3px;margin-top:6px;padding-top:6px}
  .blueprint-site .nav-links a{font-size:15px;padding:6px 7px}
  .blueprint-site .page-banner{min-height:520px;padding:149px 0 58px}
  .blueprint-site .page-banner .inner::before{font-size:10px;margin-bottom:20px}
  .blueprint-site .page-banner h1{font-size:clamp(35px,9.5vw,47px)}
  .blueprint-site .page-banner p{font-size:15px;max-width:100%;line-height:1.7}
  .blueprint-site .page-banner .bg{inset:auto 24px 23px;opacity:.25;width:auto;height:48%;border:0;padding:0;box-shadow:none}
  .blueprint-site .page-banner .bg::after{inset:0;background:linear-gradient(180deg,#071c2f,transparent 50%,#071c2f)}
  .blueprint-site .section{padding:58px 0}
  .blueprint-site .section-head h2{font-size:clamp(31px,8.3vw,42px)}
  .blueprint-site .section-head p{font-size:14px}
  .blueprint-site .about-media img{min-height:260px}
  .blueprint-site .about-list{grid-template-columns:1fr}
  .blueprint-site .case-grid.wide .case-body{padding:23px 20px}
  .blueprint-site .case-body h4{font-size:22px}
  .blueprint-site .article-card{padding:23px}
  .blueprint-site .article-body h2{font-size:25px}
  .blueprint-site .article-lead{padding:18px;font-size:16px}
  .blueprint-site .article-body p,.blueprint-site .article-body li{font-size:15px}
  .blueprint-site .article-cta{padding:23px}
  .blueprint-site .quick-contact{padding:25px}
  .blueprint-site .footer{padding-top:40px}
  .blueprint-site .float-cta{right:12px;bottom:14px}
  .blueprint-site .float-btn{width:44px;height:44px;font-size:18px}
  .blueprint-site .float-btn.top{display:none}
}
@media(prefers-reduced-motion:reduce){.blueprint-site *, .blueprint-site *::before,.blueprint-site *::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}