:root{--bg: #0b1020;--bg-soft: #121a30;--card: #ffffff;--ink: #0d1526;--ink-soft: #55607a;--line: #e6e9f2;--brand: #2f6bff;--brand-ink: #ffffff;--hi: #14b981;--danger: #d23b3b;--radius: 16px;--shadow: 0 10px 40px rgba(11, 16, 32, .12);--maxw: 1080px}*{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:var(--ink);background:#f4f6fc;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#f0f2f8;padding:2px 6px;border-radius:6px;font-size:.9em}.hero{background:radial-gradient(1200px 500px at 70% -10%,#23346b 0%,var(--bg) 60%);color:#fff;padding:96px 24px 80px}.hero__inner{max-width:var(--maxw);margin:0 auto;text-align:center}.hero__eyebrow{letter-spacing:.3em;font-weight:700;color:#8fb0ff;margin:0 0 12px}.hero__title{font-size:clamp(30px,5vw,52px);line-height:1.1;margin:0 0 18px}.hero__sub{font-size:clamp(15px,2.2vw,20px);color:#c6cfe6;max-width:680px;margin:0 auto 32px;line-height:1.6}.hero__sub strong{color:#fff}.hero__cta{display:inline-block;background:var(--brand);color:var(--brand-ink);padding:14px 32px;border-radius:999px;font-weight:700;font-size:17px}.benefits{max-width:var(--maxw);margin:-40px auto 0;padding:0 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:20px}.benefit{background:var(--card);border-radius:var(--radius);padding:24px;box-shadow:var(--shadow)}.benefit h3{margin:0 0 8px;font-size:18px}.benefit p{margin:0;color:var(--ink-soft);line-height:1.6}.plans{max-width:var(--maxw);margin:72px auto;padding:0 24px}.plans__title{text-align:center;font-size:30px;margin:0 0 32px}.plans__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:24px;max-width:760px;margin:0 auto}.plan{position:relative;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:32px 28px;display:flex;flex-direction:column}.plan--hi{border-color:var(--brand);box-shadow:0 12px 40px #2f6bff2e}.plan__badge{position:absolute;top:-12px;right:24px;background:var(--brand);color:#fff;font-size:12px;font-weight:700;padding:4px 12px;border-radius:999px}.plan__name{margin:0 0 4px;font-size:22px}.plan__tagline{margin:0 0 18px;color:var(--ink-soft)}.plan__price{margin-bottom:20px}.plan__amount{font-size:34px;font-weight:800}.plan__period{color:var(--ink-soft)}.plan__features{list-style:none;padding:0;margin:0 0 24px;flex:1}.plan__features li{padding:8px 0 8px 26px;position:relative;line-height:1.5;border-top:1px solid var(--line)}.plan__features li:before{content:"✓";position:absolute;left:0;color:var(--hi);font-weight:800}.plan__cta{background:var(--brand);color:#fff;border:0;padding:14px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer}.plan__cta:hover{filter:brightness(1.05)}.plans__note{text-align:center;color:var(--ink-soft);margin-top:28px}.foot{text-align:center;color:var(--ink-soft);padding:40px}.buy{max-width:560px;margin:0 auto;padding:40px 24px 80px}.buy__back{color:var(--ink-soft);font-weight:600}.buy__card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:32px;margin-top:20px}.buy__head{display:flex;justify-content:space-between;align-items:baseline;gap:16px;margin-bottom:24px}.buy__head h1{font-size:22px;margin:0}.buy__price{font-size:22px;font-weight:800;white-space:nowrap}.buy__price span{font-size:14px;color:var(--ink-soft);font-weight:500}.buy__form{display:flex;flex-direction:column;gap:18px}.buy__form label{display:flex;flex-direction:column;gap:8px;font-weight:600;font-size:14px}.buy__form input{padding:12px 14px;border:1px solid var(--line);border-radius:10px;font-size:16px;font-family:inherit}.buy__form input:focus{outline:2px solid var(--brand);border-color:transparent}.buy__submit{background:var(--brand);color:#fff;border:0;padding:14px;border-radius:12px;font-weight:700;font-size:16px;cursor:pointer;margin-top:4px}.buy__submit:disabled{opacity:.6;cursor:default}.buy__fineprint{color:var(--ink-soft);font-size:13px;text-align:center;margin:4px 0 0}.buy__err{background:#fdecec;color:var(--danger);padding:12px 14px;border-radius:10px;margin:0 0 18px}.buy__pay{display:flex;flex-direction:column;align-items:center;gap:20px}.buy__waiting{display:flex;align-items:center;gap:12px;color:var(--ink-soft);text-align:center}.buy__waiting--big{flex-direction:column;padding:40px 0;font-size:18px;color:var(--ink)}.buy__ref{font-size:12px;color:var(--ink-soft);word-break:break-all;text-align:center}.ppqr{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;width:280px}.ppqr__head{background:#003d7a;color:#fff;display:flex;justify-content:space-between;align-items:center;padding:12px 16px;font-weight:700}.ppqr__code{display:flex;justify-content:center;padding:20px}.ppqr__loading{width:240px;height:240px;display:flex;align-items:center;justify-content:center;color:var(--ink-soft)}.ppqr__hint{margin:0;padding:0 16px 16px;color:var(--ink-soft);font-size:13px;text-align:center}.success{max-width:560px;margin:0 auto;padding:60px 24px}.success__card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:40px 32px;text-align:center}.success__check{width:64px;height:64px;border-radius:50%;background:var(--hi);color:#fff;font-size:34px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.success__card h1{margin:0 0 12px}.success__host{display:inline-block;font-size:20px;font-weight:800;color:var(--brand);margin-bottom:24px}.success__steps{text-align:left;background:#f7f9ff;border-radius:12px;padding:20px 24px;margin:8px 0 20px}.success__steps h2{font-size:16px;margin:0 0 12px}.success__steps ol{margin:0;padding-left:20px;line-height:1.8;color:var(--ink)}.success__note{color:var(--ink-soft);font-size:14px}.success__home{display:inline-block;margin-top:12px;color:var(--ink-soft);font-weight:600}.spinner{width:22px;height:22px;border:3px solid var(--line);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;flex:none}.buy__waiting--big .spinner{width:40px;height:40px}@keyframes spin{to{transform:rotate(360deg)}}