:root {
    --a: #E64A19;
    --al: #FF5722;
    --ag: rgba(230,74,25,0.3);
    --bg: #030305;
    --c0: rgba(8,7,12,0.97);
    --c1: rgba(14,12,20,0.9);
    --b0: rgba(255,255,255,0.05);
    --b1: rgba(255,255,255,0.09);
    --t0: #ffffff;
    --t1: #b0b0c0;
    --t2: #68687a;
}

body { background: var(--bg); color: var(--t0); overflow-x: hidden; }

/* ── HEADER WIDTH OVERRIDE ───────────────────── */
header { max-width: 1400px; }

/* ── HERO ─────────────────────────────────────── */
.ov-hero {
    width: 100%; max-width: 1400px;
    padding: 16px 40px 44px;
}
.ov-tag {
    display: inline-flex; align-items: center; gap: 8px;
    background: rgba(230,74,25,0.07);
    border: 1px solid rgba(230,74,25,0.2);
    border-radius: 100px; padding: 5px 14px;
    font-size: 10px; font-weight: 700; letter-spacing: 2.5px;
    color: var(--al); text-transform: uppercase; margin-bottom: 22px;
}
.ov-tag-dot {
    width: 5px; height: 5px; border-radius: 50%;
    background: var(--al); box-shadow: 0 0 7px var(--al);
    animation: dot-pulse 2s ease-in-out infinite;
}
@keyframes dot-pulse {
    0%,100%{opacity:1;transform:scale(1)}
    50%{opacity:.35;transform:scale(.75)}
}
.ov-h1 {
    font-family: 'Orbitron', sans-serif;
    font-size: clamp(2.6rem,5.5vw,4.8rem);
    font-weight: 900; line-height: 1.05; margin-bottom: 18px;
}
.ov-h1 span:first-child { display: block; color: #fff; letter-spacing: 1px; }
.ov-h1 span:last-child {
    display: block;
    background: linear-gradient(115deg,#fff 0%,var(--al) 45%,#FF8A65 100%);
    -webkit-background-clip: text; background-clip: text; color: transparent;
    filter: drop-shadow(0 0 28px rgba(230,74,25,.45));
    letter-spacing: 3px;
}
.ov-sub {
    max-width: 580px; font-size: 1rem; color: var(--t1);
    line-height: 1.7; margin-bottom: 30px;
}
.ov-btns { display: flex; gap: 12px; flex-wrap: wrap; }
.btn-prim {
    display: inline-flex; align-items: center; gap: 8px;
    background: linear-gradient(135deg,var(--a),#BF360C);
    color:#fff; text-decoration:none; padding:13px 28px;
    border-radius:11px; font-size:13px; font-weight:700;
    letter-spacing:1px; text-transform:uppercase;
    box-shadow:0 8px 28px rgba(230,74,25,.38);
    transition:transform .3s,box-shadow .3s; position:relative; overflow:hidden;
}
.btn-prim::after {
    content:''; position:absolute; inset:0;
    background:linear-gradient(135deg,rgba(255,255,255,.13) 0%,transparent 55%);
    opacity:0; transition:opacity .3s;
}
.btn-prim:hover{transform:translateY(-3px);box-shadow:0 14px 38px rgba(230,74,25,.52)}
.btn-prim:hover::after{opacity:1}
.btn-sec {
    display: inline-flex; align-items: center; gap: 7px;
    background: rgba(255,255,255,.04); border: 1px solid rgba(255,255,255,.09);
    color:#bbb; text-decoration:none; padding:13px 28px;
    border-radius:11px; font-size:13px; font-weight:500;
    letter-spacing:1px; text-transform:uppercase;
    transition:all .3s;
}
.btn-sec:hover{border-color:rgba(230,74,25,.3);color:#fff;background:rgba(230,74,25,.05);transform:translateY(-3px)}

/* ── MODULE PILLS ─────────────────────────────── */
.ov-pills {
    width: 100%; max-width: 1400px;
    padding: 0 40px; margin-bottom: 40px;
    display: flex; gap: 8px; flex-wrap: wrap;
}
.pill-nav {
    display: inline-flex; align-items: center; gap: 6px;
    background: rgba(12,11,18,.85); border: 1px solid rgba(255,255,255,.07);
    border-radius: 100px; padding: 7px 16px;
    font-size: 11px; font-weight: 600; letter-spacing: 1px; color: var(--t1);
    text-decoration: none; text-transform: uppercase; cursor: pointer;
    transition: all .25s;
}
.pill-nav:hover{border-color:rgba(230,74,25,.35);color:var(--al);background:rgba(230,74,25,.06);transform:translateY(-2px)}
.pill-nav-ico{font-size:13px}

/* ── SECTION DIVIDER ──────────────────────────── */
.ov-divider {
    width: 100%; max-width: 1400px;
    padding: 0 40px; margin-bottom: 22px;
    display: flex; align-items: center; gap: 14px;
}
.ov-divider-line { flex:1; height:1px; background:linear-gradient(90deg,rgba(230,74,25,.28),transparent); }
.ov-divider-label {
    font-family:'Orbitron',sans-serif; font-size:10px; font-weight:700;
    letter-spacing:4px; color:var(--a); text-transform:uppercase; white-space:nowrap;
}

/* ── BOT GRID ─────────────────────────────────── */
.ov-grid {
    width: 100%; max-width: 1400px;
    padding: 0 40px; margin-bottom: 16px;
    display: grid; grid-template-columns: repeat(12,1fr); gap: 16px;
}
.ov-half { grid-column: span 6; }
.ov-full { grid-column: span 12; }

/* ── BOT CARD BASE ────────────────────────────── */
.bc {
    background: var(--c0);
    border: 1px solid var(--b0);
    border-radius: 22px; overflow: hidden;
    position: relative; display: flex; flex-direction: column;
    transition: border-color .35s, box-shadow .35s, transform .35s;
}
.bc::before {
    content:''; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg,transparent,var(--a),transparent);
    opacity:0; transition:opacity .35s; z-index:2;
}
.bc:hover { border-color:rgba(230,74,25,.2); transform:translateY(-7px); box-shadow:0 24px 60px rgba(0,0,0,.65),0 0 40px rgba(230,74,25,.06); }
.bc:hover::before { opacity:1; }

.bc.bc-pop { border-color:rgba(230,74,25,.18); animation: pop-glow 3.5s ease-in-out infinite; }
@keyframes pop-glow {
    0%,100%{box-shadow:0 0 20px rgba(230,74,25,.07),0 16px 40px rgba(0,0,0,.5)}
    50%{box-shadow:0 0 40px rgba(230,74,25,.14),0 16px 40px rgba(0,0,0,.5)}
}
.bc.bc-pop:hover { animation:none; }

.bc-wm {
    position:absolute; bottom:-14px; right:18px;
    font-family:'Orbitron',sans-serif; font-size:120px; font-weight:900;
    color:rgba(255,255,255,.025); line-height:1;
    pointer-events:none; user-select:none; z-index:0;
}

.bc-shimmer {
    position:absolute; inset:0;
    background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.035) 50%,transparent 70%);
    background-size:200% 100%; opacity:0; transition:opacity .3s; pointer-events:none; z-index:1;
}
.bc:hover .bc-shimmer { opacity:1; animation:shimmer 1.6s ease infinite; }
@keyframes shimmer { 0%{background-position:-200% 0} 100%{background-position:200% 0} }

/* ── CARD INFO AREA ───────────────────────────── */
.bc-info {
    padding: 26px 26px 20px; position:relative; z-index:2;
    display:flex; flex-direction:column; gap:14px; flex:1;
}

.bc-head { display:flex; align-items:center; gap:10px; justify-content:space-between; }
.bc-head-l { display:flex; align-items:center; gap:10px; }
.bc-ico {
    width:44px; height:44px; border-radius:12px;
    background:rgba(230,74,25,.1); border:1px solid rgba(230,74,25,.2);
    display:flex; align-items:center; justify-content:center;
    font-size:20px; flex-shrink:0;
    box-shadow:0 0 16px rgba(230,74,25,.1);
}
.bc-title {
    font-family:'Orbitron',sans-serif; font-size:1.25rem; font-weight:700; line-height:1.1;
}
.bc-title em { font-style:normal; color:var(--al); }

.badge {
    display:inline-flex; align-items:center; gap:5px;
    border-radius:100px; padding:3px 10px;
    font-size:9px; font-weight:700; letter-spacing:1.5px; text-transform:uppercase;
    white-space:nowrap;
}
.badge::before { width:5px; height:5px; border-radius:50%; content:''; }
.badge-active{background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.22);color:#22c55e}
.badge-active::before{background:#22c55e;box-shadow:0 0 6px #22c55e}
.badge-pop{background:rgba(230,74,25,.12);border:1px solid rgba(230,74,25,.25);color:var(--al)}
.badge-pop::before{background:var(--al);box-shadow:0 0 6px var(--al)}
.badge-new{background:rgba(139,92,246,.12);border:1px solid rgba(139,92,246,.25);color:#a78bfa}
.badge-new::before{background:#a78bfa;box-shadow:0 0 6px #a78bfa}
.badge-top{background:rgba(234,179,8,.1);border:1px solid rgba(234,179,8,.22);color:#facc15}
.badge-top::before{background:#facc15;box-shadow:0 0 6px #facc15}
.badge-pro{background:rgba(6,182,212,.1);border:1px solid rgba(6,182,212,.22);color:#22d3ee}
.badge-pro::before{background:#22d3ee;box-shadow:0 0 6px #22d3ee}

.bc-desc { font-size:13.5px; color:var(--t1); line-height:1.65; }

.bc-pills { display:flex; flex-wrap:wrap; gap:6px; }
.bc-pill {
    background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.07);
    border-radius:7px; padding:4px 10px;
    font-size:11px; font-weight:500; color:var(--t1); letter-spacing:.3px;
    transition:all .2s;
}
.bc-pill:hover{background:rgba(230,74,25,.07);border-color:rgba(230,74,25,.2);color:var(--al)}

.bc-keys {
    display:flex; flex-wrap:wrap; gap:8px;
    padding-top:14px; border-top:1px solid rgba(255,255,255,.04);
}
.bc-key {
    display:inline-flex; align-items:center; gap:5px;
    font-size:11px; color:var(--t2);
}
kbd {
    display:inline-block; background:rgba(255,255,255,.06);
    border:1px solid rgba(255,255,255,.12); border-bottom-width:2px;
    border-radius:5px; padding:2px 7px;
    font-family:'Orbitron',monospace; font-size:9px; font-weight:700;
    color:#ccc; letter-spacing:.5px;
    box-shadow:inset 0 -1px 0 rgba(0,0,0,.5);
}

/* ── SCREENSHOT ────────────────────────────────── */
.bc-shot {
    position: relative;
    background: rgba(4,3,8,.55);
    border-top: 1px solid rgba(255,255,255,.04);
    border-radius: 0 0 21px 21px;
    overflow: hidden;
    padding: 16px;
    display: flex; align-items: center; justify-content: center;
    flex-shrink: 0;
}
.bc-shot img {
    max-width: 100%;
    max-height: 268px;
    width: auto; height: auto;
    object-fit: contain;
    display: block;
    border-radius: 10px;
    cursor: zoom-in;
    box-shadow: 0 6px 26px rgba(0,0,0,.7);
    border: 1px solid rgba(255,255,255,.13);
    transition: transform .5s ease, box-shadow .4s;
}
.bc:hover .bc-shot img {
    transform: scale(1.025) translateY(-3px);
    box-shadow: 0 12px 40px rgba(0,0,0,.85), 0 0 20px rgba(230,74,25,.1);
}
.bc-shot-zoom {
    position:absolute; bottom:20px; right:22px; z-index:3;
    background:rgba(0,0,0,.55); backdrop-filter:blur(8px);
    border:1px solid rgba(255,255,255,.1); border-radius:7px;
    padding:4px 9px; font-size:9px; font-weight:700;
    letter-spacing:1px; color:rgba(255,255,255,.4); text-transform:uppercase;
    opacity:0; transition:opacity .3s; pointer-events:none;
}
.bc:hover .bc-shot-zoom { opacity:1; }

/* ── WIDE CARD ───────────────────────────────── */
.bc-wide { flex-direction: row !important; }
.bc-wide .bc-info { flex:1; min-width:0; }
.bc-wide .bc-shot {
    width:50%; flex-shrink:0;
    border-top:none; border-left:1px solid rgba(255,255,255,.04);
    border-radius: 0 21px 21px 0;
    overflow: hidden;
    padding:24px 20px; min-height:320px;
}
.bc-wide .bc-shot img {
    max-height:420px;
    border:1px solid rgba(255,255,255,.13);
}

/* ── WIDE CARD SIDE SHOT ──────────────────────── */
.bc-shot-side {
    width: 50%; flex-shrink: 0;
    border-top: none; border-left: 1px solid rgba(255,255,255,.04);
    border-radius: 0 21px 21px 0;
    padding: 24px 20px; min-height: 320px;
}
.bc-shot-side img { max-height: 380px; }

/* ── LAUNCHER CARD (CORE PLATFORM) ───────────── */
.lc-card {
    flex-direction: row !important;
    background: linear-gradient(135deg, rgba(22,9,4,.98) 0%, rgba(10,7,18,.98) 100%) !important;
    border-color: rgba(230,74,25,.32) !important;
    box-shadow: 0 0 0 1px rgba(230,74,25,.12),
                0 24px 60px rgba(0,0,0,.7),
                0 0 80px rgba(230,74,25,.08) !important;
}
.lc-card::before { opacity: 1 !important; }
.lc-card::after {
    content: '';
    position: absolute; top: -60px; right: -60px;
    width: 400px; height: 400px;
    background: radial-gradient(circle, rgba(230,74,25,.09) 0%, transparent 70%);
    pointer-events: none; z-index: 0;
}
.lc-card .bc-title { font-size: 1.6rem; }
.lc-card .bc-info { flex: 0 0 44%; }
.lc-shots {
    flex:1; padding:22px 22px 22px 0;
    display:grid; grid-template-columns:1fr 1fr;
    gap:12px; align-content:center;
    position: relative; z-index: 1;
}
.lc-frame {
    border-radius:12px; overflow:hidden;
    border:1px solid rgba(255,255,255,.11);
    box-shadow:0 10px 32px rgba(0,0,0,.7);
    cursor:zoom-in; transition:all .4s ease;
    background:rgba(4,3,8,.5);
    display:flex; align-items:center; justify-content:center;
    padding:14px;
}
.lc-frame:hover {
    border-color:rgba(230,74,25,.35);
    box-shadow:0 16px 45px rgba(0,0,0,.85),0 0 25px rgba(230,74,25,.14);
    transform:translateY(-4px) scale(1.01);
}
.lc-frame img {
    max-width:100%; max-height:220px;
    width:auto; height:auto; object-fit:contain;
    display:block; border-radius:8px;
    border:1px solid rgba(255,255,255,.10);
    transition:none;
}

.lc-crown {
    width:100%; max-width:1400px; padding:0 40px;
    margin-bottom:10px;
    display:flex; align-items:center; gap:14px;
}
.lc-crown-badge {
    display:inline-flex; align-items:center; gap:8px;
    background:linear-gradient(135deg,rgba(230,74,25,.18),rgba(191,54,12,.12));
    border:1px solid rgba(230,74,25,.35); border-radius:10px;
    padding:8px 18px;
    font-family:'Orbitron',sans-serif; font-size:10px; font-weight:800;
    letter-spacing:3px; color:var(--al); text-transform:uppercase;
    white-space:nowrap;
    box-shadow:0 0 20px rgba(230,74,25,.15);
}
.lc-crown-badge svg { flex-shrink:0; }
.lc-crown-line {
    flex:1; height:1px;
    background:linear-gradient(90deg,rgba(230,74,25,.3),transparent);
}

/* ── CTA ──────────────────────────────────────── */
.ov-cta {
    width:100%; max-width:1400px;
    padding: 24px 40px 70px;
}
.cta-inner {
    background: linear-gradient(135deg,rgba(18,7,4,.97) 0%,rgba(7,5,16,.97) 100%);
    border: 1px solid rgba(230,74,25,.18); border-radius:24px;
    padding: 52px 60px;
    display: grid; grid-template-columns: 1fr auto; gap: 60px;
    align-items: center; position:relative; overflow:hidden;
}
.cta-inner::before {
    content:''; position:absolute; top:0; left:0; right:0; height:1px;
    background:linear-gradient(90deg,transparent,var(--a) 30%,var(--al) 70%,transparent); opacity:.75;
}
.cta-inner::after {
    content:''; position:absolute; bottom:-130px; right:-130px;
    width:450px; height:450px;
    background:radial-gradient(circle,rgba(230,74,25,.07) 0%,transparent 70%);
    pointer-events:none;
}
.cta-tag {
    display:inline-flex; align-items:center; gap:6px;
    background:rgba(230,74,25,.08); border:1px solid rgba(230,74,25,.18);
    border-radius:6px; padding:4px 10px;
    font-size:10px; font-weight:700; letter-spacing:2px; color:var(--al);
    text-transform:uppercase; margin-bottom:16px;
}
.cta-h {
    font-family:'Orbitron',sans-serif;
    font-size:clamp(1.7rem,3.2vw,2.6rem); font-weight:900; line-height:1.15;
    margin-bottom:20px;
}
.cta-h em { font-style:normal; background:linear-gradient(110deg,var(--al),#FF8A65); -webkit-background-clip:text; background-clip:text; color:transparent; }
.cta-list { display:flex; flex-direction:column; gap:9px; }
.cta-item {
    display:flex; align-items:center; gap:10px;
    font-size:13.5px; color:var(--t1);
}
.cta-item-check {
    width:19px; height:19px; border-radius:6px;
    background:rgba(230,74,25,.1); border:1px solid rgba(230,74,25,.2);
    display:flex; align-items:center; justify-content:center; flex-shrink:0;
}
.cta-item-check svg { width:10px; height:10px; }
.cta-actions {
    display:flex; flex-direction:column; align-items:center; gap:13px; position:relative; z-index:1;
}
.btn-cta {
    display:inline-flex; align-items:center; justify-content:center; gap:9px;
    background:linear-gradient(135deg,var(--a),#BF360C);
    color:#fff; text-decoration:none; padding:17px 42px;
    border-radius:13px; font-size:14px; font-weight:700;
    letter-spacing:1.5px; text-transform:uppercase;
    box-shadow:0 10px 36px rgba(230,74,25,.42);
    transition:all .3s; position:relative; overflow:hidden; white-space:nowrap;
}
.btn-cta::before {
    content:''; position:absolute; top:0; left:-100%;
    width:100%; height:100%;
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.11),transparent);
    transition:left .5s ease;
}
.btn-cta:hover{transform:translateY(-4px);box-shadow:0 18px 50px rgba(230,74,25,.58)}
.btn-cta:hover::before{left:100%}
.cta-link {
    font-size:11px; color:var(--t2); text-decoration:none;
    letter-spacing:1px; text-transform:uppercase; font-weight:500;
    transition:color .3s;
}
.cta-link:hover{color:#aaa}

/* ── LIGHTBOX ─────────────────────────────────── */
.lb {
    display:none; position:fixed; inset:0;
    background:rgba(0,0,0,.93); backdrop-filter:blur(18px);
    z-index:9999; justify-content:center; align-items:center;
    cursor:zoom-out; opacity:0; transition:opacity .3s;
}
.lb.on { display:flex; opacity:1; }
.lb-inner { position:relative; max-width:92%; max-height:92vh; }
.lb-inner img {
    max-width:100%; max-height:90vh; border-radius:14px;
    box-shadow:0 0 70px rgba(230,74,25,.22),0 40px 90px rgba(0,0,0,.85);
    border:1px solid rgba(230,74,25,.18);
    transform:scale(.85); transition:transform .35s cubic-bezier(.175,.885,.32,1.275);
}
.lb.on .lb-inner img { transform:scale(1); }
.lb-x {
    position:absolute; top:-13px; right:-13px;
    width:30px; height:30px; background:rgba(18,16,26,.97);
    border:1px solid rgba(255,255,255,.1); border-radius:50%;
    display:flex; align-items:center; justify-content:center;
    cursor:pointer; font-size:12px; color:#aaa; z-index:2;
    transition:all .2s;
}
.lb-x:hover{background:rgba(230,74,25,.2);color:#fff;border-color:var(--a)}

/* ── RESPONSIVE ───────────────────────────────── */
@media(max-width:1100px) {
    .ov-half{grid-column:span 12}
    .bc-wide{flex-direction:column !important}
    .bc-wide .bc-shot{width:100%;min-height:220px}
    .cta-inner{grid-template-columns:1fr}
    .cta-actions{align-items:flex-start}
}
@media(max-width:768px) {
    .ov-hero,.ov-pills,.ov-divider,.ov-grid,.ov-cta{padding-left:16px;padding-right:16px}
    .ov-h1{font-size:clamp(2rem,8vw,3rem)}
    .cta-inner{padding:32px 24px}
    .bc-info{padding:20px 20px 16px}
}