/* Black and gold homepage direction; the original DashReels card animation stays intact. */
:root{color-scheme:dark;--gold:#e8bd62;--gold-light:#ffe5a5;--gold-deep:#8f5d0c;--ink:#050504}
html{scroll-behavior:smooth;scroll-padding-top:88px}
body{background:var(--ink)!important;color:#f7f4ed!important;padding-bottom:112px!important}
nav{background:linear-gradient(180deg,rgba(5,5,4,.88),rgba(5,5,4,.2))!important;border-bottom:1px solid rgba(232,189,98,.16);backdrop-filter:blur(16px)}
nav .max-w-7xl{max-width:1240px}
.gold-download{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid rgba(255,235,187,.72);border-radius:999px;background:linear-gradient(105deg,#b47719 0%,#f6d47c 48%,#c48a29 100%);color:#201605!important;text-decoration:none;font-weight:800;box-shadow:0 8px 28px rgba(215,159,48,.24),inset 0 1px rgba(255,255,255,.48);transition:transform .2s ease,filter .2s ease,box-shadow .2s ease}
.gold-download:hover{transform:translateY(-2px);filter:brightness(1.08);box-shadow:0 12px 36px rgba(215,159,48,.34),inset 0 1px rgba(255,255,255,.58)}
.top-download{min-height:40px;padding:0 18px;font-size:12px;letter-spacing:.02em}
main>section:first-child{min-height:100vh!important;background:#050504!important;isolation:isolate}
main>section:first-child div.absolute.inset-0.overflow-hidden{z-index:1!important;opacity:.82!important}
main>section:first-child .rectangle{border-color:rgba(243,202,112,.9)!important;box-shadow:inset 0 0 30px rgba(223,174,75,.035),0 0 24px rgba(205,148,39,.09)}
main>section:first-child>.hero-glow{z-index:0!important;opacity:1!important;background-color:#050504!important;background-image:radial-gradient(ellipse 42% 54% at 28% 63%,rgba(190,129,28,.43),transparent 76%),radial-gradient(ellipse 40% 46% at 76% 52%,rgba(147,98,20,.27),transparent 75%),linear-gradient(125deg,#030303 8%,#100d07 56%,#030303)!important}
main>section:first-child>div.bg-gradient-to-t{z-index:2!important;background-image:linear-gradient(to top,#050504 0%,rgba(5,5,4,.32) 48%,transparent 100%)!important}
main>section:first-child .w-full.xl\:px-12{z-index:3!important}
main>section:not(:first-child){background-color:#080807!important;background-image:linear-gradient(180deg,#090908 0%,#050504 100%)!important;border-color:rgba(232,189,98,.17)!important}
main>section:last-of-type{background-color:#080704!important;background-image:radial-gradient(ellipse 65% 120% at 78% 50%,rgba(184,128,32,.25),transparent 72%),linear-gradient(115deg,#050504 0%,#11100c 48%,#2a1d08 100%)!important}
main>section:not(:first-child) [class*="bg-[#151616]"]{background-color:#090908!important}
main>section [class*="border-[#212223]"],main>section [class*="border-[#232425]"],main>section [class*="border-white/10"]{border-color:rgba(232,189,98,.20)!important}
main>section [class*="text-[#84898E]"],main>section .text-gray-400{color:#b5afa2!important}
.gradient-text,.product-heading{background-image:linear-gradient(118deg,#fff7df 0%,#f0ca72 52%,#d69c34 100%)!important;-webkit-background-clip:text!important;background-clip:text!important}
.glass-card,.glass-button{border-color:rgba(232,189,98,.22)!important;background-color:rgba(230,184,91,.055)!important}
.glass-card:hover,.glass-button:hover{border-color:rgba(255,221,145,.48)!important;background-color:rgba(230,184,91,.11)!important}
a[href^="https://dashreels.onelink.me/"]:not(.gold-download){border-color:rgba(243,205,121,.5)!important}
.page-copyright{margin:0;background:#050504;color:#a9a293;text-align:center;padding:24px 18px 36px;font-size:12px;border-top:1px solid rgba(232,189,98,.16)}
.fixed-download{position:fixed;z-index:1000;left:50%;bottom:max(14px,env(safe-area-inset-bottom));transform:translateX(-50%);width:min(560px,calc(100% - 32px));min-height:66px;padding:10px 22px;gap:16px}
.fixed-download:hover{transform:translate(-50%,-2px)}
.download-symbol{font-size:25px;line-height:1}
.download-copy{display:flex;flex-direction:column;align-items:flex-start;gap:2px}
.download-copy strong{font-size:15px;letter-spacing:.02em}
.download-copy small{font-size:11px;font-weight:500;opacity:.78}
.download-arrow{margin-left:auto;font-size:18px}
@media(max-width:767px){body{padding-bottom:100px!important}nav{padding-top:14px!important;padding-bottom:14px!important}nav .max-w-7xl{padding-left:18px;padding-right:18px}.top-download{min-height:36px;padding:0 12px;font-size:10px}main>section:first-child{min-height:100svh!important}.fixed-download{min-height:62px;padding:8px 16px;gap:12px}.download-copy strong{font-size:13px}.download-copy small{font-size:10px}.page-copyright{padding-bottom:28px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.gold-download{transition:none}}
.site-footer{background:linear-gradient(180deg,#111 0%,#080807 100%);border-top:1px solid rgba(232,189,98,.14);color:#f4f0e8;padding:64px 28px 0}
.site-footer-inner{max-width:1440px;margin:0 auto;display:grid;grid-template-columns:minmax(320px,1.15fr) minmax(520px,1fr);gap:72px;padding-bottom:64px}
.footer-brand-mark{display:flex;align-items:center;gap:14px;color:#f5f3ee;font-size:30px;font-weight:750;letter-spacing:-.03em}.footer-logo{display:block;width:56px;height:56px;max-width:none;object-fit:contain;object-position:center}
.footer-tagline{color:#9c9c9c;font-size:16px;margin:18px 0 34px}
.footer-address{color:#a6a8ad;font-size:14px;line-height:1.8;margin:0}
.footer-address span{padding-left:26px}
.footer-columns{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}
.footer-column h3{font-size:18px;color:#f4f0e8;margin:0 0 24px;font-weight:700}
.footer-column ul{list-style:none;margin:0;padding:0;display:grid;gap:16px}
.footer-column li{color:#a6a8ad;font-size:15px;line-height:1.5;overflow-wrap:anywhere;cursor:default;user-select:text}
.site-footer .page-copyright{margin:0 auto;background:transparent;color:#85827a;text-align:center;padding:22px 10px 30px;font-size:12px;border-top:1px solid rgba(232,189,98,.14);max-width:1440px}
.footer-brand-mark{pointer-events:none}
@media(max-width:900px){.site-footer-inner{grid-template-columns:1fr;gap:44px}.footer-columns{gap:20px}}
@media(max-width:560px){.site-footer{padding:42px 20px 0}.site-footer-inner{padding-bottom:40px;gap:36px}.footer-brand-mark{font-size:25px}.footer-logo{width:48px;height:48px}.footer-tagline{font-size:14px;margin:14px 0 25px}.footer-columns{grid-template-columns:1fr 1fr;gap:28px 20px}.footer-column h3{font-size:15px;margin-bottom:14px}.footer-column ul{gap:12px}.footer-column li{font-size:13px}}
