:root{--navy:#082b63;--blue:#0a438d;--gold:#d99c27;--cream:#f6f1e7;--ink:#0c2547;--white:#fff;--line:#d9e0e8}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:"IBM Plex Sans Thai",sans-serif;background:#fff}a{color:inherit;text-decoration:none}
.nav{height:86px;padding:0 clamp(22px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7ebf0;position:sticky;top:0;background:rgba(255,255,255,.96);backdrop-filter:blur(14px);z-index:20}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:52px;height:52px;flex:0 0 52px}.brand-mark circle{fill:var(--navy);stroke:var(--gold);stroke-width:2.5}.brand-mark path{fill:none;stroke:var(--gold);stroke-width:3.4;stroke-linecap:round;stroke-linejoin:round}.brand strong{display:block;font:700 18px Montserrat;letter-spacing:.04em;color:var(--navy)}.brand small{display:block;font:600 10px Montserrat;letter-spacing:.13em;color:#65758a}.nav nav{display:flex;align-items:center;gap:34px;font-weight:600}.nav nav a:hover{color:var(--gold)}.nav-cta{background:var(--gold);padding:12px 22px;color:#081f42!important}.menu{display:none;width:48px;height:48px;border:1px solid #cbd5e1;border-radius:12px;background:none;padding:12px;flex-direction:column;justify-content:center;gap:5px}.menu span{display:block;width:100%;height:2px;border-radius:2px;background:var(--navy)}
.hero{min-height:calc(100vh - 86px);display:grid;grid-template-columns:1.08fr .92fr;background:var(--cream);overflow:hidden}.hero-copy{padding:clamp(70px,10vw,150px) clamp(28px,7vw,110px);align-self:center}.eyebrow,.section-label{font:700 12px Montserrat;letter-spacing:.2em;color:var(--gold);margin:0 0 24px}.hero h1,.section h2{font-size:clamp(44px,6.4vw,92px);line-height:.98;letter-spacing:-.045em;margin:0}.hero h1 em{font-style:normal;color:var(--gold)}.lead{font-size:20px;line-height:1.8;max-width:580px;color:#526174;margin:34px 0}.actions{display:flex;gap:12px;flex-wrap:wrap}.button{padding:15px 24px;font-weight:700;border:1px solid var(--navy)}.primary{background:var(--navy);color:white}.ghost:hover{background:white}.proof{margin-top:56px;padding-top:24px;border-top:1px solid #d8d0c0;display:flex;align-items:center;gap:16px}.proof strong{font:700 46px Montserrat;color:var(--gold)}.proof span{line-height:1.4;color:#536174}.hero-art{position:relative;background:linear-gradient(120deg,rgba(8,43,99,.18),rgba(8,43,99,.3)),url('assets/bangkok-night.jpg') center/cover;min-height:640px}.gold-frame{position:absolute;inset:8% 8% 8% -30px;border:5px solid var(--gold);transform:skewX(-7deg);mix-blend-mode:multiply}.trust-card{position:absolute;left:-36px;bottom:11%;background:white;padding:20px 28px;display:flex;align-items:center;gap:14px;box-shadow:0 16px 40px #051a3f30}.trust-card span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--navy);color:white}
.section{padding:clamp(76px,10vw,150px) clamp(24px,7vw,110px)}.section h2{font-size:clamp(38px,5vw,70px)}.story-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10vw}.timeline article{display:grid;grid-template-columns:100px 1fr;gap:24px;padding:0 0 38px;margin-bottom:38px;border-bottom:1px solid var(--line)}.timeline article:last-child{border:0}.timeline span{font:700 24px Montserrat;color:var(--gold)}h3{font-size:21px;margin:0 0 8px}.timeline p,.services-head p,.why-copy>p,.benefits p{color:#627085;line-height:1.75;margin:0}
.services{background:#f7f4ed;color:var(--ink)}.section-label.light{color:var(--gold)}.services-head{display:grid;grid-template-columns:1.1fr .9fr;align-items:end;gap:10vw}.services-head p{color:#657084;font-size:18px}.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:60px}.service-grid article{min-height:250px;padding:34px;background:#fff;border:1px solid #e1d4b7;border-radius:28px;box-shadow:0 18px 34px rgba(12,37,71,.08);display:flex;flex-direction:column;align-items:flex-start}.service-icon{width:64px;height:64px;border-radius:18px;background:#f2ecdf;border:1px solid #dfd0ae;color:var(--navy);display:grid;place-items:center;margin-bottom:32px}.service-icon svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.service-grid h3{font-size:23px;margin-bottom:10px}.service-grid p{margin:0;color:#697386;font-size:17px;line-height:1.65}
.why{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:#f8fafc}.why-copy>p{font-size:18px;max-width:520px;margin-top:30px}.benefits article{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid var(--line)}.benefits b{font:700 16px Montserrat;color:var(--gold)}.contact{display:grid;grid-template-columns:1fr 1fr;gap:10vw;background:var(--gold);color:#071f43}.contact .eyebrow{color:#fff}.contact-links{display:flex;flex-direction:column}.contact-links a{font-size:20px;font-weight:700;padding:22px 0;border-bottom:1px solid #07265240}.contact-links a:hover{padding-left:8px}.contact-links small{display:block;font-weight:500;font-size:13px;opacity:.7;margin-bottom:4px}footer{background:#051d43;color:#aab9cf;padding:42px clamp(24px,7vw,110px);display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:13px}.inverse strong{color:white}.inverse .brand-mark circle{fill:white}.inverse .brand-mark path{stroke:var(--navy)}
@media(max-width:900px){.nav nav{display:none;position:absolute;top:86px;left:0;right:0;background:white;padding:24px;flex-direction:column;align-items:stretch;border-bottom:1px solid var(--line)}.nav nav.open{display:flex}.menu{display:flex}.hero{grid-template-columns:1fr}.hero-copy{padding-top:80px;padding-bottom:80px}.hero-art{min-height:470px}.trust-card{left:24px}.story-grid,.services-head,.why,.contact{grid-template-columns:1fr}.story-grid,.why,.contact{gap:60px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}footer{align-items:flex-start;flex-direction:column}}
@media(max-width:620px){.nav{height:72px;padding:0 18px}.brand-mark{width:42px;height:42px;flex-basis:42px}.brand strong{font-size:14px}.brand small{font-size:8px}.nav nav{top:72px}.hero{min-height:auto}.hero h1{font-size:46px}.lead{font-size:17px}.hero-art{min-height:380px}.gold-frame{left:12px}.timeline article{grid-template-columns:72px 1fr;gap:14px}.service-grid{grid-template-columns:1fr;gap:22px}.service-grid article{min-height:0;padding:30px;border-radius:24px}.service-icon{margin-bottom:26px}.contact h2{font-size:42px}footer p{margin:0}}
@media(prefers-reduced-motion:no-preference){.button,.contact-links a{transition:.2s ease}.hero-copy>*{animation:rise .65s both}.hero-copy>*:nth-child(2){animation-delay:.08s}.hero-copy>*:nth-child(3){animation-delay:.16s}@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}}
.brand-mark text{fill:var(--gold);font:700 20px Montserrat;letter-spacing:.015em}.inverse .brand-mark text{fill:var(--navy)}