:root{--bg:#080b09;--fg:#edf2ec;--fg-85:#edf2ecd9;--fg-72:#edf2ecb8;--fg-60:#edf2ec99;--fg-45:#edf2ec73;--accent:#b2f24d;--accent-hover:#c4f96e;--accent-ink:#0b1004;--accent-06:#b2f24d0f;--accent-12:#b2f24d1f;--accent-20:#b2f24d33;--accent-28:#b2f24d47;--warn:#f2d14d;--surface-04:#ffffff0a;--surface-05:#ffffff0d;--line-06:#ffffff0f;--line-08:#ffffff14;--line-12:#ffffff1f;--font-body:"IBM Plex Sans Thai", system-ui, sans-serif;--font-num:"Space Grotesk", "IBM Plex Sans Thai", system-ui, sans-serif;--maxw:1120px;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;scroll-padding-top:80px}body{background:radial-gradient(90% 60% at 85% -10%, #b2f24d1a, transparent 60%) no-repeat, radial-gradient(60% 40% at 0% 55%, #b2f24d0d, transparent 70%) no-repeat, var(--bg);color:var(--fg);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;line-height:1.6}img{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}h1,h2,h3,p{margin:0}:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.wrap{width:100%;max-width:var(--maxw);padding-inline:max(20px, env(safe-area-inset-left)) max(20px, env(safe-area-inset-right));margin:0 auto}.kicker{color:var(--accent);font-family:var(--font-num);letter-spacing:.22em;text-transform:uppercase;font-size:12px;font-weight:500}.accent{color:var(--accent)}.btn{white-space:nowrap;border:1px solid #0000;border-radius:14px;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;transition:background .15s,border-color .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn--primary{background:var(--accent);color:var(--accent-ink)}.btn--primary:hover{background:var(--accent-hover)}.btn--ghost{border-color:var(--line-12);background:var(--surface-05);color:var(--fg-85)}.btn--ghost:hover{border-color:#edf2ec47}.btn--small{border-radius:11px;padding:8px 14px;font-size:13.5px}.btn--large{border-radius:15px;padding:15px 24px;font-size:16px}.nav{z-index:20;border-bottom:1px solid var(--line-06);-webkit-backdrop-filter:blur(16px)saturate(160%);backdrop-filter:blur(16px)saturate(160%);background:#080b09b8;position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;height:64px;display:flex}.brand{font-family:var(--font-num);letter-spacing:-.01em;align-items:center;gap:10px;font-size:18px;font-weight:600;display:flex}.brand img{border-radius:9px}.nav__links{align-items:center;gap:26px;font-size:14px;display:flex}.nav__link{color:var(--fg-72);transition:color .15s}.nav__link:hover{color:var(--fg)}.hero{grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;padding-block:64px 88px;display:grid}.hero__title{letter-spacing:-.015em;margin-top:18px;font-size:clamp(38px,5.4vw,64px);font-weight:600;line-height:1.25}.hero__lead{max-width:34em;color:var(--fg-72);margin-top:20px;font-size:clamp(16px,1.5vw,18px);line-height:1.8}.install{margin-top:32px}.install--desktop{border:1px solid var(--accent-20);background:var(--accent-06);text-align:left;border-radius:22px;align-items:center;gap:20px;width:fit-content;padding:14px 24px 14px 14px;display:none}.install--mobile{flex-wrap:wrap;gap:10px;display:flex}@media (width>=900px) and (hover:hover) and (pointer:fine){.install--desktop{display:flex}.install--mobile{display:none}}.qr{background:var(--fg);border-radius:14px;flex:none;width:132px;padding:8px}.qr svg{width:100%;height:auto;display:block}.install__title{font-size:17px;font-weight:600}.install__body{max-width:22em;color:var(--fg-60);margin-top:4px;font-size:13.5px;line-height:1.6}.install__url{color:var(--accent);font-family:var(--font-num);margin-top:8px;font-size:13px}.install__note{max-width:24em;color:var(--warn);margin-top:6px;font-size:12px;line-height:1.5}.facts{color:var(--fg-60);flex-wrap:wrap;gap:10px 22px;margin:28px 0 0;padding:0;font-size:14px;list-style:none;display:flex}.facts li:before{content:"✓";color:var(--accent);margin-right:8px;font-weight:700}.hero__visual{justify-content:center;align-items:center;min-height:620px;display:flex;position:relative}.glow{filter:blur(24px);background:radial-gradient(closest-side,#b2f24d33,#0000);border-radius:50%;position:absolute;inset:12% 8%}.phone{background:linear-gradient(150deg,#262d27 0%,#0d110e 45%,#1a201b 100%);border-radius:46px;width:270px;padding:9px;position:relative;box-shadow:inset 0 0 0 1px #ffffff1a,0 50px 90px -40px #000000f2,0 30px 70px -30px #b2f24d24}.phone__screen{background:var(--bg);border-radius:38px;padding-top:30px;position:relative;overflow:hidden}.phone__screen:before{content:"";background:#000;border-radius:99px;width:82px;height:22px;position:absolute;top:9px;left:50%;transform:translate(-50%)}.phone__screen:after{content:"9:41";color:var(--fg);font-family:var(--font-num);font-size:12px;font-weight:600;line-height:22px;position:absolute;top:9px;left:30px}.phone--front{z-index:2;animation:7s ease-in-out infinite float;transform:rotate(3deg)translate(56px)}.phone--back{z-index:1;opacity:.8;animation:7s ease-in-out -3.5s infinite float;position:absolute;transform:rotate(-9deg)translate(-110px)translateY(24px)scale(.88)}@keyframes float{50%{translate:0 -12px}}.strip{grid-template-columns:repeat(4,1fr);gap:12px;display:grid}.strip__item{border:1px solid var(--line-08);background:var(--surface-04);border-radius:20px;flex-direction:column;gap:4px;padding:22px 20px;display:flex}.strip__item strong{color:var(--accent);font-family:var(--font-num);font-size:30px;font-weight:600;line-height:1.2}.strip__item span{color:var(--fg-60);font-size:13.5px}.section{padding-block:96px 0}.section--tight{padding-top:72px}.section-head{text-align:center;max-width:640px;margin:0 auto 48px}.section-head h2,.cta h2,.privacy h2{letter-spacing:-.01em;margin-top:12px;font-size:clamp(28px,3.4vw,42px);font-weight:600;line-height:1.35}.section-head>p:not(.kicker){color:var(--fg-60);margin-top:14px;font-size:16px}.feature{grid-template-columns:1fr 1fr;align-items:center;gap:56px;padding-block:28px;display:grid}.feature:nth-of-type(2n) .feature__visual{order:-1}.feature__num{color:var(--accent);font-family:var(--font-num);letter-spacing:.14em;font-size:13px}.feature h3{margin-top:10px;font-size:clamp(24px,2.6vw,34px);font-weight:600;line-height:1.35}.feature p{max-width:30em;color:var(--fg-72);margin-top:14px;font-size:16.5px;line-height:1.85}.feature__visual{justify-content:center;display:flex;position:relative}.feature__visual:before{content:"";aspect-ratio:1;background:radial-gradient(closest-side,#b2f24d1f,#0000);border-radius:50%;width:70%;position:absolute;top:15%}.feature__visual .phone{width:250px}.steps{grid-template-columns:1fr 1fr;gap:16px;display:grid}.card{border:1px solid var(--line-08);background:var(--surface-04);border-radius:24px;padding:28px}.card h3{font-size:18px;font-weight:600}.card ol{counter-reset:step;gap:14px;margin:20px 0 0;padding:0;list-style:none;display:grid}.card li{min-height:32px;color:var(--fg-72);counter-increment:step;padding:4px 0 0 44px;font-size:15px;line-height:1.6;position:relative}.card li:before{content:counter(step);border:1px solid var(--accent-28);background:var(--accent-12);width:32px;height:32px;color:var(--accent);font-family:var(--font-num);border-radius:10px;place-items:center;font-size:14px;font-weight:600;display:grid;position:absolute;top:0;left:0}.card b{color:var(--fg);font-weight:600}.privacy{border:1px solid var(--line-08);background:linear-gradient(135deg,#b2f24d14,#ffffff05 55%);border-radius:28px;grid-template-columns:auto 1fr;gap:28px;padding:40px;display:grid}.privacy__icon{background:var(--accent-12);width:56px;height:56px;color:var(--accent);border-radius:16px;place-items:center;display:grid}.privacy h2{margin-top:0;font-size:clamp(24px,2.8vw,34px)}.privacy p{max-width:44em;color:var(--fg-72);margin-top:12px;font-size:16px;line-height:1.8}.privacy .privacy__note{color:var(--fg-45);font-size:14px}.cta{border:1px solid var(--accent-20);text-align:center;background:radial-gradient(80% 120% at 50% 0,#b2f24d29,#0000 70%),#ffffff08;border-radius:32px;flex-direction:column;align-items:center;padding:64px 28px;display:flex}.cta__lead{color:var(--fg-60);margin-top:10px;font-size:16px}.footer{padding-block:28px calc(28px + env(safe-area-inset-bottom));border-top:1px solid var(--line-06);color:var(--fg-45);margin-top:96px;font-size:13.5px}.footer__inner{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}.footer a:hover{color:var(--fg)}@media (width<=900px){.nav__link{display:none}.hero{grid-template-columns:1fr;gap:12px;padding-block:40px 56px}.hero__visual{min-height:500px}.phone{border-radius:40px;width:230px}.phone__screen{border-radius:32px}.phone--front{transform:rotate(3deg)translate(44px)}.phone--back{transform:rotate(-9deg)translate(-86px)translateY(20px)scale(.88)}.strip{grid-template-columns:repeat(2,1fr)}.section{padding-top:72px}.feature{grid-template-columns:1fr;gap:28px}.feature:nth-of-type(2n) .feature__visual{order:0}.feature__visual .phone{width:230px}.steps{grid-template-columns:1fr}.privacy{grid-template-columns:1fr;gap:18px;padding:28px}.cta{padding:44px 22px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.phone--front,.phone--back{animation:none}}