@font-face{font-family:Anton;font-display:swap;src:url("../fonts/Anton-Regular.ttf")}
@font-face{font-family:"Barlow Condensed";font-weight:900;font-display:swap;src:url("../fonts/BarlowCondensed-Black.ttf")}
@font-face{font-family:"Barlow Condensed";font-weight:700;font-display:swap;src:url("../fonts/BarlowCondensed-Bold.ttf")}
@font-face{font-family:"Barlow Condensed";font-weight:600;font-display:swap;src:url("../fonts/BarlowCondensed-SemiBold.ttf")}
@font-face{font-family:Barlow;font-weight:400;font-display:swap;src:url("../fonts/Barlow-Regular.ttf")}
@font-face{font-family:Barlow;font-weight:500;font-display:swap;src:url("../fonts/Barlow-Medium.ttf")}
@font-face{font-family:Barlow;font-weight:700;font-display:swap;src:url("../fonts/Barlow-Bold.ttf")}
:root{--gold:#F5C542;--gold2:#FFDE82;--red:#E63232;--ink:#0B0B0D;--char:#17171B;--char2:#1e1e24;--line:#2A2A31;--txt:#E9E6DE;--mut:#9A98A2;--r:14px;
 --head:Anton,Impact,"Arial Narrow",sans-serif;--cond:"Barlow Condensed","Arial Narrow",sans-serif;--body:Barlow,system-ui,-apple-system,"Segoe UI",sans-serif}
*{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;background:#0A0A0C}
body{font-family:var(--body);color:var(--txt);line-height:1.55;min-height:100vh;display:flex;flex-direction:column;
 background:radial-gradient(ellipse 60% 420px at 85% 0,rgba(245,197,66,.12),transparent 70%),radial-gradient(ellipse 50% 380px at 0 100%,rgba(230,50,50,.10),transparent 70%),linear-gradient(180deg,#121215,#0A0A0C 600px);background-attachment:fixed}
main{flex:1}
img{max-width:100%;display:block}
a{color:var(--gold);text-decoration:none}a:hover{text-decoration:underline}
:focus-visible{outline:3px solid var(--gold);outline-offset:3px;border-radius:6px}
.wrap{max-width:1280px;margin:0 auto;padding:0 24px}
/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(10,10,12,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.hdr .wrap{display:flex;align-items:center;gap:22px;height:68px}
.logo{display:flex;align-items:center;gap:8px;font-family:var(--cond);font-weight:900;font-size:32px;line-height:1;color:var(--gold);letter-spacing:.5px;text-decoration:none!important}
.logo .bar{width:26px;height:5px;background:var(--gold);margin-right:2px}
.logo .plus{background:var(--red);color:#fff;font-size:17px;padding:3px 7px 2px;border-radius:4px;letter-spacing:2px}
.nav{display:flex;gap:4px;margin-left:auto;align-items:center}
.nav a{font-family:var(--cond);font-weight:700;font-size:17px;letter-spacing:1.5px;text-transform:uppercase;color:#cfcdc6;padding:8px 12px;border-radius:8px;transition:.2s;text-decoration:none}
.nav a:hover{color:#fff;background:var(--char2)}
.nav a.on{color:var(--gold)}
.nav a.buy{background:var(--gold);color:#111;margin-left:8px}
.nav a.buy:hover{background:var(--gold2);transform:scale(1.04)}
.nav .cnt{background:var(--red);color:#fff;border-radius:99px;font-size:13px;padding:0 7px;margin-left:4px;font-family:var(--cond)}
.burger{display:none;margin-left:auto;background:none;border:1px solid var(--line);color:var(--gold);width:44px;height:44px;border-radius:10px;font-size:22px;cursor:pointer}
/* type */
h1,h2{font-family:var(--head);font-weight:400;text-transform:uppercase;line-height:1;letter-spacing:.5px;color:#fff}
h1{font-size:clamp(44px,7vw,92px)}h2{font-size:clamp(30px,4vw,46px)}
h3{font-family:var(--cond);font-weight:900;text-transform:uppercase;letter-spacing:.5px;color:#fff;font-size:22px;line-height:1.1}
.g{color:var(--gold)}.r{color:var(--red)}.w{color:#fff}
.eyebrow{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:3px;color:var(--red);text-transform:uppercase;margin-bottom:8px}
.lead{font-size:clamp(17px,1.6vw,20px);color:#D4D1C9;max-width:62ch}
.lead b{color:#fff}
.muted{color:var(--mut)}
section.blk{padding:56px 0}
.sechead{display:flex;justify-content:space-between;align-items:flex-end;gap:16px;margin-bottom:20px;flex-wrap:wrap}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--cond);font-weight:900;font-size:20px;letter-spacing:1.5px;text-transform:uppercase;padding:13px 28px;border-radius:10px;border:2px solid var(--gold);background:var(--gold);color:#111;cursor:pointer;transition:transform .2s,box-shadow .2s,background .2s;text-decoration:none!important}
.btn:hover{transform:scale(1.045);box-shadow:0 8px 28px rgba(245,197,66,.28);background:var(--gold2)}
.btn.ghost{background:transparent;color:var(--gold)}.btn.ghost:hover{background:rgba(245,197,66,.1)}
.btn.red{background:var(--red);border-color:var(--red);color:#fff}.btn.red:hover{background:#ff4747;box-shadow:0 8px 28px rgba(230,50,50,.3)}
.btn.sm{font-size:16px;padding:8px 16px}
.btn[disabled]{opacity:.5;pointer-events:none}
/* hero */
.hero{padding:72px 0 40px}
.hero h1{max-width:12ch}
.hero .lead{margin:22px 0 28px}
.hero .ctas{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn.big{font-size:24px;padding:16px 34px}
.herogrid{display:grid;grid-template-columns:1.15fr .85fr;gap:36px;align-items:center}
.heroart{border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,rgba(255,255,255,.03),transparent);padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.heroart img{border-radius:12px}
/* cards */
.grid3{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}
.card{background:var(--char);border:1px solid var(--line);border-radius:var(--r);padding:20px 20px 20px 24px;position:relative;transition:transform .25s,border-color .25s}
.card:hover{transform:translateY(-4px);border-color:#44444d}
.card:before{content:"";position:absolute;left:0;top:18px;bottom:18px;width:3px;background:var(--gold);border-radius:0 3px 3px 0}
.card p{color:#BDBAB2;font-size:16px;margin-top:6px}
.card .ic{width:40px;height:40px;border-radius:10px;background:rgba(245,197,66,.12);display:flex;align-items:center;justify-content:center;margin-bottom:10px}
.card .ic svg{width:26px;height:26px;stroke:var(--gold);fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.step{background:var(--char);border:1px solid var(--line);border-radius:var(--r);padding:22px;position:relative;overflow:hidden}
.step .n{font-family:var(--head);font-size:64px;line-height:.9;color:transparent;-webkit-text-stroke:1.6px var(--gold)}
.step h3{margin:8px 0 6px}.step p{color:#BDBAB2}
.dashed{border:1px dashed #3A3A42;border-radius:var(--r);padding:16px 20px}
.dashed h4{font-family:var(--cond);font-weight:900;font-size:18px;letter-spacing:1px;text-transform:uppercase;color:var(--gold);margin-bottom:4px}
.dashed p{color:#BDBAB2}.dashed b{color:#fff}
/* poster rows */
.rowwrap{position:relative}
.row{display:flex;gap:14px;overflow-x:auto;padding:10px 4px 18px;scroll-snap-type:x proximity;scrollbar-width:thin;scrollbar-color:#3a3a42 transparent}
.row::-webkit-scrollbar{height:8px}.row::-webkit-scrollbar-thumb{background:#3a3a42;border-radius:8px}
.row>*{flex:0 0 auto;scroll-snap-align:start}
.arrow{position:absolute;top:40%;transform:translateY(-50%);width:44px;height:84px;border:0;border-radius:10px;background:rgba(10,10,12,.85);color:var(--gold);font-size:28px;cursor:pointer;z-index:5;opacity:0;transition:.2s}
.rowwrap:hover .arrow,.arrow:focus-visible{opacity:1}.arrow.l{left:-10px}.arrow.r{right:-10px}
.poster{display:block;width:158px;background:none;border:0;color:inherit;text-align:left;cursor:pointer;font:inherit}
.poster .art{display:block;position:relative;aspect-ratio:2/3;border-radius:12px;overflow:hidden;background:var(--char);border:2px solid transparent;transition:transform .25s,box-shadow .25s,border-color .25s}
.poster:hover .art,.poster:focus-visible .art{transform:scale(1.07);box-shadow:0 14px 34px rgba(0,0,0,.65);border-color:var(--gold);z-index:3}
.poster:focus-visible{outline:none}
.poster img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;display:block}
.poster .gen{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:14px;font-family:var(--head);text-transform:uppercase;font-size:24px;line-height:1.05;color:var(--gold)}
.poster .gen small{font-family:var(--cond);font-size:15px;color:#ddd;letter-spacing:1px;margin-top:4px}
.poster .tick{position:absolute;top:8px;right:8px;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.6);border:2px solid rgba(255,255,255,.55);display:flex;align-items:center;justify-content:center;transition:.2s}
.poster .tick svg{width:18px;height:18px;stroke:#111;stroke-width:3.5;fill:none;stroke-linecap:round;stroke-linejoin:round;opacity:0}
.poster:hover .tick{border-color:var(--gold)}
.poster.sel .art{border-color:var(--gold);box-shadow:0 0 0 2px var(--gold),0 10px 28px rgba(245,197,66,.25)}
.poster.sel .tick{background:var(--gold);border-color:var(--gold)}.poster.sel .tick svg{opacity:1}
.poster .meta{display:block;padding:8px 2px 0}
.poster .t{font-family:var(--cond);font-weight:700;font-size:17px;line-height:1.15;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.poster .y{display:block;font-size:14px;color:var(--mut)}
.pgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(158px,1fr));gap:22px 16px}
.pgrid .poster{width:100%}
/* channel tiles */
.chan{width:250px;border-radius:12px;border:1px solid var(--line);background:linear-gradient(135deg,var(--c1),var(--c2));padding:16px;aspect-ratio:16/9;display:flex;flex-direction:column;justify-content:space-between;transition:transform .25s,border-color .25s;color:#fff}
.chan:hover{transform:scale(1.06);border-color:var(--gold)}
.chan .no{font-family:var(--cond);font-weight:900;font-size:15px;letter-spacing:2px;background:rgba(0,0,0,.45);padding:2px 8px;border-radius:5px;align-self:flex-start}
.chan b{font-family:var(--head);font-weight:400;font-size:26px;text-transform:uppercase;line-height:1}
.chan small{display:block;font-family:var(--cond);font-weight:600;letter-spacing:1px;color:rgba(255,255,255,.8);font-size:14px;text-transform:uppercase;margin-top:3px}
/* toolbar */
.toolbar{display:flex;gap:12px;flex-wrap:wrap;align-items:center;margin:20px 0 6px}
input,select,textarea{font:inherit;color:var(--txt);background:var(--char);border:1px solid #3a3a42;border-radius:10px;padding:11px 14px;width:100%;transition:border-color .2s}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--gold);box-shadow:0 0 0 3px rgba(245,197,66,.2)}
textarea{min-height:110px;resize:vertical}
.toolbar input{flex:1 1 260px;width:auto}.toolbar select{width:auto;flex:0 0 auto}
.tabs{display:flex;gap:6px}
.tabs button{font-family:var(--cond);font-weight:900;font-size:17px;letter-spacing:1.5px;text-transform:uppercase;background:var(--char);border:1px solid #3a3a42;color:#cfcdc6;border-radius:10px;padding:10px 16px;cursor:pointer;transition:.2s}
.tabs button:hover{border-color:var(--gold)}.tabs button.on{background:var(--gold);color:#111;border-color:var(--gold)}
.count{color:var(--mut);margin:8px 0 18px}
.selbar{position:fixed;left:50%;bottom:18px;transform:translate(-50%,120px);background:var(--char);border:1.5px solid var(--gold);border-radius:14px;padding:10px 12px 10px 20px;display:flex;gap:16px;align-items:center;box-shadow:0 12px 40px rgba(0,0,0,.7);z-index:40;transition:transform .3s;max-width:calc(100vw - 24px)}
.selbar.show{transform:translate(-50%,0)}
.selbar b{font-family:var(--cond);font-size:20px;color:#fff}
/* forms */
form .f{margin-bottom:14px}
label{display:block;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:1.5px;text-transform:uppercase;color:var(--mut);margin-bottom:5px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.hp{position:absolute;left:-9999px;opacity:0;height:0;overflow:hidden}
.panel{background:var(--char);border:1px solid var(--line);border-radius:16px;padding:24px}
.thanks{border:1.5px solid var(--gold);background:linear-gradient(180deg,rgba(245,197,66,.10),var(--char));border-radius:16px;padding:28px}
.err{color:#ff7b7b;margin:8px 0;min-height:1.2em}
.badge{display:inline-block;font-family:var(--cond);font-weight:900;font-size:14px;letter-spacing:2px;color:#fff;background:var(--red);padding:4px 10px 3px;border-radius:5px;text-transform:uppercase}
.exbar{border-radius:8px;padding:7px 12px;text-align:center;font-family:var(--cond);font-weight:900;font-size:17px;letter-spacing:3px;text-transform:uppercase;color:#111;background:repeating-linear-gradient(135deg,var(--gold) 0 18px,#E9B52E 18px 36px);margin:18px 0}
/* plans */
.plans{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:18px}
.plan{border-radius:16px;border:1px solid var(--line);background:var(--char);padding:24px;display:flex;flex-direction:column;transition:transform .25s,border-color .25s}
.plan:hover{transform:translateY(-5px)}
.plan.hot{border:1.5px solid var(--gold);background:linear-gradient(180deg,rgba(245,197,66,.10),var(--char) 45%)}
.plan .kind{font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:2px;text-transform:uppercase;color:var(--mut)}
.plan h3{font-size:28px;margin:4px 0 10px}
.plan .price{font-family:var(--head);font-size:54px;color:var(--gold);line-height:1}
.plan .price small{font-family:var(--cond);font-weight:700;font-size:16px;color:var(--red);letter-spacing:1px;text-transform:uppercase;margin-left:6px}
.plan .unit{color:var(--mut);font-size:15px;margin:2px 0 10px}
.plan p.b{color:#cfccc4;margin-bottom:10px}
.plan ul{list-style:none;margin:6px 0 20px}
.plan li{padding-left:18px;position:relative;margin-bottom:6px;color:#d6d3cb}
.plan li:before{content:"";position:absolute;left:0;top:9px;width:7px;height:7px;background:var(--gold);transform:rotate(45deg)}
.plan .btn{margin-top:auto}
/* build page */
.layout2{display:grid;grid-template-columns:1.5fr 1fr;gap:24px;align-items:start}
.sticky{position:sticky;top:88px}
.sellist{max-height:520px;overflow:auto;border:1px solid var(--line);border-radius:12px}
.selitem{display:flex;gap:12px;align-items:center;padding:8px 12px;border-bottom:1px solid var(--line)}
.selitem:last-child{border:0}
.selitem img,.selitem .mini{width:36px;height:54px;border-radius:5px;object-fit:cover;flex:0 0 auto;background:var(--char2)}
.selitem .nm{flex:1;font-family:var(--cond);font-weight:700;font-size:18px;color:#fff;line-height:1.1}
.selitem .nm small{display:block;font-family:var(--body);font-weight:400;color:var(--mut);font-size:13px}
.selitem button{background:none;border:1px solid #3a3a42;color:#cfcdc6;border-radius:8px;width:32px;height:32px;cursor:pointer;font-size:18px}
.selitem button:hover{border-color:var(--red);color:var(--red)}
.stat{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.stat span{color:var(--mut);font-family:var(--cond);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;font-size:15px}
.stat b{font-family:var(--cond);font-weight:900;font-size:24px;color:#fff}
.pricebox{margin:16px 0;padding:16px;border-radius:12px;border:1.5px dashed var(--gold);text-align:center}
.pricebox .big{font-family:var(--head);font-size:48px;color:var(--gold);line-height:1}
.empty{padding:50px 20px;text-align:center;color:var(--mut);border:1px dashed #3a3a42;border-radius:14px}
/* guide */
.epg{border:1px solid var(--line);border-radius:16px;overflow:hidden;background:#0d0d10;box-shadow:0 20px 60px rgba(0,0,0,.5)}
.epgscroll{overflow-x:auto}
.epgtable{min-width:920px;position:relative}
.epgrow{display:grid;grid-template-columns:170px repeat(6,1fr);border-bottom:1px solid var(--line)}
.epgrow:last-child{border:0}
.epghead{background:#16161a;font-family:var(--cond);font-weight:700;letter-spacing:1.5px;color:var(--gold);text-transform:uppercase}
.epghead>div{padding:12px 14px;border-left:1px solid var(--line)}.epghead>div:first-child{border:0;color:var(--mut)}
.epgch{padding:14px;background:#131317;display:flex;gap:10px;align-items:center;font-family:var(--cond);font-weight:900;font-size:19px;color:#fff;text-transform:uppercase;letter-spacing:.5px;line-height:1.05}
.epgch i{font-style:normal;background:var(--red);border-radius:5px;padding:0 7px;font-size:15px}
.epgprog{border-left:1px solid var(--line);padding:12px 14px;font-size:15px;color:#d8d5cd;transition:background .2s,transform .2s;cursor:default;min-height:64px}
.epgprog b{display:block;font-family:var(--cond);font-weight:700;font-size:18px;color:#fff;line-height:1.1}
.epgprog small{color:var(--mut)}
.epgprog:hover{background:rgba(245,197,66,.12)}
.epgprog.now{background:linear-gradient(180deg,rgba(245,197,66,.20),rgba(245,197,66,.06));box-shadow:inset 0 0 0 2px var(--gold)}
.epgprog.past{opacity:.6}
.epgprog.span2{grid-column:span 2}.epgprog.span3{grid-column:span 3}
.epgprog .rw{color:var(--red);font-family:var(--cond);font-weight:900;letter-spacing:1px;font-size:13px}
.legend{display:flex;gap:18px;flex-wrap:wrap;margin-top:14px;color:var(--mut);font-size:15px}
.legend span:before{content:"";display:inline-block;width:12px;height:12px;border-radius:3px;margin-right:6px;vertical-align:-1px;background:var(--c)}
/* tables / misc */
.about{display:grid;grid-template-columns:280px 1fr;gap:36px;align-items:center}
.about img{border-radius:18px;border:3px solid var(--gold);width:280px;aspect-ratio:1;object-fit:cover}
.rights{border-left:3px solid var(--red);padding:12px 16px;background:var(--char);border-radius:0 12px 12px 0;color:#d6d3cb}
.legal h3{margin:26px 0 6px;color:var(--gold)}.legal p,.legal li{color:#d0cdc5;margin-bottom:8px}.legal ul{margin-left:22px}
.draft{background:repeating-linear-gradient(135deg,#3a1215 0 16px,#2b0d10 16px 32px);border:1.5px solid var(--red);border-radius:12px;padding:14px 18px;margin:18px 0;color:#ffd5d5}
.credits{font-size:14px;color:var(--mut)}.credits td,.credits th{padding:5px 10px 5px 0;text-align:left;vertical-align:top;border-bottom:1px solid var(--line)}
.credits table{border-collapse:collapse;width:100%}
/* footer */
.ftr{border-top:1px solid var(--line);margin-top:40px;padding:26px 0 90px;background:rgba(0,0,0,.35)}
.ftr .wrap{display:flex;gap:20px;justify-content:space-between;flex-wrap:wrap;align-items:flex-start}
.ftr .rights{flex:1 1 380px}
.ftr .rights b{color:#fff}
.ftr nav{display:flex;gap:16px;flex-wrap:wrap;font-family:var(--cond);font-weight:700;letter-spacing:1.5px;text-transform:uppercase}
.ftr small{display:block;color:#77757E;margin-top:8px}
.toast{position:fixed;top:80px;right:20px;background:var(--char);border:1px solid var(--gold);color:#fff;padding:10px 16px;border-radius:10px;z-index:80;box-shadow:0 8px 30px rgba(0,0,0,.6)}
@media(max-width:900px){
 .burger{display:block}
 .nav{display:none;position:absolute;top:68px;left:0;right:0;background:#0d0d10;border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;padding:12px 24px 18px}
 .nav.open{display:flex}.nav a.buy{margin:8px 0 0;text-align:center}
 .herogrid,.layout2,.about{grid-template-columns:1fr}.about img{width:200px}
 .sticky{position:static}.two{grid-template-columns:1fr}
 .arrow{display:none}.poster{width:132px}.pgrid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
}
@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto!important}}
.skip{position:absolute;left:-999px;top:8px;z-index:99;background:var(--gold);color:#111;padding:8px 14px;border-radius:8px;font-weight:700}
.skip:focus{left:8px}
.selbar b,.selbar .btn{white-space:nowrap}
@media(max-width:560px){.selbar{gap:8px;padding:8px 8px 8px 12px}.selbar .btn{padding:10px 12px;font-size:14px}}

/* v2.6 plans: marked-down prices, section titles, portal */
.plan .price .was{font-size:26px;color:var(--mut);text-decoration:line-through;margin-right:8px}
.plan .save{display:inline-block;font-family:var(--cond);font-weight:700;font-size:15px;letter-spacing:1px;text-transform:uppercase;color:#111;background:var(--gold);border-radius:6px;padding:2px 9px;margin:6px 0 2px;align-self:flex-start}
.sech{font-size:clamp(26px,3.4vw,38px);margin:26px 0 12px}
.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px;margin:16px 0}
.steps>div{border:1px solid var(--line);border-radius:12px;background:var(--char);padding:16px}
.steps b.n{display:inline-block;font-family:var(--head);font-size:30px;color:var(--gold);margin-right:6px}
.ptable{width:100%;border-collapse:collapse;margin-top:10px}.ptable th,.ptable td{text-align:left;padding:8px 10px;border-bottom:1px solid var(--line);font-size:15px}.ptable th{color:var(--mut);font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;font-size:13px}
.pill{display:inline-block;border-radius:99px;padding:1px 10px;font-size:13px;font-weight:700;background:#233;color:#9fe}.pill.bad{background:#411;color:#f99}.pill.warn{background:#431;color:#fc8}
/* ===== logo, motion & new home sections ===== */
.logo .emblem{width:44px;height:44px;border-radius:50%;flex:0 0 auto;filter:drop-shadow(0 0 10px rgba(245,197,66,.25));transition:transform .35s}
.logo:hover .emblem{transform:rotate(-8deg) scale(1.06)}
.logo .wm{display:flex;align-items:center;gap:8px}
.logo .wm>span:first-child{color:var(--gold)}
.flogo{margin-bottom:10px}.flogo .emblem.big{width:56px;height:56px}
.ftr .contact{font-size:18px;color:#fff;margin:4px 0 8px}.ftr .contact a{color:var(--gold)}
.hdr{transition:background .3s,box-shadow .3s}.hdr.scrolled{background:rgba(8,8,10,.96);box-shadow:0 6px 24px rgba(0,0,0,.45)}
.hero.anim{position:relative;overflow:hidden;isolation:isolate}
.herobg{position:absolute;inset:-4%;z-index:-2;background-size:cover;background-position:center;opacity:.22;animation:kb 28s ease-in-out infinite alternate}
.hero.anim:after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,#0B0B0D 20%,rgba(11,11,13,.75) 60%,rgba(11,11,13,.55)),linear-gradient(0deg,#0B0B0D,transparent 40%)}
.orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(70px);opacity:.35;pointer-events:none}
.orb.o1{width:420px;height:420px;background:var(--gold-glow,rgba(245,197,66,.6));right:6%;top:-120px;animation:orb 14s ease-in-out infinite alternate}
.orb.o2{width:360px;height:360px;background:var(--red-glow,rgba(230,50,50,.55));left:-120px;bottom:-160px;animation:orb 18s ease-in-out infinite alternate-reverse}
.float{animation:float 7s ease-in-out infinite}
.herotext>*{animation:rise .8s both}.herotext>:nth-child(2){animation-delay:.08s}.herotext>:nth-child(3){animation-delay:.16s}.herotext>:nth-child(4){animation-delay:.24s}.herotext>:nth-child(5){animation-delay:.32s}
@keyframes kb{from{transform:scale(1) translate(0,0)}to{transform:scale(1.12) translate(-2%,-2%)}}
@keyframes orb{from{transform:translate(0,0)}to{transform:translate(-60px,50px)}}
@keyframes float{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
@keyframes pulse{0%,100%{box-shadow:0 0 0 0 rgba(245,197,66,.35)}50%{box-shadow:0 0 0 10px rgba(245,197,66,0)}}
.js .reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease}
.js .reveal.in{opacity:1;transform:none}
.grid3>.reveal:nth-child(3n+2){transition-delay:.08s}.grid3>.reveal:nth-child(3n){transition-delay:.16s}
.card .ic{transition:transform .35s,background .35s}.card:hover .ic{transform:translateY(-3px) rotate(-6deg) scale(1.08);background:rgba(245,197,66,.22)}
.card .ic svg path,.card .ic svg rect,.card .ic svg circle{transition:stroke .3s}.card:hover .ic svg{stroke:var(--gold2)}
.stats{padding:8px 0 16px}
.statgrid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat{background:linear-gradient(180deg,var(--char2),var(--char));border:1px solid var(--line);border-radius:var(--r);padding:18px;text-align:center}
.stat b{display:block;font-family:var(--head);font-weight:400;font-size:clamp(34px,4.4vw,54px);line-height:1;color:var(--gold)}
.stat span{font-family:var(--cond);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#cfcdc6;font-size:15px}
.vidgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:36px;align-items:center}
.vidbox{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;box-shadow:0 20px 60px rgba(0,0,0,.55),0 0 0 1px rgba(245,197,66,.08)}
.vidbox video,.vidbox iframe{width:100%;height:100%;display:block;border:0;object-fit:cover}
.step{transition:transform .3s,border-color .3s}.step:hover{transform:translateY(-4px);border-color:var(--gold)}
.ctapanel{background:linear-gradient(120deg,rgba(230,50,50,.12),rgba(245,197,66,.06))}
.ctapanel .btn:first-child{animation:pulse 2.6s infinite}
/* poster hover motion */
.row .poster,.row>a{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s}
.row .poster:hover,.row>a:hover{transform:translateY(-6px) scale(1.04);box-shadow:0 14px 34px rgba(0,0,0,.6),0 0 0 2px var(--gold)}
/* packs */
.packs{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.pack{background:var(--char);border:1px solid var(--line);border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;position:relative;transition:transform .3s,border-color .3s,box-shadow .3s}
.pack:hover{transform:translateY(-6px);border-color:var(--gold);box-shadow:0 16px 40px rgba(0,0,0,.5)}
.pack.pop{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold) inset}
.pack .tag{position:absolute;top:-12px;right:18px;background:var(--red);color:#fff;font-family:var(--cond);font-weight:900;letter-spacing:1.5px;text-transform:uppercase;font-size:14px;padding:3px 10px;border-radius:99px}
.pack .boxes{font-family:var(--head);font-size:56px;line-height:1;color:#fff}.pack .boxes small{font-size:22px;color:var(--gold);margin-left:6px}
.pack .price{font-family:var(--head);font-size:40px;color:var(--gold);line-height:1}
.pack .unit{color:var(--mut);font-size:15px}
.pack ul{list-style:none;display:grid;gap:6px;color:#cfcdc6;font-size:15px;margin:6px 0 10px}.pack li:before{content:"✓ ";color:var(--gold);font-weight:700}
.pack .btn{margin-top:auto}
/* buyer dashboard */
.dcards{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.dcard{background:var(--char);border:1px solid var(--line);border-radius:var(--r);padding:18px}
.dcard b{display:block;font-family:var(--head);font-weight:400;font-size:48px;line-height:1;color:var(--gold)}
.dcard span{font-family:var(--cond);font-weight:700;letter-spacing:1.5px;text-transform:uppercase;color:#cfcdc6}
.dcard.left{border-color:var(--gold)}
.meter{height:10px;background:#26262c;border-radius:99px;overflow:hidden;margin:14px 0 4px}.meter i{display:block;height:100%;background:linear-gradient(90deg,var(--gold),var(--red));border-radius:99px;transition:width 1s}
.tbl{width:100%;border-collapse:collapse;font-size:15px}.tbl th,.tbl td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line)}.tbl th{font-family:var(--cond);letter-spacing:1px;text-transform:uppercase;color:var(--mut);font-weight:700}
.tblwrap{overflow-x:auto}
.pill{display:inline-block;border-radius:99px;padding:1px 10px;font-size:13px;font-weight:700}.pill.ok{background:rgba(60,190,110,.15);color:#6fe09b}.pill.bad{background:rgba(230,50,50,.15);color:#ff7d7d}
@media (max-width:900px){.vidgrid{grid-template-columns:1fr}.statgrid{grid-template-columns:repeat(2,1fr)}.dcards{grid-template-columns:1fr}
 .orb{display:none}.herobg{animation:none}.float{animation:none}}
@media (max-width:560px){.logo .wm{font-size:26px}.logo .emblem{width:38px;height:38px}}
@media (prefers-reduced-motion:reduce){.herobg,.orb,.float,.herotext>*,.ctapanel .btn:first-child{animation:none!important}
 .js .reveal{opacity:1;transform:none;transition:none}.row .poster:hover,.row>a:hover,.pack:hover,.card:hover,.step:hover{transform:none}}
.pack .price .was{font-size:24px;color:var(--mut);text-decoration:line-through;margin-right:6px}
/* buyer dashboard: storefront requests */
.reqs{display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}
.req{border-left:4px solid var(--gold)}.req.s-in-progress{border-left-color:#5aa9ff}.req.s-done{border-left-color:#5c5c66;opacity:.8}
.reqhead{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.reqhead b{flex:1 1 auto}.reqhead select{width:auto;padding:6px 10px}
.req p{margin:6px 0}.req .rnote{white-space:pre-wrap;background:#0f0f12;border-radius:8px;padding:8px 10px}
.rtl{margin:8px 0 0 18px;max-height:220px;overflow:auto}
.chk{display:flex!important;gap:10px;align-items:flex-start;font-weight:500;cursor:pointer}.chk input{width:auto;margin-top:4px}
.sech{scroll-margin-top:90px}
.pill.demo{background:#3a2a5e;color:#d9c8ff;border:1px solid #7a5cc7}
.demoline{margin:12px 0 4px;padding:12px 14px;border:1px dashed #7a5cc7;border-radius:12px;background:rgba(122,92,199,.08)}
.vidbox .vposter{width:100%;height:auto;display:block;object-fit:cover}