:root{--noir:#06080c;--pan:#0d1320;--or:#c9a44c;--orc:#e8cf8f;--lg:#243040;--tx:#d7dde6;--mu:#8a97a8;--ac:#7fb4d8;--red:#d8675f;--grn:#6fbf8f;}
  *{margin:0;padding:0;box-sizing:border-box;}
  body{font-family:'Segoe UI',Arial,sans-serif;background:var(--noir);color:var(--tx);line-height:1.7;}
  .container{max-width:1120px;margin:0 auto;padding:0 32px;}
  nav{position:sticky;top:0;background:rgba(6,8,12,.95);backdrop-filter:blur(10px);border-bottom:1px solid var(--or);z-index:100;}
  nav .container{display:flex;align-items:center;justify-content:space-between;padding:14px 32px;flex-wrap:wrap;gap:8px;}
  nav .logo{font-weight:300;letter-spacing:5px;color:var(--or);font-size:1.05rem;display:flex;align-items:center;gap:10px;}
  nav .logo b{font-weight:700;}
  .icn-dart{flex-shrink:0;}
  .hero-icn{margin:0 auto 14px;display:block;filter:drop-shadow(0 0 14px rgba(200,16,46,.55));}
  .prodgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(340px,1fr));gap:22px;margin-top:18px;}
  .prodcard{background:#0a0e15;border:1px solid var(--lg);border-top:2px solid #c8102e;border-radius:4px;padding:18px;}
  .prodcard h4{color:#fff;font-size:.95rem;letter-spacing:1px;text-transform:uppercase;margin-bottom:10px;}
  .prodcard h4 span{color:#c8102e;}
  nav ul{display:flex;gap:12px;list-style:none;flex-wrap:wrap;align-items:center;}
  nav ul a{font-size:.64rem;letter-spacing:1.4px;text-transform:uppercase;color:var(--mu);text-decoration:none;padding:4px 2px;border-bottom:2px solid transparent;}
  nav ul a:hover{color:var(--orc);border-bottom-color:var(--or);}
  .langsw{font-size:.72rem;letter-spacing:2px;border:1px solid var(--or);display:flex;cursor:pointer;border-radius:3px;overflow:hidden;}
  .langsw span{padding:4px 12px;color:var(--mu);}
  .langsw span.on{background:var(--or);color:#06080c;font-weight:700;}
  header{padding:80px 0 0;border-bottom:1px solid var(--lg);background:radial-gradient(ellipse at 50% -20%,#16274a 0%,#06080c 65%);text-align:center;}
  .kicker{letter-spacing:6px;font-size:.74rem;color:var(--ac);text-transform:uppercase;}
  header h1{font-weight:200;font-size:3.4rem;letter-spacing:10px;color:#fff;margin:16px 0 6px;}
  header h1 b{font-weight:700;color:var(--or);}
  .tagline{color:var(--mu);font-style:italic;max-width:780px;margin:0 auto;font-family:Georgia,serif;font-size:1.02rem;}
  .rule{width:80px;height:2px;background:linear-gradient(90deg,transparent,var(--or),transparent);margin:24px auto;}
  .herostrip{display:flex;justify-content:center;gap:0;margin-top:44px;border-top:1px solid var(--lg);flex-wrap:wrap;}
  .herostrip div{padding:20px 30px;border-right:1px solid var(--lg);text-align:center;}
  .herostrip div:last-child{border-right:none;}
  .herostrip .v{color:var(--or);font-weight:700;font-size:1.5rem;}
  .herostrip .l{color:var(--mu);font-size:.64rem;letter-spacing:2px;text-transform:uppercase;}
  section{padding:60px 0;border-bottom:1px solid var(--lg);}
  section:nth-child(even){background:#080b11;}
  .sec-num{font-family:'Courier New',monospace;color:var(--ac);letter-spacing:2px;font-size:.8rem;}
  h2{font-weight:300;font-size:1.9rem;color:#fff;margin:8px 0 6px;}
  h2 b{font-weight:700;color:var(--or);}
  .lead{color:var(--mu);font-style:italic;font-family:Georgia,serif;max-width:800px;margin-bottom:24px;}
  h3{font-weight:600;color:var(--orc);margin:30px 0 12px;font-size:1.02rem;text-transform:uppercase;letter-spacing:1px;border-left:3px solid var(--or);padding-left:12px;}
  p{margin-bottom:12px;}
  ul.list{margin:0 0 14px 22px;}
  ul.list li{margin-bottom:6px;}
  .kpigrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:16px;}
  .kpi{background:linear-gradient(160deg,#101725,#0a0e15);border:1px solid var(--lg);border-top:2px solid var(--or);padding:22px 18px;text-align:center;border-radius:4px;}
  .kpi .v{font-weight:700;font-size:2.2rem;color:var(--or);}
  .kpi .l{font-size:.64rem;letter-spacing:2px;color:var(--mu);text-transform:uppercase;margin-top:6px;}
  .kpi.pro{border-top-color:#c8102e;}
  .kpi.pro .v{font-size:1.05rem;line-height:1.3;min-height:44px;display:flex;align-items:center;justify-content:center;}
  .kpi.pro .l{letter-spacing:1px;text-transform:none;font-size:.72rem;color:#aeb9c8;}
  .flag{display:inline-block;background:#12203a;border:1px solid var(--ac);color:var(--ac);font-size:.6rem;font-weight:700;letter-spacing:1px;padding:1px 6px;border-radius:3px;margin-right:6px;vertical-align:1px;}
  .flag.ca{border-color:#c8102e;color:#ff7b7b;background:#2a1216;}
  .barrow{display:flex;align-items:center;gap:14px;margin-bottom:14px;}
  .barlabel{width:170px;flex-shrink:0;font-size:.85rem;color:#cfd8e3;}
  .bartrack{flex:1;background:#0a0e15;border:1px solid var(--lg);height:26px;position:relative;overflow:hidden;border-radius:3px;}
  .barfill{height:100%;width:0;background:linear-gradient(90deg,#8a6f2a,var(--or));transition:width 1.6s cubic-bezier(.16,1,.3,1);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;}
  .barfill span{font-size:.72rem;color:#06080c;font-weight:700;}
  .barfill.alt{background:linear-gradient(90deg,#2f5a72,var(--ac));}
  .donutwrap{display:flex;flex-wrap:wrap;gap:30px;align-items:center;justify-content:center;margin-top:20px;}
  .legend{font-size:.85rem;}
  .legend div{display:flex;align-items:center;gap:10px;margin-bottom:8px;}
  .legend i{width:14px;height:14px;display:inline-block;border-radius:2px;}
  table{width:100%;border-collapse:collapse;margin:16px 0;font-size:.84rem;}
  th{background:#0a1220;color:var(--or);text-align:left;padding:11px 13px;border-bottom:2px solid var(--or);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;}
  td{padding:10px 13px;border-bottom:1px solid var(--lg);vertical-align:top;}
  tr:hover td{background:#0c1523;}
  td strong{color:var(--ac);}
  .tot td{background:#12203a;color:var(--or);font-weight:700;border-top:2px solid var(--or);}
  .badge{display:inline-block;padding:2px 8px;border-radius:3px;font-size:.68rem;font-weight:700;}
  .b-buy{background:#1a2a1a;color:var(--grn);border:1px solid var(--grn);}
  .b-dev{background:#2a1a1a;color:var(--red);border:1px solid var(--red);}
  .b-mix{background:#2a2410;color:var(--or);border:1px solid var(--or);}
  .b-new{background:#102030;color:var(--ac);border:1px solid var(--ac);}
  .step{display:flex;gap:18px;margin-bottom:16px;background:var(--pan);border:1px solid var(--lg);border-left:3px solid var(--or);padding:16px 20px;border-radius:0 4px 4px 0;}
  .step .n{font-family:'Courier New',monospace;color:var(--or);font-weight:700;font-size:1.15rem;flex-shrink:0;width:70px;}
  .step h4{color:#fff;font-size:.95rem;margin-bottom:6px;}
  .step p{color:var(--mu);font-size:.87rem;margin:0 0 4px;}
  .step .hp{color:var(--red);font-size:.7rem;font-weight:700;letter-spacing:1px;}
  .step .wp{color:var(--ac);font-size:.7rem;font-weight:700;letter-spacing:1px;}
  .svgbox{background:#0a0e15;border:1px solid var(--lg);padding:20px;margin-top:18px;overflow-x:auto;border-radius:4px;}
  .svgcap{font-family:'Courier New',monospace;color:var(--mu);font-size:.72rem;letter-spacing:1px;margin-top:10px;text-align:center;}
  text{font-family:'Segoe UI',sans-serif;}
  .warn{background:#1c1210;border:1px solid var(--red);border-left:4px solid var(--red);padding:16px 20px;margin:18px 0;font-size:.88rem;border-radius:0 4px 4px 0;}
  .warn b{color:var(--red);}
  .fix{background:#101c14;border:1px solid var(--grn);border-left:4px solid var(--grn);padding:14px 18px;margin:14px 0;font-size:.86rem;border-radius:0 4px 4px 0;}
  .fix b{color:var(--grn);}
  footer{padding:44px 0;text-align:center;color:var(--mu);font-size:.8rem;}
  footer .fl{color:var(--or);letter-spacing:4px;text-transform:uppercase;font-size:.74rem;margin-bottom:6px;}