:root { --dl-accent:#333333; --dl-accent-2:#000000; --dl-bg:#FFFFFF; --dl-text:#000000; --dl-text-muted:#666666; }
#desktop-landing { position:fixed; inset:0; z-index:1500; display:grid; place-items:center; overflow:auto; padding:40px; background:var(--dl-bg); color:var(--dl-text); font-family:Inter,ui-sans-serif,system-ui,sans-serif; }
.dl-content { position:relative; width:min(100%,900px); min-height:520px; display:grid; grid-template-columns:minmax(0,1.2fr) minmax(280px,.8fr); grid-template-rows:auto 1fr auto; gap:24px 50px; border-block:2px solid #000; background:#fff; padding:42px 0; text-align:left; }
.dl-logo { grid-column:1; display:block; width:110px; height:auto; }
.dl-subtitle { grid-column:1; align-self:end; max-width:500px; font-family:"Arial Narrow","Helvetica Neue Condensed",Impact,sans-serif; font-size:clamp(62px,7vw,105px); line-height:.72; letter-spacing:-.045em; text-transform:uppercase; }
.dl-qr-wrap { grid-column:2; grid-row:1/3; display:flex; align-items:center; justify-content:center; border-left:1px solid rgba(0,0,0,.2); }
.dl-qr { background:#fff; padding:12px; line-height:0; }
.dl-qr img,.dl-qr canvas { display:block; width:240px; height:240px; image-rendering:pixelated; }
.dl-instruction { grid-column:1; color:var(--dl-text-muted); font-size:12px; line-height:1.5; }
.dl-url { grid-column:2; align-self:end; max-width:100%; overflow-wrap:anywhere; border-top:1px solid rgba(0,0,0,.22); padding-top:10px; font-family:"SF Mono",Menlo,monospace; font-size:10px; user-select:all; }
@media (max-width:899px),(hover:none) and (pointer:coarse) { #desktop-landing { display:none!important; } }