/* Axieni: preserve component layouts and transparent artwork. */
:root { --axieni-blue: #0071e3; --axieni-text: #1d1d1f; }
html { background: #fff; scroll-padding-top: 88px; }
body { margin: 0; color: var(--axieni-text); font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
header { padding: 0 !important; }
header nav { min-height: 64px; max-width: none !important; border-radius: 0 !important; border: 0 !important; padding: 12px max(24px, calc((100vw - 1200px)/2)) !important; background: rgba(255,255,255,.96) !important; box-shadow: 0 1px 0 #e5e7eb !important; backdrop-filter: blur(16px); }
header a, header button { text-transform: none; letter-spacing: normal; }
header a[href="/"] .shuffle-parent, header a[href="/"] span { color: var(--axieni-blue) !important; font-size: 24px !important; font-weight: 650 !important; }
header a[href="/contact"] { background: var(--axieni-blue) !important; color: #fff !important; border-radius: 999px; padding: 10px 18px !important; }
header a[href="/contact"] div { background: transparent !important; color: inherit !important; padding: 0 !important; }
main h1, main h2, main h3 { text-wrap: balance; }
main h1 { font-size: clamp(36px, 4.3vw, 60px) !important; line-height: 1.12 !important; letter-spacing: -.025em; }
main h2 { font-size: clamp(28px, 3.2vw, 44px) !important; line-height: 1.18 !important; }
main p { line-height: 1.65; }
/* Avoid blanket shadows, backgrounds, radii, and flex gaps on artwork. */
main img { filter: none; }
main img[src*="axieni-"] { object-fit: contain; background: transparent !important; box-shadow: none !important; border-radius: 0 !important; }
main img[src*="axieni-phone"] { max-height: 480px; width: auto; max-width: 100%; margin-inline: auto; }
main > section:first-child { padding-top: 112px !important; }
main > section:first-child > div > .grid { align-items: start; }
main > section:first-child .max-w-2xl { margin-top: 0; }
main > section:first-child p { font-size: 17px; }
main input, main textarea { min-width: 0; max-width: 100%; }
main form { align-items: start; }
main form button[type="submit"] { min-height: 48px; }
button:focus-visible, a:focus-visible, input:focus-visible, textarea:focus-visible { outline: 3px solid #0071e3; outline-offset: 4px; }
footer { background: #f5f5f7 !important; color: #424245 !important; }
footer > div { background: #f5f5f7 !important; }
footer p, footer a, footer span { color: inherit !important; }
@media (max-width: 767px) {
 header nav { min-height: 60px; padding: 10px 20px !important; }
 header a[href="/"] .shuffle-parent, header a[href="/"] span { font-size: 22px !important; }
 main > section { padding-left: 20px !important; padding-right: 20px !important; }
 main > section:first-child { padding-top: 92px !important; padding-bottom: 40px !important; }
 main > section:first-child > div > .grid { gap: 24px; margin-bottom: 0; }
 main > section:first-child p { font-size: 16px; line-height: 1.6; }
 main > section:first-child .group.pl-6 { padding-left: 16px; }
 main h1 { font-size: clamp(34px, 8.5vw, 44px) !important; }
 main h2 { font-size: clamp(28px, 7vw, 36px) !important; }
 main img[src*="axieni-phone"] { max-height: 340px; }
 footer { overflow-wrap: anywhere; }
}
/* Keep FAQ laptop beside the accordion, never across its text. */
@media (min-width: 1024px) {
 section:has(img[src*="WebMockup.webp"]) > div > .flex { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, 1fr); gap: 48px; align-items: center; }
 section:has(img[src*="WebMockup.webp"]) > div > .flex > div { width: 100%; min-width: 0; }
 section:has(img[src*="WebMockup.webp"]) div:has(> div > img[src*="WebMockup.webp"]) { min-height: 0 !important; display: flex; align-self: center; padding-top: 72px; }
 section:has(img[src*="WebMockup.webp"]) div:has(> img[src*="axieni-phone.png"]) { display: none; }
 section:has(img[src*="WebMockup.webp"]) div:has(> img[src*="WebMockup.webp"]) { position: relative !important; inset: auto !important; translate: none !important; transform: none !important; opacity: 1 !important; width: 100% !important; max-width: 620px; margin-left: auto; }
 section:has(img[src*="WebMockup.webp"]) img[src*="WebMockup.webp"] { display: block; width: 100%; height: auto; object-fit: contain; }
}