:root{--bg:#0b0b12;--fg:#f5f5f7;--mut:#a3a3b2;--acc:#ff2d55;--acc2:#ffd60a;--card:#161622;--line:#2a2a3a}
*{box-sizing:border-box}body{margin:0;font:16px/1.55 system-ui,-apple-system,Segoe UI,Roboto,sans-serif;background:var(--bg);color:var(--fg)}
a{color:var(--acc2)}img{max-width:100%;height:auto;display:block}h1,h2,h3{line-height:1.15}h2{font-size:clamp(1.5rem,3vw,2.2rem);margin-top:0}
.wrap{max-width:1180px;margin:0 auto;padding:0 20px}section.wrap{padding-top:56px;padding-bottom:8px}.narrow{max-width:460px}
.top{position:sticky;top:0;z-index:10;background:rgba(11,11,18,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.top .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:64px;flex-wrap:wrap}
.nav{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.nav a{color:var(--fg);text-decoration:none;font-size:.95rem}.nav a[aria-current]{color:var(--acc2)}
.btn{display:inline-block;background:var(--acc);color:#fff!important;border:0;border-radius:999px;padding:12px 22px;font-weight:600;text-decoration:none;cursor:pointer;font-size:1rem}
.btn.sm{padding:7px 14px;font-size:.88rem}.btn.ghost{background:transparent;border:1px solid var(--fg)}
.hero{position:relative;min-height:78vh;display:grid;align-items:end;overflow:hidden}.hero>picture img,.hero>video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.45)}
.hero-in{position:relative;padding:80px 20px}.hero h1{font-size:clamp(2.6rem,8vw,5.5rem);margin:.2em 0;letter-spacing:.02em}.lead{font-size:1.2rem;color:#ddd}
.badge,.tag{display:inline-block;background:var(--acc);padding:4px 12px;border-radius:999px;font-size:.8rem;font-weight:700}.tag{background:#333}
.stats{display:flex;gap:28px;flex-wrap:wrap;margin:22px 0}.stats div{display:flex;flex-direction:column;color:var(--mut);font-size:.9rem}.stats b{font-size:1.9rem;color:var(--fg)}
.grid2,.grid3,.grid4{display:grid;gap:20px}.grid2{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.grid4{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}
.card{background:var(--card);border:1px solid var(--line);border-radius:16px;overflow:hidden}.pad,.card .pad{padding:20px}.loc img{aspect-ratio:3/2;object-fit:cover;width:100%}
.num{color:var(--acc);font-weight:800}.pkg{padding:22px;display:flex;flex-direction:column;gap:6px}.pkg.featured{border-color:var(--acc)}.pkg .btn{margin-top:auto;text-align:center}
.price{font-size:2rem;font-weight:800;margin:0}.price small{font-size:1rem;color:var(--mut)}ul{padding-left:20px}
.band{background:linear-gradient(120deg,#1a0b14,#14142a);padding:56px 0;margin-top:56px}.band.alt{background:linear-gradient(120deg,#2a1500,#140b1a)}
.map{height:380px;border-radius:16px;background:#151520 url(/img/live-poster.webp) center/cover;display:grid;place-items:center;border:1px solid var(--line)}
.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%}td,th{border-bottom:1px solid var(--line);padding:8px 10px;text-align:left;vertical-align:top}
.score td{text-align:center;font-size:1.2rem}.sy{color:#30d158}.sm{color:var(--acc2)}.sn{color:#ff453a}.muted{color:var(--mut);font-size:.9rem}
.form{display:grid;gap:14px;max-width:720px}.form label{display:grid;gap:4px;font-size:.92rem}.row{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
input,select,textarea{background:#0f0f18;color:var(--fg);border:1px solid var(--line);border-radius:10px;padding:10px;font:inherit}fieldset{border:1px solid var(--line);border-radius:10px}
.chk{display:flex!important;grid-template-columns:none;align-items:center;gap:8px}.chk.disabled{opacity:.35}.inline{display:inline-flex;gap:8px;align-items:center}
.ok{background:#0f3d1e;padding:10px 14px;border-radius:10px}.err{background:#4a1111;padding:10px 14px;border-radius:10px;color:#fff}
.foot{border-top:1px solid var(--line);margin-top:64px;padding:40px 0 20px;color:var(--mut)}.foot a{display:block;color:var(--mut);text-decoration:none;margin:3px 0}.foot .social a{display:inline}.copy{font-size:.85rem}
.wa{position:fixed;right:18px;bottom:18px;background:#25d366;color:#000;padding:12px 18px;border-radius:999px;font-weight:700;text-decoration:none;z-index:20}
.screens .card{padding:16px}.dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:6px}.dot.online{background:#30d158}.dot.offline{background:#ff453a}.dot.unknown,.dot.manual{background:#888}
.st{padding:2px 8px;border-radius:6px;background:#333;font-size:.8rem}.st-paid,.st-active,.st-approved{background:#0f3d1e}.st-pending_payment,.st-pending{background:#4a3a00}.st-rejected,.st-cancelled,.st-payment_failed{background:#4a1111}
.subnav{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:12px}.big{font-size:2rem}.admin table input{width:auto;padding:4px}.pagehead{padding:56px 0 0}
@media (max-width:700px){.nav{gap:10px}.hero{min-height:70vh}}
/* pay-per-play */
.sched td,.sched th{padding:2px 4px;text-align:center;font-size:12px}.sched td.pk,.lg.pk{background:#5a2a1a}.sched td.dt,.lg.dt{background:#1f3550}.sched td.op,.lg.op{background:#1d3a2a}.sched td.na{opacity:.3}
.lg{display:inline-block;width:12px;height:12px;border-radius:2px;vertical-align:middle}.form.wide{max-width:none}.ratecard td,.ratecard th{text-align:left}
/* creatives: mock billboard, designer, go-live steps */
.bbrow,.bbgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px;margin:12px 0}
.bbmock{margin:0;display:flex;flex-direction:column;align-items:center}
.bbframe{width:100%;background:#22232b;padding:8px;border-radius:6px;box-shadow:0 6px 20px #0006;border:2px solid #3a3b46}
.bbscreen{width:100%;background:#000;display:flex;align-items:center;justify-content:center;overflow:hidden;color:#777;font-size:13px}
.bbscreen img,.bbscreen video{width:100%;height:100%;object-fit:fill;display:block}
.bbpole{width:14px;height:44px;background:linear-gradient(90deg,#444,#777,#444)}
.bbmock figcaption{font-size:12px;color:#999;margin-top:4px;text-align:center}
.bbmock.bad .bbframe{border-color:#d33}.bbmock.good .bbframe{border-color:#2a2}
.creative p{margin:.4em 0}.st.ok{background:#1f6f3a;color:#fff}.st.bad{background:#8a1c1c;color:#fff}.st.warn{background:#8a5a00;color:#fff}
.steps{list-style:none;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px}.steps li{padding:10px 12px;border-radius:6px;background:#ffffff0d;border-left:4px solid #666}.steps li.done{border-color:#2a2}
.tabs{margin:12px 0}.dz{display:grid;grid-template-columns:minmax(260px,360px) 1fr;gap:20px;align-items:start}.dzprev canvas{width:100%;height:auto;border:1px solid #444;background:#000}
@media(max-width:800px){.dz{grid-template-columns:1fr}}

.btn.design{background:linear-gradient(90deg,#e6007e,#ff8a00);box-shadow:0 0 0 2px rgba(255,255,255,.15)}.note8{background:#fff3cd;color:#3a2a00;border-radius:8px;padding:8px 12px}.dzcount{font-weight:600}.dzcount.over{color:#c00}

/* ---- mobile / responsive (desktop unchanged) ---- */
.navtoggle,.mdesign{display:none}
.grid2{grid-template-columns:repeat(auto-fit,minmax(min(320px,100%),1fr))}.grid3{grid-template-columns:repeat(auto-fit,minmax(min(280px,100%),1fr))}.grid4{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.bbrow,.bbgrid{grid-template-columns:repeat(auto-fill,minmax(min(260px,100%),1fr))}.steps{grid-template-columns:repeat(auto-fit,minmax(min(220px,100%),1fr))}
.row{grid-template-columns:repeat(auto-fit,minmax(min(160px,100%),1fr))}
input,select,textarea{max-width:100%;min-width:0}.form>*,.row>*,.dz>*,.grid2>*,.grid3>*,.grid4>*{min-width:0}
.inline{flex-wrap:wrap;max-width:100%}.inline input{min-width:0;flex:1 1 160px}
main{overflow-wrap:break-word}canvas,video{max-width:100%}
@media (max-width:900px){
 input,select,textarea{font-size:16px}
 .top .wrap{flex-wrap:nowrap;min-height:60px;gap:10px}.brand img{width:108px;height:auto}
 .mdesign{display:inline-flex;align-items:center;margin-left:auto;min-height:44px;white-space:nowrap}
 .navtoggle{display:inline-flex;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;padding:10px;background:transparent;border:1px solid var(--line);border-radius:10px;cursor:pointer;flex:none}
 .navtoggle span{display:block;height:2px;background:var(--fg);border-radius:2px}
 .nav{display:none;position:absolute;left:0;right:0;top:100%;flex-direction:column;align-items:stretch;gap:0;background:#0b0b12;border-bottom:1px solid var(--line);padding:6px 20px 16px;max-height:calc(100vh - 60px);overflow-y:auto}
 .nav.open{display:flex}.nav a{display:flex;align-items:center;min-height:48px;font-size:1.05rem;border-bottom:1px solid var(--line)}
 .nav a.btn{justify-content:center;margin-top:10px;border-bottom:0;font-size:1rem}
}
@media (max-width:700px){
 .wrap{padding:0 16px}section.wrap{padding-top:36px}.pagehead{padding:36px 0 0}
 input,select,textarea{font-size:16px;min-height:44px}textarea{min-height:88px}
 .form input:not([type=checkbox]):not([type=radio]),.form select,.form textarea,.form .btn,.form button{width:100%}
 .btn{min-height:44px;display:inline-flex;align-items:center;justify-content:center}.btn.sm{min-height:44px;padding:10px 16px}
 .subnav{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:6px}.subnav a{flex:none;display:inline-flex;align-items:center;min-height:44px;padding:0 12px;background:var(--card);border:1px solid var(--line);border-radius:999px;text-decoration:none;white-space:nowrap}
 .map{height:300px}#pickmap{height:320px!important}
 .tablewrap{-webkit-overflow-scrolling:touch;margin:0 -16px;padding:0 16px}td,th{padding:8px 6px;font-size:.92rem}.tablewrap table{min-width:520px}.tablewrap table.sched{min-width:0}
 table:not(.sched) td,table:not(.sched) th{overflow-wrap:normal}
 .admin table input{min-height:36px;font-size:16px}
 .foot a{min-height:40px;display:flex;align-items:center;margin:0}.foot .social a{display:inline-flex}
 .hero-in{padding:56px 16px}.lead{font-size:1.05rem}.stats{gap:18px}
 .dz{grid-template-columns:1fr}
 .chk{min-height:44px}.chk input{width:22px;height:22px;min-height:0;flex:none}
}