:root{font-family:Inter,Noto Sans Thai,Segoe UI,sans-serif;color:#1d2526;background:#f5f7f1;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--paper: #fbf8ef;--ink: #1d2526;--muted: #66716f;--line: rgba(29, 37, 38, .12);--surface: #ffffff;--green: #0ca982;--teal: #23766f;--gold: #e2b650}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;min-height:100vh;background:linear-gradient(180deg,rgba(226,182,80,.22),transparent 260px),linear-gradient(135deg,rgba(35,118,111,.16),transparent 32rem),#f5f7f1;-webkit-touch-callout:none}a{color:inherit}.page-shell{display:grid;min-height:100vh;place-items:start center;padding:10px}.landing-card{display:grid;width:min(100%,430px);gap:10px;padding:8px 8px calc(98px + env(safe-area-inset-bottom));border:1px solid var(--line);border-radius:8px;background:#fbf8eff5;box-shadow:0 18px 44px #1d252621}.brand-panel{display:grid;gap:12px;padding:18px;border:1px solid rgba(226,182,80,.24);border-radius:8px;background:linear-gradient(135deg,#ffffffeb,#eef5efd1),var(--surface)}.eyebrow{width:fit-content;margin:0 0 10px;padding:6px 10px;border:1px solid rgba(35,118,111,.3);border-radius:999px;color:var(--teal);background:#ffffffc7;font-size:.8rem;font-weight:900}h1,h2,p{margin:0}h1{color:var(--ink);font-size:clamp(1.64rem,8.4vw,2.38rem);line-height:1.12;letter-spacing:0}.brand-panel>p{color:var(--muted);font-size:.98rem;font-weight:650;line-height:1.58}.carousel{display:grid;gap:12px}.slide-stage{position:relative;width:100%}.slide-frame{width:100%;aspect-ratio:1 / 1;margin:0;overflow:hidden;border:1px solid rgba(29,37,38,.18);border-radius:8px;background:#edf2ea;touch-action:pan-y;animation:slide-reveal .56s cubic-bezier(.2,.86,.2,1) both}.slide-frame img{display:block;width:100%;height:100%;object-fit:cover;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.slide-nav{position:absolute;top:50%;z-index:2;display:grid;width:40px;height:40px;place-items:center;border:1px solid rgba(255,255,255,.58);border-radius:50%;background:#1d2526c2;cursor:pointer;transform:translateY(-50%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 22px #1d252638}.slide-nav:before{width:10px;height:10px;border-top:3px solid #ffffff;border-right:3px solid #ffffff;content:""}.slide-nav-prev{left:9px}.slide-nav-next{right:9px}.slide-nav-prev:before{margin-left:4px;transform:rotate(-135deg)}.slide-nav-next:before{margin-right:4px;transform:rotate(45deg)}.slide-meta{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:0 4px}.slide-meta span{color:var(--teal);font-size:.78rem;font-weight:900}.slide-meta strong{color:var(--ink);font-size:1rem}.slide-dots{position:relative;display:flex;justify-content:center;gap:8px;padding-top:8px}.auto-progress{position:absolute;top:0;left:50%;width:min(190px,58vw);height:3px;overflow:hidden;border-radius:999px;background:#a7b0ab7a;transform:translate(-50%)}.auto-progress:after{display:block;width:100%;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--green),var(--gold));content:"";transform-origin:left center;animation:auto-progress 5s linear both}.dot-button{width:9px;height:9px;padding:0;border:0;border-radius:999px;background:#bac4be;cursor:pointer}.dot-button.is-active{width:24px;background:var(--green)}.trust-strip{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.trust-strip article,.tracking-note{border:1px solid var(--line);border-radius:8px;background:#fffc}.trust-strip article{display:grid;min-height:74px;align-content:center;gap:5px;padding:10px;text-align:center}.trust-strip span{color:var(--gold);font-size:.76rem;font-weight:900}.trust-strip p{color:var(--ink);font-size:.86rem;font-weight:850;line-height:1.25}.tracking-note{display:grid;gap:8px;padding:14px}.tracking-note h2{font-size:1rem}.tracking-note p{color:var(--muted);font-size:.9rem;line-height:1.55}.actions{position:fixed;right:10px;bottom:max(10px,env(safe-area-inset-bottom));left:10px;z-index:6;display:grid;grid-template-columns:1fr 1fr;gap:10px;width:min(calc(100% - 20px),430px);margin:0 auto;padding:8px;border:1px solid rgba(29,37,38,.1);border-radius:8px;background:#fbf8efeb;box-shadow:0 -12px 34px #1d25261f;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.action-button{display:inline-flex;min-height:54px;align-items:center;justify-content:center;gap:10px;padding:13px 12px;border-radius:8px;font-size:.98rem;font-weight:900;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,background-color .16s ease}.action-button:hover{transform:translateY(-2px)}.action-button:active{transform:translateY(1px)}.action-primary{background:var(--green);color:#fff;box-shadow:0 10px 26px #0ca98238}.action-secondary{border:1px solid rgba(29,37,38,.08);background:var(--surface);color:var(--ink)}.button-icon{display:grid;width:24px;height:24px;place-items:center;border-radius:50%;background:#ffffff38;font-weight:900}.action-secondary .button-icon{background:#f1e1ad}.slide-nav:focus-visible,.dot-button:focus-visible,.action-button:focus-visible{outline:3px solid rgba(12,169,130,.32);outline-offset:3px}@media(max-width:560px){.page-shell{padding:6px}.landing-card{padding:6px 6px calc(90px + env(safe-area-inset-bottom))}.brand-panel{padding:15px}.actions{right:6px;bottom:max(6px,env(safe-area-inset-bottom));left:6px;width:calc(100% - 12px);padding:6px}.action-button{min-height:52px;font-size:.92rem}}@media(max-width:360px){.trust-strip p,.action-button{font-size:.82rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:1ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}@keyframes slide-reveal{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes auto-progress{0%{transform:scaleX(0)}to{transform:scaleX(1)}}