/* Montréal Ecstasy — v2 (black/silver, sharp edges) */
:root{
  --bg-0:#07080a;
  --bg-1:#0b0d10;
  --bg-2:#101318;
  --panel:#0f1216cc;
  --panel-2:#0c0f13cc;
  --line:rgba(255,255,255,.08);
  --line-2:rgba(255,255,255,.12);
  --text:#e9edf4;
  --muted:rgba(233,237,244,.72);
  --soft:rgba(233,237,244,.55);
  --silver:#d7dde6;
  --steel:#9aa3af;
  --accent:#cfd6e0;
  --accent-2:#7b8796;
  --good:#8fe3b0;
  --warn:#f3d18a;
  --bad:#ff8a8a;
  --shadow: 0 18px 50px rgba(0,0,0,.55);
  --shadow-2: 0 10px 30px rgba(0,0,0,.45);
  --radius: 8px;
  --radius-sm: 6px;
  --max: 1140px;
  --pad: 22px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  color:var(--text);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Helvetica, Arial, "Apple Color Emoji","Segoe UI Emoji";
  background:
    radial-gradient(900px 650px at 18% 22%, rgba(255,255,255,.06), transparent 55%),
    radial-gradient(700px 520px at 86% 18%, rgba(207,214,224,.08), transparent 60%),
    radial-gradient(900px 650px at 60% 95%, rgba(255,255,255,.035), transparent 60%),
    linear-gradient(180deg, var(--bg-0), var(--bg-1) 40%, var(--bg-2));
  overflow-x:hidden;
}
a{color:inherit;text-decoration:none}
img{max-width:100%;display:block}

.wrap{max-width:var(--max);margin:0 auto;padding: var(--pad)}
/* subtle grid overlay */

/* Live city backdrop (Montréal-inspired silhouette) */
.bg-grid{ position: relative; }
.bg-grid > *{ position: relative; z-index: 1; }

.bg-grid::before{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image: url("data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%201920%20900'%20preserveAspectRatio='xMidYMid%20slice'%3E%3Cdefs%3E%3ClinearGradient%20id='fade'%20x1='0'%20y1='0'%20x2='0'%20y2='1'%3E%3Cstop%20offset='0'%20stop-color='white'%20stop-opacity='.00'/%3E%3Cstop%20offset='.45'%20stop-color='white'%20stop-opacity='.10'/%3E%3Cstop%20offset='1'%20stop-color='white'%20stop-opacity='.26'/%3E%3C/linearGradient%3E%3C/defs%3E%3Crect%20x='0'%20y='0'%20width='1920'%20height='900'%20fill='none'/%3E%3Cpath%20d='M0%20735%20C180%20660%20360%20690%20520%20640%20C650%20600%20780%20610%20860%20635%20C960%20670%201060%20655%201180%20620%20C1360%20570%201500%20600%201620%20640%20C1750%20690%201840%20700%201920%20710%20L1920%20900%20L0%20900%20Z'%20fill='url(%23fade)'%20opacity='.55'/%3E%3Cg%20fill='white'%20opacity='.22'%3E%3Crect%20x='54'%20y='623'%20width='71'%20height='97'%20rx='3'/%3E%3Crect%20x='125'%20y='507'%20width='53'%20height='213'%20rx='2'/%3E%3Crect%20x='178'%20y='658'%20width='109'%20height='62'%20rx='3'/%3E%3Crect%20x='331'%20y='551'%20width='69'%20height='169'%20rx='3'/%3E%3Crect%20x='400'%20y='630'%20width='111'%20height='90'%20rx='3'/%3E%3Crect%20x='511'%20y='573'%20width='109'%20height='147'%20rx='3'/%3E%3Crect%20x='620'%20y='609'%20width='115'%20height='111'%20rx='3'/%3E%3Crect%20x='735'%20y='486'%20width='40'%20height='234'%20rx='2'/%3E%3Crect%20x='775'%20y='593'%20width='94'%20height='127'%20rx='3'/%3E%3Crect%20x='869'%20y='485'%20width='67'%20height='235'%20rx='3'/%3E%3Crect%20x='936'%20y='583'%20width='51'%20height='137'%20rx='2'/%3E%3Crect%20x='987'%20y='526'%20width='84'%20height='194'%20rx='3'/%3E%3Crect%20x='1071'%20y='494'%20width='45'%20height='226'%20rx='2'/%3E%3Crect%20x='1116'%20y='405'%20width='55'%20height='315'%20rx='2'/%3E%3Crect%20x='1171'%20y='522'%20width='120'%20height='198'%20rx='3'/%3E%3Crect%20x='1291'%20y='533'%20width='86'%20height='187'%20rx='3'/%3E%3Crect%20x='1425'%20y='660'%20width='77'%20height='60'%20rx='3'/%3E%3Crect%20x='1502'%20y='583'%20width='52'%20height='137'%20rx='2'/%3E%3Crect%20x='1554'%20y='639'%20width='86'%20height='81'%20rx='3'/%3E%3Crect%20x='1640'%20y='509'%20width='66'%20height='211'%20rx='3'/%3E%3Crect%20x='1706'%20y='525'%20width='49'%20height='195'%20rx='2'/%3E%3Crect%20x='1755'%20y='494'%20width='108'%20height='226'%20rx='3'/%3E%3Crect%20x='1863'%20y='583'%20width='57'%20height='137'%20rx='2'/%3E%3Crect%20x='1190'%20y='250'%20width='55'%20height='470'%20rx='2'/%3E%3Crect%20x='1216'%20y='160'%20width='3'%20height='90'%20rx='1'%20opacity='.35'/%3E%3Ccircle%20cx='1217.5'%20cy='155'%20r='6'%20opacity='.25'/%3E%3C/g%3E%3Cg%20fill='white'%20opacity='.05'%3E%3Crect%20x='1534.2'%20y='617.8'%20width='4.3'%20height='8.6'%20rx='1'/%3E%3Crect%20x='73.1'%20y='635.3'%20width='4.3'%20height='5.6'%20rx='1'/%3E%3Crect%20x='494.6'%20y='677.4'%20width='5.9'%20height='5.3'%20rx='1'/%3E%3Crect%20x='1138.2'%20y='681.1'%20width='4.8'%20height='5.6'%20rx='1'/%3E%3Crect%20x='587.8'%20y='649.3'%20width='6.0'%20height='6.6'%20rx='1'/%3E%3Crect%20x='1396.6'%20y='684.9'%20width='7.0'%20height='7.1'%20rx='1'/%3E%3Crect%20x='160.5'%20y='679.7'%20width='3.6'%20height='5.0'%20rx='1'/%3E%3Crect%20x='1590.4'%20y='652.6'%20width='4.5'%20height='10.0'%20rx='1'/%3E%3Crect%20x='1203.6'%20y='628.3'%20width='6.8'%20height='8.1'%20rx='1'/%3E%3Crect%20x='248.8'%20y='688.4'%20width='4.1'%20height='7.8'%20rx='1'/%3E%3Crect%20x='211.9'%20y='674.0'%20width='3.0'%20height='8.3'%20rx='1'/%3E%3Crect%20x='1721.2'%20y='620.6'%20width='3.7'%20height='9.5'%20rx='1'/%3E%3Crect%20x='1519.3'%20y='665.2'%20width='5.4'%20height='4.9'%20rx='1'/%3E%3Crect%20x='1776.2'%20y='696.6'%20width='6.7'%20height='9.5'%20rx='1'/%3E%3Crect%20x='1451.4'%20y='670.7'%20width='6.7'%20height='9.3'%20rx='1'/%3E%3Crect%20x='1229.1'%20y='366.8'%20width='4.0'%20height='7.4'%20rx='1'/%3E%3Crect%20x='134.3'%20y='608.9'%20width='3.3'%20height='8.6'%20rx='1'/%3E%3Crect%20x='1772.8'%20y='637.3'%20width='6.8'%20height='5.0'%20rx='1'/%3E%3Crect%20x='1269.5'%20y='605.6'%20width='3.8'%20height='7.2'%20rx='1'/%3E%3Crect%20x='1736.1'%20y='656.9'%20width='4.6'%20height='8.0'%20rx='1'/%3E%3Crect%20x='898.2'%20y='604.2'%20width='3.5'%20height='5.3'%20rx='1'/%3E%3Crect%20x='782.7'%20y='660.1'%20width='5.4'%20height='4.0'%20rx='1'/%3E%3Crect%20x='1678.8'%20y='561.8'%20width='6.6'%20height='9.2'%20rx='1'/%3E%3Crect%20x='151.1'%20y='569.6'%20width='4.9'%20height='7.2'%20rx='1'/%3E%3Crect%20x='1744.7'%20y='632.6'%20width='4.9'%20height='8.7'%20rx='1'/%3E%3Crect%20x='1886.5'%20y='603.7'%20width='5.6'%20height='6.1'%20rx='1'/%3E%3Crect%20x='1025.7'%20y='659.9'%20width='5.7'%20height='9.9'%20rx='1'/%3E%3Crect%20x='189.8'%20y='695.7'%20width='6.2'%20height='4.7'%20rx='1'/%3E%3Crect%20x='424.5'%20y='669.6'%20width='4.7'%20height='5.7'%20rx='1'/%3E%3Crect%20x='600.1'%20y='592.3'%20width='6.2'%20height='9.1'%20rx='1'/%3E%3Crect%20x='188.8'%20y='706.0'%20width='6.3'%20height='9.8'%20rx='1'/%3E%3Crect%20x='1840.8'%20y='537.6'%20width='4.9'%20height='5.3'%20rx='1'/%3E%3Crect%20x='975.4'%20y='611.6'%20width='3.0'%20height='6.3'%20rx='1'/%3E%3Crect%20x='1902.8'%20y='625.2'%20width='5.8'%20height='8.4'%20rx='1'/%3E%3Crect%20x='1892.9'%20y='674.2'%20width='3.6'%20height='5.8'%20rx='1'/%3E%3Crect%20x='93.0'%20y='672.6'%20width='6.0'%20height='4.3'%20rx='1'/%3E%3Crect%20x='1399.2'%20y='703.8'%20width='5.1'%20height='4.3'%20rx='1'/%3E%3Crect%20x='1185.5'%20y='564.3'%20width='5.4'%20height='8.1'%20rx='1'/%3E%3Crect%20x='555.4'%20y='698.8'%20width='5.3'%20height='7.5'%20rx='1'/%3E%3Crect%20x='95.3'%20y='663.6'%20width='5.3'%20height='7.1'%20rx='1'/%3E%3Crect%20x='646.6'%20y='681.3'%20width='4.0'%20height='6.4'%20rx='1'/%3E%3Crect%20x='1606.5'%20y='675.1'%20width='6.7'%20height='9.6'%20rx='1'/%3E%3Crect%20x='24.3'%20y='706.0'%20width='7.0'%20height='4.4'%20rx='1'/%3E%3Crect%20x='455.1'%20y='648.7'%20width='4.4'%20height='4.4'%20rx='1'/%3E%3Crect%20x='552.1'%20y='602.4'%20width='6.3'%20height='8.2'%20rx='1'/%3E%3Crect%20x='1493.0'%20y='699.1'%20width='5.1'%20height='8.0'%20rx='1'/%3E%3Crect%20x='1318.6'%20y='651.1'%20width='6.8'%20height='4.8'%20rx='1'/%3E%3Crect%20x='268.5'%20y='696.2'%20width='3.6'%20height='5.7'%20rx='1'/%3E%3Crect%20x='475.6'%20y='653.4'%20width='5.5'%20height='5.6'%20rx='1'/%3E%3Crect%20x='1132.3'%20y='679.3'%20width='3.2'%20height='7.8'%20rx='1'/%3E%3Crect%20x='1207.3'%20y='261.6'%20width='6.1'%20height='7.8'%20rx='1'/%3E%3Crect%20x='642.3'%20y='657.4'%20width='5.8'%20height='7.4'%20rx='1'/%3E%3Crect%20x='191.1'%20y='701.6'%20width='6.6'%20height='7.3'%20rx='1'/%3E%3Crect%20x='1211.1'%20y='506.4'%20width='4.7'%20height='4.3'%20rx='1'/%3E%3Crect%20x='922.6'%20y='663.0'%20width='6.4'%20height='9.4'%20rx='1'/%3E%3Crect%20x='472.2'%20y='684.0'%20width='4.4'%20height='7.4'%20rx='1'/%3E%3Crect%20x='1061.2'%20y='663.4'%20width='6.7'%20height='5.4'%20rx='1'/%3E%3Crect%20x='390.7'%20y='678.6'%20width='6.5'%20height='4.1'%20rx='1'/%3E%3Crect%20x='1744.4'%20y='668.8'%20width='4.6'%20height='8.0'%20rx='1'/%3E%3Crect%20x='1740.4'%20y='580.6'%20width='6.1'%20height='4.6'%20rx='1'/%3E%3Crect%20x='108.9'%20y='649.2'%20width='6.3'%20height='6.8'%20rx='1'/%3E%3Crect%20x='762.3'%20y='679.0'%20width='3.9'%20height='8.0'%20rx='1'/%3E%3Crect%20x='954.1'%20y='690.7'%20width='6.9'%20height='5.7'%20rx='1'/%3E%3Crect%20x='1527.4'%20y='669.8'%20width='6.4'%20height='6.0'%20rx='1'/%3E%3Crect%20x='10.6'%20y='705.3'%20width='3.7'%20height='9.8'%20rx='1'/%3E%3Crect%20x='629.9'%20y='670.9'%20width='4.4'%20height='8.7'%20rx='1'/%3E%3Crect%20x='1035.4'%20y='622.9'%20width='4.5'%20height='7.5'%20rx='1'/%3E%3Crect%20x='630.5'%20y='656.9'%20width='5.1'%20height='8.8'%20rx='1'/%3E%3Crect%20x='1611.8'%20y='691.3'%20width='5.7'%20height='6.2'%20rx='1'/%3E%3Crect%20x='168.0'%20y='691.0'%20width='5.5'%20height='8.0'%20rx='1'/%3E%3Crect%20x='252.4'%20y='679.4'%20width='4.2'%20height='6.5'%20rx='1'/%3E%3Crect%20x='967.8'%20y='655.6'%20width='3.8'%20height='8.0'%20rx='1'/%3E%3Crect%20x='967.1'%20y='695.0'%20width='5.5'%20height='5.8'%20rx='1'/%3E%3Crect%20x='1357.0'%20y='592.5'%20width='3.8'%20height='8.7'%20rx='1'/%3E%3Crect%20x='1472.2'%20y='686.7'%20width='4.8'%20height='5.3'%20rx='1'/%3E%3Crect%20x='1154.5'%20y='694.3'%20width='5.9'%20height='8.0'%20rx='1'/%3E%3Crect%20x='754.4'%20y='628.9'%20width='4.3'%20height='8.9'%20rx='1'/%3E%3Crect%20x='1783.1'%20y='566.7'%20width='6.2'%20height='4.9'%20rx='1'/%3E%3Crect%20x='74.0'%20y='667.7'%20width='6.4'%20height='4.4'%20rx='1'/%3E%3Crect%20x='1055.0'%20y='633.9'%20width='5.9'%20height='6.3'%20rx='1'/%3E%3Crect%20x='951.0'%20y='667.1'%20width='3.0'%20height='8.5'%20rx='1'/%3E%3Crect%20x='1844.2'%20y='661.2'%20width='3.9'%20height='8.8'%20rx='1'/%3E%3Crect%20x='1672.9'%20y='528.4'%20width='4.0'%20height='9.1'%20rx='1'/%3E%3Crect%20x='1081.1'%20y='597.9'%20width='5.1'%20height='7.4'%20rx='1'/%3E%3Crect%20x='857.0'%20y='694.8'%20width='5.5'%20height='8.3'%20rx='1'/%3E%3Crect%20x='1222.2'%20y='689.8'%20width='4.8'%20height='5.0'%20rx='1'/%3E%3Crect%20x='1140.5'%20y='633.8'%20width='6.4'%20height='5.7'%20rx='1'/%3E%3Crect%20x='1810.0'%20y='630.6'%20width='4.1'%20height='4.5'%20rx='1'/%3E%3Crect%20x='747.1'%20y='566.5'%20width='6.6'%20height='4.5'%20rx='1'/%3E%3Crect%20x='299.9'%20y='699.0'%20width='5.8'%20height='4.4'%20rx='1'/%3E%3Crect%20x='1016.2'%20y='615.2'%20width='3.2'%20height='9.0'%20rx='1'/%3E%3Crect%20x='975.5'%20y='659.0'%20width='5.8'%20height='9.1'%20rx='1'/%3E%3Crect%20x='1815.1'%20y='600.3'%20width='6.8'%20height='5.8'%20rx='1'/%3E%3Crect%20x='973.6'%20y='700.7'%20width='4.7'%20height='8.5'%20rx='1'/%3E%3Crect%20x='1354.6'%20y='689.3'%20width='5.0'%20height='5.6'%20rx='1'/%3E%3Crect%20x='1123.2'%20y='512.8'%20width='5.7'%20height='6.4'%20rx='1'/%3E%3Crect%20x='383.2'%20y='694.3'%20width='6.9'%20height='7.2'%20rx='1'/%3E%3Crect%20x='963.9'%20y='667.9'%20width='3.3'%20height='6.6'%20rx='1'/%3E%3Crect%20x='1082.6'%20y='556.6'%20width='4.3'%20height='6.7'%20rx='1'/%3E%3Crect%20x='841.9'%20y='642.1'%20width='6.0'%20height='9.0'%20rx='1'/%3E%3Crect%20x='710.3'%20y='659.9'%20width='6.0'%20height='4.3'%20rx='1'/%3E%3Crect%20x='886.9'%20y='509.5'%20width='6.8'%20height='4.2'%20rx='1'/%3E%3Crect%20x='44.0'%20y='688.4'%20width='3.1'%20height='4.9'%20rx='1'/%3E%3Crect%20x='307.2'%20y='685.6'%20width='6.8'%20height='6.8'%20rx='1'/%3E%3Crect%20x='703.5'%20y='633.6'%20width='5.4'%20height='8.5'%20rx='1'/%3E%3Crect%20x='257.9'%20y='674.2'%20width='4.2'%20height='7.5'%20rx='1'/%3E%3Crect%20x='756.0'%20y='686.7'%20width='4.5'%20height='9.6'%20rx='1'/%3E%3Crect%20x='413.4'%20y='685.6'%20width='5.5'%20height='4.6'%20rx='1'/%3E%3Crect%20x='1789.3'%20y='642.2'%20width='6.2'%20height='8.8'%20rx='1'/%3E%3Crect%20x='1409.6'%20y='688.4'%20width='4.7'%20height='6.2'%20rx='1'/%3E%3Crect%20x='1245.6'%20y='534.2'%20width='4.7'%20height='6.9'%20rx='1'/%3E%3Crect%20x='1060.3'%20y='644.0'%20width='6.3'%20height='8.2'%20rx='1'/%3E%3Crect%20x='1005.3'%20y='624.7'%20width='5.6'%20height='7.7'%20rx='1'/%3E%3Crect%20x='1352.8'%20y='618.8'%20width='6.3'%20height='7.6'%20rx='1'/%3E%3Crect%20x='849.1'%20y='688.6'%20width='3.3'%20height='9.3'%20rx='1'/%3E%3Crect%20x='588.3'%20y='653.1'%20width='5.7'%20height='6.0'%20rx='1'/%3E%3Crect%20x='1156.9'%20y='467.9'%20width='3.8'%20height='8.8'%20rx='1'/%3E%3Crect%20x='803.4'%20y='664.4'%20width='6.5'%20height='7.3'%20rx='1'/%3E%3Crect%20x='1277.5'%20y='546.9'%20width='5.9'%20height='6.9'%20rx='1'/%3E%3Crect%20x='1783.6'%20y='600.2'%20width='5.8'%20height='6.7'%20rx='1'/%3E%3Crect%20x='9.7'%20y='688.9'%20width='5.8'%20height='5.8'%20rx='1'/%3E%3Crect%20x='1395.5'%20y='693.9'%20width='4.4'%20height='10.0'%20rx='1'/%3E%3Crect%20x='1320.8'%20y='657.6'%20width='4.1'%20height='5.5'%20rx='1'/%3E%3Crect%20x='252.5'%20y='680.0'%20width='6.0'%20height='9.7'%20rx='1'/%3E%3Crect%20x='1655.6'%20y='559.5'%20width='4.9'%20height='8.3'%20rx='1'/%3E%3Crect%20x='1810.3'%20y='561.2'%20width='3.4'%20height='5.2'%20rx='1'/%3E%3Crect%20x='551.3'%20y='620.2'%20width='5.8'%20height='4.8'%20rx='1'/%3E%3Crect%20x='115.5'%20y='673.4'%20width='5.8'%20height='4.8'%20rx='1'/%3E%3Crect%20x='1807.1'%20y='680.3'%20width='5.3'%20height='6.8'%20rx='1'/%3E%3Crect%20x='1087.6'%20y='699.0'%20width='4.0'%20height='9.2'%20rx='1'/%3E%3Crect%20x='262.1'%20y='683.2'%20width='3.3'%20height='7.8'%20rx='1'/%3E%3Crect%20x='68.6'%20y='692.2'%20width='6.8'%20height='4.5'%20rx='1'/%3E%3Crect%20x='528.3'%20y='677.0'%20width='5.4'%20height='8.7'%20rx='1'/%3E%3Crect%20x='590.7'%20y='629.8'%20width='6.6'%20height='5.8'%20rx='1'/%3E%3Crect%20x='1416.7'%20y='687.2'%20width='5.5'%20height='7.7'%20rx='1'/%3E%3Crect%20x='1715.5'%20y='665.4'%20width='5.5'%20height='5.6'%20rx='1'/%3E%3Crect%20x='137.1'%20y='549.9'%20width='3.3'%20height='4.0'%20rx='1'/%3E%3Crect%20x='1098.4'%20y='598.9'%20width='3.1'%20height='5.7'%20rx='1'/%3E%3Crect%20x='759.3'%20y='591.3'%20width='5.7'%20height='9.5'%20rx='1'/%3E%3Crect%20x='1903.0'%20y='659.6'%20width='6.2'%20height='5.2'%20rx='1'/%3E%3Crect%20x='235.7'%20y='692.6'%20width='6.6'%20height='9.0'%20rx='1'/%3E%3Crect%20x='133.3'%20y='666.8'%20width='5.4'%20height='8.9'%20rx='1'/%3E%3Crect%20x='752.4'%20y='594.4'%20width='4.2'%20height='6.4'%20rx='1'/%3E%3Crect%20x='676.5'%20y='662.0'%20width='3.3'%20height='4.2'%20rx='1'/%3E%3Crect%20x='1044.4'%20y='638.6'%20width='3.1'%20height='5.4'%20rx='1'/%3E%3Crect%20x='1620.2'%20y='681.8'%20width='6.8'%20height='10.0'%20rx='1'/%3E%3Crect%20x='1619.1'%20y='681.8'%20width='6.1'%20height='5.1'%20rx='1'/%3E%3Crect%20x='1246.1'%20y='691.4'%20width='3.7'%20height='7.5'%20rx='1'/%3E%3Crect%20x='1538.9'%20y='702.5'%20width='4.9'%20height='6.5'%20rx='1'/%3E%3Crect%20x='834.6'%20y='691.3'%20width='4.3'%20height='8.2'%20rx='1'/%3E%3Crect%20x='758.2'%20y='580.1'%20width='6.0'%20height='4.2'%20rx='1'/%3E%3Crect%20x='143.3'%20y='578.1'%20width='6.9'%20height='6.4'%20rx='1'/%3E%3Crect%20x='1264.4'%20y='532.2'%20width='6.5'%20height='6.8'%20rx='1'/%3E%3Crect%20x='70.7'%20y='659.4'%20width='6.0'%20height='7.8'%20rx='1'/%3E%3Crect%20x='1765.9'%20y='557.9'%20width='3.5'%20height='5.7'%20rx='1'/%3E%3Crect%20x='1671.2'%20y='524.4'%20width='5.5'%20height='8.8'%20rx='1'/%3E%3Crect%20x='1654.2'%20y='622.0'%20width='5.2'%20height='4.6'%20rx='1'/%3E%3Crect%20x='1233.4'%20y='465.8'%20width='3.5'%20height='9.0'%20rx='1'/%3E%3Crect%20x='1160.2'%20y='499.9'%20width='5.8'%20height='6.5'%20rx='1'/%3E%3Crect%20x='1162.2'%20y='485.9'%20width='5.2'%20height='6.3'%20rx='1'/%3E%3Crect%20x='1463.0'%20y='701.7'%20width='6.5'%20height='5.7'%20rx='1'/%3E%3Crect%20x='1905.7'%20y='631.4'%20width='6.2'%20height='5.6'%20rx='1'/%3E%3Crect%20x='17.3'%20y='690.6'%20width='5.3'%20height='10.0'%20rx='1'/%3E%3Crect%20x='1157.5'%20y='544.9'%20width='4.9'%20height='6.0'%20rx='1'/%3E%3Crect%20x='1812.1'%20y='596.0'%20width='4.3'%20height='5.1'%20rx='1'/%3E%3Crect%20x='1658.4'%20y='590.6'%20width='6.4'%20height='6.5'%20rx='1'/%3E%3Crect%20x='840.6'%20y='675.6'%20width='6.2'%20height='6.3'%20rx='1'/%3E%3Crect%20x='1617.1'%20y='686.2'%20width='3.6'%20height='9.8'%20rx='1'/%3E%3Crect%20x='308.1'%20y='696.6'%20width='6.5'%20height='9.2'%20rx='1'/%3E%3Crect%20x='1080.1'%20y='687.9'%20width='3.1'%20height='4.9'%20rx='1'/%3E%3Crect%20x='1544.9'%20y='601.5'%20width='6.1'%20height='5.6'%20rx='1'/%3E%3Crect%20x='1474.6'%20y='693.4'%20width='6.4'%20height='9.1'%20rx='1'/%3E%3Crect%20x='1324.4'%20y='594.6'%20width='5.9'%20height='8.6'%20rx='1'/%3E%3Crect%20x='1299.6'%20y='554.2'%20width='5.5'%20height='9.5'%20rx='1'/%3E%3Crect%20x='587.9'%20y='636.4'%20width='3.4'%20height='7.8'%20rx='1'/%3E%3Crect%20x='226.1'%20y='694.4'%20width='6.6'%20height='4.3'%20rx='1'/%3E%3Crect%20x='1871.4'%20y='633.5'%20width='4.7'%20height='5.5'%20rx='1'/%3E%3Crect%20x='1032.6'%20y='670.7'%20width='3.7'%20height='4.5'%20rx='1'/%3E%3Crect%20x='964.9'%20y='620.2'%20width='6.7'%20height='4.9'%20rx='1'/%3E%3Crect%20x='1096.8'%20y='596.8'%20width='5.7'%20height='9.4'%20rx='1'/%3E%3Crect%20x='1104.9'%20y='640.9'%20width='3.6'%20height='6.7'%20rx='1'/%3E%3Crect%20x='927.3'%20y='558.1'%20width='6.8'%20height='8.1'%20rx='1'/%3E%3Crect%20x='1103.2'%20y='544.2'%20width='4.5'%20height='6.9'%20rx='1'/%3E%3Crect%20x='553.2'%20y='627.2'%20width='4.2'%20height='8.2'%20rx='1'/%3E%3Crect%20x='45.1'%20y='698.5'%20width='4.1'%20height='7.4'%20rx='1'/%3E%3Crect%20x='1616.0'%20y='704.5'%20width='6.6'%20height='8.5'%20rx='1'/%3E%3Crect%20x='1233.1'%20y='387.6'%20width='6.2'%20height='7.6'%20rx='1'/%3E%3Crect%20x='886.6'%20y='535.1'%20width='4.0'%20height='8.5'%20rx='1'/%3E%3Crect%20x='1823.0'%20y='673.3'%20width='5.5'%20height='9.4'%20rx='1'/%3E%3Crect%20x='1509.5'%20y='682.1'%20width='3.1'%20height='6.2'%20rx='1'/%3E%3Crect%20x='295.7'%20y='689.8'%20width='6.0'%20height='5.1'%20rx='1'/%3E%3Crect%20x='316.6'%20y='703.2'%20width='4.5'%20height='7.0'%20rx='1'/%3E%3Crect%20x='709.9'%20y='641.4'%20width='6.3'%20height='6.9'%20rx='1'/%3E%3Crect%20x='1881.7'%20y='691.4'%20width='6.2'%20height='6.8'%20rx='1'/%3E%3Crect%20x='136.5'%20y='699.7'%20width='6.4'%20height='8.3'%20rx='1'/%3E%3Crect%20x='977.8'%20y='683.9'%20width='4.5'%20height='8.7'%20rx='1'/%3E%3Crect%20x='16.6'%20y='686.7'%20width='4.5'%20height='8.5'%20rx='1'/%3E%3Crect%20x='685.0'%20y='690.6'%20width='6.8'%20height='4.7'%20rx='1'/%3E%3Crect%20x='561.8'%20y='659.2'%20width='6.8'%20height='6.0'%20rx='1'/%3E%3Crect%20x='1444.9'%20y='672.3'%20width='6.3'%20height='9.5'%20rx='1'/%3E%3Crect%20x='757.9'%20y='520.5'%20width='3.2'%20height='4.2'%20rx='1'/%3E%3Crect%20x='1126.8'%20y='483.3'%20width='5.2'%20height='6.3'%20rx='1'/%3E%3Crect%20x='910.5'%20y='651.8'%20width='6.8'%20height='6.5'%20rx='1'/%3E%3Crect%20x='1737.4'%20y='686.4'%20width='5.6'%20height='9.0'%20rx='1'/%3E%3Crect%20x='1456.7'%20y='704.3'%20width='3.1'%20height='6.2'%20rx='1'/%3E%3Crect%20x='1090.8'%20y='551.7'%20width='4.5'%20height='9.9'%20rx='1'/%3E%3Crect%20x='903.9'%20y='701.3'%20width='4.4'%20height='6.4'%20rx='1'/%3E%3Crect%20x='499.9'%20y='702.6'%20width='6.3'%20height='4.6'%20rx='1'/%3E%3Crect%20x='468.2'%20y='679.4'%20width='3.1'%20height='8.7'%20rx='1'/%3E%3Crect%20x='610.9'%20y='679.8'%20width='3.8'%20height='9.0'%20rx='1'/%3E%3Crect%20x='1311.9'%20y='578.2'%20width='6.5'%20height='6.0'%20rx='1'/%3E%3Crect%20x='316.7'%20y='696.7'%20width='4.1'%20height='9.9'%20rx='1'/%3E%3Crect%20x='309.2'%20y='701.4'%20width='3.4'%20height='9.2'%20rx='1'/%3E%3Crect%20x='293.4'%20y='701.2'%20width='4.0'%20height='5.9'%20rx='1'/%3E%3Crect%20x='351.6'%20y='579.4'%20width='4.7'%20height='4.7'%20rx='1'/%3E%3Crect%20x='149.6'%20y='664.0'%20width='5.1'%20height='4.7'%20rx='1'/%3E%3Crect%20x='1200.5'%20y='639.0'%20width='5.9'%20height='9.5'%20rx='1'/%3E%3Crect%20x='1597.5'%20y='675.1'%20width='6.9'%20height='4.4'%20rx='1'/%3E%3Crect%20x='1156.7'%20y='539.0'%20width='3.4'%20height='8.3'%20rx='1'/%3E%3Crect%20x='1079.3'%20y='520.3'%20width='5.4'%20height='4.4'%20rx='1'/%3E%3Crect%20x='689.1'%20y='669.9'%20width='5.8'%20height='6.3'%20rx='1'/%3E%3Crect%20x='1464.4'%20y='686.3'%20width='5.4'%20height='4.6'%20rx='1'/%3E%3Crect%20x='1651.9'%20y='641.4'%20width='6.5'%20height='7.3'%20rx='1'/%3E%3Crect%20x='447.7'%20y='698.6'%20width='4.7'%20height='9.0'%20rx='1'/%3E%3Crect%20x='957.4'%20y='603.7'%20width='4.7'%20height='8.0'%20rx='1'/%3E%3Crect%20x='925.5'%20y='639.9'%20width='4.9'%20height='4.5'%20rx='1'/%3E%3Crect%20x='134.6'%20y='535.3'%20width='6.0'%20height='8.9'%20rx='1'/%3E%3Crect%20x='1301.3'%20y='698.9'%20width='5.2'%20height='8.0'%20rx='1'/%3E%3Crect%20x='1017.8'%20y='649.1'%20width='6.0'%20height='9.2'%20rx='1'/%3E%3Crect%20x='1713.8'%20y='584.2'%20width='4.2'%20height='4.6'%20rx='1'/%3E%3Crect%20x='1199.6'%20y='646.3'%20width='3.9'%20height='4.6'%20rx='1'/%3E%3Crect%20x='1323.5'%20y='667.3'%20width='5.3'%20height='8.8'%20rx='1'/%3E%3Crect%20x='1367.2'%20y='676.4'%20width='5.5'%20height='7.9'%20rx='1'/%3E%3Crect%20x='30.4'%20y='698.5'%20width='5.8'%20height='4.2'%20rx='1'/%3E%3Crect%20x='697.0'%20y='645.9'%20width='4.4'%20height='4.0'%20rx='1'/%3E%3Crect%20x='310.0'%20y='692.2'%20width='3.6'%20height='7.8'%20rx='1'/%3E%3Crect%20x='9.7'%20y='695.7'%20width='4.5'%20height='6.7'%20rx='1'/%3E%3Crect%20x='357.4'%20y='665.6'%20width='6.1'%20height='7.4'%20rx='1'/%3E%3Crect%20x='165.5'%20y='546.4'%20width='6.0'%20height='4.3'%20rx='1'/%3E%3Crect%20x='141.6'%20y='642.1'%20width='4.9'%20height='6.7'%20rx='1'/%3E%3Crect%20x='647.8'%20y='663.6'%20width='4.4'%20height='4.7'%20rx='1'/%3E%3Crect%20x='1608.9'%20y='676.7'%20width='5.7'%20height='4.3'%20rx='1'/%3E%3Crect%20x='978.4'%20y='599.2'%20width='3.8'%20height='9.7'%20rx='1'/%3E%3Crect%20x='1773.9'%20y='555.6'%20width='4.3'%20height='4.0'%20rx='1'/%3E%3Crect%20x='1727.1'%20y='557.1'%20width='5.1'%20height='5.4'%20rx='1'/%3E%3Crect%20x='1357.0'%20y='674.4'%20width='3.3'%20height='9.2'%20rx='1'/%3E%3Crect%20x='84.9'%20y='666.6'%20width='3.3'%20height='5.9'%20rx='1'/%3E%3Crect%20x='1033.1'%20y='656.6'%20width='4.7'%20height='4.7'%20rx='1'/%3E%3Crect%20x='44.6'%20y='687.8'%20width='6.8'%20height='6.8'%20rx='1'/%3E%3Crect%20x='1693.8'%20y='535.5'%20width='6.4'%20height='5.5'%20rx='1'/%3E%3Crect%20x='1396.6'%20y='681.1'%20width='6.5'%20height='8.5'%20rx='1'/%3E%3Crect%20x='548.6'%20y='603.7'%20width='5.0'%20height='4.7'%20rx='1'/%3E%3Crect%20x='1197.6'%20y='667.1'%20width='4.4'%20height='9.7'%20rx='1'/%3E%3Crect%20x='1539.0'%20y='619.7'%20width='3.6'%20height='5.2'%20rx='1'/%3E%3Crect%20x='1440.6'%20y='697.3'%20width='3.3'%20height='9.7'%20rx='1'/%3E%3Crect%20x='1526.8'%20y='678.3'%20width='6.0'%20height='6.7'%20rx='1'/%3E%3Crect%20x='1404.9'%20y='705.6'%20width='4.3'%20height='9.8'%20rx='1'/%3E%3Crect%20x='793.1'%20y='610.0'%20width='4.8'%20height='5.8'%20rx='1'/%3E%3Crect%20x='685.7'%20y='649.6'%20width='3.3'%20height='6.8'%20rx='1'/%3E%3Crect%20x='63.2'%20y='693.7'%20width='3.3'%20height='9.2'%20rx='1'/%3E%3C/g%3E%3Cpath%20d='M0%20770%20L1920%20770'%20stroke='white'%20stroke-opacity='.05'%20stroke-width='3'/%3E%3C/svg%3E");
  background-size: cover;
  background-position: calc(50% + var(--px, 0px)) calc(100% + var(--py, 0px));
  opacity:.22;
  filter: grayscale(1) contrast(1.08);
  transform: translate3d(0, calc(var(--sy, 0px) * -1), 0);
  will-change: transform, background-position;
  mask-image: radial-gradient(circle at 50% 22%, rgba(0,0,0,1), rgba(0,0,0,.65) 55%, rgba(0,0,0,.05) 85%);
}

.bg-grid::after{
  content:"";
  position:fixed; inset:0;
  pointer-events:none;
  background-image:
    linear-gradient(to right, rgba(255,255,255,.035) 1px, transparent 1px),
    linear-gradient(to bottom, rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(120deg, transparent 0%, rgba(207,214,224,.09) 38%, transparent 72%);
  background-size: 70px 70px, 70px 70px, 220% 220%;
  background-position: 0 0, 0 0, 20% 0;
  opacity:.28;
  mask-image: radial-gradient(circle at 50% 25%, rgba(0,0,0,1), rgba(0,0,0,.35) 55%, transparent 82%);
  animation: sweep 16s ease-in-out infinite;
}

@keyframes sweep{
  0%   { background-position: 0 0, 0 0, 10% 0; }
  50%  { background-position: 0 0, 0 0, 90% 55%; }
  100% { background-position: 0 0, 0 0, 10% 0; }
}


/* Top bar */
.topbar{
  position:sticky; top:0; z-index:50;
  border-bottom:1px solid var(--line);
  background: linear-gradient(180deg, rgba(7,8,10,.88), rgba(7,8,10,.58));
  backdrop-filter: blur(10px);
}
.topbar-inner{
  max-width:var(--max);
  margin:0 auto;
  padding: 14px var(--pad);
  display:flex; align-items:center; justify-content:space-between; gap:16px;
}
.brand{
  display:flex; align-items:center; gap:12px;
  min-width: 220px;
}
.brand img{
  width:42px; height:42px;
  border:1px solid rgba(255,255,255,.18);
  box-shadow: var(--shadow-2);
}
.brand .name{
  display:flex; flex-direction:column;
  line-height:1.05;
}
.brand .name b{letter-spacing:.35px}
.brand .name span{color:var(--muted);font-weight:700;font-size:12px;letter-spacing:.15px}

.nav{
  display:flex; align-items:center; gap:18px;
  color:var(--muted);
  font-weight:800;
}
.nav a{
  padding:8px 10px;
  border:1px solid transparent;
  border-radius: var(--radius-sm);
}
.nav a:hover{
  color:var(--text);
  border-color: rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
}
.nav a[aria-current="page"]{
  color:var(--text);
  border-color: rgba(255,255,255,.14);
  background: rgba(255,255,255,.04);
}

.actions{display:flex; align-items:center; gap:10px}
.btn{
  display:inline-flex; align-items:center; justify-content:center; gap:10px;
  padding:10px 14px;
  border-radius: 0; /* sharp edges */
  border:1px solid rgba(255,255,255,.16);
  background: rgba(255,255,255,.04);
  font-weight:900;
  letter-spacing:.2px;
  transition: transform .12s ease, background .12s ease, border-color .12s ease;
  user-select:none;
}
.btn:hover{transform: translateY(-1px); border-color: rgba(255,255,255,.28); background: rgba(255,255,255,.055)}
.btn:active{transform: translateY(0px)}
.btn.primary{
  color:#0b0d10;
  border-color: rgba(255,255,255,.42);
  background: linear-gradient(135deg, #f4f6f9, #cfd6e0 55%, #f4f6f9);
}
.btn.primary:hover{background: linear-gradient(135deg, #ffffff, #cfd6e0 55%, #ffffff)}
.btn.icon{padding:10px 12px}
.pill{
  display:inline-flex; align-items:center; gap:8px;
  padding:8px 12px;
  border:1px solid rgba(255,255,255,.12);
  background: rgba(255,255,255,.03);
  font-weight:900;
  letter-spacing:.18px;
}
.dot{width:8px;height:8px;border-radius:0;background: var(--steel)}
.dot.good{background: var(--good)}
.dot.warn{background: var(--warn)}
.dot.bad{background: var(--bad)}

.mobile-toggle{display:none}
@media (max-width: 960px){
  .brand{min-width:auto}
  .nav{display:none}
  .mobile-toggle{display:inline-flex}
}
.mobile-menu{
  display:none;
  border-bottom:1px solid var(--line);
  background: rgba(7,8,10,.8);
}
.mobile-menu.open{display:block}
.mobile-menu .wrap{padding-top: 10px}
.mobile-menu a{
  display:block;
  padding:12px 12px;
  border:1px solid rgba(255,255,255,.10);
  margin: 10px 0;
  background: rgba(255,255,255,.03);
  font-weight:900;
}

/* Layout blocks */
.hero{padding: 44px 0 16px}
.hero-grid{
  display:grid;
  grid-template-columns: 1.2fr .8fr;
  gap: 16px;
  align-items: stretch;
}
@media (max-width: 960px){ .hero-grid{grid-template-columns:1fr} }

.h-card{
  position:relative;
  border:1px solid var(--line);
  background: linear-gradient(180deg, rgba(255,255,255,.04), rgba(255,255,255,.02));
  box-shadow: var(--shadow);
  padding: 18px;
}
.h-card:before{
  content:"";
  position:absolute; inset:-1px;
  pointer-events:none;
  background:
    linear-gradient(90deg, rgba(255,255,255,.18), transparent 35%),
    linear-gradient(180deg, rgba(255,255,255,.12), transparent 45%);
  opacity:.35;
  mask-image: linear-gradient(180deg, rgba(0,0,0,.9), transparent 70%);
}
.h-title{
  margin:0 0 10px;
  font-size: clamp(34px, 4.3vw, 56px);
  letter-spacing: -.7px;
  line-height: 1.02;
}
.h-title .metal{
  background: linear-gradient(90deg, #f4f6f9, #c7ced8 35%, #ffffff 70%, #b8c0cc);
  -webkit-background-clip:text;
  background-clip:text;
  color:transparent;
}
.h-sub{margin:0 0 16px; color:var(--muted); font-size:16px; line-height:1.65; max-width: 70ch}
.h-cta{display:flex; flex-wrap:wrap; gap:10px}
.kbd{
  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace;
  padding: 3px 8px;
  border-radius: 0;
  border:1px solid rgba(255,255,255,.16);
  background: rgba(0,0,0,.25);
  color: rgba(233,237,244,.92);
  font-size: 12px;
}

.panel{
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
  box-shadow: var(--shadow-2);
  padding: 16px;
}
.panel h3{margin:0 0 10px; font-size: 14px; letter-spacing:.28px; text-transform: uppercase; color: rgba(233,237,244,.8)}
.panel .stat{
  display:flex; align-items:flex-start; justify-content:space-between; gap:12px;
  padding: 12px;
  border:1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.18);
  margin-top:10px;
}
.stat b{display:block; margin-bottom:4px}
.stat span{color:var(--muted); font-weight:700}
.stat small{color:var(--soft); font-weight:800; letter-spacing:.15px}

.section{padding: 18px 0}
.section h2{
  margin:0 0 10px;
  font-size: 20px;
  letter-spacing:.2px;
}
.section .lead{margin:0 0 16px; color: var(--muted); line-height: 1.7}

.grid3{display:grid; grid-template-columns: repeat(3, 1fr); gap: 12px}
@media (max-width: 960px){ .grid3{grid-template-columns:1fr} }
.card{
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
  padding: 16px;
}
.card h3{margin:0 0 8px; font-size: 16px; letter-spacing:.15px}
.card p{margin:0; color: var(--muted); line-height:1.7}

.split{
  display:grid; grid-template-columns: 1fr 1fr; gap: 12px;
}
@media (max-width: 960px){ .split{grid-template-columns:1fr} }

.hr{
  height:1px;
  background: linear-gradient(90deg, transparent, rgba(255,255,255,.14), transparent);
  margin: 16px 0;
}

/* Rules page */
.rules-wrap{
  display:grid;
  grid-template-columns: 320px 1fr;
  gap: 14px;
  align-items:start;
}
@media (max-width: 960px){ .rules-wrap{grid-template-columns:1fr} }
.toc{
  position:sticky; top:92px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
  padding: 14px;
}
@media (max-width: 960px){ .toc{position:relative; top:auto} }
.toc a{
  display:block;
  padding: 10px 10px;
  border:1px solid rgba(255,255,255,.08);
  background: rgba(0,0,0,.16);
  margin: 8px 0;
  color: rgba(233,237,244,.85);
  font-weight:900;
}
.toc a:hover{border-color: rgba(255,255,255,.18); background: rgba(255,255,255,.03)}

.rule{
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
  padding: 16px;
  margin-bottom: 12px;
}
.rule h2,.rule h3{margin:0 0 8px}
.rule p{margin: 0 0 10px; color: var(--muted); line-height: 1.75}
.rule ul, .rule ol{margin:0; padding-left: 18px; color: rgba(233,237,244,.82)}
.rule li{margin: 10px 0; line-height: 1.65}

.footer{
  border-top:1px solid var(--line);
  margin-top: 22px;
}
.footer .wrap{
  display:flex; gap:12px; flex-wrap:wrap;
  align-items:center; justify-content:space-between;
  color: rgba(233,237,244,.62);
  font-weight:800;
  font-size: 12px;
}
.footer a{color: rgba(233,237,244,.8)}
.footer a:hover{color: var(--text)}


/* Small components used across pages */
.tag{
  display:inline-flex;
  align-items:center;
  padding:6px 10px;
  border:1px solid rgba(255,255,255,.14);
  background: rgba(255,255,255,.03);
  font-weight:950;
  letter-spacing:.25px;
  color: rgba(233,237,244,.85);
}
.note{
  margin-top: 12px;
  padding: 12px;
  border-left: 3px solid rgba(255,255,255,.26);
  border-top: 1px solid rgba(255,255,255,.10);
  border-right: 1px solid rgba(255,255,255,.10);
  border-bottom: 1px solid rgba(255,255,255,.10);
  background: rgba(0,0,0,.22);
  color: rgba(233,237,244,.80);
  line-height: 1.65;
}
.grid{display:grid; gap: 12px}
.line{height:1px;background: rgba(255,255,255,.10); margin: 12px 0}


/* Legal / Illegal duality */
.section-head{display:flex; align-items:flex-end; justify-content:space-between; gap:16px; flex-wrap:wrap}
.section-head .lead{margin:0; max-width:72ch}
.duality-grid{display:grid; grid-template-columns: 1fr 1fr; gap: 12px; margin-top: 14px}
@media (max-width: 960px){ .duality-grid{grid-template-columns:1fr} }

.duality-card{
  border:1px solid var(--line-2);
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.015));
  box-shadow: var(--shadow-2);
  padding: 16px;
}
.duality-top{display:flex; gap:12px; align-items:flex-start}
.duality-top h3{margin:0}
.duality-top p{margin:4px 0 0; color:var(--muted); line-height:1.55}
.duality-badge{
  display:inline-flex; align-items:center; gap:8px;
  font-size:12px; font-weight:900;
  letter-spacing:.16em;
  padding:4px 10px;
  border:1px solid var(--line);
  background: rgba(255,255,255,.02);
  text-transform:uppercase;
}
.duality-icon{
  width:44px;height:44px;
  border:1px solid var(--line-2);
  background: rgba(255,255,255,.03);
  display:grid; place-items:center;
}
.duality-icon svg{width:22px;height:22px; opacity:.92}
.duality-card.legal .duality-badge{color:rgba(143,227,176,.92)}
.duality-card.illegal .duality-badge{color:rgba(255,138,138,.92)}
.duality-list{margin:12px 0 0; padding-left: 18px; color:var(--muted); line-height:1.65}
.duality-list li{margin:8px 0}

/* v3.1 — Realistic Montréal photo backdrop (replaces grid + svg skyline) */
.bg-grid::before{
  content:"";
  position:fixed; inset:0;
  background:
    linear-gradient(180deg, rgba(7,8,10,.45), rgba(7,8,10,.70)),
    url("/assets/bg-montreal.jpg") center/cover no-repeat;
  filter: saturate(.85) contrast(1.10) brightness(.98);
  opacity: 1;
  pointer-events:none;
  z-index:0;
}

/* Kill the squares/grid overlay */
.bg-grid::after{}

/* v7.1 — Language switch + theme toggle (sharp) */
.langbar{
  display:inline-flex;
  border:1px solid rgba(255,255,255,.12);
  background:rgba(255,255,255,.03);
  border-radius:999px;
  overflow:hidden;
  box-shadow: 0 10px 30px rgba(0,0,0,.25);
}
.langbtn{
  padding:9px 12px;
  font-weight:950;
  letter-spacing:.06em;
  font-size:12px;
  color:rgba(233,237,244,.75);
  border-right:1px solid rgba(255,255,255,.10);
}
.langbtn:last-child{border-right:none}
.langbtn:hover{color:rgba(233,237,244,.92)}
.langbtn.active{
  color:rgba(233,237,244,.95);
  background:linear-gradient(180deg, rgba(233,237,244,.12), rgba(233,237,244,.03));
}

/* v7.2 — Cinematic photo treatment + day theme */
:root{
  --grain: 0.16;
  --vignette: 0.55;
  --film-top: rgba(7,8,10,.45);
  --film-bot: rgba(7,8,10,.70);
}

/* Photo layer should feel like a hero backdrop, not a tile */
.bg-grid::after{
  filter: saturate(.92) contrast(1.12) brightness(.98);
  transform: translate3d(calc(var(--px,0px) * .35), calc(var(--py,0px) * .35 + var(--sy,0px)), 0) scale(1.04);
}

/* Film overlay to keep text readable */
.bg-grid::before{
  background:
    radial-gradient(1200px 700px at 50% 15%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(900px 650px at 80% 25%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, var(--film-top), var(--film-bot));
}

/* Subtle grain + vignette */
.bg-grid{
  position:relative;
}
.bg-grid::marker{content:""} /* noop */
.bg-grid::after{ will-change: transform, filter; }
.bg-grid::before{ will-change: opacity, background; }
.bg-grid::before,
.bg-grid::after{ pointer-events:none; }

.bg-grid .wrap{ position:relative; z-index:1; }

/* Grain + vignette using an extra overlay via box-shadow + repeating gradients */
.bg-grid::after{
  box-shadow:
    inset 0 0 0 9999px rgba(0,0,0,0),
    inset 0 0 220px rgba(0,0,0,var(--vignette));
}
.bg-grid::before{
  background-image:
    radial-gradient(1200px 700px at 50% 15%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(900px 650px at 80% 25%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, var(--film-top), var(--film-bot)),
    repeating-linear-gradient(0deg, rgba(255,255,255,var(--grain)) 0 1px, rgba(0,0,0,0) 1px 3px);
  mix-blend-mode: normal;
}

/* Day theme (clean metal) */
html[data-theme="day"]{
  --bg-0:#0e1116;
  --bg-1:#121722;
  --bg-2:#161c28;
  --panel:#0f1216cc;
  --panel-2:#0c0f13cc;
  --text:#eef2f8;
  --muted:rgba(238,242,248,.74);
  --film-top: rgba(12,16,22,.18);
  --film-bot: rgba(12,16,22,.42);
  --grain: 0.10;
  --vignette: 0.35;
}
html[data-theme="day"] .bg-grid::after{
  filter: saturate(.98) contrast(1.08) brightness(1.05);
}

/* v7.3 — Montréal blueprint overlay (on top of photo) */
.bg-grid::before{
  background-image:
    url("/assets/mtl-blueprint.svg"),
    radial-gradient(1200px 700px at 50% 15%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(900px 650px at 80% 25%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, var(--film-top), var(--film-bot)),
    repeating-linear-gradient(0deg, rgba(255,255,255,var(--grain)) 0 1px, rgba(0,0,0,0) 1px 3px);
  background-repeat: no-repeat, no-repeat, no-repeat, no-repeat, repeat;
  background-position: center bottom, 50% 15%, 80% 25%, 0 0, 0 0;
  background-size: cover, auto, auto, auto, auto;
}

/* v7.4 — FORCE photo backdrop layer (override old display:none !important) */
.bg-grid::after{
  content:"";
  display:block !important;
  position:fixed;
  inset:0;
  z-index:0;
  background: url("/assets/bg-montreal.jpg") center/cover no-repeat;
  opacity:.38;
  filter: saturate(.95) contrast(1.12) brightness(1.02);
  transform: translate3d(calc(var(--px,0px) * .35), calc(var(--py,0px) * .35 + var(--sy,0px)), 0) scale(1.05);
  pointer-events:none;
}

/* v7.5 — auto dim overlay driven by --autoDim */
:root{ --autoDim: 0; }
.bg-grid::before{
  box-shadow: inset 0 0 0 9999px rgba(0,0,0,var(--autoDim));
}

/* v7.6 — disable blueprint overlay (keep cinematic film + grain) */
.bg-grid::before{
  background-image:
    radial-gradient(1200px 700px at 50% 15%, rgba(255,255,255,.06), transparent 60%),
    radial-gradient(900px 650px at 80% 25%, rgba(255,255,255,.04), transparent 62%),
    linear-gradient(180deg, var(--film-top), var(--film-bot)),
    repeating-linear-gradient(0deg, rgba(255,255,255,var(--grain)) 0 1px, rgba(0,0,0,0) 1px 3px);
  background-repeat: no-repeat, no-repeat, no-repeat, repeat;
  background-position: 50% 15%, 80% 25%, 0 0, 0 0;
  background-size: auto, auto, auto, auto;
}

/* v7.7 — remove content boxes (keep layout/spacing, just no visible containers) */
.card, .panel, .h-card, .stat, .pill{
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
}

/* remove dividers that feel like boxes */
.hr{ border-color: rgba(255,255,255,.10) !important; opacity:.35; }

/* small readability boost without boxes */
.h-title, h2, h3, p, li, .lead{
  text-shadow: 0 10px 30px rgba(0,0,0,.35);
}

/* v7.8 — subtle readability veil behind content (not boxes) */
.wrap{
  position: relative;
}
.wrap::before{
  content:"";
  position:absolute;
  inset:-24px -12px;
  background: linear-gradient(180deg, rgba(0,0,0,.30), rgba(0,0,0,.12) 35%, rgba(0,0,0,.20));
  filter: blur(0.2px);
  z-index:-1;
  pointer-events:none;
}

/* v7.9 — sharper edges + wider layout (use more real estate) */
:root{
  --max: 1380px;
  --pad: 18px;
  --radius: 2px;
  --radius-sm: 2px;
}

/* widen content everywhere */
.wrap{
  max-width: var(--max) !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
}
.topbar-inner{
  max-width: var(--max) !important;
  padding-left: var(--pad) !important;
  padding-right: var(--pad) !important;
}

/* sharp edges */
.btn, .kbd{
  border-radius: var(--radius-sm) !important;
}
.brand img{
  border-radius: 6px !important; /* keep logo slightly premium */
}

/* v8.0 — ultra wide + tighter vertical rhythm */
:root{ --max: 1560px; }

.hero{ padding: 28px 0 10px !important; }
.section{ padding: 16px 0 !important; }

/* v8.1 — compact topbar/nav (desktop) */
.topbar-inner{
  padding-top: 10px !important;
  padding-bottom: 10px !important;
  gap: 14px !important;
}
.brand img{ width:40px !important; height:40px !important; }
.brand .name b{ letter-spacing:.2px !important; }
.brand .name span{ font-size:12px !important; opacity:.78 !important; }

.nav a{
  padding: 8px 10px !important;
  font-size: 13px !important;
  letter-spacing: .02em !important;
}
.actions{ gap: 8px !important; }

.btn{
  padding: 9px 12px !important;
  font-size: 13px !important;
}
.btn.icon{ padding: 9px 10px !important; }
.langbar .btn{ padding: 7px 10px !important; }