/* Original galaxy, file gallery and connected delivery — Xingxu website v2. */
:root{--accent:#aabaff;--brand-blue:#4f66e8;--paper:#f6f8fc;--paper-ink:#17223a}
body{font-family:Arial,"Microsoft YaHei",sans-serif}.brand img.brand-logo{width:148px}.site-nav{gap:28px}.hero{background:#05080e;min-height:780px;height:min(940px,100svh)}
.hero-galaxy{position:absolute;inset:0;overflow:hidden}.hero-galaxy img{width:100%;height:100%;object-fit:cover;object-position:66% 50%;filter:saturate(.88);transform:scale(1.035);will-change:transform}.hero-art canvas{position:absolute;inset:0;z-index:1}.hero-shade{z-index:2;background:linear-gradient(90deg,#05080ebd 0%,#05080e66 32%,transparent 57%),linear-gradient(0deg,#05080e,transparent 17%,transparent 84%,#05080e50)}.hero h1 span{color:#c1ccff}.hero h1{font-size:clamp(46px,4.5vw,68px)}.hero-lead{font-size:18px;max-width:490px;color:#c4ccda}.hero-caption{letter-spacing:1.8px;font-size:11px;opacity:.8}.hero-content{padding-top:clamp(200px,24vh,265px)}
@keyframes galaxy-depth{from{transform:scale(1.035) translate(0,0)}to{transform:scale(1.075) translate(-.6%,.5%)}}
html[data-motion="active"] .hero.fx-visible .hero-galaxy img{animation:galaxy-depth 24s ease-in-out infinite alternate}
.section{padding:100px 0}.section-top{margin-bottom:38px}.section-heading{margin-bottom:44px}
.approach{background:#101114;border-top:1px solid #ffffff15}.approach:before{background:radial-gradient(ellipse at 50% 100%,#4f66e81a,transparent 60%)}.approach-heading>p{max-width:450px}.strategy-map{display:grid;grid-template-columns:repeat(4,1fr);position:relative;margin-top:54px;gap:28px}.strategy-line{position:absolute;left:30px;right:30px;top:32px;height:1px;background:linear-gradient(90deg,#4f66e8,#bfd0fb88,#4f66e8);overflow:hidden}.strategy-line:after{content:"";position:absolute;width:20%;height:2px;background:linear-gradient(90deg,transparent,#fff,transparent);transform:translateX(-110%)}
.strategy-map article{position:relative;padding:0 0 8px}.map-symbol{position:relative;display:flex;align-items:center;justify-content:center;border:1px solid #506397;width:64px;height:64px;background:#101114;border-radius:50%;font-size:16px;color:#d2dbfa;font-variant-numeric:tabular-nums}.strategy-map h3{font-size:24px;margin:22px 0 12px}.strategy-map p{font-size:15px;color:#d0d7e3}.strategy-map small{display:block;font-size:12px;color:#a6afbf;margin-top:6px}.approach-foot img{flex:none}.approach-foot .text-link{margin-left:auto;flex:none;font-size:12px}.approach-foot p{max-width:720px}
@keyframes map-progress{to{transform:translateX(610%)}}html[data-motion="active"] .fx-visible .strategy-line:after{animation:map-progress 7s linear infinite}
.projects{background:#080d16}.project-grid{grid-template-rows:355px 355px;gap:22px}.project-feature img{object-position:44% 50%;filter:saturate(.75) brightness(.7)}.project-feature:after{background:linear-gradient(180deg,#07101a1a 20%,#07101a50 48%,#030a12f2 100%)}.project-feature .project-content strong{font-size:33px}.project-content strong{font-size:25px}.project-content{left:28px;right:28px;bottom:28px}.project-evidence{display:block;margin-top:14px;line-height:1.6;font-size:12px;color:#d0d8e7}.project-more{margin-top:18px}.project-rows strong{font-size:17px}.project-feature{cursor:pointer}
.deliverables{background:var(--paper);color:var(--paper-ink);color-scheme:light}.deliverables:before{background:radial-gradient(ellipse at 10% 0%,#4f66e809,transparent 65%)}.deliverables .eyebrow,.deliverables .text-link{color:#4f66e8}.deliverables .section-heading>p{color:#647089}.delivery-showcase{display:grid;grid-template-columns:260px minmax(0,1fr);border:1px solid #dce1ec;background:#fff;box-shadow:0 28px 80px #17223a0a;min-width:0}.showcase-menu{padding:26px 0;background:#eef1f8;border-right:1px solid #dce1ec}.showcase-label{padding:0 24px 20px;font-size:10px;letter-spacing:1.2px;color:#647089}.showcase-tabs{display:flex;flex-direction:column}.showcase-tabs button{position:relative;text-align:left;display:grid;grid-template-columns:24px 1fr;gap:3px 10px;padding:19px 24px;border:0;background:transparent;color:#17223a;border-left:3px solid transparent;min-height:90px;transition:background .3s,border-color .3s}.showcase-tabs button>span{grid-row:span 2;font-size:11px;color:#647089;padding-top:3px}.showcase-tabs strong{font-size:17px;font-weight:500;line-height:1.5}.showcase-tabs small{font-size:11px;color:#647089;line-height:1.5}.showcase-tabs button[aria-selected="true"]{background:#fff;border-left-color:#4f66e8}.showcase-tabs button[aria-selected="true"] strong{color:#3c53d7}.showcase-tabs button:hover{background:#f8f9fe}.showcase-tabs button:focus-visible{outline-color:#4f66e8;outline-offset:-4px}.showcase-download{display:flex;margin:26px 24px 0;padding-top:22px;border-top:1px solid #d6dce8;font-size:12px;color:#465cc9;justify-content:space-between}.showcase-panel{min-width:0;display:flex;flex-direction:column}.showcase-toolbar{height:52px;border-bottom:1px solid #e8ebf2;display:flex;justify-content:space-between;align-items:center;padding:0 22px;color:#647089;font-size:10px;letter-spacing:1.4px}.showcase-enlarge{background:none;color:#3c53d7;border:0;padding:10px 0 10px 12px;min-height:44px;font-size:12px;letter-spacing:0}.showcase-image-button{border:0;background:#f6f8fc;padding:0;display:block;width:100%;overflow:hidden}.showcase-image-button img{width:100%;aspect-ratio:16/9;object-fit:contain;transition:transform .7s var(--ease)}.showcase-image-button:hover img{transform:scale(1.015)}.showcase-caption{padding:22px 24px;border-top:1px solid #e8ebf2;margin-top:auto}.showcase-caption h3{font-size:19px}.showcase-caption p{font-size:11px;color:#647089;margin-top:5px;line-height:1.8}.showcase-panel:focus-visible{outline-color:#4f66e8;outline-offset:-3px}
.services{background:#101114}.services:before{background:radial-gradient(ellipse at 80% 70%,#4f66e816,transparent 55%)}.services-layout{grid-template-columns:1fr 1.08fr;gap:60px}.service-map{position:sticky;top:124px;background:#f2f4f7;color:#17223a;padding:34px;overflow:hidden;border:1px solid #dce1ec}.service-map-head{display:flex;align-items:center;gap:16px}.service-map-head span{font-size:10px;letter-spacing:1.6px;line-height:1.8;color:#647089}.service-map h3{font-size:32px;line-height:1.4;margin:22px 0 24px}.file-stack{display:flex;flex-direction:column;gap:8px}.file-stack>div{display:grid;grid-template-columns:40px 1fr;gap:1px 12px;background:#fff;border:1px solid #dce1ec;padding:13px 16px;border-left:2px solid #4f66e8}.file-stack b{font-size:14px;font-weight:500;grid-row:span 2}.file-stack span{font-size:12px}.file-stack small{font-size:10px;color:#647089;letter-spacing:.5px}.service-map figcaption{font-size:10px;color:#647089;margin-top:20px}.service-detail{color:#a6afbf}.service-list details[open] summary{color:#c1ccff}
.ai-workflow{background:#090f1c;border-block:1px solid #253040}.ai-layout{display:grid;grid-template-columns:1fr 1.1fr;gap:72px;align-items:center}.ai-copy h2{margin:24px 0}.ai-copy>p:not(.eyebrow){font-size:15px;color:#a6afbf;line-height:2}.ai-copy .text-link{margin-top:28px}.ai-flow{display:grid;grid-template-columns:1fr 1fr;gap:16px;position:relative;padding:36px 0}.ai-flow article{position:relative;z-index:1;padding:26px;background:linear-gradient(130deg,#17213a,#0d172a);border:1px solid #334369;min-height:192px;box-shadow:0 12px 24px #0002}.ai-flow article>span{font-size:10px;letter-spacing:1.5px;color:#aabaff}.ai-flow h3{font-size:19px;margin:15px 0 10px}.ai-flow p{font-size:13px;color:#a6afbf;line-height:1.8}.ai-flow-line{position:absolute;left:50%;top:0;bottom:50px;width:1px;background:#4f66e8;box-shadow:0 0 25px #4f66e880}.ai-flow-note{grid-column:1/-1;text-align:center;font-size:10px!important;margin-top:8px;position:relative;z-index:1}
.process{background:#101114}.process:before{opacity:.45}.process-track li:before{background:#aabaff}.process-track h3{font-size:19px}.process-track p{color:#a6afbf}.budget{background:#101114;padding-top:30px;padding-bottom:90px}.budget-panel{background:radial-gradient(ellipse at 5% 30%,#4f66e81f,transparent 60%),#111828;border-color:#3d4d70}.budget-copy h2{font-size:34px}.about{background:#f6f8fc;color:#17223a;color-scheme:light}.about:before{background:radial-gradient(ellipse at 0% 100%,#4f66e80b,transparent 65%)}.about-layout{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about .eyebrow,.about .text-link{color:#4f66e8}.about-copy h2{margin:24px 0}.about-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;color:#647089;max-width:450px}.about-copy>p+p{margin-top:15px}.about-identity{display:flex;gap:24px;align-items:center;margin:30px 0;padding:24px;background:#101114;color:#f2f4f7}.about-identity img{width:128px;height:auto;flex:none}.about-identity span{font-size:11px;line-height:1.9;color:#c0c7d2}.faq-list>h3{font-size:27px;margin:20px 0 22px}.faq-list details{border-top:1px solid #dce1ec}.faq-list details:last-child{border-bottom:1px solid #dce1ec}.faq-list summary{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:75px;list-style:none;font-size:15px}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{font-size:20px;color:#4f66e8}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list p{font-size:13px;color:#647089;padding:0 25px 24px 0;line-height:1.9}.contact{background:radial-gradient(ellipse at 50% 100%,#4f66e82d,transparent 65%),#080d16}.contact h2{font-size:clamp(30px,3.2vw,46px)}
.asset-dialog{width:min(1300px,calc(100% - 32px));background:#f6f8fc;color:#17223a;border-color:#dce1ec;max-height:calc(100svh - 40px);border-radius:2px;color-scheme:light}.asset-dialog-header{display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#fff;border-bottom:1px solid #dce1ec;position:sticky;top:0;z-index:1;gap:20px}.asset-dialog-header h2{font-size:19px;line-height:1.5}.asset-dialog-header p{font-size:11px;color:#647089}.asset-dialog-close{width:44px;height:44px;background:transparent;border:1px solid #dce1ec;color:#17223a;font-size:26px;flex:none}.asset-dialog>img{width:100%;height:auto}.asset-dialog>p{padding:16px 24px 22px;font-size:12px;line-height:1.9;color:#647089}.asset-dialog::backdrop{background:#05080ee0}.asset-dialog :focus-visible{outline-color:#4f66e8}
.work-hero{padding:72px 0 64px;background:#101114;border-bottom:1px solid #253040}.work-hero h1{font-size:clamp(34px,4vw,58px);line-height:1.35;margin:24px 0}.work-hero p:not(.eyebrow){max-width:650px;color:#a6afbf;font-size:16px}.work-hero .text-link{margin-top:25px}.work-intro{display:grid;grid-template-columns:1fr 1.5fr;gap:70px;margin-bottom:48px}.work-intro p{color:#647089;font-size:15px;line-height:1.9}.work-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px}.work-card{background:#fff;border:1px solid #dce1ec;min-width:0}.work-card button{width:100%;border:0;background:#f6f8fc;padding:0}.work-card img{width:100%;aspect-ratio:16/9;object-fit:contain}.work-card figcaption{padding:24px;color:#17223a}.work-card h3{font-size:20px}.work-card p{font-size:12px;color:#647089;margin-top:8px;line-height:1.8}.work-bottom{margin-top:42px;border-top:1px solid #dce1ec;padding-top:26px;display:flex;gap:28px;flex-wrap:wrap;color:#465cc9;font-size:14px}
.showcase-image-button img,.work-card img{height:auto}
h2,.work-hero h1{text-wrap:balance}
@media(max-width:360px){.hero #hero-title{font-size:32px}.section h2,.section .ai-copy h2,.section .about-copy h2,.section .budget-copy h2{font-size:27px}.services .service-map h3{font-size:20px}.work-hero h1{font-size:30px}}
.work-hero-layout{display:grid;grid-template-columns:1.3fr .7fr;gap:70px;align-items:center}.work-hero-mark{padding:35px 0 10px;text-align:center}.work-hero-mark img{width:min(100%,320px);height:auto;margin:0 auto}.work-hero-mark figcaption{font-size:10px;letter-spacing:1.6px;color:#a6afbf;margin-top:32px}
@media(max-width:800px){.work-hero-layout{grid-template-columns:1fr;gap:24px}.work-hero-mark{display:flex;align-items:center;gap:24px;text-align:left;padding:0}.work-hero-mark img{width:140px;margin:0}.work-hero-mark figcaption{margin:0;font-size:9px;max-width:200px}}
.digital-showcase{margin-top:70px;border-top:1px solid #dce1ec;padding-top:48px;display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:center}.digital-copy h2{margin:20px 0}.digital-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#647089}.digital-copy .text-link{margin-top:20px}.digital-devices{position:relative;padding:25px 12% 35px 0}.digital-devices button{padding:0;display:block;border:5px solid #17223a;box-shadow:0 16px 35px #17223a25;background:#101114;overflow:hidden}.digital-desktop{width:100%;border-radius:5px}.digital-desktop img{width:100%;height:auto}.digital-mobile{position:absolute;right:0;bottom:0;width:26%;border-radius:16px!important}.digital-mobile img{width:100%;height:auto}
@media(max-width:800px){.digital-showcase{grid-template-columns:1fr;gap:20px}.digital-devices{max-width:650px}}@media(max-width:560px){.digital-showcase{margin-top:45px;padding-top:34px}.digital-devices{padding-bottom:40px}.digital-devices button{border-width:3px}.digital-mobile{border-radius:10px!important}}
.hero{min-height:720px}
.asset-viewer{overflow:auto;max-height:calc(100svh - 224px);background:#f6f8fc;overscroll-behavior:contain}.asset-viewer img{width:var(--asset-zoom,100%);max-width:none;height:auto}.asset-zoom-controls{display:flex;align-items:center;gap:8px;padding:8px 18px;background:#fff;border-bottom:1px solid #dce1ec}.asset-zoom-controls button{border:1px solid #dce1ec;background:#fff;color:#17223a;min-height:44px;min-width:44px;padding:6px 10px;font-size:14px}.asset-zoom-controls button:disabled{opacity:.4;cursor:default}.asset-zoom-controls output{width:48px;text-align:center;font-size:12px;color:#647089}.asset-zoom-controls>span{margin-left:auto;color:#647089;font-size:11px}.asset-dialog-header{position:relative}.asset-viewer:focus-visible{outline-offset:-4px}.asset-dialog>p{padding-top:12px;padding-bottom:14px}
html[data-motion="paused"] .showcase-image-button:hover img{transform:none}
@media(max-width:560px){.asset-zoom-controls{padding:8px 12px;gap:5px}.asset-zoom-controls>span{display:none}.asset-viewer{max-height:calc(100svh - 240px)}}
@media(min-width:1600px){.hero{height:900px}.hero-content{padding-top:250px}}
@media(max-width:1100px){.site-nav{gap:20px}.brand img.brand-logo{width:130px}.delivery-showcase{grid-template-columns:220px minmax(0,1fr)}.showcase-tabs button{padding:17px 18px}.services-layout{gap:36px}.about-layout{gap:50px}.ai-layout{gap:40px}.service-map{padding:26px}.service-map h3{font-size:29px}}
@media(max-width:800px){.header-inner{min-height:80px}.brand img.brand-logo{width:122px}.hero{height:880px;min-height:880px}.hero-content{padding-top:150px}.hero h1{font-size:48px}.hero-galaxy{top:300px;bottom:0}.hero-galaxy img{object-position:77% 50%;filter:saturate(.86)}.hero-shade{background:linear-gradient(180deg,#05080e 8%,#05080eaa 33%,transparent 52%,transparent 78%,#05080e 100%)}.hero-lead{font-size:17px;line-height:1.9}.section{padding:76px 0}.strategy-map{grid-template-columns:1fr 1fr;gap:30px 24px}.strategy-line{display:none}.map-symbol{width:48px;height:48px;font-size:13px}.strategy-map h3{font-size:22px;margin-top:16px}.strategy-map p{font-size:14px}.approach-foot{flex-wrap:wrap}.approach-foot .text-link{margin-left:50px}.project-grid{grid-template-rows:310px 310px}.project-content{left:22px;right:22px}.project-feature .project-content strong{font-size:28px}.project-content strong{font-size:22px}.project-evidence{font-size:11px}.delivery-showcase{display:flex;flex-direction:column}.showcase-menu{padding:20px 0 0;border-right:0;border-bottom:1px solid #dce1ec}.showcase-label{padding-bottom:14px}.showcase-tabs{flex-direction:row;overflow-x:auto;padding:0 16px 14px;scrollbar-width:thin;gap:8px}.showcase-tabs button{flex:0 0 auto;min-height:68px;padding:12px 16px;border:1px solid #dce1ec;border-bottom:3px solid transparent;grid-template-columns:18px 1fr;background:#f6f8fc}.showcase-tabs button[aria-selected="true"]{border-left-color:#dce1ec;border-bottom-color:#4f66e8}.showcase-tabs strong{font-size:14px}.showcase-tabs small{font-size:10px}.showcase-download{margin:0;padding:12px 24px;border-top:1px solid #dce1ec}.showcase-caption{padding:20px 24px}.showcase-caption h3{font-size:18px}.service-map{position:relative;top:auto}.services-layout{grid-template-columns:1fr}.service-map h3{font-size:30px}.file-stack{display:grid;grid-template-columns:1fr 1fr}.file-stack>div{display:flex;flex-direction:column;gap:5px;padding:16px}.ai-layout{grid-template-columns:1fr;gap:24px}.ai-flow{max-width:650px;width:100%;padding-top:18px}.ai-copy h2{font-size:34px}.about-layout{grid-template-columns:1fr;gap:45px}.about-copy>p:not(.eyebrow){max-width:600px}.work-hero{padding-top:48px}.work-intro{grid-template-columns:1fr;gap:24px}.work-grid{gap:20px}.asset-dialog-header{padding:14px 18px}}
@media(max-width:560px){.hero{height:870px;min-height:870px}.hero-content{padding-top:140px}.hero h1{font-size:clamp(34px,8.7vw,46px);letter-spacing:-1px}.hero-eyebrow{font-size:9px;letter-spacing:1.2px}.hero-galaxy{top:315px;bottom:20px}.hero-lead{font-size:15px;margin-top:22px;line-height:1.9}.hero-actions{gap:20px;margin-top:28px}.hero-actions .button{padding:14px 18px;font-size:13px}.hero-caption{bottom:106px;font-size:9px;letter-spacing:1px}.hero-bottom{bottom:24px}.hero-bottom>p{max-width:185px;line-height:1.8;gap:4px 8px}.motion-toggle{font-size:10px;padding:7px 10px}.section{padding:66px 0}.section-top{margin-bottom:28px}.strategy-map{margin-top:36px;gap:28px 20px}.strategy-map h3{font-size:20px}.strategy-map p{font-size:12px}.strategy-map small{font-size:11px;max-width:130px}.approach-foot{gap:14px;align-items:flex-start}.approach-foot img{width:28px;height:auto}.approach-foot p{flex:1;font-size:12px;min-width:210px}.approach-foot .text-link{margin-left:42px}.project-grid{gap:18px}.project-feature{height:470px}.project-card:not(.project-feature){height:350px}.project-content strong{font-size:25px}.project-feature .project-content strong{font-size:28px}.project-evidence{font-size:11px}.showcase-toolbar{height:48px;padding:0 16px}.showcase-caption{padding:18px}.showcase-caption p{font-size:11px}.service-map{padding:26px 22px}.service-map h3{font-size:28px}.file-stack{grid-template-columns:1fr}.file-stack>div{display:grid;grid-template-columns:40px 1fr;gap:2px 10px;padding:13px 15px}.service-map figcaption{font-size:10px}.ai-copy h2{font-size:29px}.ai-copy>p:not(.eyebrow){font-size:14px}.ai-flow{gap:12px}.ai-flow article{padding:20px 16px;min-height:192px}.ai-flow h3{font-size:16px}.ai-flow p{font-size:12px}.ai-flow article>span{font-size:9px;letter-spacing:1.2px}.budget{padding-top:10px;padding-bottom:60px}.budget-copy h2{font-size:29px}.about-copy h2{font-size:29px}.about-identity{padding:20px;gap:16px;flex-wrap:wrap}.about-identity img{width:120px}.about-identity span{font-size:11px}.faq-list>h3{font-size:25px}.faq-list summary{font-size:14px;min-height:74px}.faq-list p{font-size:13px;padding-right:10px}.contact h2{font-size:28px}.asset-dialog-header h2{font-size:17px}.asset-dialog>p{padding:14px 18px;font-size:11px}.work-hero{padding:44px 0 52px}.work-hero p:not(.eyebrow){font-size:14px}.work-grid{grid-template-columns:1fr}.work-card figcaption{padding:20px}.work-card h3{font-size:18px}.work-intro{margin-bottom:30px}.work-bottom{font-size:13px}}