@font-face{font-family:"IBM Plex Sans Thai";src:url("./assets/fonts/IBMPlexSansThai-Light.woff2") format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Sans Thai";src:url("./assets/fonts/IBMPlexSansThai-Regular.woff2") format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"IBM Plex Sans Thai";src:url("./assets/fonts/IBMPlexSansThai-SemiBold.woff2") format("woff2");font-weight:600;font-style:normal;font-display:swap}
.packages-page{--pkg-ink:#03130d;--pkg-deep:#06271c;--pkg-panel:#0a3426;--pkg-gold:#d6ae50;--pkg-gold-2:#f0d481;--pkg-paper:#f3efe4;--pkg-white:#fbfaf5;--pkg-muted:rgba(251,250,245,.66);--pkg-line:rgba(214,174,80,.25);margin:0;background:var(--pkg-ink);color:var(--pkg-white);font-family:"IBM Plex Sans Thai",sans-serif;overflow-x:hidden}
.packages-page *{box-sizing:border-box}.packages-page a{color:inherit;text-decoration:none}.packages-page em{color:var(--pkg-gold-2);font-style:normal}.packages-page main{overflow:hidden;background-image:linear-gradient(rgba(214,174,80,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(214,174,80,.045) 1px,transparent 1px);background-size:8vw 8vw}
.packages-page .site-header{position:fixed;z-index:100;top:0;left:0;right:0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:82px;padding:0 4vw;border-bottom:1px solid var(--pkg-line);background:rgba(2,18,12,.92);backdrop-filter:blur(16px)}.packages-page .brand{display:flex;align-items:center;width:176px}.packages-page .brand img{display:block;width:176px;height:auto;max-height:58px;object-fit:contain}.packages-page .desktop-nav{display:flex;align-items:center;justify-content:center;gap:clamp(1rem,2vw,2rem);white-space:nowrap}.packages-page .desktop-nav a{font-size:.83rem;color:rgba(251,250,245,.74);transition:color .2s}.packages-page .desktop-nav a:hover,.packages-page .desktop-nav a[aria-current="page"]{color:var(--pkg-gold-2)}.packages-page .header-tools{display:flex;align-items:center;justify-content:flex-end;gap:.7rem}.packages-page .pkg-lang{display:inline-flex;align-items:center;justify-content:center;min-width:46px;height:38px;border:1px solid var(--pkg-line);font:500 .67rem "IBM Plex Mono",monospace;letter-spacing:.12em}.packages-page .header-cta{display:inline-flex;align-items:center;gap:1.1rem;padding:.85rem 1rem;background:var(--pkg-gold);color:var(--pkg-ink);font-size:.76rem;font-weight:500}.packages-page .mobile-dock{display:none}.packages-page footer{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:3rem;padding:4rem 6vw 2rem;color:rgba(251,250,245,.68);background:#020906;font-size:.75rem}.packages-page .footer-brand img{width:190px;height:auto;max-height:90px;object-fit:contain}.packages-page .footer-brand p{max-width:370px}.packages-page footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:.65rem}.packages-page footer>div>span{margin-bottom:.8rem;color:var(--pkg-gold-2);font:.6rem "IBM Plex Mono",monospace;letter-spacing:.15em}.packages-page footer small{grid-column:1/-1;padding-top:2rem;border-top:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.35);font:.55rem "IBM Plex Mono",monospace;letter-spacing:.1em}
.pkg-section,.pkg-hero{position:relative;padding-inline:max(5vw,calc((100vw - 1500px)/2))}.pkg-hero{min-height:92svh;padding-top:150px;padding-bottom:110px;border-bottom:1px solid var(--pkg-line);background:radial-gradient(circle at 76% 62%,rgba(214,174,80,.15),transparent 25%),linear-gradient(115deg,rgba(5,38,27,.25),transparent 62%)}
.pkg-topline{display:flex;justify-content:space-between;padding:1rem 0;border-block:1px solid var(--pkg-line);font:500 .61rem/1.2 "IBM Plex Mono",monospace;letter-spacing:.18em;color:var(--pkg-gold-2)}.pkg-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1.45fr .55fr;gap:7vw;align-items:end;padding-top:clamp(4.5rem,9vw,9rem)}.pkg-eyebrow,.pkg-tag{font:500 .62rem/1 "IBM Plex Mono",monospace;letter-spacing:.19em;color:var(--pkg-gold-2)}.pkg-hero h1{max-width:1100px;margin:1.4rem 0 0;font-size:clamp(3.7rem,8vw,8.4rem);font-weight:300;line-height:.9;letter-spacing:-.055em;overflow-wrap:anywhere}.pkg-hero-copy{max-width:430px;padding-bottom:1rem;color:var(--pkg-muted)}.pkg-hero-copy p{font-size:1.05rem;line-height:1.85}.pkg-hero-copy a{display:flex;justify-content:space-between;margin-top:2.4rem;padding:1.1rem 0;border-block:1px solid var(--pkg-line);font:500 .68rem/1 "IBM Plex Mono",monospace;letter-spacing:.15em;color:var(--pkg-white)}
.pkg-orb{position:absolute;right:7vw;bottom:-12vw;width:32vw;aspect-ratio:1;border:1px solid var(--pkg-line);border-radius:50%;display:grid;place-items:center;animation:pkg-orb 24s linear infinite}.pkg-orb::before,.pkg-orb::after,.pkg-orb i{content:"";position:absolute;border:1px solid var(--pkg-line);border-radius:50%}.pkg-orb::before{inset:13%}.pkg-orb::after{inset:31%}.pkg-orb i{width:1px;height:140%;border:0;background:var(--pkg-line)}.pkg-orb b{font:300 clamp(2.4rem,5vw,6rem)/1 "IBM Plex Mono",monospace}.pkg-orb span{position:absolute;top:13%;font:500 .52rem/1 "IBM Plex Mono",monospace;letter-spacing:.17em;color:var(--pkg-gold-2)}@keyframes pkg-orb{to{transform:rotate(360deg)}}
.pkg-process,.pkg-packages,.pkg-faq{padding-top:clamp(6rem,10vw,10rem);padding-bottom:clamp(6rem,10vw,10rem)}.pkg-section-head{display:grid;grid-template-columns:1.4fr .6fr;gap:5vw;align-items:end;margin:2rem 0 5rem}.pkg-section-head h2,.pkg-faq h2,.pkg-trust h2{margin:0;font-size:clamp(2.7rem,5vw,6rem);font-weight:300;line-height:.98;letter-spacing:-.04em}.pkg-section-head>p,.pkg-faq-lead{max-width:440px;margin:0;color:var(--pkg-muted);line-height:1.85}.pkg-steps{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--pkg-line)}.pkg-steps article{position:relative;padding:2rem 1.25rem 0;border-right:1px solid var(--pkg-line)}.pkg-steps article:last-child{border:0}.pkg-node{position:absolute;top:-1.1rem;left:1.2rem;width:2.2rem;height:2.2rem;border:1px solid var(--pkg-gold);border-radius:50%;display:grid;place-items:center;background:var(--pkg-ink);font:500 .62rem/1 "IBM Plex Mono",monospace;color:var(--pkg-gold-2)}.pkg-steps small{font:500 .56rem/1 "IBM Plex Mono",monospace;letter-spacing:.15em;color:var(--pkg-gold-2)}.pkg-steps h3{margin:1.3rem 0 .5rem;font-size:1.45rem;font-weight:400}.pkg-steps p{margin:0;color:var(--pkg-muted);font-size:.84rem;line-height:1.7}
.pkg-packages{background:#061b14;border-block:1px solid var(--pkg-line)}.pkg-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;align-items:stretch;background:var(--pkg-line);border:1px solid var(--pkg-line)}.pkg-card{position:relative;display:flex;flex-direction:column;min-width:0;padding:2rem 1.45rem;background:var(--pkg-deep);transition:transform .3s ease,background .3s ease}.pkg-card:hover{z-index:3;transform:translateY(-9px);background:var(--pkg-panel)}.pkg-card.pkg-featured{z-index:2;margin:-2rem 0;background:linear-gradient(155deg,#e0bf69,#b88728);color:#06170f;box-shadow:0 32px 70px rgba(0,0,0,.35)}.pkg-ribbon{position:absolute;top:0;right:0;padding:.75rem 1rem;background:#06170f;color:var(--pkg-gold-2);font:500 .57rem/1 "IBM Plex Mono",monospace;letter-spacing:.14em}.pkg-card header{display:flex;justify-content:space-between;gap:1rem;padding-bottom:1.4rem;border-bottom:1px solid var(--pkg-line);font:500 .54rem/1 "IBM Plex Mono",monospace;letter-spacing:.12em;color:var(--pkg-gold-2)}.pkg-featured header{margin-top:2rem;border-color:rgba(6,23,15,.2);color:#173b2b}.pkg-title{min-height:124px;padding-top:2rem}.pkg-title h3{margin:0;font:400 clamp(1.28rem,1.7vw,2rem)/1.12 "Noto Sans Thai",sans-serif;overflow-wrap:anywhere}.pkg-title p{margin:.65rem 0 0;color:var(--pkg-muted);font-size:.9rem}.pkg-featured .pkg-title p,.pkg-featured .pkg-audience,.pkg-featured .pkg-value{color:rgba(6,23,15,.72)}.pkg-price{display:flex;flex-direction:column;min-height:116px;padding:1.3rem 0;border-block:1px solid var(--pkg-line)}.pkg-featured .pkg-price,.pkg-featured li{border-color:rgba(6,23,15,.2)}.pkg-price strong{font:300 clamp(1.85rem,2.35vw,3rem)/1 "IBM Plex Mono",monospace;letter-spacing:-.06em}.pkg-price span{margin-top:.6rem;font-size:.75rem}.pkg-audience{min-height:80px;margin:1.3rem 0 0;color:var(--pkg-muted);font-size:.76rem;line-height:1.65}.pkg-value{min-height:90px;margin:0 0 1rem;font-size:.92rem;font-weight:500;line-height:1.6}.pkg-card ul{list-style:none;margin:0 0 2rem;padding:0}.pkg-card li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:.5rem;padding:.9rem 0;border-top:1px solid var(--pkg-line);font-size:.76rem;line-height:1.55;overflow-wrap:anywhere}.pkg-card li span{font:500 .56rem/1.5 "IBM Plex Mono",monospace;color:var(--pkg-gold-2)}.pkg-featured li span{color:#173b2b}.pkg-cta{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:auto;padding:1rem;border:1px solid var(--pkg-gold);font-size:.76rem;font-weight:500}.pkg-cta:hover{background:var(--pkg-gold);color:var(--pkg-ink)}.pkg-featured .pkg-cta{border-color:#06170f;background:#06170f;color:var(--pkg-white)}.pkg-note{margin:3.5rem 0 0;color:rgba(250,249,243,.48);font-size:.72rem;line-height:1.7;text-align:center}
.pkg-trust{display:grid;grid-template-columns:.72fr 1.28fr;min-height:650px;padding-top:8rem;padding-bottom:8rem;background:var(--pkg-paper);color:var(--pkg-ink)}.pkg-trust-code{padding-right:5vw;border-right:1px solid rgba(3,19,14,.2)}.pkg-trust-code span{font:500 .6rem/1 "IBM Plex Mono",monospace;letter-spacing:.16em;color:#8b6719}.pkg-trust-code b{display:block;margin-top:7rem;font:300 clamp(2rem,4vw,4.6rem)/.93 "IBM Plex Mono",monospace;letter-spacing:-.06em}.pkg-trust-copy{align-self:center;padding-left:7vw}.pkg-trust-copy p{max-width:700px;margin:2rem 0;color:#46564e;font-size:1.02rem;line-height:1.9}.pkg-trust-copy a{display:flex;justify-content:space-between;gap:1rem;margin-top:3rem;padding:1.4rem;border-block:1px solid rgba(3,19,14,.28);font-weight:500}.pkg-trust-copy a span{font-family:"IBM Plex Mono",monospace;color:#8b6719}
.pkg-faq{background:#04150f}.pkg-faq-grid{display:grid;grid-template-columns:.72fr 1.28fr;gap:8vw;margin-top:3rem}.pkg-faq details{border-top:1px solid var(--pkg-line)}.pkg-faq details:last-child{border-bottom:1px solid var(--pkg-line)}.pkg-faq summary{display:grid;grid-template-columns:42px minmax(0,1fr) auto;gap:1rem;align-items:center;padding:1.6rem 0;cursor:pointer;list-style:none;font-size:1rem;font-weight:400}.pkg-faq summary::-webkit-details-marker{display:none}.pkg-faq summary span{font:500 .57rem/1 "IBM Plex Mono",monospace;color:var(--pkg-gold-2)}.pkg-faq summary b{font-weight:300;color:var(--pkg-gold-2);transition:.25s}.pkg-faq details[open] summary b{transform:rotate(45deg)}.pkg-faq details>p{margin:0 0 1.6rem;padding-left:58px;color:var(--pkg-muted);line-height:1.85}.pkg-contact{padding:clamp(5rem,8vw,8rem) max(5vw,calc((100vw - 1500px)/2));border-top:1px solid var(--pkg-line);text-align:center}.pkg-contact p{font:500 .6rem "IBM Plex Mono",monospace;letter-spacing:.18em;color:var(--pkg-gold-2)}.pkg-contact h2{margin:1.5rem auto 2.5rem;max-width:900px;font-size:clamp(2.4rem,5vw,5.6rem);font-weight:300;line-height:1.05}.pkg-contact a{display:inline-flex;gap:2rem;padding:1.1rem 1.4rem;border:1px solid var(--pkg-gold);font-weight:500}.pkg-contact a:hover{background:var(--pkg-gold);color:var(--pkg-ink)}
@media(max-width:1100px){.pkg-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pkg-card.pkg-featured{margin:0}.pkg-steps{grid-template-columns:repeat(3,1fr);gap:2rem 0}.pkg-steps article{min-height:160px}.pkg-orb{bottom:-4vw}}
@media(max-width:720px){.packages-page main{background-size:64px 64px}.pkg-section,.pkg-hero{padding-inline:6vw}.packages-page .site-header{grid-template-columns:1fr auto;min-height:70px;padding:0 5vw}.packages-page .brand,.packages-page .brand img{width:145px}.packages-page .desktop-nav{display:none}.packages-page .header-tools{display:flex}.packages-page .header-cta{display:none}.packages-page .mobile-dock{position:fixed;z-index:110;left:5vw;right:5vw;bottom:10px;display:grid;grid-template-columns:repeat(4,1fr);border:1px solid var(--pkg-line);background:rgba(2,18,12,.96);backdrop-filter:blur(16px)}.packages-page .mobile-dock a{display:flex;flex-direction:column;align-items:center;gap:.25rem;padding:.75rem .25rem;border-right:1px solid var(--pkg-line);font-size:.64rem}.packages-page .mobile-dock a:last-child{border:0}.packages-page .mobile-dock span{font:500 .48rem "IBM Plex Mono",monospace;color:var(--pkg-gold-2)}.pkg-hero{min-height:760px;padding-top:105px;padding-bottom:80px}.pkg-topline span:last-child{display:none}.pkg-hero-grid{grid-template-columns:1fr;padding-top:4rem}.pkg-hero h1{font-size:clamp(3.2rem,16vw,5rem);line-height:.95}.pkg-hero-copy{padding-right:10vw}.pkg-orb{right:-27vw;bottom:-3vw;width:86vw}.pkg-section-head,.pkg-faq-grid,.pkg-trust{grid-template-columns:1fr}.pkg-section-head{gap:1.5rem;margin-bottom:4rem}.pkg-steps{grid-template-columns:1fr;border-left:1px solid var(--pkg-line);border-top:0}.pkg-steps article{min-height:auto;padding:0 0 2.5rem 3.5rem;border:0}.pkg-node{top:0;left:-1.1rem}.pkg-grid{display:flex;gap:1rem;margin-inline:-6vw;padding:2rem 6vw;overflow-x:auto;scroll-snap-type:x mandatory;background:transparent;border:0}.pkg-card{flex:0 0 86vw;min-height:690px;border:1px solid var(--pkg-line);scroll-snap-align:center}.pkg-card.pkg-featured{order:-1;box-shadow:0 20px 45px rgba(0,0,0,.28)}.pkg-title,.pkg-audience,.pkg-value{min-height:auto}.pkg-note{text-align:left}.pkg-trust{min-height:0;padding-top:6rem;padding-bottom:6rem}.pkg-trust-code{display:none}.pkg-trust-copy{padding:0}.pkg-trust-copy a{flex-direction:column}.pkg-faq-grid{gap:3rem}.pkg-faq details>p{padding-left:0}.pkg-contact{padding-bottom:7rem}.packages-page footer{grid-template-columns:1fr;padding-bottom:8rem}.packages-page footer small{grid-column:auto}}
@media(prefers-reduced-motion:reduce){.pkg-orb{animation:none}.pkg-card{transition:none}}
.pkg-title h3{font-family:"IBM Plex Sans Thai",sans-serif}