*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,"Noto Sans",sans-serif;color:#10233f;background:#fff;line-height:1.55}.container{width:min(1180px,calc(100% - 48px));margin:auto}.header{position:sticky;top:0;z-index:20;background:rgba(255,255,255,.95);backdrop-filter:blur(12px);border-bottom:1px solid #e9eef4}.nav{height:76px;display:flex;align-items:center;gap:28px}.logo{font-size:22px;font-weight:900;letter-spacing:-1px;text-decoration:none;color:#10233f;line-height:.8}.logo span{color:#e43d30}.logo small{display:block;font-size:7px;letter-spacing:1.5px;margin-top:8px}.menu{display:flex;gap:22px;margin-left:auto}.menu a{color:#253a55;text-decoration:none;font-size:14px;font-weight:600}.menu a:hover{color:#e43d30}.langs{display:flex;gap:9px;font-size:12px}.langs span{opacity:.55}.menu-btn{display:none;margin-left:auto;border:0;background:none;font-size:24px}.hero{background:linear-gradient(120deg,#f6f9fc 0%,#edf4f9 60%,#dcebf3 100%);overflow:hidden}.hero-grid{min-height:590px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:50px}.eyebrow{font-size:12px;font-weight:800;letter-spacing:2px;color:#e43d30;margin:0 0 12px}h1{font-size:64px;line-height:1.02;letter-spacing:-3px;margin:0 0 24px}h2{font-size:40px;line-height:1.1;letter-spacing:-1.5px;margin:0 0 22px}h3{line-height:1.2}.lead{font-size:23px;max-width:620px}.hero-copy{max-width:650px;color:#516176}.button{display:inline-block;margin-top:16px;background:#e43d30;color:#fff;padding:14px 24px;border-radius:7px;text-decoration:none;font-weight:700}.hero-art{height:390px;border-radius:24px;background:linear-gradient(145deg,#0d3c68,#0d6782);position:relative;box-shadow:0 30px 70px #17496a35;overflow:hidden}.hero-art:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(0deg,transparent 0 39px,#ffffff09 40px)}.route{position:absolute;top:60px;left:45px;right:45px;color:#fff;display:flex;align-items:center;gap:16px;font-size:12px;font-weight:800;letter-spacing:1px}.route i{height:1px;background:#ffffff99;flex:1}.containers{position:absolute;left:48px;bottom:55px;display:grid;grid-template-columns:repeat(3,90px);gap:8px}.containers b{height:55px;background:#e25a35;border:2px solid #f6a06d;box-shadow:inset 0 0 0 4px #c7472b}.section{padding:90px 0}.alt{background:#f6f8fb}.split{display:grid;grid-template-columns:1.15fr .85fr;gap:70px;align-items:center}.statement{background:#0f3357;color:#fff;padding:48px;border-radius:18px;font-size:25px;line-height:1.35}.statement strong{color:#ff735f}.intro{max-width:700px;color:#607086}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.cards article,.advantages article{background:#fff;border:1px solid #e5ebf1;border-radius:14px;padding:25px;box-shadow:0 10px 30px #173c5d0a}.cards span{color:#e43d30;font-weight:800}.cards p,.service-grid p,.advantages p,.steps p{font-size:14px;color:#64748a}.accent-card{background:#123b61!important;color:#fff}.accent-card p{color:#d9e4ee}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-top:35px}.service-grid>div{padding:25px 18px;border-top:2px solid #dbe5ed}.service-grid b{font-size:24px;color:#e43d30}.dark{background:#0c2e4e;color:#fff}.dark .eyebrow{color:#ff6b57}.steps{display:grid;grid-template-columns:repeat(7,1fr);gap:12px;margin-top:45px}.steps article{border-top:1px solid #52708b;padding-top:18px}.steps b{color:#ff6b57;font-size:18px}.steps p{color:#b9c9d8}.advantages{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:35px}.geography{background:#eef4f8}.map-card{min-height:260px;border-radius:20px;background:#fff;display:flex;align-items:center;justify-content:center;gap:20px;font-size:24px;box-shadow:0 15px 40px #163c5a12;position:relative}.map-card span{color:#e43d30;font-size:38px}.map-card small{position:absolute;bottom:35px;font-size:11px;letter-spacing:2px;color:#708096}.contacts{padding-bottom:70px}.contact-placeholders{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:30px}.contact-placeholders span{border:1px dashed #9aabbc;padding:25px 10px;text-align:center;font-size:11px;font-weight:800;color:#718096;border-radius:10px}footer{background:#081f35;color:#aebdca;padding:38px 0;font-size:12px}.footer-grid{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.4fr;gap:25px;align-items:center}.footer-logo{color:#fff}.footer-logo span{color:#ff5a48}@media(max-width:900px){.menu{display:none;position:absolute;top:76px;left:0;right:0;background:#fff;padding:25px;flex-direction:column}.menu.open{display:flex}.menu-btn{display:block}.langs{margin-left:0}.hero-grid,.split{grid-template-columns:1fr}.hero-grid{padding:70px 0}.hero-art{height:280px}.cards,.advantages{grid-template-columns:repeat(2,1fr)}.service-grid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}h1{font-size:48px}.footer-grid{grid-template-columns:1fr 1fr}.contact-placeholders{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.container{width:min(100% - 30px,1180px)}.header .langs{display:none}h1{font-size:39px;letter-spacing:-2px}h2{font-size:31px}.section{padding:65px 0}.hero-grid{min-height:auto}.hero-art{height:220px}.containers{transform:scale(.72);transform-origin:left bottom}.cards,.advantages,.service-grid,.steps,.footer-grid,.contact-placeholders{grid-template-columns:1fr}.statement{padding:30px;font-size:21px}}
/* Sinohouse v2 branding */
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:#10233f;flex:0 0 auto}.brand img{width:48px;height:48px;object-fit:contain;mix-blend-mode:multiply}.brand-name{display:flex;flex-direction:column;line-height:1}.brand-name b{font-size:21px;letter-spacing:.3px}.brand-name small{font-size:7px;letter-spacing:1.6px;margin-top:7px;color:#64748a}.footer-brand{color:#fff}.footer-brand img{width:42px;height:42px;background:#fff;border-radius:5px;padding:2px;mix-blend-mode:normal}.footer-brand .brand-name small{color:#aebdca}@media(max-width:560px){.brand img{width:40px;height:40px}.brand-name b{font-size:17px}.brand-name small{font-size:6px;letter-spacing:1px}.nav{gap:12px}}

/* V2 update: single hero photograph only */
.hero-photo-v2{
  height:390px;
  border-radius:24px;
  overflow:hidden;
  box-shadow:0 30px 70px #17496a35;
  background:#dcebf3;
}
.hero-photo-v2 img{
  width:100%;
  height:100%;
  display:block;
  object-fit:cover;
  object-position:center;
}
@media(max-width:900px){.hero-photo-v2{height:280px}}
@media(max-width:560px){.hero-photo-v2{height:220px}}

/* Legal pages */
.legal-page{background:#f7f9fc;color:#172033}.legal-top{background:#fff;border-bottom:1px solid #e5e9f0;position:sticky;top:0;z-index:10}.legal-top .container{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:24px}.legal-back{font-weight:700;color:#1d5fbf;text-decoration:none}.legal-main{padding:56px 0 80px}.legal-document{max-width:920px;background:#fff;border:1px solid #e5e9f0;border-radius:18px;padding:48px 56px;box-shadow:0 12px 36px rgba(20,40,80,.06)}.legal-document h1{font-size:clamp(30px,4vw,46px);margin:0 0 12px}.legal-document h2{font-size:22px;margin:34px 0 12px}.legal-document p{line-height:1.75;margin:0 0 14px}.legal-meta{color:#6b7280}.legal-copy{margin-top:38px!important;padding-top:20px;border-top:1px solid #e5e9f0;color:#6b7280}@media(max-width:700px){.legal-main{padding:28px 0 50px}.legal-document{padding:28px 22px;border-radius:12px}.legal-top .container{min-height:68px}.legal-top .brand-name small{display:none}}
\n\n/* Final contact and legal-footer refinements */
.contact-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(0,3fr);gap:18px;align-items:stretch;margin-top:30px}
.contact-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.contact-details>div{min-height:116px;border:1px dashed #9aabbc;border-radius:10px;padding:18px 14px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:7px}
.contact-details span,.qr-grid figcaption{font-size:12px;font-weight:800;letter-spacing:.25px;color:#718096;text-transform:uppercase}
.contact-details a{font-size:15px;font-weight:800;color:#10233f;text-decoration:none;overflow-wrap:anywhere}
.contact-details a:hover{color:#e43d30}
.qr-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;align-items:start}
.qr-grid figure{margin:0;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:8px;text-align:center}
.qr-grid img{width:116px;height:116px;object-fit:contain;display:block;background:#fff}
.footer-links{display:flex;flex-direction:column;align-items:flex-start;gap:7px}
.footer-links a{display:block;color:#c7d3de;text-decoration:none;line-height:1.35}
.footer-links a:hover{color:#fff}
.footer-company{display:flex;flex-direction:column;gap:4px}
@media(max-width:900px){.contact-grid{grid-template-columns:1fr}.qr-grid{max-width:620px}.footer-links{align-items:flex-start}}
@media(max-width:560px){.contact-details{grid-template-columns:1fr}.qr-grid{grid-template-columns:repeat(3,1fr);gap:8px}.qr-grid img{width:min(100%,96px);height:auto;aspect-ratio:1/1}.contact-details>div{min-height:92px}.contact-details span,.qr-grid figcaption{font-size:10px}}

/* Contact row v3: five equal-height dashed boxes */
.contact-row{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px;margin-top:30px;align-items:stretch}
.contact-box{height:210px;margin:0;border:1px dashed #9aabbc;border-radius:10px;padding:16px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:10px;min-width:0}
.contact-box span,.contact-box figcaption{font-size:12px;font-weight:800;letter-spacing:.25px;color:#718096;text-transform:uppercase}
.contact-box a{font-size:14px;font-weight:800;color:#10233f;text-decoration:none;overflow-wrap:anywhere}
.contact-box a:hover{color:#e43d30}
.qr-box img{width:145px;height:145px;max-width:100%;object-fit:contain;display:block;background:#fff}
@media(max-width:900px){.contact-row{grid-template-columns:repeat(2,minmax(0,1fr))}.contact-box{height:200px}.qr-box img{width:135px;height:135px}}
@media(max-width:560px){.contact-row{grid-template-columns:1fr}.contact-box{height:190px}.qr-box img{width:130px;height:130px}}
/* FINAL v3 — MOBILE ONLY: language switcher between brand and menu button */
@media (max-width: 900px) {
  .header .nav {
    display: flex;
    align-items: center;
  }

  .header .brand {
    order: 1;
    flex: 0 1 auto;
    min-width: 0;
  }

  .header .langs {
    order: 2;
    display: flex;
    align-items: center;
    gap: 7px;
    margin-left: auto;
    white-space: nowrap;
    flex: 0 0 auto;
  }

  .header .menu-btn {
    order: 3;
    display: block;
    margin-left: 0;
    flex: 0 0 auto;
  }

  .header .menu {
    order: 4;
  }
}

@media (max-width: 560px) {
  .header .langs {
    display: flex;
    gap: 6px;
    font-size: 11px;
  }
}