:root{--ink: #0b1f33;--ink-hover: #12314e;--mint: #17c3a2;--mint-deep: #0d806a;--paper: #fafaf7;--white: #ffffff;--slate: #5a6b7a;--mist: #e3e8ec;--amber: #e8a13d;--red: #d64545;--radius: 16px;--sans: "IBM Plex Sans Thai", system-ui, sans-serif;--mono: "IBM Plex Mono", ui-monospace, monospace}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--sans);background:var(--paper);color:var(--ink);line-height:1.7;font-size:16px;-webkit-font-smoothing:antialiased}h1,h2,h3{line-height:1.5;font-weight:700}.container{max-width:1120px;margin:0 auto;padding:0 24px}.kicker{font-family:var(--mono);font-size:12.5px;font-weight:500;letter-spacing:.18em;text-transform:uppercase;color:var(--mint-deep)}.on-dark .kicker{color:var(--mint)}.sec-head{text-align:center;max-width:620px;margin:0 auto 48px}.sec-head h2{font-size:clamp(26px,3.4vw,34px);margin-top:8px}.sec-head p{color:var(--slate);margin-top:10px}.on-dark .sec-head h2{color:var(--white)}.on-dark .sec-head p{color:#ffffffb3}.btn{display:inline-block;padding:14px 30px;border-radius:999px;font-family:var(--sans);font-weight:700;font-size:15.5px;text-decoration:none;transition:.2s;text-align:center;border:none;cursor:pointer}.btn-mint{background:var(--mint);color:var(--ink)}.btn-mint:hover{filter:brightness(1.06);transform:translateY(-1px)}.btn-ink{background:var(--ink);color:var(--white)}.btn-ink:hover{background:var(--ink-hover);transform:translateY(-1px)}.btn-ghost-dark{border:1.5px solid rgba(255,255,255,.4);color:var(--white);background:transparent}.btn-ghost-dark:hover{border-color:var(--mint);color:var(--mint)}.btn-ghost{border:1.5px solid var(--mist);color:var(--ink);background:var(--white)}.btn-ghost:hover{border-color:var(--mint-deep);color:var(--mint-deep)}.dark-sec{background:var(--ink);color:var(--white)}.badge{font-family:var(--mono);font-size:10.5px;font-weight:600;letter-spacing:.08em;padding:4px 10px;border-radius:999px;background:#ffffff24;color:var(--white)}.badge-mint{background:var(--mint);color:var(--ink)}.lens-dot{flex:none;width:9px;height:15px;border-radius:50%;background:var(--mint);transform:translateY(2px)}.lens-list{list-style:none;display:grid;gap:12px}.lens-list li{display:flex;gap:12px;align-items:baseline;font-size:15.5px}.price{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price .p{font-family:var(--mono);font-size:30px;font-weight:600;color:var(--ink)}.price .strike{font-family:var(--mono);font-size:16px;color:var(--slate);text-decoration:line-through}.price small{font-size:13px;color:var(--slate)}.stat-band{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-band .stat{background:var(--white);border:1px solid var(--mist);border-radius:var(--radius);padding:26px 18px;text-align:center}.on-dark .stat-band .stat{background:#ffffff0d;border-color:#ffffff1f}.stat-band .stat b{display:block;font-family:var(--mono);font-size:clamp(20px,2.4vw,26px);font-weight:600;color:var(--mint-deep);line-height:1.2;white-space:nowrap}.on-dark .stat-band .stat b{color:var(--mint)}.stat-band .stat span{display:block;margin-top:10px;font-size:13.5px;line-height:1.6;color:var(--slate)}.on-dark .stat-band .stat span{color:#ffffffb3}.faq details{background:var(--white);border:1px solid var(--mist);border-radius:12px;padding:20px 26px;margin:0 auto 12px;max-width:760px}.faq details[open]{border-color:var(--mint)}.faq summary{font-weight:600;font-size:16px;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:12px;color:var(--ink)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:24px;color:var(--mint-deep);font-weight:400;flex:none}.faq details[open] summary:after{content:"–"}.faq details p{margin-top:14px;font-size:15px;color:var(--slate)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-grid .full{grid-column:1 / -1}.field label{display:block;font-size:13.5px;font-weight:600;margin-bottom:6px}.field label .req{color:var(--red)}.field input,.field select,.field textarea{width:100%;padding:12px 14px;border-radius:10px;border:1.5px solid var(--mist);background:var(--white);color:var(--ink);font-family:var(--sans);font-size:15px;line-height:1.6}.field input:focus,.field select:focus,.field textarea:focus{outline:none;border-color:var(--mint)}@media(max-width:640px){.form-grid{grid-template-columns:1fr}.stat-band{grid-template-columns:1fr 1fr}}