/* NexaPlay — Atelier. White surfaces, ink typography and restrained crimson accents. */
:root{color-scheme:light;--ink:#202332;--ink-2:#626979;--ink-3:#858c9a;--paper:#fff;--wash:#f7f8fb;--line:#e8eaf0;--line-2:#d9deE8;--red:#e52b47;--red-d:#b91f39;--red-t:#fff0f3;--ok:#19845c;--ok-t:#edf9f3;--card:#fff;--card-2:#fff;--glow:0 12px 40px -24px #22283b26}
html{background:#fff}body.nx{background:#fff;color:var(--ink)}body.nx:before{display:none}.nx a:hover{color:var(--red-d)}
.nx-head{background:rgba(255,255,255,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}.nx-head .wrap{min-height:82px}.nx-brand b{color:var(--ink)}.nx-brand b i{color:var(--red)}.nx-brand img{border-radius:12px;box-shadow:0 3px 12px #22283b10}.nx-nav a{color:#656d7d;font-size:14px;padding:10px 14px}.nx-nav a:hover{background:var(--wash);color:var(--ink)}.nx-nav a[aria-current=page]{background:#fff0f3;color:#c52240}.nx-lang{background:#f5f6f9;border-color:var(--line);padding:4px}.nx-lang a{color:#848b99}.nx-lang a[aria-current=true]{background:#fff;color:#d32542;box-shadow:0 2px 6px #262d4212}.nx-burger{background:white;border-color:var(--line)}.nx-burger span{background:#33394a}
.nx h1{color:var(--ink);font-size:clamp(42px,5.4vw,72px);letter-spacing:-.055em;line-height:1.035}.nx h2{color:var(--ink);font-size:clamp(30px,3.4vw,44px);letter-spacing:-.045em;line-height:1.12}.nx h3{color:var(--ink)}.lead,.sec-head p{color:var(--ink-2);line-height:1.75}.sec-head{margin-bottom:34px}.sec-head p{max-width:620px;margin-inline:auto;font-size:16px}.sec{padding:76px 0}.sec.wash{background:#f8f9fc;border-block:1px solid #eef0f5}
.btn{border:1px solid transparent;border-radius:12px;background:linear-gradient(135deg,#ef3b57,#d91c3d);font-size:14px;padding:14px 22px;box-shadow:0 8px 18px #e52b471a;color:#fff!important;transition:background .18s,transform .18s}.btn:hover{background:#ce203c;border-color:transparent;color:#fff!important;transform:translateY(-1px)}.btn.ghost{background:white;border:1px solid #dde1e9;color:#51596c!important;box-shadow:none}.btn.ghost:hover{background:#f5f7fa;color:#242b3b!important}.btn.dark{background:#222838;border-color:#222838}.btn[aria-disabled=true]{background:#f5f6f9;border:1px dashed #d8dde8;color:#9299a8!important;box-shadow:none;cursor:default;transform:none}
.hero{padding:80px 0 84px;position:relative;background:radial-gradient(ellipse at 76% 24%,#fff1f2 0,transparent 45%),linear-gradient(#fff,#fdfdff)}.hero .wrap{gap:52px;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.hero h1{font-size:clamp(42px,5.2vw,68px);max-width:640px;margin:0}.hero h1 em{color:#dd2946;font-style:normal}.hero .lead{font-size:16px;margin:22px 0 0;max-width:490px}.atelier-label{display:inline-flex;align-items:center;gap:8px;font-size:10px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;border:1px solid #f4d9df;border-radius:999px;padding:7px 12px;background:#fff8fa;color:#be314a;margin-bottom:24px}.atelier-label:before{content:"";background:#e72e4a;width:6px;height:6px;border-radius:50%}.atelier-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:26px 0 0}.hero-note{font-size:11px;gap:8px 16px;margin:24px 0 0;font-weight:500;color:#7b8394}.hero-note li:before{width:5px;height:5px;background:#d78d9d;margin-right:6px}
.epg{background:#fff;border:1px solid #e7dfe5;border-radius:20px;padding:22px 18px;box-shadow:0 34px 68px -36px #77405340,0 2px 10px #202b4010;transform:perspective(1200px) rotateY(-5deg) rotateX(2deg);min-width:0;position:relative}.epg:after{content:"NEXAPLAY / LIVE GUIDE";display:block;text-align:right;font-size:9px;letter-spacing:.18em;color:#9694a0;margin:20px 4px 0}.epg-top{padding-bottom:15px;border-bottom:1px solid #f0edf1}.epg-top span{font-size:11px;color:#9a929f}.epg-top .epg-live{color:#c62d47}.epg-ch{font-size:11px;color:#606679}.epg-ch i{background:#f2f3f8;color:#7c8397;padding:4px 7px}.epg-hours{font-size:10px;color:#a3a7b5}.epg-row{margin-bottom:9px;min-width:0}.epg-bars{min-width:0}.epg-bars span{height:38px;background:#f6f6fa;color:#9195a6;font-size:10px;min-width:0}.epg-bars span.on{background:#fff0f3;color:#be3c56;border:1px solid #f6dce3;box-shadow:none}.epg-now{top:86px;bottom:48px;background:#e3304b;width:1px;box-shadow:none}.epg-now:before{background:#e3304b;color:white}.epg-live:before{background:#dc3650;animation:none}
.ico{width:48px;height:48px;border-radius:14px;background:#fff0f3;border:1px solid #fae0e6;color:#d63350;display:grid;place-items:center;margin-bottom:22px;box-shadow:none}.ico svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linejoin:round;stroke-linecap:round}
.feat{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.feat li{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid #e7eaf1;border-radius:22px;padding:27px 23px;min-height:305px;box-shadow:0 12px 30px -24px #30374c26;overflow:hidden;transition:transform .2s,box-shadow .2s}.feat li:hover{transform:translateY(-4px);box-shadow:0 18px 35px -25px #58454a35;border-color:#efc9d3}.feat li:before{content:"";height:3px;width:40px;background:#e05c74;position:absolute;bottom:0;left:24px}.feat li:nth-child(2) .ico{color:#8d64b6;background:#f6f0ff;border-color:#eee3f8}.feat li:nth-child(3) .ico{color:#537fae;background:#edf5fd;border-color:#e1edf9}.feat li:nth-child(4) .ico{color:#b08442;background:#fff6e9;border-color:#f8e9cf}.feat .tag{display:block;align-self:flex-start;color:#9a9fac;font-size:9px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.feat h3{font-size:20px;line-height:1.25;margin:0 0 12px}.feat p{font-size:13px;line-height:1.8;color:#7a8293;margin:0}
.secure{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:48px;align-items:center;border:1px solid #e8eaf0;background:linear-gradient(125deg,#fff7f8,#fff 52%);padding:44px;border-radius:28px;box-shadow:var(--glow)}.secure h2{font-size:37px}.secure .lead{font-size:15px;margin:0 0 24px}.code-demo{display:inline-flex;flex-wrap:wrap;gap:10px;align-items:center;background:#fff;border:1px dashed #e7bfca;border-radius:13px;padding:15px 17px}.code-demo span{font-size:18px;letter-spacing:.08em;font-weight:800;color:#5e5464}.code-demo i{font-style:normal;font-size:10px;padding:4px 8px;background:#fff0f3;color:#b84660;border-radius:6px}.secure-list{list-style:none;margin:0;padding:0;display:grid;gap:13px}.secure-list li{display:grid;grid-template-columns:auto minmax(0,1fr);column-gap:15px;padding:18px;border:1px solid #ececf1;border-radius:16px;background:#fff}.secure-list .ico{grid-row:span 2;width:39px;height:39px;border-radius:12px;margin:0}.secure-list h3{font-size:16px;margin:0 0 5px}.secure-list p{font-size:12px;line-height:1.75;color:#7b8393;margin:0}
.flow{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);gap:14px 0}.way{border:1px solid #e6e9f0;border-radius:22px;background:#fff;padding:28px;position:relative;min-width:0}.way h3{font-size:23px}.way p{font-size:14px;line-height:1.75;color:#788093}.flow-or{display:grid;place-items:center;padding:0 16px}.flow-or span{width:38px;height:38px;border:1px solid #e9eaf0;border-radius:50%;display:grid;place-items:center;color:#979bab;font-size:11px;background:#fff}.flow-arrow{grid-column:1/-1;text-align:center;color:#ce6b81}.way.result{grid-column:1/-1;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;align-items:center;background:#fff4f6;border-color:#f0d5dd}.way.result .ico{margin:0}.way.result h3{font-size:21px}.way.result p{margin:0;font-size:13px}.code-chip{font-size:14px;font-weight:800;letter-spacing:.06em;color:#b5455d;background:#fff;border:1px dashed #e7c1cb;padding:12px 16px;border-radius:11px;white-space:nowrap}
.steps li{border-radius:20px;background:#fff;border-color:#e8eaf0;padding:28px;box-shadow:none}.steps li:before{background:#fff0f3;color:#c73954;border:1px solid #f2d6df;border-radius:12px}.steps h3{font-size:20px}.steps p{font-size:14px;line-height:1.8;color:#7d8494}.plan{border:1px solid #e8eaf0;background:#fff;border-radius:22px;box-shadow:var(--glow)}.plan.hot{background:#fff8fa;border:1px solid #e6b1bf}.plan .amt{color:#252b3b}.faq details{background:#fff;border-color:#e8eaf0;border-radius:14px}.faq summary{font-size:16px}.faq details p{color:#788193;font-size:14px}.cta{background:linear-gradient(120deg,#fff0f4,#fff8f9);border:1px solid #f2dce3;border-radius:26px;color:#643546}.cta h2,.cta p{color:#663748}.cta .btn{background:#dc2947;color:#fff!important;border:none}
.panel,.np-up .np-card{background:#fff;border:1px solid #e6e9f0;border-radius:22px;box-shadow:var(--glow)}.field input:not([type=checkbox]):not([type=radio]),.field textarea,.field select,.in{background:#fbfcfe;color:#272e3e;border:1px solid #dfe3eb;border-radius:12px}.field input:focus,.field textarea:focus,.field select:focus{border-color:#e04662;box-shadow:0 0 0 4px #fcecf0}.tabs button,.tabs a{background:#fff;border:1px solid #e1e5ed;color:#70798a;border-radius:10px}.tabs .on{background:#fff0f3;color:#bf2e49;border-color:#efc4d0}.rows li{border-color:#e8eaf0;background:white}.pill{background:#fff0f3;color:#b93b55;border-color:#f0d1db}.alert.err,.alert.error{background:#fff0f3;color:#aa2945;border-color:#efc5d1}.alert.ok{background:#edf9f3;color:#28744f;border-color:#cce8da}
.dl-hero{background:linear-gradient(#fff,#fff7f8);padding:64px 0 44px;text-align:center}.dl-hero h1{font-size:58px}.dl-hero .lead{margin-inline:auto;max-width:640px;font-size:17px}.dl-wrap{margin-top:0}.dl{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}.dl article{min-height:390px;border-radius:22px;border:1px solid #e6e9f0;background:#fff;padding:27px;box-shadow:var(--glow);display:flex;flex-direction:column}.dl .ico{width:68px;height:68px;border-radius:20px;margin:0 0 28px;background:#edf5ff;color:#4378bb;border-color:#dfeaf9}.dl .ico svg{width:34px;height:34px}.dl article:nth-child(2) .ico{background:#eef8f0;color:#62995b;border-color:#ddebdf}.dl article:nth-child(3) .ico{background:#f3efff;color:#8966b8;border-color:#e6ddfa}.dl article:nth-child(4) .ico{background:#fff2f4;color:#c4536e;border-color:#f5dce3}.dl article h3{font-size:25px;margin:0 0 5px}.dl article .muted{font-size:12px;color:#8c93a3}.dl article p{font-size:13px;color:#7c8597;line-height:1.75;flex:1}.dl .btn{font-size:12px;width:100%;padding:12px;min-height:43px}.dl-note{color:#8d94a3;font-size:13px;margin-top:28px}
.nx-foot{background:#fafbfe;border-top:1px solid #edf0f5;color:#81899a}.nx-foot:before{display:none}.nx-foot .wrap{padding-top:42px}.nx-foot .foot-note{font-size:13px;line-height:1.8;color:#8a91a0}.nx-foot a{color:#6c7587}.nx-foot a:hover{color:#b5304e}.nx-foot .copy{font-size:11px;color:#969dac}.nx-foot .copy a{color:#969dac}
@media(max-width:1100px){.feat,.dl{grid-template-columns:repeat(2,minmax(0,1fr))}.hero .wrap{gap:30px}.hero h1{font-size:54px}}
@media(max-width:960px){.nx-head .wrap{min-height:70px}.nx-nav.is-open{border-top:1px solid #edf0f5;margin-top:6px}.nx-nav a[aria-current=page]{background:#fff0f3}.hero .wrap{grid-template-columns:1fr}.hero{padding:48px 0 56px}.hero h1{max-width:700px}.epg{transform:none;max-width:650px;width:100%;margin:8px auto}.secure{grid-template-columns:1fr;gap:28px}}
@media(max-width:640px){.wrap{padding-inline:20px}.nx h1,.hero h1{font-size:42px}.hero .lead{font-size:15px}.hero-note{font-size:10px}.hero .wrap{gap:36px}.hero .atelier-label{margin-bottom:20px}.sec{padding:48px 0}.feat,.dl{grid-template-columns:1fr}.feat li{min-height:260px}.secure{padding:24px;border-radius:22px}.secure h2{font-size:30px}.flow{grid-template-columns:1fr}.flow-or{padding:0}.way.result{grid-template-columns:1fr;gap:16px}.code-chip{justify-self:start}.dl-hero h1{font-size:40px}.dl article{min-height:340px}.epg{padding:16px 12px}.epg-hours,.epg-row{grid-template-columns:58px 1fr}.epg-hours{grid-template-columns:58px repeat(4,1fr)}.epg-ch{font-size:9px;gap:4px}.epg-bars span{font-size:9px;padding-inline:6px}.epg-ch i{padding:3px 4px;font-size:9px}.epg-now{left:calc(12px + 58px + 28%);top:80px}.atelier-actions .btn{flex:1;font-size:12px;padding-inline:12px}.code-demo{padding:13px}.code-demo span{font-size:15px}.secure-list li{padding:14px}.nx-foot .wrap{padding-top:32px}}
@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}
.sec-head{text-align:center;max-width:850px;margin-inline:auto}.sec-head h2{max-width:780px;margin-inline:auto}
/* Public controls remain inside their cards on narrow screens. */
.nx .btn,.nx .np-button,.np-studio .studio-button{max-width:100%;min-width:0;white-space:normal;text-align:center;overflow-wrap:break-word;height:auto}
.nx .split>*{min-width:0}.nx .field input,.nx .field textarea,.nx .field select{max-width:100%;min-width:0}.nx .np-actions,.nx .np-list-actions{flex-wrap:wrap;gap:10px;max-width:100%}.nx .np-list-actions form{min-width:0;max-width:100%}