@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Noto+Sans+Thai:wght@300;400;500;600;700&display=swap";:root{--orange-main: #f37021;--orange-deep: #d85c16;--navy-main: #0a1f44;--navy-deep: #06152d;--black: #1a1a1a;--gray-light: #f5f5f5;--gray-mid: #777;--white: #fff;--radius-md: 12px;--radius-lg: 18px}*{margin:0;padding:0;box-sizing:border-box}html,body{font-family:Inter,Noto Sans Thai,sans-serif;background:var(--white);color:var(--black);line-height:1.6}.app{min-height:100vh;display:flex;flex-direction:column}.container{width:min(1120px,92%);margin:0 auto}h1,h2,h3{font-weight:700;line-height:1.2}h2{font-size:1.9rem;color:var(--navy-main);margin-bottom:.75rem}h3{font-size:1.25rem;margin-bottom:.35rem}.site-header{position:sticky;top:0;padding:1rem 0;z-index:10;background:#fffffff7;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid #eee}.header-inner{display:flex;align-items:center;justify-content:space-between}.logo{display:flex;flex-direction:column}.logo-mark{font-weight:800;letter-spacing:.08em;font-size:1.25rem;color:var(--orange-main)}.logo-sub{font-size:.85rem;color:var(--navy-main)}.logo-sub-th{font-size:.72rem;color:#555;margin-top:-2px}.nav{display:flex;align-items:center}.nav-link{text-decoration:none;color:var(--navy-main);font-weight:500;padding:8px 16px}.nav-link-login{border-radius:999px;border:1px solid var(--navy-main);white-space:nowrap}.hero{padding:80px 0 70px;background:linear-gradient(180deg,#fff,#fff5ec)}.hero-inner{display:flex;justify-content:center}.hero-text{max-width:720px;text-align:center}.hero-title{font-size:clamp(2.4rem,4vw,3.1rem);color:var(--orange-main);font-weight:800;letter-spacing:.08em}.hero-subtitle{font-size:1.1rem;color:#333;margin-top:14px}.hero-note{margin-top:10px;font-size:.9rem;color:var(--gray-mid)}.section{padding:56px 0}.section-alt{background:var(--gray-light)}.section-lead{font-size:1rem;max-width:680px;color:#444;margin-bottom:24px}.philosophy-list{margin-left:1.3rem;padding-left:1rem;font-size:1.05rem;line-height:1.8}.philosophy-list li{margin-bottom:.75rem}.site-footer{margin-top:auto;background:var(--navy-deep);color:#cdd2e0;font-size:.9rem}.footer-inner{display:flex;justify-content:space-between;flex-wrap:wrap;padding:18px 0}.footer-brand{font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--orange-main);margin-left:4px}.footer-text{color:#e2e4ee}@media(max-width:768px){.header-inner{flex-direction:row}.hero{padding:60px 0 50px}.hero-text{text-align:left}}@media(max-width:420px){.logo-sub,.logo-sub-th{font-size:.7rem}}