/* Final homepage composition: the supplied campaign render is an environment,
   not a poster inside nested cards. This file intentionally loads after the
   historical redesign layers so the public landing page stays open and even. */
:root:not([data-theme='day']) body.home-page>.ambient{background:radial-gradient(circle at 76% 24%,rgba(255,22,135,.12),transparent 30%),radial-gradient(circle at 14% 82%,rgba(115,29,91,.12),transparent 28%),linear-gradient(180deg,#030104,#080309 58%,#020103);opacity:1;filter:none}
:root:not([data-theme='day']) body.home-page .landing-topbar{border:0;border-bottom:1px solid rgba(255,79,176,.2);border-radius:0;background:linear-gradient(180deg,rgba(5,3,7,.72),rgba(5,3,7,.18));box-shadow:none}
.home-page .home-shell{max-width:none;padding-inline:clamp(22px,4.2vw,68px)}
.home-page .landing-topbar{min-height:72px;margin-top:0;padding:9px 0;border:0;border-bottom:1px solid rgba(255,79,176,.2);border-radius:0;background:linear-gradient(180deg,rgba(5,3,7,.72),rgba(5,3,7,.18));box-shadow:none;backdrop-filter:blur(18px)}
.home-page .landing-topbar .wordmark-lockup{display:flex;align-items:center;gap:5px}
.home-page .landing-topbar .wordmark{overflow:hidden}
.home-page .landing-topbar .wordmark-suffix{color:#f8f5f7;font-size:17px;font-weight:520;line-height:1;letter-spacing:.04em;text-transform:lowercase;text-shadow:0 0 12px rgba(255,22,135,.2)}
.home-page .landing-hero{position:relative;isolation:isolate;display:flex;align-items:center;min-height:calc(100svh - 84px);margin-top:0;padding:44px 0 54px;overflow:visible;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-page .hero-copy{position:relative;z-index:3;width:min(44%,580px);padding:0}
.home-page .hero-copy h1{font-size:clamp(64px,5.9vw,88px);line-height:.87;letter-spacing:-.065em;text-wrap:balance}
.home-page .hero-copy>p:not(.dark-humour){max-width:510px;color:#c8bdc4;font-size:17px;line-height:1.58}
.home-page .hero-features{gap:9px 25px;margin-top:24px}
.home-page .hero-features span{padding:3px 0 3px 22px;border:0;border-radius:0;background:transparent;box-shadow:none}
.home-page .privacy-note{max-width:500px;min-height:0;margin-top:24px;padding:12px 0 12px 24px;border:0;border-left:3px solid #ff1687;border-radius:0;background:linear-gradient(90deg,rgba(255,22,135,.075),transparent 82%);box-shadow:none;backdrop-filter:none}
.home-page .privacy-note::before{display:none}
.home-page .privacy-note strong{font-size:15px}
.home-page .privacy-note span{font-size:13px}
.home-page .hero-actions{margin-top:25px}
.home-page .brand-showcase{position:absolute;inset:-22px 0 -66px 16%;z-index:0;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;pointer-events:none;transform:perspective(1500px) rotateY(-3deg) translateZ(0);transform-origin:72% 48%}
.home-page .brand-showcase::before,.home-page .brand-showcase::after{display:none}
.home-page .pixel-drift{display:none}
.home-page .hero-scene{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:52% 50%;mask-image:linear-gradient(90deg,transparent 0%,rgba(0,0,0,.16) 10%,rgba(0,0,0,.82) 30%,#000 48%,#000 91%,transparent 100%);filter:saturate(1.12) contrast(1.07) drop-shadow(0 28px 70px rgba(255,22,135,.2));transform:scale(1.045);transform-origin:66% 52%}
.home-page .feature-strip{margin-top:0;border-right:0;border-left:0;border-radius:0;background:linear-gradient(90deg,transparent,rgba(10,8,13,.82) 12% 88%,transparent);box-shadow:none}
.home-page .feature-strip article{border-top:0;border-color:rgba(255,79,176,.16);background:transparent;backdrop-filter:none}

:root[data-theme='day'] body.home-page .landing-topbar{border:0;border-bottom:1px solid rgba(169,31,73,.16);border-radius:0;background:linear-gradient(180deg,rgba(255,255,255,.88),rgba(255,255,255,.3));box-shadow:none}
:root[data-theme='day'] .home-page .landing-topbar .wordmark-suffix{color:#21191d}
:root[data-theme='day'] .home-page .landing-hero::before{content:"";position:absolute;inset:-2px 40% -2px -8vw;z-index:2;pointer-events:none;background:linear-gradient(90deg,rgba(247,249,252,1) 0%,rgba(247,249,252,.98) 68%,rgba(247,249,252,.78) 84%,transparent 100%)}
:root[data-theme='day'] .home-page .landing-hero #m3ly-title{color:#21191d}
:root[data-theme='day'] .home-page .landing-hero .hero-features span{color:#21191d}
:root[data-theme='day'] .home-page .landing-hero .hero-copy>p:not(.dark-humour){color:#5f515a}
:root[data-theme='day'] .home-page .privacy-note{background:linear-gradient(90deg,rgba(172,22,84,.07),transparent 82%)}
:root[data-theme='day'] .home-page .hero-scene{filter:saturate(.94) contrast(1.02) brightness(.92) drop-shadow(0 24px 60px rgba(121,18,70,.15))}
:root[data-theme='day'] .home-page .feature-strip{background:linear-gradient(90deg,transparent,rgba(255,255,255,.72) 12% 88%,transparent)}

@media(max-width:1100px){
  .home-page .landing-hero{min-height:calc(100svh - 78px);padding-top:42px}
  .home-page .hero-copy{width:min(50%,540px)}
  .home-page .hero-copy h1{font-size:clamp(60px,7.2vw,80px)}
  .home-page .brand-showcase{inset:-12px 0 -48px 11%}
}

@media(max-width:760px){
  .home-page .home-shell{padding-inline:18px}
  .home-page .landing-topbar{min-height:64px;margin-top:0;padding:8px 0;border-radius:0}
  .home-page .landing-topbar .brand-subtitle{display:none}
  .home-page .landing-topbar nav .nav-link{display:none}
  .home-page .landing-topbar nav .nav-link[href='./app.html']{display:inline-flex}
  .home-page .landing-hero{min-height:calc(100svh - 72px);display:flex;align-items:flex-end;padding:0;overflow:hidden}
  .home-page .hero-copy{z-index:3;width:100%;padding:210px 0 30px;background:linear-gradient(180deg,transparent,rgba(3,1,4,.94) 42%,#030104 82%)}
  .home-page .hero-copy h1{font-size:clamp(48px,15vw,68px);line-height:.87}
  .home-page .hero-copy>p:not(.dark-humour){max-width:390px;font-size:14px;line-height:1.5}
  .home-page .brand-showcase{position:absolute;inset:0;height:auto;min-height:0;margin:0;overflow:hidden;border:0;border-radius:0;background:transparent;box-shadow:none;transform:none}
  .home-page .hero-scene{object-position:59% 42%;mask-image:linear-gradient(180deg,#000 0%,#000 50%,rgba(0,0,0,.8) 64%,transparent 82%);transform:scale(1.06)}
  :root[data-theme='day'] .home-page .landing-hero::before{display:none}
  .home-page .hero-features,.home-page .privacy-note{display:none}
  .home-page .dark-humour{margin-top:12px}
  .home-page .hero-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}
  .home-page .hero-actions .primary-action{grid-column:1/-1;min-width:0}
  .home-page .hero-actions .secondary-action{min-width:0}
  .home-page .hero-actions .quiet-action{grid-column:auto;text-align:center}
  .home-page .feature-strip{grid-template-columns:1fr!important;background:rgba(10,8,13,.55)}
}

@media(max-width:420px){
  .home-page .landing-hero{min-height:calc(100svh - 66px)}
  .home-page .hero-copy{padding-top:180px}
  .home-page .hero-copy h1{font-size:clamp(46px,14.7vw,62px)}
  .home-page .brand-showcase{inset:0 -28px}
  .home-page .hero-scene{object-position:61% 48%}
  .home-page .hero-actions{grid-template-columns:1fr}
  .home-page .hero-actions .primary-action,.home-page .hero-actions .quiet-action{grid-column:auto}
}

@media(prefers-reduced-motion:reduce){
  .home-page .brand-showcase,.home-page .hero-scene{transform:none}
}

/* Professional, non-interactive Android coming-soon presentation. */
/* Suppress purely decorative background hairlines on the public homepage. */
.home-page .ambient::after{display:none}
.home-page .download-band{border:0;border-radius:22px;background:color-mix(in srgb,var(--surface) 90%,transparent);box-shadow:none;padding:clamp(24px,3.4vw,38px);gap:32px}
.home-page .download-brand{gap:22px}
.home-page .download-brand h2{font-size:clamp(24px,2.7vw,33px);line-height:1.2;font-weight:750;letter-spacing:-.04em}
.home-page .download-brand p{max-width:540px;margin-top:12px;color:var(--muted);font-size:15px;line-height:1.6}
.home-page .download-actions{max-width:310px;align-items:flex-start;justify-content:flex-start;gap:10px}
.home-page .download-actions .status-chip.planned{display:block;flex-basis:100%;min-height:0;padding:0;margin-bottom:8px;border:0;background:none;color:var(--text);font-size:clamp(18px,2.15vw,24px);font-weight:750;line-height:1.25;letter-spacing:-.03em;text-transform:none}
.home-page .download-actions .secondary-action{min-height:42px;font-size:12px;background:var(--surface);color:var(--text);border-color:var(--line)}
@media(max-width:760px){.home-page .download-band{display:flex;flex-direction:column;align-items:stretch;gap:18px}.home-page .download-actions{max-width:none}.home-page .download-brand{align-items:flex-start}.home-page .download-brand p{font-size:14px}.home-page .download-brand-lockup{flex:0 0 70px}.home-page .download-official-logo{width:70px;height:70px}}
@media(max-width:390px){.home-page .download-brand{gap:13px}.home-page .download-band{padding:22px}.home-page .download-actions{gap:8px}}