@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+Thai:wght@400;500;600;700;800&display=swap');
:root{--sky:#00a6ff;--blue:#087fd1;--deep:#07345d;--ink:#153852;--ice:#effaff;--line:#cbeeff;--white:#fff;--coral:#ff795f;--shadow:0 22px 60px rgba(7,52,93,.11)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);font-family:'Noto Sans Thai',sans-serif;line-height:1.85;background:#f7fcff;background-image:radial-gradient(circle at 8% 12%,rgba(0,166,255,.10) 0 2px,transparent 3px),radial-gradient(circle at 92% 25%,rgba(255,121,95,.09) 0 2px,transparent 3px);background-size:44px 44px,58px 58px}.site-header{position:sticky;top:0;z-index:40;background:rgba(247,252,255,.91);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,166,255,.16)}.header-inner{max-width:1260px;min-height:78px;margin:auto;padding:0 24px;display:flex;align-items:center}.brand img{width:144px;display:block}.menu{margin-left:auto}.menu a{display:inline-flex;padding:10px 19px;border:1px solid var(--line);border-radius:999px;color:var(--deep);font-weight:800;text-decoration:none;background:white}.hero{max-width:1260px;margin:30px auto 0;padding:0 24px}.hero-card{position:relative;min-height:440px;border-radius:56px 18px 56px 18px;overflow:hidden;background:linear-gradient(125deg,#e9f9ff 0 58%,#00a6ff 58%);box-shadow:var(--shadow);display:grid;grid-template-columns:1.06fr .94fr}.hero-copy{z-index:2;padding:72px 62px}.kicker{display:inline-flex;gap:9px;align-items:center;color:var(--blue);font-weight:800}.kicker:before{content:'';width:11px;height:11px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 7px rgba(255,121,95,.13)}.hero h1{font-size:clamp(2.15rem,4.4vw,4rem);line-height:1.18;color:var(--deep);margin:24px 0 0}.orbit{position:relative;min-height:400px;background:url('hero.svg') center/cover no-repeat}.quick-nav{max-width:1120px;margin:-34px auto 0;position:relative;z-index:5;padding:0 24px}.quick-track{display:flex;gap:10px;overflow:auto;background:white;border:1px solid var(--line);border-radius:20px;padding:13px;box-shadow:var(--shadow)}.quick-track a{white-space:nowrap;text-decoration:none;color:var(--deep);font-weight:700;padding:9px 15px;border-radius:12px}.quick-track a:hover{background:var(--ice);color:var(--blue)}.article{max-width:980px;margin:42px auto 82px;padding:clamp(28px,6vw,72px);background:white;border:1px solid var(--line);border-radius:22px 52px 22px 52px;box-shadow:var(--shadow)}.article>h1{display:none}.article>p:first-of-type{font-size:1.13rem;border-radius:16px;background:var(--ice);padding:22px 25px;border-left:5px solid var(--coral)}.article h2{position:relative;color:var(--deep);font-size:clamp(1.5rem,2.8vw,2.25rem);line-height:1.35;margin:64px 0 22px;padding:0 0 16px 66px;border-bottom:1px solid var(--line)}.marker{position:absolute;left:0;top:-7px;width:48px;height:48px;display:grid;place-items:center;border-radius:50%;background:var(--sky);color:white;font-size:.78rem;box-shadow:0 0 0 8px var(--ice)}.article h3{color:var(--blue);font-size:1.26rem;margin:32px 0 10px}.article p{margin:0 0 19px}.article a{color:#007bc4;font-weight:800}.feature-list{list-style:none;padding:0;display:grid;gap:12px}.feature-list li{position:relative;padding:14px 18px 14px 48px;border:1px solid var(--line);background:#fbfeff;border-radius:13px}.feature-list li:before{content:'✓';position:absolute;left:16px;top:14px;width:22px;height:22px;display:grid;place-items:center;border-radius:50%;background:var(--sky);color:white;font-size:.75rem}.table-wrap{overflow:auto;margin:28px 0;border:1px solid var(--line);border-radius:18px}table{border-collapse:collapse;width:100%;min-width:560px}th{background:var(--deep);color:white;text-align:left;padding:16px}td{padding:15px 16px;border-bottom:1px solid var(--line)}tbody tr:nth-child(even){background:var(--ice)}.site-footer{padding:0 24px 28px}.footer-shell{max-width:1260px;margin:auto;background:var(--deep);color:#d9f1ff;border-radius:46px 18px 46px 18px;padding:48px}.footer-top{display:grid;grid-template-columns:190px 1fr;gap:45px;align-items:start}.footer-logo{width:155px;filter:brightness(0) invert(1)}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:12px 22px}.footer-links a{color:white;text-decoration:none}.copyright{text-align:center;border-top:1px solid rgba(255,255,255,.14);margin-top:34px;padding-top:22px;font-size:.9rem}.backtop{position:fixed;right:22px;bottom:22px;width:48px;height:48px;border:0;border-radius:16px 50% 50% 50%;background:var(--coral);color:white;font-size:19px;box-shadow:var(--shadow);cursor:pointer}@media(max-width:850px){.hero-card{grid-template-columns:1fr;background:linear-gradient(155deg,#e9f9ff 0 64%,#00a6ff 64%)}.hero-copy{padding:48px 32px}.orbit{min-height:250px}.article{margin-left:16px;margin-right:16px}.footer-top{grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}}@media(max-width:520px){.header-inner,.hero{padding-left:15px;padding-right:15px}.hero-card{border-radius:32px 12px}.hero h1{font-size:2rem}.quick-nav{padding:0 15px}.article{padding:27px 20px;border-radius:18px 34px}.article h2{padding-left:0;padding-top:58px}.marker{top:0}.footer-shell{padding:32px 24px;border-radius:32px 14px}.footer-links{grid-template-columns:1fr}}