:root{
  --bg:#f5f5f7;--paper:#fff;--ink:#121214;--muted:#62626a;--line:#e3e3e7;
  --coral:#ff6b35;--orange:#ff8a3d;--mint:#31a884;--blue:#0066cc;
  --shadow:0 28px 70px rgba(18,18,20,.10);--shadow-soft:0 10px 35px rgba(18,18,20,.06);
  --r-lg:30px;--r-md:22px;--max:1220px
}
html,body{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans Thai","Leelawadee UI","Helvetica Neue",Arial,sans-serif!important;background:var(--bg);color:var(--ink)}
body{background:radial-gradient(circle at 82% 3%,rgba(255,107,53,.08),transparent 22%),var(--bg)}
.topbar{padding:10px 0;background:rgba(245,245,247,.82);backdrop-filter:saturate(160%) blur(22px)}
.nav{padding:10px 12px;border-radius:22px;border:1px solid rgba(18,18,20,.07);background:rgba(255,255,255,.9);box-shadow:0 8px 28px rgba(18,18,20,.055)}
.brand,.brand-logo{width:174px}.navlinks{font-weight:700;letter-spacing:-.01em}.lang{background:#f1f1f3;color:#3f3f46}
.cta{background:#111113!important;color:#fff!important;box-shadow:none!important;transition:transform .22s ease,background .22s ease}.cta:hover{transform:translateY(-2px);background:#29292d!important}.cta.light{background:#fff!important;color:#111113!important;border-color:#d8d8dd!important}.navright>.cta{background:#c2410c!important}.navright>.cta:hover{background:#9a3412!important}
.hero{padding:72px 0 34px}.hero-grid{grid-template-columns:.94fr 1.06fr;gap:64px}.ey{padding:8px 11px;background:#fff;border:1px solid var(--line);color:#55555d;letter-spacing:.13em}.ey:before{background:#ff6b35}
.hero h1{font-size:clamp(54px,6.2vw,86px);line-height:1.04!important;letter-spacing:-.055em!important;margin:24px 0 22px}.lead{font-size:19px;line-height:1.75;color:var(--muted)}
.premium-showcase{position:relative;min-height:620px;padding:12px;background:#111113;border-radius:38px;border:0;box-shadow:var(--shadow);display:grid;grid-template-columns:1.55fr .75fr;gap:10px;overflow:hidden}.premium-showcase:after{display:none}.showcase-main,.showcase-side img{width:100%;height:100%;object-fit:cover}.showcase-main{border-radius:28px 12px 12px 28px}.showcase-side{display:grid;grid-template-rows:1fr 1fr;gap:10px}.showcase-side img{border-radius:12px}.showcase-side img:first-child{border-radius:12px 28px 12px 12px}.showcase-side img:last-child{border-radius:12px 12px 28px 12px}
.showcase-proof{position:absolute;left:30px;right:30px;bottom:28px;max-width:370px;padding:18px 20px;border-radius:20px;background:rgba(255,255,255,.9);backdrop-filter:blur(22px);box-shadow:0 16px 42px rgba(0,0,0,.18)}.showcase-proof span{display:block;font-size:10px;font-weight:800;letter-spacing:.14em;color:#ff5a1f;margin-bottom:7px}.showcase-proof b{font-size:24px;letter-spacing:-.035em}.showcase-proof p{margin:6px 0 0;color:#616168;font-size:13px;line-height:1.55}
.hero-note{color:#686871}.trust-strip{justify-content:flex-start;border-radius:22px;padding:12px 14px;background:#fff;box-shadow:none}.trust-strip span{background:transparent!important;color:#44444c!important;border-right:1px solid var(--line);border-radius:0;padding:5px 16px}.trust-strip span:last-child{border-right:0}.trust-strip .trust-label{font-size:10px;letter-spacing:.14em;color:#5f5f68!important}.flow-row:nth-child(1) .flow-no{background:#b93810!important}.flow-row:nth-child(2) .flow-no{background:#14765d!important}.flow-row:nth-child(4) .flow-no{background:#6650c7!important}
.section{padding:54px 0}.section h2{letter-spacing:-.045em!important}.card,.plain,.faq details{border-color:#e2e2e7;box-shadow:none}.card{border-radius:28px}.card:hover{box-shadow:0 22px 48px rgba(18,18,20,.08)}.feature-icon{border-radius:16px;background:#111113!important}.tag{background:#f0f0f2;color:#55555d}.demo-top{height:285px}.demo-body{min-height:240px}.demo-client{display:block;margin:12px 0 2px;font-size:13px;font-weight:800;color:#111113}.demo-link{color:#0066cc}.contact{background:#111113;border-radius:34px}.video-card{background:#111113}
@media(max-width:980px){.hero{padding-top:42px}.hero-grid{grid-template-columns:1fr;gap:32px}.premium-showcase{min-height:560px}.brand,.brand-logo{width:154px}}
@media(max-width:620px){
  .wrap{padding:0 16px}.nav{border-radius:18px}.brand,.brand-logo{width:125px}.nav .cta{font-size:13px;padding:10px 12px}
  .hero{padding-top:32px}.hero h1{font-size:45px!important;line-height:1.08!important}.hero .lead{font-size:17px;line-height:1.72}
  .actions{display:grid;grid-template-columns:1fr 1fr}.actions .cta{width:100%;padding:13px 12px}
  .premium-showcase{min-height:500px;grid-template-columns:1fr;grid-template-rows:1.55fr .65fr;padding:8px;border-radius:28px}.showcase-main{border-radius:21px 21px 9px 9px}.showcase-side{grid-template-columns:1fr 1fr;grid-template-rows:1fr}.showcase-side img:first-child{border-radius:9px 9px 9px 21px}.showcase-side img:last-child{border-radius:9px 9px 21px 9px}
  .showcase-proof{left:18px;right:18px;bottom:25px;max-width:none;padding:15px 16px}.showcase-proof b{font-size:21px}
  .trust-strip{display:grid;grid-template-columns:1fr 1fr;border-radius:20px}.trust-strip span{border:0;padding:5px 8px}.trust-strip .trust-label{grid-column:1/-1}
  .section{padding:42px 0}.section h2{font-size:36px!important;line-height:1.14!important}.demo-top{height:245px}.demo-body{min-height:auto}.card{border-radius:24px}
}
@media(max-width:380px){.hero h1{font-size:39px!important}.brand,.brand-logo{width:114px}.nav .cta{font-size:12px;padding:9px 10px}.actions{grid-template-columns:1fr}.premium-showcase{min-height:470px}}