:root{--bg:#02080d;--panel:#030b11;--line:#29323a;--text:#f2f2f0;--muted:#b7b7b4;--orange:#ff9418;--purple:#c52cff;--lime:#a7df1e;--blue:#18b9ff;--red:#ee2436}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% 15%,#07111a 0,#02070c 48%,#010509 100%);color:var(--text);font-family:'Noto Sans Thai',sans-serif;font-size:16px;line-height:1.55}a{color:inherit;text-decoration:none}button,input{font:inherit}.site-header,main,footer{width:min(1180px,calc(100% - 32px));margin:auto}.site-header{height:86px;display:flex;align-items:center;border-bottom:1px solid #3b2517;background:#020609;position:sticky;top:0;z-index:20}.brand{width:260px;flex:0 0 auto}.brand img,.footer-brand img{width:100%;display:block}.site-header nav{display:flex;align-items:stretch;justify-content:flex-end;gap:26px;flex:1;height:100%}.site-header nav>a{display:flex;align-items:center;font-size:17px;white-space:nowrap;position:relative}.site-header nav>a.active{color:var(--orange)}.site-header nav>a.active:after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--orange)}.nav-icons{display:flex;align-items:center;font-size:25px;white-space:nowrap}.menu-toggle{display:none;background:none;color:white;border:0;font-size:27px}.hero{height:410px;position:relative;overflow:hidden;background:#030609;border-bottom:1px solid #1c252d}.hero-art{position:absolute;inset:0;background:linear-gradient(90deg,#020509 0%,rgba(2,5,9,.92) 26%,rgba(2,5,9,.15) 57%,rgba(2,5,9,.05)),url('assets/hero.jpg') center right/cover no-repeat}.hero-copy{position:absolute;left:28px;top:35px}.hero h1{font-size:52px;line-height:1.04;margin:0 0 22px;font-weight:800;letter-spacing:-1px}.hero h1 span{color:var(--orange)}.hero p{font-size:17px;color:#ddd;margin:0 0 26px}.hero-actions{display:flex;gap:14px}.btn{border-radius:7px;padding:12px 22px;border:1px solid #8f4711;display:inline-flex;align-items:center;gap:18px;cursor:pointer}.primary{background:linear-gradient(135deg,#ffb53c,#ff8b0a);color:#17100a;border:none;font-weight:600}.ghost,.member{background:rgba(2,5,8,.6);color:#ddd}.member{position:absolute;right:30px;bottom:24px}.play{border:1px solid var(--orange);color:var(--orange);border-radius:50%;width:23px;height:23px;display:inline-grid;place-items:center}.value-strip,.icon-strip,.newsletter{border:1px solid var(--line);border-radius:9px;background:rgba(3,9,14,.76)}.value-strip{display:grid;grid-template-columns:repeat(5,1fr);margin:18px 0;min-height:115px}.value-strip article{display:flex;align-items:center;gap:13px;padding:16px 20px;border-right:1px solid #202b31}.value-strip article:last-child{border:0}.value-strip i{font-style:normal;font-size:46px}.value-strip h3{font-size:16px;margin:0 0 3px;font-weight:500}.value-strip p{font-size:14px;color:#ccc;margin:0;line-height:1.5}.purple{color:var(--purple)!important}.orange{color:var(--orange)!important}.lime{color:var(--lime)!important}.blue{color:var(--blue)!important}.red{color:var(--red)!important}.icon-strip{display:grid;grid-template-columns:repeat(5,1fr);height:80px;margin-bottom:12px}.icon-strip span{display:grid;place-items:center;font-size:43px;border-right:1px solid #273038}.icon-strip span:last-child{border:0}.pillars h2{text-align:center;font-size:23px;font-weight:500;margin:8px 0 10px}.pillars h2 span{display:inline-block;width:160px;height:1px;background:linear-gradient(90deg,transparent,var(--orange));vertical-align:middle;position:relative;margin:0 14px}.pillars h2 span:last-child{transform:scaleX(-1)}.card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.pillar-card{overflow:hidden;border:1px solid;border-radius:9px;background:#02080d}.pillar-card img{display:block;width:100%;height:190px;object-fit:cover}.card-body{padding:13px 15px 15px}.card-body h3{font-size:25px;margin:0 0 3px}.card-body p{margin:0 0 13px;color:#ddd;min-height:132px}.card-body a{display:block;text-align:center;padding:10px;border-radius:6px;font-size:17px}.purple-card{border-color:#5a126c}.purple-card h3{color:var(--purple)}.purple-card a{background:#4b126d}.orange-card{border-color:#613314}.orange-card h3{color:var(--orange)}.orange-card a{background:#703400}.lime-card{border-color:#364c15}.lime-card h3{color:var(--lime)}.lime-card a{background:#294600}.blue-card{border-color:#164d6a}.blue-card h3{color:var(--blue)}.blue-card a{background:#073c5a}.newsletter{margin:18px 0 12px;display:grid;grid-template-columns:110px 1.2fr 1.5fr;align-items:center;gap:16px;padding:14px 24px}.mail-icon{font-size:64px;color:var(--purple);text-shadow:0 0 13px var(--purple)}.newsletter h2{font-weight:500;font-size:21px;margin:0}.newsletter p{color:#bbb;margin:0;font-size:14px}.newsletter form{display:flex;gap:14px}.newsletter input{min-width:0;flex:1;background:#03080c;border:1px solid #38404a;color:white;padding:13px;border-radius:6px}.newsletter button{background:linear-gradient(135deg,#8c20c7,#541078);border:0;color:white;padding:12px 22px;border-radius:6px;white-space:nowrap}.trusted{text-align:center;border-bottom:1px solid #1f2a31;padding:0 20px 18px}.trusted h2{font-weight:400;margin:0 0 8px}.trusted>div{display:flex;justify-content:space-between;align-items:center;gap:22px;flex-wrap:wrap}.trusted strong{font-size:20px}.ms{color:#28b7ef}.canva{color:#4ec7dc}.adobe{color:#f22}footer{position:relative;padding:19px 4px 12px;background:#02080d}.footer-grid{display:grid;grid-template-columns:1.65fr repeat(5,1fr);gap:30px}.footer-brand img{width:245px}.footer-brand p{color:#bbb;margin:7px 0}.socials{font-size:19px}.footer-grid h3{margin:0 0 6px;font-weight:500}.footer-grid a{display:block;color:#bababa;font-size:14px;margin:4px 0}.legal{text-align:center;color:#999;border-top:1px solid #101a22;margin-top:14px;padding-top:12px;font-size:13px}.to-top{position:absolute;right:12px;bottom:14px;border:1px solid #48515a;border-radius:50%;width:50px;height:50px;display:grid;place-items:center;font-size:28px}.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}
@media(max-width:900px){.site-header{height:70px}.brand{width:220px}.menu-toggle{display:block;margin-left:auto}.site-header nav{display:none;position:absolute;top:70px;left:0;right:0;height:auto;background:#03090e;padding:14px;flex-direction:column;gap:0;border:1px solid #26323a}.site-header nav.open{display:flex}.site-header nav>a{padding:10px}.nav-icons{padding:10px}.hero{height:510px}.hero-art{background-position:62% center}.hero-copy{top:35px}.hero h1{font-size:48px}.member{left:28px;right:auto;bottom:24px}.value-strip{grid-template-columns:1fr 1fr}.value-strip article{border-bottom:1px solid #202b31}.value-strip article:last-child{grid-column:1/-1}.card-grid{grid-template-columns:1fr 1fr}.newsletter{grid-template-columns:80px 1fr}.newsletter form{grid-column:1/-1}.footer-grid{grid-template-columns:2fr 1fr 1fr}.footer-brand{grid-row:span 2}}
@media(max-width:600px){body{font-size:16px}.site-header,main,footer{width:100%}.site-header{padding:0 14px}.brand{width:205px}.hero{height:590px}.hero-art{inset:0;background:linear-gradient(180deg,rgba(2,5,9,.05),#020509 58%),url('assets/hero.jpg') 68% top/auto 330px no-repeat}.hero-copy{left:22px;right:20px;top:230px}.hero h1{font-size:43px;margin-bottom:18px}.hero p{font-size:15px}.hero p br{display:none}.hero-actions{flex-direction:column;align-items:flex-start}.member{right:20px;left:auto;bottom:20px}.value-strip{display:block;margin:12px}.value-strip article{border-right:0;border-bottom:1px solid #202b31;padding:15px 20px}.icon-strip{margin:12px;grid-template-columns:repeat(5,1fr);height:62px}.icon-strip span{font-size:30px}.pillars{padding:0 12px}.pillars h2{font-size:21px}.pillars h2 span{width:38px;margin:0 6px}.card-grid{grid-template-columns:1fr}.pillar-card img{height:240px}.card-body p{min-height:auto}.newsletter{margin:16px 12px 12px;display:block;text-align:center}.mail-icon{font-size:55px}.newsletter form{margin-top:14px;flex-direction:column}.trusted{padding:0 18px 20px}.trusted>div{justify-content:center}.footer-grid{padding:5px 20px;grid-template-columns:1fr 1fr;gap:22px}.footer-brand{grid-column:1/-1;grid-row:auto}.legal{padding:14px 20px 60px}.to-top{right:18px;bottom:15px}}

.route-link{position:relative;z-index:1;touch-action:manipulation;transition:filter .12s ease,transform .12s ease}.route-link:hover{filter:brightness(1.08)}.route-link:active{filter:brightness(.94);transform:translateY(1px)}.route-link:focus-visible{outline:2px solid currentColor;outline-offset:3px}

/* Canonical PAGE 01 desktop proportions */
.svg-library{position:absolute;width:0;height:0;overflow:hidden}
.nav-icons{gap:15px}
.nav-icons svg{width:23px;height:23px;fill:none;stroke:#e9e9e7;stroke-width:1.55;stroke-linecap:round;stroke-linejoin:round}
.value-strip i{width:54px;height:54px;display:grid;place-items:center;flex:0 0 54px}
.value-strip i svg{width:52px;height:52px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px currentColor)}
.icon-strip svg{width:48px;height:48px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 4px currentColor)}
.mail-icon{display:grid;place-items:center}
.mail-icon svg{width:66px;height:66px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 7px currentColor)}
@media(min-width:901px){
  .site-header{height:70px;padding:0 24px}
  .brand{width:230px}
  .site-header nav{gap:18px}
  .site-header nav>a{font-size:15px}
  .hero{height:348px}
  .hero-copy{left:42px;top:28px}
  .hero h1{font-size:45px;line-height:1.12;margin-bottom:18px}
  .hero p{font-size:16px;margin-bottom:24px}
  .member{right:22px;bottom:23px}
  .pillar-card img{height:165px}
  .card-body{padding:12px 15px 14px}
  .card-body h3{margin-bottom:2px}
  .card-body p{min-height:118px;margin-bottom:12px}
  .value-strip{height:116px;min-height:116px;margin:0 18px 16px}
  .value-strip article{padding:14px 16px;gap:12px}
  .icon-strip{height:80px;margin:0 18px 10px}
  .pillars{padding:0 18px}
  .pillars h2{margin:5px 0 8px}
  .newsletter{height:98px;margin:18px 18px 12px;padding:12px 20px;grid-template-columns:96px 1.2fr 1.55fr}
  .trusted{height:79px;padding-bottom:13px}
  .trusted h2{font-size:20px;line-height:1.25;margin-bottom:7px}
  .trusted>div{flex-wrap:nowrap}
  .footer-grid{gap:25px}
}
@media(max-width:900px){.nav-icons{gap:18px}.nav-icons svg{width:24px;height:24px}.value-strip i svg{width:48px;height:48px}.icon-strip svg{width:36px;height:36px}}
.hero-art{background-image:linear-gradient(90deg,#020509 0%,rgba(2,5,9,.92) 26%,rgba(2,5,9,.15) 57%,rgba(2,5,9,.05)),url('assets/hero-clean.png')}
@media(max-width:600px){.hero-art{background-image:linear-gradient(180deg,rgba(2,5,9,.05),#020509 58%),url('assets/hero-clean.png')}}
.socials.social-links{display:flex;flex-wrap:wrap;gap:7px 11px;align-items:center;font-size:13px;margin-top:10px}.socials.social-links a{display:inline-flex!important;align-items:center;color:#d7d7df!important;border:1px solid #3d4650;border-radius:999px;padding:5px 9px;margin:0!important;line-height:1.2;transition:border-color .2s,color .2s,background .2s}.socials.social-links a:hover,.socials.social-links a:focus-visible{color:#fff!important;border-color:var(--orange);background:rgba(255,148,24,.1);outline:none}