*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:system-ui,-apple-system,"Noto Sans Thai",sans-serif;color:#14253a;background:#f7fafc;line-height:1.65}a{color:inherit;text-decoration:none}.wrap{max-width:1120px;margin:auto;padding:0 22px}.top{background:#102b49;color:#dbe9f6;font-size:13px;padding:8px 0}.header{background:#fff;border-bottom:1px solid #e4eaf1;position:sticky;top:0;z-index:20}.header .wrap{display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:72px}.brand{font-weight:850;font-size:25px;letter-spacing:-1px}.brand span{color:#ee6b2d}.nav{display:flex;gap:18px;flex-wrap:wrap;font-size:14px}.nav a:hover{color:#e65e24}.hero{background:linear-gradient(120deg,#0e3157,#125c80);color:white;padding:84px 0 90px}.eyebrow{color:#a7ecff;font-weight:700;font-size:14px}.hero h1{font-size:clamp(36px,5.8vw,68px);line-height:1.19;letter-spacing:-1.4px;max-width:820px;margin:14px 0 18px}.hero p{font-size:19px;color:#e0eef7;max-width:760px}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;justify-content:center;align-items:center;padding:15px 26px;border-radius:12px;font-weight:800;min-height:54px}.call{background:#ff742e;color:#fff}.line{background:#fff;color:#154367}.call:hover{background:#e65b1c}.line:hover{background:#e9f4f8}.micro{font-size:13px!important;color:#b9d5e5!important;margin-top:18px}.section{padding:66px 0}.section h2{font-size:clamp(26px,3.5vw,37px);line-height:1.25;margin:0 0 12px}.lead{color:#586b7e;margin-bottom:28px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.card{background:#fff;border:1px solid #e2eaf1;border-radius:18px;padding:25px;box-shadow:0 10px 25px rgba(13,38,67,.04)}.card h3{margin:4px 0 9px;font-size:21px}.card p{color:#596d80;margin:0 0 15px}.card a{color:#14608a;font-weight:750}.soft{background:#eaf3f8}.chips{display:flex;gap:10px;flex-wrap:wrap}.chip{background:#fff;padding:10px 15px;border-radius:100px;border:1px solid #d9e5ee}.banner{background:#123d60;color:#fff;border-radius:20px;padding:34px;display:flex;justify-content:space-between;align-items:center;gap:24px}.banner h2{margin:0;font-size:28px}.banner p{margin:5px 0 0}.faq details{padding:18px 0;border-bottom:1px solid #d8e4ec}.faq summary{cursor:pointer;font-weight:750}.footer{background:#102b49;color:#dce8f2;padding:35px 0 95px}.footer small{color:#a9c0d2}.mobilebar{display:none}@media(max-width:760px){.nav{display:none}.hero{padding:60px 0 65px}.hero p{font-size:17px}.grid{grid-template-columns:1fr}.banner{display:block}.banner .btn{margin-top:18px}.mobilebar{display:grid;grid-template-columns:65fr 35fr;gap:8px;position:fixed;bottom:0;left:0;right:0;background:#fff;padding:10px 12px calc(10px + env(safe-area-inset-bottom));box-shadow:0 -4px 20px #17344b25;z-index:30}.mobilebar .btn{padding:12px 5px;font-size:15px}.mobilebar .line{background:#eaf5f9}.footer{padding-bottom:120px}}
/* Center Air visual refresh — zero external fonts, zero image downloads */
:root{--navy:#092642;--ink:#102940;--orange:#ff712b;--sky:#dff6ff}
body{font-family:system-ui,-apple-system,"Noto Sans Thai",Tahoma,sans-serif}
.top{background:#09233c}.header{box-shadow:0 8px 32px rgba(8,38,65,.06)}.brand{font-size:27px}.brand span{color:var(--orange)}
.hero{background:radial-gradient(ellipse at 78% 30%,#1976a4 0%,transparent 45%),linear-gradient(120deg,#08233f,#0b4365 68%,#0e5874);padding:72px 0 76px;overflow:hidden;position:relative}
.hero:before{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px);background-size:48px 48px;pointer-events:none}
.hero-layout{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);align-items:center;gap:40px;position:relative}.hero-copy{position:relative;z-index:2}.hero h1{font-size:clamp(52px,5.2vw,76px);line-height:1.12;letter-spacing:-1.5px;margin:18px 0 18px}.hero p{font-size:18px;line-height:1.85}.hero .eyebrow{display:inline-flex;background:#ffffff14;border:1px solid #ffffff35;border-radius:100px;padding:8px 14px;letter-spacing:.1px}.hero .btn{box-shadow:0 12px 28px #061e3a40}.btn{transition:transform .18s ease,background .18s ease}.btn:hover{transform:translateY(-2px)}.call{background:var(--orange)}
.hero-visual{min-height:385px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.visual-orbit{position:absolute;width:370px;height:370px;border:1px solid #ffffff3a;border-radius:50%;box-shadow:0 0 0 45px #ffffff07,0 0 0 95px #ffffff04;z-index:-1}.ac-unit{width:min(100%,420px);height:215px;background:linear-gradient(160deg,#fff,#dbe9f0);border-radius:28px 28px 23px 23px;box-shadow:0 36px 55px #00182b80, inset 0 4px 8px #fff;transform:rotate(-5deg);padding:27px 30px;position:relative}.ac-unit:after{content:"";position:absolute;left:8%;right:8%;bottom:13px;height:8px;background:#b4cbd8;border-radius:12px;box-shadow:0 6px 10px #7298ac55}.ac-top{display:flex;justify-content:space-between;align-items:center}.ac-mark{font-size:17px;font-weight:900;color:#16324c;letter-spacing:-.7px}.ac-mark span{color:#f47739}.ac-light{height:8px;width:8px;background:#3cc7ad;border-radius:50%;box-shadow:0 0 0 4px #3cc7ad22}.ac-vent{margin-top:46px;border-top:2px solid #a5b9c5;display:flex;gap:9px;padding-top:11px}.ac-vent i{height:3px;flex:1;border-radius:10px;background:#a7c2d0}.cool-lines{position:absolute;bottom:-68px;left:33%;display:flex;gap:10px;align-items:center;color:#c9f3ff;transform:rotate(5deg)}.cool-lines b{font-size:35px}.cool-lines span{font-size:12px;letter-spacing:4px;font-weight:700}.floating-card{position:absolute;left:-10px;bottom:28px;background:#fff;color:#17334a;border-radius:15px;padding:14px 17px;display:flex;align-items:center;gap:12px;box-shadow:0 18px 40px #00182b55}.fc-icon{display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#d7f6eb;color:#13865e;font-weight:900}.floating-card strong,.floating-card small{display:block}.floating-card small{font-size:11px;color:#678092}.visual-tag{position:absolute;right:0;top:18px;background:#ffffff1a;border:1px solid #ffffff30;border-radius:100px;padding:8px 14px;font-size:12px;color:#e9f9ff}
.proof-strip{background:#fff;border-bottom:1px solid #e7eef3}.proof-inner{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;padding-top:24px;padding-bottom:24px}.proof-inner>div{padding-left:18px;border-left:3px solid var(--orange)}.proof-inner strong,.proof-inner span{display:block}.proof-inner strong{font-size:15px}.proof-inner span{font-size:13px;color:#6b7e8d}.section-kicker{font-size:12px;font-weight:900;letter-spacing:2px;color:#d76b31;margin-bottom:12px}.intent-section{background:#fff}.intent-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.intent-grid>a{border:1px solid #e1e9ef;border-radius:20px;padding:26px;background:#f8fbfd;display:flex;flex-direction:column;gap:8px;transition:box-shadow .2s,transform .2s}.intent-grid>a:hover{transform:translateY(-3px);box-shadow:0 16px 36px #0b294014}.intent-icon{font-size:30px;color:#f27a36}.intent-grid strong{font-size:21px}.intent-grid small{font-size:14px;color:#607789}.intent-grid em{font-style:normal;color:#0d658c;font-weight:800;margin-top:10px}.card{transition:transform .18s,box-shadow .18s}.card:hover{transform:translateY(-3px);box-shadow:0 16px 35px #0b294012}
@media(max-width:900px){.hero-layout{grid-template-columns:1fr}.hero-visual{min-height:315px;max-width:490px;margin:auto;width:100%}.hero{padding:56px 0 60px}.hero h1{font-size:clamp(46px,9vw,70px)}}
@media(max-width:760px){.hero-visual{min-height:285px}.ac-unit{height:165px;width:85%;padding:20px}.ac-vent{margin-top:28px}.visual-orbit{width:270px;height:270px}.floating-card{left:0;bottom:5px}.visual-tag{right:0;top:0}.proof-inner{grid-template-columns:1fr;gap:14px}.intent-grid{grid-template-columns:1fr}.hero .actions{gap:10px}.hero .btn{padding:14px 18px}.hero h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition:none!important}}

/* V3: actual image assets from original site's media archive */
.hero-photo{position:relative;min-width:0;padding:22px 12px 34px}.hero-photo-frame{border-radius:26px;overflow:hidden;aspect-ratio:4/3;background:#c9dce5;border:6px solid #ffffff24;box-shadow:0 25px 60px #00182b80;transform:rotate(2deg)}.hero-photo-frame img{width:100%;height:100%;object-fit:cover;display:block}.photo-badge{position:absolute;bottom:9px;left:0;background:#fff;color:#12324b;border-radius:14px;padding:14px 18px;font-weight:800;box-shadow:0 12px 34px #00182b55}.photo-badge span{color:#16976c;margin-right:8px}.work-photos{background:#f5f9fc}.photo-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.photo-grid figure{margin:0;border:1px solid #e3ebf0;border-radius:18px;overflow:hidden;background:#fff}.photo-grid img{display:block;width:100%;height:200px;object-fit:cover}.photo-grid figcaption{padding:14px 16px;font-size:14px;color:#405c6d}@media(max-width:760px){.photo-grid{grid-template-columns:1fr}.hero-photo{max-width:480px;margin:auto}.photo-grid img{height:230px}}

.breadcrumbs{font-size:14px;color:#45647a;margin-bottom:22px}.breadcrumbs a{text-decoration:underline}.detail-section{background:white}.detail-list{display:grid;gap:12px;padding-left:24px;max-width:800px}.detail-list li{padding:5px 0}.detail-figure{margin:28px 0 0;max-width:580px}.detail-figure img{display:block;width:100%;height:auto;max-height:380px;object-fit:cover;border-radius:18px}.detail-section h3{font-size:23px;margin-top:24px}

/* V4.1 accessibility: contrast, keyboard focus and motion */
.call,.mobilebar .call{color:#102940}
.call:hover{color:#102940;background:#ff934f}
.section-kicker{color:#963b0b}
.lead,.card p,.intent-grid small,.proof-inner span,.floating-card small{color:#475d70}
:where(a,button,summary):focus-visible{outline:3px solid #ff9c4b;outline-offset:4px;border-radius:4px}
.skip-link{position:fixed;top:-100px;left:12px;z-index:1000;padding:12px 18px;background:#fff;color:#102940;border:3px solid #ff742e;border-radius:8px;font-weight:800}
.skip-link:focus{top:12px}
@media (forced-colors:active){.btn,.chip,.card{border:1px solid CanvasText}}

/* V4.2: WCAG AA contrast remediation; preserves layout and assets. */
:root{--orange:#b84308}
.brand span,.ac-mark span{color:#b84308}
.call,.mobilebar .call{background:#b84308;color:#fff}
.call:hover,.mobilebar .call:hover{background:#963707;color:#fff}
.nav a:hover{color:#a43d08}
.proof-inner span,.floating-card small{color:#425668}
.section-kicker{color:#963b0b}
.intent-grid small,.card p,.lead{color:#425668}
.intent-icon{color:#a9410c}
.hero .eyebrow{color:#d5f4ff}
/* Increase clarity of supporting text and secondary links */
.card a,.intent-grid em{color:#07567a}
.footer small{color:#d0e1ed}

/* V4.3: targeted contrast and accessible navigation improvements. */
.brand span{color:#a93800}
.header .btn.call,.hero .btn.call,.banner .btn.call,.mobilebar .btn.call{background:#ae3c05;color:#fff}
.header .btn.call:hover,.hero .btn.call:hover,.banner .btn.call:hover,.mobilebar .btn.call:hover{background:#8d3004;color:#fff}
.proof-strip{background:#fff}
.proof-inner span{color:#354a5b}
.section-kicker{color:#883207}
.intent-grid small,.card p,.lead{color:#364e61}
.intent-grid em,.card a{color:#064c6c}
.photo-grid figcaption{color:#334d60}
@media (prefers-contrast:more){.hero .eyebrow{color:#fff}.top,.footer{color:#fff}}