*{box-sizing:border-box}html{scroll-padding-top:110px}body{margin:0;background:#f0f0e6;color:#23383c;font-family:"Work Sans",Arial,sans-serif;font-weight:400}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button svg,a svg{flex-shrink:0}img{display:block;width:100%;height:100%;object-fit:cover}p,h1,h2,h3,h4,figure{margin:0}p{line-height:1.65}h2,h3{font-weight:300;letter-spacing:-.055em;line-height:1.03}h2{font-size:clamp(60px,5.7vw,110px)}h3{font-size:clamp(38px,3.7vw,68px)}em{font-family:Georgia,serif;font-weight:400}header{position:fixed;z-index:50;top:22px;left:50%;transform:translateX(-50%);width:calc(100% - 96px);max-width:1510px;height:76px;padding:0 30px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ffffff35;border-radius:50px;background:#10202915;backdrop-filter:blur(14px);color:#f0f0e6;transition:background .25s,color .25s}header.scrolled{background:#ffffffdb;color:#23383c;border-color:#23383c18}.brand{font-size:28px;font-weight:500;letter-spacing:-1.6px;display:inline-flex;align-items:baseline;position:relative;white-space:nowrap}.brand span{font-weight:300}.brand i{width:5px;height:5px;background:#bce68b;border-radius:50%;margin-left:5px;align-self:flex-start;margin-top:8px}nav{display:flex;align-items:center;gap:40px;font-size:13px}.nav-contact{display:flex;align-items:center;gap:24px;border:1px solid #ffffff60;padding:13px 20px;border-radius:30px}.scrolled .nav-contact{border-color:#23383c40}.menu-toggle{display:none}.hero{height:100svh;min-height:760px;position:relative;color:#f0f0e6;overflow:hidden}.hero>img{position:absolute;inset:0;object-position:50% 76%}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#07161b40,#07161b05 35%,#07161bc9 100%)}.hero-top{position:absolute;top:22%;left:4.5%;right:4.5%;display:flex;justify-content:space-between;font-size:11px;letter-spacing:.09em}.hero-top p:last-child{width:180px}.hero h1{position:absolute;left:4.5%;bottom:20%;font-size:clamp(70px,7.9vw,160px);font-weight:300;line-height:.98;letter-spacing:-.065em}.hero-bottom{position:absolute;left:4.5%;right:4.5%;bottom:6%;display:flex;justify-content:space-between;align-items:center;border-top:1px solid #ffffff50;padding-top:24px;font-size:12px;letter-spacing:.04em}.hero-bottom a{display:flex;gap:40px;align-items:center}.photo-note{position:absolute;right:15px;top:50%;writing-mode:vertical-rl;font-size:8px;letter-spacing:.18em;opacity:.55}.eyebrow{font-size:11px;letter-spacing:.08em;line-height:1.6}.businesses{padding:140px 4.5% 150px}.statement{margin-top:55px;display:grid;grid-template-columns:1.3fr 1fr;gap:12%;align-items:end}.statement>div>p{max-width:420px;font-size:17px}.business-links{margin-top:50px}.business-links a{display:flex;align-items:center;gap:25px;border-bottom:1px solid #23383c40;padding:23px 0;font-size:24px;letter-spacing:-.04em}.business-links a svg{margin-left:auto}.business-links a span{font-size:11px;color:#727d7e}.business-section{padding:120px 0 0;overflow:hidden}.pcba{background:#20363a;color:#eff1e5}.data{background:#e3e5db}.section-intro{padding:0 4.5% 80px;display:grid;grid-template-columns:1fr 2fr;gap:8%}.section-intro>div>p{max-width:390px;margin:32px 0;font-size:16px}.outline-link{display:inline-flex;align-items:center;justify-content:space-between;gap:50px;border:1px solid currentColor;border-radius:40px;padding:18px 25px;font-size:12px;background:transparent;color:inherit}.wide-photo{position:relative;margin-left:16%;height:78svh;min-height:580px;border-radius:110px 0 0 0;overflow:hidden}.wide-photo img{object-position:center 55%}.wide-photo figcaption{position:absolute;bottom:26px;left:36px;color:white;font-size:10px;letter-spacing:.08em;text-shadow:0 1px 5px black}.process,.architecture{padding:120px 4.5% 150px;display:grid;grid-template-columns:1fr 1fr;gap:15%}.process h3,.architecture h3{margin:28px 0}.muted{opacity:.62;font-size:13px;max-width:320px}.process ol{padding:0;margin:0;list-style:none}.process li{display:flex;gap:30px;padding:30px 0;border-top:1px solid #ffffff40}.process li>span{font-size:11px;opacity:.6}.process h4{font-size:23px;font-weight:300;letter-spacing:-.04em;margin-bottom:13px}.process li p{font-size:14px;opacity:.7;max-width:350px}.architecture>div>p{max-width:330px;font-size:15px}.architecture small{display:block;max-width:300px;opacity:.6;font-size:11px;line-height:1.6;margin-top:30px}.diagram{align-self:center;text-align:center}.diagram-node{border:1px solid #23383c65;padding:28px 15px;font-size:12px;letter-spacing:.06em}.client{width:70%;margin:auto;border-radius:50px}.connector{height:45px;width:1px;margin:auto;background:#23383c65}.diagram-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.diagram-base{border-top:1px solid #23383c65;border-bottom:1px solid #23383c65;display:flex;justify-content:space-around;padding:25px 4px;font-size:10px;letter-spacing:.04em}.diagram>p{font-size:8px;letter-spacing:.09em;margin-top:22px;opacity:.6}.about{padding:140px 4.5% 170px;background:#f0f0e6}.about-grid{display:grid;grid-template-columns:1.3fr 1fr;gap:14%;margin-top:60px;align-items:center}.about-grid p{max-width:440px;font-size:15px;margin-top:25px}.about-grid p.lead{font-size:23px;line-height:1.5;letter-spacing:-.03em;margin-top:0}.about small{display:block;font-size:10px;opacity:.55;margin-top:35px}.contact{background:#22393d;color:#eff1e5;padding:120px 4.5% 140px;display:grid;grid-template-columns:1.2fr 1fr;gap:12%}.contact h2{margin:50px 0 35px}.contact>div>p:last-child{font-size:15px;opacity:.7;max-width:270px}form{padding-top:20px}fieldset{border:0;padding:0;margin:0 0 40px}legend{font-size:12px;margin-bottom:18px}fieldset label{display:inline-flex;align-items:center;gap:10px;border:1px solid #eff1e550;border-radius:40px;padding:14px 24px;margin-right:12px;font-size:14px}input[type=radio]{accent-color:#c3dba9}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:28px}form>label,.form-row>label{display:block;font-size:11px;margin-bottom:28px}input:not([type=radio]),textarea{width:100%;display:block;border:0;border-bottom:1px solid #eff1e54a;border-radius:0;background:transparent;color:inherit;padding:16px 0;outline-offset:5px;font-size:15px;resize:vertical}input::placeholder,textarea::placeholder{color:#b3bfbc}.form-note{font-size:10px;opacity:.6;margin-top:22px;max-width:360px}output{display:block;font-size:12px;margin-top:20px;white-space:pre-line}.download{margin-top:18px;background:transparent;color:inherit;border:0;border-bottom:1px solid currentColor;padding:10px 0}footer{padding:60px 4.5% 28px;background:#17292d;color:#eff1e5}footer>div:first-child{display:flex;justify-content:space-between;align-items:center}footer>div:first-child>a:last-child{font-size:11px;display:flex;align-items:center;gap:35px}footer>p{font-size:clamp(40px,7.4vw,145px);font-weight:300;letter-spacing:-.07em;line-height:1;margin:100px 0 70px;white-space:nowrap}.footer-bottom{border-top:1px solid #eff1e540;padding-top:25px;display:flex;justify-content:space-between}.footer-bottom small{font-size:9px;opacity:.6}a:focus-visible,button:focus-visible{outline:2px solid #afd58b;outline-offset:6px}
@media(max-width:1023px){header{width:calc(100% - 40px);top:18px;height:62px;padding:0 22px}.brand{font-size:22px}.menu-toggle{display:flex;gap:15px;color:inherit;border:0;background:none;font-size:12px}.menu-toggle span{font-size:17px}nav{display:none;position:absolute;top:76px;left:0;right:0;padding:28px;background:#f4f5eefa;color:#23383c;flex-direction:column;align-items:stretch;border-radius:24px;gap:27px}header.open nav{display:flex}.nav-contact{border-color:#23383c40}.hero{min-height:690px}.hero-top{top:22%;font-size:9px}.hero-top p:last-child{width:120px}.hero h1{font-size:10vw}.statement{gap:7%}.section-intro{grid-template-columns:1fr 2fr;gap:4%}.process,.architecture{gap:8%}.contact{gap:7%}h2{font-size:8vw}}
@media(max-width:600px){html{scroll-padding-top:95px}.hero{height:92svh;min-height:690px}.hero>img{object-position:55% 68%}.hero h1{font-size:58px;left:24px;bottom:24%;line-height:1.02}.hero-top{left:24px;right:24px;top:21%}.hero-top p:first-child{max-width:125px}.hero-bottom{left:24px;right:24px;align-items:flex-start;gap:24px;font-size:9px;padding-top:20px}.hero-bottom a{gap:16px;max-width:150px}.hero-bottom p{max-width:120px}.businesses,.about{padding:80px 24px 90px}.statement,.about-grid{display:block;margin-top:35px}h2{font-size:58px}h3{font-size:43px}.statement>div{margin-top:45px}.statement>div>p{font-size:15px}.business-links{margin-top:30px}.business-links a{font-size:25px}.business-section{padding-top:70px}.section-intro{display:block;padding:0 24px 55px}.section-intro h2{margin-top:35px}.section-intro>div>p{font-size:15px;margin:25px 0}.outline-link{font-size:11px;padding:16px 20px;gap:25px}.wide-photo{margin-left:24px;height:65svh;min-height:440px;border-radius:60px 0 0 0}.wide-photo figcaption{left:22px;right:18px;bottom:22px;font-size:8px;line-height:1.6}.process,.architecture{display:block;padding:65px 24px 85px}.process ol{margin-top:40px}.process li{gap:22px}.process h4{font-size:24px}.process li p{font-size:13px}.architecture .diagram{margin-top:50px}.diagram-node{font-size:10px}.about-grid>div{margin-top:45px}.about-grid p.lead{font-size:22px}.about-grid p{font-size:14px}.contact{display:block;padding:75px 24px 80px}.contact h2{font-size:56px;margin:35px 0 25px}.contact form{margin-top:45px}.form-row{display:block}fieldset label{padding:13px 20px}footer{padding:45px 24px 25px}footer .brand{font-size:20px}footer>div:first-child>a:last-child{font-size:9px;gap:12px}footer>p{font-size:9vw;margin:65px 0 45px}.footer-bottom{gap:25px}.footer-bottom small{font-size:8px;max-width:200px}}

.architecture .diagram>p{font-size:8px;max-width:none;line-height:1.6}

.languages{display:flex;align-items:center;gap:12px;font-size:12px;white-space:nowrap}.languages a[aria-current="page"]{text-decoration:underline;text-underline-offset:5px}@media(max-width:1023px){.languages{border-top:1px solid #23383c30;padding-top:20px;gap:24px}}
html[lang^="zh"] h1,html[lang^="zh"] h2,html[lang^="zh"] h3{letter-spacing:0;line-height:1.2}html[lang^="zh"] em{font-family:Georgia,serif}

/* A compact language selector, aligned with the existing transparent header. */
.languages{position:relative;display:block;flex:none;padding-left:22px;border-left:1px solid #ffffff40;font-size:12px}.scrolled .languages{border-left-color:#23383c25}.languages summary{display:flex;align-items:center;gap:10px;list-style:none;cursor:pointer;padding:10px 0;user-select:none}.languages summary::-webkit-details-marker{display:none}.languages summary svg{transition:transform .2s ease}.languages[open] summary svg{transform:rotate(180deg)}.language-options{position:absolute;right:-14px;top:calc(100% + 18px);min-width:164px;padding:8px;border:1px solid #23383c15;border-radius:16px;background:#f4f5eef7;box-shadow:0 12px 35px #061b2120;color:#23383c;backdrop-filter:blur(18px)}.languages[open] .language-options{animation:language-in .2s ease-out}.language-options a{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px;border-radius:9px;text-decoration:none!important;line-height:1.3;transition:background-color .2s ease}.language-options a[aria-current=page]{background:#23383c0b}.language-options a[aria-current=page]:after{content:'';width:4px;height:4px;border-radius:50%;background:#47695e}.language-options a:hover{background:#23383c12}.languages summary:focus-visible{outline:2px solid #afd58b;outline-offset:5px;border-radius:4px}@keyframes language-in{from{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1023px){.languages{border-left:0!important;border-top:1px solid #23383c30;padding:18px 0 0}.languages summary{justify-content:space-between}.language-options{position:static;min-width:0;margin-top:10px;background:#23383c04;box-shadow:none;backdrop-filter:none}.language-options a{font-size:13px}}
@media(prefers-reduced-motion:reduce){.languages[open] .language-options{animation:none}.languages summary svg{transition:none}}

/* Copy-first simplification: space is deliberate, not filled with labels. */
.businesses .statement,.about-grid{margin-top:0}.hero-bottom{justify-content:flex-end}.process h3,.architecture h3{margin-top:0}.contact h2{margin-top:0}.about-grid>div>p{margin-top:0}.footer-bottom{margin-top:50px}
@media(max-width:600px){.footer-bottom{margin-top:40px}}

/* Data Centre photo to About: architecture block removed by request. */
.data.without-architecture{padding-bottom:80px}
@media(max-width:600px){.data.without-architecture{padding-bottom:48px}}

/* Hosting introduction: separate the title from copy; keep PCBA untouched. */
.data.hosting-layout .section-intro{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center}
.data.hosting-layout .section-intro>h2{margin:0}
.data.hosting-layout .section-intro>div>p{margin:0 0 28px}
html[lang^="zh"] .data.hosting-layout .section-intro>h2{white-space:nowrap}
@media(max-width:600px){.data.hosting-layout .section-intro>div{margin-top:26px}.data.hosting-layout .section-intro>div>p{margin:0 0 25px}}

/* Hosting composition trial: copy left, image right; other sections unchanged. */
.data.hosting-split{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:7%;align-items:center;padding:120px 0 80px 4.5%}
.data.hosting-split .section-intro{display:block;padding:0}
.data.hosting-split .section-intro>h2{margin:0;font-size:clamp(44px,4.4vw,84px)}
.data.hosting-split .section-intro>div>p{margin:32px 0;max-width:390px}
html[lang^="zh"] .data.hosting-split .section-intro>h2{white-space:nowrap}
.data.hosting-split .wide-photo{margin:0;height:70svh;min-height:520px;max-height:780px;border-radius:90px 0 0 0}
@media(max-width:900px){.data.hosting-split{display:block;padding:80px 0 48px}.data.hosting-split .section-intro{padding:0 24px 55px}.data.hosting-split .section-intro>h2{font-size:58px}.data.hosting-split .section-intro>div>p{margin:26px 0}.data.hosting-split .wide-photo{margin-left:24px;height:65svh;min-height:440px;max-height:none;border-radius:60px 0 0 0}}

/* Hosting only: no outer vertical padding, as requested. */
.data.hosting-split{padding-top:0;padding-bottom:0}

/* PCBA follows the accepted Hosting composition; its process remains full width. */
.pcba.pcba-split{padding-top:0;padding-bottom:0}
.pcba-split .pcba-composition{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);column-gap:7%;align-items:center;padding-left:4.5%}
.pcba-split .section-intro{display:block;padding:0}
.pcba-split .section-intro>h2{margin:0;font-size:clamp(44px,4.4vw,84px)}
.pcba-split .section-intro>div>p{margin:32px 0;max-width:390px}
html[lang^="zh"] .pcba-split .section-intro>h2{white-space:nowrap}
.pcba-split .wide-photo{margin:0;height:70svh;min-height:520px;max-height:780px;border-radius:90px 0 0 0}
@media(max-width:900px){.pcba-split .pcba-composition{display:block;padding:0}.pcba-split .section-intro{padding:0 24px 55px}.pcba-split .section-intro>h2{font-size:58px}.pcba-split .section-intro>div>p{margin:26px 0}.pcba-split .wide-photo{margin-left:24px;height:65svh;min-height:440px;max-height:none;border-radius:60px 0 0 0}html[lang^="zh"] .pcba-split .section-intro>h2{font-size:clamp(40px,13.5vw,58px)}}

/* Hosting desktop alternates with PCBA; mobile keeps text before photo. */
@media(min-width:901px){.data.hosting-split{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-left:0;padding-right:4.5%}.data.hosting-split .wide-photo{grid-column:1;grid-row:1;border-radius:0 90px 0 0}.data.hosting-split .section-intro{grid-column:2;grid-row:1}}

/* Contact: source-inspired downward drifting image; form remains normal flow. */
.contact.contact-parallax{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:7%;align-items:start;padding:100px 4.5% 140px 0;overflow:hidden}
.contact-parallax .contact-visual{min-width:0;min-height:calc(clamp(560px,70svh,800px) + 160px)}
.contact-parallax .contact-photo{position:relative;margin:0;height:clamp(560px,70svh,800px);overflow:hidden;border-radius:0 90px 0 0}
.contact-parallax .contact-photo img{width:100%;height:100%;object-fit:cover;object-position:50% 55%;display:block}
.contact-parallax .contact-panel{min-width:0}
.contact-parallax .contact-copy h2{margin:0 0 25px}
.contact-parallax .contact-copy>p{font-size:15px;opacity:.7;max-width:340px}
.contact-parallax form{padding-top:35px}
html[data-levia-motion=on] .contact-parallax .contact-photo{will-change:transform}
@media(max-width:900px){.contact.contact-parallax{display:flex;flex-direction:column;gap:0;padding:70px 0 85px}.contact-parallax .contact-panel{display:contents}.contact-parallax .contact-copy{order:0;margin:0 24px}.contact-parallax .contact-copy h2{font-size:58px}.contact-parallax .contact-visual{order:1;align-self:stretch;min-height:0;padding-bottom:48px;margin:40px 24px 40px 0}.contact-parallax .contact-photo{height:clamp(380px,60svh,520px);border-radius:0 60px 0 0}.contact-parallax form{order:2;margin:0 24px;width:calc(100% - 48px);padding-top:0}}

/* Compact Contact: no outer vertical padding; title stays on one line. */
.contact.contact-parallax{padding-top:0;padding-bottom:0}
.contact-parallax .contact-copy h2{font-size:clamp(32px,4.4vw,84px);white-space:nowrap}
@media(max-width:900px){.contact-parallax .contact-copy h2{font-size:clamp(28px,7.5vw,58px)}html[lang^="zh"] .contact-parallax .contact-copy h2{font-size:clamp(40px,14.5vw,58px)}}

/* Installment image family: top-to-bottom reveal on the frame, drift inside it. */
.contact-parallax .contact-visual{min-height:clamp(560px,70svh,800px)}
html[data-levia-motion=on] .contact-parallax .contact-photo{will-change:clip-path}
html[data-levia-motion=on] .contact-image-zoom{position:absolute;inset:0;overflow:hidden}
html[data-levia-motion=on] .contact-image-zoom img{position:absolute;left:0;top:-15%;width:100%;height:130%;object-fit:cover;will-change:transform}
@media(max-width:900px){.contact-parallax .contact-visual{min-height:0;padding-bottom:0}}

/* Keep the contact image stationary inside the top-down mask. */
html[data-levia-motion=on] .contact-image-zoom img{top:0;height:100%;transform:none;will-change:auto}

.turnstile-container:not(:empty){margin:0 0 18px;max-width:100%}

.contact output:not(:empty){padding-bottom:24px}

/* Fill the left column; vertical breathing room belongs to the enquiry column. */
@media(min-width:901px){.contact-parallax .contact-panel{padding-top:80px;padding-bottom:80px}.contact-parallax .contact-visual{position:relative;align-self:stretch;min-height:560px}.contact-parallax .contact-photo{position:absolute;inset:0;height:100%;min-height:0}}
@media(max-width:900px){.contact-parallax form{padding-top:30px;padding-bottom:50px}}

/* Contact image only: square corners on all viewports. */
.contact-parallax .contact-photo{border-radius:0}