@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Sans+Thai:wght@400;500;600;700&display=swap');
:root{--ink:#f7f5ec;--muted:#b8cdc8;--teal:#003f3b;--deep:#002b29;--line:#4d746f;--orange:#ff5a24;--orange2:#ff7b27;--card:#003733;--paper:#f2eee4;--shadow:0 20px 50px rgba(0,0,0,.24)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--deep);color:var(--ink);font-family:'IBM Plex Sans Thai',system-ui,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}button,input{font:inherit}a{color:inherit;text-decoration:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
body:before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.32;background:radial-gradient(circle at 14% 10%,#07877a55,transparent 28%),linear-gradient(135deg,transparent 0 48%,#fff 49% 49.4%,transparent 50%) 0 0/11px 11px;mix-blend-mode:soft-light;z-index:20}
.site-header{position:fixed;z-index:30;top:0;left:50%;transform:translateX(-50%);width:min(1160px,calc(100% - 32px));height:72px;display:flex;align-items:center;gap:42px;padding:0 18px;transition:.25s}.site-header.scrolled{top:10px;border:1px solid #ffffff26;border-radius:16px;background:#002f2ce8;backdrop-filter:blur(14px);box-shadow:0 10px 30px #001a1875}.brand{display:flex;align-items:center;width:82px;height:58px}.brand img{display:block;width:100%;height:100%;object-fit:contain}.site-header nav{display:flex;gap:28px;font-size:.92rem}.site-header nav a:hover{color:#ff8c4b}.outline-btn{margin-left:auto;border:1px solid #40cbbd;border-radius:999px;padding:8px 18px}.outline-btn span,.primary-btn span{margin-left:10px}
.hero{min-height:510px;position:relative;padding:92px max(24px,calc((100vw - 1100px)/2)) 172px;background:linear-gradient(145deg,#07675f 0%,#00453f 38%,#002b29 100%);overflow:hidden}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#fff0 20%,#03a29222 21%,#fff0 42%),radial-gradient(circle at 12% 3%,#22afa330,transparent 29%);pointer-events:none}.hero-copy{position:relative;z-index:3;max-width:440px}.eyebrow{font-size:.72rem;letter-spacing:.18em;font-weight:700;color:#ff8e4f;text-transform:uppercase}.hero h1{font-size:clamp(4.2rem,7.2vw,6.8rem);line-height:.66;margin:13px 0 19px;letter-spacing:-.06em;text-shadow:4px 6px 0 #001d1b,0 12px 24px #0008}.hero h1 strong{font-style:italic}.hero h1 span{font-size:clamp(1.65rem,3.1vw,2.65rem);letter-spacing:-.04em}.hero-copy>p:not(.eyebrow){margin:0 0 11px}.primary-btn,.card-cta{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;background:linear-gradient(115deg,var(--orange),var(--orange2));color:white;font-weight:700;padding:10px 22px;cursor:pointer;box-shadow:0 10px 24px #9d26094f}.primary-btn:hover,.card-cta:hover{filter:brightness(1.12);transform:translateY(-1px)}.paper,.paper-edge{position:absolute;right:-6%;top:-15px;width:65%;height:230px;transform:rotate(-10deg);clip-path:polygon(0 45%,5% 36%,11% 43%,17% 34%,23% 40%,29% 31%,36% 39%,42% 29%,49% 36%,56% 26%,63% 35%,71% 25%,79% 32%,87% 22%,94% 28%,100% 18%,100% 78%,93% 84%,86% 77%,78% 88%,70% 79%,62% 89%,54% 80%,46% 91%,38% 81%,30% 91%,22% 82%,14% 91%,7% 82%,0 89%)}.paper-edge{z-index:1;top:-3px;background:#f2eee4;filter:drop-shadow(0 7px 3px #000a)}.paper{z-index:2;background:linear-gradient(135deg,#ff7a1e,#ff4818);filter:drop-shadow(0 5px 0 #191919)}.paper span{position:absolute;right:13%;top:36%;font-size:clamp(2.8rem,5.5vw,5rem);font-weight:700;transform:rotate(3deg);text-shadow:3px 4px 0 #b72910}.offer-grid{position:absolute;z-index:4;left:50%;bottom:24px;transform:translateX(-50%);width:min(1100px,calc(100% - 48px));display:grid;grid-template-columns:repeat(4,1fr);padding-top:17px}.offer-grid.reveal{transform:translateX(-50%);transition:opacity .65s}.offer-grid.reveal.visible{transform:translateX(-50%)}.offer-grid article{padding:0 27px;border-right:1px solid #8db0ac;display:flex;flex-direction:column}.offer-grid article:first-child{padding-left:0}.offer-grid article:last-child{border:0;padding-right:0}.offer-grid b{font-size:1.75rem;color:#ff7b27;font-style:italic;line-height:1}.offer-grid em{font-size:.9rem}.offer-grid span{margin-top:7px;color:#e1ece9;font-size:.9rem;line-height:1.3}.advisor{position:relative;z-index:4;max-width:920px;margin:0 auto;padding:40px 24px 82px;text-align:center}.advisor .section-heading p{display:none}.advisor .section-heading h2{font-size:2.45rem;margin-bottom:0}.section-heading p{margin:0;color:#d4e3df}.section-heading h2{font-size:clamp(2.4rem,5vw,4.7rem);line-height:1.08;margin:8px 0 10px;letter-spacing:-.04em}.section-heading h2 strong{color:#ff6929;font-style:italic}.section-heading span{color:var(--muted)}.pain-tabs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:20px 0 12px}.pain-tabs button,.quick-chips button{border:1px solid #91aaa6;color:#f6f2e9;background:transparent;border-radius:999px;padding:9px 15px;cursor:pointer}.pain-tabs button.active,.pain-tabs button:hover{background:var(--orange);border-color:var(--orange);font-weight:700}.ai-box{display:flex;align-items:center;border:1px solid #eef2eb;border-radius:999px;padding:4px 5px 4px 20px;background:#003632;box-shadow:0 14px 35px #001a1866}.ai-box input[type=text],.ai-box input:not([type]){flex:1;background:none;border:0;outline:0;color:#fff;min-width:0}.ai-box button{width:42px;height:42px;border:0;border-radius:50%;background:var(--orange);color:#fff;font-size:1.1rem;cursor:pointer}.ai-box b{margin:0 15px 0 11px;letter-spacing:.12em;font-size:.78rem}.quick-chips{margin-top:10px;color:#8ba6a1;font-size:.82rem}.quick-chips div{display:flex;justify-content:center;gap:10px;margin-top:6px}.quick-chips button{padding:5px 24px}.ai-status{min-height:20px;color:#ff9b68;margin-top:10px}.tear-band{height:105px;margin:-52px -3% 0;background:linear-gradient(95deg,#ff4818,#ff8a24);transform:rotate(4deg);clip-path:polygon(0 27%,6% 21%,12% 31%,20% 18%,28% 30%,36% 15%,44% 28%,52% 18%,60% 32%,69% 17%,78% 29%,87% 16%,94% 26%,100% 19%,100% 70%,91% 78%,82% 69%,74% 83%,65% 72%,57% 86%,48% 71%,40% 85%,31% 69%,22% 82%,13% 68%,5% 79%,0 72%);filter:drop-shadow(0 -8px 0 #ece9df) drop-shadow(0 10px 3px #0007)}
.projects-section{padding:120px max(24px,calc((100vw - 1180px)/2)) 90px;background:linear-gradient(165deg,#004943,#002b29)}.projects-section>.section-heading{text-align:center;max-width:880px;margin:0 auto 50px}.project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.project-card{background:#003530;border:1px solid #278077;border-radius:14px;overflow:hidden;box-shadow:var(--shadow);transition:.28s}.project-card:hover{transform:translateY(-7px);border-color:#48b8ad}.project-image{aspect-ratio:4/3;position:relative;background:#07534c;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:.5s}.project-card:hover img{transform:scale(1.035)}.project-image .promo-ribbon{position:absolute;top:18px;right:-43px;width:190px;text-align:center;transform:rotate(36deg);background:linear-gradient(90deg,#ff4f1d,#ff8535);color:#fff;padding:8px 10px;font-size:.86rem;font-weight:800;box-shadow:0 5px 16px #001f1c99}.placeholder{height:100%;display:grid;place-items:center;color:#a8c6c0;background:linear-gradient(145deg,#07574f,#002d2a)}.project-body{padding:20px}.project-body h3{font-size:1.25rem;margin:0 0 8px}.project-body>p{height:3em;overflow:hidden;color:#b8cdc8;margin:0 0 18px}.price{border:1px solid #426c67;border-radius:8px;padding:10px 13px;display:flex;justify-content:space-between;align-items:center}.price span{font-size:.78rem}.price b{color:#ff7834;font-size:1.15rem}.project-details{margin:10px 0 14px;border:1px solid #507a74;border-radius:9px;background:#002d2a}.project-details summary{display:flex;justify-content:space-between;align-items:center;cursor:pointer;padding:11px 13px;color:#eff7f3;font-weight:700;font-size:.88rem;list-style:none}.project-details summary::-webkit-details-marker{display:none}.project-details summary span{color:#ff7a34;font-size:1.2rem}.project-details[open] summary span{transform:rotate(45deg)}.project-details>div{max-height:240px;overflow:auto;border-top:1px solid #426c67;padding:12px 13px;text-align:left}.project-details section+section{margin-top:13px}.project-details section>b{color:#ff8a4b}.project-details section p{margin:4px 0 0;color:#c6d8d4;font-size:.83rem;line-height:1.55}.card-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.card-actions .card-cta,.site-cta{width:100%;min-height:42px;border-radius:9px;font:inherit;font-weight:700;cursor:pointer}.site-cta{border:1px solid #86aaa5;background:transparent;color:#fff}.site-cta:hover{border-color:#ff7a34;background:#ffffff0b}.full{width:100%}footer{padding:28px max(24px,calc((100vw - 1160px)/2));display:flex;gap:25px;align-items:center;color:#a5bbb7}footer b{font-size:1.4rem;color:#fff}footer a{margin-left:auto}
dialog{width:min(620px,calc(100% - 28px));border:1px solid #4f9188;border-radius:20px;background:#003b37;color:#fff;padding:30px;box-shadow:0 30px 100px #000b}dialog::backdrop{background:#001b19cc;backdrop-filter:blur(7px)}dialog h2{font-size:2rem;margin:0 0 20px}.dialog-close{position:absolute;right:18px;top:14px;background:none;border:0;color:white;font-size:2rem;cursor:pointer}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}dialog label{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}dialog input{border:1px solid #769993;border-radius:9px;background:#002d2a;color:#fff;padding:11px 13px;outline:none}dialog input:focus{border-color:#ff7a34}.consent{flex-direction:row;align-items:flex-start;font-size:.85rem;color:#c8dad6}.consent input{margin-top:4px}.hp{position:absolute!important;left:-9999px}.thankyou{min-height:100vh;display:grid;place-items:center;background:radial-gradient(circle at 50% 20%,#087367,#002b29 55%)}.thankyou main{padding:24px}.thank-card{text-align:center;max-width:610px;border:1px solid #ffffff30;border-radius:24px;padding:55px;background:#003c38cc;box-shadow:var(--shadow)}.thank-card h1{font-size:3rem;margin:10px}.check{width:70px;height:70px;border-radius:50%;display:grid;place-items:center;margin:auto;background:var(--orange);font-size:2rem;font-weight:700}.reveal{opacity:0;transform:translateY(24px);transition:opacity .65s,transform .65s}.reveal.visible{opacity:1;transform:translateY(0)}
.project-site-dialog{width:min(1500px,calc(100% - 32px));height:min(900px,calc(100vh - 32px));max-width:none;max-height:none;padding:0;overflow:hidden}.site-dialog-head{height:74px;display:flex;align-items:center;gap:20px;padding:10px 70px 10px 22px;background:#003b37}.site-dialog-head small{color:#9db7b2}.site-dialog-head h2{font-size:1.2rem;margin:0}.site-dialog-head a{margin-left:auto;color:#fff;border:1px solid #769993;border-radius:999px;padding:8px 16px;text-decoration:none}.site-frame-wrap{height:calc(100% - 74px);position:relative;background:#fff}.site-frame-wrap iframe{position:relative;z-index:2;width:100%;height:100%;border:0;background:#fff}.site-frame-wrap>p{position:absolute;z-index:1;inset:45% 20px auto;text-align:center;color:#35534f}.project-site-dialog .dialog-close{top:18px}
@media(max-width:820px){.site-header{height:62px}.site-header nav{display:none}.hero{min-height:840px;padding-top:92px}.paper,.paper-edge{width:92%;height:155px;top:245px;right:-20%}.paper-edge{top:253px}.paper span{font-size:3rem}.hero-copy{max-width:340px}.hero h1{font-size:5.1rem}.offer-grid{grid-template-columns:1fr 1fr;bottom:38px;gap:20px 0}.offer-grid article:nth-child(2){border-right:0}.offer-grid article{padding:0 18px}.offer-grid article:first-child{padding-left:18px}.offer-grid b{font-size:1.55rem}.project-grid{grid-template-columns:1fr 1fr}.pain-tabs{grid-template-columns:1fr 1fr}.ai-box b{display:none}}
@media(max-width:580px){.outline-btn{padding:7px 12px}.hero{min-height:890px}.paper{top:275px;height:130px}.paper-edge{top:283px;height:130px}.paper span{font-size:2.25rem}.offer-grid{bottom:35px}.offer-grid article{min-height:102px}.advisor{padding-top:44px}.quick-chips div{flex-wrap:wrap}.project-grid{grid-template-columns:1fr}.projects-section{padding-top:90px}.section-heading h2{font-size:2.45rem}.form-grid{grid-template-columns:1fr}.project-body>p{height:auto;max-height:4.5em}.site-header{width:calc(100% - 18px)}footer{align-items:flex-start;flex-wrap:wrap}footer span{width:100%}footer a{margin-left:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.paper,.tear-band{transform:none!important}.project-card,.project-image img{transition:none}}
.hero.hero-graphic{min-height:0;aspect-ratio:1600/622;padding:0;background:#004b48;overflow:hidden}.hero.hero-graphic:after{display:none}.hero-graphic picture,.hero-graphic picture img{display:block;width:100%;height:100%}.hero-graphic picture img{object-fit:cover;object-position:top center}.hero-cover-cta{position:absolute;z-index:5;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;gap:9px;border:1px solid #fff9;border-radius:999px;background:#002f2dd9;color:#fff;padding:9px 18px;font-weight:700;backdrop-filter:blur(8px);box-shadow:0 8px 24px #001d1b66}.hero-cover-cta:hover{background:#ff5a24;border-color:#ff8a5c}.hero-cover-cta span{font-size:1.2rem}.hero-graphic+.advisor{padding-top:72px}
@media(max-width:820px){.hero.hero-graphic{height:470px;min-height:0;aspect-ratio:auto}.hero-graphic picture img{width:auto;max-width:none;min-width:100%;position:absolute;left:50%;transform:translateX(-50%);object-fit:cover}.hero-cover-cta{bottom:14px}}
@media(max-width:580px){.hero.hero-graphic{height:400px}.hero-graphic picture img{height:400px}.hero-cover-cta{font-size:.88rem;padding:8px 15px}.hero-graphic+.advisor{padding-top:60px}}
.ai-privacy-note{margin:10px 0 0;color:#789b96;font-size:.72rem}.ai-privacy-note a{color:#a8c2bd;text-decoration:underline;text-underline-offset:2px}.ai-privacy-note a:hover{color:#ff8b50}
.ai-beta-notice{display:flex;align-items:center;justify-content:center;gap:10px;margin:14px auto 12px;padding:9px 16px;width:fit-content;max-width:100%;border:1px solid #ff7a3659;border-radius:10px;background:#ff6a2414;color:#c7d8d4;font-size:.78rem;line-height:1.45;text-align:left}.ai-beta-notice[hidden]{display:none}.ai-beta-notice strong{flex:none;padding:3px 8px;border-radius:999px;background:var(--orange);color:#fff;font-size:.68rem;letter-spacing:.06em}.ai-beta-notice span{max-width:620px}@media(max-width:580px){.ai-beta-notice{align-items:flex-start;margin-top:12px;padding:10px 12px;font-size:.72rem}.ai-beta-notice strong{margin-top:1px}}
.registration-section.ai-directed .registration-card{animation:ai-form-focus 1.4s ease}@keyframes ai-form-focus{0%,100%{box-shadow:0 28px 70px #00151480}35%{box-shadow:0 0 0 4px #ff7a3466,0 28px 70px #00151480}}
.registration-card .schedule-toggle{display:flex;flex-direction:row;align-items:center;gap:10px;margin:2px 0 15px;color:#d9e7e4}.registration-card .schedule-toggle input{width:auto;accent-color:#ff6329}.contact-schedule{padding:16px 16px 1px;border:1px solid #ffffff24;border-radius:14px;background:#002d2a80}.contact-schedule[hidden]{display:none}
.registration-section{padding:90px max(24px,calc((100vw - 1060px)/2));background:linear-gradient(155deg,#003d38,#001f1d);display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;align-items:start}.registration-intro{position:sticky;top:110px}.registration-intro h2{font-size:clamp(2.3rem,4vw,4rem);line-height:1.05;margin:10px 0 16px}.registration-intro>span{color:#b8cdc8;font-size:1.05rem}.registration-card{border:1px solid #4f9188;border-radius:22px;background:#003b37;padding:30px;box-shadow:0 28px 70px #00151480}.registration-card form>label,.registration-card .form-grid label{display:flex;flex-direction:column;gap:7px;margin-bottom:15px}.registration-card input,.registration-card select{width:100%;border:1px solid #769993;border-radius:10px;background:#002d2a;color:#fff;padding:12px 14px;outline:0}.registration-card select{appearance:auto}.registration-card input:focus,.registration-card select:focus{border-color:#ff7a34}.registration-card .consent{flex-direction:row;align-items:flex-start;color:#c8dad6;font-size:.86rem}.registration-card .consent input{width:auto;margin-top:4px}.selected-project{display:grid;grid-template-columns:1fr auto;gap:2px 15px;align-items:center;margin-bottom:20px;padding:14px 16px;border:1px solid #ff8047;border-radius:13px;background:#8a380f}.selected-project span{font-size:.76rem;color:#ffd4be}.selected-project b{font-size:1.08rem}.selected-project button{grid-column:2;grid-row:1/3;border:1px solid #ffffff66;border-radius:999px;background:transparent;color:#fff;padding:7px 12px;cursor:pointer}.mobile-register-bar{display:none}
@media(max-width:820px){.registration-section{grid-template-columns:1fr;gap:30px;padding-top:70px}.registration-intro{position:static}.mobile-register-bar:not([hidden]){position:fixed;z-index:25;left:12px;right:12px;bottom:12px;display:flex;align-items:center;justify-content:space-between;border:1px solid #ff9b6d;border-radius:15px;background:#ff5b24;color:#fff;padding:11px 16px;box-shadow:0 12px 35px #001513aa;font:inherit;cursor:pointer}.mobile-register-bar span{font-weight:800}.mobile-register-bar b{max-width:52%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:.82rem}}

footer{display:flex;justify-content:center;align-items:center;gap:0;text-align:center}
footer span{width:auto}

.card-actions .card-cta{grid-column:1/-1}
.card-actions .line-cta,.card-actions .site-cta{display:flex;width:100%;min-width:0;min-height:42px;align-items:center;justify-content:center;border-radius:9px;font:inherit;font-weight:700;cursor:pointer;text-decoration:none;white-space:nowrap}
.card-actions .line-cta{gap:7px;border:1px solid #65a98c;background:transparent;color:#d9eee5;box-shadow:none}
.card-actions .line-cta:hover{border-color:#73d69d;background:#ffffff0b;color:#fff;transform:translateY(-1px)}
.card-actions .line-cta span{display:inline-grid;place-items:center;border-radius:5px;background:#fff;color:#06a847;padding:2px 4px;font-size:.63rem;font-weight:900;letter-spacing:-.03em}