/* Home page — tablet & mobile only. Nothing here applies at >=1024px. */
@media (max-width:1023px){
html,body{overflow-x:hidden}
#root img{max-width:100%;height:auto}
header[data-screen-label="Nav"]{padding:14px 24px !important}
header[data-screen-label="Nav"] img{height:36px !important}
.lc-nav-desktop{display:none !important}
.lc-nav-burger{display:flex !important;min-width:44px;min-height:44px;align-items:center;justify-content:center}
header[data-screen-label="Nav"]>div:last-child{display:none !important}
header[data-screen-label="Nav"] button[aria-label="Close"]{min-width:44px;min-height:44px}
header[data-screen-label="Nav"] div[style*="position: fixed"] a{min-height:44px;display:flex;align-items:center}
header[data-screen-label="Nav"] div[style*="position: fixed"] button{min-height:48px}
#root section:not([data-screen-label="Hero"]){padding-left:40px !important;padding-right:40px !important}
#root footer[data-screen-label="Footer"]{padding-left:40px !important;padding-right:40px !important}
section[data-screen-label="Hero"]>div[data-theme]{width:100% !important;min-width:0 !important;max-width:720px !important;box-sizing:border-box}
section[data-screen-label="Hero"] h1>span[aria-hidden]{font-size:76px !important}
#root #services-layout{grid-template-columns:1fr !important}
#root #outcomes-grid{grid-template-columns:1fr 1fr !important}
section[data-screen-label="What Is Lucy Colson"]>div:first-child{gap:48px !important}
section[data-screen-label="Case Studies"] .case-stats{gap:32px !important}
#root .services-grid a{min-height:44px}
section[data-screen-label="Social Proof"] button[aria-label]{position:relative}
section[data-screen-label="Social Proof"] button[aria-label]::before{content:"";position:absolute;inset:-18px}
section[data-screen-label="Case Studies"]>div>div:nth-child(1)>button{min-height:44px}
section[data-screen-label="About"] a{display:inline-flex;align-items:center;min-height:44px}
section[data-screen-label="Investor Pathway"] a{display:inline-flex;align-items:center;min-height:44px;white-space:normal !important}
#contact-form label:has(>input[type="checkbox"]){min-height:44px}
#contact-form input[type="checkbox"]{width:20px !important;height:20px !important;flex-shrink:0}
#root .lc-footer-cols>div>div:last-child{gap:0 !important}
#root .lc-footer-cols>div>div:last-child>a{display:flex;align-items:center;min-height:44px}
#root .lc-footer-bottom a{display:inline-flex;align-items:center;min-height:44px}
:root{--text-body-sm:300 16px/26px var(--font-body)}
section[data-screen-label="Social Proof"] div[style*="max-width: 820px"]>div:last-child{gap:28px !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(3) button{min-height:44px}
section[data-screen-label="Case Studies"]>div>div:nth-child(4)>div:first-child button{min-height:44px}
#contact-form input:not([type="checkbox"]):not([type="hidden"]),#contact-form select,#contact-form textarea{min-height:48px;font-size:16px !important;box-sizing:border-box}
footer[data-screen-label="Footer"]>div:nth-child(3) p{font-size:14px !important;line-height:1.6 !important}
#root .lc-footer-bottom{font-size:14px !important}
}
@media (max-width:767px){
:root{--text-body-lg:300 17px/29px var(--font-body)}
#root section:not([data-screen-label="Hero"]){padding:56px 24px !important}
#root footer[data-screen-label="Footer"]{padding:48px 24px 32px !important}
header[data-screen-label="Nav"]{padding:10px 20px !important}
header[data-screen-label="Nav"] img{height:32px !important}
#root h2{font-size:clamp(28px,7.5vw,34px) !important;line-height:1.18 !important}
/* Hero */
section[data-screen-label="Hero"]{padding:48px 20px 56px !important;min-height:calc(100svh - 56px) !important}
section[data-screen-label="Hero"]>div[data-theme]{padding:0 !important}
section[data-screen-label="Hero"]>div[data-theme]>div:first-child{font-size:13px !important;line-height:22px !important}
section[data-screen-label="Hero"] h1{margin-top:16px !important}
section[data-screen-label="Hero"] h1>span[aria-hidden]{font-size:clamp(40px,11.5vw,50px) !important;line-height:1.12 !important}
section[data-screen-label="Hero"] p{max-width:100% !important;margin-top:24px !important}
section[data-screen-label="Hero"] p>span{font-size:18px !important;line-height:1.55 !important}
#root .hero-buttons{flex-direction:column !important;align-items:stretch !important;width:100%;gap:12px !important;margin-top:32px !important}
#root .hero-buttons button{width:100%;padding:15px 24px !important;font-size:17px !important;min-height:52px}
/* What is */
section[data-screen-label="What Is Lucy Colson"]>div:first-child{grid-template-columns:1fr !important;gap:32px !important}
section[data-screen-label="What Is Lucy Colson"] h3{font-size:24px !important}
section[data-screen-label="What Is Lucy Colson"]>div:nth-child(2){flex-direction:column !important;align-items:flex-start !important;gap:16px !important;margin-top:48px !important}
section[data-screen-label="What Is Lucy Colson"]>div:nth-child(2)>div:first-child{max-width:none !important;font-size:13px !important}
section[data-screen-label="What Is Lucy Colson"]>div:nth-child(2)>div:nth-child(2){display:none !important}
section[data-screen-label="What Is Lucy Colson"]>div:nth-child(2)>div:nth-child(3){width:100%;flex:none !important}
#root #raise-scale-exit-grid{grid-template-columns:1fr !important;gap:32px !important;margin-top:48px !important}
#root #raise-scale-exit-grid>div>div:nth-child(2){font-size:24px !important}
/* Services */
#root #services-layout{gap:40px !important}
#root #services-layout>div:first-child>div:last-child{flex-wrap:wrap}
#root #services-layout>div:first-child>div:last-child>*{min-height:48px;flex:1 1 auto;box-sizing:border-box}
#root .services-grid{grid-template-columns:1fr !important;gap:16px !important}
#root .services-grid>div{padding:24px !important}
#root .services-grid>div>div:last-of-type{margin-bottom:0 !important}
/* Testimonials */
section[data-screen-label="Social Proof"] blockquote{min-height:0 !important}
section[data-screen-label="Social Proof"] div[style*="max-width: 820px"]{padding:32px 20px 28px !important}
section[data-screen-label="Social Proof"] blockquote p{font-size:18px !important;line-height:1.6 !important}
/* Outcomes */
#root #outcomes-grid{grid-template-columns:1fr !important;gap:16px !important}
section[data-screen-label="Outcomes"] h2{margin-bottom:32px !important}
/* Case studies */
section[data-screen-label="Case Studies"]>div>div:nth-child(1){flex-wrap:wrap;gap:16px !important;margin-bottom:32px !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(1)>div:first-child{font-size:14px !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(1)>div:nth-child(2){display:none}
section[data-screen-label="Case Studies"]>div>div:nth-child(2){gap:16px !important;margin-bottom:32px !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(3){margin:0 -24px 24px !important;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}
section[data-screen-label="Case Studies"]>div>div:nth-child(3)::-webkit-scrollbar{display:none}
section[data-screen-label="Case Studies"]>div>div:nth-child(3)>div{justify-content:flex-start !important;gap:24px;width:max-content;min-width:100%;padding:0 24px;box-sizing:border-box}
section[data-screen-label="Case Studies"]>div>div:nth-child(3) button{font-size:16px !important;min-height:44px;padding:12px 0 !important;white-space:nowrap}
section[data-screen-label="Case Studies"]>div>div:nth-child(4){padding:16px !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(4)>div:first-child{grid-template-columns:1fr !important;gap:24px !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(4)>div:first-child p{font-size:17px !important;line-height:1.55 !important}
section[data-screen-label="Case Studies"]>div>div:nth-child(4)>div:first-child button{min-height:44px;align-self:flex-start}
section[data-screen-label="Case Studies"] .case-stats{grid-template-columns:1fr !important;gap:24px !important;margin-top:32px !important;padding-top:24px !important}
section[data-screen-label="Case Studies"] .case-stats>div:nth-child(2){display:none}
section[data-screen-label="Case Studies"] .case-stats>div>div:first-child{font-size:40px !important;line-height:1.1 !important}
section[data-screen-label="Case Studies"] .case-stats>div>div:last-child{max-width:28ch !important}
/* About */
section[data-screen-label="About"]>div{grid-template-columns:1fr !important;gap:32px !important}
section[data-screen-label="About"] img{max-width:420px;margin:0 auto}
/* Qualification */
#root .qualification-grid{grid-template-columns:1fr !important;gap:40px !important}
section[data-screen-label="Qualification"] h2{margin-bottom:32px !important}
/* Investor pathway */
/* Contact */
#contact-form{padding:64px 24px !important}
#contact-form input:not([type="checkbox"]):not([type="hidden"]),#contact-form select,#contact-form textarea{min-height:48px;font-size:16px !important;box-sizing:border-box;width:100%}
#contact-form button[type="submit"]{width:100%;min-height:52px}
/* Footer */
footer[data-screen-label="Footer"]>div:first-child>div:last-child{flex:1 1 100% !important;min-width:0 !important}
#root .lc-footer-cols{grid-template-columns:1fr 1fr !important;gap:32px 24px !important}
#root .lc-footer-cols>div:first-child{grid-column:1/-1}
#root .lc-footer-bottom{flex-direction:column;align-items:flex-start !important;gap:8px}
#root .lc-footer-bottom>div{gap:24px !important}
}
@media (max-width:374px){
#root .lc-footer-cols{grid-template-columns:1fr !important}
}