:root{--brown:#002855;--brown-2:#004f79;--caramel:#00b5e5;--cream:#ffffff;--sand:#e8f7fc;--ink:#231f20;--muted:#586776;--line:#cbdde8;--green:#06c755;--red:#e20f18;--cyan:#00b5e5;--white:#fff;--shadow:0 24px 70px rgba(0,40,85,.14)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--cream);font-family:"Noto Sans Thai",system-ui,sans-serif;line-height:1.7}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}.shell{width:min(1180px,calc(100% - 40px));margin:auto}.skip{position:fixed;left:20px;top:-80px;background:#fff;padding:10px 16px;z-index:99}.skip:focus{top:12px}.topbar{height:84px;background:rgba(255,249,240,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(107,63,28,.1);position:sticky;top:0;z-index:20}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:32px}.brand{display:flex;align-items:center;gap:12px}.brand-mark{display:grid;place-items:center;width:52px;height:52px;border-radius:15px;background:#07569a;color:#fff;font-size:1.2rem;font-weight:800;letter-spacing:-1px}.brand b,.brand small{display:block;line-height:1.35}.brand small{font-size:.72rem;color:var(--muted);letter-spacing:.04em}.topbar nav{display:flex;gap:28px;font-size:.94rem}.topbar nav a:hover{color:var(--brown-2)}.nav-cta{background:var(--brown);color:#fff;padding:11px 18px;border-radius:999px;font-weight:700;font-size:.9rem}.hero{position:relative;overflow:hidden;padding:74px 0 64px;background:radial-gradient(circle at 23% 13%,#fff 0 11%,transparent 35%),linear-gradient(130deg,#fffaf3 0%,#f7e7d0 56%,#dcb07e 100%)}.hero:before{content:"";position:absolute;width:500px;height:500px;border:1px solid rgba(126,73,28,.12);border-radius:50%;left:-280px;top:-220px}.hero-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}.eyebrow,.section-kicker{font-weight:800;letter-spacing:.08em;color:var(--brown-2);font-size:.82rem;margin:0 0 16px}.line-dot{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;background:var(--green);color:white;margin-right:8px}.hero h1{font-size:clamp(3rem,6vw,5.3rem);line-height:1.08;letter-spacing:-.055em;margin:0}.hero h1 span{color:var(--brown)}.english{font-size:clamp(1.35rem,2.5vw,2.15rem);font-weight:700;color:var(--caramel);margin:12px 0 14px}.lead{font-size:1.18rem;color:#55463d;max-width:630px;margin:0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 20px;border-radius:12px;font-weight:700}.btn-primary{background:var(--brown);color:#fff;box-shadow:0 12px 30px rgba(89,48,18,.2)}.btn-primary:hover{background:#75431d}.btn-ghost{border:1px solid #caa77e;background:rgba(255,255,255,.55)}.trust-strip{display:flex;flex-wrap:wrap;gap:8px;margin-top:28px}.trust-strip span{font-size:.8rem;padding:6px 10px;border:1px solid rgba(89,48,18,.15);border-radius:99px;background:rgba(255,255,255,.45)}.hero-visual{margin:0;position:relative;border-radius:42% 16px 42% 16px;overflow:hidden;box-shadow:var(--shadow);border:7px solid rgba(255,255,255,.76);aspect-ratio:4/3}.hero-visual img{width:100%;height:100%;object-fit:cover}.hero-visual figcaption{position:absolute;right:18px;bottom:18px;background:rgba(255,255,255,.9);backdrop-filter:blur(10px);padding:11px 16px;border-radius:12px;box-shadow:0 10px 30px rgba(41,27,17,.14)}.hero-visual figcaption strong,.hero-visual figcaption span{display:block;line-height:1.4}.hero-visual figcaption span{font-size:.76rem;color:var(--muted)}section{scroll-margin-top:84px}.intro{padding:92px 0;background:#fff}.intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:start}.intro h2,.section-head h2,.privacy h2,.official h2{font-size:clamp(2rem,4vw,3.35rem);line-height:1.25;letter-spacing:-.04em;margin:0}.intro-copy{font-size:1.08rem;border-left:3px solid var(--caramel);padding-left:28px}.intro-copy p:first-child{margin-top:0}.services{padding:96px 0;background:#f8ecda}.section-head{display:grid;grid-template-columns:1.5fr .75fr;gap:70px;align-items:end;margin-bottom:40px}.section-head>p{margin:0;color:var(--muted)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{background:#fff;padding:28px;border-radius:20px;border:1px solid rgba(121,74,32,.11);box-shadow:0 15px 40px rgba(69,40,16,.06);transition:.25s}.service-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(69,40,16,.11)}.service-card .icon{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:var(--brown);color:#fff;font-weight:800;font-size:.8rem}.service-card h3{font-size:1.15rem;margin:22px 0 8px}.service-card p{color:var(--muted);margin:0;font-size:.91rem}.privacy{padding:80px 0;background:#fff}.privacy-box{display:grid;grid-template-columns:90px 1fr 1.05fr;gap:36px;align-items:center}.shield{display:grid;place-items:center;width:82px;height:92px;background:var(--brown);color:#fff;font-size:2.4rem;font-weight:800;clip-path:polygon(50% 0,94% 14%,89% 68%,50% 100%,11% 68%,6% 14%)}.privacy h2{font-size:2.05rem}.privacy ul{margin:0;padding:0;list-style:none}.privacy li{position:relative;padding:8px 0 8px 28px;border-bottom:1px solid var(--line)}.privacy li:before{content:"✓";position:absolute;left:0;color:#8a5b2d;font-weight:800}.official{padding:80px 0;background:linear-gradient(135deg,#48250d,#7c491e)}.official-card{display:grid;grid-template-columns:1.45fr .55fr;gap:80px;align-items:center;color:#fff}.section-kicker.light{color:#e6bf87}.official h2 span{font-size:.55em;color:#e6bf87;letter-spacing:0}.official-copy>p{max-width:720px;color:#eedfce}.official dl{margin:30px 0 0;border-top:1px solid rgba(255,255,255,.18)}.official dl div{display:grid;grid-template-columns:155px 1fr;gap:20px;padding:11px 0;border-bottom:1px solid rgba(255,255,255,.14)}.official dt{color:#d9b98f}.official dd{margin:0;font-weight:600}.official dd a{text-decoration:underline}.verify-seal{background:#fff;color:var(--ink);padding:36px 28px;border-radius:24px;text-align:center;box-shadow:var(--shadow)}.check{display:grid;place-items:center;width:80px;height:80px;margin:0 auto 18px;border-radius:50%;background:#0d6eb8;color:#fff;font-size:2.4rem;font-weight:900}.verify-seal strong{font-size:1.15rem}.verify-seal p{margin:4px 0 18px;color:var(--brown-2);font-weight:700}.verify-seal small{display:block;color:var(--muted);line-height:1.6}footer{padding:46px 0 18px;background:#20150f;color:#ddd0c4}.footer-grid{display:flex;justify-content:space-between;align-items:center;gap:40px}.footer-brand{display:flex;align-items:center;gap:16px}.footer-grid p{margin:0}.footer-grid a{color:#fff;text-decoration:underline}.copyright{font-size:.76rem;color:#927e70;border-top:1px solid #3c2c23;margin-top:32px;padding-top:15px}
@media(max-width:960px){.topbar nav{display:none}.hero-grid{grid-template-columns:1fr;gap:38px}.hero-copy{max-width:700px}.intro-grid,.section-head{grid-template-columns:1fr;gap:24px}.card-grid{grid-template-columns:1fr 1fr}.privacy-box{grid-template-columns:76px 1fr}.privacy-box ul{grid-column:1/-1}.official-card{grid-template-columns:1fr;gap:40px}.verify-seal{max-width:360px}.footer-grid{align-items:flex-start}}
@media(max-width:620px){.shell{width:min(100% - 28px,1180px)}.topbar{height:72px}.brand-mark{width:44px;height:44px}.brand small{display:none}.nav-cta{display:none}.hero{padding:44px 0}.hero h1{font-size:3.15rem}.lead{font-size:1.02rem}.hero-actions{display:grid}.btn{justify-content:center}.hero-visual{border-radius:80px 14px 80px 14px}.hero-visual figcaption{right:10px;bottom:10px}.intro,.services{padding:70px 0}.card-grid{grid-template-columns:1fr}.privacy-box{grid-template-columns:1fr}.shield{width:64px;height:72px}.privacy-box ul{grid-column:auto}.official{padding:64px 0}.official dl div{grid-template-columns:1fr;gap:0}.official dt{font-size:.8rem}.footer-grid{display:grid}.footer-brand{align-items:flex-start}.footer-brand .brand-mark{flex:0 0 44px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card{transition:none}}
.nav-cta.is-disabled{padding:9px 18px;line-height:1.25;text-align:center}.nav-cta small{display:block;font-size:.66rem;font-weight:500;color:#efd8c3}.is-disabled{cursor:not-allowed;user-select:none}.btn-primary.is-disabled{line-height:1.25}.btn-primary small{font-size:.72rem;font-weight:500;color:#efd8c3}.btn-primary.is-disabled:hover{background:var(--brown)}
/* PPS Corporate Identity — 2019 */
.topbar{background:rgba(255,255,255,.94);border-bottom:3px solid var(--cyan)}
.brand-logo{width:86px;height:auto;object-fit:contain}.brand{gap:16px}.brand b{color:var(--brown)}
.nav-cta{background:var(--brown)}.nav-cta small,.btn-primary small{color:#bfeefa}
.hero{background:radial-gradient(circle at 24% 12%,#fff 0 11%,transparent 36%),linear-gradient(130deg,#fff 0%,#e8f7fc 58%,#9bdff1 100%)}
.hero:before{border-color:rgba(0,181,229,.22)}.hero h1 span{color:var(--brown)}.english{color:#007fab}.lead{color:#34495c}
.btn-primary{background:var(--brown);box-shadow:0 12px 30px rgba(0,40,85,.2)}.btn-primary.is-disabled:hover{background:var(--brown)}
.btn-ghost{border-color:#85cfe2;background:rgba(255,255,255,.72)}.trust-strip span{border-color:rgba(0,40,85,.16);background:rgba(255,255,255,.76)}
.hero-visual{border-radius:10px;border-color:#fff;box-shadow:0 24px 70px rgba(0,40,85,.16)}
.intro-copy{border-left-color:var(--cyan)}.services{background:#f2f9fc}.service-card{border-top:4px solid var(--cyan);border-radius:10px;box-shadow:0 15px 40px rgba(0,40,85,.07)}
.service-card:nth-child(2){border-top-color:var(--red)}.service-card:nth-child(3){border-top-color:#59adcb}.service-card:nth-child(4){border-top-color:#004879}.service-card .icon{background:var(--brown);border-radius:5px}
.shield{background:var(--brown)}.privacy li:before{color:var(--cyan)}
.official{background:linear-gradient(135deg,#001d3d,#004879)}.section-kicker.light{color:#62d2ee}.official h2 span{color:#8fdef1}.official-copy>p{color:#dceef5}.official dt{color:#8fdef1}
.verify-seal{border-radius:10px;border-top:5px solid var(--cyan)}.check{background:var(--brown);border-radius:7px}.verify-seal p{color:#004f79}
footer{background:#001a36}.footer-logo-wrap{display:grid;place-items:center;background:#fff;padding:7px 10px;border-radius:3px}.footer-logo{width:92px;height:auto}.copyright{color:#90aabe;border-top-color:#234867}
@media(max-width:620px){.brand-logo{width:72px}.footer-brand .brand-mark{display:none}}