/* One continuous night stadium sits behind the entire storefront. */
html,body{background:#020b08}.one-screen-app{isolation:isolate;background:#020b08}
.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(.86) saturate(1.02);transform:none}
.one-screen-app::after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(5,7,8,.72) 0%,rgba(9,11,11,.43) 35%,rgba(4,21,14,.64) 68%,rgba(5,8,8,.82) 100%),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(12,17,23,.72),rgba(12,17,23,.4));backdrop-filter:blur(8px);border-bottom-color:#bdd1e155;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:#efeded;text-shadow:0 2px 8px #000}
.media-card{background:linear-gradient(145deg,rgba(18,20,22,.80),rgba(12,16,17,.90));border-color:#a6bfd377;backdrop-filter:blur(8px);box-shadow:0 8px 26px #0004,inset 0 1px #e6f2fc08}.performance-stage,.youtube-player{background:linear-gradient(145deg,rgba(4,21,15,.15),rgba(1,10,7,.40))}.media-card header,.media-card footer{background:rgba(1,11,8,.08);border-color:#b7c9da1f}.bottom-row .benefits{background:rgba(2,17,10,.25);border-color:#98afc633}
/* Ground the cutouts without changing their geometry or animation anchors. */
.doctor-card::before{inset:10%;background:radial-gradient(ellipse,#d3e5f125,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(8,9,10,.77),rgba(10,14,13,.46) 33%,rgba(5,22,14,.65) 70%,rgba(7,9,10,.86))}.topbar{background:rgba(12,18,25,.45)}.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 center}}
@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)}}