.app-download-column{container-type:inline-size;}
.app-download-card{position:relative;display:grid;grid-template-columns:minmax(260px,32%) minmax(0,1fr);grid-template-rows:auto auto;gap:0 8px;margin:0;overflow:hidden;border:1px solid var(--stone);border-radius:17px;background:radial-gradient(ellipse at 17% 75%,transparent,transparent 39%),linear-gradient(115deg,var(--card),var(--paper2) 68%,var(--paper2));}
.app-download-oracle{grid-column:1;grid-row:2;align-self:start;display:block;width:100%;height:min(33cqw,400px);object-fit:contain;object-position:center top;}
.app-download-copy{grid-column:1/-1;grid-row:1;position:relative;z-index:1;min-width:0;padding:22px 26px 6px;text-align:left;}
.app-download-kicker{color:var(--ink);font:700 18px/1.3 'Hanken Grotesk',sans-serif;letter-spacing:.08em;}
.app-download-copy h2{margin:7px 0 6px;color:var(--ink);font:500 clamp(32px,3vw,42px)/1.08 'Newsreader',serif;}
/* The wordmark stands in for the word "Digsy": its baseline (76% down the art) sits on the text baseline. */
.app-download-wordmark{display:inline-block;height:1.05em;width:auto;vertical-align:-.255em;margin:0 .04em;}
.app-download-copy>p:last-child{max-width:60ch;margin:0;color:var(--ink2);font:400 19px/1.42 'Hanken Grotesk',sans-serif;}
.app-download-codes{grid-column:2;grid-row:2;position:relative;z-index:1;display:flex;justify-content:space-evenly;gap:22px;align-items:center;padding:0 20px 20px 0;}
.app-download-code{display:flex;flex-direction:column;align-items:center;gap:10px;min-width:290px;color:var(--ink);text-align:center;text-decoration:none;}
.app-download-code:hover .app-download-store-badge{transform:translateY(-3px);box-shadow:0 8px 18px rgba(var(--scrim-rgb),.2),0 0 0 2px var(--ink);}
.app-download-code:focus-visible .app-download-store-badge{outline:3px solid var(--ink);outline-offset:3px;}
.app-download-qr{display:block;width:290px;height:290px;padding:12px;border-radius:11px;background:#fff;box-shadow:0 8px 26px #0007;image-rendering:pixelated;}
.app-download-platform{display:flex;align-items:center;justify-content:center;gap:7px;min-height:25px;color:var(--ink);font-size:16px;font-weight:700;white-space:nowrap;}
.app-download-platform img{width:29px;height:29px;object-fit:contain;}
.app-download-store-badge{display:flex;align-items:center;justify-content:center;gap:10px;width:210px;min-height:61px;padding:7px 12px;border-radius:14px;background:#f7f7f8;color:#101014;box-shadow:0 5px 10px rgba(var(--scrim-rgb),.2);transition:transform .18s,box-shadow .18s;}
.app-download-store-badge>img{width:34px;height:39px;object-fit:contain;flex:none;}
.app-download-store-badge .app-download-apple-badge{filter:brightness(0);}
.app-download-store-badge>span{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05;white-space:nowrap;}
.app-download-store-badge small{font:500 12px/1.15 'Hanken Grotesk',sans-serif;}
.app-download-store-badge strong{font:700 22px/1.12 'Hanken Grotesk',sans-serif;letter-spacing:-.04em;}
/* Narrower card: the mole sits to the left of the copy (never on a row of its own), the QR codes span below. */
@container (max-width:900px){.app-download-card{grid-template-columns:auto minmax(0,1fr);align-items:center;}.app-download-copy{grid-column:2;grid-row:1;padding:20px 22px 12px 4px;}.app-download-copy h2{font-size:clamp(30px,5cqw,38px);}.app-download-copy>p:last-child{font-size:18px;}.app-download-oracle{grid-column:1;grid-row:1;align-self:center;justify-self:start;width:clamp(130px,27cqw,210px);height:auto;margin:12px 0 4px 14px;}.app-download-codes{grid-column:1/-1;grid-row:2;justify-content:center;gap:clamp(22px,5cqw,60px);padding:4px 18px 22px;}.app-download-code{min-width:0;}.app-download-qr{width:clamp(210px,36cqw,270px);height:clamp(210px,36cqw,270px);}}
@container (max-width:520px){.app-download-copy{padding:16px 16px 10px 2px;}.app-download-copy h2{font-size:30px;}.app-download-copy>p:last-child{font-size:17px;}.app-download-oracle{width:clamp(92px,25cqw,124px);margin:10px 0 2px 10px;}.app-download-codes{flex-direction:column;gap:24px;padding:0 14px 24px;}.app-download-qr{width:min(72cqw,290px);height:min(72cqw,290px);}}
/* Close (owner 18 Oct 2026): a round 44px button in the top-right corner; the copy keeps clear of it. */
.app-download-close{position:absolute;top:12px;right:12px;z-index:3;display:flex;align-items:center;justify-content:center;width:44px;height:44px;padding:0;border:1px solid var(--stone);border-radius:50%;background:var(--card);color:var(--ink2);cursor:pointer;transition:background .15s,color .15s;}
.app-download-close:hover{background:var(--paper2);color:var(--ink);}
.app-download-close:focus-visible{outline:3px solid var(--ink);outline-offset:2px;}
.app-download-card .app-download-copy{padding-right:68px;}
.app-download-undo{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:10px 12px 10px 18px;border:1px dashed var(--stone);border-radius:14px;color:var(--ink2);font-size:17px;}
.app-download-undo button{min-height:44px;padding:0 18px;border-radius:10px;border:1px solid var(--stone);background:var(--card);color:var(--ink);font:inherit;font-weight:700;cursor:pointer;}
@media(max-width:820px){.app-download-card{display:none;}.app-download-undo{display:none;}}
.app-install-backdrop{position:fixed;inset:0;z-index:10010;display:flex;align-items:center;justify-content:center;padding:18px;background:#14213dcc;backdrop-filter:blur(8px);}
.app-install-dialog{position:relative;width:min(100%,390px);overflow:hidden;border:1px solid var(--stone);border-radius:23px;background:linear-gradient(155deg,var(--card),var(--paper2) 75%);box-shadow:0 26px 80px rgba(var(--scrim-rgb),.25);text-align:center;padding:0 22px 23px;font-family:'Hanken Grotesk',-apple-system,'Segoe UI',sans-serif;}
.app-install-oracle{display:block;width:100%;height:180px;object-fit:contain;object-position:center bottom;}
.app-install-dialog h2{font:500 30px/1.12 'Newsreader',serif;color:var(--ink);margin:8px 0 9px;}
.app-install-dialog p{font-size:16px;line-height:1.5;color:var(--ink2);margin:0 0 20px;}
.app-install-primary,.app-install-secondary{display:block;width:100%;min-height:50px;border-radius:11px;font-family:inherit;font-size:17px;font-weight:700;cursor:pointer;}
.app-install-primary{display:flex;align-items:center;justify-content:center;background:var(--accent-fill);color:var(--on-accent);text-decoration:none;border:0;}
.app-install-secondary{margin-top:9px;background:transparent;border:1px solid var(--stone);color:var(--ink);}
@media(max-height:600px){.app-install-dialog{max-height:calc(100dvh - 30px);overflow-y:auto;}.app-install-oracle{height:120px;}}