/*
 * home.css — DreamCore
 */

/* ═══════════════════════ HERO ═══════════════════════ */
.hero { position:relative;min-height:calc(100vh - 66px);display:flex;align-items:center;padding:var(--gap-hero-top) 0 var(--gap-section); }
.hero__inner { position:relative;z-index:2;display:grid;grid-template-columns:1fr 460px;gap:60px;align-items:center; }
.hero__label { display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;border:1px solid var(--border);background:rgba(255,255,255,.04);color:var(--sub);font-size:12px;font-weight:600;letter-spacing:.1em;margin-bottom:22px; }
.hero__label-dot { width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 2s infinite; }
.hero__label-ver { padding:2px 8px;border-radius:6px;background:rgba(255,77,28,.12);border:1px solid rgba(255,77,28,.25);color:var(--fire-2);font-size:10px;font-weight:800; }
.hero__title { margin-bottom:18px;font-family:var(--font-d);line-height:.9; }
.hero__title-top { display:block;font-size:clamp(58px,8vw,108px);letter-spacing:.02em;background:linear-gradient(160deg,#fff 40%,rgba(255,255,255,.62));-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.hero__title-glitch { display:block;font-size:clamp(44px,6.5vw,86px);letter-spacing:.08em;color:var(--fire);text-shadow:0 0 28px rgba(255,77,28,.5);animation:glitch-flicker 8s infinite; }
@keyframes glitch-flicker { 0%,96%,100%{opacity:1;text-shadow:0 0 28px rgba(255,77,28,.5)}97%{opacity:.8;text-shadow:-3px 0 #0ff,3px 0 var(--fire)}98%{opacity:1;text-shadow:3px 0 rgba(255,77,28,1),-3px 0 rgba(0,200,255,.5)}99%{opacity:.9;text-shadow:0 0 28px rgba(255,77,28,.5)} }
.hero__desc { font-size:17px;line-height:1.8;color:var(--sub);max-width:520px;margin-bottom:22px; }
.hero__actions { display:flex;flex-wrap:wrap;gap:12px;margin-bottom:36px; }
.hero__stats { display:inline-flex;align-items:center;padding:16px 22px;border-radius:var(--r);position:relative;overflow:hidden; }
.hero__stats::before { content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,77,28,.04),transparent);pointer-events:none; }
.stat { display:flex;flex-direction:column;padding:0 22px; }
.stat:first-child { padding-left:0; }
.stat strong { font-family:var(--font-d);font-size:32px;letter-spacing:.04em;line-height:1;margin-bottom:3px;background:linear-gradient(160deg,#fff 30%,var(--fire-2));-webkit-background-clip:text;-webkit-text-fill-color:transparent; }
.stat span { font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--muted); }
.stat__sep { width:1px;height:36px;background:var(--border);flex-shrink:0; }

/* ═══════════════════════ HUD KARTI ═══════════════════════ */
.hero__visual { display:flex;justify-content:flex-end;perspective:1200px;width:100%;max-width:450px; }
.hud__card-inner { position:relative;width:100%;min-height:460px;transform-style:preserve-3d;will-change:transform; }
.hud__card { position:absolute;top:0;left:0;width:100%;height:100%;padding:28px;border-radius:var(--r-xl);box-shadow:0 28px 70px rgba(0,0,0,.6),inset 0 1px 0 rgba(255,255,255,.1);backface-visibility:hidden;-webkit-backface-visibility:hidden; }
.hud__front { z-index:2; }
.hud__scanner { position:absolute;top:0;left:0;width:100%;height:2px;background:linear-gradient(90deg,transparent,var(--fire),transparent);box-shadow:0 0 15px 3px var(--fire);opacity:.7;z-index:10;animation:scanLine 4s ease-in-out infinite alternate;will-change:transform; }
@keyframes scanLine { 0%{transform:translateY(0);opacity:.8}100%{transform:translateY(var(--hud-h,460px));opacity:.3} }
.hud__shine { position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.03),transparent);animation:shine-sweep 6s ease-in-out infinite;pointer-events:none;z-index:5;will-change:left; }
@keyframes shine-sweep { 0%,100%{left:-100%}50%{left:150%} }
.hud__corners { position:absolute;inset:12px;pointer-events:none; }
.hud__corners span { position:absolute;width:14px;height:14px;border-color:rgba(255,77,28,.45);border-style:solid; }
.hud__corners span:nth-child(1){top:0;left:0;border-width:2px 0 0 2px}
.hud__corners span:nth-child(2){top:0;right:0;border-width:2px 2px 0 0}
.hud__corners span:nth-child(3){bottom:0;left:0;border-width:0 0 2px 2px}
.hud__corners span:nth-child(4){bottom:0;right:0;border-width:0 2px 2px 0}
.hud__header { display:flex;align-items:center;gap:8px;margin-bottom:20px; }
.hud__dots { display:flex;gap:5px;margin-right:4px; }
.hud__dot { width:10px;height:10px;border-radius:50%; }
.hud__dot--g { background:#22c55e;box-shadow:0 0 8px #22c55e;animation:blink 2s infinite; }
.hud__dot--y { background:#eab308; }
.hud__dot--r { background:#ef4444; }
.hud__name { font-size:11px;font-weight:700;letter-spacing:.1em;color:var(--muted);text-transform:uppercase;flex:1; }
.hud__online { padding:3px 9px;border-radius:999px;background:rgba(34,197,94,.12);border:1px solid rgba(34,197,94,.3);color:var(--green);font-size:10px;font-weight:800; }
.hud__prog-row { display:flex;align-items:center;gap:10px;margin-bottom:20px;font-size:12px;color:var(--sub); }
.hud__prog-track { flex:1;height:5px;border-radius:999px;background:rgba(255,255,255,.07);overflow:hidden; }
.hud__prog-fill { height:100%;border-radius:999px;background:linear-gradient(90deg,var(--fire),var(--fire-2));width:0;transition:width .05s linear;box-shadow:0 0 10px rgba(255,77,28,.6); }
.hud__prog-pct { min-width:34px;text-align:right;font-weight:700;color:var(--fire-2); }
.hud__list { list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:16px; }
.hud__list li { display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500;color:var(--text);padding:9px 12px;border-radius:10px;background:rgba(255,255,255,.03);border:1px solid transparent;transition:all .25s; }
.hud__list li:hover { background:rgba(255,77,28,.06);border-color:rgba(255,77,28,.15);transform:translateX(3px); }
.hud__terminal { height:72px;overflow:hidden;position:relative;margin-bottom:10px;border-top:1px dashed rgba(255,255,255,.05);border-bottom:1px dashed rgba(255,255,255,.05);padding:10px 0; }
.hud__terminal::before { content:'';position:absolute;top:0;left:0;width:100%;height:20px;background:linear-gradient(to bottom,rgba(10,12,18,1),transparent);z-index:2; }
.hud__terminal::after { content:'';position:absolute;bottom:0;left:0;width:100%;height:20px;background:linear-gradient(to top,rgba(10,12,18,1),transparent);z-index:2; }
.hud__terminal-track { display:flex;flex-direction:column;gap:5px;animation:terminalScroll 9s linear infinite;font-family:monospace;font-size:11.5px;color:var(--fire-2);opacity:.85;will-change:transform; }
@keyframes terminalScroll { 0%{transform:translateY(100%)}100%{transform:translateY(-100%)} }
.hud__foot { display:flex;align-items:center;justify-content:space-between;padding-top:14px;gap:12px; }
.hud__ping { display:flex;align-items:center;gap:7px;font-size:12px;color:var(--muted); }
.hud__ping-dot { width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 1.5s infinite; }
.hud__ping strong { color:var(--green); }
.hud__status-row { display:flex;gap:8px; }
.hud__badge { display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase; }
.hud__badge--green { background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.3);color:var(--green); }
.hud__badge--fire { background:rgba(255,77,28,.1);border:1px solid rgba(255,77,28,.3);color:var(--fire-2); }
.hud__badge-dot { width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 1.8s infinite; }

/* ═══════════════════════ TRUST BAR ═══════════════════════ */
.trustbar { padding:0;overflow:hidden;margin-top:0;position:relative;border-top:1px solid rgba(255,77,28,.1);border-bottom:1px solid rgba(255,77,28,.1); }
.trustbar::before,.trustbar::after { content:'';position:absolute;top:0;width:120px;height:100%;z-index:2;pointer-events:none; }
.trustbar::before { left:0;background:linear-gradient(to right,rgba(9,8,10,.95),transparent); }
.trustbar::after { right:0;background:linear-gradient(to left,rgba(9,8,10,.95),transparent); }
.trustbar__track { display:flex;align-items:center;padding:16px 0;animation:marquee 22s linear infinite;width:max-content;will-change:transform; }
@keyframes marquee { 0%{transform:translateX(0)}100%{transform:translateX(-50%)} }
.trustbar__item { display:flex;align-items:center;gap:10px;padding:8px 28px;font-size:12px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--sub);white-space:nowrap; }
.trustbar__item svg { color:var(--fire-2);flex-shrink:0;filter:drop-shadow(0 0 4px rgba(255,120,60,.5)); }
.trustbar__sep { width:1px;height:20px;background:rgba(255,77,28,.18);flex-shrink:0;margin:0 6px; }

/* ═══════════════════════ FEATURES HEAD ═══════════════════════ */
.feats-head { display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:var(--gap-section-half);flex-wrap:wrap; }
.feats-head__left { flex-shrink:0; }
.feats-head__desc { color:var(--sub);font-size:15px;line-height:1.8;max-width:440px;border-left:2px solid rgba(255,77,28,.3);padding-left:20px; }

/* ═══════════════════════ FEATURES — FLIP KARTLAR ═══════════════════════ */
.features-section { position:relative; }
.feats-grid { display:grid;grid-template-columns:repeat(4,1fr);gap:16px;position:relative; }
.feat-card-flip { height:300px;perspective:1200px;cursor:pointer; }
.feat-card-inner { position:relative;width:100%;height:100%;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.4,.2,.2,1);border-radius:var(--r-lg); }
.feat-card-flip.flipped .feat-card-inner { transform:rotateY(180deg); }
.feat-card-front, .feat-card-back { position:absolute;inset:0;border-radius:var(--r-lg);backface-visibility:hidden;-webkit-backface-visibility:hidden;padding:28px 24px;border:1px solid rgba(255,255,255,.05);background:rgba(15,18,25,.55);overflow:hidden; }
.feat-card-front { display:flex;flex-direction:column;transition:border-color .3s,box-shadow .3s; }
.feat-card-flip:hover .feat-card-front { border-color:rgba(255,77,28,.2);box-shadow:0 16px 40px rgba(0,0,0,.4); }
.feat-card-back { transform:rotateY(180deg);background:rgba(16,10,8,.92)!important;border-color:rgba(255,77,28,.25)!important;display:flex;flex-direction:column;justify-content:center;align-items:flex-start; }
.feat-card-back::before { content:'';position:absolute;inset:0;background:radial-gradient(ellipse 80% 70% at 50% 0%,rgba(255,77,28,.14),transparent 60%);pointer-events:none; }
.feat-num { font-family:var(--font-d);font-size:52px;color:rgba(255,77,28,.08);line-height:1;position:absolute;top:14px;right:18px;transition:color .3s; }
.feat-card-flip:hover .feat-num { color:rgba(255,77,28,.15); }
.feat-icon-wrap { width:56px;height:56px;border-radius:16px;background:rgba(255,77,28,.08);border:1px solid rgba(255,77,28,.18);display:flex;align-items:center;justify-content:center;margin-bottom:16px;flex-shrink:0;transition:all .35s; }
.feat-card-flip:hover .feat-icon-wrap { background:rgba(255,77,28,.15);border-color:rgba(255,77,28,.45);box-shadow:0 0 20px rgba(255,77,28,.2);transform:rotate(-4deg) scale(1.08); }
.feat-icon-wrap svg { width:24px;height:24px;color:var(--fire-2);fill:var(--fire-2); }
.feat-card-text { margin-top:auto; }
.feat-card-text h3 { font-size:18px;font-weight:700;color:var(--text);margin-bottom:6px; }
.feat-card-text p { font-size:13px;color:var(--sub);line-height:1.5; }
.feat-card-hint { position:absolute;bottom:18px;right:18px;display:flex;align-items:center;gap:5px;font-size:10px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--fire-2);opacity:.45;transition:opacity .3s; }
.feat-card-flip:hover .feat-card-hint { opacity:1; }
.feat-card-line { position:absolute;bottom:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--fire),var(--fire-2));transition:width .5s cubic-bezier(.4,0,.2,1);border-radius:0 0 var(--r-lg) var(--r-lg);box-shadow:0 0 12px rgba(255,77,28,.5);z-index:3; }
.feat-card-flip:hover .feat-card-line { width:100%; }
.feat-back-tag { display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:6px;border:1px solid rgba(255,77,28,.3);background:rgba(255,77,28,.08);color:var(--fire-2);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;margin-bottom:12px;position:relative;z-index:1; }
.feat-back-title { font-family:var(--font-d);font-size:26px;color:var(--text);letter-spacing:1px;margin-bottom:10px;position:relative;z-index:1; }
.feat-back-body { font-size:12.5px;color:var(--sub);line-height:1.7;margin-bottom:14px;position:relative;z-index:1; }
.feat-back-list { list-style:none;display:flex;flex-direction:column;gap:7px;position:relative;z-index:1; }
.feat-back-list li { display:flex;align-items:center;gap:8px;font-size:12px;color:var(--sub); }
.feat-back-list li svg { width:13px;height:13px;color:var(--green);flex-shrink:0; }
.feat-back-close { position:absolute;top:12px;right:12px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:13px;cursor:pointer;transition:all .2s;z-index:2; }
.feat-back-close:hover { background:rgba(255,77,28,.15);border-color:rgba(255,77,28,.3);color:var(--fire-2); }

/* ═══════════════════════ ÜRÜN KARTLARI ═══════════════════════ */
.products-grid { display:grid;grid-template-columns:repeat(3,1fr);gap:20px; }
.products-grid--equal { grid-template-columns:repeat(3,1fr);align-items:stretch; }
.products-grid--wide { display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:16px; }
.prod-card { position:relative;display:flex;flex-direction:column;border-radius:var(--r-xl);overflow:hidden;border:1px solid rgba(255,255,255,.06);background:rgba(13,15,22,.6);transition:transform .35s cubic-bezier(.34,1.56,.64,1),border-color .3s,box-shadow .35s;cursor:pointer;height:100%; }
.prod-card:hover { transform:translateY(-8px) scale(1.01);border-color:rgba(255,77,28,.3);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 0 1px rgba(255,77,28,.12),0 0 40px rgba(255,60,0,.1); }
.prod-card__visual { position:relative;width:100%;height:200px;overflow:hidden;flex-shrink:0; }
.prod-card__img { width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .6s cubic-bezier(.4,0,.2,1),filter .4s;filter:brightness(.7) saturate(.8); }
.prod-card:hover .prod-card__img { transform:scale(1.07);filter:brightness(.9) saturate(1.1); }
.prod-card__visual-overlay { position:absolute;inset:0;background:linear-gradient(180deg,transparent 35%,rgba(13,15,22,.98)100%); }
.prod-card__badge { position:absolute;top:14px;right:14px;z-index:2;display:inline-flex;align-items:center;gap:5px;padding:4px 10px;border-radius:999px;font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.prod-card__badge--fire { background:rgba(255,77,28,.2);border:1px solid rgba(255,77,28,.4);color:var(--fire-2); }
.prod-card__badge--green { background:rgba(34,197,94,.15);border:1px solid rgba(34,197,94,.35);color:var(--green); }
.prod-card__badge--blue { background:rgba(56,189,248,.12);border:1px solid rgba(56,189,248,.3);color:#7dd3fc; }
.prod-card__badge-dot { width:5px;height:5px;border-radius:50%;background:currentColor;animation:blink 2s infinite; }
.prod-card__game-icon { position:absolute;top:14px;left:14px;z-index:2;width:32px;height:32px;border-radius:8px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);display:flex;align-items:center;justify-content:center; }
.prod-card__game-icon svg { width:16px;height:16px;color:#fff; }
.prod-card__body { padding:20px 22px 22px;display:flex;flex-direction:column;flex:1;position:relative; }
.prod-card__body::before { content:'';position:absolute;top:0;left:22px;right:22px;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,28,.15),transparent); }
.prod-card__game { font-size:10px;font-weight:800;letter-spacing:.15em;text-transform:uppercase;color:var(--fire-2);margin-bottom:5px;opacity:.8; }
.prod-card__name { font-family:var(--font-d);font-size:26px;letter-spacing:.05em;color:var(--text);line-height:1;margin-bottom:10px;transition:color .2s; }
.prod-card:hover .prod-card__name { color:#fff; }
.prod-card__tags { display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px; }
.prod-card__tag { display:inline-flex;align-items:center;gap:4px;padding:3px 9px;border-radius:6px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.07);font-size:10px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--muted);transition:all .2s; }
.prod-card:hover .prod-card__tag { border-color:rgba(255,77,28,.15);color:var(--sub); }
.prod-card__footer { display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto; }
.prod-card__price-wrap { display:flex;flex-direction:column; }
.prod-card__price-from { font-size:10px;color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.06em; }
.prod-card__price { font-family:var(--font-d);font-size:22px;letter-spacing:1px;color:var(--text);line-height:1; }
.prod-card__price span { color:var(--fire-2); }
.prod-card__btn { display:inline-flex;align-items:center;gap:7px;padding:0 18px;height:40px;border-radius:10px;background:rgba(255,77,28,.1);border:1px solid rgba(255,77,28,.25);color:var(--fire-2);font-size:13px;font-weight:700;white-space:nowrap;transition:all .25s;flex-shrink:0; }
.prod-card__btn svg { width:14px;height:14px;transition:transform .2s; }
.prod-card:hover .prod-card__btn { background:rgba(255,77,28,.2);border-color:rgba(255,77,28,.5);box-shadow:0 4px 16px rgba(255,60,0,.25); }
.prod-card:hover .prod-card__btn svg { transform:translateX(3px); }
.prod-card::after { content:'';position:absolute;inset:0;border-radius:var(--r-xl);background:radial-gradient(500px circle at var(--mouse-x,50%) var(--mouse-y,50%),rgba(255,77,28,.07),transparent 45%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:0; }
.prod-card:hover::after { opacity:1; }
.prod-card--spoofer { border-color:rgba(34,197,94,.1); }
.prod-card--spoofer:hover { border-color:rgba(34,197,94,.3);box-shadow:0 24px 60px rgba(0,0,0,.5),0 0 40px rgba(34,197,94,.08); }
.prod-card--spoofer .prod-card__game { color:var(--green); }
.prod-card--spoofer .prod-card__price span { color:var(--green); }
.prod-card--spoofer .prod-card__btn { background:rgba(34,197,94,.08);border-color:rgba(34,197,94,.25);color:var(--green); }
.prod-card--spoofer:hover .prod-card__btn { background:rgba(34,197,94,.18);border-color:rgba(34,197,94,.5); }

/* ═══════════════════════ ORBIT SHOWCASE ═══════════════════════ */
.orbit-showcase { position:relative;padding:var(--gap-section) 0;overflow:hidden; }
.os-tabs { display:flex;justify-content:center;gap:8px;margin-bottom:40px; }
.os-tab { display:flex;align-items:center;gap:8px;padding:11px 28px;border-radius:999px;color:var(--sub);font-family:var(--font-b);font-size:14px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);white-space:nowrap; }
.os-tab:hover { background:rgba(255,255,255,.07)!important;color:var(--text); }
.os-tab.active { background:rgba(255,77,28,.15)!important;border-color:rgba(255,77,28,.4)!important;color:#fff;box-shadow:0 0 20px rgba(255,77,28,.2); }
.os-panels { padding:48px 52px;border-radius:var(--r-xl);box-shadow:0 20px 50px rgba(0,0,0,.5); }
.os-panel { display:none;opacity:0; }
.os-panel.active { display:block;opacity:1;animation:fadeUp .5s cubic-bezier(.4,0,.2,1) forwards; }
@keyframes fadeUp { from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)} }
.os-grid { display:grid;grid-template-columns:1fr 1.15fr;gap:56px;align-items:center; }
.os-content { display:flex;flex-direction:column; }
.os-eyebrow { font-size:11px;color:var(--fire-2);font-weight:800;margin-bottom:10px;display:block;text-transform:uppercase;letter-spacing:4px;opacity:.8; }
.os-title { font-family:var(--font-d);font-size:clamp(40px,5vw,64px);letter-spacing:1px;color:var(--text);line-height:1;margin-bottom:28px; }
.os-features h4 { font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:3px;color:var(--muted);margin-bottom:12px; }
.os-features ul { list-style:none;display:flex;flex-direction:column;gap:8px;margin:0;padding:0; }
.os-features li { display:flex;align-items:center;gap:14px;font-size:14px;font-weight:500;color:var(--sub);padding:12px 16px;border-radius:12px;background:rgba(255,255,255,.025);border:1px solid rgba(255,255,255,.05);transition:all .22s;line-height:1.3;text-align:left;width:100%;box-sizing:border-box; }
.os-features li:hover { background:rgba(255,77,28,.06);border-color:rgba(255,77,28,.15);color:var(--text);transform:translateX(5px); }
.os-features li svg { width:18px;height:18px;min-width:18px;min-height:18px;flex-shrink:0;fill:var(--fire);stroke:#09080a; }
.os-action { margin-top:28px;display:flex;align-items:center;gap:20px;flex-wrap:wrap; }
.os-btn { background:#fff;color:#000;padding:0 32px;height:50px;border-radius:999px;font-weight:700;font-size:15px;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s,box-shadow .3s;box-shadow:0 8px 20px rgba(255,255,255,.12); }
.os-btn:hover { transform:translateY(-3px);box-shadow:0 14px 28px rgba(255,255,255,.22); }
.os-price { color:var(--sub);font-size:13px;font-weight:500; }
.os-visual { position:relative;border-radius:var(--r-xl);overflow:hidden;aspect-ratio:16/10;box-shadow:0 30px 80px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.05);transform:translateZ(0);isolation:isolate; }
.ba-infobar { position:absolute;top:0;left:0;right:0;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:linear-gradient(to bottom,rgba(0,0,0,.7),transparent);pointer-events:none; }
.ba-label { display:flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase; }
.ba-label--before { background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.5); }
.ba-label--after { background:rgba(255,77,28,.25);border:1px solid rgba(255,77,28,.5);color:var(--fire-2); }
.ba-label-dot { width:5px;height:5px;border-radius:50%;background:currentColor; }
.ba-slider { position:absolute;inset:0;cursor:col-resize;user-select:none;-webkit-user-select:none;touch-action:none; }
.ba-before { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:1;filter:grayscale(60%) brightness(.55) contrast(1.1);transform:translateZ(0); }
.ba-after { position:absolute;inset:0;width:100%;height:100%;object-fit:cover;pointer-events:none;z-index:2;transform:translateZ(0);clip-path:inset(0 50% 0 0);will-change:clip-path; }
.ba-divider { position:absolute;top:0;bottom:0;left:50%;width:2px;margin-left:-1px;z-index:4;pointer-events:none;background:linear-gradient(to bottom,transparent,var(--fire) 15%,var(--fire) 85%,transparent);box-shadow:0 0 0 1px rgba(0,0,0,.3),0 0 20px rgba(255,77,28,.8);will-change:left; }
.ba-handle { position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:50px;height:50px;background:linear-gradient(135deg,var(--fire),var(--fire-2));border:3px solid rgba(255,255,255,.9);border-radius:50%;z-index:5;display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 4px rgba(255,77,28,.2),0 8px 25px rgba(0,0,0,.5);cursor:col-resize;will-change:left;transition:box-shadow .2s; }
.ba-handle:hover, .ba-slider:active .ba-handle { box-shadow:0 0 0 6px rgba(255,77,28,.3),0 8px 30px rgba(255,60,0,.5); }
.ba-drag-hint { position:absolute;bottom:14px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;gap:6px;padding:5px 12px;border-radius:999px;background:rgba(0,0,0,.5);border:1px solid rgba(255,255,255,.1);font-size:11px;color:rgba(255,255,255,.5);white-space:nowrap;pointer-events:none;animation:hint-fade 3s 1.5s ease-in-out forwards; }
@keyframes hint-fade { 0%{opacity:1}70%{opacity:1}100%{opacity:0} }

/* ═══════════════════════ FAQ ═══════════════════════ */
.faq-layout { display:grid;grid-template-columns:280px 1fr;gap:64px;align-items:start; }
.faq-layout__left .section__title { font-size:clamp(38px,4.5vw,58px); }
.faq-layout__left::after { content:'';display:block;width:48px;height:3px;background:linear-gradient(90deg,var(--fire),transparent);border-radius:999px;margin-top:20px; }
.faq-item { border-radius:var(--r);margin-bottom:10px;overflow:hidden;transition:border-color .3s,transform .3s,box-shadow .3s;border:1px solid rgba(255,255,255,.05); }
.faq-item:hover { transform:translateX(6px);border-color:rgba(255,77,28,.15);box-shadow:-4px 0 0 0 rgba(255,77,28,.4),0 8px 30px rgba(0,0,0,.3); }
.faq-item:has(.show) { border-color:rgba(255,77,28,.3);box-shadow:-4px 0 0 0 var(--fire),0 8px 30px rgba(0,0,0,.3);background:rgba(255,77,28,.03)!important; }
.faq-item__btn { width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 22px;background:transparent;border:0;color:var(--text);font-family:var(--font-b);font-size:15px;font-weight:600;text-align:left;cursor:pointer;transition:color .2s; }
.faq-item__btn:hover { color:var(--fire-2); }
.faq-icon { width:30px;height:30px;border-radius:50%;background:rgba(255,77,28,.08);border:1px solid rgba(255,77,28,.2);display:grid;place-items:center;color:var(--fire);flex-shrink:0;transition:transform .3s cubic-bezier(.34,1.56,.64,1),background .2s; }
.faq-item__btn[aria-expanded="true"] .faq-icon { transform:rotate(45deg);background:rgba(255,77,28,.2);box-shadow:0 0 12px rgba(255,77,28,.3); }
.faq-item__body { padding:0 22px 20px;font-size:14px;color:var(--sub);line-height:1.9;border-top:1px solid rgba(255,255,255,.04);margin:0 22px;padding-top:14px; }

/* ═══════════════════════ CTA ═══════════════════════ */
.cta-section { padding:var(--gap-section) 0; }
.cta-box { position:relative;padding:80px 52px;border-radius:var(--r-xl);border:1px solid rgba(255,77,28,.2);overflow:hidden;text-align:center;contain:layout paint;isolation:isolate; }
.cta-box::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,28,.5),transparent); }
.cta-box::after { content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,28,.25),transparent); }
.cta-box__bg { position:absolute;width:800px;height:500px;top:-200px;left:50%;transform:translateX(-50%);background:radial-gradient(ellipse,rgba(255,77,28,.2)0%,transparent 70%);filter:blur(60px);pointer-events:none; }
.cta-box__corner { position:absolute;width:60px;height:60px; }
.cta-box__corner--tl { top:20px;left:20px;border-top:2px solid rgba(255,77,28,.3);border-left:2px solid rgba(255,77,28,.3);border-radius:4px 0 0 0; }
.cta-box__corner--tr { top:20px;right:20px;border-top:2px solid rgba(255,77,28,.3);border-right:2px solid rgba(255,77,28,.3);border-radius:0 4px 0 0; }
.cta-box__corner--bl { bottom:20px;left:20px;border-bottom:2px solid rgba(255,77,28,.3);border-left:2px solid rgba(255,77,28,.3);border-radius:0 0 0 4px; }
.cta-box__corner--br { bottom:20px;right:20px;border-bottom:2px solid rgba(255,77,28,.3);border-right:2px solid rgba(255,77,28,.3);border-radius:0 0 4px 0; }
.cta-box__content { position:relative;z-index:2;display:flex;flex-direction:column;align-items:center; }
.cta-box h2 { font-family:var(--font-d);font-size:clamp(42px,6vw,76px);letter-spacing:.04em;color:var(--text);line-height:1.0;margin-bottom:18px; }
.cta-box h2 em { font-style:normal;color:var(--fire-2);text-shadow:0 0 40px rgba(255,120,60,.45); }
.cta-box p { color:var(--sub);font-size:16px;line-height:1.7;max-width:500px;margin-bottom:36px; }
.cta-stats { display:flex;align-items:center;margin-bottom:36px;border:1px solid rgba(255,255,255,.06);border-radius:var(--r);overflow:hidden;background:rgba(255,255,255,.02); }
.cta-stat { padding:14px 32px;text-align:center;border-right:1px solid rgba(255,255,255,.05); }
.cta-stat:last-child { border-right:none; }
.cta-stat strong { display:block;font-family:var(--font-d);font-size:28px;color:var(--fire-2);letter-spacing:1px;text-shadow:0 0 20px rgba(255,77,28,.3);line-height:1; }
.cta-stat span { font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);margin-top:4px;display:block; }
.cta-box__btns { display:flex;flex-wrap:wrap;gap:12px;justify-content:center; }

/* ═══════════════════════ COMMUNITY / DISCORD ═══════════════════════ */
.community-section { padding:var(--gap-section) 0; }
.community-box { position:relative;display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center;padding:64px;border-radius:var(--r-xl);background:rgba(12,10,9,.8);border:1px solid rgba(255,77,28,.15);overflow:hidden;box-shadow:0 40px 100px rgba(0,0,0,.55),inset 0 1px 0 rgba(255,255,255,.04);contain:layout paint;isolation:isolate; }
.community-box__bg-orb { position:absolute;border-radius:50%;filter:blur(80px);pointer-events:none; }
.community-box__bg-orb--1 { width:480px;height:380px;top:-120px;right:-60px;background:radial-gradient(circle,rgba(255,77,28,.12)0%,transparent 65%); }
.community-box__bg-orb--2 { width:320px;height:280px;bottom:-80px;left:25%;background:radial-gradient(circle,rgba(255,122,61,.06)0%,transparent 65%); }
.community-box__grid-overlay { position:absolute;inset:0;background-image:linear-gradient(rgba(255,77,28,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,77,28,.035) 1px,transparent 1px);background-size:52px 52px;mask-image:radial-gradient(ellipse 80% 80% at 50% 50%,black 10%,transparent 100%);pointer-events:none; }
.community-box::before { content:'';position:absolute;top:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(255,77,28,.6)40%,rgba(255,122,61,.4)60%,transparent); }
.community-box__left, .community-box__right { position:relative;z-index:2; }
.community-box__right { display:flex;flex-direction:column; }
.community-box__live { display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;align-self:flex-start;background:rgba(255,77,28,.08);border:1px solid rgba(255,77,28,.3);color:var(--fire-2);font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:20px; }
.community-box__live-dot { width:7px;height:7px;border-radius:50%;background:var(--fire);box-shadow:0 0 10px var(--fire);animation:blink 2s infinite; }
.community-box__title { font-family:var(--font-d);font-size:clamp(40px,4.5vw,62px);letter-spacing:.04em;line-height:1;color:var(--text);margin-bottom:18px; }
.community-box__title em { font-style:normal;color:var(--fire-2);text-shadow:0 0 30px rgba(255,77,28,.45); }
.community-box__desc { color:var(--sub);font-size:15px;line-height:1.8;margin-bottom:28px; }
.community-stats { display:flex;gap:12px;flex-wrap:wrap;margin-bottom:32px; }
.community-stat { display:flex;align-items:center;gap:10px;padding:12px 16px;border-radius:var(--r);background:rgba(255,255,255,.03);border:1px solid rgba(255,255,255,.06);transition:all .22s;flex:1;min-width:100px; }
.community-stat:hover { background:rgba(255,77,28,.06);border-color:rgba(255,77,28,.22);transform:translateY(-2px); }
.community-stat__icon { width:32px;height:32px;border-radius:9px;display:flex;align-items:center;justify-content:center;flex-shrink:0; }
.community-stat__icon svg { width:14px;height:14px;min-width:14px;min-height:14px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round; }
.community-stat__icon--online { background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.2);color:var(--green); }
.community-stat__icon--members { background:rgba(255,77,28,.1);border:1px solid rgba(255,77,28,.22);color:var(--fire-2); }
.community-stat__icon--announce { background:rgba(255,77,28,.08);border:1px solid rgba(255,77,28,.18);color:var(--fire-2); }
.community-stat div { display:flex;flex-direction:column;gap:2px; }
.community-stat strong { color:var(--text);font-size:14px;font-weight:800;line-height:1.2; }
.community-stat span { color:var(--muted);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.08em; }
.community-btn { display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 28px;align-self:flex-start;border-radius:var(--r);background:linear-gradient(135deg,#c93200,var(--fire)50%,var(--fire-2));color:#fff;font-family:var(--font-b);font-size:15px;font-weight:700;text-decoration:none;letter-spacing:.02em;box-shadow:0 8px 28px rgba(255,60,0,.3),0 0 0 1px rgba(255,77,28,.4);transition:all .25s;position:relative;overflow:hidden; }
.community-btn::after { content:'';position:absolute;inset:0;background:linear-gradient(135deg,transparent 30%,rgba(255,255,255,.14)50%,transparent 70%);transform:translateX(-100%);transition:transform .5s; }
.community-btn:hover::after { transform:translateX(100%); }
.community-btn:hover { transform:translateY(-3px);box-shadow:0 14px 40px rgba(255,60,0,.45),0 0 0 1px rgba(255,77,28,.55);color:#fff; }
.community-btn svg:first-child { fill:currentColor;stroke:none;width:20px;height:20px;flex-shrink:0; }
.community-btn svg:last-child { fill:none;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;width:14px;height:14px;flex-shrink:0;transition:transform .2s; }
.community-btn:hover svg:last-child { transform:translateX(4px); }
.dc-mock { border-radius:18px;background:#1e1f22;border:1px solid rgba(255,255,255,.09);box-shadow:0 28px 70px rgba(0,0,0,.65),inset 0 1px 0 rgba(255,255,255,.06);overflow:hidden; }
.dc-mock__header { display:flex;align-items:center;gap:10px;padding:14px 16px;background:#17181b;border-bottom:1px solid rgba(255,255,255,.06); }
.dc-mock__server-icon { width:38px;height:38px;border-radius:12px;background:linear-gradient(135deg,#c93200,var(--fire));display:grid;place-items:center;flex-shrink:0; }
.dc-mock__server-icon svg { fill:white;stroke:none;width:22px;height:22px; }
.dc-mock__header-info { display:flex;flex-direction:column;gap:2px;flex:1;min-width:0; }
.dc-mock__server-name { color:#fff;font-size:13px;font-weight:700;line-height:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.dc-mock__channel { color:rgba(255,255,255,.4);font-size:11px;font-weight:600; }
.dc-mock__online-pill { display:flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(34,197,94,.1);border:1px solid rgba(34,197,94,.22);color:var(--green);font-size:11px;font-weight:700;white-space:nowrap;flex-shrink:0; }
.dc-mock__online-dot { width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green);animation:blink 2s infinite; }
.dc-mock__messages { padding:16px 16px 12px;display:flex;flex-direction:column;gap:12px; }
.dc-msg--system { display:flex;align-items:center;gap:8px;padding:7px 12px;border-radius:8px;background:rgba(255,77,28,.06);border:1px solid rgba(255,77,28,.14);color:var(--fire-2);font-size:11px;font-weight:600; }
.dc-msg--system svg { fill:none;stroke:currentColor;stroke-width:2;flex-shrink:0;width:12px;height:12px; }
.dc-msg { display:flex;align-items:flex-start;gap:10px;font-size:13px; }
.dc-msg__avatar { width:34px;height:34px;border-radius:50%;flex-shrink:0;margin-top:1px; }
.dc-msg__avatar--1 { background:linear-gradient(135deg,#ff4d1c,#ff7a3d); }
.dc-msg__avatar--2 { background:linear-gradient(135deg,#2563eb,#60a5fa); }
.dc-msg__avatar--3 { background:linear-gradient(135deg,#16a34a,#22c55e); }
.dc-msg__avatar--4 { background:linear-gradient(135deg,#7c3aed,#a78bfa); }
.dc-msg__body { display:flex;flex-direction:column;gap:3px; }
.dc-msg__name { font-size:12px;font-weight:800;line-height:1; }
.dc-msg__name--fire { color:var(--fire-2); }
.dc-msg__name--blue { color:#60a5fa; }
.dc-msg__name--green { color:var(--green); }
.dc-msg__text { color:rgba(255,255,255,.65);font-size:13px;line-height:1.5; }
.dc-msg--typing { align-items:center; }
.dc-typing { display:flex;align-items:center;gap:5px;padding:9px 14px;border-radius:14px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.05); }
.dc-typing span { width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.35);animation:dc-bounce .9s ease-in-out infinite; }
.dc-typing span:nth-child(2) { animation-delay:.18s; }
.dc-typing span:nth-child(3) { animation-delay:.36s; }
@keyframes dc-bounce { 0%,100%{transform:translateY(0);opacity:.3}50%{transform:translateY(-5px);opacity:1} }
.dc-mock__input { display:flex;align-items:center;justify-content:space-between;margin:4px 16px 16px;padding:11px 14px;border-radius:10px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.07);color:rgba(255,255,255,.28);font-size:13px;gap:10px; }
.dc-mock__input span { flex:1;white-space:nowrap;overflow:hidden;text-overflow:ellipsis; }
.dc-mock__input svg { fill:none;stroke:rgba(255,255,255,.3);stroke-width:2;stroke-linecap:round;flex-shrink:0;width:16px;height:16px; }

/* ═══════════════════════ RESPONSIVE ═══════════════════════ */
@media(max-width:1100px) {
    .hero__inner { grid-template-columns:1fr;max-width:680px; }
    .hero__visual { display:none; }
    .feats-grid { grid-template-columns:repeat(2,1fr); }
    .os-grid { grid-template-columns:1fr;gap:32px; }
    .os-visual { aspect-ratio:16/9;max-height:320px; }
    .faq-layout { grid-template-columns:1fr;gap:32px; }
    .products-grid,.products-grid--equal { grid-template-columns:repeat(2,1fr); }
    .cta-stats { flex-wrap:wrap; }
    .cta-stat { flex:1;min-width:120px; }
    .community-box { grid-template-columns:1fr;gap:40px;padding:48px 40px; }
    .community-box__left { order:2; }
    .community-box__right { order:1; }
    .dc-mock { max-width:520px;margin:0 auto; }
}
@media(max-width:900px) {
    .os-panels { padding:32px 28px; }
    .os-tabs { gap:8px;flex-wrap:nowrap; }
    .os-tab { flex:1;padding:10px 14px;font-size:13px;min-width:0;justify-content:center; }
    .os-visual { display:none; }
    .os-title { font-size:clamp(36px,5vw,52px); }
}
@media(max-width:768px) {
    .community-section { padding:calc(var(--gap-section)*.75) 0; }
    .community-box { padding:36px 28px;gap:32px;border-radius:20px; }
    .community-box__title { font-size:clamp(32px,7vw,48px); }
    .community-box__desc { font-size:14px;margin-bottom:20px; }
    .community-stats { display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:22px; }
    .community-stat { padding:12px 14px;min-width:unset;flex:unset; }
    .community-btn { width:100%;justify-content:center;align-self:stretch;height:48px;font-size:14px; }
    .dc-mock { max-width:100%;border-radius:14px; }
}
@media(max-width:700px) {
    .hero { padding:20px 0 calc(var(--gap-section)*.6);min-height:auto; }
    .hero__inner { gap:28px; }
    .hero__title-top { font-size:clamp(38px,10vw,56px); }
    .hero__title-glitch { font-size:clamp(28px,8vw,42px); }
    .hero__desc { font-size:15px;max-width:100%; }
    .hero__actions { flex-direction:column; }
    .hero__actions .btn { width:100%;justify-content:center; }
    .hero__stats { display:grid;grid-template-columns:1fr 1fr 1fr;gap:0;padding:12px 8px;width:100%;box-sizing:border-box;text-align:center; }
    .stat { padding:8px 6px;align-items:center; }
    .stat strong { font-size:22px; }
    .stat span { font-size:9px;letter-spacing:.08em; }
    .stat__sep { display:none; }
    .feats-head { flex-direction:column;gap:12px;align-items:flex-start; }
    .feats-head__desc { border-left:none;padding-left:0;border-top:2px solid rgba(255,77,28,.25);padding-top:16px;max-width:100%;margin:0; }
    .feats-grid { grid-template-columns:1fr; }
    .feat-card-flip { height:260px; }
    .products-grid,.products-grid--equal,.products-grid--wide { grid-template-columns:1fr; }
    .os-tabs { flex-wrap:nowrap;gap:6px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;justify-content:flex-start;padding-bottom:2px; }
    .os-tabs::-webkit-scrollbar { display:none; }
    .os-tab { flex-shrink:0;flex:none;font-size:12px;font-weight:700;padding:8px 16px;border-radius:999px;white-space:nowrap; }
    .os-panels { padding:20px 16px;border-radius:16px; }
    .os-title { font-size:clamp(22px,6vw,34px);margin-bottom:12px; }
    .os-features li { padding:9px 12px!important;font-size:13px!important;gap:10px!important; }
    .os-action { margin-top:16px;width:100%;flex-direction:column;align-items:center;gap:8px; }
    .os-action .os-btn { width:auto;min-width:160px;height:42px;padding:0 28px;font-size:14px; }
    .faq-layout__left::after { display:none; }
    .faq-item__btn { font-size:14px;padding:16px 18px; }
    .faq-item__body { margin:0 18px;font-size:13px; }
    .cta-box { padding:40px 22px; }
    .cta-box h2 { font-size:clamp(32px,9vw,52px); }
    .cta-box__btns { flex-direction:column;align-items:stretch; }
    .cta-box__btns .btn { width:100%;justify-content:center; }
    .cta-stats { display:none; }
    .cta-box__corner { display:none; }
    .orbit-showcase { padding:calc(var(--gap-section)*.6) 0; }
    .trustbar__track { animation-duration:14s; }
    .community-box { padding:28px 20px;gap:28px;border-radius:16px; }
    .ba-handle { width:42px;height:42px; }
    .ba-handle svg { width:18px;height:18px; }
}
@media(max-width:480px) {
    .container { padding-left:16px!important;padding-right:16px!important; }
    .hero__title-top { font-size:clamp(34px,9.5vw,48px); }
    .hero__title-glitch { font-size:clamp(26px,7.5vw,38px); }
    .hero__stats { grid-template-columns:1fr 1fr 1fr;padding:10px 6px; }
    .stat strong { font-size:18px; }
    .prod-card__visual { height:160px; }
    .prod-card__name { font-size:22px; }
    .cta-box { padding:32px 16px; }
    .os-panels { padding:14px 12px;border-radius:14px; }
    .community-box { padding:24px 16px;gap:24px; }
    .community-stats { grid-template-columns:1fr 1fr;gap:8px; }
    .ba-handle { width:38px;height:38px; }
}
@media(max-width:360px) {
    .community-box { padding:20px 14px; }
    .community-stats { grid-template-columns:1fr; }
    .hero__stats { grid-template-columns:1fr 1fr 1fr;padding:8px 4px; }
    .stat strong { font-size:15px; }
    .os-tab { font-size:12px;padding:9px 12px; }
}
@media (prefers-reduced-motion:reduce) {
    *,*::before,*::after { animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important; }
}