/* "Get the app" banner + full-screen info panel on the converter page */
.aed-app-callout{display:flex;flex-wrap:wrap;gap:14px;align-items:center;justify-content:space-between;margin:0 0 18px;padding:16px 20px;border-radius:16px;border:1px solid var(--line);background:linear-gradient(135deg,rgba(124,58,237,.24),rgba(17,13,28,.6))}
.aed-app-callout strong{display:block;font-size:14px;margin-bottom:2px}
.aed-app-callout span{color:var(--dim);font-size:13px}
.aed-app-callout button,.aed-note-app{flex:none;cursor:pointer;font:inherit}
.aed-app-callout button{padding:10px 18px;border-radius:11px;font-weight:600;font-size:13px;color:#fff;background:linear-gradient(135deg,#8b4cf5,#6d2fe0);border:1px solid rgba(255,255,255,.16)}
.aed-note-app{margin-left:6px;padding:0;border:0;background:none;color:var(--purple-bright);text-decoration:underline}

.appm-backdrop{position:fixed;inset:0;z-index:100000;display:flex;align-items:flex-start;justify-content:center;overflow-y:auto;padding:4vh 16px;background:rgba(5,4,10,.82);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.appm-backdrop[hidden]{display:none}
.appm{position:relative;width:100%;max-width:980px;margin:auto;border-radius:26px;border:1px solid var(--line);background:linear-gradient(180deg,#120e20,#0a0814);box-shadow:0 30px 90px rgba(0,0,0,.6);overflow:hidden}
.appm-close{position:absolute;right:16px;top:16px;z-index:3;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:rgba(17,13,28,.85);color:#fff;font-size:20px;line-height:1;cursor:pointer}
.appm-close:hover{background:rgba(124,58,237,.35)}
.appm-body{padding:0 clamp(20px,4vw,44px) 40px}

.appm-hero{position:relative;text-align:center;padding:56px 12px 34px}
.appm-glow{position:absolute;left:50%;top:-140px;width:560px;height:380px;transform:translateX(-50%);background:radial-gradient(circle,rgba(124,58,237,.34),transparent 65%);pointer-events:none}
.appm-pill{position:relative;display:inline-flex;gap:8px;padding:6px 14px;border-radius:999px;border:1px solid var(--line);background:rgba(124,58,237,.2);font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--purple-bright)}
.appm-title{position:relative;margin:18px 0 12px;font-size:clamp(28px,4.6vw,46px);line-height:1.05;letter-spacing:-.035em;font-weight:700}
.appm-title em{font-style:normal;background:linear-gradient(100deg,#fff,#cbb6ff 50%,#8b5cf6);-webkit-background-clip:text;background-clip:text;color:transparent}
.appm-desc{position:relative;max-width:540px;margin:0 auto;color:var(--dim);font-size:14.5px;line-height:1.7}

.appm-dl{position:relative;display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin:26px 0 10px}
.appm-btn{display:inline-flex;align-items:center;gap:10px;padding:13px 22px;border-radius:13px;font-weight:600;font-size:14px;color:#fff;background:rgba(124,58,237,.16);border:1px solid var(--line);transition:transform .15s,background .15s}
.appm-btn:hover{transform:translateY(-2px);background:rgba(124,58,237,.28)}
.appm-btn.is-main{background:linear-gradient(135deg,#8b4cf5,#6d2fe0);border-color:rgba(255,255,255,.16);box-shadow:0 10px 26px rgba(124,58,237,.4)}
.appm-meta{position:relative;text-align:center;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--faint)}

.appm-sec{margin-top:44px}
.appm-sec h3{margin:0 0 6px;font-size:13px;font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;color:var(--purple-bright);font-weight:600}
.appm-sub{color:var(--dim);font-size:14px;line-height:1.7;max-width:620px;margin:0 0 18px}
.appm-tablewrap{overflow-x:auto;border-radius:18px;border:1px solid var(--line);background:rgba(17,13,28,.6)}
.appm-table{width:100%;border-collapse:collapse;min-width:540px;font-size:14px}
.appm-table th,.appm-table td{padding:14px 20px;text-align:left;border-bottom:1px solid var(--line-soft);vertical-align:top}
.appm-table tr:last-child>*{border-bottom:0}
.appm-table thead th{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);font-weight:600}
.appm-table thead th.is-app{color:var(--purple-bright)}
.appm-table tbody th{font-weight:600;width:34%}
.appm-table td.is-app{background:rgba(124,58,237,.1)}
.appm-no{color:var(--faint)}.appm-yes{color:#7ee0a8;font-weight:600}
.appm-note{display:block;margin-top:3px;font-size:12px;color:var(--dim);font-weight:400}

.appm-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:14px}
.appm-card{padding:22px;border-radius:16px;border:1px solid var(--line);background:rgba(17,13,28,.6)}
.appm-ico{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:rgba(124,58,237,.2);color:var(--purple-bright);font-family:var(--font-mono);font-size:11px;font-weight:700}
.appm-card h4{margin:12px 0 6px;font-size:15px}
.appm-card p{margin:0;color:var(--dim);font-size:13.5px;line-height:1.65}
.appm-tag{display:inline-block;margin-left:6px;padding:2px 8px;border-radius:999px;border:1px solid var(--line);font-family:var(--font-mono);font-size:9px;letter-spacing:.08em;text-transform:uppercase;color:var(--purple-bright);vertical-align:middle}

.appm-faq details{border:1px solid var(--line);border-radius:13px;background:rgba(17,13,28,.6);margin-bottom:9px}
.appm-faq summary{cursor:pointer;padding:15px 18px;font-weight:600;font-size:14px;list-style:none}
.appm-faq summary::-webkit-details-marker{display:none}
.appm-faq summary::after{content:'+';float:right;color:var(--purple-bright)}
.appm-faq details[open] summary::after{content:'\2212'}
.appm-faq details p{margin:0;padding:0 18px 16px;color:var(--dim);font-size:13.5px;line-height:1.7}
.appm-faq a{color:var(--purple-bright);text-decoration:underline}
.appm-foot{margin-top:34px;text-align:center}

body.appm-open{overflow:hidden}
@media (max-width:640px){.appm-hero{padding-top:64px}.appm-table th,.appm-table td{padding:12px 14px}}
@media (prefers-reduced-motion:reduce){.appm-btn{transition:none}}

.appm-soon{cursor:default;color:var(--purple-bright);background:rgba(124,58,237,.16);border-style:dashed}
.appm-soon:hover{transform:none;background:rgba(124,58,237,.16)}