:root{--bg:#081c24;--panel:#102a35;--ink:#102a35;--teal:#007f87;--mint:#79d6d2;--light:#f3f8fa;--muted:#9cb3bd;--line:rgba(165,207,216,.18);--ease:cubic-bezier(.2,.7,.2,1)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:96px}body{margin:0;background:var(--bg);color:var(--light);font-family:Inter,"Segoe UI","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:3px solid #42bcb9;outline-offset:6px}svg{display:block}.symbols{position:absolute;width:0;height:0}.skip{position:fixed;left:16px;top:-100px;background:var(--mint);color:var(--ink);padding:14px;z-index:100}.skip:focus{top:12px}.header{height:96px;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:0 5.5%;position:absolute;top:0;width:100%;z-index:10;border-bottom:1px solid var(--line);background:linear-gradient(#081c2490,transparent)}.brand{display:flex;gap:12px;align-items:center;flex-shrink:0}.brand svg{width:38px;height:38px;color:var(--mint)}.brand>span{font-size:24px;letter-spacing:1px;font-weight:750;line-height:1}.brand small{display:block;font-size:12px;font-weight:400;letter-spacing:5px;margin-top:8px}.header nav{display:flex;gap:32px;align-items:center;margin-left:auto;font-size:14px}.header nav a{transition:color .2s}.header nav a:hover{color:var(--mint)}.nav-contact{border:1px solid #4d777f;padding:12px 20px}.nav-actions{display:flex;align-items:center;gap:20px}.motion{background:none;border:none;font-size:12px;color:var(--muted);padding:10px 0}.motion span{color:var(--mint);margin-left:4px}#menu{display:none}.hero{min-height:850px;height:100svh;max-height:1200px;position:relative;overflow:hidden;padding:174px 5.5% 130px;display:flex;align-items:center}.hero-image{position:absolute;inset:0;background:url('assets/hero.png') center right/cover no-repeat;opacity:.63;animation:scene 20s ease-in-out infinite alternate}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#081c24 0%,#081c24e8 24%,#081c2430 74%),linear-gradient(0deg,#081c24,transparent 35%)}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(#8ac7c706 1px,transparent 1px),linear-gradient(90deg,#8ac7c706 1px,transparent 1px);background-size:100px 100px}.hero-copy{position:relative;z-index:2;width:58%}.eyebrow{font-size:12px;font-weight:600;letter-spacing:2.5px;color:var(--mint);display:flex;align-items:center;gap:12px}.eyebrow i{width:20px;height:2px;background:var(--mint)}h1{font-size:clamp(62px,6.4vw,112px);line-height:1.23;letter-spacing:-4px;margin:28px 0 23px;font-weight:750}h1 span{color:var(--mint)}.hero-lead{font-size:clamp(18px,1.6vw,25px);line-height:1.8;margin:0 0 14px;color:#dbe9ea}.hero-detail{font-size:14px;color:var(--muted);letter-spacing:1px}.hero-buttons{display:flex;gap:14px;margin-top:32px}.button{min-height:51px;display:inline-flex;justify-content:center;align-items:center;padding:0 25px;font-size:14px;transition:transform .25s,background .25s}.button:hover{transform:translateY(-3px)}.primary{background:var(--mint);color:var(--ink);font-weight:600}.primary:hover{background:#a2ece4}.ghost{border:1px solid #729b9e70;background:#102a3530}.ghost:hover{background:#ffffff10}.creative-device{position:absolute;right:8%;top:33%;width:30%;max-width:460px;background:linear-gradient(135deg,#0b263571,#122e3238);border:1px solid #99dfdb33;backdrop-filter:blur(16px);z-index:2;transform:perspective(1200px) rotateY(-8deg);transition:transform .7s var(--ease)}.creative-device:hover{transform:perspective(1200px) rotateY(0)}.device-top,.device-bottom{display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:1px;color:#b1d9d9;padding:18px 20px}.device-top{border-bottom:1px solid var(--line)}.device-top span:last-child{font-size:12px;letter-spacing:0}#recompose{background:none;border:0;display:block;width:100%;padding:20px 65px}#recompose svg{width:100%;filter:drop-shadow(0 15px 30px #00c2b520)}.piece{fill:var(--mint);transition:transform 1s var(--ease),fill 1s}.p2{fill:#20999d}.p3{fill:#0f6c78}.creative-device[data-layout="1"] .p1{transform:translate(0,-15px)}.creative-device[data-layout="1"] .p2{transform:translate(20px,8px)}.creative-device[data-layout="1"] .p3{transform:translate(-14px,12px)}.creative-device[data-layout="2"] .p1{transform:translate(15px,25px)}.creative-device[data-layout="2"] .p2{transform:translate(-42px,-26px)}.creative-device[data-layout="2"] .p3{transform:translate(40px,0)}.device-bottom{border-top:1px solid var(--line);letter-spacing:0;gap:12px;font-size:12px}.device-bottom>span{max-width:55%;line-height:1.6}.device-bottom button{background:none;border:0;padding:8px 0;white-space:nowrap;font-size:12px}.device-bottom b{font-size:20px;margin-left:10px;font-weight:400}.hero-bottom{position:absolute;bottom:35px;left:5.5%;right:5.5%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:24px;color:var(--muted);font-size:12px;letter-spacing:1px}.hero-bottom a{display:flex;gap:15px;align-items:center}.scroll-line{width:1px;height:22px;background:var(--mint);animation:scroll 2s ease-in-out infinite}.service-ribbon{padding:26px 0;overflow:hidden;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0c242c}.service-ribbon>div{white-space:nowrap;display:inline-block;animation:marquee 42s linear infinite;font-size:17px;letter-spacing:3px;color:#aac4c9}.service-ribbon b{margin:0 48px;color:var(--mint);font-weight:400}.section{padding:110px 7%;scroll-margin-top:0}.section-head{display:flex;justify-content:space-between;gap:40px;align-items:flex-end;margin-bottom:50px}h2{font-size:clamp(30px,3.2vw,50px);line-height:1.45;letter-spacing:-1.5px;margin:22px 0 0}h2 span{color:var(--muted)}.section-head>p{font-size:16px;line-height:1.9;color:var(--muted);margin:0 0 7px}.service-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line)}.service-tabs button{border:0;border-bottom:3px solid transparent;background:none;text-align:left;padding:24px 10px;font-size:19px;color:#9cb3bd;transition:background .25s}.service-tabs button span{font-size:12px;margin-right:16px;color:#6e929c}.service-tabs button[aria-selected="true"]{color:var(--mint);border-bottom-color:var(--mint);background:#79d6d207}.service-tabs button:hover{background:#ffffff06}.service-panel{display:grid;grid-template-columns:1.1fr 1fr;gap:50px;padding-top:48px}.micro{font-size:12px;letter-spacing:2px;color:var(--mint)}.service-content{padding:12px 0}.service-content h3{font-size:clamp(26px,2.6vw,39px);line-height:1.55;letter-spacing:-1px;margin:20px 0}.service-content>p{max-width:470px;font-size:16px;line-height:1.9;color:var(--muted)}.tags{display:flex;gap:10px;flex-wrap:wrap;margin-top:24px}.tags span{font-size:12px;border:1px solid #25434e;padding:8px 12px;color:#b8ccd2}.text-link{display:inline-flex;gap:35px;align-items:center;margin-top:40px;font-size:14px;color:var(--mint);border-bottom:1px solid #52747b;padding-bottom:12px}.text-link b{font-size:24px;font-weight:300}.service-visual{min-height:400px;position:relative;background:#102e37;border:1px solid #294c55;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.visual-top,.visual-bottom{padding:24px;display:flex;justify-content:space-between;align-items:center;z-index:1}.visual-top{font-size:10px;letter-spacing:1px;color:var(--muted)}.visual-top span:last-child{font-size:20px}.visual-bottom>span:first-child{font-size:34px;letter-spacing:4px;color:var(--mint);font-weight:300}.visual-bottom>span:last-child{font-size:12px;color:var(--muted)}.visual-modules{position:absolute;width:230px;height:200px;top:50%;left:50%;transform:translate(-50%,-50%)}.vm{position:absolute;background:#79d6d2;transition:all .8s var(--ease)}.vm1{width:105px;height:100px;left:0;top:0;clip-path:polygon(0 0,100% 0,100% 70%,65% 70%,65% 100%,0 100%)}.vm2{width:110px;height:105px;right:0;top:42px;background:#319b9d;clip-path:polygon(30% 0,100% 0,100% 100%,0 100%,0 32%,30% 32%)}.vm3{width:116px;height:90px;left:0;bottom:0;background:#007f87;clip-path:polygon(0 0,60% 0,60% 40%,78% 40%,78% 60%,100% 60%,100% 100%,0 100%)}.vm-frame{position:absolute;inset:-20px;border:1px solid #79d6d226;transition:transform .8s}.service-visual[data-view="1"] .vm1{transform:translate(65px,30px) rotate(90deg)}.service-visual[data-view="1"] .vm2{transform:translate(-90px,40px)}.service-visual[data-view="1"] .vm3{transform:translate(100px,-100px) rotate(180deg)}.service-visual[data-view="2"] .vm1{transform:translate(0,80px) rotate(-90deg)}.service-visual[data-view="2"] .vm2{transform:translate(20px,-35px) rotate(90deg)}.service-visual[data-view="2"] .vm3{transform:translate(25px,-110px)}.service-visual[data-view="3"] .vm1{transform:translate(-25px,0)}.service-visual[data-view="3"] .vm2{transform:translate(25px,-10px)}.service-visual[data-view="3"] .vm3{transform:translate(15px,20px)}.service-visual[data-view="3"] .vm-frame{transform:rotate(90deg)}.about{background:var(--light);color:var(--ink)}.about .eyebrow,.about .micro{color:var(--teal)}.about-intro>p{color:#607782;font-size:18px;line-height:1.9;margin:30px 0 0}.about-columns{display:grid;grid-template-columns:1fr 1fr;gap:90px;margin-top:66px}.about-text>p{font-size:18px;line-height:2;color:#4b626d;margin:22px 0}.download-link{display:inline-flex;align-items:center;gap:45px;border-bottom:1px solid #8ba6af;padding:17px 0;font-size:14px}.download-link span{font-size:10px;letter-spacing:1px;padding:4px 6px;border:1px solid #8ba6af}.horizon{border:1px solid #cadde3;padding:28px 35px}.horizon-header{display:flex;align-items:center;justify-content:space-between;font-size:11px;letter-spacing:2px;color:#607782}.horizon-header svg{width:35px;height:35px;color:var(--teal)}.horizon-item{padding-top:28px}.phase{font-size:12px;color:var(--teal)}.horizon-item h3{font-size:24px;margin:14px 0 8px}.horizon-item p{font-size:14px;line-height:1.9;color:#607782}.next{border-top:1px solid #cadde3;margin-top:24px}.partners{background:#102a35}.partner-list{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.partner-list>div{padding:35px 20px;border-right:1px solid var(--line)}.partner-list>div:first-child{padding-left:0}.partner-list>div:last-child{border-right:0}.partner-list span{font-size:11px;color:var(--mint);letter-spacing:1px}.partner-list h3{font-size:clamp(18px,1.8vw,25px);font-weight:500;margin:18px 0 0}.partner-note{font-size:12px;color:var(--muted);margin:20px 0 0}.contact{background:#071820;position:relative}.contact-top{display:flex;justify-content:space-between;gap:30px}.contact h2{font-size:clamp(38px,4.8vw,70px);line-height:1.3}.contact-top p{font-size:16px;color:var(--muted);margin-top:25px}.contact-mark{width:180px;height:180px;align-self:center;color:var(--teal)}.contact-grid{display:grid;grid-template-columns:1fr 1.3fr;gap:60px;margin-top:65px;padding-top:30px;border-top:1px solid var(--line)}.person>span{font-size:14px;color:var(--muted)}.person h3{font-size:30px;font-weight:500;margin:18px 0}.person .download-link{color:var(--mint)}.contact-links>a,.contact-links>button{background:none;border:0;border-bottom:1px solid var(--line);display:grid;grid-template-columns:110px 1fr auto;width:100%;text-align:left;align-items:center;gap:15px;padding:26px 0}.contact-links span{font-size:11px;color:var(--muted);letter-spacing:.5px}.contact-links strong{font-size:clamp(16px,1.7vw,23px);font-weight:400}.contact-links small{font-size:12px;color:var(--mint)}.contact-links>a:hover strong,.contact-links>button:hover strong{color:var(--mint)}footer{padding:40px 5.5%;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:25px}footer p,footer>a:last-child{font-size:12px;color:var(--muted)}footer .brand>span{font-size:19px}footer .brand svg{width:30px;height:30px}footer .brand small{font-size:10px}#toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,20px);padding:14px 24px;background:var(--mint);color:var(--ink);font-size:14px;opacity:0;pointer-events:none;z-index:99;transition:.25s;max-width:90%;text-align:center}#toast.visible{opacity:1;transform:translate(-50%,0)}.js-motion .reveal{opacity:0;transform:translateY(20px);transition:opacity .7s var(--ease),transform .7s var(--ease)}.js-motion .reveal.visible{opacity:1;transform:none}.no-motion *{animation:none!important;transition:none!important;scroll-behavior:auto!important}.no-motion .reveal{opacity:1;transform:none}@keyframes scene{from{transform:scale(1)}to{transform:scale(1.07)}}@keyframes scroll{50%{transform:scaleY(.55);transform-origin:top}}@keyframes marquee{to{transform:translateX(-50%)}}
@media(min-width:1700px){.section{padding-left:max(7%,calc((100vw - 1480px)/2));padding-right:max(7%,calc((100vw - 1480px)/2))}}
@media(max-width:1050px){.header{padding:0 5%;gap:20px}.header nav{gap:20px}.hero{min-height:790px}.hero-copy{width:62%}.creative-device{right:4%;width:32%;top:36%}.device-top{padding:14px}.device-top span:first-child{font-size:9px}.device-top span:last-child{display:none}#recompose{padding:20px 30px}.device-bottom{padding:13px}.device-bottom>span{display:none}.device-bottom button{margin-left:auto}.section{padding:85px 6%}.section-head{align-items:flex-start;flex-direction:column;gap:20px}.service-panel{gap:30px}.service-tabs button{font-size:16px}.service-tabs button span{margin-right:9px}.about-columns{gap:40px}.contact-links>a,.contact-links>button{grid-template-columns:85px 1fr}.contact-links small{grid-column:2}.contact-mark{width:130px;height:130px}}
@media(max-width:720px){html{scroll-padding-top:25px}.header{height:80px}.brand>span{font-size:21px}.brand svg{width:33px;height:33px}.header nav{display:none;position:absolute;top:80px;left:0;right:0;margin:0;background:#102a35;flex-direction:column;align-items:stretch;padding:25px 6%;gap:0;border-bottom:1px solid #36525d}.header nav.open{display:flex}.header nav a{padding:17px 0}.nav-contact{border:0}.nav-actions{margin-left:auto}#menu{display:block;width:30px;height:30px;padding:4px;border:none;background:none}#menu span{display:block;height:1px;background:var(--light);margin:6px 0}.hero{height:auto;min-height:1030px;padding:140px 6% 120px;display:block;max-height:none}.hero-copy{width:100%}h1{font-size:clamp(49px,10.5vw,75px);letter-spacing:-2px;line-height:1.3}.eyebrow{font-size:10px;letter-spacing:1.8px}.hero-lead{font-size:19px}.hero-detail{font-size:13px}.hero-buttons{gap:10px}.button{padding:0 17px;font-size:13px;min-height:48px}.hero-image{background-position:60% center;opacity:.4}.hero-shade{background:linear-gradient(180deg,#081c24c9,transparent 80%,#081c24)}.creative-device{position:relative;width:100%;max-width:none;top:auto;right:auto;transform:none;margin-top:40px}.creative-device:hover{transform:none}#recompose{padding:5px 25%;height:215px}#recompose svg{height:100%;width:100%}.device-top span:last-child{display:block}.device-bottom>span{display:block;max-width:70%}.device-top{padding:14px 18px}.device-bottom{padding:12px 18px}.hero-bottom{left:6%;right:6%;font-size:10px;bottom:26px}.hero-bottom>span:nth-child(2){display:none}.service-ribbon{padding:20px 0}.service-ribbon>div{font-size:13px}.service-ribbon b{margin:0 25px}.section{padding:65px 6%}h2{font-size:29px;letter-spacing:-1px}.section-head{margin-bottom:28px}.section-head>p{font-size:14px}.service-tabs{grid-template-columns:1fr 1fr}.service-tabs button{padding:18px 8px;font-size:15px;border-top:1px solid var(--line)}.service-panel{grid-template-columns:1fr;padding-top:28px;gap:25px}.service-content h3{font-size:28px}.service-content>p{font-size:16px}.service-visual{min-height:335px}.text-link{margin-top:25px}.visual-modules{transform:translate(-50%,-50%) scale(.8)}.visual-bottom>span:first-child{font-size:27px}.about-intro>p{font-size:16px}.about-columns{grid-template-columns:1fr;margin-top:35px;gap:30px}.about-text>p{font-size:16px}.horizon{padding:24px}.partner-list{grid-template-columns:1fr}.partner-list>div,.partner-list>div:first-child{padding:24px 0;border-right:0;border-bottom:1px solid var(--line);display:flex;gap:22px;align-items:center}.partner-list>div:last-child{border-bottom:0}.partner-list h3{margin:0;font-size:20px}.contact h2{font-size:36px}.contact-mark{display:none}.contact-top p{line-height:1.9;font-size:14px}.contact-grid{grid-template-columns:1fr;gap:25px;margin-top:35px}.contact-links>a,.contact-links>button{grid-template-columns:75px 1fr auto;gap:10px;padding:23px 0}.contact-links small{grid-column:auto;font-size:10px}.contact-links strong{font-size:16px}.contact-links span{font-size:10px}footer{flex-wrap:wrap;padding:30px 6%;gap:25px}footer p{order:3;width:100%;font-size:11px}footer>a:last-child{margin-left:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.js-motion .reveal{opacity:1;transform:none}}
.works-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.works-grid article{border:1px solid #cadfe2;padding:24px;overflow:hidden}.works-grid img{width:100%;aspect-ratio:16/9;object-fit:cover;margin-bottom:20px}.works-grid small{color:#007f87}.works-grid h3{font-size:24px;margin:12px 0}.works-grid p{line-height:1.8;color:#516b73}.works-grid a{display:inline-block;margin-top:20px;color:#007f87}@media(max-width:800px){.works-grid{grid-template-columns:1fr}}

.works-grid video{width:100%;aspect-ratio:16/9;object-fit:contain;background:#102a35;margin-bottom:20px;border-radius:4px}