*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,Noto Sans Thai,sans-serif;color:#1d1d1f;background:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}a{text-decoration:none;color:inherit}.d-nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:10px 24px;display:flex;align-items:center;justify-content:space-between;background:#ffffffeb;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);border-bottom:1px solid rgba(0,0,0,.06)}.d-nav-logo{display:flex;align-items:center;min-height:44px}.d-nav-logo img{display:block;width:auto;height:30px;max-width:150px;-o-object-fit:contain;object-fit:contain}.d-nav-cta{padding:12px 24px;min-height:44px;border-radius:980px;background:#2563eb;color:#fff;font-size:13px;font-weight:600;transition:.2s;display:inline-flex;align-items:center}.d-nav-cta:hover{background:#1d4ed8;transform:scale(1.02)}.reveal{opacity:0;transform:translateY(30px);transition:opacity .6s cubic-bezier(.16,1,.3,1),transform .6s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-d1{transition-delay:.08s}.reveal-d2{transition-delay:.16s}.reveal-d3{transition-delay:.24s}.d-sticky-cta{display:none;position:fixed;bottom:0;left:0;right:0;padding:12px 20px;background:#fffffff2;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(0,0,0,.06);z-index:99;text-align:center}.d-sticky-cta a{display:block;padding:14px;border-radius:14px;background:#2563eb;color:#fff;font-size:14px;font-weight:600;min-height:48px}@media(max-width:768px){.d-sticky-cta{display:block}}.d-hero{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:120px 32px 80px;position:relative}.d-hero-label{font-size:13px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:#7b61ff;margin-bottom:20px}.d-hero h1{font-size:clamp(56px,8vw,88px);font-weight:900;letter-spacing:-.04em;line-height:1.02;margin-bottom:16px;text-wrap:balance;background:linear-gradient(135deg,#1d1d1f 40%,#7b61ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.d-hero-sub{font-size:clamp(16px,2vw,20px);color:#86868b;line-height:1.5;max-width:480px;font-weight:400}.d-hero-scroll{position:absolute;bottom:32px;width:24px;height:40px;border:2px solid rgba(0,0,0,.15);border-radius:12px;display:flex;justify-content:center;padding-top:8px}.d-hero-scroll:after{content:"";width:4px;height:8px;background:#00000040;border-radius:2px;animation:scroll-hint 2s infinite}@keyframes scroll-hint{0%,to{transform:translateY(0);opacity:.5}50%{transform:translateY(8px);opacity:1}}.d-section{padding:120px 32px;overflow:hidden}.d-section-dark{background:#f5f5f7}.d-section-inner{max-width:1080px;margin:0 auto}.d-section-text{text-align:center;margin-bottom:64px}.d-section-text h2{font-size:clamp(34px,5vw,48px);font-weight:800;letter-spacing:-.03em;line-height:1.08;margin-bottom:12px;text-wrap:balance}.d-section-text p{font-size:16px;color:#86868b;max-width:400px;margin:0 auto;line-height:1.5}.d-screen{max-width:960px;margin:0 auto;perspective:1400px}.d-screen-inner{border-radius:16px;overflow:hidden;background:#f8f9fb;border:1px solid rgba(0,0,0,.08);box-shadow:0 24px 80px #0000001f,0 8px 24px #0000000f;transform:rotateY(-2deg) rotateX(2deg);transition:transform .6s cubic-bezier(.16,1,.3,1)}.d-screen-bar{height:36px;background:linear-gradient(180deg,#f2f2f4,#eaeaec);border-bottom:1px solid rgba(0,0,0,.06);display:flex;align-items:center;padding:0 14px;gap:6px}.d-screen-dot{width:10px;height:10px;border-radius:50%;background:#0000001a}.d-screen-dot:first-child{background:#ff5f57}.d-screen-dot:nth-child(2){background:#febc2e}.d-screen-dot:nth-child(3){background:#28c840}.d-screen-body{padding:20px;min-height:320px}.mock-cockpit{display:grid;grid-template-columns:1fr 280px;gap:16px}.mock-hero-num{font-size:42px;font-weight:800;letter-spacing:-.03em;color:#1d1d1f;margin-bottom:4px}.mock-hero-label{font-size:12px;color:#86868b;margin-bottom:20px}.mock-bar-row{display:flex;align-items:center;gap:8px;margin-bottom:10px;font-size:11px;color:#666}.mock-bar{flex:1;height:6px;border-radius:3px;background:#0000000f}.mock-bar-fill{height:100%;border-radius:3px}.mock-chart{display:flex;align-items:flex-end;gap:6px;height:80px;margin-top:16px}.mock-chart-bar{flex:1;border-radius:4px 4px 0 0;background:linear-gradient(180deg,#7b61ff,#a78bfa);opacity:.7;min-height:12px}.mock-live{background:#fff;border-radius:14px;padding:16px;border:1px solid rgba(0,0,0,.05)}.mock-live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:#ef4444;margin-right:4px;animation:pulse-dot 2s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}.mock-live-title{font-size:11px;color:#86868b;margin-bottom:8px}.mock-live-num{font-size:28px;font-weight:800;color:#1d1d1f}.mock-live-sub{font-size:10px;color:#86868b;margin-top:2px}.mock-live-card{margin-top:12px;padding:10px;border-radius:10px;background:#f8f9fb;font-size:11px;color:#666}.mock-live-card strong{color:#1d1d1f}.mock-pos{display:grid;grid-template-columns:1fr 240px;gap:0;height:300px}.mock-pos-left{padding:16px;overflow:hidden}.mock-pos-right{background:#f8f9fb;border-left:1px solid rgba(0,0,0,.05);padding:16px;display:flex;flex-direction:column}.mock-pos-customer{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#2563eb0a;border:1px solid rgba(37,99,235,.12);border-radius:10px;margin-bottom:12px;font-size:11px}.mock-pos-customer strong{color:#1d1d1f}.mock-pos-item{display:flex;justify-content:space-between;align-items:center;padding:10px 0;border-bottom:1px solid rgba(0,0,0,.04);font-size:12px}.mock-pos-item-name{color:#1d1d1f;font-weight:500}.mock-pos-item-price{font-weight:600;color:#1d1d1f}.mock-pos-total{margin-top:auto;padding-top:12px;border-top:1px solid rgba(0,0,0,.06)}.mock-pos-total-row{display:flex;justify-content:space-between;font-size:11px;color:#86868b;margin-bottom:4px}.mock-pos-total-main{display:flex;justify-content:space-between;font-size:18px;font-weight:800;color:#1d1d1f;margin-top:8px}.mock-pos-pay{margin-top:12px;padding:10px;border-radius:10px;background:linear-gradient(135deg,#2563eb,#4b6ef5);color:#fff;text-align:center;font-size:13px;font-weight:600}.mock-queue{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;min-height:260px}.mock-q-col{background:#00000005;border-radius:10px;padding:8px}.mock-q-head{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;padding:4px 8px;margin-bottom:8px;border-radius:6px;text-align:center}.mock-q-card{background:#fff;border-radius:8px;padding:8px 10px;margin-bottom:6px;box-shadow:0 1px 3px #0000000a;font-size:11px}.mock-q-card-name{font-weight:600;color:#1d1d1f;margin-bottom:2px}.mock-q-card-sub{font-size:9px;color:#86868b}.q-wait .mock-q-head{background:#d9770614;color:#b45309}.q-active .mock-q-head{background:#2563eb14;color:#2563eb}.q-pay .mock-q-head{background:#7b61ff14;color:#7b61ff}.q-done .mock-q-head{background:#0ea06614;color:#0ea066}.d-glass-bg{position:relative;overflow:hidden;isolation:isolate;padding:57px 157px;border-radius:28px;border:1px solid rgba(255,255,255,.72);background:radial-gradient(circle at 88% 82%,rgba(205,190,244,.54) 0,transparent 38%),linear-gradient(135deg,#dfe7f8,#d5e4f4 48%,#e5def3);box-shadow:inset 0 1px #ffffffeb,inset 0 -1px #8c9ec229,0 24px 64px #4858821f}.d-glass-bg-focus{padding:107px 44px;width:calc((100vw - 64px)/2);max-width:calc((100vw - 64px)/2);margin-left:auto;margin-right:auto}.d-glass-bg:after{content:"";position:absolute;z-index:-1;pointer-events:none;border-radius:999px;filter:blur(18px);width:240px;height:210px;right:-65px;bottom:-88px;background:#bfb2ef6b}.d-glass-demo{position:relative;z-index:1;max-width:480px;margin:0 auto;display:flex;gap:16px;align-items:flex-start}.d-glass-nav,.d-glass-workspace{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.82);backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);box-shadow:inset 0 1px #fffffff5,inset 0 -1px #8b9ec224,0 18px 45px #45547c21}.d-glass-nav:before,.d-glass-workspace:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.38),transparent 34%,transparent 76%,rgba(255,255,255,.12))}.d-glass-nav{width:160px;padding:20px 16px;border-radius:20px;background:linear-gradient(155deg,#f6f9ff9e,#e1ebfa75);display:flex;flex-direction:column;gap:6px}.d-glass-item{position:relative;z-index:1;font-size:12px;padding:7px 10px;border:1px solid transparent;border-radius:9px;color:#7a8395}.d-glass-item:hover{color:#7a8395;background:transparent;border-color:transparent}.d-glass-item.active{background:#c2d3f98f;border-color:#ffffffad;box-shadow:inset 0 1px #ffffffc2;color:#4770dd;font-weight:600}.d-glass-workspace{flex:1;padding:20px;border-radius:16px;background:linear-gradient(145deg,#ffffffbd,#f8faff80)}.d-glass-workspace>*{position:relative;z-index:1}@media(prefers-reduced-transparency:reduce){.d-glass-nav,.d-glass-workspace{backdrop-filter:none;-webkit-backdrop-filter:none}.d-glass-nav{background:#eef4fc}.d-glass-workspace{background:#fafbff}}.d-focus-demo{max-width:100%;margin:0 auto;display:flex;gap:20px;align-items:stretch}.d-focus-nav{width:208px;min-height:410px;padding:26px 20px;border-radius:24px;background:#00000008;display:flex;flex:0 0 208px;flex-direction:column;gap:8px;opacity:.25;transition:opacity .6s}.d-focus-nav span{font-size:14px;line-height:18px;color:#7a8395;display:block;padding:10px 12px;border:1px solid transparent;border-radius:10px}.d-focus-nav span.active{background:#c2d3f98f;border-color:#ffffffad;box-shadow:inset 0 1px #ffffffc2;color:#4770dd;font-weight:600}.d-focus-divider{height:1px;background:#0000000f;margin:4px 0}.d-focus-main{flex:1;padding:20px;border-radius:14px;background:#fff;border:2px solid rgba(37,99,235,.15);box-shadow:0 8px 32px #2563eb0f}.d-focus-field{margin-bottom:8px}.d-focus-label{font-size:10px;color:#86868b;margin-bottom:4px}.d-focus-input{width:100%;padding:8px 12px;border-radius:8px;border:1px solid rgba(0,0,0,.08);font-size:12px;color:#2563eb;background:#2563eb05}.d-focus-tag{font-size:9px;color:#0ea066;margin-top:8px;display:flex;align-items:center;gap:4px}.d-focus-tag:before{content:"";width:6px;height:6px;border-radius:50%;background:#0ea066}.d-glass-nav,.d-glass-workspace,.d-focus-nav,.d-focus-main{transform-origin:center;transition:filter .5s cubic-bezier(.16,1,.3,1),opacity .5s cubic-bezier(.16,1,.3,1),transform .5s cubic-bezier(.16,1,.3,1),box-shadow .5s cubic-bezier(.16,1,.3,1)}.d-focus-demo{position:relative;z-index:1}.d-focus-nav,.d-focus-main{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.84);backdrop-filter:blur(32px) saturate(155%);-webkit-backdrop-filter:blur(32px) saturate(155%);box-shadow:inset 0 1px #fffffff5,inset 0 -1px #8b9ec224,0 18px 45px #45547c21}.d-focus-nav:before,.d-focus-main:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(145deg,rgba(255,255,255,.38),transparent 34%,transparent 76%,rgba(255,255,255,.12))}.d-focus-nav{border-radius:24px;background:linear-gradient(155deg,#f2f7ff7a,#dae6f757);opacity:.24;filter:blur(2px);transform:scale(.97)}.d-focus-nav span,.d-focus-main>*{position:relative;z-index:1}.d-focus-main{border-width:1px;border-radius:16px;background:linear-gradient(145deg,#ffffffc7,#f5f8ff8f);transform:translateY(-2px)}.d-focus-input{border-color:#ffffffd1;background:#f8faff94;box-shadow:inset 0 1px 3px #4352780f}@media(hover:hover)and (pointer:fine){.d-focus-demo:has(.d-focus-main:hover) .d-focus-nav,.d-focus-demo:has(.d-focus-main:focus) .d-focus-nav{filter:blur(7px) saturate(.7);opacity:.14;transform:scale(.93)}.d-focus-nav:hover,.d-focus-main:hover,.d-focus-nav:focus,.d-focus-main:focus{z-index:3;filter:none;opacity:1;transform:translateY(-7px) scale(1.035);box-shadow:inset 0 1px #fff,inset 0 -1px #8b9ec21f,0 28px 64px #3f4e7938;outline:none}}@media(prefers-reduced-transparency:reduce){.d-focus-nav,.d-focus-main{backdrop-filter:none;-webkit-backdrop-filter:none}.d-focus-nav{background:#eef4fc}.d-focus-main{background:#fafbff}}@media(prefers-reduced-motion:reduce){.d-glass-nav,.d-glass-workspace,.d-focus-nav,.d-focus-main{transition:none!important;transform:none!important}}.d-cta-section{padding:120px 32px;text-align:center;background:#f5f5f7}.d-cta-section h2{font-size:clamp(36px,6vw,56px);font-weight:800;letter-spacing:-.03em;margin-bottom:16px}.d-cta-section p{font-size:16px;color:#86868b;margin-bottom:32px}.d-cta-btn{display:inline-block;padding:16px 40px;border-radius:980px;background:#2563eb;color:#fff;font-size:16px;font-weight:600;transition:.2s;box-shadow:0 4px 16px #2563eb4d}.d-cta-btn:hover{background:#1d4ed8;transform:translateY(-2px);box-shadow:0 8px 24px #2563eb66}.d-foot{text-align:center;padding:32px;font-size:11px;color:#86868b}@media(max-width:768px){.d-hero{min-height:80vh;padding:100px 24px 60px}.d-section{padding:80px 20px}.d-section-text{margin-bottom:40px}.mock-cockpit{grid-template-columns:1fr}.mock-pos{grid-template-columns:1fr;height:auto}.mock-pos-right{border-left:none;border-top:1px solid rgba(0,0,0,.05)}.mock-queue{grid-template-columns:repeat(2,1fr)}.d-glass-bg{padding:32px 20px}.d-glass-bg-focus{width:auto;max-width:none;margin-left:0;margin-right:0}.d-glass-demo,.d-focus-demo{flex-direction:column}.d-glass-nav{width:100%}.d-focus-nav{width:min(208px,100%);flex-basis:auto;flex-direction:column;align-self:center}.d-focus-main{width:100%}.d-screen-inner{transform:none}}.d-flow{position:relative}.d-flow .d-section-inner,[data-flow-inner]{will-change:transform;transform-origin:bottom left}.js-flow .d-flow{min-height:100vh;display:flex;align-items:center}.js-flow [data-flow-section]{background:#fff}@media(prefers-reduced-motion:reduce){.d-flow .d-section-inner,[data-flow-inner]{transform:none!important}}