/* One continuous night stadium sits behind the entire storefront. */
html,body{background:#09090b}.one-screen-app{isolation:isolate;background:#09090b}
.one-screen-app::before{inset:0;width:auto;height:auto;border:0;border-radius:0;background:url('assets/thep-green-stadium.png') center center/cover no-repeat;opacity:1;filter:brightness(.88) saturate(.72) contrast(1.06);transform:none}
.one-screen-app::after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(6,6,9,.78) 0%,rgba(7,7,10,.45) 35%,rgba(8,8,11,.73) 68%,rgba(6,6,9,.90) 100%),radial-gradient(ellipse at 95% 30%,#ff30451c,transparent 36%),radial-gradient(ellipse at 55% 46%,transparent 20%,rgba(0,0,0,.48) 100%);opacity:1;filter:none;transform:none}
.topbar{background:linear-gradient(180deg,rgba(10,10,13,.94),rgba(10,10,13,.82));backdrop-filter:blur(8px);border-bottom-color:#c5c5d05c;box-shadow:0 4px 20px #0003}
.showcase{background:transparent;border-color:transparent;box-shadow:none;border-radius:0}.showcase::before,.showcase::after{content:none}
.showcase .hero-copy h1{text-shadow:0 3px 18px #000b}.showcase .hero-copy h1 strong{filter:drop-shadow(0 2px 6px #0008)}.showcase .hero-points,.showcase .eyebrow{text-shadow:0 2px 7px #000}.showcase .hero-description{color:#e6e6ee;text-shadow:0 2px 8px #000}
.media-card{background:linear-gradient(145deg,rgba(30,30,35,.94),rgba(10,10,14,.97));border-color:#b9b9c877;backdrop-filter:blur(8px);box-shadow:0 8px 26px #0004,inset 0 1px #f5f5fa14}.performance-stage,.youtube-player{background:radial-gradient(ellipse at 50% 20%,#5b5b690c,transparent 72%),linear-gradient(145deg,#17171d26,#08080c55)}.media-card header,.media-card footer{background:rgba(255,255,255,.018);border-color:#d0d0df24}.bottom-row .benefits{background:rgba(15,15,20,.58);border-color:#bfbfce40}
/* Ground the cutouts without changing their geometry or animation anchors. */
.doctor-card::before{inset:10%;background:radial-gradient(ellipse,#e9e9f322,transparent 70%)}.doctor-card::after{content:none}
.device-showcase::before{opacity:.25}.device-showcase::after{left:8%;right:8%;bottom:.2%;height:7%;border:0;background:radial-gradient(ellipse,#000c,#0007 40%,transparent 72%);box-shadow:none;filter:blur(4px);transform:scaleY(.65)}.device-showcase .device::after{background:#0008;filter:blur(7px)}
@media(max-width:900px){.one-screen-app::before{background-size:auto 135%;background-position:center bottom}.one-screen-app::after{background:linear-gradient(180deg,rgba(7,7,10,.80),rgba(8,8,12,.42) 33%,rgba(8,8,12,.68) 70%,rgba(7,7,10,.92)),radial-gradient(ellipse at 98% 21%,#ff30451a,transparent 36%)}.topbar{background:rgba(10,10,14,.90)}.media-card{backdrop-filter:blur(5px)}.doctor-card::after{height:7%;filter:blur(4px)}}
/* Give the portrait a stronger presence in the mobile hero. */
@media(max-width:900px) and (orientation:portrait){.showcase{grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);grid-template-rows:208px minmax(0,1fr)}.hero-copy{padding-left:8px;padding-right:0}.hero-copy h1{font-size:clamp(21px,6.3vw,32px)}.doctor-card{width:100%;height:100%}.doctor-card>img{width:100%;height:100%;object-fit:contain;object-position:center bottom}}
@media(max-width:900px) and (max-height:730px) and (orientation:portrait){.showcase{grid-template-rows:154px minmax(0,1fr)}.hero-copy h1{font-size:clamp(18px,5.9vw,25px)}}