/* App CSS (kept minimal; prototype styles live inline / Tailwind) */
html { scroll-behavior: smooth; }
.glass { backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px); }
:focus-visible { outline: 3px solid rgba(212,175,55,.65); outline-offset: 3px; border-radius: 10px; }
[x-cloak] { display: none !important; }
.no-scrollbar::-webkit-scrollbar { display: none; }
.no-scrollbar { -ms-overflow-style: none; scrollbar-width: none; }

/* UX refresh 2026-04-25: mobile-first conversion and accessibility */
:root { --mila-gold:#d7a33d; --mila-gold-soft:#f1c46a; --mila-espresso:#140c09; }
body { background: radial-gradient(circle at top left, rgba(215,163,61,.16), transparent 32%), radial-gradient(circle at 80% 20%, rgba(120,72,34,.16), transparent 28%), linear-gradient(180deg, #070403 0%, #0a0a0f 38%, #050505 100%); }
a, button { transition: background-color .18s ease, border-color .18s ease, color .18s ease, transform .18s ease; }
a:hover, button:hover { transform: translateY(-1px); }
@media (prefers-reduced-motion: reduce) { *, *::before, *::after { scroll-behavior:auto!important; transition:none!important; animation:none!important; } }
.mobile-sticky-cta { position:fixed; left:0; right:0; bottom:0; z-index:80; display:grid; grid-template-columns:1fr 1fr; gap:10px; padding:10px 14px calc(10px + env(safe-area-inset-bottom)); background:rgba(5,5,8,.86); border-top:1px solid rgba(255,255,255,.12); backdrop-filter:blur(14px); -webkit-backdrop-filter:blur(14px); }
.mobile-sticky-cta a { min-height:48px; display:inline-flex; align-items:center; justify-content:center; border-radius:16px; font-weight:800; font-size:14px; }
.mobile-sticky-cta__primary { background:var(--mila-gold); color:#15100a; }
.mobile-sticky-cta__secondary { border:1px solid rgba(255,255,255,.18); color:#fff; background:rgba(255,255,255,.06); }
@media (max-width:767px) { body { padding-bottom:82px; } main section { scroll-margin-top:88px; } h1 { letter-spacing:-.035em; } }


/* SEO FAQ and trust-block polish */
.faq-card { border:1px solid rgba(255,255,255,.10); background:rgba(10,10,15,.42); border-radius:20px; padding:18px; }
.faq-card summary { cursor:pointer; list-style:none; font-weight:800; color:#fff; display:flex; align-items:center; justify-content:space-between; gap:16px; }
.faq-card summary::-webkit-details-marker { display:none; }
.faq-card summary::after { content:'+'; color:var(--mila-gold-soft); font-size:20px; line-height:1; }
.faq-card[open] summary::after { content:'−'; }
.faq-card p { margin-top:12px; color:rgb(212 212 216); font-size:14px; line-height:1.7; }
@media (max-width:767px) { .faq-card { padding:16px; } }