@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/db9bfcd87f1d73a3-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/4e2312c98e240c05-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/feed52454563c595-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:400;font-display:swap;src:url(/_next/static/media/f83e5507ec3854fa-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/8934311971e59087-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/bfdf244a9384e8b2-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/b10e9fa1144bb4fb-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:500;font-display:swap;src:url(/_next/static/media/d13ab8ed065835e4-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/d8c0f620f258dcc1-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/5fcb63deed33aab6-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/e595057e1ab84c19-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:600;font-display:swap;src:url(/_next/static/media/861fabf8a4ffc042-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/2b32cc5cb75c7a84-s.woff2) format("woff2");unicode-range:u+0460-052f,u+1c80-1c8a,u+20b4,u+2de0-2dff,u+a640-a69f,u+fe2e-fe2f}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/0d4277ce62acaedf-s.p.woff2) format("woff2");unicode-range:u+02d7,u+0303,u+0331,u+0e01-0e5b,u+200c-200d,u+25cc}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/942c4903ae74b0f3-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:IBM Plex Sans Thai;font-style:normal;font-weight:700;font-display:swap;src:url(/_next/static/media/66c5464579bf95d1-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:IBM Plex Sans Thai Fallback;src:local("Arial");ascent-override:110.31%;descent-override:52.78%;line-gap-override:0.00%;size-adjust:101.17%}.__className_218bf9{font-family:IBM Plex Sans Thai,IBM Plex Sans Thai Fallback;font-style:normal}.__variable_218bf9{--font-plex:"IBM Plex Sans Thai","IBM Plex Sans Thai Fallback"}:root{--navy:#0e3a5f;--navy-deep:#0a2a45;--navy-ink:#0b2233;--teal:#12a3a0;--teal-deep:#0c7c7a;--teal-weak:#e4f5f4;--ink:#12212e;--muted:#55677a;--bg:#f4f8fb;--surface:#fff;--surface-2:#eef4f8;--line:#dde7ee;--amber:#e0a01f;--radius:16px;--radius-lg:24px;--shadow-sm:0 1px 2px rgba(11,34,51,.06),0 6px 16px rgba(11,34,51,.06);--shadow:0 4px 12px rgba(11,34,51,.08),0 24px 48px rgba(11,34,51,.1);--shadow-navy:0 10px 26px rgba(14,58,95,.28);--maxw:1120px;--ease:cubic-bezier(0.22,1,0.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0}body{background:var(--bg);color:var(--ink);font-family:var(--font-plex),"IBM Plex Sans Thai",system-ui,-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;line-height:1.6}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}h1,h2,h3{margin:0;line-height:1.15;letter-spacing:-.02em;text-wrap:balance;color:var(--navy-ink)}p{margin:0}a{color:inherit;text-decoration:none}:focus-visible{outline:3px solid var(--teal);outline-offset:2px;border-radius:8px}.wrap{max-width:var(--maxw);margin:0 auto}.btn,.wrap{padding:0 24px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;border-radius:12px;border:1px solid transparent;font-weight:700;font-size:1rem;font-family:inherit;cursor:pointer;transition:transform .14s var(--ease),background .2s var(--ease),box-shadow .2s var(--ease)}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--teal);color:#fff;box-shadow:0 8px 20px rgba(18,163,160,.3)}.btn--primary:hover{background:var(--teal-deep)}.btn--navy{background:var(--navy);color:#fff}.btn--navy:hover{background:var(--navy-deep)}.btn--ghost{background:transparent;border-color:var(--line);color:var(--navy-ink)}.btn--ghost:hover{border-color:var(--navy)}.btn--lg{min-height:56px;padding:0 30px;font-size:1.05rem}.btn--block{width:100%}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.nav{position:-webkit-sticky;position:sticky;top:0;z-index:40;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:saturate(140%) blur(10px);backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--line)}.nav__row{display:flex;justify-content:space-between;height:68px;gap:16px}.brand,.nav__row{align-items:center}.brand{display:inline-flex;gap:10px;font-weight:700;font-size:1.25rem;letter-spacing:-.01em;color:var(--navy-ink)}.brand img{height:34px;width:auto}.nav__links{display:flex;align-items:center;gap:26px}.nav__links a{font-weight:600;color:var(--muted)}.nav__links a:hover{color:var(--navy-ink)}.nav__cta{display:flex;align-items:center;gap:12px}@media (max-width:860px){.nav__links{display:none}}.hero{position:relative;overflow:hidden;padding:64px 0 40px}.hero__grid{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:48px;gap:48px;align-items:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:.85rem;font-weight:700;color:var(--teal-deep);background:var(--teal-weak);padding:6px 14px;border-radius:999px}.hero h1{font-size:clamp(2.1rem,5vw,3.4rem);font-weight:700;margin:18px 0 16px}.hero h1 .accent{color:var(--teal-deep)}.hero__sub{font-size:1.15rem;color:var(--muted);max-width:34ch;margin-bottom:26px}.hero__cta{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:18px}.hero__note{font-size:.9rem;color:var(--muted);display:flex;align-items:center;gap:8px}.hero__art{position:relative}.hero__art svg{width:100%;height:auto;filter:drop-shadow(0 30px 50px rgba(11,34,51,.16))}@media (max-width:860px){.hero__grid{grid-template-columns:1fr;gap:28px}.hero__sub{max-width:none}}.trust{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.trust__row{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:16px;gap:16px;padding:26px 0;text-align:center}.trust__n{font-size:1.7rem;font-weight:700;color:var(--navy-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.trust__l{font-size:.9rem;color:var(--muted)}@media (max-width:680px){.trust__row{grid-template-columns:repeat(2,1fr);gap:22px 16px}}.section{padding:72px 0}.section--tint{background:var(--surface);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section__head{max-width:640px;margin:0 auto 44px;text-align:center}.section__kicker{font-size:.85rem;font-weight:700;color:var(--teal-deep);letter-spacing:.02em}.section h2{font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:700;margin:8px 0 12px}.section__lead{color:var(--muted);font-size:1.08rem}.features{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.feature{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:26px;box-shadow:var(--shadow-sm);transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.feature:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.feature--accent{background:linear-gradient(150deg,var(--navy),var(--navy-deep));border-color:transparent;color:#fff}.feature--accent h3{color:#fff}.feature--accent .feature__desc{color:#dbe7f1}.feature__icon{width:46px;height:46px;display:grid;place-items:center;border-radius:12px;background:var(--teal-weak);color:var(--teal-deep);margin-bottom:14px}.feature--accent .feature__icon{background:hsla(0,0%,100%,.14);color:#fff}.feature h3{font-size:1.2rem;font-weight:700;margin-bottom:6px}.feature__desc{color:var(--muted);font-size:.98rem}@media (max-width:860px){.features{grid-template-columns:1fr 1fr}}@media (max-width:560px){.features{grid-template-columns:1fr}}.steps{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:24px;gap:24px;counter-reset:step}.step{position:relative;padding:28px 24px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius)}.step__n{width:40px;height:40px;display:grid;place-items:center;border-radius:12px;background:var(--navy);color:#fff;font-weight:700;margin-bottom:14px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.step h3{font-size:1.15rem;margin-bottom:6px}.step p{color:var(--muted)}@media (max-width:860px){.steps{grid-template-columns:1fr}}.demo{display:grid;grid-template-columns:.9fr 1.1fr;grid-gap:40px;gap:40px;align-items:center}.demo__art svg{width:100%;height:auto;filter:drop-shadow(0 24px 44px rgba(11,34,51,.14))}.demo ul{margin:18px 0 24px;padding:0;list-style:none;display:grid;grid-gap:10px;gap:10px}.demo li{display:flex;gap:10px;color:var(--ink)}.demo li svg{flex:none;color:var(--teal)}@media (max-width:860px){.demo{grid-template-columns:1fr;gap:28px}}.fit{display:grid;grid-template-columns:1fr 1fr;grid-gap:20px;gap:20px}.fit__col{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:28px}.fit__col--yes{border-top:4px solid var(--teal)}.fit__col--no{border-top:4px solid var(--amber)}.fit__col h3{display:flex;align-items:center;gap:10px;font-size:1.2rem;margin-bottom:14px}.fit ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:12px;gap:12px}.fit li{display:flex;gap:10px;color:var(--ink)}.fit li svg{flex:none;margin-top:3px}@media (max-width:720px){.fit{grid-template-columns:1fr}}.price{max-width:460px;margin:0 auto;background:linear-gradient(150deg,var(--navy),var(--navy-deep));color:#fff;border-radius:var(--radius-lg);padding:40px 36px;text-align:center;box-shadow:var(--shadow-navy)}.price h3{color:#fff;font-size:1.2rem;font-weight:700}.price__amt{font-size:3.6rem;font-weight:700;line-height:1;margin:8px 0 2px;letter-spacing:-.03em}.price__amt small{font-size:1.1rem;font-weight:700;opacity:.82}.price__list{list-style:none;margin:22px 0;padding:0;display:grid;grid-gap:12px;gap:12px;text-align:left}.price__list li{display:flex;gap:10px;align-items:flex-start}.price__list li svg{flex:none;color:#6fe3d6;margin-top:3px}.faq{max-width:760px;margin:0 auto;display:grid;grid-gap:12px;gap:12px}.faq details{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius);padding:4px 20px}.faq summary{cursor:pointer;font-weight:700;color:var(--navy-ink);padding:16px 0;list-style:none;display:flex;justify-content:space-between;gap:12px}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--teal-deep);font-weight:700;font-size:1.3rem;line-height:1}.faq details[open] summary:after{content:"−"}.faq p{color:var(--muted);padding:0 0 18px}.cta{background:linear-gradient(120deg,var(--teal),var(--teal-deep));color:#fff;border-radius:var(--radius-lg);padding:48px;text-align:center;box-shadow:0 20px 46px rgba(12,124,122,.32)}.cta h2{color:#fff;font-size:clamp(1.7rem,3.5vw,2.3rem)}.cta p{color:hsla(0,0%,100%,.92);margin:10px 0 24px;font-size:1.08rem}.cta .btn--primary{background:#fff;color:var(--teal-deep);box-shadow:0 10px 24px rgba(0,0,0,.18)}.cta .btn--primary:hover{background:#f0fbfa}.footer{background:var(--navy-deep);color:#cdd9e3;padding:54px 0 30px}.footer__grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;grid-gap:32px;gap:32px}.footer h4{color:#fff;font-size:.95rem;margin:0 0 14px}.footer a{display:block;color:#b7c6d3;padding:5px 0}.footer a:hover{color:#fff}.footer__brand img{height:40px;filter:brightness(0) invert(1);opacity:.95}.footer__brand p{color:#9fb2c1;max-width:34ch;margin-top:14px;font-size:.92rem}.footer__bottom{border-top:1px solid hsla(0,0%,100%,.12);margin-top:36px;padding-top:20px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:12px;font-size:.88rem;color:#9fb2c1}@media (max-width:720px){.footer__grid{grid-template-columns:1fr;gap:26px}}.authwrap{min-height:100dvh;display:grid;place-items:center;padding:40px 20px}.authcard{width:100%;max-width:440px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow);padding:34px}.authcard h1{font-size:1.6rem;font-weight:700;margin-bottom:4px}.authcard .sub{color:var(--muted);margin-bottom:22px}.field{margin-bottom:14px}.field label{display:block;font-size:.9rem;font-weight:700;color:var(--navy-ink);margin-bottom:6px}.field input{width:100%;min-height:48px;padding:12px 14px;border:1.5px solid var(--line);border-radius:12px;font-size:1rem;font-family:inherit;background:var(--surface)}.field input:focus{border-color:var(--teal);outline:none}.form-err{background:#fdecec;color:#b3261e;border:1px solid #f5c2c0;border-radius:10px;padding:10px 12px;font-size:.92rem;margin-bottom:14px}.authfoot{text-align:center;color:var(--muted);margin-top:18px;font-size:.95rem}.authfoot a{color:var(--teal-deep);font-weight:700}.legal{max-width:780px;margin:0 auto;padding:56px 24px 80px}.legal h1{font-size:2rem;font-weight:700;margin-bottom:6px}.legal .updated{color:var(--muted);margin-bottom:30px}.legal h2{font-size:1.25rem;margin:28px 0 10px}.legal li,.legal p{color:var(--ink);line-height:1.75}.legal ul{padding-left:20px}.backlink,.legal a{color:var(--teal-deep);font-weight:700}.backlink{display:inline-flex;gap:6px;margin-bottom:24px}.demoLive{display:grid;grid-template-columns:1fr 340px;grid-gap:24px;gap:24px;align-items:start}.tablet{position:relative;padding:16px;border-radius:30px;background:linear-gradient(150deg,#2b3947,#141d27);box-shadow:0 24px 60px -22px rgba(9,24,38,.55),inset 0 0 0 1px hsla(0,0%,100%,.06)}.tablet__cam{position:absolute;top:8px;left:50%;transform:translateX(-50%);width:7px;height:7px;border-radius:999px;background:#0a1119;box-shadow:inset 0 0 0 1.5px rgba(120,150,175,.35);z-index:1}.tablet__screen{border-radius:18px;overflow:hidden}.kds{background:linear-gradient(165deg,var(--navy),var(--navy-deep));padding:16px;min-height:500px;display:flex;flex-direction:column}.kds__bar{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:2px 4px 14px;border-bottom:1px solid hsla(0,0%,100%,.12);margin-bottom:14px}.kds__title{color:#fff;font-weight:700;font-size:1.05rem}.kds__sub{color:#9db6cc;font-size:.82rem}.kds__tools{display:flex;align-items:center;gap:12px}.kds__loading{flex:1 1;display:grid;place-items:center;color:#9db6cc;font-weight:600;padding:80px 0}.kdot{display:inline-flex;align-items:center;gap:7px;color:#9db6cc;font-size:.82rem;font-weight:700;white-space:nowrap}.kdot i{width:8px;height:8px;border-radius:999px;background:#6b7f92}.kdot--on{color:#6fe3d6}.kdot--on i{background:#34d3c3;box-shadow:0 0 0 3px rgba(52,211,195,.25);animation:kpulse 1.8s ease-in-out infinite}@keyframes kpulse{50%{box-shadow:0 0 0 7px rgba(52,211,195,0)}}.kexpand{border:1px solid hsla(0,0%,100%,.22);background:hsla(0,0%,100%,.08);color:#e7f1f8;font:inherit;font-weight:700;font-size:.82rem;padding:7px 13px;border-radius:999px;cursor:pointer;transition:background .18s var(--ease),transform .18s var(--ease);white-space:nowrap}.kexpand:hover{background:hsla(0,0%,100%,.16)}.kexpand:active{transform:scale(.97)}.kexpand:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.kcols{flex:1 1;min-height:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-gap:12px;gap:12px}.kcol{display:flex;flex-direction:column;min-height:0;background:hsla(0,0%,100%,.05);border:1px solid hsla(0,0%,100%,.08);border-radius:14px;padding:8px;container-type:inline-size}.kcol__head{display:flex;align-items:center;justify-content:space-between;padding:4px 6px 10px;color:#eaf3f9;font-size:.95rem;font-weight:700}.kcol__count{min-width:24px;text-align:center;background:hsla(0,0%,100%,.92);color:var(--navy-ink);font-size:.8rem;font-weight:700;border-radius:999px;padding:1px 8px;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kcol__list{display:flex;flex-direction:column;gap:10px;min-height:0}.kcol__empty{text-align:center;color:#7f97ac;font-size:.85rem;padding:22px 0}.kc{background:#fff;border:2px solid var(--line);border-radius:14px;padding:12px;box-shadow:0 4px 12px rgba(6,20,34,.14)}.kc--warn{border-color:var(--amber);background:#fff8ec}.kc--over{border-color:#d64545;background:#fdecec}.kc--new{animation:kin .4s var(--ease)}@keyframes kin{0%{transform:translateY(-8px) scale(.98);opacity:0}}.kc__head{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:4px}.kc__no{font-weight:800;font-size:1.35rem;color:var(--navy-ink);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kc__time{font-weight:700;font-size:1rem;color:var(--muted);font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.kc__time--warn{color:#9a6b00}.kc__time--over{color:#c0392b}.kc__meta{font-size:.82rem;color:var(--muted);margin-bottom:8px}.kc__items{list-style:none;margin:0 0 8px;padding:0;display:grid;grid-gap:3px;gap:3px}.kc__items li{display:flex;justify-content:space-between;gap:8px;color:var(--ink);font-size:.92rem}.kc__qty{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--navy-ink)}.kc__note{margin:0 0 8px;background:#fff2cc;color:#7a5a00;font-size:.82rem;padding:5px 8px;border-radius:8px}.kc__actions{display:flex;gap:8px;margin-top:10px}.kc__primary{white-space:nowrap}@container (max-width: 230px){.kc__actions{flex-direction:column}.kc__cancel{width:100%}}.kc__primary{flex:1 1;border:0;border-radius:10px;background:var(--teal-deep);color:#fff;font:inherit;font-weight:700;padding:9px 10px;cursor:pointer;transition:filter .16s var(--ease),transform .16s var(--ease)}.kc__primary:hover{filter:brightness(1.06)}.kc__primary:active{transform:scale(.98)}.kc__primary:disabled{opacity:.6;cursor:progress;filter:none;transform:none}.kc__cancel:focus-visible,.kc__primary:focus-visible{outline:2px solid var(--navy-ink);outline-offset:2px}.kc__cancel{border:2px solid #f2c9c9;border-radius:10px;background:#fff;color:#c0392b;font:inherit;font-weight:700;padding:9px 12px;cursor:pointer;transition:background .16s var(--ease)}.kc__cancel:hover{background:#fdecec}.kc__cancel:disabled{opacity:.5;cursor:not-allowed}.qrpanel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-sm);position:-webkit-sticky;position:sticky;top:84px}.qrpanel h3{font-size:1.2rem}.qrpanel>p{color:var(--muted);font-size:.95rem;margin:6px 0 16px}.qrbox{display:grid;place-items:center;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px}.qrbox img{display:block}.qrbox img,.qrbox__ph{width:220px;height:220px}.qrbox__ph{display:grid;place-items:center;color:var(--muted)}.qrsteps{margin:16px 0 18px;padding-left:20px;display:grid;grid-gap:8px;gap:8px;color:var(--ink)}.qrsteps li{font-size:.95rem}.tabletFs{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:clamp(12px,3vw,40px);background:radial-gradient(120% 120% at 50% 0,#12212e,#060d14 70%);animation:fsfade .22s var(--ease)}@keyframes fsfade{0%{opacity:0}}.tabletFs__close{position:absolute;top:clamp(12px,2.4vw,24px);right:clamp(12px,2.4vw,24px);z-index:2;border:1px solid hsla(0,0%,100%,.28);background:hsla(0,0%,100%,.1);color:#eaf3f9;font:inherit;font-weight:700;padding:9px 16px;border-radius:999px;cursor:pointer;transition:background .18s var(--ease)}.tabletFs__close:hover{background:hsla(0,0%,100%,.2)}.tabletFs__close:focus-visible{outline:2px solid var(--teal);outline-offset:2px}.tabletFs__device{position:relative;width:min(96vw,1400px);height:min(90vh,920px);padding:18px;border-radius:34px;background:linear-gradient(150deg,#2b3947,#141d27);box-shadow:0 40px 90px -30px rgba(0,0,0,.7)}.tabletFs__screen{height:100%;border-radius:20px;overflow:hidden}.tabletFs__screen .kds{height:100%;min-height:0}.tabletFs__screen .kcol__list{overflow-y:auto;padding-right:2px}.tabletFs__home{position:absolute;bottom:7px;left:50%;transform:translateX(-50%);width:120px;height:4px;border-radius:999px;background:hsla(0,0%,100%,.35)}.cdlg{position:fixed;inset:0;z-index:1100;display:grid;place-items:center;padding:20px}.cdlg__backdrop{position:absolute;inset:0;background:rgba(9,20,32,.55);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.cdlg__panel{position:relative;width:min(420px,92vw);background:var(--surface);border-radius:var(--radius-lg);padding:22px;box-shadow:0 30px 70px -20px rgba(0,0,0,.5);animation:cdlgin .2s var(--ease)}@keyframes cdlgin{0%{transform:translateY(10px);opacity:0}}.cdlg__title{font-size:1.15rem;font-weight:700}.cdlg__lead{color:var(--muted);font-size:.9rem;margin:4px 0 16px}.cdlg__reasons{display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px}.cdlg__reason{border:1px solid var(--line);border-radius:10px;background:var(--bg);color:var(--ink);font:inherit;font-weight:600;padding:11px 10px;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.cdlg__reason:hover{border-color:#d64545;background:#fdecec;color:#c0392b}.cdlg__reason:focus-visible{outline:2px solid #c0392b;outline-offset:2px}.cdlg__back{width:100%;margin-top:12px;border:0;background:none;color:var(--muted);font:inherit;font-weight:700;padding:8px;cursor:pointer}.cdlg__back:hover{color:var(--ink)}.cdlg__panel.pay{width:min(460px,94vw)}.pay__head{border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}.pay__due{display:flex;align-items:baseline;justify-content:space-between;margin-top:6px;color:var(--muted);font-size:.9rem}.pay__due strong{color:var(--navy-ink);font-size:1.7rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pay__methods{display:grid;grid-template-columns:1fr 1fr;grid-gap:10px;gap:10px;margin-bottom:14px}.pay__method{border:2px solid var(--line);border-radius:12px;background:var(--surface);color:var(--ink);font:inherit;font-weight:700;font-size:1.05rem;padding:13px;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease),color .16s var(--ease)}.pay__method:hover{border-color:var(--teal)}.pay__method.is-on{border-color:var(--teal-deep);background:var(--teal-deep);color:#fff}.pay__method:focus-visible{outline:2px solid var(--teal-deep);outline-offset:2px}.pay__cash label,.pay__transfer .pay__hint{display:block;font-size:.85rem;font-weight:600;color:var(--muted)}.pay__cash input{width:100%;margin-top:6px;border:2px solid var(--line);border-radius:12px;padding:12px 14px;font-size:1.8rem;font-weight:800;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--navy-ink)}.pay__cash input:focus-visible{outline:none;border-color:var(--teal-deep)}.pay__change{display:flex;align-items:baseline;justify-content:space-between;margin-top:12px}.pay__change span{font-weight:600}.pay__change strong{font-size:1.7rem;font-weight:800;color:#1a7f37;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.pay__change strong.is-short,.pay__short{color:#c0392b}.pay__short{margin-top:8px;background:#fdecec;font-size:.84rem;font-weight:600;padding:7px 10px;border-radius:9px}.pay__hint{margin:0 0 10px;background:var(--surface-2);color:var(--ink);padding:9px 11px;border-radius:10px;font-size:.85rem}.pay__hint--warn{background:#fff8ec;color:#7a5a00}.pay__slip{width:100%;border:2px dashed var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-weight:700;padding:13px;cursor:pointer;transition:border-color .16s var(--ease),background .16s var(--ease)}.pay__slip:hover{border-color:var(--teal);background:var(--teal-weak)}.pay__slipok{margin:8px 0 0;background:#e3f6e9;color:#1a7f37;font-size:.84rem;font-weight:600;padding:7px 10px;border-radius:9px}.pay__actions{display:flex;gap:10px;margin-top:18px}.pay__cancel{flex:0 0 auto;width:auto;margin-top:0;padding:12px 18px}.pay__confirm{flex:1 1;background:#1a7f37;font-size:1.05rem;padding:12px}.pay__confirm:disabled{opacity:.5;cursor:not-allowed}.pay__ok{text-align:left}.pay__okmark{font-size:1.3rem;font-weight:800;color:#1a7f37;margin-bottom:12px}.pay__rows{display:grid;grid-gap:6px;gap:6px;margin:0 0 4px}.pay__rows>div{display:flex;align-items:baseline;justify-content:space-between}.pay__rows dt{color:var(--muted)}.pay__rows dd{font-weight:700;font-feature-settings:"tnum";font-variant-numeric:tabular-nums;color:var(--ink)}.pay__rows-strong dt{color:var(--ink)!important;font-weight:700}.pay__rows-strong dd{font-size:1.4rem;font-weight:800;color:var(--navy-ink)!important}.pay__flag{margin-top:12px;background:#fff8ec;color:#7a5a00;font-size:.84rem;font-weight:600;padding:9px 11px;border-radius:10px}.pay__done{margin-top:18px;width:100%;background:var(--teal-deep);font-size:1.05rem;padding:12px}@media (max-width:1100px){.kcols{grid-template-columns:1fr 1fr}}@media (max-width:860px){.demoLive{grid-template-columns:1fr}.qrpanel{position:static}}@media (max-width:560px){.kcols{grid-template-columns:1fr}.kds__tools{flex-direction:column;align-items:flex-end;gap:8px}.cdlg__reasons{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){.cdlg__panel,.kc--new,.kdot--on i,.tabletFs{animation:none}}