@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=DM+Sans:wght@400;500;600;700;800&display=swap');
:root{--ink:#121411;--bg:#11130f;--panel:#1b1e18;--panel2:#22261e;--white:#fbf9ef;--sub:#b2b6a6;--yellow:#f9d928;--line:#35382e;--red:#f45041;--shadow:0 20px 80px #0007;font-family:'DM Sans',Arial,sans-serif;color:var(--white);background:var(--bg);color-scheme:dark}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:300px;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit;cursor:pointer}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}a:focus-visible,button:focus-visible{outline:3px solid var(--yellow);outline-offset:4px}img{max-width:100%} .shell{max-width:1130px;margin:0 auto;padding:0 30px;position:relative}.ambient{position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 68% 10%,#53511627 0,transparent 39%),radial-gradient(circle at 7% 70%,#56550f19 0,transparent 30%);z-index:-1}
.site-header{height:90px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #34362c}.identity{display:inline-flex;align-items:center;gap:11px}.identity-symbol{width:50px;height:50px;border-radius:11px;display:grid;place-items:center;background:var(--yellow);color:#181812;font-weight:1000;font-size:28px;letter-spacing:-2px;transform:rotate(-3deg)}.identity-symbol span{color:#b32715}.identity-name{font-family:'Barlow Condensed',Impact,sans-serif;font-size:23px;font-weight:800;line-height:.93;letter-spacing:.3px}.identity-name strong{color:var(--yellow)}.identity-name small{display:block;font:700 10px/1.2 'DM Sans',Arial,sans-serif;letter-spacing:2px;color:#c4c7bb;margin-top:6px}.icon-button{height:43px;width:43px;border:1px solid var(--line);background:var(--panel);color:var(--white);border-radius:50%;display:grid;place-items:center}.icon-button svg{height:19px;width:19px}
.hero{min-height:498px;position:relative;padding:71px 0 42px;overflow:hidden;border-bottom:1px solid var(--line)}.hero::before{content:'';position:absolute;right:-130px;top:20px;width:620px;height:460px;background:#f9d92813;filter:blur(75px);border-radius:50%;pointer-events:none}.hero>.eyebrow{font-size:10px;letter-spacing:2.3px;font-weight:800;color:#d9d8bb;display:flex;align-items:center;gap:10px;z-index:2;position:relative}.pulse-dot{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px #f4504121}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:900;font-size:clamp(66px,8.5vw,122px);line-height:.8;letter-spacing:-1px;margin:25px 0 22px;max-width:630px;position:relative;z-index:2}.hero h1 span{color:var(--yellow)}.hero-description{color:#e0e1d4;font-size:17px;line-height:1.6;max-width:430px;position:relative;z-index:2}.hero-actions{display:flex;gap:10px;position:relative;z-index:2;margin:27px 0 17px;flex-wrap:wrap}.action{min-height:51px;padding:0 18px;border-radius:7px;font-size:12px;font-weight:900;letter-spacing:.6px;display:inline-flex;align-items:center;gap:10px;transition:transform .15s ease}.action:hover,.feature-card:hover,.install-button:hover{transform:translateY(-2px)}.action svg{width:19px;height:19px}.action.primary{background:var(--yellow);color:#181912}.action.primary svg{fill:currentColor;stroke:none}.action.secondary{border:1px solid #666857;background:#1c1e18;color:white}.action-arrow{font-size:20px;margin-left:9px}.hero-note{font-size:11px;color:var(--sub);position:relative;z-index:2}.hero-note strong{color:#f5efcc}.hero-illustration{position:absolute;width:51%;height:75%;right:-10px;top:67px;border-radius:20px;overflow:hidden;opacity:.67;transform:rotate(-2deg);border:1px solid #fbda2838;mask-image:linear-gradient(to right,transparent 0%,black 28%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 28%)}.hero-illustration img{width:100%;height:100%;object-fit:cover;object-position:70% center;filter:contrast(1.08) saturate(.95)}
.quick-access{padding:35px 0 45px}.section-heading{display:flex;align-items:center;gap:13px;margin:5px 0 20px}.tiny-stripe{width:5px;height:23px;background:var(--yellow);border-radius:6px}.section-heading h2{font:800 24px/1 'Barlow Condensed',Impact,sans-serif;letter-spacing:.8px;margin:0}.action-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.feature-card{min-height:102px;border:1px solid #353a2f;background:linear-gradient(130deg,#252820,#1d201b);padding:18px 16px;border-radius:10px;display:flex;gap:14px;align-items:center;transition:transform .15s,border-color .15s}.feature-card:hover{border-color:var(--yellow)}.feature-card.featured{background:linear-gradient(110deg,#303222,#24271e);border-color:#827930}.feature-icon{width:52px;height:52px;min-width:52px;border-radius:13px;background:#3c4033;display:grid;place-items:center;color:var(--yellow)}.feature-icon.yellow{background:var(--yellow);color:#171811}.feature-icon svg{width:26px;height:26px}.feature-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:6px}.feature-copy strong{font-size:16px;line-height:1.1}.feature-copy small{font-size:12px;line-height:1.4;color:#bac0b0}.chevron{font-size:23px;color:#cbd0b5}.feature-card[hidden]{display:none}
.info-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px;padding-bottom:34px}.info-card{padding:25px 25px 26px;border:1px solid var(--line);border-radius:12px;background:#181b17}.info-topline{font:800 11px/1 'DM Sans',Arial,sans-serif;letter-spacing:1.6px;color:var(--yellow);display:flex;align-items:center;justify-content:space-between}.info-topline svg{height:22px;width:22px;color:#878d75}.info-card h2{font:800 30px/1.05 'Barlow Condensed',Impact,sans-serif;margin:18px 0 12px;max-width:290px}.info-card p{font-size:13px;line-height:1.65;color:#c0c5b5;max-width:400px}.inline-link{font-size:12px;font-weight:800;color:var(--yellow);display:inline-flex;gap:10px;margin-top:7px}.safe-note{color:#e1d8a5!important;font-size:11px!important}
.install-strip{padding:22px 22px;background:var(--yellow);border-radius:12px;color:#161713;display:flex;align-items:center;gap:16px;margin-bottom:36px}.install-mark{width:54px;height:54px;border-radius:12px;background:#141612;color:var(--yellow);font:900 31px/54px 'Barlow Condensed',Impact,sans-serif;text-align:center;flex-shrink:0}.install-strip>div:nth-child(2){flex:1}.install-strip h2{font:900 25px/1.1 'Barlow Condensed',Impact,sans-serif;margin:0 0 4px}.install-strip p{font-size:12px;line-height:1.5;margin:0;max-width:430px}.install-button{border:0;background:#151715;color:#fff;padding:14px 17px;border-radius:8px;font-weight:900;letter-spacing:.2px;white-space:nowrap;font-size:12px;min-height:45px}.install-button span{margin-left:7px}.footer{padding:24px 0 45px;border-top:1px solid #363930;color:#848b7d;font-size:11px;line-height:1.7;display:flex;justify-content:space-between;gap:15px}.footer>span:last-child{text-align:right;max-width:400px}.footer-accent{color:var(--yellow)}.mobile-actions{display:none}
.install-dialog{border:1px solid #6b6842;background:#1e211b;color:#f7f7ef;max-width:min(440px,calc(100vw - 30px));border-radius:16px;padding:30px 25px;box-shadow:var(--shadow)}.install-dialog::backdrop{background:#000b}.install-dialog h2{font:900 29px/1.07 'Barlow Condensed',Impact,sans-serif}.install-dialog .dialog-icon{width:57px;height:57px;border-radius:14px;background:var(--yellow);color:#191919;display:grid;place-items:center;font:900 32px 'Barlow Condensed',Impact,sans-serif}.install-dialog .instructions{font-size:14px;line-height:1.8;color:#dedfd2}.install-dialog ol{padding-left:22px}.install-dialog b{color:var(--yellow)}.close-dialog{position:absolute;right:16px;top:12px;font-size:30px;color:#aaa;background:none;border:0}.dialog-done{margin-top:15px;background:var(--yellow);border:0;color:#111;padding:12px 24px;border-radius:8px;font-weight:900}.toast{position:fixed;z-index:100;bottom:22px;left:50%;transform:translate(-50%,30px);opacity:0;background:#e6e6d5;color:#111;padding:12px 18px;border-radius:9px;font-size:13px;transition:all .2s;pointer-events:none}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:750px){.shell{padding:0 20px}.site-header{height:74px}.identity-symbol{width:42px;height:42px;font-size:25px}.identity-name{font-size:20px}.hero{padding:55px 0 33px;min-height:500px}.hero h1{font-size:clamp(68px,15vw,109px)}.hero-illustration{width:90%;height:55%;right:-35%;top:2%;opacity:.28;mask-image:linear-gradient(to right,transparent 0%,black 50%);-webkit-mask-image:linear-gradient(to right,transparent 0%,black 50%)}.hero-description{max-width:320px}.action-grid{grid-template-columns:1fr}.info-grid{grid-template-columns:1fr}.install-strip{flex-wrap:wrap}.install-button{width:100%}.footer{flex-direction:column}.footer>span:last-child{text-align:left}.mobile-actions{position:fixed;z-index:15;display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:10px 16px calc(10px + env(safe-area-inset-bottom));bottom:0;left:0;right:0;background:#0d0e0de8;backdrop-filter:blur(15px);border-top:1px solid #444735}.mobile-actions a{min-height:48px;display:flex;align-items:center;justify-content:center;border-radius:9px;font-size:13px;font-weight:900;letter-spacing:1px;gap:9px}.mobile-actions a:first-child{background:var(--yellow);color:#10110c}.mobile-actions a:last-child{border:1px solid #706d43;background:#25271e}.footer{padding-bottom:100px}.toast{bottom:82px}}
@media(max-width:410px){.shell{padding:0 16px}.hero{min-height:485px;padding-top:51px}.hero h1{font-size:72px}.hero-actions{flex-direction:column;align-items:stretch}.action{justify-content:center}.feature-card{padding:16px 12px}.feature-copy strong{font-size:15px}.info-card{padding:22px 18px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Permanent, no-maintenance Facebook viewing instructions */
.watch-help{position:relative;z-index:2;max-width:490px;padding:14px 17px 13px;background:#1b1e18ef;border:1px solid #b69f2b;border-left:4px solid var(--yellow);border-radius:8px;margin:8px 0 26px;font-size:12px;line-height:1.55;color:#d7dacb}
.watch-help>strong{font:900 15px/1.2 'Barlow Condensed',Impact,sans-serif;color:var(--yellow);letter-spacing:.9px}
.watch-help ol{margin:8px 0 8px;padding-left:21px}
.watch-help li+li{margin-top:4px}
.watch-help b{color:var(--white)}
.watch-help span{color:#acb2a0;font-size:11px}
@media(max-width:750px){.watch-help{max-width:390px;margin:12px 0 21px}}

/* v1.3: use the supplied Elmira Says Yes artwork, not generic E! symbols */
.identity-symbol,.install-mark,.install-dialog .dialog-icon{overflow:hidden;padding:0;transform:none;background:#f9d928;}
.identity-symbol img,.install-mark img,.install-dialog .dialog-icon img{display:block;width:100%;height:100%;object-fit:cover;border-radius:inherit;}


/* v1.4: The hero displays the EXACT square artwork used for the app icon.
   Use a true two-column layout, never crop, fade, rotate or mask the logo. */
.hero {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
  align-items: center;
  column-gap: clamp(24px, 3.5vw, 48px);
  min-height: 0;
  padding: 52px 0 56px;
  overflow: visible;
}
.hero-content { min-width: 0; position: relative; z-index: 2; }
.hero h1 { font-size: clamp(67px, 7.4vw, 104px); }
.watch-help { max-width: 100%; }
.hero-illustration {
  position: relative;
  width: 100%;
  height: auto;
  aspect-ratio: 1 / 1;
  top: auto;
  right: auto;
  justify-self: end;
  border: 1px solid #dcb72b77;
  border-radius: 14px;
  overflow: hidden;
  background: #f9d928;
  opacity: 1;
  transform: none;
  mask-image: none;
  -webkit-mask-image: none;
}
.hero-illustration img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: contain;
  object-position: center;
  filter: none;
}
@media (max-width: 750px) {
  .hero {
    display: flex;
    flex-direction: column;
    align-items: stretch;
    gap: 22px;
    min-height: 0;
    padding: 44px 0 38px;
  }
  .hero h1 { font-size: clamp(68px, 14vw, 100px); }
  .hero-illustration {
    align-self: center;
    width: min(100%, 480px);
    height: auto;
    aspect-ratio: 1 / 1;
    top: auto;
    right: auto;
    opacity: 1;
    transform: none;
    mask-image: none;
    -webkit-mask-image: none;
  }
}
@media (max-width: 410px) {
  .hero h1 { font-size: clamp(65px, 15vw, 82px); }
}


/* v1.6: Show complete installation directions immediately below the header. */
.install-strip {
  display: block;
  margin: 24px 0 0;
  padding: 22px;
  color: #171915;
  background: #f9d928;
  border: 1px solid #ffe677;
  border-radius: 14px;
}
.install-intro { display: flex; align-items: center; gap: 16px; }
.install-intro .install-mark { width: 58px; height: 58px; flex: 0 0 58px; background: #f3ce0b; border: 1px solid #12141130; }
.install-heading { flex: 1; min-width: 0; }
.install-strip .install-kicker { margin: 0 0 2px; font-weight: 900; font-size: 10px; letter-spacing: 1.8px; }
.install-strip .install-heading h2 { font: 900 clamp(23px, 3vw, 32px)/1.05 'Barlow Condensed', Impact, sans-serif; margin: 0 0 4px; }
.install-strip .install-heading > p:last-child { max-width: none; font-size: 12px; line-height: 1.5; }
.install-strip .install-button { flex: 0 0 auto; }
.install-guides { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 13px; margin-top: 17px; }
.install-guide { min-width: 0; padding: 15px 17px; border: 1px solid #1719152b; border-radius: 10px; background: #fff9d1; }
.install-guide h3 { display: flex; align-items: center; gap: 8px; font: 900 21px/1.15 'Barlow Condensed', Impact, sans-serif; margin: 0 0 10px; }
.install-platform { display: inline-grid; place-items: center; border-radius: 50%; background: #171915; color: #f9d928; width: 23px; height: 23px; font: 800 12px/1 'DM Sans', Arial, sans-serif; }
.install-guide ol { margin: 0; padding-left: 20px; font-size: 12px; line-height: 1.5; }
.install-guide li+li { margin-top: 7px; }
.install-guide strong, .install-hint strong { font-weight: 900; }
.install-strip .install-hint { max-width: none; margin-top: 13px; font-size: 11px; line-height: 1.5; }
.install-dialog { max-height: min(88vh, 750px); overflow-y: auto; }
@media (max-width: 750px) {
  .install-strip { margin: 18px 0 0; padding: 17px 15px; }
  .install-intro { gap: 11px; flex-wrap: wrap; }
  .install-intro .install-mark { width: 50px; height: 50px; flex-basis: 50px; }
  .install-strip .install-heading h2 { font-size: 24px; }
  .install-button { width: 100%; }
  .install-guides { grid-template-columns: 1fr; gap: 9px; margin-top: 13px; }
  .install-guide { padding: 12px 14px; }
  .install-guide h3 { font-size: 20px; margin-bottom: 7px; }
  .install-guide ol { font-size: 12px; line-height: 1.48; }
  .install-guide li+li { margin-top: 5px; }
}