@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 6px 16px rgba(150,231,28,.08)!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 8px 20px rgba(170,255,41,.13)!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}}


/* 2026-10-28: restore the exact homepage header grid on static secondary pages. */
.site-header.topbar{grid-template-columns:minmax(190px,270px) minmax(0,1fr) auto!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;min-width:0!important;transform:none!important}
.site-header.topbar>.header-actions{grid-column:3!important;grid-row:1!important;justify-self:end!important}
@media(max-width:1180px){.site-header.topbar{grid-template-columns:minmax(160px,210px) minmax(0,1fr) auto!important;gap:16px!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}}

/* 2026-10-29: consistent page-title start on secondary pages. */
main>.eyebrow{margin-top:0!important}
main>h1{margin-top:14px!important;font-size:clamp(42px,5.4vw,68px)!important;line-height:1.02!important;letter-spacing:-.055em!important}

/* 2026-10-29: the page label and title sit on the same column as the text and cards below them
   (they had been shifted left to match the service pages, which left them detached from the body). */
html body main>.eyebrow,html body main>h1{
  margin-left:0!important;
}
html body main>.eyebrow{
  display:block!important;margin-top:102px!important;margin-bottom:0!important;
  font-family:"IBM Plex Mono",Consolas,monospace!important;font-size:11px!important;font-weight:700!important;
  letter-spacing:2.2px!important;line-height:normal!important;text-transform:uppercase!important;
  color:var(--kicker-colour,#b8ff2c)!important;
}
html body main>h1{
  width:auto!important;max-width:100%!important;
  margin-top:22px!important;margin-bottom:28px!important;
  font-family:"Segoe UI Variable Text","Segoe UI",Inter,system-ui,-apple-system,sans-serif!important;
  font-size:clamp(52px,4.8vw,70px)!important;font-weight:700!important;line-height:1.06!important;letter-spacing:-.045em!important;
}
@media(max-width:1050px){html body main>h1{font-size:clamp(48px,7vw,68px)!important}}
@media(max-width:700px){html body main>.eyebrow{margin-top:52px!important}}
@media(max-width:600px){html body main>h1{font-size:clamp(34px,9.6vw,52px)!important;line-height:1.1!important;letter-spacing:-.035em!important}}
@media(max-width:420px){html body main>h1{font-size:clamp(32px,8.9vw,38px)!important;line-height:1.07!important;letter-spacing:-.043em!important}}
/* 2026-10-29: Free blueprint button uses the same lime gradient as the site's other main buttons. */
html body #free-plan-form button[type="submit"]{
  background:linear-gradient(180deg,#d3ff68 0%,#b8ff2c 46%,#9fe51e 100%)!important;
  border-color:#9fe51e!important;color:#050706!important;
}

/* 2026-10-29: text sizes on the secondary pages follow the homepage type scale.
   Intro 19px (homepage hero text), headings 22px (homepage card titles), body 17px (homepage section text),
   card text 14px / card links 13px, buttons 14px, form labels 12px. Only pages with a title eyebrow are affected. */
html body main:has(>.eyebrow) .lead{font-size:19px!important;line-height:1.72!important}
html body main:has(>.eyebrow) h2{font-size:22px!important;line-height:1.3!important}
html body main:has(>.eyebrow) :where(p,li){font-size:17px!important;line-height:1.65!important}
html body main:has(>.eyebrow) .meta{font-size:13px!important;line-height:1.65!important}
html body main:has(>.eyebrow) .card p{font-size:14px!important;line-height:1.5!important}
html body main:has(>.eyebrow) .card>a{font-size:13px!important;font-weight:760!important;display:block!important;text-wrap:balance}
html body main:has(>.eyebrow) :is(a.button,button){font-size:14px!important;font-weight:760!important}
html body main:has(>.eyebrow) label{font-size:12px!important;font-weight:650!important}
@media(max-width:700px){html body main:has(>.eyebrow) .lead{font-size:17px!important}}

/* 2026-10-29: secondary pages use the homepage body typeface (Segoe UI) instead of Arial / Inter. */
html body:has(main>.eyebrow),html body:has(#free-plan-form),html body:has(.hero-copy>.lead){font-family:"Segoe UI Variable Text","Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,sans-serif!important}
html body:has(main>.eyebrow) :is(input,select,textarea,button),html body:has(#free-plan-form) :is(input,select,textarea,button),html body:has(.hero-copy>.lead) :is(input,select,textarea,button){font-family:inherit!important}

/* 2026-10-29: Free blueprint / free review pages use the homepage title scale and intro size. */
html body .plan-brand h1,html body main>section.hero>.hero-copy h1{font-size:clamp(52px,4.8vw,70px)!important;line-height:1.06!important;letter-spacing:-.045em!important}
html body main>section.hero>.hero-copy .lead{font-size:19px!important}
html body .plan-sub{font-size:17px!important}
@media(max-width:1050px){html body .plan-brand h1,html body main>section.hero>.hero-copy h1{font-size:clamp(48px,7vw,68px)!important}}
@media(max-width:700px){html body main>section.hero>.hero-copy .lead{font-size:17px!important}}
@media(max-width:600px){html body .plan-brand h1,html body main>section.hero>.hero-copy h1{font-size:clamp(34px,9.6vw,52px)!important;line-height:1.1!important;letter-spacing:-.035em!important}}
@media(max-width:420px){html body .plan-brand h1,html body main>section.hero>.hero-copy h1{font-size:clamp(32px,8.9vw,38px)!important;line-height:1.07!important;letter-spacing:-.043em!important}}


/* 2026-11-05 mobile fixes.
   1) Mobile menu: the panel scrolls, and the "Get a Free Blueprint" CTA sat below the visible area (half cut off
      behind phone browser toolbars). Size the panel to the dynamic viewport and pin the CTA to the bottom of it. */
@media(max-width:1050px){
  html body header.site-header>nav.mobile-nav:not([hidden]){max-height:calc(100vh - 100px)!important;max-height:calc(100dvh - 100px - env(safe-area-inset-bottom,0px))!important;padding-bottom:0!important;background:#050706!important;background-image:none!important}
  html body header.site-header>nav.mobile-nav>a.mobile-nav-cta{position:sticky!important;bottom:14px!important;z-index:2!important;margin:18px 0 14px!important;box-shadow:0 0 0 14px #050706,0 -20px 24px 4px #050706!important}
}
/* 2) Footer was ~900px tall on phones: tighten spacing (desktop unchanged). */
@media(max-width:600px){
  html body .site-footer .site-footer-main{gap:26px 18px!important;padding:32px 0 22px!important}
  html body .site-footer .site-footer-brand .footer-brand-lockup{width:170px!important;margin:0 0 12px!important}
  html body .site-footer .site-footer-brand p{margin:0 0 8px!important;font-size:13px!important;line-height:1.5!important}
  html body .site-footer .site-footer-column{gap:2px!important}
  html body .site-footer .site-footer-column h2{margin:0 0 6px!important}
  html body .site-footer .site-footer-column>a{min-height:30px!important}
  html body .site-footer .site-footer-bottom{flex-wrap:wrap!important;gap:10px!important;padding:16px 0 calc(18px + env(safe-area-inset-bottom,0px))!important}
}
/* Improved legibility for supporting footer copy on dark backgrounds. */
.site-footer-bottom{font-size:11px!important}
.site-footer-bottom nav a{font-size:11px!important}
.site-footer-bottom strong{font-size:10px!important}
@media(max-width:600px){.site-footer-column>a,.site-footer-social a{font-size:12px!important}}