/* Shared adaptations of the approved LP1 theme for public marketing pages. */
#main-content>section:first-child:has(.lp-hero,.mc-hero)::before{background-image:linear-gradient(to bottom,rgba(255,255,255,.12),#fff 100%),linear-gradient(to right,rgba(255,255,255,.78),rgba(255,255,255,.15) 72%),url('/lp1-assets/sky-hero.webp');background-size:100% 100%,100% 100%,cover;background-repeat:no-repeat,no-repeat,no-repeat;background-position:center,center,center top}

body{overflow-x:clip}
header>div:first-child{position:relative}
header>div:first-child::before{border-color:rgba(130,145,155,.18)}
header a[href^="/waitlist"],header a[href="#claim"]{background:#101010!important;color:#fff!important;border-radius:12px!important;height:40px;display:inline-flex;align-items:center}
header>div:first-child>div:has(>a):not(:has(button)){grid-area:1/4;display:flex;margin:0!important}
header>div:first-child>a:not([aria-label]){grid-area:1/4;padding:10px 16px;background:rgba(246,247,248,.7);border-radius:24px}
a.bg-accent,button.bg-accent,.lp-btn,.mc-btn{background:#101010!important;color:#fff!important;border-radius:12px!important}
body>canvas:not(#fork-fluid-trail){display:none!important}
#main-content :is(.lp-hero,.mc-hero){text-align:left;align-items:center}
#main-content .lp-hero{max-width:1120px;margin-inline:auto;gap:32px}
#main-content .lp-left>div{justify-content:flex-start!important;margin-top:24px}
@media(min-width:1024px){#main-content .lp-hero{grid-template-columns:minmax(0,1fr) 400px;gap:40px}}
#main-content>section:first-child:has(.lp-hero,.mc-hero)>div>div:last-child{padding:56px 32px 100px!important;min-height:680px}
#main-content>section:first-child :is(.lp-hero,.mc-hero) h1{font-size:clamp(36px,4vw,56px)!important;line-height:1.08!important}
#main-content>section:first-child :is(.lp-hero,.mc-hero) p{font-size:18px!important;margin-top:20px}
#main-content>section:first-child :is(.lp-card,.mc-card){background:rgba(246,247,248,.97);border:0;border-radius:24px;padding:28px;box-shadow:0 12px 32px -24px rgba(16,16,16,.25)}
#main-content>section:first-child :is(.lp-card,.mc-card) p{font-size:14px!important;margin-top:10px;color:#6c6c6c}
#main-content>section:first-child :is(.lp-card,.mc-card) h2{font-size:24px!important}
#main-content:has(.mc-hero),#main-content:has(.mc-hero) *{text-shadow:none!important}
.mc-day,.mc-outcome{background:#f6f7f8;border-radius:20px}
.mc-days{background:transparent;border:0;gap:16px}
.mc-shot{border-radius:20px}
body:has(main form):not(:has(#main-content)) {background:#fff!important;background-image:linear-gradient(to bottom,rgba(255,255,255,.3),#fff 480px),url('/lp1-assets/sky-hero.webp')!important;background-position:center top!important;background-size:100% 500px,auto 500px!important;background-repeat:no-repeat!important}
main:not(#main-content):has(form)>div{background:rgba(246,247,248,.95);border-radius:28px;padding:40px}
main:not(#main-content) :is(input,textarea){background:#fff}
body:has(main>.card){--muted:#6c6c6c;--line:#dedfe1;--ink:#101010;--paper:#fff}
main>.card{background:#f6f7f8;box-shadow:none;border:0}
main>.card .mark{font-size:0;background:#101010;mask:url('/lp1-assets/fork-cut-stone.svg') center/contain no-repeat;border-radius:0}
main>.card .button{border-radius:12px}
@media(max-width:899px){
 header>div:first-child>div:has(>a):not(:has(button)){display:none}
 header>div:first-child>div:has(button)>a{display:none}
 header>div:first-child>a:not([aria-label]){grid-area:1/2;font-size:12px;padding:8px}
}
@media(max-width:767px){
 #main-content>section:first-child:has(.lp-hero,.mc-hero)>div>div:last-child{padding:40px 18px 60px!important}
 #main-content>section:first-child :is(.lp-hero,.mc-hero) h1{font-size:38px!important}
 #main-content>section:first-child :is(.lp-card,.mc-card){padding:24px 20px}
 main:not(#main-content):has(form){padding:32px 4px}
 main:not(#main-content):has(form)>div{padding:28px 20px}
}
