:root{--black: #0c0c0c;--black-soft: #1d1e20;--cream: #fef6e2;--cream-deep: #f3e8c8;--white: #ffffff;--ink: #111111;--muted: #555555;--line: rgba(17, 17, 17, .12);--lime: #b6ef12;--lime-ink: #333333;--nav-muted: rgba(255, 255, 255, .68);--header-h: 84px;--radius: 28px;--ease: cubic-bezier(.22, 1, .36, 1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--black);color:var(--ink);font-family:Noto Sans Thai,Sora,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit}h1,h2,h3,p,figure,dl,dd,dt{margin:0}img{display:block;max-width:100%}.site{min-height:100vh;background:var(--cream)}.page-width{width:min(1120px,calc(100% - 48px));margin-inline:auto}.site-header{position:fixed;inset:0 0 auto;z-index:50;height:var(--header-h);background:#0c0c0ceb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid transparent;transition:background .25s var(--ease),border-color .25s var(--ease)}.site-header.scrolled{background:#0c0c0cf5;border-bottom-color:#ffffff14}.header-inner{width:min(1120px,calc(100% - 48px));height:100%;margin-inline:auto;display:flex;align-items:center;gap:28px}.brand{display:inline-flex;align-items:center;gap:12px;color:var(--white);font-family:Sora,Noto Sans Thai,sans-serif;font-size:15px;font-weight:700;letter-spacing:.02em}.brand img{width:36px;height:36px;border-radius:10px}.site-nav{display:flex;align-items:center;gap:18px;margin-left:auto}.site-nav a{position:relative;color:var(--nav-muted);font-size:13px;font-weight:500;white-space:nowrap;transition:color .2s ease}.site-nav a:hover,.site-nav a:focus-visible,.site-nav a.router-link-active{color:var(--white)}.site-nav a.router-link-active:after{content:"";position:absolute;left:0;right:0;bottom:-8px;height:2px;background:var(--white)}.site-nav a:focus-visible{outline:2px solid var(--lime);outline-offset:4px}.header-cta{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 18px;border-radius:10px;background:var(--lime);color:var(--lime-ink);font-size:13px;font-weight:700;transition:transform .2s var(--ease),filter .2s ease}.header-cta:hover{transform:translateY(-1px);filter:brightness(1.05)}.menu-toggle{display:none;width:42px;height:42px;padding:0;border:0;background:transparent;cursor:pointer}.menu-toggle span{display:block;width:20px;height:2px;margin:5px auto;background:var(--white);transition:transform .2s ease,opacity .2s ease}.hero{position:relative;isolation:isolate;display:grid;place-items:center;min-height:100vh;min-height:100dvh;padding:calc(var(--header-h) + 48px) 24px 72px;color:var(--white);text-align:center;overflow:hidden}.hero-media,.hero-shade{position:absolute;inset:0}.hero-media{z-index:-2;background-position:center 45%;background-size:cover;transform:scale(1.04);animation:hero-drift 18s ease-in-out infinite alternate}.hero-shade{z-index:-1;background:linear-gradient(180deg,#0c0c0cb8,#0c0c0cd1 48%,#0c0c0cf0),radial-gradient(circle at 50% 20%,rgba(182,239,18,.12),transparent 42%)}.hero-content{width:min(760px,100%);animation:rise .7s var(--ease) both}.brand-mark{margin-bottom:22px;color:var(--lime);font-family:Sora,Noto Sans Thai,sans-serif;font-size:clamp(28px,5vw,44px);font-weight:700;letter-spacing:.01em}.hero h1{font-family:Sora,Noto Sans Thai,sans-serif;font-size:clamp(34px,6.2vw,58px);font-weight:700;line-height:1.15;letter-spacing:-.02em}.hero-lead{max-width:540px;margin:22px auto 0;color:#ffffffc7;font-size:16px;line-height:1.75}.hero-badge{display:inline-block;margin-top:18px;padding:8px 14px;border:1px solid rgba(182,239,18,.45);background:#b6ef1214;color:var(--lime);font-size:13px;font-weight:600}.hero-actions{display:flex;justify-content:center;flex-wrap:wrap;gap:14px;margin-top:34px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 22px;border:0;border-radius:10px;cursor:pointer;font-size:14px;font-weight:700;transition:transform .2s var(--ease),background .2s ease,color .2s ease}.btn:hover{transform:translateY(-2px)}.btn:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.btn-lime{background:var(--lime);color:var(--lime-ink)}.btn-ghost{background:transparent;color:var(--white);border:1px solid rgba(255,255,255,.35)}.btn-ghost:hover{border-color:var(--white)}.about{padding:96px 0;background:var(--cream)}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:56px;align-items:center}.about-figure{overflow:hidden;border-radius:var(--radius);aspect-ratio:4 / 5;background:var(--black-soft);animation:rise .8s .08s var(--ease) both}.about-figure img{width:100%;height:100%;object-fit:cover;object-position:center 40%}.about-copy h2,.services-copy h2,.section-head h2,.product-copy h2,.faq-intro h2,.contact h2{font-family:Sora,Noto Sans Thai,sans-serif;font-size:clamp(30px,4vw,42px);font-weight:700;line-height:1.2;letter-spacing:-.02em}.about-copy p,.services-copy p,.section-head p,.product-copy p,.faq-intro p,.contact p,.reason-grid p,.step-panel p,.faq-list p{color:var(--muted);font-size:15px;line-height:1.8}.about-copy p{margin-top:18px}.about-copy p:first-of-type{margin-top:24px}.services{padding:96px 0;background:var(--white)}.services-grid{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:start}.services-copy>p{margin-top:18px}.service-points{margin:28px 0 0;padding:0;list-style:none;display:grid;gap:12px}.service-points li{position:relative;padding-left:28px;color:var(--ink);font-size:15px;font-weight:600}.service-points li:before{content:"";position:absolute;left:0;top:.45em;width:14px;height:14px;border-radius:50%;background:var(--lime)}.step-panel{display:grid;gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:var(--cream)}.step-panel article{display:grid;grid-template-columns:56px 1fr;gap:8px;padding:22px 24px;border-bottom:1px solid var(--line);transition:background .2s ease}.step-panel article:last-child{border-bottom:0}.step-panel article:hover{background:#fffdf6}.step-panel span{color:var(--ink);font-family:Sora,sans-serif;font-size:13px;font-weight:700}.step-panel h3{margin-bottom:6px;font-size:17px;font-weight:700}.reasons{padding:96px 0;background:var(--cream)}.section-head{max-width:620px;margin:0 auto 48px;text-align:center}.section-head p{margin-top:16px}.reason-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.reason-grid article{padding:28px 26px;border-radius:22px;background:var(--white);border:1px solid transparent;transition:transform .25s var(--ease),border-color .25s ease}.reason-grid article:hover{transform:translateY(-3px);border-color:#b6ef128c}.reason-grid h3{margin-bottom:10px;font-size:18px;font-weight:700}.product{padding:96px 0;background:var(--black);color:var(--white)}.product-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}.product-copy p{color:#ffffffb8;margin-top:18px}.product-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:32px 0;padding:18px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14)}.product-stats strong{display:block;color:var(--lime);font-family:Sora,Noto Sans Thai,sans-serif;font-size:22px;font-weight:700}.product-stats span{display:block;margin-top:6px;color:#ffffff9e;font-size:12px}.phone-preview{display:flex;justify-content:center}.phone-screen{width:min(100%,320px);padding:22px 18px;border-radius:32px;background:linear-gradient(180deg,#17181a,#101112);border:1px solid rgba(255,255,255,.1);box-shadow:0 30px 60px #00000059;animation:rise .8s .12s var(--ease) both}.phone-top{display:flex;align-items:center;gap:10px;margin-bottom:18px;font-size:13px;font-weight:700}.phone-top img{width:28px;height:28px;border-radius:8px}.phone-hero-card{padding:22px 18px;border-radius:18px;background:var(--cream);color:var(--ink)}.phone-hero-card small{color:var(--muted);font-size:11px;font-weight:600}.phone-hero-card strong{display:block;margin:10px 0 8px;font-family:Sora,Noto Sans Thai,sans-serif;font-size:28px;font-weight:700}.phone-hero-card span{color:var(--muted);font-size:12px;line-height:1.5}.phone-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:12px;padding:14px;border-radius:14px;background:#ffffff0f;font-size:13px}.phone-row span{color:#ffffff9e}.phone-row b{font-weight:600}.faq{padding:96px 0;background:var(--white)}.faq-grid{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:start}.faq-intro>p{margin:16px 0 24px}.faq-intro .contact-panel{margin-top:24px}.faq-intro .doc-links{margin-top:20px}.contact-panel.compact{padding:4px 20px}.contact-panel.compact .contact-row{grid-template-columns:1fr;gap:6px;padding:16px 0}.faq-list{border-top:1px solid var(--line)}.faq-list article{border-bottom:1px solid var(--line)}.faq-list button{display:flex;width:100%;align-items:center;justify-content:space-between;gap:16px;padding:22px 0;border:0;background:transparent;cursor:pointer;text-align:left}.faq-list button strong{font-size:16px;font-weight:700}.faq-list button i{flex:none;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:var(--cream);font-style:normal;font-size:18px;font-weight:700}.faq-list article>p{max-height:0;overflow:hidden;padding:0;transition:max-height .28s var(--ease),padding .28s var(--ease)}.faq-list article.open>p{max-height:180px;padding:0 36px 22px 0}.contact{padding:88px 0;background:var(--cream)}.contact.white{background:var(--white)}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:48px;align-items:start}.contact-kicker{margin-bottom:12px;color:var(--ink);font-family:Sora,sans-serif;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.contact-intro p{margin-top:16px;max-width:420px}.contact-panel{display:grid;gap:0;padding:8px 28px;border-radius:22px;background:var(--white);border:1px solid var(--line)}.contact.white .contact-panel{background:var(--cream)}.contact-row{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:start;padding:22px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-label{color:var(--muted);font-size:13px;font-weight:600;padding-top:2px}.contact-row strong{display:block;font-size:15px;font-weight:700;line-height:1.5}.contact-email{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.contact-copy{min-height:38px;padding:0 14px;font-size:12px}.contact-row small{display:block;margin-top:6px;color:var(--muted);font-size:12px;font-weight:500;line-height:1.5}.site-footer{background:var(--black);color:#ffffffb3;padding:36px 0 28px}.footer-inner{display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center}.footer-inner nav{display:flex;justify-content:center;flex-wrap:wrap;gap:18px}.footer-inner nav a{font-size:13px;font-weight:500;transition:color .2s ease}.footer-inner nav a:hover{color:var(--white)}.footer-inner p{font-size:12px;text-align:right}@keyframes rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hero-drift{0%{transform:scale(1.04) translateY(0)}to{transform:scale(1.08) translateY(-1.5%)}}@media(prefers-reduced-motion:reduce){.hero-media,.hero-content,.about-figure,.phone-screen,.reason-grid article{animation:none!important;transition:none!important}}.text-link{display:inline-block;margin-top:24px;color:var(--ink);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:4px}.metric-row{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:18px}.metric-row article{padding:24px;background:var(--black);color:var(--white);border-radius:18px}.metric-row h3{color:var(--lime);font-size:20px}.metric-row p{margin-top:8px;color:#ffffffb3;font-size:14px}.product-feature-list{display:grid;gap:14px;margin:0 0 28px}.product-feature-list article{padding:16px 18px;border:1px solid rgba(255,255,255,.12);border-radius:14px}.product-feature-list h3{margin-bottom:6px;font-size:15px}.product-feature-list p{color:#ffffffad;font-size:13px;line-height:1.7}.trust{padding:96px 0;background:var(--white)}.trust-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:start}.trust-grid>div>p{margin-top:16px;color:var(--muted);font-size:15px;line-height:1.8}.doc-links{display:flex;flex-wrap:wrap;gap:12px 18px;margin-top:22px}.doc-links a{color:var(--ink);font-size:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.trust-list{border-top:1px solid var(--line)}.trust-list article{display:grid;grid-template-columns:42px 1fr;gap:12px;padding:20px 0;border-bottom:1px solid var(--line)}.trust-list span{color:var(--ink);font-family:Sora,sans-serif;font-size:13px;font-weight:700}.trust-list h3{font-size:16px}.trust-list p{margin-top:6px;color:var(--muted);font-size:14px;line-height:1.7}.page-main{padding-top:var(--header-h);background:var(--cream)}.page-hero{padding:72px 0 40px;background:var(--black);color:var(--white)}.page-kicker{margin-bottom:14px;color:var(--lime);font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.page-hero h1{max-width:820px;font-family:Sora,Noto Sans Thai,sans-serif;font-size:clamp(32px,5vw,48px);font-weight:700;line-height:1.2}.page-lead{max-width:720px;margin-top:18px;color:#ffffffc2;font-size:16px;line-height:1.8}.page-section{padding:72px 0;background:var(--cream)}.page-section.alt{background:var(--white)}.section-head.left{margin:0 0 36px;text-align:left}.prose-block{display:grid;gap:16px;max-width:820px}.prose-block p{color:var(--muted);font-size:16px;line-height:1.85}.highlight-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.highlight-grid article{padding:24px 20px;border-radius:18px;background:var(--cream);border:1px solid var(--line)}.highlight-grid strong{display:block;color:var(--ink);font-family:Sora,Noto Sans Thai,sans-serif;font-size:24px;font-weight:700}.highlight-grid span{display:block;margin-top:8px;color:var(--muted);font-size:13px}.step-panel.wide{grid-template-columns:1fr}.page-cta-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.btn-dark{background:var(--black);color:var(--white)}.sticky-intro{position:sticky;top:calc(var(--header-h) + 20px)}.legal-doc{max-width:860px}.legal-section{padding:28px 0;border-bottom:1px solid var(--line)}.legal-section h2{margin-bottom:16px;font-size:22px}.legal-section h3{margin:18px 0 10px;font-size:16px}.legal-section p{margin-top:12px;color:var(--muted);font-size:15px;line-height:1.85}.legal-section ul{margin:12px 0 0;padding-left:20px;color:var(--muted)}.legal-section li{margin-top:8px;font-size:15px;line-height:1.7}@media(max-width:920px){.about-grid,.services-grid,.product-grid,.faq-grid,.contact-grid,.trust-grid{grid-template-columns:1fr;gap:36px}.about-figure{aspect-ratio:16 / 10;max-height:360px}.reason-grid,.metric-row,.highlight-grid{grid-template-columns:1fr 1fr}.sticky-intro{position:static}.footer-inner{grid-template-columns:1fr;justify-items:start}.footer-inner nav{justify-content:flex-start}.footer-inner p{text-align:left}}@media(max-width:780px){:root{--header-h: 72px}.page-width,.header-inner{width:calc(100% - 32px)}.site-nav{display:none;position:absolute;top:calc(var(--header-h) - 4px);left:16px;right:16px;padding:10px;border-radius:16px;background:#151515;border:1px solid rgba(255,255,255,.08);box-shadow:0 18px 40px #00000059}.site-nav.open{display:grid}.site-nav a{padding:14px 12px;color:var(--white)}.header-cta{margin-left:auto;margin-right:6px;min-height:38px;padding:0 14px;font-size:12px}.menu-toggle{display:block}.hero{min-height:92vh;padding-top:calc(var(--header-h) + 36px)}.hero-lead{font-size:15px}.about,.services,.reasons,.product,.faq,.contact,.trust{padding:72px 0}.product-stats,.metric-row,.highlight-grid,.reason-grid{grid-template-columns:1fr}.contact-row{grid-template-columns:1fr;gap:6px}}@media(max-width:480px){.brand span{font-size:14px}.header-cta{display:none}.hero-actions{flex-direction:column}.btn,.page-cta-row .btn{width:100%}.highlight-grid{grid-template-columns:1fr 1fr}}