:root{
  --bg:#05070b; --bg2:#090d14; --panel:#0d121b; --panel2:#121927;
  --text:#f7f9ff; --muted:#aeb8cc; --line:rgba(255,255,255,.09);
  --cyan:#24b8ff; --magenta:#c20c87; --orange:#f6a21a; --green:#27d36f;
  --shadow:0 24px 70px rgba(0,0,0,.42); --radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth} body{margin:0;background:linear-gradient(180deg,#030509,#070b12 48%,#090d14);color:var(--text);font-family:Arial,"Noto Sans Arabic",sans-serif;direction:rtl;text-align:right;min-height:100vh} button,input,a,summary{font:inherit} a{text-decoration:none;color:inherit} img{max-width:100%;display:block}
body:before{content:"";position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 8%,rgba(36,184,255,.14),transparent 26%),radial-gradient(circle at 78% 12%,rgba(194,12,135,.15),transparent 28%),radial-gradient(circle at 70% 78%,rgba(246,162,26,.09),transparent 26%)}
.container{width:min(1240px,calc(100% - 32px));margin:auto}.site-header{position:sticky;top:0;z-index:50;background:rgba(4,7,11,.86);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.header-inner{min-height:78px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:20px}.logo{width:155px}.main-nav{display:flex;justify-content:center;gap:4px;flex-wrap:wrap}.main-nav a{padding:10px 12px;border-radius:11px;color:#cbd3e5;font-size:14px}.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.05);color:#fff}.header-actions{display:flex;gap:8px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 18px;border-radius:14px;border:1px solid var(--line);cursor:pointer;font-weight:800;transition:.2s}.btn:hover{transform:translateY(-1px)}.btn-primary{color:#fff;border:0;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--orange));box-shadow:0 12px 28px rgba(0,0,0,.25)}.btn-secondary{background:rgba(255,255,255,.035);color:#fff}.btn-green{background:var(--green);color:#06140b;border:0}.btn-wide{width:100%}.page{padding:34px 0 90px}.page-hero{padding:54px 0 28px}.eyebrow{display:inline-block;color:var(--cyan);font-size:12px;font-weight:900;letter-spacing:.15em;margin-bottom:11px}.page-title{font-size:clamp(34px,4.5vw,64px);line-height:1.18;margin:0 0 14px;max-width:800px}.page-title .brand-gradient{background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent}.lead{font-size:18px;color:var(--muted);line-height:1.95;max-width:760px;margin:0}.hero-grid{display:grid;grid-template-columns:1.08fr .92fr;gap:28px;align-items:center}.hero-card,.card,.panel{background:linear-gradient(180deg,rgba(15,20,31,.96),rgba(8,12,20,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}.hero-card{padding:34px;position:relative;overflow:hidden}.hero-card:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;left:-90px;bottom:-130px;background:radial-gradient(circle,rgba(36,184,255,.17),rgba(194,12,135,.08),transparent 68%)}.hero-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}.tv-showcase{padding:28px;min-height:360px;display:grid;place-items:center;background:radial-gradient(circle at 50% 42%,rgba(36,184,255,.15),transparent 32%),radial-gradient(circle at 70% 70%,rgba(194,12,135,.13),transparent 32%),linear-gradient(180deg,#0b1019,#06080d);border:1px solid var(--line);border-radius:28px;box-shadow:var(--shadow)}.tv-box{width:min(440px,92%);aspect-ratio:16/10;border:1px solid rgba(255,255,255,.15);border-radius:18px;background:#05070a;display:grid;place-items:center;box-shadow:0 0 35px rgba(36,184,255,.10),0 0 50px rgba(194,12,135,.08)}.tv-box img{width:66%}.feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:22px}.feature{padding:18px;border-radius:18px;background:rgba(255,255,255,.025);border:1px solid var(--line)}.feature b{display:block;margin-bottom:7px}.feature span{color:var(--muted);font-size:13px;line-height:1.75}.section{margin-top:28px}.section-head{display:flex;justify-content:space-between;gap:18px;align-items:end;margin-bottom:18px}.section-head h2{margin:0;font-size:32px}.section-head p{margin:7px 0 0;color:var(--muted)}.grid-4{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.card{padding:22px}.price-card{position:relative;overflow:hidden}.price-card:before{content:"";position:absolute;width:140px;height:140px;border-radius:50%;left:-40px;bottom:-55px;background:radial-gradient(circle,rgba(36,184,255,.18),rgba(194,12,135,.09),transparent 70%)}.price-card h3{font-size:24px;margin:5px 0}.price{font-size:34px;font-weight:900;margin:14px 0 18px;direction:ltr;text-align:right}.card-note{color:var(--muted);font-size:14px;line-height:1.8}.market-tabs{display:flex;gap:8px;flex-wrap:wrap}.market-tab{border:1px solid var(--line);background:rgba(255,255,255,.035);color:#fff;padding:11px 15px;border-radius:13px;cursor:pointer}.market-tab.active{border-color:transparent;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--orange))}.notice{padding:15px 18px;border-radius:16px;background:rgba(246,162,26,.08);border:1px solid rgba(246,162,26,.2);color:#ffe3b4;margin:16px 0}.hidden{display:none!important}.form-card{max-width:680px;margin:auto;padding:28px}.form-grid{display:grid;gap:16px}.form-grid label{display:grid;gap:8px;font-weight:800}.input{width:100%;background:#070a11;color:#fff;border:1px solid var(--line);border-radius:14px;padding:15px 16px;outline:none}.input:focus{border-color:rgba(36,184,255,.55);box-shadow:0 0 0 3px rgba(36,184,255,.08)}.ltr{direction:ltr;text-align:right;unicode-bidi:plaintext}.helper{font-size:13px;color:var(--muted);line-height:1.8}.error{color:#ff9dac;background:rgba(255,80,110,.07);border:1px solid rgba(255,80,110,.15);padding:11px 13px;border-radius:12px}.ok{color:#9bf0bd;background:rgba(39,211,111,.07);border:1px solid rgba(39,211,111,.15);padding:11px 13px;border-radius:12px}.summary-card{padding:20px;margin-bottom:18px}.summary-row{display:flex;justify-content:space-between;gap:16px;padding:9px 0;border-bottom:1px dashed rgba(255,255,255,.07)}.summary-row:last-child{border-bottom:0}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.step{padding:20px}.step-num{width:42px;height:42px;display:grid;place-items:center;border-radius:14px;background:linear-gradient(90deg,var(--cyan),var(--magenta),var(--orange));font-weight:900;margin-bottom:14px}.step h3{margin:0 0 9px;font-size:18px}.step p{margin:0;color:var(--muted);line-height:1.85;font-size:14px}.faq-list{display:grid;gap:12px}.faq-item{padding:0 18px}.faq-item summary{cursor:pointer;list-style:none;padding:18px 28px 18px 0;font-weight:900;position:relative}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary:before{content:"+";position:absolute;right:0;top:50%;transform:translateY(-50%);color:var(--cyan);font-size:24px}.faq-item[open] summary:before{content:"–"}.faq-item p{margin:0 0 18px;color:var(--muted);line-height:1.9}.codes-list{display:grid;gap:14px;margin-top:20px}.code-item{padding:20px}.code-line{display:flex;justify-content:space-between;gap:16px;align-items:center;flex-wrap:wrap}.activation-code{direction:ltr;font:900 22px/1.2 monospace;background:#05070b;border:1px dashed rgba(36,184,255,.45);padding:12px 14px;border-radius:12px}.success-wrap{text-align:center;max-width:760px;margin:auto}.success-icon{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;margin:0 auto 18px;background:var(--green);color:#06130a;font-size:38px;font-weight:900}.support-box{display:grid;grid-template-columns:1fr auto;gap:20px;align-items:center}.footer{border-top:1px solid var(--line);padding:28px 0 40px;color:#8e99af}.footer-inner{display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.footer-logo{width:120px}.whatsapp{position:fixed;left:18px;bottom:18px;z-index:30}.loading{color:var(--muted);padding:18px;text-align:center}.empty{color:var(--muted);padding:20px;border:1px dashed var(--line);border-radius:16px;text-align:center}.small{font-size:13px}
@media(max-width:1050px){.header-inner{grid-template-columns:1fr;justify-items:center;padding:12px 0}.main-nav{order:3}.header-actions{order:2}.hero-grid{grid-template-columns:1fr}.grid-4{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:min(100% - 22px,1240px)}.page{padding-top:20px}.main-nav{justify-content:flex-start;overflow:auto;width:100%;flex-wrap:nowrap}.main-nav a{white-space:nowrap}.header-actions{width:100%;display:grid;grid-template-columns:1fr 1fr}.hero-card,.card,.form-card{padding:20px}.page-title{font-size:34px}.feature-row,.grid-4,.grid-3,.steps{grid-template-columns:1fr}.section-head,.support-box{display:grid;grid-template-columns:1fr;align-items:start}.market-tabs{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-actions{display:grid;grid-template-columns:1fr}.whatsapp{left:12px;right:12px}.whatsapp .btn{width:100%}}


/* Admin code stock */
.admin-shell{min-height:100vh;display:grid;grid-template-columns:280px 1fr;direction:ltr}.admin-side,.admin-main{direction:rtl}.admin-side{position:sticky;top:0;height:100vh;padding:28px 22px;background:linear-gradient(180deg,#0a0d14,#07090d);border-right:1px solid rgba(255,255,255,.06)}.admin-logo{width:180px;display:block;margin:0 auto 28px}.admin-side-title{font-size:24px;font-weight:900;margin-bottom:8px}.admin-side p{color:var(--muted);line-height:1.9;margin-bottom:24px}.admin-main{padding:34px;min-width:0}.admin-login{max-width:520px;margin:10vh auto;padding:30px}.admin-login h1{font-size:34px;margin:0 0 10px}.admin-login-form{display:grid;gap:16px;margin-top:22px}.admin-header{display:flex;justify-content:space-between;align-items:flex-end;gap:18px;margin-bottom:24px}.admin-header h1{font-size:38px;margin:0 0 8px}.admin-header p{color:var(--muted);margin:0}.admin-header-actions{display:flex;gap:10px}.stock-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-bottom:22px}.stock-card{padding:22px;border-radius:24px;background:linear-gradient(180deg,#111620,#0b0e15);border:1px solid rgba(255,255,255,.08);box-shadow:var(--shadow);cursor:pointer}.stock-good{border-color:rgba(41,204,106,.22)}.stock-low{border-color:rgba(242,161,34,.38)}.stock-danger{border-color:rgba(255,76,108,.48)}.stock-top{display:flex;justify-content:space-between;align-items:flex-start}.stock-label{color:var(--muted)}.stock-card h3{font-size:48px;margin:8px 0 0}.stock-card small{color:var(--muted)}.stock-ring{width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:rgba(35,185,255,.08);border:1px solid rgba(35,185,255,.22);font-weight:900}.stock-meta{display:flex;justify-content:space-between;gap:8px;margin-top:20px;padding-top:14px;border-top:1px solid rgba(255,255,255,.06);font-size:13px;color:var(--muted)}.stock-meta b{color:#fff}.stock-warning{margin-top:14px;padding:9px 11px;border-radius:12px;background:rgba(242,161,34,.09);color:#ffd289;font-size:13px}.admin-grid{display:grid;grid-template-columns:380px 1fr;gap:18px}.admin-card{padding:24px}.admin-card h2{margin:0 0 8px}.admin-card form{display:grid;gap:14px;margin-top:18px}.admin-card select,.admin-card textarea,.table-filters select{width:100%;background:#080b11;color:#fff;border:1px solid rgba(255,255,255,.10);border-radius:13px;padding:12px;outline:none}.admin-card textarea{direction:ltr;text-align:left;font-family:monospace;resize:vertical}.table-head{display:flex;justify-content:space-between;align-items:flex-end;gap:14px;margin-bottom:16px}.table-filters{display:flex;gap:8px;min-width:270px}.table-scroll{overflow:auto}.admin-table{width:100%;border-collapse:collapse;min-width:720px}.admin-table th,.admin-table td{padding:13px 12px;border-bottom:1px solid rgba(255,255,255,.06);text-align:right}.admin-table th{color:var(--muted);font-size:13px}.admin-table code{direction:ltr;display:inline-block;color:#fff;background:rgba(255,255,255,.04);padding:6px 9px;border-radius:8px}.status-pill{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:12px;font-weight:800}.status-available{background:rgba(41,204,106,.12);color:#78efa8}.status-sold{background:rgba(203,11,134,.12);color:#ff8bd1}.status-reserved{background:rgba(242,161,34,.12);color:#ffd07a}.status-disabled{background:rgba(255,255,255,.07);color:#aaa}.table-empty{text-align:center!important;color:var(--muted);padding:40px!important}.maintenance-card{margin-top:18px;display:flex;justify-content:space-between;align-items:center;gap:18px}.hidden{display:none!important}
@media(max-width:1200px){.admin-shell{grid-template-columns:1fr}.admin-side{position:relative;height:auto}.stock-grid{grid-template-columns:repeat(2,1fr)}.admin-grid{grid-template-columns:1fr}}@media(max-width:700px){.admin-main{padding:18px}.stock-grid{grid-template-columns:1fr}.admin-header,.maintenance-card,.table-head{display:grid}.table-filters{min-width:0;display:grid;grid-template-columns:1fr 1fr}}


/* v1.4.4 responsive storefront refresh */
html{background:#030509;}body{font-family:'NRT Reg',Arial,sans-serif;overflow-x:hidden;}
.site-header{background:rgba(3,6,11,.82);box-shadow:0 10px 40px rgba(0,0,0,.22);}
.header-inner{min-height:72px;grid-template-columns:auto 1fr auto;}
.logo{width:142px;}
.main-nav a{font-weight:700;transition:.2s;}
.main-nav a.active{box-shadow:inset 0 -2px 0 var(--cyan);}
.hero-card{background:linear-gradient(145deg,rgba(13,22,36,.98),rgba(8,10,18,.98));border-color:rgba(36,184,255,.12);}
.hero-card:before{content:'';position:absolute;inset:auto -80px -160px auto;width:360px;height:360px;border-radius:50%;background:radial-gradient(circle,rgba(194,12,135,.17),transparent 68%);pointer-events:none;}
.tv-showcase{min-height:390px;border-color:rgba(36,184,255,.12);}
.tv-box{box-shadow:0 0 0 1px rgba(255,255,255,.05),0 20px 80px rgba(36,184,255,.11);}
.section{margin-top:42px;}
.section-head h2{font-size:clamp(25px,3vw,36px);}
.grid-4{gap:18px;}
.price-card{padding:24px;border-color:rgba(255,255,255,.10);min-height:315px;display:flex;flex-direction:column;}
.price-card:hover{transform:translateY(-5px);border-color:rgba(36,184,255,.45);box-shadow:0 24px 60px rgba(0,0,0,.34),0 0 30px rgba(36,184,255,.06);}
.price-card .card-note{flex:1;}
.price-card .btn{margin-top:14px;}
.market-tabs{width:max-content;max-width:100%;padding:4px;border-radius:999px;background:rgba(255,255,255,.035);border:1px solid var(--line);}
.market-tab{border:0;border-radius:999px;padding:10px 18px;background:transparent;}
.market-tab.active{box-shadow:0 8px 24px rgba(36,184,255,.16);}
.btn{font-weight:800;}
.input{font-family:'NRT Reg',Arial,sans-serif;}
@media(max-width:1050px){.header-inner{grid-template-columns:1fr auto;}.logo{width:128px}.main-nav{grid-column:1/-1;grid-row:2;justify-content:flex-start;overflow-x:auto;flex-wrap:nowrap;padding-bottom:4px;scrollbar-width:none}.main-nav::-webkit-scrollbar{display:none}.header-actions{grid-column:2;grid-row:1}.hero-grid{gap:18px}.tv-showcase{min-height:300px}.grid-4{grid-template-columns:repeat(2,1fr);}}
@media(max-width:700px){.container{width:calc(100% - 20px)}.site-header{position:sticky}.header-inner{grid-template-columns:1fr auto;gap:10px;padding:10px 0}.logo{width:118px}.header-actions{gap:6px}.header-actions .btn{min-height:40px;padding:0 10px;font-size:12px}.main-nav{gap:2px}.main-nav a{padding:8px 10px;font-size:12px}.page{padding-bottom:65px}.hero-card{padding:22px}.hero-grid{display:flex;flex-direction:column}.tv-showcase{width:100%;min-height:220px;padding:18px}.tv-box{width:82%}.feature-row{grid-template-columns:1fr;gap:10px}.feature{padding:15px}.grid-4,.grid-3{grid-template-columns:1fr}.section{margin-top:30px}.section-head{gap:12px}.section-head .btn{width:100%}.market-tabs{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:3px}.market-tab{padding:9px 6px;font-size:12px}.price-card{min-height:285px;padding:20px}.price{font-size:30px}.form-card{padding:18px}.support-box{padding:20px!important}.footer-inner{justify-content:center;text-align:center}.whatsapp{left:10px;right:10px;bottom:10px}.whatsapp .btn{min-height:44px}.activation-code{font-size:19px;max-width:100%;overflow:auto;}}

/* v1.4.14 storefront redesign — white / ONE TV red */
:root{--bg:#f7f8fa;--bg2:#fff;--panel:#fff;--panel2:#fff;--text:#111318;--muted:#68707d;--line:#e8ebef;--red:#ef2d2d;--red-dark:#d91f1f;--green:#16a34a;--shadow:0 18px 55px rgba(22,30,42,.10);--radius:22px;--cyan:#ef2d2d;--magenta:#ef2d2d;--orange:#ef2d2d}
html{background:#f7f8fa}body{background:linear-gradient(180deg,#fff 0%,#f7f8fa 58%,#fff 100%);color:var(--text);font-family:'NRT Reg',Arial,sans-serif}body:before{background:radial-gradient(circle at 82% 12%,rgba(239,45,45,.07),transparent 25%),radial-gradient(circle at 12% 38%,rgba(239,45,45,.045),transparent 23%)}
.site-header{background:rgba(255,255,255,.92);border-bottom:1px solid #eceff2;box-shadow:0 6px 28px rgba(20,28,40,.05)}.header-inner{min-height:76px}.logo{width:132px}.main-nav a{color:#3f4652}.main-nav a:hover,.main-nav a.active{background:#fff1f1;color:var(--red);box-shadow:none}.header-actions .btn-secondary{background:#fff;color:#252a33;border-color:#e3e6eb}.btn{border-radius:13px;min-height:44px}.btn-primary{background:var(--red);color:#fff;box-shadow:0 10px 24px rgba(239,45,45,.20)}.btn-primary:hover{background:var(--red-dark)}.btn-secondary{background:#fff;color:#262b33;border-color:#dfe3e8}.btn-green{background:#18a957;color:#fff}
.page{padding-top:28px}.hero-grid{gap:34px}.hero-card,.card,.panel{background:#fff;border:1px solid #e8ebef;box-shadow:var(--shadow)}.hero-card{padding:44px;border-radius:28px}.hero-card:after{width:330px;height:330px;background:radial-gradient(circle,rgba(239,45,45,.10),transparent 68%)}.eyebrow{color:var(--red);letter-spacing:.08em}.page-title{font-size:clamp(38px,5vw,68px);font-weight:900;letter-spacing:-.03em}.page-title .brand-gradient{background:none;color:var(--red)}.lead{color:#68707d}.hero-actions{margin-top:28px}.feature-row{gap:12px}.feature{background:#fff;border:1px solid #eceff2;box-shadow:0 8px 22px rgba(20,28,40,.05)}.feature b{color:#1d222a}.feature span{color:#747c89}.tv-showcase{min-height:430px;background:linear-gradient(145deg,#fff,#f2f4f7);border:1px solid #e6e9ed;box-shadow:var(--shadow);position:relative;overflow:hidden}.tv-showcase:before{content:'';position:absolute;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(239,45,45,.12),transparent 65%);top:-120px;right:-80px}.tv-box{width:min(520px,94%);background:#12151b;border:10px solid #171a20;border-bottom-width:16px;border-radius:12px;box-shadow:0 28px 45px rgba(10,15,24,.22);position:relative;z-index:1}.tv-box:after{content:'ONE TV';position:absolute;left:50%;bottom:-38px;transform:translateX(-50%);font-size:11px;color:#555}.tv-box img{width:44%;filter:brightness(0) invert(1);opacity:.96}.section{margin-top:50px}.section-head h2{color:#161a20;font-size:clamp(28px,3vw,38px)}.section-head p{color:#737b88}.grid-4{gap:18px}.price-card{min-height:320px;padding:28px;transition:.2s}.price-card:before{background:radial-gradient(circle,rgba(239,45,45,.10),transparent 70%)}.price-card:hover{transform:translateY(-6px);border-color:#ffc7c7;box-shadow:0 24px 60px rgba(22,30,42,.12)}.price-card:nth-child(2){border:2px solid #ffb7b7;box-shadow:0 20px 50px rgba(239,45,45,.10)}.price-card:nth-child(2):after{content:'پێشنیاری زۆر باش';position:absolute;top:14px;left:18px;background:var(--red);color:#fff;border-radius:999px;padding:6px 11px;font-size:11px;font-weight:900}.price-card h3{font-size:23px}.price{font-size:35px;color:#15191f}.card-note{color:#707887}.market-tabs{background:#f5f6f8;border:1px solid #e4e7eb;padding:4px;border-radius:999px}.market-tab{color:#505866;background:transparent}.market-tab.active{background:var(--red);color:#fff;box-shadow:0 8px 20px rgba(239,45,45,.16)}.notice{background:#fff8ed;border-color:#ffe1b2;color:#805313}.form-card{background:#fff;border-color:#e8ebef}.input{background:#fff;color:#15191f;border-color:#dfe3e8}.input:focus{border-color:#ff9b9b;box-shadow:0 0 0 3px rgba(239,45,45,.08)}.summary-card{background:#fafbfc;border-color:#e7eaee}.activation-code{background:#15181d;color:#fff;border-color:#ff9b9b}.success-icon{background:#16a34a;color:#fff}.footer{background:#fff;border-top:1px solid #e8ebef;color:#717986}.empty{color:#69717d;border-color:#dfe3e8}.whatsapp .btn{box-shadow:0 12px 28px rgba(24,169,87,.18)}
@media(max-width:1050px){.hero-grid{grid-template-columns:1fr}.tv-showcase{min-height:350px}.grid-4{grid-template-columns:repeat(2,1fr)}}
@media(max-width:700px){.container{width:calc(100% - 24px)}.header-inner{min-height:66px}.hero-card{padding:24px}.page-title{font-size:38px}.tv-showcase{min-height:250px}.tv-box{width:88%}.grid-4,.grid-3{grid-template-columns:1fr}.price-card:nth-child(2){order:-1}.feature-row{grid-template-columns:1fr}.main-nav a{font-size:12px}.header-actions .btn{font-size:12px}}

/* v1.4.14.1 — cinematic hero banner only; keep the rest of the storefront white */
.hero-banner{position:relative;overflow:hidden;margin:0 calc(50% - 50vw);background:#07090d;color:#fff;border-top:1px solid #111722;border-bottom:1px solid #111722;min-height:620px;}
.hero-banner:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 72% 42%,rgba(255,83,0,.12),transparent 28%),linear-gradient(90deg,rgba(5,7,10,.98) 0%,rgba(5,7,10,.90) 37%,rgba(5,7,10,.28) 66%,rgba(5,7,10,.12) 100%);z-index:1;pointer-events:none}
.hero-banner:after{content:"";position:absolute;inset:0;background-image:url('/hero-filmstrip-reference.jpg');background-repeat:no-repeat;background-size:190px auto;background-position:left center;opacity:.72;z-index:1;pointer-events:none;mask-image:linear-gradient(90deg,#000 0%,transparent 100%);}
.hero-banner-inner{width:min(1400px,calc(100% - 32px));min-height:620px;margin:auto;display:grid;grid-template-columns:minmax(390px,.9fr) minmax(520px,1.1fr);grid-template-rows:1fr auto;align-items:center;gap:10px;position:relative;z-index:2;padding:28px 0 24px}
.hero-copy{position:relative;z-index:4;padding:30px 12px 20px 40px;max-width:650px}
.hero-copy .eyebrow{color:#ff3b30;font-size:13px;margin-bottom:16px}
.hero-copy .page-title{color:#fff;font-size:clamp(40px,4.5vw,66px);line-height:1.25;margin-bottom:18px;max-width:650px}
.hero-copy .page-title .brand-gradient{color:#ff2d25;background:none}
.hero-copy .lead{color:rgba(255,255,255,.82);font-size:17px;max-width:590px;line-height:2}
.hero-copy .hero-actions{margin-top:28px}
.hero-copy .btn-secondary{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.15);color:#fff;backdrop-filter:blur(8px)}
.hero-visual{align-self:stretch;display:flex;align-items:center;justify-content:flex-end;min-width:0;position:relative;z-index:3}
.hero-visual img{width:min(850px,100%);height:auto;max-height:560px;object-fit:contain;object-position:center right;filter:drop-shadow(0 28px 50px rgba(0,0,0,.55));border-radius:12px;mix-blend-mode:screen}
.hero-stats{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);gap:0;width:min(1080px,calc(100% - 60px));margin:0 auto;background:rgba(12,15,20,.88);border:1px solid rgba(255,255,255,.10);border-radius:18px;backdrop-filter:blur(14px);box-shadow:0 18px 45px rgba(0,0,0,.35);overflow:hidden;position:relative;z-index:5}
.hero-stats>div{padding:17px 22px;text-align:center;border-left:1px solid rgba(255,255,255,.10)}
.hero-stats>div:last-child{border-left:0}
.hero-stats b{display:block;font-size:25px;line-height:1.2;color:#fff;font-weight:900}
.hero-stats>div:nth-child(3) b,.hero-stats>div:nth-child(4) b{color:#ff3b30}
.hero-stats span{display:block;color:rgba(255,255,255,.65);font-size:12px;margin-top:5px}
@media(max-width:1050px){.hero-banner{min-height:0}.hero-banner-inner{grid-template-columns:1fr;grid-template-rows:auto auto auto;min-height:0;padding:28px 0 22px}.hero-copy{padding:26px 24px 0;max-width:760px}.hero-visual{justify-content:center;order:2}.hero-visual img{width:min(780px,100%);max-height:430px}.hero-stats{order:3;width:calc(100% - 20px)}}
@media(max-width:700px){.hero-banner{margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero-banner-inner{width:calc(100% - 18px);padding:18px 0}.hero-copy{padding:18px 14px 0}.hero-copy .page-title{font-size:34px}.hero-copy .lead{font-size:14px;line-height:1.85}.hero-visual img{max-height:300px}.hero-stats{width:100%;grid-template-columns:repeat(2,1fr);border-radius:15px}.hero-stats>div{border-left:1px solid rgba(255,255,255,.10);border-bottom:1px solid rgba(255,255,255,.10);padding:13px 8px}.hero-stats>div:nth-child(2),.hero-stats>div:nth-child(4){border-left:0}.hero-stats>div:nth-child(3),.hero-stats>div:nth-child(4){border-bottom:0}.hero-stats b{font-size:20px}.hero-stats span{font-size:11px}.hero-copy .hero-actions .btn{min-height:42px;padding:0 13px}}


/* v1.4.14.2 — mobile hero order + compact headline; stats removed */
.hero-banner-inner{grid-template-rows:1fr;}
.hero-copy .page-title{font-size:clamp(34px,3.6vw,52px);line-height:1.28;}
@media(max-width:1050px){
  .hero-banner-inner{grid-template-columns:1fr;grid-template-rows:auto auto;display:grid;}
  .hero-visual{order:1;}
  .hero-copy{order:2;}
}
@media(max-width:700px){
  .hero-banner-inner{display:flex;flex-direction:column;padding:0 0 22px;gap:0;}
  .hero-visual{order:1;width:100%;min-height:0;display:block;}
  .hero-visual img{width:100%;max-height:none;height:auto;object-fit:contain;object-position:center top;border-radius:0;filter:drop-shadow(0 20px 34px rgba(0,0,0,.45));}
  .hero-copy{order:2;width:100%;padding:22px 16px 4px;text-align:center;}
  .hero-copy .eyebrow{font-size:11px;margin-bottom:9px;}
  .hero-copy .page-title{font-size:24px;line-height:1.55;letter-spacing:-.015em;margin:0 auto 12px;max-width:100%;}
  .hero-copy .lead{font-size:13px;line-height:1.9;margin:0 auto;max-width:100%;}
  .hero-copy .hero-actions{justify-content:center;margin-top:18px;flex-direction:column;}
  .hero-copy .hero-actions .btn{width:100%;min-height:46px;}
}

.tutorial-section{margin-top:34px}.tutorial-video-card{background:linear-gradient(180deg,rgba(15,20,31,.96),rgba(8,12,20,.98));border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.tutorial-video{display:block;width:100%;aspect-ratio:16/9;background:#05070b;object-fit:contain}.tutorial-video-footer{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:16px 18px;color:#dbe3f3;font-weight:800}.tutorial-video-footer span{color:#dbe3f3}@media(max-width:700px){.tutorial-section{margin-top:24px}.tutorial-video-footer{display:grid;grid-template-columns:1fr;gap:10px}.tutorial-video-footer .btn{width:100%}}


/* Tutorial fullscreen player */
.tutorial-launch-card{min-height:180px;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at center,rgba(255,45,45,.12),rgba(8,12,20,.98) 65%);}
.tutorial-play{border:0;border-radius:999px;padding:16px 30px;background:#ff2b2b;color:#fff;font:inherit;font-weight:900;font-size:18px;cursor:pointer;box-shadow:0 12px 30px rgba(255,43,43,.22);}
.tutorial-play:hover{filter:brightness(1.06);}
.tutorial-modal[hidden]{display:none}
.tutorial-modal{position:fixed;inset:0;z-index:99999;display:flex;align-items:center;justify-content:center;padding:18px;}
.tutorial-modal-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.94);backdrop-filter:blur(8px);}
.tutorial-modal-content{position:relative;z-index:1;width:min(1200px,96vw);height:min(90vh,720px);display:flex;align-items:center;justify-content:center;background:#000;border-radius:14px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.55);}
.tutorial-modal-content:fullscreen{width:100vw;height:100vh;border-radius:0;}
.tutorial-video{width:100%;height:100%;object-fit:contain;background:#000;display:block;}
.tutorial-close{position:absolute;z-index:3;top:10px;right:10px;width:42px;height:42px;border:1px solid rgba(255,255,255,.25);border-radius:50%;background:rgba(0,0,0,.65);color:#fff;font-size:28px;line-height:1;cursor:pointer;}
body.tutorial-open{overflow:hidden;}
@media(max-width:700px){.tutorial-launch-card{min-height:150px}.tutorial-play{width:calc(100% - 32px);font-size:16px}.tutorial-modal{padding:0}.tutorial-modal-content{width:100vw;height:100vh;border-radius:0}.tutorial-close{top:12px;right:12px;}}