/* FvcKMu v4 — Arcane navigation, the community letter and native entry points.
   Self-contained. Original artwork, local assets, no third-party dependencies. */

/* THE ARCANE GATE: bold labels with an elemental seal on hover / keyboard focus. */
.header-inner { gap: 20px; }
.site-header > .wrap { width: calc(100% - 64px); max-width: 1440px; }
.main-nav { gap: 2px; min-width: 0; }
.main-nav > a { padding: 0 9px; font-size: 12px; color: #c7c8cd; font-weight: 800; isolation: isolate; transition: color .2s ease, text-shadow .2s ease, background .2s ease; }
.main-nav > a > strong { font-weight: 800; position: relative; z-index: 2; }
.main-nav > a > .icon { position: relative; z-index: 2; }
.main-nav > a:hover, .main-nav > a:focus-visible { color: #ffe2a9; text-shadow: 0 0 8px #efbf7090, 0 0 22px #dcbf7060; background: linear-gradient(0deg, #b08c3620, transparent 75%); }
.main-nav > a.active { color: var(--gold-light); }
.main-nav > a.active:after { left: 9px; right: 9px; background: linear-gradient(90deg, transparent, #e5bd74, transparent); box-shadow: 0 -4px 18px #d4b07160; }
.main-nav > .nav-register > strong { color: #f1c887; }
.nav-magic { position: absolute; z-index: 0; pointer-events: none; inset: 0; overflow: hidden; opacity: 0; transition: opacity .22s ease; background: radial-gradient(ellipse at 50% 90%, #bd98582b, transparent 65%), radial-gradient(ellipse at center, #7378b528, transparent 65%); }
.nav-spell:is(:hover, :focus-visible) .nav-magic { opacity: 1; }
.sigil-ring { position: absolute; left: 50%; top: 50%; width: 62px; height: 62px; margin: -31px 0 0 -31px; border: 1px solid #c4a4ff60; border-radius: 50%; box-shadow: 0 0 13px #9780e53b, inset 0 0 9px #b7c8ff18; }
.sigil-ring:before { content: ''; position: absolute; inset: 7px; border: 1px dashed #d9b16e8a; border-radius: 50%; }
.sigil-ring:after { content: ''; position: absolute; inset: 12px; border: 1px solid #bdd0e467; transform: rotate(45deg); box-shadow: 0 0 10px #f2c98127; }
.sigil-star { position: absolute; inset: 50% auto auto 50%; transform: translate(-50%, -50%); font-size: 69px; line-height: 1; color: #e7c07445; font-style: normal; }
.spell-mote { position: absolute; bottom: 11px; width: 3px; height: 3px; border-radius: 50%; background: #fff0c1; box-shadow: 0 0 5px #ffc96b, 0 0 12px #e7a359; opacity: 0; }
.mote-one { left: 23%; --drift: -9px; }
.mote-two { left: 67%; --drift: 8px; }
.mote-three { left: 45%; --drift: 3px; }
.nav-spell:is(:hover, :focus-visible) .sigil-ring { animation: arcane-revolve 8s linear infinite; }
.nav-spell:is(:hover, :focus-visible) .spell-mote { animation: arcane-rise 1.35s ease-out infinite; }
.nav-spell:is(:hover, :focus-visible) .mote-two { animation-delay: .38s; }
.nav-spell:is(:hover, :focus-visible) .mote-three { animation-delay: .77s; }
@keyframes arcane-revolve { to { transform: rotate(360deg); } }
@keyframes arcane-rise { 0% { opacity: 0; transform: translate(0, 0) scale(.4); } 25% { opacity: 1; } 100% { opacity: 0; transform: translate(var(--drift), -65px) scale(.15); } }

/* THE WELCOME CHRONICLE: full original message, framed like an illuminated codex. */
.welcome-section { padding-top: 64px; scroll-margin-top: 108px; }
.welcome-sanctuary { position: relative; isolation: isolate; border: 1px solid #a4865263; background: radial-gradient(ellipse at 50% 90%, #96754709, transparent 55%), linear-gradient(130deg, #12181e, #0c1118 48%, #0c1117); box-shadow: 0 26px 80px #0003; }
.corner-ornament { position: absolute; width: 22px; height: 22px; border-top: 2px solid #d2ad67; border-left: 2px solid #d2ad67; z-index: 3; pointer-events: none; }
.corner-ornament:after { content: ''; position: absolute; width: 4px; height: 4px; left: 2px; top: 2px; background: #e2bd7f; transform: rotate(45deg); box-shadow: 0 0 12px #e6ba78aa; }
.corner-tl { top: -2px; left: -2px; }
.corner-tr { top: -2px; right: -2px; transform: rotate(90deg); }
.corner-bl { bottom: -2px; left: -2px; transform: rotate(-90deg); }
.corner-br { bottom: -2px; right: -2px; transform: rotate(180deg); }
.welcome-banner { min-height: 308px; padding: 46px 6%; display: flex; align-items: center; justify-content: space-between; position: relative; overflow: hidden; isolation: isolate; border-bottom: 1px solid #bc95534d; }
.welcome-banner:before { content: ''; position: absolute; inset: 0; z-index: -2; background-image: var(--welcome-art); background-size: cover; background-position: center 39%; opacity: .6; }
.welcome-banner:after { content: ''; position: absolute; inset: 0; z-index: -1; background: linear-gradient(90deg, #0b1015fa, #0b1015c7 40%, #13130e35 73%, #0c1015b0), linear-gradient(0deg, #0f141ce8, transparent 65%); }
.welcome-banner-copy { position: relative; z-index: 1; }
.welcome-banner-copy > .eyebrow { font-size: 9px; letter-spacing: 2.5px; }
.welcome-rule { display: flex; gap: 12px; align-items: center; width: 192px; margin: 16px 0 18px; color: #d8b778; }
.welcome-rule > span { height: 1px; flex: 1; background: linear-gradient(90deg, #bba46b25, #bba46b); }
.welcome-rule > span:last-child { transform: rotate(180deg); }
.welcome-rule > .icon { width: 17px; height: 17px; filter: drop-shadow(0 0 5px #dfa05266); }
#welcome-title { font-family: var(--serif); font-size: clamp(32px, 3.2vw, 47px); line-height: 1.15; letter-spacing: -.9px; }
#welcome-title em { font-size: 1.18em; color: #e8c484; text-shadow: 0 1px 22px #d7aa492e; }
#welcome-title a:focus-visible { outline-offset: 8px; }
#welcome-title a:hover em { color: #ffe2a8; }
.welcome-banner-copy > p { margin-top: 16px; font-size: 13px; color: #aeb0b4; }
.welcome-seal { flex: 0 0 215px; height: 215px; margin-right: 35px; position: relative; display: grid; place-items: center; }
.welcome-seal:before, .welcome-seal:after { content: ''; position: absolute; inset: 4px; border: 1px solid #b08f534d; border-radius: 50%; box-shadow: 0 0 45px #dda34b14; }
.welcome-seal:after { inset: 17px; border: 1px dashed #c7a5713b; }
.seal-orbit { position: absolute; inset: 35px; border: 1px solid #b08f5350; transform: rotate(45deg); }
.welcome-logo { width: 154px; height: 169px; object-fit: contain; position: relative; z-index: 1; filter: drop-shadow(0 9px 18px #000d); }
.welcome-letter { padding: 40px 48px 0; }
.letter-greeting, .pillars-title { display: flex; align-items: center; justify-content: center; gap: 17px; margin-bottom: 30px; color: #d2b277; }
.letter-greeting > span, .pillars-title > span { height: 1px; width: 52px; background: linear-gradient(90deg, transparent, #a687434d); }
.letter-greeting > span:last-child, .pillars-title > span:last-child { transform: rotate(180deg); }
.letter-greeting > .icon { width: 19px; height: 19px; }
.letter-greeting h3 { color: #e5d7bc; font-size: 24px; text-align: center; letter-spacing: .4px; }
.welcome-prose { max-width: 1030px; margin: 0 auto; }
.welcome-prose p { font-size: 15px; line-height: 1.95; color: #b9bdc5; margin: 0 0 22px; }
.welcome-prose strong { color: #e7d8bd; font-weight: 700; }
.welcome-dropcap:first-letter { float: left; font-family: var(--serif); font-size: 64px; color: #e0bd7e; line-height: .86; margin: 8px 11px 1px 0; }
.pillars-title { margin: 38px 0 25px; gap: 14px; }
.pillars-title h3 { text-transform: uppercase; letter-spacing: 3px; font-family: var(--sans); font-size: 12px; font-weight: 800; }
.pillars-title > .icon { width: 17px; height: 17px; }
.welcome-pillars { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 18px; }
.pillar { --pillar-color: #d8b271; padding: 27px 25px 28px; position: relative; border: 1px solid #b1996b29; background: linear-gradient(130deg, #d6b06706, #0b11199c); transition: border-color .3s, background .3s, transform .3s; }
.pillar:before { content: ''; height: 1px; position: absolute; top: -1px; left: 15%; right: 15%; background: linear-gradient(90deg, transparent, var(--pillar-color), transparent); opacity: .65; }
.pillar:hover { border-color: #ceb47c66; background: linear-gradient(130deg, #d6b0670e, #0b1119cc); transform: translateY(-3px); }
.pillar-growth { --pillar-color: #aca0cf; }
.pillar-family { --pillar-color: #c69c91; }
.pillar-top { display: flex; align-items: center; justify-content: space-between; margin-bottom: 22px; }
.pillar-top > span { font-family: var(--serif); color: #d2ba8127; font-size: 43px; line-height: 1; }
.pillar-icon { width: 45px; height: 45px; display: grid; place-items: center; position: relative; color: var(--pillar-color); }
.pillar-icon:before { content: ''; position: absolute; inset: 5px; border: 1px solid currentColor; opacity: .45; transform: rotate(45deg); box-shadow: 0 0 14px #d4b07112; }
.pillar-icon > .icon { width: 23px; height: 23px; filter: drop-shadow(0 0 7px #e2c79355); }
.pillar > .eyebrow { font-size: 7px; letter-spacing: 1.55px; margin-bottom: 12px; color: var(--pillar-color); }
.pillar h4 { color: #e6ddcc; font-size: 23px; line-height: 1.22; min-height: 58px; letter-spacing: -.2px; }
.pillar h4 strong { font-weight: 700; }
.pillar p { margin-top: 18px; font-size: 13px; color: #a5adb8; line-height: 1.88; }
.pillar p strong { font-weight: 600; color: #d0c4b3; }
.oath-divider { display: flex; align-items: center; justify-content: center; gap: 22px; margin: 34px 0 14px; }
.oath-divider > span { width: 135px; height: 1px; background: linear-gradient(90deg, transparent, #b9985255); }
.oath-divider > span:last-child { transform: rotate(180deg); }
.oath-emblem { width: 42px; height: 48px; object-fit: contain; opacity: .8; }
.welcome-oath { max-width: 850px; text-align: center; margin: 0 auto; }
.welcome-oath > p:first-child { color: #a6aeb9; font-size: 14px; line-height: 1.9; }
.welcome-oath blockquote { font-family: var(--serif); font-size: clamp(24px, 2.3vw, 33px); line-height: 1.4; color: #efd39f; margin: 23px 0; }
.welcome-signature { font-size: 12px; margin-bottom: 34px; letter-spacing: .3px; }
.welcome-signature > span { font-size: 12px; color: #9b824d; padding: 0 8px; }
.welcome-signature strong { font-weight: 600; }
.welcome-signature em { font-style: italic; color: #c7b385; }
.welcome-end { border-top: 1px solid #d9b27425; display: flex; align-items: center; justify-content: space-between; gap: 16px; padding: 18px 0; }
.welcome-end > span { color: #788290; font-size: 8px; letter-spacing: 1.6px; }
.welcome-end .text-link { font-size: 10px; }

/* CLIENTE FULL / MEGA */
.download-card-v4 > h2 { font-size: 35px; }
.download-card-v4 .download-product { margin: 26px 0; }
.download-card-v4 .download-product h3 { font-size: 28px; }
.download-card-v4 .download-product img { width: 94px; height: 105px; object-fit: contain; }
.download-card-v4 .download-product .eyebrow { margin-bottom: 8px; }
.client-specs { display: grid; grid-template-columns: 1fr 1fr 1fr; border-block: 1px solid #b69d642f; padding: 19px 0; gap: 14px; }
.client-specs > div { display: flex; align-items: center; gap: 10px; }
.client-specs .icon { color: #b9a06a; width: 22px; height: 22px; }
.client-specs small { display: block; color: #9098a5; font-size: 7px; letter-spacing: .7px; }
.client-specs strong { display: block; font-size: 14px; color: #e1d4ba; font-weight: 700; margin-top: 4px; }
.mega-mark { background: #942c3555; color: #eea4a8; border: 1px solid #c8736b70; border-radius: 50%; display: grid; place-items: center; width: 26px; height: 26px; font-size: 15px; font-weight: 800; flex-shrink: 0; }
.download-card-v4 .mega-download { display: flex; min-height: 72px; gap: 13px; letter-spacing: 1px; font-size: 12px; }
.mega-download > span { display: flex; flex-direction: column; gap: 5px; }
.mega-download small { color: #382b15; letter-spacing: 1.5px; font-size: 8px; font-weight: 600; }
.download-card-v4 > .download-disclaimer { color: #9aa2ae; font-size: 10px; line-height: 1.8; margin-top: 20px; }
.download-fallback { margin-top: 20px; font-size: 10px; }

/* DONATIONS: a transparent preview, never a fake payment checkout. */
.donation-layout { display: grid; grid-template-columns: 1.2fr 1fr; gap: 26px; }
.donation-story { padding: 46px; background: radial-gradient(ellipse at 0% 0%, #b7985916, transparent 70%), #0e131b; }
.donation-story > h2 { font-size: clamp(32px, 3vw, 43px); line-height: 1.25; }
.donation-story > p { font-size: 14px; line-height: 1.9; margin: 25px 0; max-width: 470px; }
.donation-values { display: grid; gap: 0; margin: 32px 0; }
.donation-values > div { display: flex; align-items: center; gap: 20px; padding: 19px 0; border-top: 1px solid #b29c6730; }
.donation-values > div > .icon { width: 25px; height: 25px; color: #baa16e; }
.donation-values strong { display: block; color: #d6c8ae; font-size: 14px; font-weight: 700; }
.donation-values small { display: block; color: #8d98a8; margin-top: 5px; font-size: 12px; line-height: 1.7; }
.donation-demo { padding: 34px; text-align: center; border-color: #aa884d77; background: radial-gradient(ellipse at 50% 15%, #ae895322, transparent 50%), #0e141d; }
.donation-orb { width: 125px; height: 106px; margin: 0 auto 20px; display: grid; place-items: center; }
.donation-orb img { height: 115px; width: 130px; object-fit: contain; filter: drop-shadow(0 0 25px #dbaa3629); }
.donation-demo > h2 { margin: 21px 0 16px; font-size: 36px; }
.donation-demo > p { font-size: 13px; line-height: 1.85; }
.donation-demo .detail-list { margin: 20px 0; text-align: left; }
.donation-demo > .btn.gold { width: 100%; min-height: 52px; font-size: 10px; }
.donation-demo > small { display: block; margin-top: 16px; color: #949caa; font-size: 10px; line-height: 1.7; }
.donation-demo > .btn.text { font-size: 9px; margin-top: 16px; }
.integration-callout { display: flex; align-items: flex-start; gap: 14px; margin: 28px 0; padding: 24px 28px; border: 1px solid #b0986945; background: #b0955310; }
.integration-callout > .icon { color: #bea26d; }
.integration-callout > p { font-size: 12px; line-height: 1.85; }
.integration-callout strong { color: #d8c39f; font-weight: 700; }

/* REGISTRATION: real demo form with validation, without collecting secrets. */
.registration-layout { display: grid; grid-template-columns: 1fr 1.05fr; gap: 26px; }
.registration-story { position: relative; isolation: isolate; min-height: 670px; padding: 40px; display: flex; align-items: flex-end; border: 1px solid #a389585c; overflow: hidden; }
.registration-story:before { content: ''; z-index: -2; position: absolute; inset: 0; background: var(--register-art) center 20% / cover no-repeat; opacity: .78; }
.registration-story:after { content: ''; z-index: -1; position: absolute; inset: 0; background: linear-gradient(0deg, #080e16fc 0%, #080e16ba 30%, #0a0f1810 75%); }
.registration-story h2 { font-size: 41px; line-height: 1.17; }
.registration-story p { margin-top: 22px; font-size: 13px; color: #adb2bf; max-width: 330px; line-height: 1.8; }
.registration-story ul { margin: 28px 0 0; list-style: none; padding: 0; display: grid; gap: 13px; }
.registration-story li { display: flex; align-items: center; gap: 13px; color: #bda984; font-size: 12px; }
.registration-story li > .icon { width: 18px; height: 18px; }
.registration-card { padding: 38px; }
.registration-card h2 { font-size: 37px; margin-bottom: 16px; }
.registration-card > .badge { font-size: 7px; white-space: normal; }
.registration-form > p { margin-top: 22px; color: #a7afbc; font-size: 13px; line-height: 1.8; }
.registration-form .form-field { font-size: 13px; }
.registration-form .form-field > small { line-height: 1.6; }
.registration-form .checkbox-field { align-items: flex-start; font-size: 11px; line-height: 1.7; }
.registration-form .checkbox-field > input { margin-top: 4px; }
.registration-form > .btn.gold { width: 100%; font-size: 10px; min-height: 53px; gap: 12px; }
.registration-form > .fine-print { text-align: left; display: block; line-height: 1.7; }
.registration-real { margin-top: 30px; padding-top: 25px; border-top: 1px solid #b59c6538; }
.registration-real > span { color: #bba67d; font-size: 8px; letter-spacing: 1.6px; font-weight: 700; }
.registration-real > p { font-size: 12px; margin-top: 10px; }
.registration-real > .btn { margin-top: 15px; width: 100%; font-size: 9px; }

/* RESPONSIVE NAV: every requested entry remains reachable, without clipping. */
@media (min-width: 1181px) and (max-width: 1380px) {
 .header-inner { gap: 10px; }
 .main-nav > a { font-size: 11px; padding-inline: 7px; }
 .brand-logo { width: 51px; height: 58px; }
 .brand strong { font-size: 26px; }
 .brand { gap: 7px; }
 .header-tools { gap: 12px; }
 .wallet-mini { min-width: 85px; font-size: 14px; }
}
@media (max-width: 1180px) {
 .site-header { height: 76px; }
 .site-header > .wrap { width: calc(100% - 48px); }
 .header-inner { gap: 16px; justify-content: space-between; }
 .header-tools { margin-left: auto; }
 .menu-toggle { display: inline-flex; }
 .main-nav { position: absolute; top: 76px; left: 0; right: 0; height: auto; display: none; padding: 16px 24px; background: #0b1019fc; border-bottom: 1px solid #92734277; box-shadow: 0 30px 55px #000a; gap: 6px; max-height: calc(100dvh - 118px); overflow-y: auto; }
 .main-nav.open { display: grid; grid-template-columns: 1fr 1fr; }
 .main-nav > a { min-height: 51px; padding: 13px 18px; font-size: 13px; border: 1px solid #b99c5e14; }
 .main-nav > a.active { border-color: #bca26455; background: #bb944614; }
 .main-nav > a.active:after { bottom: 0; }
 .main-nav .mobile-only { display: flex !important; }
 .nav-magic { background-position: left center; }
 .sigil-ring { left: 35px; }
 .sigil-star { left: 35px; }
 .welcome-banner { padding-inline: 40px; }
 .welcome-seal { margin-right: 0; flex-basis: 175px; height: 175px; }
 .welcome-logo { width: 130px; height: 146px; }
 .welcome-letter { padding: 32px 30px 0; }
 .welcome-pillars { gap: 12px; }
 .pillar { padding: 22px 19px; }
 .pillar h4 { font-size: 20px; }
 .pillar p { font-size: 12px; }
 .registration-card { padding: 27px; }
 .registration-story { padding: 30px; }
 .registration-story h2 { font-size: 34px; }
 .donation-story { padding: 30px; }
 .donation-demo { padding: 29px; }
 .client-specs { gap: 10px; }
 .client-specs > div { gap: 7px; }
 .client-specs small { font-size: 6.5px; }
 .client-specs .icon { width: 18px; height: 18px; }
}
@media (max-width: 850px) {
 .welcome-seal { flex-basis: 150px; height: 150px; }
 .welcome-logo { width: 105px; height: 120px; }
 .welcome-prose p { font-size: 14px; }
 .welcome-pillars { grid-template-columns: 1fr; gap: 15px; }
 .pillar { padding: 24px 26px 24px 96px; }
 .pillar-top { position: absolute; top: 26px; left: 22px; flex-direction: column; gap: 21px; }
 .pillar-top > span { font-size: 34px; }
 .pillar h4 { min-height: 0; font-size: 24px; }
 .pillar p { font-size: 13px; margin-top: 12px; }
 .donation-layout, .registration-layout { grid-template-columns: 1fr; gap: 24px; }
 .registration-story { min-height: 315px; background: #09101b; }
 .registration-story:before { background-position: 85% 20%; background-size: 75% auto; background-repeat: no-repeat; }
 .registration-story:after { background: linear-gradient(90deg, #080e16f0 20%, #080e1677, #080e1610), linear-gradient(0deg, #080e16, transparent); }
 .registration-story ul { display: none; }
 .registration-story p { max-width: 270px; }
 .registration-card { padding: 35px; }
}
@media (max-width: 720px) {
 .site-header { height: 70px; }
 .site-header > .wrap { width: calc(100% - 32px); }
 .header-inner { gap: 8px; }
 .main-nav { top: 70px; padding: 12px 16px; }
 .main-nav > a { font-size: 12px; padding: 13px 12px; gap: 6px; }
 .welcome-section { padding-top: 38px; scroll-margin-top: 82px; }
 .welcome-banner { padding: 28px 22px; min-height: 278px; align-items: flex-start; }
 .welcome-banner:before { background-position: 60% center; }
 .welcome-banner:after { background: linear-gradient(90deg, #0a1015e8 0%, #0a1015c9 60%, #0a101593), linear-gradient(0deg, #11151c, transparent 80%); }
 .welcome-banner-copy > .eyebrow { font-size: 7px; letter-spacing: 1.35px; max-width: 260px; }
 .welcome-banner-copy > .eyebrow:before { width: 15px; }
 .welcome-rule { margin: 20px 0 17px; width: 130px; gap: 9px; }
 .welcome-rule > .icon { width: 15px; height: 15px; }
 #welcome-title { font-size: 30px; letter-spacing: -.6px; }
 #welcome-title em { font-size: 1.11em; }
 .welcome-banner-copy > p { font-size: 11px; margin-top: 14px; max-width: 230px; }
 .welcome-seal { position: absolute; bottom: 20px; right: 14px; width: 77px; height: 77px; opacity: .26; z-index: -1; }
 .welcome-logo { width: 62px; height: 70px; }
 .welcome-seal:after { inset: 10px; }
 .seal-orbit { inset: 21px; }
 .welcome-letter { padding: 26px 21px 0; }
 .letter-greeting { gap: 9px; margin-bottom: 24px; }
 .letter-greeting > span { display: none; }
 .letter-greeting > .icon { width: 18px; height: 18px; }
 .letter-greeting h3 { font-size: 20px; letter-spacing: 0; max-width: 230px; }
 .welcome-prose p { font-size: 13px; line-height: 1.92; margin-bottom: 20px; }
 .welcome-dropcap:first-letter { font-size: 53px; margin: 7px 8px 0 0; }
 .pillars-title { margin: 28px 0 20px; gap: 10px; }
 .pillars-title > span { flex: 1; }
 .pillars-title h3 { font-size: 10px; letter-spacing: 1.8px; }
 .pillars-title > .icon { width: 14px; height: 14px; }
 .pillar { padding: 22px 20px; }
 .pillar-top { position: static; flex-direction: row; gap: 0; margin-bottom: 20px; }
 .pillar-top > span { font-size: 40px; }
 .pillar > .eyebrow { font-size: 7px; margin-bottom: 10px; }
 .pillar h4 { font-size: 23px; }
 .pillar p { font-size: 13px; line-height: 1.9; }
 .oath-divider { gap: 16px; margin: 26px 0 15px; }
 .oath-divider > span { flex: 1; }
 .welcome-oath > p:first-child { font-size: 13px; }
 .welcome-oath blockquote { font-size: 25px; line-height: 1.34; margin: 24px 0; }
 .desktop-break { display: none; }
 .welcome-signature { font-size: 11px; line-height: 1.9; margin-bottom: 23px; }
 .welcome-signature > span { display: none; }
 .welcome-end { flex-direction: column; text-align: center; gap: 9px; padding: 15px 0; }
 .welcome-end > span { font-size: 7px; }
 .welcome-end .text-link { font-size: 10px; }
 .download-card-v4 > h2 { font-size: 31px; }
 .download-card-v4 .download-product { margin: 22px 0; gap: 14px; }
 .download-card-v4 .download-product img { width: 61px; height: 73px; }
 .download-card-v4 .download-product h3 { font-size: 23px; }
 .download-card-v4 .download-product p { font-size: 11px; }
 .download-card-v4 .download-product .eyebrow { font-size: 7px; letter-spacing: 1px; }
 .client-specs { gap: 10px; padding: 16px 0; }
 .client-specs > div { flex-direction: column; align-items: flex-start; gap: 9px; }
 .client-specs small { font-size: 6px; letter-spacing: .3px; min-height: 18px; }
 .client-specs strong { font-size: 13px; }
 .client-specs .icon, .mega-mark { height: 20px; width: 20px; font-size: 12px; }
 .download-card-v4 > p { font-size: 12px; }
 .download-card-v4 .mega-download { gap: 10px; font-size: 9px; min-height: 67px; padding-inline: 10px; letter-spacing: .5px; }
 .download-card-v4 .mega-download > .icon { width: 16px; height: 16px; }
 .mega-download small { font-size: 7px; }
 .download-card-v4 > .download-disclaimer { font-size: 10px; }
 .download-fallback { font-size: 10px; line-height: 1.65; align-items: flex-start; }
 .donation-story, .donation-demo { padding: 26px; }
 .donation-story > h2 { font-size: 33px; }
 .donation-story > p { font-size: 13px; }
 .donation-values > div { gap: 14px; }
 .donation-values small { font-size: 11px; }
 .donation-demo > h2 { font-size: 32px; }
 .donation-demo > .btn.gold { font-size: 8px; padding-inline: 12px; gap: 8px; }
 .integration-callout { padding: 20px; gap: 12px; }
 .integration-callout > p { font-size: 11px; }
 .registration-story { min-height: 325px; padding: 25px; }
 .registration-story h2 { font-size: 33px; }
 .registration-story p { font-size: 12px; max-width: 240px; }
 .registration-card { padding: 24px; }
 .registration-card h2 { font-size: 33px; }
 .registration-card > .badge { font-size: 6.5px; }
 .registration-form > .btn.gold { font-size: 8px; gap: 8px; padding-inline: 10px; }
 .registration-form > .btn.gold > .icon { width: 16px; height: 16px; }
 .registration-real > .btn { font-size: 8px; gap: 8px; padding-inline: 10px; }
}
/* Accessibility: no spinning sigils or drifting particles with reduced effects. */
.low-effects .sigil-ring, .low-effects .spell-mote { animation: none !important; }
.low-effects .pillar:hover { transform: none; }
.low-effects .nav-magic { transition: none; }
@media (prefers-reduced-motion: reduce) {
 .sigil-ring, .spell-mote { animation: none !important; }
 .nav-magic, .main-nav > a, .pillar { transition: none !important; }
 .pillar:hover { transform: none; }
}