.hero{padding:40px 0 48px;position:relative;overflow:hidden}.hero:before{content:"";pointer-events:none;background:radial-gradient(46% 52% at 86% 6%,#ff786129,#0000 72%);position:absolute;inset:0}@media (prefers-color-scheme:dark){.hero:before{background:radial-gradient(46% 52% at 86% 6%,#ff78611f,#0000 72%)}}.hero-grid{grid-template-columns:minmax(0,1fr);align-items:center;gap:36px;display:grid;position:relative}@media (min-width:960px){.hero{padding:64px 0 72px}.hero-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px}}.hero h1{margin:0 0 16px;font-size:clamp(32px,5.2vw,50px);line-height:1.12}.hero-lead{color:var(--muted);max-width:44ch;font-size:clamp(17px,2vw,19px)}.hero-cta{flex-wrap:wrap;gap:12px;margin:26px 0 16px;display:flex}.hero .play-soon{margin:-4px 0 18px}.hero-note{color:var(--muted);max-width:46ch;margin:0;font-size:14px}.art{width:100%;max-width:520px;margin:0 auto;container:art/inline-size}.stage{--u:1cqw;--a-ink:#2c1020;--a-muted:#756b72;--a-bg:#fffcf9;--a-peach:#ffefe6;--a-line:#f0e5e0;height:calc(var(--u) * 102);color:var(--a-ink);line-height:1.25;position:relative}.stage img{object-fit:cover;width:100%;height:100%;display:block}.stage .icon{flex:none;display:block}.phone{width:calc(var(--u) * 58);height:100%;padding:calc(var(--u) * 1.4);border-radius:calc(var(--u) * 8.5);background:#2c1020;position:absolute;top:0;left:0;box-shadow:0 30px 60px #2c102040}@media (prefers-color-scheme:dark){.phone{background:#4a2a38;box-shadow:0 30px 60px #00000080}}.ph-screen{gap:calc(var(--u) * 2.4);height:100%;padding:calc(var(--u) * 3) calc(var(--u) * 3.2) calc(var(--u) * 3.6);border-radius:calc(var(--u) * 7.2);background:var(--a-bg);flex-direction:column;display:flex;overflow:hidden}.ph-head{align-items:center;gap:calc(var(--u) * 2);font-size:calc(var(--u) * 3.3);min-height:calc(var(--u) * 6);display:flex}.ph-head .icon{width:calc(var(--u) * 4.2);height:calc(var(--u) * 4.2)}.ph-head b{font-weight:600}.ph-photo{aspect-ratio:1/1.04;border-radius:calc(var(--u) * 4);flex:none;position:relative;overflow:hidden}.ph-badge{left:calc(var(--u) * 2.2);bottom:calc(var(--u) * 2.2);align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1) calc(var(--u) * 2.4);color:#12603f;font-size:calc(var(--u) * 2.5);white-space:nowrap;background:#fffffff0;border-radius:999px;font-weight:600;display:inline-flex;position:absolute}.ph-badge i{width:calc(var(--u) * 1.8);height:calc(var(--u) * 1.8);background:var(--online);border-radius:50%}.ph-rate{align-items:center;gap:calc(var(--u) * 2.2);padding:calc(var(--u) * 2.4);border-radius:calc(var(--u) * 3.6);background:var(--a-peach);display:flex}.ph-rate .coin{width:calc(var(--u) * 6.6);height:calc(var(--u) * 6.6);color:#fff;background:linear-gradient(135deg,#ffd66b,#f2a51f);border-radius:50%;flex:none;place-items:center;display:grid}.ph-rate .coin .icon{width:calc(var(--u) * 4.2);height:calc(var(--u) * 4.2)}.ph-rate-text{gap:calc(var(--u) * .6);flex-direction:column;min-width:0;display:flex}.ph-rate-text b{font-size:calc(var(--u) * 3.2);font-weight:650}.ph-rate-text small{font-size:calc(var(--u) * 2.35);color:var(--a-muted)}.ph-btn{min-height:calc(var(--u) * 9.4);padding:0 calc(var(--u) * 2);border-radius:calc(var(--u) * 3.2);background:var(--grad);color:#fff;font-size:calc(var(--u) * 3);text-align:center;box-shadow:0 calc(var(--u) * 1.4) calc(var(--u) * 3) #ff474c40;justify-content:center;align-items:center;margin-top:auto;font-weight:700;display:flex}.live-card,.voice-card,.gift-chip{border:1px solid var(--a-line);box-shadow:var(--shadow-float);background:#fff;position:absolute}.live-card{right:0;top:calc(var(--u) * 7);width:calc(var(--u) * 40);padding:calc(var(--u) * 1.8);border-radius:calc(var(--u) * 4.4)}.lc-photo{aspect-ratio:4/3.1;border-radius:calc(var(--u) * 3);position:relative;overflow:hidden}.lc-badge{left:calc(var(--u) * 1.6);top:calc(var(--u) * 1.6);align-items:center;gap:calc(var(--u) * .8);padding:calc(var(--u) * .6) calc(var(--u) * 1.8);background:var(--primary);color:#fff;font-size:calc(var(--u) * 2.2);letter-spacing:.04em;border-radius:999px;font-weight:700;display:inline-flex;position:absolute}.lc-badge .icon{width:calc(var(--u) * 2.8);height:calc(var(--u) * 2.8)}.lc-foot{justify-content:space-between;align-items:center;gap:calc(var(--u) * 1.4);padding:calc(var(--u) * 1.8) calc(var(--u) * .8) calc(var(--u) * .6);display:flex}.lc-foot b{font-size:calc(var(--u) * 2.9);white-space:nowrap;text-overflow:ellipsis;font-weight:600;overflow:hidden}.voice-card{right:0;bottom:calc(var(--u) * 3);width:calc(var(--u) * 45);padding:calc(var(--u) * 3) calc(var(--u) * 3) calc(var(--u) * 2.4);border-radius:calc(var(--u) * 4.4)}.vc-head{justify-content:space-between;align-items:baseline;gap:calc(var(--u) * 1.4);display:flex}.vc-head b{font-size:calc(var(--u) * 3);font-weight:600}.vc-head small{font-size:calc(var(--u) * 2.3);color:var(--a-muted);white-space:nowrap}.seats{margin:calc(var(--u) * 2.4) 0 0;gap:calc(var(--u) * 2) calc(var(--u) * 1.6);grid-template-columns:repeat(4,1fr);padding:0;list-style:none;display:grid}.seat{align-items:center;gap:calc(var(--u) * .8);flex-direction:column;min-width:0;display:flex}.seat .face{width:calc(var(--u) * 8.6);aspect-ratio:1;border-radius:50%;place-items:center;display:grid;overflow:hidden}.seat.host .face{box-shadow:0 0 0 calc(var(--u) * .5) #fff, 0 0 0 calc(var(--u) * 1) var(--primary)}.seat.empty .face{border:calc(var(--u) * .3) dashed #f3c4b6;color:var(--primary-light);background:#fff6f1}.seat.empty .icon{width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6)}.seat small{font-size:calc(var(--u) * 2);color:var(--a-muted);white-space:nowrap;text-overflow:ellipsis;max-width:100%;overflow:hidden}.seat.host small{color:#c0262f;font-weight:600}.gift-chip{left:calc(var(--u) * 46);top:calc(var(--u) * 50);align-items:center;gap:calc(var(--u) * 1.2);padding:calc(var(--u) * 1.4) calc(var(--u) * 2.8);font-size:calc(var(--u) * 2.8);white-space:nowrap;border-radius:999px;font-weight:650;display:inline-flex}.gift-chip .icon{width:calc(var(--u) * 3.6);height:calc(var(--u) * 3.6);color:var(--primary)}@container art (width<=479px){.stage{--u:calc(100cqw / 80)}.phone{width:calc(var(--u) * 56)}.live-card{top:calc(var(--u) * 2.5);width:calc(var(--u) * 33);padding:calc(var(--u) * 1.4)}.lc-foot{padding:calc(var(--u) * 1.4) calc(var(--u) * .4) calc(var(--u) * .2)}.lc-foot b{font-size:calc(var(--u) * 2.7)}.voice-card{top:calc(var(--u) * 37.5);width:calc(var(--u) * 38);padding:calc(var(--u) * 2.2);bottom:auto}.vc-head{gap:calc(var(--u) * .4);flex-direction:column}.vc-head b{font-size:calc(var(--u) * 2.8)}.seats{margin-top:calc(var(--u) * 1.8);gap:calc(var(--u) * 1.6) calc(var(--u) * 1.2)}.seat .face{width:calc(var(--u) * 7.4)}.seat small{display:none}.gift-chip{top:auto;left:auto;right:0;bottom:calc(var(--u) * 8)}}.features{padding-top:24px}.features>h2,.safety h2{margin-bottom:22px;font-size:clamp(24px,3.4vw,32px)}.feature-grid{grid-template-columns:minmax(0,1fr);gap:16px;display:grid}@media (min-width:640px){.feature-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:1040px){.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature,.panel{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-card);box-shadow:var(--shadow);padding:22px}.feature h3{margin:16px 0 6px;font-size:17px}.feature p{color:var(--muted);margin:0;font-size:15px;line-height:1.55}.split{grid-template-columns:minmax(0,1fr);gap:16px;padding-top:48px;display:grid}@media (min-width:860px){.split{grid-template-columns:repeat(2,minmax(0,1fr))}}.panel h2{margin:16px 0 12px;font-size:clamp(20px,2.6vw,24px)}.panel ul{margin:0;padding-left:1.2em}.panel li{margin-bottom:.6em}.panel li::marker{color:var(--primary)}.panel p:last-child{margin-bottom:0}.panel.coins{background:var(--peach);box-shadow:none;border-color:#0000}.panel.coins .icon-dot{background:var(--surface);color:#e0940f}.safety{padding-top:48px}.safety-inner{color:#f6e9ec;background:linear-gradient(135deg,#2c1020 0%,#44162c 60%,#6a1f36 100%);border-radius:24px;padding:32px 22px}@media (min-width:720px){.safety-inner{padding:44px}}.safety h2{color:#fff}.safety ul{grid-template-columns:minmax(0,1fr);gap:10px;margin:0 0 24px;padding:0;list-style:none;display:grid}@media (min-width:860px){.safety ul{grid-template-columns:repeat(2,minmax(0,1fr))}}.safety li{background:#ffffff12;border:1px solid #ffffff1f;border-radius:16px;align-items:flex-start;gap:12px;padding:14px 16px;display:flex}.safety li .icon{color:#ff9a8a;flex:none;width:20px;height:20px;margin-top:2px}.safety-links{flex-wrap:wrap;gap:8px;margin:0;display:flex}.safety-links a{color:#fff;background:#ffffff1f;border-radius:999px;align-items:center;min-height:48px;padding:0 18px;font-weight:600;text-decoration:none;display:inline-flex}.safety-links a:hover{background:#fff3}.more{text-align:center;color:var(--muted);padding-top:32px}:lang(th) .lc-badge{letter-spacing:0}@supports not (width:1cqw){.stage{--u:calc(min(100vw - 2 * var(--gutter), 520px) / 100)}@media (min-width:960px){.stage{--u:4px}}@media (min-width:1200px){.stage{--u:5px}}}