/* 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) hue-rotate(8deg);transform:none}
.one-screen-app::after{inset:0;width:auto;height:auto;border:0;border-radius:0;background:linear-gradient(180deg,rgba(0,7,6,.72) 0%,rgba(0,13,9,.43) 35%,rgba(0,27,19,.64) 68%,rgba(0,8,6,.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(1,17,7,.72),rgba(1,17,7,.4));backdrop-filter:blur(8px);border-bottom-color:#96e95055;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:#e1ebe2;text-shadow:0 2px 8px #000}
.media-card{background:linear-gradient(145deg,rgba(3,27,14,.78),rgba(2,16,9,.88));border-color:#93d74b77;backdrop-filter:blur(8px);box-shadow:0 8px 26px #0004,inset 0 1px #d5ffc708}.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:#99b98a1f}.bottom-row .benefits{background:rgba(2,17,10,.25);border-color:#84af6a33}
/* Ground the cutouts without changing their geometry or animation anchors. */
.doctor-card::before{inset:10%;background:radial-gradient(ellipse,#78ff2425,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(0,7,6,.77),rgba(0,16,11,.46) 33%,rgba(1,26,18,.65) 70%,rgba(0,8,6,.86))}.topbar{background:rgba(1,10,7,.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)}}