:root{--ink:#102331;--muted:#52616a;--accent:#ffd04a;--line:#d8dfe1;--paper:#f7f8fa;--font:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,"Microsoft YaHei","Nirmala UI",sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 var(--font)}.wrap{max-width:1360px;margin:auto;padding-left:64px;padding-right:64px}header{min-height:120px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;color:var(--ink);font-size:28px;font-weight:800;letter-spacing:2px;line-height:1.1}.brand span{display:block;font-size:10px;letter-spacing:1.6px;margin-top:10px}nav{display:flex;gap:6px}nav a{font-size:14px;text-decoration:none;color:var(--muted);padding:8px 12px;border:1px solid transparent;border-radius:3px}nav a[aria-current]{border-color:var(--ink);color:var(--ink)}a:focus-visible{outline:3px solid #a87900;outline-offset:5px}.hero{display:grid;grid-template-columns:1.12fr 1fr;gap:55px;padding-top:36px;padding-bottom:68px}.eyebrow{font-size:12px;letter-spacing:1.8px;font-weight:700;margin:0 0 27px}h1{font:600 clamp(2.25rem,3.8vw,3.5rem)/1.18 var(--font);letter-spacing:-.035em;margin:0 0 27px}h1 em{font-weight:600;font-style:normal;color:#866000}p{margin-top:0}.lead{max-width:530px;color:var(--muted);font-size:17px;line-height:1.75;margin-bottom:29px}.button{background:var(--ink);color:white;display:inline-flex;align-items:center;gap:35px;padding:15px 22px;text-decoration:none;font-size:15px}.button:hover{background:#284656}.button span{font-size:22px}.micro{font-size:13px;color:var(--muted);margin:16px 0 0}.visual{min-height:540px;position:relative;overflow:hidden;background:#263e48}.photo{position:absolute;inset:0;background-size:cover;background-position:center}.photo-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,#071b2ade)}.photo-caption{position:absolute;bottom:36px;left:30px;right:25px;color:white}.photo-caption span{font-size:11px;letter-spacing:1.8px;display:block;margin-bottom:16px}.photo-caption strong{font:500 1.875rem/1.3 var(--font)}.corner{position:absolute;top:22px;left:25px;color:#fff;font-size:11px;letter-spacing:1px}.facts{display:grid;grid-template-columns:repeat(4,1fr);padding-bottom:58px;gap:30px}.facts div{border-top:1px solid var(--line);padding-top:23px}.facts strong{font:600 clamp(1.5rem,2.6vw,2rem)/1.3 var(--font);display:block;margin-bottom:9px}.facts span{color:var(--muted);font-size:14px;display:block;max-width:190px}.offering{border-top:1px solid var(--line);padding-top:74px;padding-bottom:86px;display:grid;grid-template-columns:1fr 1.1fr;gap:90px}h2{font:600 2.5rem/1.25 var(--font);letter-spacing:-.025em;margin:0 0 22px}.section-intro{color:var(--muted);max-width:385px}.services article{display:flex;gap:25px;border-bottom:1px solid var(--line);padding:0 0 25px;margin-bottom:25px}.services article:last-child{margin-bottom:0}.services article>span{font-size:12px;color:#866000;padding-top:5px}h3{font-size:1.1875rem;font-weight:600;line-height:1.35;margin:0 0 10px}.services p{font-size:1rem;color:var(--muted);margin-bottom:0}.contact{background:var(--ink);color:white;padding:65px 0}.contact-inner{display:grid;grid-template-columns:1fr 1.1fr;gap:90px}.contact .eyebrow{color:var(--accent)}.contact h2{font-size:46px;margin:0}.contact p:not(.eyebrow){color:#b5c3cc}.email{font-size:clamp(17px,2vw,26px);color:var(--accent);text-decoration:none;display:flex;gap:20px;align-items:center;width:fit-content;border-bottom:1px solid #90783d;padding-bottom:9px}.contact-name{font-size:13px;margin:22px 0 0}footer{display:flex;justify-content:space-between;gap:24px;padding-top:25px;padding-bottom:25px;font-size:12px;color:var(--muted)}html[lang=hi] h1,html[lang=hi] h2{line-height:1.5;letter-spacing:0}html[lang=zh-Hans] h1{line-height:1.25;letter-spacing:0}@media(min-width:1500px){.hero{padding-top:60px}}@media(max-width:950px){.wrap{padding-left:32px;padding-right:32px}.hero{gap:30px}.visual{min-height:500px}h1{font-size:2.5rem}.offering,.contact-inner{gap:40px}.brand span{max-width:190px;line-height:1.5}.email{font-size:20px}}@media(max-width:680px){.wrap{padding-left:23px;padding-right:23px}header{min-height:110px;align-items:flex-start;padding-top:25px;gap:12px}.brand{font-size:23px}.brand span{font-size:9px;max-width:140px}nav{gap:0;flex-wrap:wrap;justify-content:flex-end}nav a{padding:5px 8px}.hero{grid-template-columns:1fr;padding-top:24px;padding-bottom:38px;gap:32px}h1{font-size:clamp(2rem,8.5vw,2.75rem);letter-spacing:-.025em}.eyebrow{font-size:11px;letter-spacing:1.3px}.visual{min-height:340px}.facts{grid-template-columns:1fr 1fr;gap:24px;padding-bottom:40px}.facts strong{font-size:1.5rem}.offering,.contact-inner{grid-template-columns:1fr;gap:32px}.offering{padding-top:43px;padding-bottom:45px}h2,.contact h2{font-size:2rem}.contact{padding:44px 0}footer{flex-direction:column;gap:8px}html[lang=hi] h1{font-size:2rem}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.credit{font-size:12px;color:#52616a;padding-bottom:18px}.credit a{color:inherit}.brand span{font-size:12px;letter-spacing:.8px;max-width:290px;line-height:1.4}@media(max-width:680px){.brand span{font-size:12px;max-width:155px}}
/* Brand and readable multilingual typography */
.brand{display:flex;align-items:center;gap:18px;font-family:var(--font);font-size:1.625rem;font-weight:600;letter-spacing:.09em}
.brand b{font-weight:650}
.brand-logo{display:block;width:100px;height:auto;flex:none}
.brand-copy{min-width:0}
.brand span{font-size:.75rem;letter-spacing:.07em;font-weight:500;line-height:1.5;margin-top:7px;max-width:275px}
header{min-height:145px}
.intro,.offering>div,.contact-inner>div,.facts>div{min-width:0}
h1,h2,h3,.facts strong{overflow-wrap:break-word}
.micro,.contact-name{font-size:.875rem}
html[lang=hi] body{font-family:"Nirmala UI","Kohinoor Devanagari",var(--font)}
html[lang=zh-Hans] body{font-family:system-ui,"PingFang SC","Microsoft YaHei",sans-serif}
html[lang=hi] h1,html[lang=hi] h2,html[lang=hi] .facts strong{line-height:1.5;letter-spacing:0}
html[lang=zh-Hans] h1,html[lang=zh-Hans] h2{letter-spacing:0}
@media(max-width:950px){.brand{gap:12px;font-size:1.375rem}.brand-logo{width:82px}.brand span{max-width:210px}.hero{grid-template-columns:minmax(0,1.12fr) minmax(0,1fr)}}
@media(max-width:680px){header{min-height:0;flex-wrap:wrap;align-items:center;padding-top:20px;padding-bottom:20px;gap:18px}.brand{gap:12px;font-size:1.375rem}.brand-logo{width:76px}.brand span{max-width:220px;font-size:.75rem}.brand-copy{flex:1}nav{width:100%;justify-content:flex-start;gap:8px}nav a{padding:7px 13px;font-size:.875rem}.hero{grid-template-columns:minmax(0,1fr)}.email{font-size:clamp(.875rem,4.4vw,1.25rem);gap:8px;overflow-wrap:anywhere}.contact h2{font-size:2rem}}

.contact-channels{margin-top:24px}.phone{display:inline-block;color:#fff;text-decoration:none;font-size:1.25rem;font-weight:500;letter-spacing:.02em}.messengers{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.messengers a{display:inline-flex;align-items:center;gap:16px;border:1px solid #65747e;color:#fff;padding:9px 15px;text-decoration:none;font-size:.9375rem;line-height:1.5}.messengers a:hover{border-color:var(--accent);color:var(--accent)}.phone:hover{text-decoration:underline}

/* The logo already includes the company name. */
.brand-copy span{margin-top:0;font-size:.875rem}

#contact{scroll-margin-top:24px}#contact:focus{outline:none}.copy-email{margin-top:16px;padding:10px 16px;border:1px solid #65747e;background:transparent;color:white;font:inherit;font-size:.9375rem;cursor:pointer;border-radius:0}.copy-email:hover{border-color:var(--accent);color:var(--accent)}.copy-email:focus-visible{outline:3px solid var(--accent);outline-offset:4px}.copy-status{font-size:.875rem;margin:8px 0 0;min-height:1.65em}.email{user-select:all}
