:root{--sp3-ink:#0b1730;--sp3-muted:#607089;--sp3-blue:#1769e8;--sp3-cyan:#16c5bd;--sp3-purple:#8047ee;--sp3-orange:#ff6b35;--sp3-line:#dfe7f2;--sp3-soft:#f5f8fc}
html{scroll-behavior:smooth}
body.page-home{margin:0;background:#f4f7fb;color:var(--sp3-ink);font-family:"Anuphan",sans-serif;overflow-x:hidden}
.page-home .topbar{position:sticky;top:0;z-index:100;max-width:none;margin:0;padding:14px max(24px,calc((100vw - 1460px)/2));border:0;border-bottom:1px solid rgba(212,224,239,.9);border-radius:0;background:rgba(255,255,255,.91);backdrop-filter:blur(18px);box-shadow:0 8px 30px rgba(23,46,82,.06)}
.page-home .brand strong,.page-home .nav a,.page-home .top-actions a{font-family:"Bai Jamjuree",sans-serif}
.page-home .brand small{color:#718096}
.page-home .brand-mark{width:42px;height:42px;border-radius:13px;overflow:hidden}
.page-home .brand-mark img{width:100%;height:100%;object-fit:cover}
.page-home .nav{background:#edf3fa;border-radius:16px;padding:5px;gap:2px}
.page-home .nav a{padding:9px 15px;border-radius:11px;color:#516078;font-weight:700}
.page-home .nav a:hover,.page-home .nav a.active{background:#fff;color:var(--sp3-blue);box-shadow:0 4px 12px rgba(30,80,140,.08)}
.sp3{max-width:1460px;margin:0 auto;padding:18px 24px 0}
.sp3 *{box-sizing:border-box}
.sp3 h1,.sp3 h2,.sp3 h3,.sp3 strong,.sp3 b,.sp3-btn{font-family:"Bai Jamjuree",sans-serif}
.sp3-hero{position:relative;display:grid;grid-template-columns:minmax(0,1.04fr) minmax(420px,.96fr);gap:62px;align-items:center;min-height:690px;padding:74px 72px 96px;border-radius:32px;overflow:hidden;color:#fff;background:radial-gradient(circle at 87% 8%,rgba(47,196,196,.26),transparent 30%),radial-gradient(circle at 40% 100%,rgba(73,64,231,.24),transparent 34%),linear-gradient(135deg,#071327 0%,#0d2342 58%,#103f52 100%);box-shadow:0 30px 80px rgba(12,31,58,.22)}
.sp3-hero:after{content:"";position:absolute;right:-170px;bottom:-240px;width:580px;height:580px;border:1px solid rgba(65,227,216,.2);border-radius:50%;box-shadow:0 0 0 70px rgba(34,209,196,.04),0 0 0 140px rgba(34,209,196,.03)}
.sp3-hero-copy,.sp3-product-demo{position:relative;z-index:2}
.sp3-kicker{display:inline-flex;align-items:center;gap:10px;padding:8px 13px;border:1px solid rgba(75,233,220,.32);border-radius:999px;color:#6ff4e8;font:700 .79rem "Lexend Deca",sans-serif;letter-spacing:.12em;background:rgba(7,19,39,.28)}
.sp3-kicker i{width:7px;height:7px;border-radius:50%;background:#37dbc9;box-shadow:0 0 0 5px rgba(55,219,201,.12)}
.sp3-hero h1{margin:25px 0 18px;font-size:clamp(3.2rem,5.2vw,5.9rem);line-height:.96;letter-spacing:-.055em}
.sp3-hero h1 span{display:inline-block;margin-top:9px;color:#59eadb}
.sp3-hero-price-line{display:flex;align-items:center;gap:12px;width:max-content;max-width:100%;margin:0 0 18px;padding:10px 14px;border:1px solid rgba(255,190,78,.46);border-radius:14px;background:rgba(255,166,35,.12);color:#fff}
.sp3-hero-price-line strong{color:#ffc765;font:800 1.05rem "Lexend Deca",sans-serif;white-space:nowrap}
.sp3-hero-price-line span{color:#e8eef7;font-size:.92rem;line-height:1.45}
.sp3-hero-lead{max-width:650px;margin:0;color:#d7e3f2;font-size:clamp(1.05rem,1.45vw,1.3rem);line-height:1.8}
.sp3-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.sp3-btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:13px 24px;border:0;border-radius:14px;text-decoration:none;font-weight:700;transition:.2s ease}
.sp3-btn:hover{transform:translateY(-2px)}
.sp3-btn-primary{color:#fff;background:linear-gradient(135deg,#2376ed,#15bdb6);box-shadow:0 13px 26px rgba(22,119,221,.25)}
.sp3-btn-ghost{color:#fff;border:1px solid rgba(255,255,255,.24);background:rgba(255,255,255,.06)}
.sp3-btn-dark{color:#fff;background:#0c1a30}
.sp3-btn-light{color:#122039;background:#fff}
.sp3-proof-row{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:38px}
.sp3-proof-row div{padding:15px 16px;border-top:1px solid rgba(255,255,255,.19)}
.sp3-proof-row strong{display:block;font-size:1.45rem;color:#fff}.sp3-proof-row span{display:block;margin-top:4px;color:#9fb1c7;font-size:.78rem}
.sp3-microcopy{margin:18px 0 0;color:#8fa5bd;font-size:.79rem}
.sp3-product-demo{padding:16px;border:1px solid rgba(129,202,219,.27);border-radius:25px;background:rgba(6,18,36,.69);box-shadow:0 26px 70px rgba(0,0,0,.33);backdrop-filter:blur(18px);transform:rotate(1deg)}
.sp3-product-demo-real{transform:rotate(.35deg)}
.sp3-real-screen{position:relative;display:block;margin:14px 0;overflow:hidden;border:1px solid rgba(130,211,230,.28);border-radius:18px;background:#eef5ff;box-shadow:0 18px 38px rgba(0,0,0,.24)}
.sp3-real-screen picture{display:block;aspect-ratio:16/9;overflow:hidden}
.sp3-real-screen img{display:block;width:100%;height:100%;object-fit:cover;object-position:center}
.sp3-real-badge{position:absolute;z-index:2;top:12px;right:12px;padding:7px 11px;border-radius:999px;color:#06253a;background:#64ead8;box-shadow:0 8px 20px rgba(0,0,0,.22);font-size:.68rem;font-weight:900}
.sp3-real-zoom{color:#69e4d8;font-size:.72rem;font-weight:800}
.sp3-demo-top{display:flex;align-items:center;gap:12px;padding:4px 5px 15px;border-bottom:1px solid rgba(255,255,255,.1)}
.sp3-demo-top>span{display:flex;gap:5px}.sp3-demo-top i{width:7px;height:7px;border-radius:50%;background:#52647a}.sp3-demo-top b{font-size:.8rem}.sp3-demo-top em{margin-left:auto;padding:6px 9px;border-radius:999px;color:#6ff4e8;background:rgba(27,201,183,.12);font-size:.68rem;font-style:normal}
.sp3-demo-body{display:grid;grid-template-columns:.78fr 1.22fr;gap:14px;padding:16px 0}
.sp3-demo-product{position:relative;min-height:285px;border-radius:18px;overflow:hidden;background:#132640}
.sp3-demo-product img{width:100%;height:100%;object-fit:contain;background:linear-gradient(145deg,#f8f6ff,#edf5ff)}
.sp3-demo-product:after{content:"";position:absolute;inset:0;background:linear-gradient(transparent 50%,rgba(5,16,31,.77))}
.sp3-demo-check{position:absolute;z-index:2;left:12px;bottom:12px;padding:7px 10px;border-radius:999px;color:#fff;background:#15a579;font-size:.72rem;font-weight:700}
.sp3-demo-flow{display:flex;flex-direction:column;gap:9px}
.sp3-demo-flow>div{display:flex;align-items:center;gap:10px;padding:13px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:rgba(255,255,255,.035)}
.sp3-demo-flow i{display:grid;place-items:center;width:29px;height:29px;border-radius:9px;color:#8ca1b8;background:#1b304b;font-style:normal;font-weight:700}.sp3-demo-flow span{min-width:0;flex:1}.sp3-demo-flow b,.sp3-demo-flow small{display:block}.sp3-demo-flow b{font-size:.78rem}.sp3-demo-flow small{margin-top:3px;color:#8297ae;font-size:.64rem}.sp3-demo-flow strong{color:#5adbcf;font-size:.75rem}.sp3-demo-flow .active{border-color:rgba(41,202,191,.43);background:rgba(27,184,173,.09)}.sp3-demo-flow .active i{color:#061525;background:#55e4d8}
.sp3-demo-footer{display:flex;align-items:center;gap:15px;padding:14px;border-radius:15px;background:#fff;color:#10213a}.sp3-demo-footer span{flex:1}.sp3-demo-footer b,.sp3-demo-footer small{display:block}.sp3-demo-footer small{margin-top:2px;color:#718096;font-size:.68rem}.sp3-demo-footer button{border:0;border-radius:10px;padding:10px 12px;color:#fff;background:#1472e6;font-weight:700}
.sp3-promo{position:absolute;z-index:3;left:50%;bottom:0;display:grid;grid-template-columns:auto auto 1fr;align-items:center;gap:16px;width:min(760px,calc(100% - 48px));padding:17px 22px;border-radius:18px 18px 0 0;color:#3b2507;text-decoration:none;background:linear-gradient(100deg,#ffd76b,#ffb53e);transform:translateX(-50%);box-shadow:0 -12px 32px rgba(0,0,0,.16)}
.sp3-promo span{padding:6px 9px;border-radius:8px;background:rgba(255,255,255,.43);font-size:.74rem;font-weight:700}.sp3-promo strong{font-size:1.05rem}.sp3-promo small{text-align:right;font-size:.7rem}
.sp3-trust{display:flex;justify-content:center;gap:10px;flex-wrap:wrap;padding:25px 20px}.sp3-trust span{padding:9px 14px;border:1px solid #d8e3ef;border-radius:999px;background:#fff;color:#50617a;font-size:.8rem;font-weight:600}
.sp3-tutorial{margin:20px 0;padding:56px 60px;border:1px solid #cfe2f3;border-radius:30px;background:radial-gradient(circle at 8% 8%,rgba(28,193,178,.16),transparent 28%),linear-gradient(135deg,#f7fbff,#eef7ff);box-shadow:0 18px 50px rgba(26,49,84,.07);scroll-margin-top:92px}.sp3-tutorial-head{display:flex;align-items:end;justify-content:space-between;gap:32px}.sp3-tutorial-head>div{max-width:790px}.sp3-tutorial-head h2{margin:0;color:#0b1e3a;font-size:clamp(2rem,3vw,3.15rem);line-height:1.14;letter-spacing:-.04em}.sp3-tutorial-head>div>p:not(.sp3-eyebrow){margin:16px 0 0;color:#536780;font-size:1.02rem;line-height:1.8}.sp3-tutorial-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px}.sp3-tutorial-card{min-width:0;overflow:hidden;border:1px solid #d6e3f1;border-radius:20px;background:#fff;box-shadow:0 14px 34px rgba(15,48,85,.09)}.sp3-tutorial-media{position:relative;overflow:hidden;background:#06101f;aspect-ratio:16/9}.sp3-tutorial-media iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.sp3-tutorial-card-copy{padding:17px 18px 20px}.sp3-tutorial-card-copy span{color:#0b9c8e;font-size:.72rem;font-weight:800}.sp3-tutorial-card-copy h3{margin:7px 0 0;color:#152944;font-size:.96rem;line-height:1.5}
.sp3-problem,.sp3-steps,.sp3-system-preview,.sp3-examples,.sp3-features,.sp3-pricing,.sp3-purchase,.sp3-faq{margin:20px 0;padding:70px;border:1px solid var(--sp3-line);border-radius:30px;background:#fff;box-shadow:0 18px 50px rgba(26,49,84,.06)}
.sp3-system-preview{overflow:hidden;background:linear-gradient(145deg,#f8fbff 0%,#f8f5ff 58%,#edfffc 100%)}
.sp3-system-gallery{display:grid;grid-template-columns:1.3fr 1fr;gap:20px}
.sp3-system-shot{min-width:0;margin:0;overflow:hidden;border:1px solid #dce6f4;border-radius:22px;background:#fff;box-shadow:0 16px 36px rgba(30,55,90,.1)}
.sp3-system-shot a{display:block;overflow:hidden;background:#edf3fb}
.sp3-system-shot img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;transition:transform .25s ease}
.sp3-system-shot:hover img{transform:scale(1.018)}
.sp3-system-shot figcaption{display:grid;gap:5px;padding:18px 20px}
.sp3-system-shot figcaption span{color:#2075df;font-size:.72rem;font-weight:800;letter-spacing:.04em;text-transform:uppercase}
.sp3-system-shot figcaption strong{color:#0d203b;font-size:1rem;line-height:1.45}
.sp3-system-shot figcaption small{color:#7a8ba3;font-size:.72rem}
.sp3-problem{display:grid;grid-template-columns:.72fr 1.28fr;gap:60px;align-items:center}
.sp3-eyebrow{margin:0 0 8px;color:#0b9c8e;font:700 .78rem "Lexend Deca",sans-serif;letter-spacing:.11em;text-transform:uppercase}
.sp3-section-copy h2,.sp3-section-head h2,.sp3-pricing h2,.sp3-faq h2{margin:0;font-size:clamp(2rem,3vw,3.3rem);line-height:1.12;letter-spacing:-.04em}
.sp3-section-copy>p:last-child,.sp3-section-head>p,.sp3-pricing-head>div>p{color:var(--sp3-muted);line-height:1.8}
.sp3-before-after{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:14px}.sp3-before-after article{padding:25px;border-radius:22px}.sp3-before-after article>span{display:inline-block;margin-bottom:10px;padding:6px 10px;border-radius:999px;font-weight:700}.sp3-before-after ul{margin:0;padding:0;list-style:none}.sp3-before-after li{position:relative;padding:10px 0 10px 27px;border-bottom:1px solid rgba(0,0,0,.06);line-height:1.55}.sp3-before-after li:before{position:absolute;left:0}.sp3-before-after .before{color:#73434b;background:#fff2f3}.sp3-before-after .before>span{color:#cf3b52;background:#ffe0e4}.sp3-before-after .before li:before{content:"×";color:#e74a5d;font-weight:800}.sp3-before-after .after{color:#155e53;background:#ecfbf7}.sp3-before-after .after>span{color:#087d70;background:#d0f5eb}.sp3-before-after .after li:before{content:"✓";color:#0ba88f;font-weight:800}.sp3-switch{display:grid;place-items:center;width:42px;height:42px;border-radius:50%;color:#fff;background:var(--sp3-ink);font-weight:800}
.sp3-section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:32px}.sp3-section-head>p{max-width:520px;margin:0}
.sp3-step-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.sp3-step-grid article{position:relative;padding:24px;border:1px solid var(--sp3-line);border-radius:22px;background:linear-gradient(160deg,#fff,#f7faff);overflow:hidden}.sp3-step-grid article:after{content:"";position:absolute;right:-35px;top:-35px;width:110px;height:110px;border-radius:50%;background:#edf4ff}.sp3-step-icon{position:relative;z-index:2;display:grid;place-items:center;width:50px;height:50px;margin-bottom:24px;border-radius:15px;color:#fff;font-weight:800;box-shadow:0 12px 22px rgba(20,85,160,.15)}.sp3-step-icon.blue{background:linear-gradient(135deg,#236fea,#29b6e6)}.sp3-step-icon.purple{background:linear-gradient(135deg,#6b4bed,#a958e4)}.sp3-step-icon.orange{background:linear-gradient(135deg,#fb743c,#ffad3e)}.sp3-step-icon.green{background:linear-gradient(135deg,#10a674,#25c7b8)}.sp3-step-grid small{color:#7b899c;font-weight:700}.sp3-step-grid h3{margin:7px 0 10px;font-size:1.15rem}.sp3-step-grid p{min-height:162px;margin:0;color:#62728a;line-height:1.65}.sp3-step-grid article>b{display:block;margin-top:18px;padding-top:16px;border-top:1px solid var(--sp3-line);color:#1a6fca;font-size:.8rem}
@media(max-width:1180px) and (min-width:781px){.sp3-step-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.sp3-step-grid p{min-height:108px}}
.sp3-examples{background:linear-gradient(145deg,#09182d,#0d2d43);color:#fff;scroll-margin-top:92px}.sp3-examples .sp3-eyebrow{color:#5be6da}.sp3-examples .sp3-section-head>p{color:#a8b8ca}.sp3-video-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sp3-video-grid article{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#13253b}.sp3-video-grid video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#000}.sp3-video-grid article>div{padding:15px}.sp3-video-grid span{color:#55e1d4;font-size:.7rem;font-weight:700}.sp3-video-grid h3{display:-webkit-box;min-height:44px;margin:5px 0 0;overflow:hidden;color:#f8fbff!important;font-size:.9rem;line-height:1.45;-webkit-line-clamp:2;-webkit-box-orient:vertical}
/* PUBLIC_GALLERY_REVIEW_STYLE_BADGE_V1 */
.sp3-video-card-copy{display:flex;align-items:flex-start;flex-direction:column;gap:8px}
.sp3-video-grid .sp3-video-platform{display:inline-flex;align-items:center;color:#55e1d4;font-size:.72rem;font-weight:800;line-height:1.2}
.sp3-video-review-style{display:flex;align-items:center;flex-wrap:wrap;gap:6px 8px;width:100%;padding:8px 10px;border:1px solid rgba(251,191,36,.28);border-radius:12px;background:linear-gradient(135deg,rgba(120,53,15,.32),rgba(76,29,149,.25));box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.sp3-video-grid .sp3-video-review-style small{display:inline-flex;flex:0 0 auto;padding:3px 7px;border-radius:999px;background:#f59e0b;color:#151b2b;font-size:.62rem;font-weight:900;line-height:1.2;white-space:nowrap}
.sp3-video-review-style strong{min-width:0;color:#fff3c4;font-size:.75rem;font-weight:850;line-height:1.35;overflow-wrap:anywhere}
.sp3-video-card-copy h3{margin-top:0}
@media(max-width:780px){.sp3-video-review-style{padding:7px 8px}.sp3-video-review-style strong{font-size:.72rem}}

.sp3-hero h1,.sp3-product-demo b,.sp3-examples .sp3-section-head h2,.sp3-bento .dark h3,.sp3-purchase aside h3,.sp3-final h2{color:#f8fbff!important}.sp3-bento .dark p,.sp3-purchase aside p{color:#c4d2e2!important}
.sp3-bento{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.sp3-bento article{padding:26px;border:1px solid var(--sp3-line);border-radius:22px;background:#f8fbff}.sp3-bento article.wide{grid-column:span 2}.sp3-bento .gradient{display:flex;flex-direction:column;justify-content:space-between;min-height:260px;background:radial-gradient(circle at 100% 0,#d7f8f2,transparent 48%),linear-gradient(135deg,#eef7ff,#f9f6ff)}.sp3-bento .dark{display:grid;grid-template-columns:1fr 1fr;gap:25px;color:#fff;background:linear-gradient(135deg,#101b31,#173d55)}.sp3-bento article>i{display:grid;place-items:center;width:44px;height:44px;margin-bottom:28px;border-radius:14px;color:#fff;font-style:normal;font-weight:800}.sp3-bento .cyan{background:#1bbdb0}.sp3-bento .violet{background:#8053e9}.sp3-bento .orange{background:#ff7638}.sp3-bento .green{background:#16a976}.sp3-bento span{color:#168c80;font-size:.72rem;font-weight:800}.sp3-bento h3{margin:8px 0 9px;font-size:1.2rem}.sp3-bento p{margin:0;color:#63738b;line-height:1.7}.sp3-bento .dark p{color:#b7c5d7}.sp3-tags,.sp3-automation-list{display:flex;gap:7px;flex-wrap:wrap;margin-top:25px}.sp3-tags b{padding:7px 10px;border-radius:999px;color:#3c5080;background:#fff;font-size:.72rem}.sp3-automation-list{align-content:center}.sp3-automation-list b{width:calc(50% - 4px);padding:10px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#dbe8f5;font-size:.72rem}
.sp3-difference{margin:20px 0;padding:70px;border:1px solid #cfe7e3;border-radius:30px;background:radial-gradient(circle at 95% 0,rgba(53,224,201,.18),transparent 33%),linear-gradient(145deg,#f5fffd,#f5f8ff);box-shadow:0 18px 50px rgba(26,49,84,.06)}.sp3-difference-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.sp3-difference-grid article{display:flex;gap:18px;padding:25px;border:1px solid #dce8f2;border-radius:20px;background:rgba(255,255,255,.9)}.sp3-difference-grid article>span{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;color:#fff;background:linear-gradient(135deg,#2479e8,#16b9b3);font-weight:800}.sp3-difference-grid h3{margin:1px 0 8px;color:#10233e;font-size:1.12rem}.sp3-difference-grid p{margin:0;color:#62738a;line-height:1.7}
.sp3-assurance{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:20px 0}.sp3-assurance article{display:flex;flex-direction:column;padding:24px 27px;border:1px solid var(--sp3-line);border-radius:20px;background:#fff}.sp3-assurance strong{font-size:1.05rem}.sp3-assurance span{margin-top:6px;color:#697a90;line-height:1.55;font-size:.82rem}
.sp3-pricing{background:linear-gradient(180deg,#f7fbff,#fff)}.sp3-pricing-head{display:flex;align-items:center;justify-content:space-between;gap:30px;margin-bottom:35px}.sp3-pricing-head>div:first-child{max-width:700px}.sp3-pricing-head>div:last-child{min-width:270px;padding:18px 22px;border:1px solid #ffc56c;border-radius:18px;background:#fff4dc}.sp3-pricing-head>div:last-child>*{display:block}.sp3-pricing-head>div:last-child strong{color:#e65620;font-size:1.7rem}.sp3-pricing-head>div:last-child span{font-weight:700}.sp3-pricing-head>div:last-child small{margin-top:4px;color:#976634}
.sp3-price-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;align-items:stretch}.sp3-price-grid>article{position:relative;display:flex;flex-direction:column;padding:25px;border:1px solid #dce5ef;border-radius:22px;background:#fff;box-shadow:0 12px 30px rgba(31,57,88,.05)}.sp3-price-grid>article.featured{border:2px solid #2382e9;transform:translateY(-8px);box-shadow:0 22px 42px rgba(28,111,211,.15)}.sp3-popular{position:absolute;top:-15px;right:17px;padding:7px 11px;border-radius:999px;color:#fff;background:linear-gradient(135deg,#2479e8,#16b9b3);font-size:.68rem}.sp3-plan{color:#66778d;font-weight:700}.sp3-was{display:flex;justify-content:space-between;gap:6px;margin-top:20px}.sp3-was del{color:#95a1af}.sp3-was em{padding:4px 7px;border-radius:8px;color:#e14b29;background:#fff0e8;font-size:.7rem;font-style:normal;font-weight:700}.sp3-price{display:flex;align-items:start;margin-top:5px;color:#ec443f}.sp3-price small{margin-top:14px;color:#ff9e3d;font-size:1.25rem;font-weight:800}.sp3-price strong{font-size:3.15rem;line-height:1}.sp3-price-grid>article>p{margin:2px 0 18px;color:#8a593b;font-size:.75rem;font-weight:700}.sp3-credit{padding:14px;border-radius:14px;background:#effaf7}.sp3-credit>*{display:block}.sp3-credit b{color:#087867}.sp3-credit span{margin-top:3px;color:#59756f;font-size:.78rem}.sp3-topup{margin:10px 0 5px;padding:12px 14px;border-radius:14px;background:#edf5ff}.sp3-topup>*{display:block}.sp3-topup small{color:#687b93}.sp3-topup strong{margin-top:2px;color:#176bc0;font-size:.9rem}.sp3-price-grid ul{flex:1;margin:17px 0 20px;padding:0;list-style:none}.sp3-price-grid li{position:relative;padding:6px 0 6px 22px;color:#5e6f85;font-size:.79rem}.sp3-price-grid li:before{content:"✓";position:absolute;left:0;color:#10a97f;font-weight:800}
.sp3-purchase{display:grid;grid-template-columns:1.25fr .75fr;gap:60px;background:linear-gradient(140deg,#fff,#f4f8ff)}.sp3-purchase ol{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:27px 0 0;padding:0;list-style:none}.sp3-purchase li{display:flex;gap:10px;padding:14px;border:1px solid var(--sp3-line);border-radius:14px;background:#fff}.sp3-purchase li>b{display:grid;place-items:center;flex:0 0 28px;height:28px;border-radius:9px;color:#fff;background:#2376e8}.sp3-purchase li strong,.sp3-purchase li span{display:block}.sp3-purchase li span{color:#738197;font-size:.72rem}.sp3-purchase li strong{color:#16253d;font-size:.79rem}.sp3-purchase aside{padding:27px;border-radius:23px;color:#fff;background:linear-gradient(145deg,#0b1b32,#123f53);box-shadow:0 20px 40px rgba(10,32,58,.16)}.sp3-purchase aside>span{color:#62e5d9;font-size:.72rem;font-weight:700}.sp3-purchase aside h3{margin:8px 0 3px;font-size:1.3rem}.sp3-purchase aside p{margin:0;color:#a9bbce}.sp3-purchase aside>strong{display:block;margin:21px 0 12px;padding:13px;border:1px dashed rgba(255,255,255,.25);border-radius:12px;text-align:center;font-size:1.55rem;letter-spacing:.08em}.sp3-purchase aside button,.sp3-purchase aside a{display:block;width:100%;margin-top:9px;padding:12px;border:0;border-radius:11px;text-align:center;text-decoration:none;font-weight:700}.sp3-purchase aside button{color:#15314a;background:#fff}.sp3-purchase aside a{color:#fff;background:#16a99d}
.sp3-faq>div:last-child{display:grid;grid-template-columns:1fr 1fr;gap:10px}.sp3-faq details{padding:0 20px;border:1px solid var(--sp3-line);border-radius:15px;background:#fbfcfe}.sp3-faq summary{padding:17px 30px 17px 0;cursor:pointer;font-weight:700;list-style:none}.sp3-faq summary::-webkit-details-marker{display:none}.sp3-faq summary:after{content:"+";float:right;margin-right:-25px;color:#2875df;font-size:1.2rem}.sp3-faq details[open] summary:after{content:"−"}.sp3-faq details p{margin:0;padding:0 0 17px;color:#63738a;line-height:1.75}
.sp3-final{display:flex;align-items:center;justify-content:space-between;gap:30px;margin:20px 0;padding:55px 65px;border-radius:28px;color:#fff;background:radial-gradient(circle at 85% 0,rgba(40,219,203,.24),transparent 40%),linear-gradient(135deg,#07152b,#103c54)}.sp3-final p{margin:0;color:#60e7db;font-weight:700}.sp3-final h2{margin:8px 0 0;font-size:clamp(2rem,3.1vw,3.4rem);line-height:1.1}.sp3-final>div:last-child{display:flex;gap:10px;flex-wrap:wrap}
.sp3-footer{display:grid;grid-template-columns:1fr auto auto;align-items:center;gap:30px;padding:35px 10px 45px;color:#66768b}.sp3-footer>a{display:flex;align-items:center;gap:10px;color:#16263d;text-decoration:none}.sp3-footer img{width:42px;height:42px;border-radius:12px}.sp3-footer b,.sp3-footer small{display:block}.sp3-footer nav{display:flex;gap:20px}.sp3-footer nav a{color:#617188;text-decoration:none;font-size:.78rem}.sp3-footer p{font-size:.72rem}
@media(max-width:1100px){.sp3-hero{grid-template-columns:1fr;gap:38px;padding:60px 46px 95px}.sp3-product-demo{max-width:650px}.sp3-problem{grid-template-columns:1fr}.sp3-price-grid{grid-template-columns:repeat(2,1fr)}.sp3-price-grid>article.featured{transform:none}.sp3-bento{grid-template-columns:repeat(2,1fr)}.sp3-video-grid,.sp3-tutorial-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:780px){.page-home .topbar{padding:10px 14px}.page-home .brand small,.page-home .nav,.page-home .top-actions .icon-pill{display:none}.page-home .top-actions{margin-left:auto}.page-home .top-actions .primary-btn,.page-home .top-actions .ghost-btn{min-height:42px;padding:9px 13px;font-size:.75rem}.sp3{padding:10px 10px 0}.sp3-hero{min-height:0;padding:43px 24px 106px;border-radius:24px}.sp3-hero h1{font-size:clamp(2.65rem,14vw,4.2rem)}.sp3-hero-lead{font-size:.95rem}.sp3-proof-row{grid-template-columns:1fr}.sp3-proof-row div{padding:10px 4px}.sp3-product-demo{padding:10px;transform:none}.sp3-demo-body{grid-template-columns:1fr}.sp3-demo-product{min-height:220px}.sp3-promo{grid-template-columns:1fr;gap:3px;width:calc(100% - 28px);padding:12px 15px}.sp3-promo span{width:max-content}.sp3-promo small{text-align:left}.sp3-tutorial{padding:38px 22px;border-radius:23px;scroll-margin-top:72px}.sp3-tutorial-head{align-items:flex-start;flex-direction:column}.sp3-tutorial-head .sp3-btn{width:100%}.sp3-tutorial-grid{grid-template-columns:1fr;gap:14px;margin-top:28px}.sp3-examples{scroll-margin-top:72px}.sp3-problem,.sp3-steps,.sp3-system-preview,.sp3-examples,.sp3-features,.sp3-difference,.sp3-pricing,.sp3-purchase,.sp3-faq{padding:38px 22px;border-radius:23px}.sp3-section-head,.sp3-pricing-head{align-items:start;flex-direction:column}.sp3-system-gallery{grid-template-columns:1fr}.sp3-system-shot figcaption{padding:15px}.sp3-before-after{grid-template-columns:1fr}.sp3-switch{margin:auto;transform:rotate(90deg)}.sp3-step-grid,.sp3-price-grid,.sp3-difference-grid,.sp3-assurance,.sp3-purchase,.sp3-faq>div:last-child{grid-template-columns:1fr}.sp3-step-grid p{min-height:0}.sp3-video-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.sp3-video-grid article{flex:0 0 76%;scroll-snap-align:start}.sp3-bento{grid-template-columns:1fr}.sp3-bento article.wide{grid-column:auto}.sp3-bento .dark{grid-template-columns:1fr}.sp3-purchase ol{grid-template-columns:1fr}.sp3-final{align-items:start;flex-direction:column;padding:40px 25px}.sp3-final>div:last-child,.sp3-final .sp3-btn{width:100%}.sp3-footer{grid-template-columns:1fr;text-align:center}.sp3-footer>a,.sp3-footer nav{justify-content:center}.sp3-footer nav{flex-wrap:wrap}}
@media(max-width:780px){.sp3-hero-price-line{align-items:flex-start;flex-direction:column;gap:3px;width:100%}}
@media(max-width:420px){.sp3-hero-actions,.sp3-hero-actions .sp3-btn{width:100%}.sp3-price strong{font-size:2.7rem}.sp3-video-grid article{flex-basis:88%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sp3-btn{transition:none}}
.sp3-seo-intro{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.15fr);gap:28px 48px;align-items:start;padding:42px 48px;border:1px solid #dce8f7;border-radius:28px;background:radial-gradient(circle at 96% 8%,rgba(33,210,187,.13),transparent 28%),linear-gradient(135deg,#fff 0%,#f6f9ff 100%);box-shadow:0 22px 56px rgba(15,40,75,.08)}
.sp3-seo-intro h2{margin:8px 0 0;color:#0b1e3a;font-size:clamp(28px,3vw,43px);line-height:1.16}
.sp3-seo-intro>p{margin:5px 0 0;color:#52657f;font-size:18px;line-height:1.8}
.sp3-seo-intro ul{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin:0;padding:0;list-style:none}
.sp3-seo-intro li{display:grid;gap:7px;min-height:128px;padding:21px;border:1px solid #dbe7f5;border-radius:20px;background:rgba(255,255,255,.88)}
.sp3-seo-intro li strong{color:#0b65d8;font-size:18px}
.sp3-seo-intro li span{color:#60718a;line-height:1.65}
@media(max-width:760px){.sp3-seo-intro{grid-template-columns:1fr;gap:18px;padding:28px 22px;border-radius:22px}.sp3-seo-intro>p{font-size:16px}.sp3-seo-intro ul{grid-template-columns:1fr}.sp3-seo-intro li{min-height:0}}


/* PUBLIC_VIDEO_FULLSCREEN_9_16_V1: preserve the full portrait frame in native fullscreen. */
.sp3-video-grid video:fullscreen,
.sp3-video-grid video:-webkit-full-screen {
    width: 100vw !important;
    height: 100vh !important;
    max-width: 100vw !important;
    max-height: 100vh !important;
    aspect-ratio: auto !important;
    object-fit: contain !important;
    background: #000 !important;
}

.sp3-referral-offer{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:24px;margin:0 auto;padding:clamp(22px,4vw,34px);border:1px solid #bfe8dd;border-radius:28px;background:linear-gradient(135deg,#effcf8,#f4f8ff);box-shadow:0 18px 50px rgba(25,82,104,.1)}.sp3-referral-mark{display:grid;place-items:center;width:88px;height:88px;border-radius:26px;background:linear-gradient(135deg,#0aa383,#36c9ad);color:#fff;font:800 29px/1 "Bai Jamjuree","Anuphan",sans-serif;box-shadow:0 14px 30px rgba(10,163,131,.25)}.sp3-referral-offer h2{margin:3px 0 7px;color:#10233f;font-size:clamp(24px,3.2vw,36px);line-height:1.25}.sp3-referral-offer p:not(.sp3-eyebrow){margin:0;max-width:760px;color:#5d6f86;line-height:1.65}.sp3-referral-offer .sp3-btn{white-space:nowrap}.sp3-referral-offer+.sp3-pricing{padding-top:70px}@media(max-width:820px){.sp3-referral-offer{grid-template-columns:auto minmax(0,1fr)}.sp3-referral-offer .sp3-btn{grid-column:1/-1;justify-self:stretch;text-align:center}}@media(max-width:560px){.sp3-referral-offer{grid-template-columns:1fr;text-align:left;border-radius:22px}.sp3-referral-mark{width:68px;height:68px;border-radius:20px;font-size:23px}.sp3-referral-offer+.sp3-pricing{padding-top:48px}}