@import url("./futraday-frosted-cards.css?v=20261107-dash5");
/* Shared FutraDay site chrome: one header, navigation and footer system across every page. */
:root{--chrome-max:1240px;--chrome-line:rgba(255,255,255,.09);--chrome-muted:#a9b3ac}
.site-header.topbar{position:sticky!important;top:0!important;z-index:100!important;width:100%!important;max-width:none!important;height:92px!important;min-height:92px!important;margin:0!important;padding:0 max(24px,calc((100vw - var(--chrome-max))/2))!important;display:grid!important;grid-template-columns:minmax(190px,270px) minmax(0,1fr) auto!important;align-items:center!important;gap:24px!important;box-sizing:border-box!important;background:rgba(5,7,6,.91)!important;border:0!important;border-bottom:1px solid var(--chrome-line)!important;border-radius:0!important;box-shadow:0 12px 36px rgba(0,0,0,.2),inset 0 -1px 0 rgba(255,255,255,.025)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important}
.site-header .brand.brand-lockup{display:flex!important;align-items:center!important;justify-content:flex-start!important;gap:0!important;width:100%!important;max-width:270px!important;min-width:0!important;line-height:0!important;text-decoration:none!important;flex:0 1 270px!important}
.site-header .brand-lockup-image{display:block!important;width:100%!important;max-width:270px!important;height:auto!important;max-height:none!important;object-fit:contain!important;filter:none!important}
.site-header .primary-nav{display:flex!important;align-items:center!important;justify-content:center!important;gap:clamp(12px,1.65vw,24px)!important;min-width:0!important;flex-wrap:nowrap!important;margin:0!important}
.site-header .primary-nav>a,.site-header .primary-nav .nav-toggle{display:inline-flex!important;align-items:center!important;position:relative!important;padding:9px 0!important;margin:0!important;border:0!important;background:transparent!important;color:#eef2ef!important;font:600 12px/1.2 "Segoe UI",Arial,sans-serif!important;letter-spacing:.005em!important;text-decoration:none!important;white-space:nowrap!important;cursor:pointer!important}
.site-header .primary-nav .nav-group-free>.nav-toggle{color:#b8ff2c!important}
.site-header .primary-nav>a:hover,.site-header .primary-nav .nav-toggle:hover{color:#fff!important}
.site-header .primary-nav .nav-group{position:relative!important;display:flex!important;align-items:center!important}
.site-header .primary-nav .nav-toggle:after{content:"";width:5px;height:5px;margin:0 0 3px 7px;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);opacity:.65}
.site-header .primary-nav .nav-menu{position:absolute!important;top:calc(100% + 12px)!important;left:-16px!important;z-index:120!important;display:none!important;flex-direction:column!important;gap:0!important;min-width:230px!important;padding:8px!important;margin:0!important;border:1px solid rgba(255,255,255,.12)!important;border-radius:12px!important;background:rgba(9,13,10,.98)!important;box-shadow:0 20px 50px rgba(0,0,0,.45)!important;backdrop-filter:blur(18px)!important}
.site-header .primary-nav .nav-group.is-open>.nav-menu,.site-header .primary-nav .nav-group:focus-within>.nav-menu{display:flex!important}
.site-header .primary-nav .nav-menu a{display:block!important;margin:0!important;padding:11px 12px!important;border-radius:7px!important;color:#d8e0da!important;font:500 12px/1.45 "Segoe UI",Arial,sans-serif!important;white-space:normal!important;text-decoration:none!important}
.site-header .primary-nav .nav-menu a:hover{background:rgba(255,255,255,.055)!important;color:#fff!important}
.site-header .header-actions{display:flex!important;align-items:center!important;justify-content:flex-end!important;gap:10px!important;min-width:max-content!important}
.site-header .top-cta{display:inline-flex!important;align-items:center!important;justify-content:center!important;min-height:40px!important;padding:0 16px!important;border:1px solid #b8ff2c!important;border-radius:999px!important;background:#b8ff2c!important;color:#050706!important;font:750 12px/1 "Segoe UI",Arial,sans-serif!important;white-space:nowrap!important;text-decoration:none!important;box-shadow:none!important}
.site-header .top-cta-short{display:none!important}
.site-header .menu-toggle{display:none!important}
.site-header .mobile-nav{display:none!important}
.site-footer{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 max(24px,calc((100vw - var(--chrome-max))/2))!important;border:0!important;border-top:1px solid rgba(255,255,255,.1)!important;border-radius:0!important;background:linear-gradient(180deg,#090c0a,#040504)!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.025)!important;font:inherit!important;color:#a9b3ac!important}
.site-footer-main{display:grid;grid-template-columns:minmax(240px,1.5fr) repeat(3,minmax(130px,1fr));gap:40px;max-width:var(--chrome-max);margin:0 auto;padding:56px 0 44px}
.site-footer-brand .footer-brand-lockup{display:flex!important;align-items:center!important;width:220px!important;max-width:100%!important;margin:0 0 22px!important;line-height:0!important;text-decoration:none!important}
.site-footer-brand .footer-brand-lockup img{display:block!important;width:100%!important;height:auto!important;max-width:220px!important;object-fit:contain!important;filter:none!important}
.site-footer-brand p{max-width:300px;margin:0 0 16px!important;color:#c2cbc4!important;font-size:14px!important;line-height:1.6!important}
.site-footer-brand>span{display:block;color:#78847b!important;font-size:11px!important;line-height:1.6!important}
.site-footer-column{display:flex;flex-direction:column;align-items:flex-start;gap:11px;min-width:0}
.site-footer-column h2{margin:3px 0 8px!important;color:#f4f7f4!important;font-size:12px!important;font-weight:750!important;letter-spacing:.12em!important;text-transform:uppercase!important}
.site-footer-column>a,.site-footer-social a{display:inline-flex!important;align-items:center!important;min-height:24px!important;margin:0!important;color:#929e95!important;font-size:12px!important;line-height:1.45!important;text-decoration:none!important}
.site-footer-column>a:hover,.site-footer-social a:hover,.site-footer-bottom a:hover{color:#f4f7f4!important}
.site-footer-social{display:flex;flex-wrap:wrap;gap:8px 14px;margin-top:5px}
.site-footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:var(--chrome-max);margin:0 auto;padding:20px 0 24px;border-top:1px solid rgba(255,255,255,.075);color:#758078;font-size:10px;line-height:1.6}
.site-footer-bottom nav{display:flex;flex-wrap:wrap;gap:16px;margin:0!important}
.site-footer-bottom nav a{margin:0!important;color:#8c978f!important;font-size:10px!important;text-decoration:none!important}
.site-footer-bottom strong{color:#849087;font:600 9px/1.5 ui-monospace,Consolas,monospace;letter-spacing:.12em;white-space:nowrap}
@media(max-width:1180px){.site-header.topbar{grid-template-columns:minmax(160px,210px) minmax(0,1fr) auto!important;gap:16px!important}.site-header .brand.brand-lockup,.site-header .brand-lockup-image{max-width:210px!important}.site-header .primary-nav{gap:clamp(10px,1.2vw,16px)!important}.site-header .primary-nav>a,.site-header .primary-nav .nav-toggle{font-size:11px!important}.site-header .top-cta{padding:0 12px!important;font-size:11px!important}.site-footer-main{gap:26px}}
@media(max-width:980px){.site-header.topbar{height:82px!important;min-height:82px!important;grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important}.site-header .brand.brand-lockup,.site-header .brand-lockup-image{max-width:220px!important}.site-header .primary-nav{display:none!important}.site-header .header-actions{grid-column:2;grid-row:1}.site-header .menu-toggle{display:flex!important;width:42px!important;height:42px!important;align-items:center!important;justify-content:center!important;flex-direction:column!important;gap:5px!important;border:1px solid rgba(184,255,44,.3)!important;border-radius:50%!important;background:rgba(184,255,44,.045)!important;cursor:pointer!important}.site-header .menu-toggle span{display:block;width:16px;height:1px;background:#f4f7f4}.site-header .mobile-nav:not([hidden]){position:absolute!important;top:100%!important;left:0!important;right:0!important;z-index:130!important;display:flex!important;flex-direction:column!important;gap:0!important;max-height:calc(100vh - 82px)!important;overflow:auto!important;padding:12px 24px 24px!important;border:0!important;border-bottom:1px solid rgba(255,255,255,.12)!important;background:rgba(5,7,6,.985)!important;box-shadow:0 24px 45px rgba(0,0,0,.42)!important}.site-header .mobile-nav[hidden]{display:none!important}.site-header .mobile-nav>a{display:block!important;padding:12px 0!important;margin:0!important;border-bottom:1px solid rgba(255,255,255,.07)!important;color:#e3e9e4!important;font-size:14px!important;text-decoration:none!important}.site-header .mobile-nav-label{display:block!important;margin:14px 0 4px!important;color:#b8ff2c!important;font:700 10px/1.4 ui-monospace,Consolas,monospace!important;letter-spacing:.15em!important;text-transform:uppercase!important}.site-footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:34px 28px}.site-footer-brand{grid-column:1/-1}.site-footer-brand p{max-width:440px}}
@media(max-width:600px){.site-header.topbar{height:74px!important;min-height:74px!important;padding-left:20px!important;padding-right:20px!important}.site-header .brand.brand-lockup,.site-header .brand-lockup-image{max-width:180px!important}.site-header .top-cta{min-height:38px!important;padding:0 12px!important;font-size:11px!important}.site-header .top-cta-full{display:none!important}.site-header .top-cta-short{display:inline!important}.site-header .menu-toggle{width:38px!important;height:38px!important}.site-footer{padding-left:22px!important;padding-right:22px!important}.site-footer-main{grid-template-columns:1fr 1fr;gap:28px 20px;padding:40px 0 32px}.site-footer-brand .footer-brand-lockup{width:190px!important}.site-footer-column h2{font-size:11px!important}.site-footer-column>a,.site-footer-social a{font-size:11px!important}.site-footer-bottom{align-items:flex-start;flex-direction:column;gap:12px;padding:18px 0 22px}.site-footer-bottom nav{gap:12px}.site-footer-bottom strong{white-space:normal}}
/* React and static headers: open desktop dropdowns on hover as well as keyboard focus. */
.site-header .primary-nav .nav-group:hover>.nav-menu{display:flex!important}

/* Final shared chrome alignment and CTA parity. */
.site-header.topbar{padding-left:max(24px,calc((100vw - 1240px)/2))!important;padding-right:max(24px,calc((100vw - 1240px)/2))!important}
.site-header .primary-nav{justify-content:center!important}
.site-header .top-cta,.btn.primary,.button:not(.secondary),.button.primary,a.button:not(.secondary){background:linear-gradient(180deg,#d3ff68 0%,#b8ff2c 46%,#9fe51e 100%)!important;color:#081008!important;border:1px solid rgba(220,255,143,.5)!important;border-radius:999px!important;box-shadow:inset 0 1px 0 rgba(255,255,255,.58),inset 0 -1px 0 rgba(53,85,0,.24),0 8px 24px rgba(150,231,28,.16)!important;text-shadow:0 1px 0 rgba(255,255,255,.28)!important;font-weight:760!important}
.site-header .top-cta:hover,.btn.primary:hover,.button:not(.secondary):hover,.button.primary:hover,a.button:not(.secondary):hover{box-shadow:inset 0 1px 0 rgba(255,255,255,.68),inset 0 -1px 0 rgba(53,85,0,.22),0 12px 32px rgba(170,255,41,.24)!important}
.site-footer{padding-left:max(24px,calc((100vw - 1240px)/2))!important;padding-right:max(24px,calc((100vw - 1240px)/2))!important;overflow-x:clip!important}
.site-footer-main{grid-template-columns:minmax(0,1.5fr) repeat(3,minmax(0,1fr))!important;width:100%!important;min-width:0!important}
.site-footer-column,.site-footer-brand,.site-footer-bottom{min-width:0!important}
.site-footer-column>a,.site-footer-social a,.site-footer-bottom nav a{overflow-wrap:anywhere!important;word-break:normal!important}
.site-footer-bottom{width:100%!important}
.site-shell>footer[aria-label="FutraDay site footer"]{width:100%!important;max-width:none!important;margin:0!important;padding:44px max(24px,calc((100vw - 1240px)/2)) 24px!important;box-sizing:border-box!important;overflow-wrap:anywhere!important}
.site-shell>footer[aria-label="FutraDay site footer"] .footer-brand,.site-shell>footer[aria-label="FutraDay site footer"] .footer-links,.site-shell>footer[aria-label="FutraDay site footer"] .footer-bottom{max-width:1240px!important;margin-left:auto!important;margin-right:auto!important;min-width:0!important;flex-wrap:wrap!important}
.site-shell>footer[aria-label="FutraDay site footer"] .footer-links{row-gap:14px!important;line-height:1.6!important}
.contact-section{align-items:center!important}
.contact-section .contact-form{margin-top:24px!important;overflow:hidden!important}
.contact-section .contact-form:before,.contact-section .contact-form:after{display:none!important;content:none!important}
.contact-section .contact-form .btn.primary{align-self:flex-start!important;min-height:44px!important;padding:0 22px!important;border-radius:999px!important}
@media(max-width:1050px){.contact-section .contact-form{margin-top:0!important}}
@media(max-width:980px){.site-footer{padding-left:24px!important;padding-right:24px!important}.site-shell>footer[aria-label="FutraDay site footer"]{padding-left:24px!important;padding-right:24px!important}}
@media(max-width:600px){.site-footer{padding-left:22px!important;padding-right:22px!important}.site-footer-main{grid-template-columns:repeat(2,minmax(0,1fr))!important}.site-footer-column>a{max-width:100%!important}.site-shell>footer[aria-label="FutraDay site footer"]{padding-left:22px!important;padding-right:22px!important}}

/* 2026-10-28 parity correction: center navigation in the viewport and keep footer padding inside its width. */
.site-header.topbar{grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)!important;box-sizing:border-box!important}
.site-header.topbar>.brand.brand-lockup{grid-column:1!important;grid-row:1!important;justify-self:start!important}
.site-header.topbar>nav.primary-nav{grid-column:2!important;grid-row:1!important;justify-self:center!important;transform:none!important}
.site-header.topbar>.header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important}
.site-footer,footer.site-footer,.site-footer-main,.site-footer-bottom{box-sizing:border-box!important}
.site-footer{width:100%!important;min-width:0!important;max-width:none!important}
.site-footer-main,.site-footer-bottom{width:100%!important;max-width:1240px!important;margin-left:auto!important;margin-right:auto!important}
@media(max-width:1050px){.site-header.topbar{grid-template-columns:minmax(0,1fr) auto!important;gap:16px!important}.site-header.topbar>.brand.brand-lockup{grid-column:1!important;grid-row:1!important}.site-header.topbar>nav.primary-nav{display:none!important}.site-header.topbar>.header-actions{grid-column:2!important;grid-row:1!important}.site-header .menu-toggle{display:flex!important}}