:root{--bg:#0b0b0b;--text:rgba(255,255,255,.92);--muted:rgba(255,255,255,.72);--line:rgba(255,255,255,.20);--panel:rgba(0,0,0,.32);--panel2:rgba(0,0,0,.55);--green:#7ED321;--green2:#6BC81E}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--text);font-family:system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}.topbar{position:sticky;top:0;z-index:10;background:rgba(0,0,0,.35);backdrop-filter:blur(2px)}.topbar__inner{display:flex;align-items:center;gap:22px;padding:14px 18px;max-width:1400px;margin:0 auto}.brand{display:inline-flex;align-items:center;justify-content:center;width:78px;height:78px;border-radius:8px;overflow:hidden;flex:0 0 auto}.brand__logo{width:100%;height:100%;object-fit:cover}.nav{display:flex;align-items:center;gap:14px;flex:1 1 auto;min-width:0;white-space:nowrap;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch}.nav__item{color:rgba(255,255,255,.82);text-decoration:none;font-size:18px;letter-spacing:.3px}.nav::-webkit-scrollbar{height:0}.nav{scrollbar-width:none}.nav__item:hover{color:rgba(255,255,255,.95)}.nav__item--active{color:rgba(255,255,255,.95);font-weight:700}.nav__sep{color:rgba(255,255,255,.28)}.top-actions{display:flex;align-items:center;gap:16px;flex:0 0 auto;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.btn{display:inline-flex;align-items:center;justify-content:center;height:30px;padding:0 12px;border-radius:999px;font-size:13px;line-height:1;text-decoration:none;user-select:none;white-space:nowrap;overflow-x:auto;scrollbar-width:none}.top-actions::-webkit-scrollbar{display:none}.btn--download{background:var(--green);color:#0b0b0b;font-weight:600;border:1px solid rgba(0,0,0,.25)}.btn--download:hover{background:var(--green2)}.btn--chip{background:rgba(126,211,33,.12);color:var(--green);border:1px solid rgba(126,211,33,.55);font-weight:600}.btn--chip:hover{background:rgba(126,211,33,.20)}.action{background:transparent;border:0;color:rgba(255,255,255,.80);font-size:14px;cursor:pointer;padding:6px 6px}.action-icon{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;padding:0;border:1px solid rgba(255,255,255,.18);background:rgba(0,0,0,.25);border-radius:10px;margin-left:10px;color:rgba(255,255,255,.85);cursor:pointer}.action-icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.action-icon:active{transform:scale(.98)}.action:hover{color:rgba(255,255,255,.95)}.avatar{width:28px;height:28px;border-radius:999px;border:1px solid rgba(255,255,255,.45);background:rgba(255,255,255,.08);cursor:pointer}.page{min-height:calc(100vh - 106px);display:flex;flex-direction:column}.hero{position:relative;flex:1 1 auto;min-height:620px;background-image:var(--hero-bg,url("assets/hero-bg.jpg"));background-size:cover;background-position:center 35%;background-repeat:no-repeat}.hero::before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.55) 28%,rgba(0,0,0,.28) 48%,rgba(0,0,0,0) 72%),radial-gradient(900px 520px at 18% 55%,rgba(0,0,0,.18),rgba(0,0,0,.55));mix-blend-mode:normal}.hero__copy{position:absolute;left:84px;top:56%;transform:translateY(-50%);width:min(720px,calc(100% - 160px));padding:22px 28px 22px;background:transparent;border:0;border-radius:0;backdrop-filter:none;box-shadow:none}.hero__pill{display:flex;align-items:center;justify-content:space-between;gap:14px;width:100%;padding:10px 16px;border-radius:999px;background:rgba(255,255,255,.10);border:0;color:rgba(255,255,255,.82);font-size:16px;line-height:1;margin-bottom:16px}.hero__dot{width:14px;height:14px;border-radius:50%;background:var(--green);box-shadow:0 0 0 3px rgba(126,211,33,.20);flex:0 0 auto}.hero__title{margin:0 0 12px;font-size:68px;line-height:1.02;letter-spacing:0.2px;font-weight:700;text-transform:none}.hero__title-line{display:block}.hero__desc{margin:0;max-width:520px;font-size:18px;line-height:1.35;color:rgba(255,255,255,.78)}.hero__desc strong{color:rgba(255,255,255,.92);font-weight:700}.footer{background:rgba(0,0,0,.58);padding:16px 18px 12px;margin-top:auto}.footer__links{display:flex;justify-content:center;flex-wrap:wrap;gap:10px;row-gap:8px;align-items:center;text-align:center;font-size:14px}.footer__links a{color:rgba(255,255,255,.70);text-decoration:none}.footer__links a:hover{color:rgba(255,255,255,.92)}.footer__sep{color:rgba(255,255,255,.30)}.footer__community{display:inline-flex;align-items:center;gap:10px;white-space:nowrap}.footer__social{display:inline-flex;align-items:center;gap:10px;margin-left:10px}.footer__socialLink{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;color:rgba(255,255,255,.70);text-decoration:none}.footer__socialLink:hover{color:rgba(255,255,255,.92)}.footer__socialLink svg{width:16px;height:16px;fill:currentColor;display:block}.footer__copy{margin-top:8px;text-align:center;font-size:14px;color:rgba(255,255,255,.75)}@media (max-width:980px){.nav{display:none}.hero__copy{position:absolute;left:84px;top:56%;transform:translateY(-50%);width:min(720px,calc(100% - 160px));padding:22px 28px 22px;background:rgba(0,0,0,.44);border:0;border-radius:16px;backdrop-filter:blur(6px);box-shadow:0 18px 40px rgba(0,0,0,.35)}.hero__title{font-size:42px}}@media (max-width:520px){.brand{width:64px;height:64px}.topbar__inner{padding:10px 12px;gap:12px}.hero{min-height:520px}.hero__title{font-size:34px}}.hero__title,.hero__subtitle,.hero__desc,.hero__pillText{text-shadow:0 2px 16px rgba(0,0,0,.85)}.icon-btn{display:none}.hero__cta{display:inline-block;margin-top:14px}@media (min-width:1024px){.hero__copy{display:flex;flex-direction:column}.hero__cta{order:1}.hero__title{order:2}.hero__desc{order:3}.hero__pill{order:4}}.pea-avatar{overflow:hidden}.pea-avatar img{width:100%;height:100%;object-fit:cover;display:block}.pea-avatar{transition:transform .2s cubic-bezier(0.34,1.56,0.64,1)}.pea-avatar:hover{transform:scale(1.1)}.pea-avatar:active{transform:scale(1.08)}.logo{width:56px;height:56px;display:inline-block}.logo img{width:100%;height:100%;object-fit:contain;border-radius:14px;display:block}@media (min-width:769px){#peaFab{width:56px;height:56px}}.modal__contact{margin-top:10px}.modal__contactLink{color:rgba(255,255,255,.92);text-decoration:underline}.modal__contactLink:hover{opacity:.9}.modal{position:fixed;inset:0;z-index:1000;display:block;opacity:0;visibility:hidden;pointer-events:none;transition:opacity .15s ease-out,visibility 0s linear .15s}.modal.is-open{opacity:1;visibility:visible;pointer-events:auto;transition:opacity .15s ease-out}.modal__backdrop{position:absolute;inset:0;background:rgba(0,0,0,.55);opacity:0;transition:opacity .15s ease-out}.modal.is-open .modal__backdrop{opacity:1}.modal__panel{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(.98);opacity:0;transition:transform .15s ease-out,opacity .15s ease-out}.modal.is-open .modal__panel{opacity:1;transform:translate(-50%,-50%) scale(1)}#contactLink{color:#7CFF00}#contactLink:hover{filter:brightness(1.05)}.modal__contactLink{color:#4da3ff;text-decoration:underline}.modal__contactRow{display:flex;align-items:center;gap:10px;margin:8px 0;gap:0px}.modal__copyBtn{margin-left:auto;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);color:#fff;border-radius:10px;padding:8px 10px;cursor:pointer;font-size:13px;line-height:1;display:inline-flex;align-items:center;gap:6px}.modal__contactLabel{color:rgba(255,255,255,0.92);font-weight:600;white-space:nowrap}.modal__dot{opacity:0.6;margin:0 8px;user-select:none}.modal__contactLink{color:#76b7ff;text-decoration:none;white-space:nowrap;flex:0 0 auto}.modal__contactLink:hover{text-decoration:underline}.modal__copyBtn:hover{background:rgba(255,255,255,.12)}.modal__copyBtn:active{transform:translateY(1px)}.modal__titleIcon{width:16px;height:16px;display:inline-block;opacity:.9}.modal__title{display:flex;align-items:center;gap:8px}.toast{position:fixed;left:50%;bottom:24px;transform:translateX(-50%);background:rgba(0,0,0,.75);color:#fff;padding:10px 14px;border-radius:12px;font-size:14px;opacity:0;pointer-events:none;transition:opacity .15s ease-out}.toast.show{opacity:1}#contactLink{color:#7CFF00}#contactLink:hover{filter:brightness(1.05)}#contactModal .modal__title{color:#7CFF00}@media (max-width:768px){#contactModal .modal__contactRow{border-radius:12px;padding:8px 8px;transition:background .15s ease-out,transform .15s ease-out}#contactModal .modal__contactRow:active{background:rgba(255,255,255,.08);transform:scale(0.99)}}.modal__copyBtn .copyIcon{display:inline-block;transform:translateZ(0)}.modal__copyBtn.copied .copyIcon{animation:copyPop .18s ease-out}@keyframes copyPop{0%{transform:scale(1)}60%{transform:scale(1.25)}100%{transform:scale(1)}}#contactModal .modal__content{position:relative}#contactModal .modal__title{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-right:42px}#contactModal .modal__close{position:absolute;top:12px;right:12px;width:32px;height:32px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.06)}#contactModal .modal__close:hover{background:rgba(255,255,255,.10)}#contactModal .modal__copyBtn{padding:8px 12px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);font-weight:600;letter-spacing:.2px}#contactModal .modal__copyBtn:hover{background:rgba(255,255,255,.10);border-color:rgba(255,255,255,.22)}#contactModal .modal__copyBtn:active{transform:scale(.99)}#contactModal .modal__copyBtn .copyIcon,#contactModal .modal__titleIcon{display:none !important}

/* --- Hero background slider (Cloudflare Pages) --- */
.hero{position:relative; background-image:none !important;}
.hero__bg{
  position:absolute;
  inset:0;
  background-size:cover;
  background-position:center;
  background-repeat:no-repeat;
  z-index:0;
  opacity:1;
  transition:opacity .7s ease;
}
.hero__bg.is-fading{opacity:0;}
.hero::before{z-index:1;}
.hero__copy{position:relative; z-index:2;}


/* copy fade used by hero-slider.js */
.hero.is-copy-fading .hero__copy{opacity:0;transform:translateY(6px);}
.hero .hero__copy{transition:opacity .26s ease, transform .26s ease;}