:root {
  --bg: #080b10;
  --bg-soft: #0d131d;
  --panel: #111927;
  --panel-2: #0d141f;
  --line: #263348;
  --text: #f4f7fb;
  --muted: #9ba9ba;
  --cyan: #5ce1e6;
  --violet: #8268ff;
  --green: #78f0ad;
  --amber: #ffd36a;
  --max: 1180px;
  --radius: 22px;
  --shadow: 0 24px 70px rgba(0,0,0,.34);
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body {
  margin: 0;
  font-family: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Arial, sans-serif;
  background:
    radial-gradient(circle at 16% 3%, rgba(92,225,230,.08), transparent 29%),
    radial-gradient(circle at 86% 0%, rgba(130,104,255,.11), transparent 28%),
    var(--bg);
  color: var(--text);
  line-height: 1.55;
}
a { color: inherit; text-decoration: none; }
button, input, select, textarea { font: inherit; }
.wrap { width: min(calc(100% - 40px), var(--max)); margin: 0 auto; }
.nav {
  position: sticky; top: 0; z-index: 50;
  background: rgba(8,11,16,.78); backdrop-filter: blur(18px);
  border-bottom: 1px solid rgba(255,255,255,.07);
}
.navin { height: 74px; display: flex; align-items: center; justify-content: space-between; gap: 22px; }
.brand { display: flex; align-items: center; gap: 12px; font-weight: 900; letter-spacing: .02em; white-space: nowrap; }
.mark { width: 42px; height: 42px; border-radius: 13px; display: grid; place-items: center; background: linear-gradient(135deg,var(--violet),var(--cyan)); color:#071019; box-shadow:0 0 34px rgba(92,225,230,.16); font-size: 17px; }
.brand small { display:block; color:var(--muted); font-size:10px; letter-spacing:.17em; font-weight:700; margin-top:1px; }
.links { display:flex; align-items:center; gap:24px; color:#dce5ef; font-size:14px; }
.links a:hover, .lang a:hover { color: var(--cyan); }
.nav-actions { display:flex; align-items:center; gap:12px; }
.lang { display:flex; gap:7px; align-items:center; color:var(--muted); font-size:12px; font-weight:800; letter-spacing:.08em; }
.lang .active { color:#fff; }
.menu-btn { display:none; width:42px; height:42px; border:1px solid var(--line); background:#111722; color:#fff; border-radius:12px; }
.btn { display:inline-flex; align-items:center; justify-content:center; gap:8px; border-radius:999px; padding:12px 18px; font-weight:800; border:1px solid transparent; transition:.18s ease; }
.btn:hover { transform: translateY(-1px); filter: brightness(1.06); }
.btn.primary { background: linear-gradient(135deg,var(--violet),var(--cyan)); color:#071019; }
.btn.secondary { border-color: var(--line); background:#111722; color:#fff; }
.hero { padding: 92px 0 62px; display:grid; grid-template-columns:1.05fr .95fr; gap:56px; align-items:center; }
.eyebrow { display:inline-flex; align-items:center; gap:8px; border:1px solid rgba(92,225,230,.26); background:rgba(92,225,230,.065); color:#c9fbfd; padding:7px 11px; border-radius:999px; font-size:11px; font-weight:900; letter-spacing:.12em; text-transform:uppercase; }
h1 { font-size:clamp(50px,7.2vw,88px); line-height:.95; letter-spacing:-.055em; margin:20px 0 24px; max-width:780px; }
h1 .grad, .grad { background:linear-gradient(90deg,var(--cyan),#fff,var(--violet)); -webkit-background-clip:text; background-clip:text; color:transparent; }
.lead { color:#c6d1df; font-size:19px; max-width:720px; }
.hero-actions { display:flex; gap:12px; flex-wrap:wrap; margin-top:28px; }
.proof { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:38px; }
.proof div { border-top:1px solid var(--line); padding-top:14px; }
.proof b { display:block; font-size:18px; }
.proof span { color:var(--muted); font-size:12px; }
.hero-visual { border:1px solid var(--line); border-radius:30px; min-height:500px; background:linear-gradient(180deg,#151e2c,#0c121b); box-shadow:var(--shadow); padding:22px; position:relative; overflow:hidden; }
.hero-visual:before { content:""; position:absolute; width:300px; height:300px; border-radius:50%; background:var(--violet); filter:blur(120px); opacity:.12; right:-100px; top:-100px; }
.lab-screen { position:relative; height:100%; min-height:454px; border:1px solid rgba(255,255,255,.055); border-radius:22px; padding:26px; background:repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.026) 32px); }
.lab-top { display:flex; justify-content:space-between; gap:12px; color:var(--muted); font-size:12px; }
.signal { color:var(--green); }
.diagram { margin:55px auto 36px; max-width:340px; display:grid; grid-template-columns:1fr auto 1fr; align-items:center; gap:14px; }
.node { min-height:115px; border:1px solid var(--line); background:#101722; border-radius:18px; display:grid; place-items:center; text-align:center; padding:14px; }
.node b { font-size:18px; display:block; }
.node span { color:var(--muted); font-size:11px; }
.arrow { color:var(--cyan); font-size:24px; }
.data-grid { display:grid; grid-template-columns:1fr 1fr; gap:12px; }
.data { background:#101722; border:1px solid var(--line); border-radius:15px; padding:13px 14px; }
.data span { display:block; color:var(--muted); font-size:11px; }
.data b { display:block; margin-top:4px; font-size:17px; }
section { padding:72px 0; }
.section-head { display:flex; align-items:end; justify-content:space-between; gap:24px; margin-bottom:30px; }
h2 { font-size:clamp(35px,5vw,58px); line-height:1; letter-spacing:-.045em; margin:10px 0 0; }
.section-head p { max-width:570px; margin:0; color:var(--muted); }
.grid { display:grid; grid-template-columns:repeat(12,1fr); gap:18px; }
.card { grid-column:span 4; border:1px solid var(--line); background:linear-gradient(180deg,var(--panel),var(--panel-2)); border-radius:var(--radius); padding:28px; position:relative; overflow:hidden; }
.card.wide { grid-column:span 12; display:grid; grid-template-columns:1fr .9fr; gap:34px; align-items:center; }
.card.half { grid-column:span 6; }
.card:after { content:""; position:absolute; width:180px; height:180px; border-radius:50%; background:var(--glow,var(--cyan)); filter:blur(100px); opacity:.08; right:-65px; top:-55px; pointer-events:none; }
.tag { font-size:10px; color:#cdd8e5; letter-spacing:.13em; text-transform:uppercase; font-weight:900; }
.status { display:inline-flex; margin-top:14px; padding:5px 9px; border-radius:999px; font-size:11px; font-weight:800; border:1px solid var(--line); color:#d7e0eb; background:#101620; }
.card h3 { font-size:29px; letter-spacing:-.025em; line-height:1.08; margin:13px 0 12px; }
.card p { color:var(--muted); }
.chips { display:flex; flex-wrap:wrap; gap:7px; margin-top:18px; }
.chip { border:1px solid var(--line); background:#101620; border-radius:999px; padding:6px 9px; color:#ccd6e2; font-size:11px; }
.card .btn { margin-top:22px; }
.matrix { min-height:310px; border:1px solid var(--line); border-radius:18px; display:grid; place-items:center; background:linear-gradient(135deg,#0d141e,#172131); padding:25px; }
.matrix-flow { width:min(100%,410px); display:grid; grid-template-columns:repeat(4,1fr); align-items:end; gap:10px; }
.matrix-step { border:1px solid var(--line); border-radius:14px; display:grid; place-items:center; text-align:center; background:#0f1723; padding:12px 7px; }
.matrix-step:nth-child(1){height:90px}.matrix-step:nth-child(2){height:120px}.matrix-step:nth-child(3){height:155px}.matrix-step:nth-child(4){height:205px;border-color:rgba(130,104,255,.55);box-shadow:0 0 30px rgba(130,104,255,.12)}
.matrix-step b{font-size:18px}.matrix-step span{font-size:10px;color:var(--muted)}
.feature-list { display:grid; gap:11px; margin-top:20px; }
.feature { display:grid; grid-template-columns:34px 1fr; gap:11px; align-items:start; }
.feature i { width:30px; height:30px; border-radius:10px; border:1px solid var(--line); background:#111925; display:grid; place-items:center; font-style:normal; font-size:11px; font-weight:900; color:var(--cyan); }
.feature b { display:block; font-size:14px; }
.feature span { display:block; color:var(--muted); font-size:12px; margin-top:2px; }
.quote { border-left:2px solid var(--violet); padding:6px 0 6px 18px; color:#dce5ef; font-size:clamp(23px,3vw,36px); font-weight:850; line-height:1.15; letter-spacing:-.03em; }
.notice { border:1px dashed #3a475b; border-radius:16px; padding:17px; background:#0c131c; color:#aeb9c7; font-size:13px; }
.tech-links { display:grid; grid-template-columns:repeat(2,1fr); gap:12px; }
.tech-item { border:1px solid var(--line); border-radius:16px; padding:17px; background:#0e151f; }
.tech-item b { display:block; margin-bottom:4px; }
.tech-item span { color:var(--muted); font-size:12px; }
.page-hero { padding:82px 0 42px; max-width:900px; }
.page-hero h1 { font-size:clamp(48px,7vw,80px); }
.breadcrumb { color:var(--muted); font-size:12px; margin-bottom:14px; }
.content { display:grid; grid-template-columns:minmax(0,1fr) 300px; gap:34px; align-items:start; }
.content-main { display:grid; gap:18px; }
.block { border:1px solid var(--line); background:linear-gradient(180deg,var(--panel),var(--panel-2)); border-radius:20px; padding:26px; }
.block h2 { font-size:32px; margin:0 0 14px; }
.block h3 { font-size:21px; margin:22px 0 8px; }
.block p, .block li { color:#b4c0cf; }
.block ul, .block ol { padding-left:20px; }
.sidebar { position:sticky; top:96px; display:grid; gap:12px; }
.sidebox { border:1px solid var(--line); background:#0f1621; border-radius:18px; padding:20px; }
.sidebox b { display:block; margin-bottom:8px; }
.sidebox p { margin:0; color:var(--muted); font-size:13px; }
.kpi-row { display:grid; grid-template-columns:repeat(3,1fr); gap:12px; margin-top:20px; }
.kpi { border:1px solid var(--line); border-radius:15px; padding:16px; background:#0d141e; }
.kpi strong { display:block; font-size:24px; }
.kpi span { color:var(--muted); font-size:11px; }
.footer { border-top:1px solid var(--line); padding:38px 0 50px; margin-top:40px; color:var(--muted); font-size:12px; }
.footerin { display:flex; justify-content:space-between; gap:24px; flex-wrap:wrap; }
.footer-links { display:flex; gap:16px; flex-wrap:wrap; }
.draft { color:var(--amber); }
@media (max-width: 920px) {
  .links { display:none; position:absolute; top:74px; left:0; right:0; background:#0b1017; border-bottom:1px solid var(--line); padding:20px; flex-direction:column; align-items:flex-start; }
  .links.open { display:flex; }
  .menu-btn { display:block; }
  .hero { grid-template-columns:1fr; padding-top:64px; }
  .hero-visual { min-height:430px; }
  .lab-screen { min-height:384px; }
  .card, .card.half { grid-column:span 12; }
  .card.wide { grid-template-columns:1fr; }
  .content { grid-template-columns:1fr; }
  .sidebar { position:static; }
}
@media (max-width: 640px) {
  .wrap { width:min(calc(100% - 28px), var(--max)); }
  .nav-actions .btn { display:none; }
  h1 { letter-spacing:-.04em; }
  .proof { grid-template-columns:1fr; }
  .section-head { align-items:start; flex-direction:column; }
  .tech-links, .data-grid, .kpi-row { grid-template-columns:1fr; }
  .matrix-flow { grid-template-columns:1fr 1fr; align-items:stretch; }
  .matrix-step:nth-child(n) { height:110px; }
}

.legal-warning { border-style:solid; border-color:rgba(255,211,106,.42); background:rgba(255,211,106,.055); color:#c9c1ae; }


/* V5.3 — Boutique, visuels produits et réseaux */
.product-hero-grid { display:grid; grid-template-columns:1fr .78fr; gap:34px; align-items:center; }
.product-photo { border:1px solid var(--line); border-radius:24px; overflow:hidden; background:#fff; box-shadow:var(--shadow); }
.product-photo img { display:block; width:100%; height:auto; }
.shop-grid { display:grid; grid-template-columns:repeat(2,1fr); gap:18px; }
.shop-card { border:1px solid var(--line); background:linear-gradient(180deg,var(--panel),var(--panel-2)); border-radius:var(--radius); padding:28px; display:flex; flex-direction:column; min-height:330px; }
.shop-card h2 { font-size:32px; margin:12px 0; }
.shop-card p { color:var(--muted); }
.shop-card .shop-actions { margin-top:auto; display:flex; gap:10px; flex-wrap:wrap; padding-top:22px; }
.shop-status { display:inline-flex; width:max-content; padding:6px 10px; border:1px solid var(--line); border-radius:999px; font-size:11px; font-weight:850; color:#dce5ef; background:#101620; }
.shop-flow { display:grid; grid-template-columns:repeat(4,1fr); gap:10px; margin-top:18px; }
.shop-flow div { border:1px solid var(--line); border-radius:14px; padding:14px; background:#0d141e; }
.shop-flow b { display:block; font-size:12px; margin-bottom:4px; }
.shop-flow span { color:var(--muted); font-size:11px; }
.social-row { display:flex; flex-wrap:wrap; gap:10px; }
.social-link { display:inline-flex; align-items:center; justify-content:center; min-width:112px; padding:10px 14px; border:1px solid var(--line); background:#101722; border-radius:999px; font-weight:800; font-size:12px; }
.social-link:hover { border-color:rgba(92,225,230,.55); color:var(--cyan); }
.is-disabled { opacity:.48; cursor:not-allowed; pointer-events:none; }
.public-note { color:var(--muted); font-size:12px; margin-top:10px; }
@media (max-width:920px) {
  .product-hero-grid, .shop-grid { grid-template-columns:1fr; }
  .shop-flow { grid-template-columns:1fr 1fr; }
}
@media (max-width:640px) {
  .shop-flow { grid-template-columns:1fr; }
}

/* V5.5 — Prix et paiement Stripe test */
.shop-price { font-size:30px; font-weight:900; letter-spacing:-.03em; margin-top:8px; }
.shop-price small { display:block; font-size:11px; font-weight:700; color:var(--muted); letter-spacing:0; margin-top:2px; }
.test-banner { border:1px solid rgba(255,211,106,.38); background:rgba(255,211,106,.055); color:#d5c9aa; border-radius:16px; padding:14px 16px; margin-top:18px; font-size:13px; }
.purchase-box { border:1px solid rgba(92,225,230,.28); background:linear-gradient(180deg,rgba(92,225,230,.055),rgba(130,104,255,.045)); border-radius:18px; padding:20px; }
.purchase-box .price { font-size:32px; font-weight:900; letter-spacing:-.035em; margin:4px 0 14px; }
.purchase-box .test-label { color:var(--amber); font-size:11px; font-weight:850; text-transform:uppercase; letter-spacing:.08em; }


/* V5.7 — Panier multi-produits + 5 langues */
.card-actions { display:flex; gap:10px; flex-wrap:wrap; align-items:center; margin-top:22px; }
.card-actions .btn { margin-top:0; }
.btn.compact { padding:10px 14px; font-size:12px; }
button.btn { cursor:pointer; }
.cart-nav { display:inline-flex; align-items:center; gap:7px; min-height:40px; padding:8px 11px; border:1px solid var(--line); border-radius:999px; background:#101722; font-size:12px; font-weight:850; }
.cart-nav b { min-width:21px; height:21px; padding:0 6px; border-radius:999px; display:grid; place-items:center; background:linear-gradient(135deg,var(--violet),var(--cyan)); color:#071019; font-size:10px; }
.cart-icon { color:var(--cyan); }
.cart-backdrop { position:fixed; inset:0; z-index:110; background:rgba(0,0,0,.62); backdrop-filter:blur(3px); opacity:0; pointer-events:none; transition:.2s; }
.cart-backdrop.open { opacity:1; pointer-events:auto; }
.cart-drawer { position:fixed; z-index:120; top:0; right:0; width:min(460px,100%); height:100dvh; background:#0b1018; border-left:1px solid var(--line); box-shadow:-30px 0 80px rgba(0,0,0,.38); transform:translateX(102%); transition:.22s ease; display:flex; flex-direction:column; }
.cart-drawer.open { transform:none; }
.cart-head { display:flex; justify-content:space-between; align-items:center; gap:15px; padding:20px; border-bottom:1px solid var(--line); }
.cart-head h2 { font-size:28px; margin:0; }
.cart-close { width:40px; height:40px; border:1px solid var(--line); background:#111722; color:#fff; border-radius:12px; cursor:pointer; }
.cart-items { padding:16px 20px; overflow:auto; display:grid; gap:10px; flex:1; }
.cart-empty { color:var(--muted); padding:30px 0; text-align:center; }
.cart-item { border:1px solid var(--line); border-radius:16px; background:#101722; padding:14px; display:grid; grid-template-columns:1fr auto; gap:10px; }
.cart-item b { display:block; }
.cart-item .cart-meta { color:var(--muted); font-size:11px; margin-top:3px; }
.cart-qty { display:flex; align-items:center; gap:7px; margin-top:10px; }
.cart-qty button { width:28px; height:28px; border:1px solid var(--line); background:#0d141e; color:#fff; border-radius:8px; cursor:pointer; }
.cart-remove { border:0; background:transparent; color:#ff9e9e; font-size:11px; cursor:pointer; padding:3px; }
.cart-foot { border-top:1px solid var(--line); padding:18px 20px 22px; display:grid; gap:12px; background:#0b1018; }
.cart-total { display:flex; justify-content:space-between; align-items:end; gap:20px; }
.cart-total span { color:var(--muted); font-size:12px; }
.cart-total strong { font-size:30px; }
.cart-foot .btn { width:100%; }
.cart-message { min-height:18px; color:var(--amber); font-size:11px; }
.addon-check { display:flex; gap:9px; align-items:flex-start; border:1px solid var(--line); border-radius:14px; background:#0d141e; padding:12px; margin:12px 0 14px; color:#dce5ef; font-size:12px; cursor:pointer; }
.addon-check input { margin-top:2px; accent-color:var(--cyan); }
.bundle-total { font-size:20px; font-weight:900; margin:0 0 8px; }
.order-summary, .order-next { margin-top:20px; display:grid; gap:12px; max-width:760px; }
.order-card { border:1px solid var(--line); border-radius:18px; background:linear-gradient(180deg,var(--panel),var(--panel-2)); padding:20px; }
.order-line { display:flex; justify-content:space-between; gap:16px; padding:9px 0; border-bottom:1px solid rgba(255,255,255,.06); }
.order-line:last-child { border-bottom:0; }
.order-total { font-size:24px; font-weight:900; }
.checkout-error { color:#ffb3b3; }
@media(max-width:1120px){ .lang { max-width:210px; overflow-x:auto; padding-bottom:2px; } }
@media(max-width:920px){ .lang { display:none; } .cart-nav span:not(.cart-icon){display:none;} }

/* V5.8 — launch pricing */
.launch-price{margin:8px 0 15px;display:grid;gap:5px}.launch-badge{display:inline-flex;width:max-content;padding:5px 9px;border-radius:999px;border:1px solid rgba(120,240,173,.38);background:rgba(120,240,173,.08);color:#aaf7ca;font-size:10px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.launch-values{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.launch-values .regular-price,.card-price .regular-price{text-decoration:line-through;color:var(--muted);font-size:16px;font-weight:750}.launch-values strong{font-size:34px;line-height:1;font-weight:950;letter-spacing:-.035em}.launch-price small{color:var(--muted);font-size:11px}.card-price{display:flex;align-items:baseline;gap:8px;flex-wrap:wrap;margin:14px 0 4px}.card-price strong{font-size:24px}.card-price em{width:100%;color:#aaf7ca;font-style:normal;font-size:11px;font-weight:800}.card-price.single em{color:var(--muted)}.version-pill{display:inline-flex;margin-top:12px;padding:6px 10px;border-radius:999px;border:1px solid rgba(130,104,255,.35);background:rgba(130,104,255,.08);color:#cfc5ff;font-weight:900;font-size:11px;letter-spacing:.08em}.cart-regular{margin-left:6px;text-decoration:line-through;color:#748096;font-size:10px}.cart-launch-note{color:#aaf7ca;font-size:10px;font-weight:800;margin-top:2px}


/* V5.10 — FenixBinInspector galleries + homepage wording cleanup */
.screenshot-intro{display:grid;gap:8px;margin-bottom:18px}.screenshot-intro p{margin:0}.gallery-title{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.gallery-title .eyebrow{margin:0}.screenshot-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:18px}.shot-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#0d141e;box-shadow:0 12px 30px rgba(0,0,0,.18)}.shot-card img{display:block;width:100%;height:auto;background:#fff}.shot-card figcaption{padding:14px 15px 15px}.shot-card strong{display:block;font-size:15px;line-height:1.2}.shot-card span{display:block;color:var(--muted);font-size:12px;margin-top:6px}.shot-card .shot-meta{color:#8fdde1;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;margin-bottom:8px}.media-note{border:1px dashed rgba(92,225,230,.22);border-radius:15px;padding:13px 15px;background:rgba(92,225,230,.04);color:#b9c9d8;font-size:12px;margin-top:16px}.proof span.tight{max-width:220px;display:block}.data-grid .data.long span{font-size:10px}.data-grid .data.long b{font-size:16px;line-height:1.15}@media (max-width:780px){.screenshot-grid{grid-template-columns:1fr}}


/* V5.11 — automatic locale + real homepage previews */
.real-showcase{padding-top:28px}.showcase-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.showcase-card{border:1px solid var(--line);border-radius:22px;overflow:hidden;background:linear-gradient(180deg,var(--panel),var(--panel-2));transition:.18s ease;box-shadow:0 18px 50px rgba(0,0,0,.2)}.showcase-card:hover{transform:translateY(-2px);border-color:rgba(92,225,230,.35)}.showcase-card img{display:block;width:100%;height:280px;object-fit:cover;background:#fff}.showcase-card>div{padding:17px 18px 20px}.showcase-card span{display:block;color:var(--cyan);font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.showcase-card strong{display:block;margin-top:6px;font-size:19px;line-height:1.25}@media(max-width:780px){.showcase-grid{grid-template-columns:1fr}.showcase-card img{height:auto}}


/* V5.12 — XR25 Display */
.display-hero-grid{display:grid;grid-template-columns:1fr .82fr;gap:34px;align-items:center}.xr25-display-mock{border:1px solid var(--line);border-radius:26px;padding:22px;background:linear-gradient(180deg,#171e29,#0b1119);box-shadow:var(--shadow);max-width:520px;margin:auto}.xr25-display-screen{aspect-ratio:160/128;border:6px solid #202a38;border-radius:14px;background:#071019;padding:16px;display:grid;grid-template-rows:auto 1fr auto;gap:12px;box-shadow:inset 0 0 45px rgba(92,225,230,.06)}.xr25-display-top{display:flex;justify-content:space-between;font-size:10px;color:#8fa4b8}.xr25-display-top b{color:var(--green)}.xr25-display-main{display:grid;grid-template-columns:1.15fr .85fr;gap:10px}.xr25-gauge,.xr25-panel{border:1px solid #273549;border-radius:10px;background:#0d1621;display:grid;place-items:center;text-align:center;padding:10px}.xr25-gauge strong{font-size:34px;line-height:1;color:#e9fbff}.xr25-gauge span,.xr25-panel span{font-size:9px;color:#8295a8;text-transform:uppercase;letter-spacing:.08em}.xr25-panel strong{font-size:18px;color:var(--cyan)}.xr25-display-bottom{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.xr25-chip{border:1px solid #273549;border-radius:8px;background:#0d1621;padding:7px;text-align:center}.xr25-chip b{display:block;font-size:13px}.xr25-chip span{display:block;font-size:8px;color:#8295a8}.soon-badge{display:inline-flex;width:max-content;padding:6px 10px;border:1px solid rgba(255,211,106,.36);background:rgba(255,211,106,.065);color:#ffe59b;border-radius:999px;font-size:10px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.shop-card.soon{border-style:dashed}.shop-card.soon .shop-actions{margin-top:auto}.tech-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.tech-spec{border:1px solid var(--line);border-radius:15px;padding:15px;background:#0d141e}.tech-spec b{display:block;font-size:13px}.tech-spec span{display:block;margin-top:4px;color:var(--muted);font-size:11px}@media(max-width:920px){.display-hero-grid{grid-template-columns:1fr}}@media(max-width:640px){.tech-spec-grid{grid-template-columns:1fr}.xr25-display-main{grid-template-columns:1fr}.xr25-display-bottom{grid-template-columns:1fr 1fr 1fr}}


/* V5.16 — YouTube embeds + social links */
.video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin-top:18px}.video-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:linear-gradient(180deg,var(--panel),var(--panel-2));box-shadow:0 14px 38px rgba(0,0,0,.2)}.video-frame{position:relative;aspect-ratio:9/16;background:#05070a;max-height:620px}.video-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:0}.video-card .video-copy{padding:16px 17px 18px}.video-card .video-copy strong{display:block;font-size:17px;line-height:1.25}.video-card .video-copy p{margin:7px 0 12px;color:var(--muted);font-size:12px}.video-card .video-copy a{display:inline-flex;font-size:12px;font-weight:850;color:var(--cyan)}.video-grid.single{grid-template-columns:minmax(0,520px);justify-content:start}@media(max-width:760px){.video-grid{grid-template-columns:1fr}.video-frame{max-height:none}}

/* V5.17 — legal pages, product hero visuals, privacy-friendly YouTube */
.product-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,.72fr);gap:34px;align-items:center}.product-photo{margin:0;border:1px solid var(--line);border-radius:24px;overflow:hidden;background:#0d141e;box-shadow:var(--shadow);min-height:260px;display:grid;place-items:center}.product-photo img{display:block;width:100%;height:100%;max-height:430px;object-fit:contain;background:#fff}.product-photo img[src$=".svg"]{background:#0b1119}.legal-page{max-width:980px;padding-top:56px;padding-bottom:72px}.legal-page>.lead{max-width:760px}.legal-card{margin-top:18px;padding:22px;border:1px solid var(--line);border-radius:18px;background:linear-gradient(180deg,var(--panel),var(--panel-2))}.legal-card h2{margin-top:0}.legal-placeholder{color:#ffe59b;font-weight:700}.footer-links{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.footer-links a{color:var(--muted)}.footer-links a:hover{color:#fff}.youtube-load{position:absolute;inset:0;width:100%;height:100%;border:0;background:radial-gradient(circle at 50% 35%,rgba(122,92,255,.18),transparent 45%),#07090d;color:#fff;cursor:pointer;display:grid;place-content:center;gap:10px;text-align:center}.youtube-load span{width:68px;height:68px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#0a0d12;font-size:28px;margin:auto}.youtube-load strong{font-size:14px}.youtube-load:hover span{transform:scale(1.05)}@media(max-width:820px){.product-hero-grid{grid-template-columns:1fr}.product-photo{min-height:0}.product-photo img{max-height:none}}