:root{--ink:#2c1810;--ink-soft:#4b3328;--paper:#fafaf5;--surface:#fff;--surface-soft:#f4efe8;--line:#e4d8ca;--accent:#c8873a;--accent-dark:#9f6423;--online:#0f766e;--online-dark:#115e59;--online-soft:#e6f5f1;--online-line:#b8ded7;--success:#3a7a55;--error:#a83030;--shadow:0 22px 60px #2c18102e}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Display,Noto Sans Thai,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%}.site-header{z-index:40;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fafaf5e0;border-bottom:1px solid #2c181014;justify-content:space-between;align-items:center;gap:24px;min-height:72px;padding:12px clamp(18px,4vw,56px);display:flex;position:sticky;top:0}.brand,.footer-brand{align-items:center;gap:12px;display:flex}.brand-icon,.footer-logo,.final-cta img{border-radius:8px}.brand span{gap:0;line-height:1.1;display:grid}.brand strong{font-size:1rem}.brand small{color:#2c18109e;font-size:.76rem}.main-nav{color:#2c1810b3;align-items:center;gap:clamp(14px,2vw,28px);font-size:.95rem;display:flex}.main-nav a:hover,.footer-links a:hover{color:var(--accent-dark)}.header-actions,.hero-actions,.footer-links,.ops-badges{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.icon-link,.primary-link,.hero-button,.pricing-card a{border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:10px 15px;font-weight:700;display:inline-flex}.icon-link{color:var(--ink);border:1px solid #2c18101f}.line-link{color:var(--success)}.primary-link,.hero-button.primary,.pricing-card a{background:var(--ink);color:#fff}.hero{min-height:72svh;color:var(--ink);background:radial-gradient(circle at 18% 18%,#c8873a2e,#0000 26%),linear-gradient(135deg,#fffdf8 0%,#fafaf5 46%,#f4efe8 100%);padding:clamp(44px,5vw,72px) clamp(18px,4vw,56px) clamp(34px,4vw,54px);position:relative;overflow:hidden}.hero-photo-grid{opacity:.12;filter:saturate(.8)contrast(.96);mix-blend-mode:multiply;grid-template-columns:repeat(3,1fr);display:grid;position:absolute;inset:0}.hero-photo-grid img{object-fit:cover;width:100%;height:100%}.hero-overlay{background:linear-gradient(90deg,#fafaf5fa,#fafaf5e0 48%,#f4efe8c7),radial-gradient(circle at 80% 22%,#c8873a38,#0000 34%);position:absolute;inset:0}.hero-inner{grid-template-columns:minmax(0,.95fr) minmax(360px,1.05fr);align-items:center;gap:clamp(28px,5vw,72px);max-width:1180px;margin:0 auto;display:grid;position:relative}.hero-copy{max-width:680px}.eyebrow{color:var(--accent-dark);align-items:center;gap:8px;margin:0 0 14px;font-size:.94rem;font-weight:800;display:inline-flex}.hero .eyebrow{color:var(--accent-dark)}h1,h2,h3,p{margin-top:0}h1{max-width:780px;margin-bottom:18px;font-size:clamp(2.45rem,5vw,4rem);line-height:1.05}h2{margin-bottom:14px;font-size:clamp(2rem,4vw,3.35rem);line-height:1.08}h3{font-size:1.12rem;line-height:1.25}.section-copy p,.ops-copy p,.pricing-copy p,.final-cta p{color:#ffffffd1;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.7}.hero-lede{color:#2c1810c2;font-size:clamp(1rem,1.35vw,1.14rem);line-height:1.7}.section-copy p,.ops-copy p,.pricing-copy p{color:#2c1810b3}.hero-actions{margin:28px 0}.hero-button{min-height:50px;padding:13px 18px}.hero-button.secondary{color:var(--ink);background:#ffffffb8;border:1px solid #2c18102e}.hero-button.secondary.dark{color:var(--ink);background:#fff;border-color:#2c18101f}.hero-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;max-width:560px;display:grid}.hero-stats div{background:#ffffff9e;border:1px solid #2c181024;border-radius:8px;padding:14px;box-shadow:0 12px 34px #2c18100f}.hero-stats strong,.hero-stats span{display:block}.hero-stats strong{font-size:1.2rem}.hero-stats span{color:#2c18109e;margin-top:4px;font-size:.88rem}.screenshot-card{color:var(--ink);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffe0;border:1px solid #c8873a47;border-radius:8px;position:relative;overflow:hidden;box-shadow:0 24px 70px #2c18101f}.ops-row,.workflow-step{align-items:center;display:flex}.ops-badges span{color:var(--accent-dark);background:#c8873a24;border-radius:8px;align-items:center;gap:7px;padding:8px 10px;font-size:.84rem;font-weight:800;display:inline-flex}.screenshot-frame{background:#fafaf5;place-items:center;display:grid}.screenshot-frame img{width:100%;height:auto;display:block}.proof-strip{background:var(--line);color:var(--ink);grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;display:grid}.proof-strip div{background:#ffffffc7;align-items:center;gap:10px;min-height:76px;padding:18px clamp(16px,3vw,32px);font-weight:700;display:flex}.proof-strip svg{color:var(--accent);flex:none}.section{max-width:1180px;margin:0 auto;padding:clamp(64px,9vw,112px) clamp(18px,4vw,32px)}.online-section{grid-template-columns:minmax(0,.92fr) minmax(360px,1.08fr);align-items:center;gap:clamp(28px,5vw,68px);display:grid}.online-copy .eyebrow,.online-copy .eyebrow svg{color:var(--online-dark)}.online-points{gap:12px;margin-top:26px;display:grid}.online-point,.online-status-row{align-items:flex-start;gap:12px;display:flex}.online-point{border:1px solid var(--online-line);background:#e6f5f1b8;border-radius:8px;min-height:76px;padding:16px}.online-point svg,.online-status-row svg{color:var(--online);flex:none}.online-point strong,.online-point span,.online-board-header span,.online-board-header strong,.order-preview-title,.order-item strong,.order-item span{display:block}.online-point span{color:#2c1810a8;margin-top:4px;line-height:1.65}.online-board{border:1px solid var(--online-line);background:linear-gradient(145deg,#fffffff5,#e6f5f1db);border-radius:8px;gap:14px;padding:clamp(18px,3vw,28px);display:grid;box-shadow:0 24px 70px #0f766e24}.online-board-header{justify-content:space-between;align-items:center;gap:16px;display:flex}.online-board-header span{color:#2c181094;font-size:.82rem;font-weight:800}.online-board-header strong{margin-top:4px;font-size:1.1rem}.live-pill{background:var(--online);border-radius:8px;align-items:center;gap:7px;min-height:36px;padding:7px 10px;display:inline-flex;color:#fff!important}.live-pill svg{flex:none}.qr-ticket{background:#fff;border:1px solid #0f766e3d;border-radius:8px;grid-template-columns:120px minmax(0,1fr);align-items:center;gap:18px;padding:18px;display:grid}.qr-mark{aspect-ratio:1;border:2px solid var(--online-dark);background:#fff;border-radius:8px;grid-template-columns:repeat(5,1fr);gap:5px;width:120px;padding:10px;display:grid}.qr-mark span{background:#0f766e2e;border-radius:3px}.qr-mark span:first-child,.qr-mark span:nth-child(2),.qr-mark span:nth-child(5),.qr-mark span:nth-child(6),.qr-mark span:nth-child(7),.qr-mark span:nth-child(11),.qr-mark span:nth-child(13),.qr-mark span:nth-child(15),.qr-mark span:nth-child(17),.qr-mark span:nth-child(19),.qr-mark span:nth-child(21),.qr-mark span:nth-child(22),.qr-mark span:nth-child(24),.qr-mark span:nth-child(25){background:var(--online-dark)}.micro-label{color:var(--online-dark);text-transform:uppercase;margin-bottom:7px;font-size:.78rem;font-weight:900}.qr-ticket strong{overflow-wrap:anywhere;font-size:clamp(1.05rem,2vw,1.35rem);display:block}.qr-ticket p{color:#2c1810a3;margin:8px 0 0;line-height:1.6}.order-preview{background:#fff;border:1px solid #2c18101a;border-radius:8px;overflow:hidden}.order-preview-title{background:var(--ink);color:#fff;align-items:center;gap:8px;min-height:48px;padding:13px 16px;font-weight:900;display:flex}.order-items{display:grid}.order-item{border-bottom:1px solid #2c181014;align-items:center;gap:12px;padding:12px 16px;display:flex}.order-item:last-child{border-bottom:0}.order-item img{object-fit:cover;border-radius:8px;width:48px;height:48px}.order-item span{color:#2c181099;margin-top:2px;font-size:.9rem}.online-status-list{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.online-status-row{background:#ffffffc7;border:1px solid #0f766e33;border-radius:8px;align-items:center;min-height:62px;padding:14px}.online-status-row span{color:#2c1810a3;font-weight:800}.online-status-row strong{color:var(--online-dark);white-space:nowrap;margin-left:auto}.split-section,.operations,.pricing-section,.faq-section{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:start;gap:clamp(28px,5vw,72px);display:grid}.workflow-list{gap:12px;display:grid}.workflow-step{border:1px solid var(--line);background:var(--surface);border-radius:8px;gap:18px;min-height:72px;padding:18px}.workflow-step span{background:var(--surface-soft);width:38px;height:38px;color:var(--accent-dark);border-radius:8px;place-items:center;font-weight:900;display:grid}.feature-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;padding-top:0;display:grid}.feature-card,.pricing-card,.faq-list article,.ops-panel{border:1px solid var(--line);background:var(--surface);border-radius:8px}.feature-card{padding:24px}.feature-card svg{color:var(--accent-dark)}.feature-card p,.faq-list p,.pricing-card p,.footer-brand p,.policy-document p,.policy-document li{color:#2c1810ad;line-height:1.75}.operations{background:#f4efe8;max-width:none;padding-inline:max(clamp(18px,4vw,56px),50vw - 590px)}.ops-panel{display:grid;overflow:hidden}.ops-row{border-bottom:1px solid var(--line);align-items:flex-start;gap:14px;padding:22px}.ops-row:last-child{border-bottom:0}.ops-row svg{color:var(--accent);flex:none}.ops-row strong,.ops-row span{display:block}.ops-row span{color:#2c1810a3;margin-top:4px;line-height:1.65}.pricing-section{align-items:stretch}.pricing-cards{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.pricing-card{flex-direction:column;min-height:280px;padding:24px;display:flex}.pricing-card h3{font-size:clamp(1.7rem,3vw,2.3rem)}.pricing-card a{margin-top:auto}.pricing-card.highlighted{background:var(--ink);color:#fff;border-color:var(--ink)}.pricing-card.highlighted p{color:#ffffffb8}.pricing-card.highlighted strong{color:#f7c879;margin-top:auto}.plan-label{width:fit-content;color:var(--accent-dark);border:1px solid;border-radius:8px;margin-bottom:18px;padding:4px 9px;font-size:.82rem;font-weight:900}.highlighted .plan-label{color:#f7c879}.faq-section{grid-template-columns:minmax(260px,.7fr) minmax(0,1.3fr)}.faq-list{gap:12px;display:grid}.faq-list article{padding:22px}.final-cta{background:var(--ink);color:#fff;text-align:center;justify-items:center;gap:12px;padding:clamp(56px,8vw,88px) clamp(18px,4vw,56px);display:grid}.final-cta h2{max-width:760px;margin-bottom:0}.final-cta p{max-width:620px;margin-bottom:8px}.site-footer{border-top:1px solid var(--line);background:#fff;gap:22px;padding:36px clamp(18px,4vw,56px);display:grid}.footer-brand{align-items:flex-start;max-width:720px}.footer-brand strong{margin-bottom:6px;display:block}.footer-brand p,.copyright{margin:0}.footer-links a{color:#2c1810ad;align-items:center;gap:6px;font-weight:700;display:inline-flex}.copyright{color:#2c18107a;font-size:.9rem}.policy-page{padding:clamp(34px,6vw,70px) clamp(18px,4vw,56px) clamp(70px,9vw,120px)}.policy-hero,.policy-document{max-width:880px;margin:0 auto}.policy-hero{padding:28px 0 20px}.policy-hero h1{color:var(--ink)}.policy-document{border:1px solid var(--line);background:#fff;border-radius:8px;padding:clamp(24px,4vw,46px)}.policy-document h2{margin-top:32px;font-size:1.35rem}.policy-document h2:first-of-type{margin-top:0}.policy-document a{color:var(--accent-dark);text-underline-offset:3px;font-weight:800;text-decoration:underline}.policy-document ul{padding-left:22px}.updated{color:#2c18108a;font-weight:700}@media (max-width:980px){.main-nav{display:none}.hero-inner,.online-section,.split-section,.operations,.pricing-section,.faq-section{grid-template-columns:1fr}.hero{min-height:auto}.screenshot-card{max-width:680px}.proof-strip,.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:680px){.site-header{min-height:64px}.header-actions .line-link{display:none}.primary-link{min-height:40px;padding-inline:12px;font-size:.9rem}.hero-copy{text-align:left}.hero-stats,.proof-strip,.feature-grid,.online-status-list,.pricing-cards,.qr-ticket{grid-template-columns:1fr}.hero-actions{align-items:stretch}.hero-button{width:100%}h1{font-size:clamp(2.25rem,12vw,3.5rem)}.policy-document{padding:22px}}@media (max-width:430px){.brand small{display:none}.hero-photo-grid{grid-template-columns:1fr}.hero-photo-grid img:nth-child(n+2){display:none}}