@import url('https://fonts.googleapis.com/css2?family=DM+Mono&family=IBM+Plex+Sans+Thai:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');

:root{--exco-accent:#ff6b35;--exco-ink:#101018;--exco-paper:#fffaf6}
html{scroll-padding-top:80px}
body.showcase-enhanced{font-family:'IBM Plex Sans Thai',system-ui,sans-serif;text-rendering:optimizeLegibility}
body.showcase-enhanced .thai-display{font-family:'IBM Plex Sans Thai',system-ui,sans-serif!important;letter-spacing:-.035em!important;line-height:1.12!important;font-weight:700!important;word-break:normal;overflow-wrap:normal}
body.showcase-enhanced p,body.showcase-enhanced li,body.showcase-enhanced label,body.showcase-enhanced input,body.showcase-enhanced select,body.showcase-enhanced textarea,body.showcase-enhanced button{font-family:'IBM Plex Sans Thai',system-ui,sans-serif}
body.showcase-enhanced .showcase-progress{position:fixed;inset:0 auto auto 0;z-index:9999;height:3px;width:var(--progress,0%);background:var(--exco-accent);box-shadow:0 0 18px color-mix(in srgb,var(--exco-accent),transparent 20%);transition:width .1s linear}
body.showcase-enhanced .demo-signal{position:fixed;z-index:90;right:18px;bottom:18px;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff2b;border-radius:999px;background:#101018d9;color:#fff;font:10px/1 'DM Mono',monospace;letter-spacing:.08em;backdrop-filter:blur(12px);box-shadow:0 12px 35px #0003;pointer-events:none}.demo-signal i{width:7px;height:7px;border-radius:50%;background:var(--exco-accent);box-shadow:0 0 0 5px color-mix(in srgb,var(--exco-accent),transparent 75%)}
body.showcase-enhanced section,body.showcase-enhanced footer{position:relative}body.showcase-enhanced section:not(:first-child){scroll-margin-top:30px}
body.showcase-enhanced .reveal-item{opacity:0;transform:translateY(22px);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}body.showcase-enhanced .reveal-item.is-visible{opacity:1;transform:none}
body.showcase-enhanced .spotlight-surface{position:relative;isolation:isolate;overflow:hidden}body.showcase-enhanced .spotlight-surface:before{content:'';position:absolute;z-index:-1;inset:0;opacity:0;transition:opacity .25s;background:radial-gradient(360px circle at var(--spot-x,50%) var(--spot-y,50%),color-mix(in srgb,var(--exco-accent),transparent 82%),transparent 45%)}body.showcase-enhanced .spotlight-surface:hover:before{opacity:1}
body.showcase-enhanced a.btn,body.showcase-enhanced a.button,body.showcase-enhanced button{transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}body.showcase-enhanced a.btn:hover,body.showcase-enhanced a.button:hover,body.showcase-enhanced button:hover{filter:brightness(1.05);box-shadow:0 12px 26px #0002}
.demo-tail{padding:clamp(64px,10vw,130px) 5vw;background:var(--exco-ink);color:var(--exco-paper);overflow:hidden}.demo-tail:before{content:'';position:absolute;width:min(58vw,700px);aspect-ratio:1;border:1px solid #ffffff20;border-radius:50%;right:-18vw;top:-38%;box-shadow:0 0 0 80px #ffffff06,0 0 0 160px #ffffff04}.demo-tail__inner{position:relative;max-width:1180px;margin:auto}.demo-tail__eyebrow{font:11px 'DM Mono',monospace;letter-spacing:.14em;color:var(--exco-accent);margin:0 0 16px}.demo-tail h2{max-width:760px;margin:0;font:700 clamp(2.25rem,5vw,5.4rem)/1.06 'IBM Plex Sans Thai',sans-serif;letter-spacing:-.04em}.demo-tail__lead{max-width:660px;font-size:clamp(1rem,1.6vw,1.2rem);line-height:1.8;color:#d3cfcb;margin:22px 0 38px}.demo-tail__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.demo-tail__card{min-height:170px;padding:22px;border:1px solid #ffffff21;border-radius:14px;background:#ffffff0a;backdrop-filter:blur(8px)}.demo-tail__card b{display:block;color:var(--exco-accent);font:11px 'DM Mono',monospace;letter-spacing:.12em;margin-bottom:30px}.demo-tail__card p{margin:0;font-size:1.02rem;line-height:1.65}.demo-tail__cta{display:inline-flex;align-items:center;gap:12px;margin-top:32px;padding:13px 18px;border-radius:999px;background:var(--exco-accent);color:#12100f;text-decoration:none;font-weight:700}.demo-tail__cta span{font:1.3rem/1 Manrope,sans-serif}@media(max-width:760px){body.showcase-enhanced .demo-signal{right:12px;bottom:12px}.demo-tail{padding:74px 6vw}.demo-tail__grid{grid-template-columns:1fr}.demo-tail__card{min-height:0}.demo-tail h2{font-size:clamp(2.2rem,11vw,3.8rem)}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body.showcase-enhanced *,body.showcase-enhanced *:before,body.showcase-enhanced *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal-item{opacity:1!important;transform:none!important}}