:root{--bg:#fff;--surface:#fff;--surface-muted:#f4f7fb;--surface-strong:#eef2f8;--border:#e3e9f2;--border-strong:#d4dcea;--text:#54627a;--text-h:#0b1220;--ink:#0b1322;--ink-soft:#131d31;--ink-line:#ffffff1f;--on-dark:#aeb9cd;--on-dark-h:#fff;--accent:#1f7bff;--accent-strong:#0b5ed7;--accent-soft:#e9f1ff;--accent-ink:#fff;--accent-glow:#1f7bff73;--spark:#22d3ee;--radius:18px;--radius-sm:12px;--shadow-sm:0 4px 16px #0b12220f;--shadow-md:0 18px 40px #0b12221a;--shadow-lg:0 36px 80px #0b122238;--sans:Inter, "Noto Sans Thai", "Leelawadee UI", ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font:17px/1.6 var(--sans);color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);min-width:320px;margin:0}button,input,textarea,select{font:inherit}a{transition:color .18s,background .18s,border-color .18s,box-shadow .18s,transform .18s}img{max-width:100%}h1,h2,h3{color:var(--text-h);text-wrap:balance}h1{letter-spacing:-.015em;margin:0;font-size:clamp(2.6rem,7vw,5.4rem);font-weight:900;line-height:1.02}h2{letter-spacing:-.01em;margin:0 0 12px;font-size:clamp(1.9rem,4vw,3rem);font-weight:900;line-height:1.08}h3{letter-spacing:-.005em;margin:0;font-size:1.1rem;font-weight:800}p{margin:0}::selection{color:var(--accent-ink);background:var(--accent)}:focus-visible{outline:2px solid var(--accent-strong);outline-offset:3px}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition-duration:.001ms!important;animation-duration:.001ms!important}}.page-shell{min-height:100svh;overflow-x:clip}.topbar{z-index:40;border-bottom:1px solid var(--border);-webkit-backdrop-filter:saturate(180%)blur(18px);backdrop-filter:saturate(180%)blur(18px);background:#ffffffd1;justify-content:space-between;align-items:center;gap:24px;padding:14px clamp(20px,5vw,72px);display:flex;position:sticky;top:0}.brand-mark{color:var(--text-h);letter-spacing:-.01em;align-items:center;gap:12px;font-weight:900;text-decoration:none;display:inline-flex}.brand-icon{object-fit:cover;width:38px;height:38px;box-shadow:var(--shadow-sm);border-radius:11px}.nav-links{align-items:center;gap:4px;display:flex}.drawer-toggle,.drawer-backdrop{display:none}.nav-links a{min-height:40px;color:var(--text);border-radius:999px;align-items:center;padding:8px 14px;font-size:.92rem;font-weight:700;text-decoration:none;display:inline-flex}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text-h);background:var(--surface-strong);outline:none}.nav-links a[aria-current=page]{color:var(--accent-strong);background:var(--accent-soft)}.hero-section{isolation:isolate;color:var(--on-dark);background:radial-gradient(120% 130% at 88% 6%, #1f7bff33, transparent 46%), radial-gradient(90% 90% at 6% 96%, #22d3ee24, transparent 52%), var(--ink);grid-template-columns:minmax(0,1fr) minmax(300px,.76fr);align-items:center;gap:clamp(32px,6vw,88px);padding:clamp(52px,9vw,116px) clamp(20px,5vw,72px) clamp(60px,8vw,104px);display:grid;position:relative;overflow:hidden}.hero-section:before{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(114deg,#ffffff0b 0 2px,#0000 2px 28px);animation:14s linear infinite speed-drift;position:absolute;inset:-25%;transform:skewY(-2deg)}@keyframes speed-drift{0%{background-position:0 0}to{background-position:280px 0}}.hero-copy{max-width:680px}.hero-copy h1{color:var(--on-dark-h)}.eyebrow{color:var(--accent);letter-spacing:.16em;text-transform:uppercase;align-items:center;gap:9px;margin:0 0 18px;font-size:.76rem;font-weight:900;display:inline-flex}.eyebrow:before{content:"";background:var(--accent);border-radius:3px;width:24px;height:3px}.hero-lede{max-width:560px;color:var(--on-dark);margin-top:22px;font-size:clamp(1.05rem,1.6vw,1.24rem)}.hero-badges{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.hero-chip{border:1px solid var(--ink-line);color:var(--on-dark-h);background:#ffffff0a;border-radius:999px;align-items:center;gap:8px;padding:8px 14px;font-size:.82rem;font-weight:700;display:inline-flex}.hero-chip:before{content:"";background:var(--accent);border-radius:50%;width:7px;height:7px;box-shadow:0 0 0 4px #1f7bff33}.hero-actions{flex-wrap:wrap;gap:14px;margin-top:32px;display:flex}.primary-action,.secondary-action,.small-action{box-sizing:border-box;border-radius:999px;justify-content:center;align-items:center;gap:10px;min-height:52px;padding:14px 26px;font-weight:800;text-decoration:none;display:inline-flex}.primary-action{color:var(--accent-ink);background:var(--accent);box-shadow:0 16px 36px -10px var(--accent-glow)}.primary-action:after{content:"→";font-size:1.1em;transition:transform .18s}.primary-action:hover,.primary-action:focus-visible{box-shadow:0 22px 44px -10px var(--accent-glow);outline:none;transform:translateY(-2px)}.primary-action:hover:after{transform:translate(4px)}.secondary-action{color:var(--on-dark-h);border:1px solid var(--ink-line);background:#ffffff0d}.secondary-action:hover,.secondary-action:focus-visible{border-color:var(--accent);color:var(--accent);outline:none}.phone-preview{justify-content:center;display:flex}.phone-frame{box-sizing:border-box;width:min(322px,80vw);box-shadow:0 0 0 1px #ffffff0f, var(--shadow-lg);background:#05080f;border:11px solid #05080f;border-radius:40px;position:relative;overflow:hidden}.phone-frame:before{content:"";z-index:-1;background:radial-gradient(closest-side, var(--accent-glow), transparent 70%);filter:blur(10px);position:absolute;inset:-40%}.phone-screenshot{width:100%;height:auto;display:block}.infographic-section,.download-section,.legal-page{padding:clamp(56px,8vw,96px) clamp(20px,5vw,72px)}.infographic-section{border-top:1px solid var(--border)}.section-heading{max-width:720px}.section-heading .eyebrow{color:var(--accent-strong)}.section-heading p:not(.eyebrow){color:var(--text);margin-top:14px}.flow-grid,.card-grid{gap:18px;margin-top:36px;display:grid}.flow-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.card-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.flow-grid article,.info-card,.consent-item,.contact-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);position:relative}.flow-grid article,.info-card,.contact-card{transition:transform .2s,box-shadow .2s,border-color .2s}.flow-grid article:hover,.info-card:hover,.contact-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);transform:translateY(-4px)}.flow-grid article{min-height:196px;padding:24px}.flow-grid article:after{content:"";background:var(--accent);transform-origin:0;border-radius:3px 3px 0 0;height:3px;transition:transform .25s;position:absolute;bottom:0;left:24px;right:24px;transform:scaleX(0)}.flow-grid article:hover:after{transform:scaleX(1)}.flow-step{width:46px;height:46px;color:var(--accent-ink);background:linear-gradient(135deg, var(--accent), #5b9dff);letter-spacing:-.02em;box-shadow:0 10px 22px -10px var(--accent-glow);border-radius:13px;justify-content:center;align-items:center;font-size:.95rem;font-weight:900;display:inline-flex}.flow-grid h3,.info-card h3{margin:18px 0 9px}.flow-grid p,.info-card p,.consent-item p{color:var(--text);margin:0}.info-card{padding:26px}.info-card h3{margin-top:0;padding-left:16px}.info-card h3:before{content:"";background:var(--accent);border-radius:3px;width:4px;height:1.15rem;position:absolute;top:30px;left:26px}.consent-list{gap:14px;margin-top:24px;display:grid}.consent-item{grid-template-columns:26px minmax(0,1fr);gap:16px;padding:20px 22px;display:grid}.consent-item span{background:var(--accent);width:24px;height:24px;box-shadow:0 6px 16px -6px var(--accent-glow);border-radius:8px;margin-top:1px;position:relative}.consent-item span:after{content:"";border:solid var(--accent-ink);border-width:0 2.5px 2.5px 0;width:7px;height:11px;position:absolute;top:5px;left:8px;transform:rotate(45deg)}.policy-consent{margin-top:64px}.privacy-actions{margin-top:32px}.small-action{min-height:46px;color:var(--text-h);border:1px solid var(--border-strong);background:var(--surface);padding:11px 22px;font-size:.92rem}.small-action:hover,.small-action:focus-visible{border-color:var(--accent);color:var(--accent-strong);background:var(--accent-soft);outline:none}.download-section{isolation:isolate;color:var(--on-dark);background:radial-gradient(110% 140% at 100% 0%, #1f7bff3d, transparent 50%), var(--ink);border-radius:28px;grid-template-columns:minmax(280px,1fr) auto;align-items:center;gap:clamp(28px,4vw,60px);margin:0 clamp(20px,5vw,72px) clamp(48px,6vw,80px);padding:clamp(36px,5vw,56px);display:grid;position:relative;overflow:hidden}.download-section:before{content:"";z-index:-1;pointer-events:none;background-image:repeating-linear-gradient(114deg,#ffffff0a 0 2px,#0000 2px 30px);position:absolute;inset:-30%}.download-copy h2{color:var(--on-dark-h)}.download-copy p{max-width:460px;color:var(--on-dark);margin-top:14px}.download-section .eyebrow{color:var(--accent)}.store-buttons{flex-wrap:wrap;gap:12px;display:flex}.store-button{box-sizing:border-box;min-width:198px;min-height:66px;box-shadow:var(--shadow-md);border-radius:16px;grid-template-columns:32px minmax(0,1fr);align-items:center;gap:13px;padding:11px 20px;text-decoration:none;transition:transform .18s,box-shadow .18s;display:grid}.app-store-button{color:#fff;background:#05080f;border:1px solid #ffffff29}.play-store-button{color:#202124;border:1px solid var(--border-strong);background:#fff}.store-button:hover,.store-button:focus-visible{box-shadow:var(--shadow-lg);outline:none;transform:translateY(-3px)}.store-button small,.store-button strong{display:block}.store-button small{color:#ffffffbd;font-size:.72rem;line-height:1.15}.store-button strong{color:#fff;font-size:1.26rem;line-height:1.1}.play-store-button small{color:#5f6368}.play-store-button strong{color:#202124}.store-icon{color:currentColor;width:32px;height:32px}.legal-page{background:radial-gradient(80% 60% at 100% 0%, #1f7bff14, transparent 55%), var(--bg);min-height:calc(100svh - 88px);position:relative}.legal-page .section-heading{max-width:880px}.legal-page h1{max-width:900px;font-size:clamp(2.3rem,5.4vw,4.4rem)}.legal-intro{max-width:760px;color:var(--text);margin-top:20px;font-size:1.08rem}.legal-page .card-grid,.legal-page .consent-list{margin-top:40px}.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:40px;display:grid}.contact-card{padding:26px}.contact-card h3{color:var(--text);letter-spacing:.1em;text-transform:uppercase;margin-bottom:10px;font-size:.8rem;font-weight:800}.contact-card p{color:var(--text-h);font-size:1.12rem;font-weight:700}.contact-card a{color:var(--accent-strong);font-weight:800;text-decoration:none}.contact-card a:hover{text-underline-offset:4px;text-decoration:underline}.delete-steps{gap:22px;margin-top:40px;display:grid}.delete-step{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);box-shadow:var(--shadow-sm);grid-template-columns:minmax(220px,.72fr) minmax(240px,320px);align-items:center;gap:clamp(20px,4vw,48px);padding:clamp(22px,3vw,32px);display:grid}.delete-step-copy h3{margin:18px 0 9px;font-size:1.3rem}.delete-step-copy p{max-width:520px;color:var(--text)}.delete-step-screen{box-shadow:var(--shadow-md);background:#05080f;border:8px solid #05080f;border-radius:30px;overflow:hidden}.delete-step-screen img{width:100%;height:auto;display:block}.legal-download{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(120deg, var(--accent-soft), transparent 60%), var(--surface);grid-template-columns:minmax(220px,1fr) auto;align-items:center;gap:clamp(20px,4vw,48px);margin-top:56px;padding:clamp(24px,3vw,34px);display:grid}.legal-download h2{margin:0}.site-footer{color:var(--on-dark);background:var(--ink);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;padding:30px clamp(20px,5vw,72px);font-size:.9rem;display:flex}.footer-brand{align-items:center;gap:12px;display:inline-flex}.footer-brand .brand-icon{box-shadow:0 0 0 1px #ffffff1a}.footer-brand strong{color:var(--on-dark-h)}@media (width<=980px){.flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=900px){.hero-section,.download-section,.legal-download{grid-template-columns:1fr}.download-section{text-align:left}.drawer-toggle{z-index:41;border:1px solid var(--border-strong);width:44px;height:44px;color:var(--text-h);background:var(--surface);border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:5px;padding:9px;display:flex;position:relative}.drawer-toggle span{background:currentColor;border-radius:999px;width:20px;height:2px;transition:transform .2s,opacity .2s;display:block}.drawer-toggle[aria-expanded=true] span:first-child{transform:translateY(7px)rotate(45deg)}.drawer-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.drawer-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-7px)rotate(-45deg)}.drawer-backdrop{z-index:30;opacity:0;pointer-events:none;background:#070c1680;border:0;transition:opacity .18s;display:block;position:fixed;inset:0}.drawer-backdrop[data-open=true]{opacity:1;pointer-events:auto}.nav-links{z-index:35;border-left:1px solid var(--border);background:var(--surface);flex-direction:column;align-items:stretch;gap:8px;width:min(320px,86vw);height:100svh;padding:92px 20px 24px;transition:transform .24s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-24px 0 60px #0b12222e}.nav-links[data-open=true]{transform:translate(0)}.nav-links a{border-radius:12px;min-height:50px;padding:12px 16px;font-size:1.02rem}.delete-step{grid-template-columns:1fr}.delete-step-screen{max-width:320px}.store-buttons{flex-direction:column;align-items:stretch}.store-button{width:100%}}@media (width<=620px){.card-grid,.contact-grid{grid-template-columns:1fr}}@media (width<=520px){.flow-grid{grid-template-columns:1fr}.hero-actions{flex-direction:column;align-items:stretch}.primary-action,.secondary-action,.small-action{width:100%}.phone-frame{border-width:8px;border-radius:32px;width:min(290px,84vw)}}