/* FlexiPOS landing v8.1.2 — Bootstrap 5.3 grid; isolated from back-office styles. */
body.landing{--bs-body-font-family:'Noto Sans Thai',Arial,sans-serif;--bs-body-color:#193661;--bs-body-line-height:1.75;background:linear-gradient(120deg,#f8fcff,#fff);font-family:var(--bs-body-font-family);color:var(--bs-body-color);line-height:1.75}
.landing h1,.landing h2,.landing h3{color:#122959;font-weight:700;line-height:1.45}
.landing h2{font-size:clamp(1.5rem,2.4vw,2rem)}.landing h3{font-size:1.125rem}
.landing a{text-decoration:none}.landing p{margin-bottom:0}.landing img{max-width:100%}
.landing .btn{font-size:.875rem;font-weight:600;padding:.65rem 1rem;border-radius:.6rem;white-space:normal}
.landing .btn-orange{--bs-btn-color:#fff;--bs-btn-bg:#ed6800;--bs-btn-border-color:#ed6800;--bs-btn-hover-color:#fff;--bs-btn-hover-bg:#ce5800;--bs-btn-hover-border-color:#ce5800}
.landing .badge{padding:.5rem .75rem;background:#e8f3ff;color:#0762bc;white-space:normal;line-height:1.5}
.landing .badge.green{background:#dcf7e7;color:#127944}
.landing .i{width:1.5rem;height:1.5rem;display:inline-block;vertical-align:middle;flex-shrink:0;stroke:currentColor;stroke-width:1.9;fill:none;stroke-linecap:round;stroke-linejoin:round}
.landing .block-icon{display:grid;place-items:center;flex-shrink:0;width:48px;height:48px;border-radius:12px;color:white;background:linear-gradient(135deg,#32a5ff,#0060ff)}
.landing .block-icon .i{width:28px;height:28px}.landing .block-icon.green{background:linear-gradient(135deg,#58ca78,#00ac42)}.landing .block-icon.orange{background:linear-gradient(135deg,#ffb33c,#ff6900)}.landing .block-icon.purple{background:linear-gradient(135deg,#bc68ff,#8c27ff)}.landing .block-icon.pink{background:linear-gradient(135deg,#ff719a,#f3306b)}.landing .block-icon.yellow{background:linear-gradient(135deg,#ffdb52,#ffa100)}
.landing-header{background:#fff;border-bottom:1px solid #e4edf7}.landing .navbar{padding:.75rem 0}.landing .navbar-brand img{width:151px;height:auto}.landing .nav-link{font-size:.8125rem;color:#29466d;font-weight:500}.landing .nav-link:hover,.landing .nav-link:focus{color:#066aff}
.landing-hero{padding:48px 0;background:linear-gradient(120deg,#edf7ff,#fff)}
.landing-copy h1{font-size:clamp(2rem,3.2vw,2.8rem);margin:1rem 0}.landing-copy h1 em{font-style:normal;color:#0876ff}.landing-copy h2{font-size:1.15rem}.landing-copy>p{margin:1rem 0;color:#536d93}.landing-copy ul{padding-left:1.25rem;margin:1rem 0 1.5rem}.landing-copy li{margin:.4rem 0}.landing-hero-image{display:block;width:100%;height:auto;border-radius:20px}
.landing-body{padding-top:24px}.trust-strip{background:#eef6ff;border-radius:14px;padding:8px 0 20px;margin-top:0}.trust-strip .i{color:#0876ff;width:30px;height:30px}.trust-strip b{font-size:.875rem}.trust-strip small{display:block;font-size:.75rem;color:#627a9c}
.landing section[id]{scroll-margin-top:24px}.landing-section{margin:72px 0}.landing-section-head{max-width:800px;margin:0 auto 28px;text-align:center}.landing-section-head>span{color:#066aff;font-size:.8125rem;font-weight:700}.landing-section-head h2{margin:8px 0 12px}.landing-section-head p{color:#657b9e}
.landing .panel{border:1px solid #dfe9f4;border-radius:16px;padding:24px;background:white;box-shadow:0 3px 14px #17385d04;min-width:0}
.landing-feature-detail h3{margin:18px 0 10px}.landing-feature-detail p,.landing-business-grid p{color:#607797;font-size:.9375rem}.landing-business-grid .i{width:30px;height:30px;color:#0669ff}.landing-business-grid h3{margin:16px 0 12px}.landing-business-grid b{font-size:.8125rem;color:#7540b8}.landing-business-grid p{margin:12px 0 18px}.landing-business-grid a{margin-top:auto;font-size:.875rem}
.landing-free-plan{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:28px;border:1px solid #bddfcf;border-radius:16px;background:#f4fff9;margin:24px 0}.landing-free-plan h3{font-size:1.4rem;margin:12px 0}.landing-free-plan>div:last-child{display:grid;gap:8px;min-width:160px}.landing-free-plan strong{font-size:2.3rem;color:#148d55}.landing-free-plan small{font-size:1rem}
.landing-addon-card{gap:18px}.landing-addon-card h3{margin:0;overflow-wrap:anywhere}.landing-addon-card>p{font-size:.875rem;color:#627a9f;min-height:3.5rem}.landing-addon-price{background:#f2f7ff;border-radius:10px;padding:10px 14px;color:#2368b9}.landing-addon-price strong{font-size:1.85rem;color:#122959}.landing-addon-price small{font-size:.8125rem;color:#6c7f9c;margin-left:5px}.landing-addon-card ul{padding-left:20px;margin:0;color:#4d678a;line-height:1.9;font-size:.875rem}.landing-addon-card>.btn{margin-top:auto}.landing-price-note{text-align:center;font-size:.8125rem;color:#627797;margin-top:24px!important}
.landing-start-grid article{padding:24px;border-color:#dfe9f4;border-radius:14px}.landing-start-grid span{display:grid;place-items:center;width:38px;height:38px;background:#e8f2ff;border-radius:50%;color:#0674ff;font-weight:700;margin-bottom:18px}.landing-start-grid h3{font-size:1rem;margin-bottom:12px}.landing-start-grid p{font-size:.875rem;color:#607795}
.landing-faq{max-width:900px;margin-left:auto;margin-right:auto}.landing-faq details{border-bottom:1px solid #dce7f4;padding:20px 0}.landing-faq summary{cursor:pointer;font-weight:600;color:#21375f}.landing-faq details p{padding:16px 20px 0;color:#5c7596}
.landing-cta{margin-bottom:48px;padding:36px;border-radius:18px;background:linear-gradient(120deg,#0067ed,#466acb);color:white}.landing-cta h2{color:white}.landing-footer{text-align:center;border-top:1px solid #e4edf7;padding:24px 16px;font-size:.8125rem;color:#627a9f}.landing .notice{padding:16px;margin:20px 0;background:#eef6ff;border:1px solid #cbe2fb;border-radius:10px}.landing .notice.success{background:#effbf2}
@media(max-width:991.98px){.landing .navbar-collapse{padding-top:12px}.landing .nav-link{padding:10px 0}.landing-hero{padding:32px 0}.landing-copy h1{max-width:650px}.landing-hero-image{max-width:720px;margin:auto}}
@media(max-width:575.98px){.landing .container{padding-left:20px;padding-right:20px}.landing .navbar-brand img{width:132px}.landing-hero{padding:28px 0}.landing-copy h1{font-size:2rem}.landing-section{margin:48px 0}.landing-section-head{text-align:left}.landing .panel{padding:22px}.landing-free-plan{flex-direction:column;align-items:stretch;padding:22px}.landing-addon-card>p{min-height:0}.landing-cta{padding:24px}.trust-strip b{font-size:.8125rem}.trust-strip small{font-size:.6875rem}.landing .btn{font-size:.8125rem}}