@font-face{font-family:Thai;src:local(Leelawadee UI)}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{color:#192b4b;background:#fff;margin:0;font-family:Noto Sans Thai,Tahoma,sans-serif;font-size:15px;line-height:1.8}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a{touch-action:manipulation}button:disabled{opacity:.6}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline-offset:4px;outline:3px solid #14b9bd}.site-nav{justify-content:space-between;align-items:center;gap:35px;max-width:1400px;height:92px;margin:auto;padding:0 5%;display:flex}.brand{letter-spacing:-1px;white-space:nowrap;align-items:center;font-family:Arial,sans-serif;font-size:24px;font-weight:800;display:flex}.brand-mark{color:#fff;letter-spacing:-3px;background:#253382;border-radius:14px;justify-content:center;align-items:center;width:39px;height:39px;margin-right:10px;padding-right:3px;font-size:27px;display:inline-flex}.brand-mark span{margin-left:1px}.orange{color:#087e85}.nav-links{gap:30px;font-size:14px;display:flex}.nav-links a:hover{color:#087e85}.nav-actions{align-items:center;gap:24px;font-size:14px;display:flex}.btn{color:#fff;cursor:pointer;background:#253382;border:1px solid #253382;border-radius:10px;justify-content:center;align-items:center;gap:20px;min-height:54px;padding:13px 23px;font-weight:600;line-height:1.4;transition:transform .2s,background .2s;display:inline-flex}.btn:hover{background:#17235d;transform:translateY(-2px)}.btn.secondary{color:#253382;background:0 0;border-color:#d8dfeb}.btn.secondary:hover{background:#f0faf8}.btn.small{min-height:44px;padding:11px 17px;font-size:13px}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:55px;max-width:1400px;margin:auto;padding:42px 5% 68px;display:grid}.eyebrow{letter-spacing:.5px;color:#6c786a;align-items:center;gap:8px;font-size:13px;display:inline-flex}.eyebrow i,.offline-tag i{background:#253382;border-radius:50%;width:7px;height:7px;display:inline-block}.hero h1{letter-spacing:-2.6px;margin:24px 0 22px;font-size:clamp(42px,4.6vw,69px);font-weight:700;line-height:1.4}.hero h1 .serif{display:block}.hero-copy>p{color:#737b72;font-size:17px;line-height:1.9}.hero-buttons{gap:13px;margin-top:30px;display:flex}.hero-notes{color:#747d71;gap:18px;margin-top:19px;font-size:11px;display:flex}.hero-foot{color:#788174;border-top:1px solid #e5e6dd;align-items:center;gap:17px;width:87%;margin-top:37px;padding-top:20px;font-size:12px;display:flex}.hero-foot strong{color:#3d4b3d;font-weight:500}.little-star{color:#e4a570;font-size:42px;line-height:1}.hero-visual{border-radius:180px 180px 24px 24px;height:560px;margin:0 7px 10px 0;position:relative}.hero-visual>img{object-fit:cover;border-radius:inherit;filter:brightness(.91);width:100%;height:100%;animation:14s ease-in-out infinite hero-breathe}.hero-visual:after{content:"";border-radius:inherit;pointer-events:none;border:1px solid #fff6;position:absolute;inset:15px}.photo-label{text-align:center;color:#fff;letter-spacing:4px;z-index:1;font-size:10px;font-weight:600;position:absolute;top:50px;left:0;right:0}.float-card{z-index:2;background:#fff;border:1px solid #f0ebe5;border-radius:13px;animation:7s ease-in-out infinite float;position:absolute;box-shadow:0 15px 45px #293d2b13}.order-float{align-items:center;gap:12px;max-width:450px;padding:16px;display:flex;bottom:64px;left:-36px}.round-icon{color:#52724b;background:#edf4e9;border-radius:50%;place-items:center;width:36px;height:36px;font-weight:700;display:grid}.order-float strong{font-size:12px}.order-float small{color:#889084;margin-top:2px;font-size:10px;display:block}.pill{color:#66835a;background:#eef5e9;border-radius:30px;padding:3px 9px;font-size:10px}.insight-float{width:177px;padding:17px 18px;animation-delay:-3s;top:190px;right:-24px}.insight-float>small{color:#8a9087;font-size:10px}.metric{margin-top:6px;font-family:Arial;font-size:28px;font-weight:700}.metric span{color:#83a171;float:right;font-size:17px}.insight-float p{color:#85917c;margin:8px 0 0;font-size:8px}.mini-chart{align-items:end;gap:7px;height:55px;margin-top:16px;display:flex}.mini-chart b{background:#e7efdd;border-radius:3px;width:14px}.mini-chart b:nth-last-child(-n+2){background:#e8a377}.trust-strip{color:#6b7565;background:#f5f9fc;border-block:1px solid #eeeae2;justify-content:center;align-items:center;gap:34px;padding:26px 5%;font-size:13px;display:flex}.trust-strip>span:first-child{color:#949b8e;font-size:11px}.trust-strip strong{font-weight:500}.section{max-width:1300px;margin:auto;padding:100px 5%}.section-title{justify-content:space-between;align-items:end;margin-bottom:42px;display:flex}.section-title h2,h2{letter-spacing:-1.1px;margin:14px 0;font-size:clamp(28px,3.2vw,43px);line-height:1.5}.section-title p{color:#81897c;font-size:13px}.feature-grid{grid-template-columns:1.15fr 1fr 1fr;gap:20px;display:grid}.feature{border-radius:20px;min-height:260px;padding:28px 26px;overflow:hidden}.feature.large{grid-row:span 2}.feature h3{letter-spacing:-.7px;margin:16px 0 12px;font-size:24px;line-height:1.5}.feature p{color:#76806f;font-size:13px;line-height:1.9}.feature a{margin-top:22px;font-size:12px;font-weight:600;display:block}.feature-icon{color:#7a826a;font-size:25px}.cream{background:#f3f0e6}.green{background:#eaf0e4;grid-column:span 2;grid-template-columns:1fr 1fr;gap:0 30px;display:grid}.green .feature-icon,.green h3{grid-column:1}.green p{grid-column:1;margin-bottom:0}.peach{background:#e8f8f6}.lilac{background:#f0edf4}.menu-preview{background:#fff;border-radius:18px;margin:45px 6px 5px;padding:12px;position:relative;transform:rotate(-4deg);box-shadow:0 10px 35px #78826914}.menu-preview img{object-fit:cover;border-radius:11px;width:100%;height:175px}.menu-preview div{padding:10px 2px 5px}.menu-preview span{color:#e37646;font-size:9px;display:block}.menu-preview strong{font-size:13px;display:block}.menu-preview small{color:#94998e;font-size:10px}.menu-preview button{color:#fff;opacity:1;background:#253382;border:0;border-radius:8px;width:28px;height:28px;position:absolute;bottom:15px;right:14px}.reservation-demo{background:#ffffffbd;border-radius:15px;flex-direction:column;grid-area:1/2/4;align-self:center;gap:10px;padding:25px;display:flex;transform:rotate(3deg);box-shadow:0 8px 20px #5067480a}.reservation-demo span{color:#829179;font-size:11px}.reservation-demo strong{font-size:18px;font-weight:600}.reservation-demo em{color:#628250;background:#e6f0df;border-radius:6px;width:max-content;padding:6px 12px;font-size:10px;font-style:normal}.bar-demo{align-items:end;gap:12px;height:60px;margin-top:25px;display:flex}.bar-demo b{background:#dca27d;border-radius:4px 4px 0 0;width:25px;height:40%}.bar-demo b:nth-child(2){height:70%}.bar-demo b:nth-child(3){height:55%}.bar-demo b:nth-child(4){height:90%}.bar-demo b:nth-child(5){background:#ce784b;height:100%}.task-chip{background:#fff8;border-radius:8px;align-items:center;gap:9px;margin-top:20px;padding:13px 10px;font-size:11px;display:flex}.task-chip span{color:#9481a1;margin-left:auto;font-size:9px}.task-chip i{background:#ad9abb;border-radius:50%;width:6px;height:6px}.offline-section{grid-template-columns:1fr 1fr;align-items:center;gap:80px;max-width:1180px;margin:0 auto;padding:35px 4% 80px;display:grid}.offline-photo{height:440px;position:relative}.offline-photo img{object-fit:cover;border-radius:18px 100px 18px 18px;width:100%;height:100%}.offline-tag{letter-spacing:2px;background:#fff;border-radius:50px;align-items:center;gap:10px;padding:12px 20px;font-size:10px;display:flex;position:absolute;bottom:25px;left:25px}.offline-tag i{background:#66a16b}.offline-section p{color:#7a8477;font-size:14px}.offline-section ul{padding:0;font-size:13px;list-style:none}.offline-section li{margin:10px 0}.offline-section li:before{content:"✓";color:#64935a;margin-right:13px}.offline-section small{color:#92998d;font-size:10px;line-height:1.8;display:block}.center{text-align:center;flex-direction:column;align-items:center;display:flex}.center h2{margin-bottom:10px}.how{border-top:1px solid #eeeae1}.steps{text-align:center;grid-template-columns:repeat(3,1fr);gap:65px;display:grid}.steps article>span{color:#cc9168;border:1px solid #dcc6ae;border-radius:50%;place-items:center;width:49px;height:49px;font-family:Georgia,serif;font-size:23px;display:inline-grid}.steps h3{margin:18px 0 8px;font-size:19px;font-weight:600}.steps p{color:#899080;font-size:13px}.pricing{background:#f0faf8;max-width:none}.pricing>.section-title,.price-grid{max-width:1120px;margin-left:auto;margin-right:auto}.price-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:55px;display:grid}.price-card{background:#fff;border:1px solid #e4e6db;border-radius:15px;padding:32px 28px;position:relative}.price-card.featured{border:2px solid #253382}.recommend{color:#fff;text-align:center;background:#253382;border-radius:10px 10px 0 0;padding:3px;font-size:11px;position:absolute;top:-24px;left:-2px;right:-2px}.package{letter-spacing:2px;color:#909480;font-size:11px}.price-card h3{margin:12px 0 23px;font-size:19px;font-weight:500}.price{letter-spacing:-1px;min-height:54px;font-family:Arial,sans-serif;font-size:39px;font-weight:700}.price small{letter-spacing:0;color:#969c8c;font-family:Thai,Tahoma,sans-serif;font-size:11px;font-weight:400}.price.custom{font-family:Thai,Tahoma,sans-serif;font-size:28px}.price.custom small{margin-top:-3px;display:block}.price-card>p{color:#8b9484;margin:12px 0 24px;font-size:12px}.price-card .btn{width:100%;font-size:13px}.price-card ul{border-top:1px solid #eeeae2;margin-top:25px;padding:22px 0 12px;font-size:12px;list-style:none}.price-card li{margin-bottom:12px}.price-card li:before{content:"✓";color:#6e9564;margin-right:12px}.price-card>small{color:#959d8d;font-size:10px}.pricing-note{text-align:center;color:#92998a;margin-top:30px;font-size:11px}.game-banner{background:#f8e4d5;border-radius:25px;grid-template-columns:1.2fr 1fr;align-items:center;max-width:1120px;margin:90px auto 10px;padding:55px 65px;display:grid}.game-banner h2{font-size:33px}.game-banner p{color:#947a63;font-size:14px}.game-art{place-items:center;height:270px;display:grid;position:relative}.plate{background:#fffcf6;border:15px solid #fff6;border-radius:50%;place-items:center;width:210px;height:210px;font-size:100px;display:grid;transform:rotate(-10deg);box-shadow:0 20px 30px #95582814}.game-art>span{font-size:47px;animation:6s ease-in-out infinite float;position:absolute}.game-art>span:nth-child(2){top:10px;left:15px}.game-art>span:nth-child(3){animation-delay:-2s;top:20px;right:0}.game-art>span:nth-child(4){animation-delay:-4s;bottom:0;left:20px}.game-score{color:#e07b42;background:#fff;border-radius:12px;padding:8px 20px;font-family:Arial;font-size:26px;font-weight:700;position:absolute;bottom:8px;right:0;transform:rotate(8deg)}.game-score small{color:#9a956a;font-family:Thai,Tahoma;font-size:11px;font-weight:400;display:block}.faq{grid-template-columns:1fr 1.3fr;gap:75px;display:grid}.faq-list details{border-bottom:1px solid #e8e9df;padding:20px 0}.faq-list summary{cursor:pointer;justify-content:space-between;gap:15px;font-size:15px;list-style:none;display:flex}.faq-list summary:after{content:"+";color:#97a08b;font-size:20px}.faq-list details[open] summary:after{content:"−"}.faq-list p{color:#818b76;font-size:13px;line-height:2}.contact{border-top:1px solid #e5e8dc;grid-template-columns:1fr 1fr;gap:100px;display:grid}.contact p{color:#87907b;font-size:13px}.contact form{gap:16px;display:grid}.contact label{color:#717e68;gap:5px;font-size:12px;display:grid}.contact input,.contact select{outline-offset:2px;background:#fff;border:1px solid #dfe2d5;border-radius:8px;width:100%;padding:12px;font-size:14px}.site-footer{background:#f7f9fc;border-top:1px solid #e8e9df;grid-template-columns:1fr 1fr;align-items:center;max-width:none;padding:40px 5%;display:grid}.site-footer .brand{font-size:22px}.site-footer>p{text-align:right;color:#8d9683;font-size:12px}.site-footer>div{gap:23px;margin-top:25px;font-size:12px;display:flex}.site-footer small{color:#969c8f;text-align:right;margin-top:25px;font-size:10px}.reveal{opacity:0;transition:opacity .6s,transform .6s;transform:translateY(16px)}.revealed{opacity:1;transform:translateY(0)}@keyframes float{50%{transform:translateY(-8px)}}@keyframes hero-breathe{50%{filter:brightness()}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important;animation:none!important}.reveal{opacity:1;transform:none}}@media (width>=1500px){.hero h1{font-size:70px}}@media (width<=1000px){.nav-links{gap:17px;font-size:12px}.hero{gap:30px}.hero-visual{height:480px}.order-float{max-width:340px;padding:12px;left:-15px}.order-float .pill{display:none}.hero h1{font-size:45px}.hero-copy>p{font-size:14px}.hero-buttons{gap:8px}.hero-buttons .btn{padding:12px 15px;font-size:12px}.insight-float{width:145px;right:-12px}.feature-grid{grid-template-columns:1fr 1fr}.feature.large{grid-row:auto}.green{grid-column:auto;display:block}.reservation-demo{margin-top:20px}.offline-section{gap:35px}.price-card{padding:25px 18px}.price{font-size:31px}.game-banner{margin:60px 5% 0;padding:35px}.contact{gap:45px}}@media (width<=700px){.site-nav{gap:10px;height:77px}.brand{font-size:21px}.brand-mark{border-radius:11px;width:32px;height:32px;font-size:22px}.nav-links,.login-link{display:none}.nav-actions .btn{gap:7px;min-height:40px;padding:9px 12px;font-size:11px}.hero{grid-template-columns:1fr;gap:40px;padding-top:25px}.hero h1{letter-spacing:-1.8px;font-size:43px;line-height:1.4}.hero h1 .serif{display:inline}.hero-copy>p{font-size:14px}.hero-foot{display:none}.hero-visual{width:90%;max-width:470px;height:400px;margin:auto}.hero-visual:after{inset:12px}.order-float{bottom:28px;left:-12px}.insight-float{top:120px;right:-20px}.hero-buttons .btn{font-size:13px}.hero-notes{font-size:10px}.trust-strip{flex-wrap:wrap;gap:16px;padding:22px 5%;font-size:12px}.trust-strip>span:first-child{text-align:center;width:100%}.trust-strip>span:not(:first-child){display:none}.section{padding:65px 6%}.section-title{display:block}.section-title h2,h2{font-size:29px}.section-title p{font-size:12px}.section-title.center{display:flex}.feature-grid{grid-template-columns:1fr}.feature{min-height:auto;padding:26px}.feature h3{font-size:23px}.menu-preview{margin:25px 15px 5px}.menu-preview img{height:190px}.green{grid-template-columns:1fr 1fr;gap:10px;display:grid}.green p{grid-column:1/3}.reservation-demo{grid-area:1/2/3;min-width:0;margin:0;padding:14px;transform:rotate(2deg)}.reservation-demo strong{font-size:13px}.reservation-demo em{padding:5px;font-size:8px}.offline-section{grid-template-columns:1fr;gap:25px;padding:20px 6% 55px}.offline-photo{height:300px}.offline-section p{font-size:13px}.steps{text-align:left;grid-template-columns:1fr;gap:25px}.steps article{padding-left:75px;position:relative}.steps article>span{position:absolute;top:20px;left:0}.steps h3{margin-bottom:5px}.steps p{margin-top:5px}.price-grid{grid-template-columns:1fr;gap:40px}.price-card{padding:30px}.price{font-size:40px}.price-card h3{margin-bottom:15px}.price-card li{font-size:14px}.price-card>p{font-size:13px}.pricing-note{font-size:10px;line-height:1.9}.game-banner{grid-template-columns:1fr;margin-top:45px;padding:28px}.game-banner h2{font-size:28px}.game-art{height:240px;margin-top:20px}.faq{grid-template-columns:1fr;gap:10px}.faq-list summary{font-size:14px}.contact{grid-template-columns:1fr;gap:20px}.site-footer{grid-template-columns:1fr;padding:30px 6%}.site-footer>p,.site-footer small{text-align:left}.site-footer>div{margin-top:10px}.site-footer small{margin-top:22px}}.hero-visual>img{object-position:50% 60%;filter:none;animation:none}.hero-visual .photo-label{letter-spacing:.8px;text-shadow:0 2px 12px #18372d;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#193d3180;border-radius:20px;width:max-content;max-width:90%;margin:auto;padding:8px 16px;font-size:12px;top:46px}.hospitality{padding-top:90px}.hospitality-grid{grid-template-columns:1.6fr 1fr 1fr;gap:20px;display:grid}.scene-card{color:#fff;text-align:left;cursor:zoom-in;isolation:isolate;background:#193d31;border:0;border-radius:22px;height:340px;padding:0;display:block;position:relative;overflow:hidden}.scene-card:after{content:"";z-index:0;pointer-events:none;background:linear-gradient(#0000 35%,#102a20c9);position:absolute;inset:0}.scene-card img{object-fit:cover;width:100%;height:100%;transition:transform .6s}.scene-card:hover img{transform:scale(1.035)}.scene-caption{z-index:1;position:absolute;bottom:24px;left:24px;right:24px}.scene-caption small{color:#fff2d9;margin-bottom:4px;font-size:12px;display:block}.scene-caption strong{font-size:22px;font-weight:500;line-height:1.5}.scene-zoom{color:#193d31;z-index:1;background:#fffef4e8;border-radius:50%;place-items:center;width:34px;height:34px;font-size:19px;display:grid;position:absolute;top:16px;right:16px}.imagery-note{color:#626d61;margin-top:18px;font-size:11px}.imagery-note a{text-underline-offset:3px;text-decoration:underline}.photo-viewer{color:#193d31;background:#fffcf7;border:1px solid #ffffff30;border-radius:20px;width:min(1000px,94vw);max-width:94vw;max-height:94dvh;padding:58px 20px 18px;overflow:auto}.photo-viewer::backdrop{-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px);background:#10291fe8}.photo-viewer img{object-fit:contain;border-radius:10px;width:100%;max-height:73dvh;display:block}.photo-viewer p{text-align:center;margin:16px 0 0;font-size:13px}.photo-close{color:#193d31;cursor:pointer;background:#fff;border:1px solid #d4dacb;border-radius:20px;min-height:38px;padding:6px 16px;position:absolute;top:10px;right:15px}.photo-viewer-open{overflow:hidden}@media (width<=1000px){.site-nav .nav-links{display:none}.site-nav .nav-actions{white-space:nowrap}.hero-visual .order-float{bottom:25px}.hero-visual .insight-float{top:110px}.hospitality-grid{grid-template-columns:1fr 1fr}.scene-wide{grid-column:1/-1;height:320px}}@media (width<=700px){.hospitality{padding-top:55px}.hospitality-grid{gap:12px}.scene-card{border-radius:16px;height:250px}.scene-wide{height:275px}.scene-caption{bottom:18px;left:15px;right:12px}.scene-caption strong{font-size:17px}.scene-caption small{font-size:10px}.photo-viewer{padding:56px 10px 16px}.photo-viewer p{font-size:12px}}@media (prefers-reduced-motion:reduce){.scene-card img{transition:none}.scene-card:hover img{transform:none}}