.motion-controls{position:fixed;bottom:18px;right:18px;z-index:9999;display:flex;align-items:center;gap:12px;padding:12px 16px;background:#172e4bf2;color:white;border:1px solid #ffffff40;border-radius:14px;box-shadow:0 8px 30px #0002;font:13px/1.5 sans-serif}.motion-controls button{background:white;color:#18344e;border:0;border-radius:20px;padding:9px 13px;font:inherit;cursor:pointer}.motion-controls button:focus-visible{outline:3px solid #00b8e6;outline-offset:3px}.hero-copy h1{overflow:visible}.word-line{display:inline-block;animation:headline-in 1s cubic-bezier(.16,1,.3,1) both}.word-line:nth-child(3){animation-delay:.15s}.hero-tag{animation:headline-in .8s .05s both}.hero-copy>p,.hero-actions{animation:headline-in 1s .25s both}.hero-art{translate:var(--mx,0px) var(--my,0px);transition:translate .6s ease-out}.float-card{animation:bob 5s ease-in-out infinite;will-change:translate}.card-fit{animation-delay:-2.5s}.sun{animation:float-sun 7s ease-in-out infinite}.spark{animation:twinkle 5s ease-in-out infinite}.spark.s2{animation-delay:-2s}.bubble{animation:drift 8s ease-in-out infinite}.bubble-b{animation-delay:-3s}.motion-ready .reveal{opacity:0;translate:0 36px;transition:opacity .8s ease,translate .8s cubic-bezier(.16,1,.3,1);transition-delay:var(--delay,0ms)}.motion-ready .reveal.shown{opacity:1;translate:0 0}.business-card{transition:transform .3s ease,box-shadow .3s ease,opacity .8s ease,translate .8s ease!important}.business-card:hover{transform:translateY(-10px) rotate(-1deg);box-shadow:8px 12px 0 #1d33521c}.pop-button,.contact-pill,.contact>a{transition:transform .25s,box-shadow .25s,background .25s}.pop-button:hover,.contact-pill:hover,.contact>a:hover{transform:translateY(-4px);box-shadow:0 9px 0 #1d335218}.pop-button b,.contact-pill span,.contact>a b{display:inline-block;transition:transform .25s}.pop-button:hover b,.contact-pill:hover span,.contact>a:hover b{transform:translateX(5px)}.promise-list>div{transition:background .3s,translate .6s,opacity .6s}.promise-list>div:hover{background:#ffffff0b}.logo-orb{animation:bob 7s ease-in-out infinite}.site-header nav a:after{transition:transform .25s}.motion-off *, .motion-off *:before,.motion-off *:after{animation:none!important;transition:none!important}.motion-off .reveal{opacity:1!important;translate:none!important}.motion-off .hero-art{translate:none}.site-footer{padding-bottom:110px!important}@keyframes headline-in{from{opacity:0;transform:translateY(36px) rotate(1deg)}to{opacity:1;transform:none}}@keyframes bob{0%,100%{translate:0 0}50%{translate:0 -16px}}@keyframes float-sun{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -9px;rotate:5deg}}@keyframes twinkle{0%,100%{scale:1;rotate:0deg}50%{scale:1.18;rotate:18deg}}@keyframes drift{0%,100%{translate:0 0}50%{translate:12px -12px}}@media(max-width:600px){.motion-controls{left:10px;right:10px;bottom:10px;gap:8px;padding:9px;justify-content:center;flex-wrap:wrap;font-size:12px}.motion-controls span{width:100%;text-align:center}.float-card{animation-duration:7s}.hero-art{translate:none!important}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.reveal{opacity:1!important;translate:none!important}.hero-art{translate:none!important}}
.site-header{flex-wrap:wrap;gap:16px; height:auto;min-height:90px}.language-switch{display:flex;align-items:center;gap:7px;flex-shrink:0}.language-switch label{font:12px/1.4 sans-serif;color:#1d3352}.language-switch select{font:14px/1.5 sans-serif;color:#1d3352;background:#fff;border:1px solid #b9cbd7;border-radius:18px;padding:8px 25px 8px 10px;cursor:pointer;max-width:145px}.language-switch select:focus-visible{outline:3px solid #125fd2;outline-offset:3px}html[lang=en] h1{font-size:clamp(28px,4.1vw,59px);line-height:1.25;overflow-wrap:normal}html[lang=en] .word-line{max-width:100%}html[lang=en] h2{font-size:clamp(26px,3vw,42px);line-height:1.3}html[lang=en] .business-card h3{line-height:1.35;font-size:25px}html[lang=en] .float-card b{font-size:clamp(22px,2.7vw,40px)}html[lang=en] .site-header nav{gap:16px}html[lang=en] .site-header nav a{font-size:14px}html[lang=en] .promise-list h3{line-height:1.3}html[lang=zh-CN] body{font-family:"PingFang SC","Microsoft YaHei",sans-serif}html:not([lang=ja]) .contact>a{white-space:normal;text-align:center}html:not([lang=ja]) .company dd{overflow-wrap:anywhere}@media(max-width:1250px){.site-header nav{order:3;width:100%;justify-content:center;flex-wrap:wrap}.site-header .logo-link{margin-right:auto}.site-header{padding-top:14px;padding-bottom:14px}}@media(max-width:600px){.site-header .contact-pill{font-size:12px;padding:10px 12px}.language-switch{margin-left:auto}.language-switch label{display:none}.site-header nav{display:flex!important;gap:10px!important}.site-header nav a,html[lang=en] .site-header nav a{font-size:12px}.site-header .logo-link{max-width:145px}.language-switch select{font-size:13px;max-width:120px}.site-header{gap:9px}.hero-copy{min-width:0}html[lang=en] .hero h1{font-size:30px}html[lang=en] .hero-art .float-card b{font-size:23px}}
.site-header .logo-link img{max-width:100%}
@media(max-width:1100px){
 .site-header{position:relative;display:grid;grid-template-columns:minmax(100px,1fr) auto;gap:12px;padding:16px 20px;background:#fff;min-height:0}
 .site-header .logo-link{grid-column:1;grid-row:1;margin:0;width:160px;max-width:100%}
 .site-header .language-switch{grid-column:2;grid-row:1;margin:0}
 .site-header .language-switch label{display:none}
 .site-header .language-switch select{min-height:44px;max-width:136px;font-size:16px}
 .site-header nav{display:grid!important;grid-column:1/-1;grid-row:2;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px!important;width:100%;margin:0;border-top:1px solid #e2eaf0;padding-top:10px}
 .site-header nav a,html[lang=en] .site-header nav a{font-size:14px;display:flex;align-items:center;min-height:44px;padding:6px 8px;line-height:1.5}
 .site-header .contact-pill{grid-column:1/-1;grid-row:3;justify-self:stretch;margin:0;text-align:center;font-size:15px;min-height:46px;padding:11px 14px}
 .hero{padding-top:42px;overflow:hidden}
 .hero-copy>p,.about-copy>p:not(.section-kicker),.business-title>p:not(.section-kicker),.business-card>p,.fc-copy>p:not(.section-kicker),.promise-list p,.company p,.company dd,.contact>p{font-size:16px!important;line-height:1.9}
 .hero-tag{font-size:11px;line-height:1.7;flex-wrap:wrap;white-space:normal}
 .hero h1{font-size:clamp(28px,7.6vw,48px);line-height:1.55}
 html[lang=en] .hero h1{font-size:clamp(28px,7.2vw,42px);line-height:1.3}
 html[lang=zh-CN] .hero h1{font-size:clamp(29px,8vw,46px)}
 .hero-actions{gap:20px}.pop-button{font-size:16px;min-height:48px}
 .business-card{padding:30px 24px;min-width:0}.business-card h3{font-size:25px;line-height:1.5}.business-card li{font-size:14px;line-height:1.8}
 .promise-list{gap:30px}.promise-list>div{min-width:0}.promise-list h3{font-size:27px!important;line-height:1.45!important}
 .about-copy h2,.fc-copy h2,.business-title h2,.company h2,.promise-head h2{font-size:30px;line-height:1.5}
 .company dt{font-size:14px}.company dl{min-width:0}.company dd{min-width:0;margin:0}
 .contact{padding-inline:22px}.contact>a{font-size:17px;min-height:52px;max-width:100%;overflow-wrap:anywhere}
 .site-footer{padding-inline:22px;gap:20px}.footer-links a{font-size:14px;min-height:44px;display:inline-flex;align-items:center}
 .hero-art{pointer-events:none}.business-card:hover{transform:none;box-shadow:none}
 .motion-controls{padding-bottom:max(9px,env(safe-area-inset-bottom));font-size:12px}.motion-controls button{min-height:44px}
}

