/* Dala: typography, black negative space and a legible constellation. */
:root{--page-max-width:1440px}
body{font-weight:300}
header{padding:24px 54px;max-width:none;background:linear-gradient(#0008,transparent)}
.logo img{height:66px}
nav{gap:24px}
nav a.nav-link:hover,nav a.nav-link.active,.lang-switch a.active{color:#fff}
header .btn,#mmenu .btn{background:var(--color-electric-iris);color:#fff}
header .btn:hover,#mmenu .btn:hover{background:#9169ff;box-shadow:none}
#burger span{background:#fff}
section{padding:140px 70px 90px;min-height:100svh}
#hero{min-height:100svh;align-items:center;padding-top:165px}
#hero .half{width:58%;max-width:760px}
h1{font-size:clamp(44px,5.15vw,78px);line-height:1.015;letter-spacing:-.057em;margin-bottom:32px;font-weight:400}
h2,.q-head{font-size:clamp(36px,4.2vw,62px);line-height:1.04;letter-spacing:-.045em;font-weight:400;margin-bottom:28px}
h1,h2,.big-quote{ text-shadow:none }
.half p.body{font-size:17px;line-height:1.65;max-width:430px;color:#bdbdbd}
.label{font-size:11px;line-height:1.6;letter-spacing:.08em;max-width:470px;margin-bottom:18px}
.hero-cta{margin-top:28px}
.btn{padding:15px 25px;font-size:12px;letter-spacing:.04em}
.half::before{inset:-65px -20px -45px -70px;background:radial-gradient(ellipse at 36% 50%,#0009 0%,#0005 48%,transparent 77%);backdrop-filter:none}
#hero .half::before{background:linear-gradient(90deg,#0009, #0005 64%,transparent)}
.quote p{font-size:18px;line-height:1.5;color:#bdbdbd;text-shadow:none}
.quote cite{color:#9a9a9a;text-shadow:none}
.svc{width:65%}.svc-grid{gap:0 40px}.svc-i{padding:24px 0}.svc-n{font-size:25px}
.svc-i .st-n{color:#8052ff}.svc-t{color:#9a9a9a}
.svc h2{max-width:14ch}
.sh-head{color:#9a9a9a}.sh-now{color:#fff}.shift-grid{column-gap:44px}
.team-photo{border-radius:24px;filter:saturate(.78)}
.hero-coordinate{position:absolute;bottom:35px;left:70px;right:70px;display:flex;justify-content:space-between;align-items:center;color:#9a9a9a;font-size:10px;letter-spacing:.15em;text-transform:uppercase}
.hero-coordinate a{color:#bdbdbd;text-decoration:none;min-height:34px;display:flex;align-items:center;gap:18px}
.hero-coordinate a:after{content:'↓';font-size:18px;color:#8052ff}
.lang-switch a[href="/zh/"]{font-family:'Noto Sans SC',Inter,sans-serif}
@media(min-width:1700px){h1{font-size:88px}section{padding-inline:80px}}
@media(max-width:1000px){header{padding:20px 28px}section{padding-inline:32px}h1{font-size:clamp(44px,5.6vw,60px)}#hero .half{width:67%}.hero-coordinate{left:32px;right:32px}.svc{width:75%}}
@media(max-width:760px){
 header{padding:12px 22px}.logo img{height:52px}section{padding:110px 24px 72px;min-height:auto}
 #hero{min-height:100svh;padding:150px 24px 110px;align-items:center}#hero .half{width:100%;max-width:none}
 h1{font-size:clamp(32px,8vw,54px);line-height:1.07;letter-spacing:-.055em;margin-bottom:24px}
 h2,.q-head{font-size:clamp(32px,7.8vw,46px)}.half,.svc{width:100%}.half p.body{font-size:16px;max-width:34ch}
 .label{font-size:10px;max-width:29ch}.hero-coordinate{left:24px;right:24px;bottom:25px}.hero-coordinate>span{max-width:16ch;line-height:1.5}
 .half::before,#hero .half::before{background:linear-gradient(90deg,#000a 0%,#0006 60%,transparent);inset:-30px -20px}
 .svc-grid{gap:0 22px}.svc-n{font-size:21px}.svc-i{padding:20px 0}.quote p{font-size:18px}
}
@media(prefers-reduced-motion:reduce){.reveal,.ln>span{opacity:1!important;transform:none!important;filter:none!important}html{scroll-behavior:auto}#preloader{display:none}}

html,body{overflow-x:clip}.ch-form input{min-width:0}@media(max-width:760px){.hero-coordinate a{max-width:115px;margin-right:45px;font-size:9px}}

/* Ongoing support: concise scope near the final contact. */
.service-fit{max-width:540px;margin:14px 0 0;color:#bdbdbd;font-size:13px;line-height:1.6}.service-fit-center{margin:16px auto 24px;max-width:660px}.svc>.service-fit{margin-bottom:24px}

/* Explain the service and the founder's experience without another sales block. */
.support-intro{max-width:660px;font-size:17px;line-height:1.65;color:#bdbdbd;margin:0 0 32px}
.support-summary{max-width:660px;font-size:14px;line-height:1.65;color:#bdbdbd;margin:28px 0 0}
.expertise{list-style:none;padding:0;margin:24px 0;max-width:530px}
.expertise li{padding:12px 0;border-top:1px solid #ffffff1a}
.expertise strong{display:block;font-size:14px;font-weight:500;color:#ededed;margin-bottom:5px}
.expertise span{display:block;font-size:14px;line-height:1.6;color:#bdbdbd}
@media(max-width:760px){.support-intro{font-size:16px}.expertise{margin:20px 0}.expertise li{padding:10px 0}}