:root{--blue:#2563eb;--blue-dark:#1749bc;--navy:#0a1f3d;--navy-2:#102d55;--orange:#f59e0b;--ink:#172033;--muted:#64748b;--line:#dfe7f1;--surface:#f4f7fb;--white:#fff;--radius:14px;--shadow:0 18px 50px rgba(10,31,61,.1);--container:min(1180px, calc(100% - 40px) )}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:84px}body{margin:0;color:var(--ink);background:#fff;font-family:Inter,Noto Sans SC,Noto Sans Thai,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.65;-webkit-font-smoothing:antialiased}body.modal-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.container{width:var(--container);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip-link{position:fixed;top:8px;left:8px;z-index:200;padding:10px 14px;background:#fff;transform:translateY(-150%)}.skip-link:focus{transform:none}.site-header{position:fixed;inset:0 0 auto;z-index:100;height:78px;border-bottom:1px solid transparent;transition:.3s ease}.site-header.scrolled{height:70px;background:#ffffffeb;border-color:#0a1f3d14;backdrop-filter:blur(18px);box-shadow:0 8px 30px #0a1f3d0f}.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{width:164px;flex:none}.site-nav{margin-left:auto;display:flex;align-items:center;gap:5px}.nav-item{position:relative}.nav-item>a{display:block;padding:10px 9px;font-size:13px;font-weight:650;color:#fff;white-space:nowrap}.scrolled .nav-item>a{color:var(--ink)}.nav-item>a.active{color:#76a6ff}.scrolled .nav-item>a.active{color:var(--blue)}.subnav{display:none;position:absolute;top:100%;left:0;min-width:190px;padding:9px;background:#fff;border:1px solid var(--line);border-radius:10px;box-shadow:var(--shadow)}.subnav a{display:block;padding:8px 10px;border-radius:7px;color:var(--ink);font-size:13px}.subnav a:hover{background:var(--surface);color:var(--blue)}.has-subnav:hover .subnav,.has-subnav:focus-within .subnav{display:block}.header-actions{display:flex;align-items:center;gap:10px}.language-select select{max-width:102px;border:0;background:transparent;color:#fff;font-size:13px}.scrolled .language-select select{color:var(--ink)}.login-link{font-size:13px;font-weight:650;color:#fff}.scrolled .login-link{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;padding:0 22px;border:1px solid var(--blue);border-radius:9px;background:var(--blue);color:#fff;font-weight:700;cursor:pointer;transition:.25s ease}.button:hover{background:var(--blue-dark);transform:translateY(-2px)}.button-secondary{border-color:#ffffff73;background:#ffffff14;backdrop-filter:blur(10px)}.button-secondary:hover{background:#ffffff29}.button-outline{background:transparent;color:var(--blue)}.button-small{min-height:40px;padding:0 15px;font-size:13px}.menu-toggle{display:none;border:0;background:transparent;color:var(--ink);padding:9px}.section{padding:104px 0;position:relative;overflow:hidden}.section-soft{background:var(--surface)}.section-dark{background:var(--navy);color:#fff}.section-heading{max-width:710px;margin-bottom:48px}.section-heading.center{margin-inline:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;margin-bottom:12px;color:var(--blue);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.section-dark .eyebrow{color:#82aaff}.section-heading h2{margin:0 0 15px;font-size:clamp(32px,4vw,52px);line-height:1.12;letter-spacing:-.035em}.section-heading p{margin:0;color:var(--muted);font-size:17px}.section-dark .section-heading p{color:#b9c9df}.grid{display:grid;gap:22px}.card{border:1px solid var(--line);border-radius:var(--radius);background:#fff;box-shadow:0 8px 24px #0a1f3d0d;transition:.25s ease}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.icon-box{display:grid;place-items:center;width:46px;height:46px;border-radius:12px;background:#edf4ff;color:var(--blue)}.text-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-weight:700}.contact-modal{width:min(800px,calc(100% - 32px));border:0;border-radius:20px;padding:0;box-shadow:0 40px 120px #00000059}.contact-modal::backdrop{background:#030d1db8;backdrop-filter:blur(5px)}.modal-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:32px;padding:44px}.modal-grid h2{font-size:34px;line-height:1.2;margin:0 0 16px}.modal-grid p{color:var(--muted)}.modal-close{position:absolute;right:14px;top:14px;border:0;background:var(--surface);border-radius:50%;width:42px;height:42px;display:grid;place-items:center;cursor:pointer}.qr-card{margin:0;padding:16px;border:1px solid var(--line);border-radius:16px;text-align:center}.qr-card img{width:220px;aspect-ratio:1;object-fit:contain;margin:auto}.qr-card figcaption{font-size:13px;color:var(--muted);margin-top:8px}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s ease,transform .65s ease}.reveal.visible{opacity:1;transform:none}:focus-visible{outline:3px solid rgba(37,99,235,.35);outline-offset:3px}@media(max-width:1080px){.site-nav{position:fixed;inset:70px 0 auto;background:#fff;display:none;flex-direction:column;align-items:stretch;padding:18px 20px;border-bottom:1px solid var(--line);box-shadow:var(--shadow)}.site-nav.open{display:flex}.nav-item>a,.scrolled .nav-item>a{color:var(--ink);font-size:15px}.subnav{position:static;display:grid;grid-template-columns:1fr 1fr;box-shadow:none;margin:0 8px 8px}.menu-toggle{display:grid;place-items:center;margin-left:auto;color:#fff}.scrolled .menu-toggle{color:var(--ink)}.header-actions .login-link,.header-actions .button{display:none}.language-select select{color:#fff}.scrolled .language-select select{color:var(--ink)}}@media(max-width:720px){:root{--container:min(100% - 28px,1180px)}.section{padding:78px 0}.section-heading{margin-bottom:34px}.modal-grid{grid-template-columns:1fr;padding:34px 22px 24px}.qr-card img{width:190px}.brand{width:140px}.header-inner{gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none}}.language-icon{display:inline-flex;margin-right:6px;color:#fff}.scrolled .language-icon{color:var(--ink)}.contact-modal{width:min(900px,calc(100% - 32px));border-radius:22px;overflow:hidden}.modal-grid{grid-template-columns:minmax(0,1fr) 300px;gap:34px;padding:42px;background:linear-gradient(135deg,#fff,#f2f7ff)}.modal-contact-info{padding:10px 0}.modal-grid h2{margin-bottom:14px}.modal-grid p{margin:0 0 20px}.modal-contact-list{display:grid;gap:11px;margin:22px 0}.modal-contact-list a,.modal-contact-list div{display:flex;align-items:flex-start;gap:10px;color:#334155;font-size:14px}.modal-contact-list svg{flex:none;margin-top:3px;color:var(--blue)}.modal-close{background:#fff;box-shadow:0 8px 24px #0a1f3d1f}.qr-card{align-self:center;padding:20px;border-radius:18px;background:#fff;box-shadow:0 14px 36px #0a1f3d14}.qr-card img{width:230px}.qr-card figcaption{margin-top:10px;color:var(--ink);font-size:14px;font-weight:700}@media(max-width:720px){.modal-grid{grid-template-columns:1fr}.qr-card img{width:190px}}.contact-modal{width:min(620px,calc(100% - 32px))}.modal-grid{grid-template-columns:1fr;gap:24px}.modal-contact-panel{display:block}.modal-inline-qr{width:fit-content;margin:20px 0 22px}.modal-inline-qr img{width:142px;height:142px}.modal-inline-qr figcaption{max-width:180px;color:var(--ink);font-weight:700}