/* ponytail: one small override sheet keeps this content pass isolated. */
.telegram-step .tg .lg{background:linear-gradient(135deg,#42c1fa,#1689d3);color:white}
.whatsapp-step .bubble{background:#123d2b}.whatsapp-step .bubble.me{background:#215d44}

.community-metrics>div{border-color:#64d9aa24;background:linear-gradient(135deg,#10261d,#091510)}.community-metrics>div:nth-child(2){background:linear-gradient(135deg,#102634,#091620);border-color:#54cfff28}.community-metrics>div:nth-child(3){background:linear-gradient(135deg,#172636,#0a1721);border-color:#7ebdff26}.community-metrics>div:nth-child(4){background:linear-gradient(135deg,#282315,#171309);border-color:#edc96c29}.metric-icon{position:relative;width:38px;height:38px;flex:none;border-radius:10px;background:#159d6e}.community-metrics>div:nth-child(2) .metric-icon{background:#188ac2}.community-metrics>div:nth-child(3) .metric-icon{background:#486fc1}.community-metrics>div:nth-child(4) .metric-icon{background:#a97b26}.metric-icon:after{content:'';position:absolute;inset:8px;background:#fff;-webkit-mask:var(--icon) center/contain no-repeat;mask:var(--icon) center/contain no-repeat}
.community-metrics>div:nth-child(1) .metric-icon{--icon:url("huge-members.svg")}.community-metrics>div:nth-child(2) .metric-icon{--icon:url("huge-activity.svg")}.community-metrics>div:nth-child(3) .metric-icon{--icon:url("huge-lessons.svg")}.community-metrics>div:nth-child(4) .metric-icon{--icon:url("huge-rating.svg")}
.feedback-meta{display:flex;align-items:center;gap:10px}.feedback-meta strong{color:#eef8f2;font-size:14px}.feedback-stars{color:#68d9a3;letter-spacing:2px;font-size:12px}.feedback-note{display:block;margin-top:2px;color:#80958a;font-size:10px}
.review-conveyor{gap:10px}.review-group{gap:10px;padding-right:10px}.review-card{width:300px;flex-basis:300px;min-height:164px;padding:17px 18px}.result-footer{margin-top:16px}
.step h3{display:flex;align-items:center;gap:9px}.brand-icon{width:21px;height:21px;flex:none}.telegram-step{border-color:#229ed944;background:radial-gradient(circle at 80% 10%,#229ed91a,transparent 48%),#07100e}.telegram-step .brand-icon{color:#35b8f2}
.whatsapp-step{border-color:#25d3663d;background:radial-gradient(circle at 80% 10%,#25d36618,transparent 48%),#07100e}.whatsapp-step .brand-icon{color:#25d366}.whatsapp-head{display:flex;align-items:center;gap:8px;margin-bottom:14px;color:#effaf3}.whatsapp-head span{margin-left:auto;color:#78d99d;font-size:11px}
.market-mini{position:relative;overflow:hidden}.mini-chart{position:absolute;inset:12px;width:calc(100% - 24px);height:calc(100% - 24px);opacity:.45}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:#5ee0aa;stroke-width:3;stroke-linecap:round;stroke-linejoin:round;filter:drop-shadow(0 0 5px #5ee0aa)}.market-mini .row{position:relative;z-index:1;background:#07110dd9}.market-mini .row img{width:28px;height:28px;object-fit:contain;margin-right:9px}.market-mini .row b{margin-right:auto}.market-mini .up{color:#68e4ae}
.footer-grid{grid-template-columns:1.4fr 1fr}.footer-contact a,.footer-contact .where{display:flex!important;align-items:center;gap:10px}.footer-contact svg{width:18px;height:18px;flex:none;color:#67dca7}
@media(max-width:650px){.footer-grid{grid-template-columns:1fr}.review-card{width:258px;flex-basis:258px;min-height:158px;padding:15px 16px}.metric-icon{width:34px;height:34px}.about{padding-bottom:44px}.benefits{padding-top:44px}}

.community-metrics strong .metric-reel{display:inline-flex;height:30px;vertical-align:bottom;font-size:inherit;color:inherit}
.community-metrics strong .metric-reel-col{display:inline-block;height:30px;overflow:hidden;font-size:inherit;color:inherit;line-height:30px}
.community-metrics strong .metric-reel-strip{display:flex;flex-direction:column;font-size:inherit;color:inherit}
.community-metrics strong .metric-reel-digit{display:block;height:30px;flex:none;font-size:inherit;color:inherit;line-height:30px}
.metric-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.market-phrase{position:relative;z-index:1;margin:30px auto 0;font-size:clamp(20px,2.5vw,28px);font-weight:600;letter-spacing:-.025em;color:#dceae4}
.market-word-slot{display:inline-block;width:7.1em;text-align:left;vertical-align:bottom;overflow:hidden}.market-word{display:inline-block;color:#e7c66b}
@media(max-width:480px){.market-phrase>span{display:flex;flex-direction:column;align-items:center}.market-word-slot{text-align:center}}
/* ponytail: let the existing hero glow extend behind the floating navigation. */
header{background:transparent;backdrop-filter:none;border-bottom:0}
.hero{overflow:visible}
.hero>.glow.mint{max-width:100%}
header nav{justify-content:center}
header .mobile-brand,header .mobile-rating{display:none}
@media(max-width:650px){
  body>.tp{display:none}
  header{padding:10px 14px;background:transparent}
  header nav.wrap{height:60px;padding:0 16px;justify-content:flex-start;background:#0b1913b8;border:1px solid #ffffff14;border-radius:16px;backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4)}
  header .mobile-brand{display:inline-flex;min-height:44px;font-size:clamp(15px,4.2vw,18px);letter-spacing:-.03em;gap:8px}
  header .mobile-rating{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;min-height:44px;margin-left:auto;line-height:1.3;font-size:11px;color:#dceae4;white-space:nowrap}
  header .mobile-rating>span:first-child{font-size:13px;font-weight:700}
  header .mobile-rating>span:first-child>span{color:#00b67a}
  header .mobile-rating small{font-size:10px;font-weight:400;color:#a6b9ac}
  header nav .navlinks{display:none}
}
header .navlinks{position:relative;gap:3px;padding:3px;border-radius:48px;background:#101c17;border:1px solid #7ddab51c}
header .navlinks a{position:relative;z-index:1;padding:4px 14px;border-radius:48px;transition:color 250ms cubic-bezier(.22,1,.36,1)}
header .navlinks a[aria-current]{color:#fff}
.nav-pill{position:absolute;top:3px;left:0;height:calc(100% - 6px);width:0;background:#264a3a;border-radius:48px;pointer-events:none;transition:transform 250ms cubic-bezier(.22,1,.36,1),width 250ms cubic-bezier(.22,1,.36,1)}
.community-online .avatar-stack img{transform:translateY(var(--shift,0px)) scale(var(--scale-active,1));transform-origin:center;transition:transform 320ms cubic-bezier(.22,1,.36,1)}
@media(prefers-reduced-motion:reduce){.nav-pill,header .navlinks a,.community-online .avatar-stack img{transition:none!important}.community-online .avatar-stack img{transform:none!important}}
@media(max-width:900px){header nav{height:64px;padding-inline:10px}header .navlinks{display:flex;gap:0;max-width:100%;font-size:clamp(10px,2.8vw,13px)}header .navlinks a{padding-inline:clamp(6px,1.8vw,12px)}}

/* Vertical results wall, retaining the V5 card content. */
.review-conveyor{max-width:1120px;padding:0 28px;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.review-lane{height:480px;overflow:auto;padding:0;overscroll-behavior:contain}
.review-track{display:flex;flex-direction:column;width:100%}
.review-group{flex-direction:column;gap:16px;padding:0 0 16px;width:100%}
.review-card{width:100%;flex:0 0 280px;min-height:280px;padding:22px;border-radius:18px;border-color:#5fd5a32b;background:linear-gradient(145deg,#102019,#09120f)}
.result-main{flex-direction:column;gap:18px}.result-figures{flex-direction:row;width:100%;gap:10px}.result-figures>span{flex:1}.result-footer{margin-top:auto;padding-top:18px}
.result-figures>span:first-child{background:#edc96c14;border-color:#edc96c35;color:#e5cc8c}.result-figures>span:first-child b{color:#ffdd85}
.result-figures>span:last-child{background:#45d6a519;border-color:#45d6a540;color:#9ce4cc}.result-figures>span:last-child b{color:#70f0c7}
.review-card .result-status{font-size:12px;line-height:1.5;color:#c5d9d0;margin:14px 0 0}
@media(prefers-reduced-motion:no-preference){
  .reviews-ready .review-lane{overflow:clip;overscroll-behavior:auto;mask-image:linear-gradient(180deg,transparent,#000 12%,#000 88%,transparent)}
  .reviews-ready .review-track,.reviews-ready .review-lane-reverse .review-track{animation:review-wall var(--review-duration,24s) linear infinite;animation-delay:-3s;animation-play-state:running}
  .reviews-ready .review-lane-reverse .review-track{animation-direction:reverse;animation-delay:-7s}
  .reviews-ready .review-lane:nth-child(3) .review-track{animation-delay:-5s}
  @keyframes review-wall{to{transform:translateY(-50%)}}
}
@media(max-width:650px){
  .review-conveyor{grid-template-columns:1fr;padding:0;max-width:1440px;gap:10px}
  .review-lane{height:auto;overflow-x:auto;padding:2px 0}
  .review-track{flex-direction:row;width:max-content}
  .review-group{flex-direction:row;gap:10px;padding:0 10px 0 0;width:auto}
  .review-card{width:258px;flex:0 0 258px;min-height:230px;padding:15px 16px;border-radius:10px;border-color:#ffffff0e;background:linear-gradient(125deg,#0c130f,#080c0a)}
  .result-main{flex-direction:row;gap:10px}.result-figures{flex-direction:column;width:auto;gap:6px}.result-footer{margin-top:16px;padding-top:0}
}
@media(max-width:650px) and (prefers-reduced-motion:no-preference){
  .reviews-ready .review-lane{overflow:clip;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
  .reviews-ready .review-track,.reviews-ready .review-lane-reverse .review-track{animation-name:review-conveyor;animation-delay:0s}
}

/* --- Joe's feedback, 09-09-2026 --- */

/* gold chart replaces the stock desk photo in #about */
.gold-chart{height:310px;border-radius:9px;outline:1px solid #ffffff12;background:linear-gradient(160deg,#141a12,#080c0a 70%);padding:16px 0 0;display:flex;flex-direction:column;overflow:hidden}
.gold-chart-head{display:flex;align-items:baseline;gap:10px;padding:0 18px 12px;font-size:13px;color:var(--muted)}
.gold-chart-head b{font-size:17px;color:var(--ink);letter-spacing:-.02em}
.gold-chart-head i{margin-left:auto;font-style:normal;font-size:11px;letter-spacing:.045em;text-transform:uppercase;color:var(--dim)}
.gold-chart .tradingview-widget-container,.gold-chart .tradingview-widget-container__widget{flex:1;width:100%;min-height:0}
.gold-chart .tradingview-widget-container__widget iframe{display:block;width:100%;height:100%}
.gold-chart-head i{color:var(--mint)}
.gold-chart-fallback{margin:0;padding:0 18px 18px;font-size:14px;color:var(--muted)}
.gold-chart-fallback a{color:var(--mint);text-decoration:underline}

/* copy trading, written explanation only. ponytail: no second video, the hero clip covers it */
.copytrade-grid{display:grid;grid-template-columns:1fr 1fr;gap:34px;align-items:start;margin:38px 0 34px;position:relative;z-index:1}
.copytrade-lead{margin:0;font-size:19px;line-height:1.55;color:var(--ink);letter-spacing:-.01em}
.copytrade-steps{list-style:none;counter-reset:ct;margin:0;padding:0;display:grid;gap:14px}
.copytrade-steps li{counter-increment:ct;position:relative;padding:16px 18px 16px 56px;border:1px solid var(--line);border-radius:12px;background:var(--panel)}
.copytrade-steps li:before{content:counter(ct);position:absolute;left:18px;top:16px;width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:12px;font-weight:700;color:#03201a;background:var(--mint)}
.copytrade-steps b{display:block;font-size:15px;margin-bottom:3px}
.copytrade-steps span{font-size:14px;color:var(--muted)}
@media(max-width:800px){.copytrade-grid{grid-template-columns:1fr;gap:24px}.copytrade-lead{font-size:17px}}

/* one sticky Join widget on phones, in place of the per-section buttons */
.sticky-join{display:none}
@media(max-width:650px){
  /* ponytail: left/right insets, not translate -50%. join-jiggle animates `translate` and would override centering. */
  /* Telegram blue so the button separates from the dark green page while scrolling. */
  a.sticky-join.btn{display:flex;position:fixed;left:16px;right:16px;bottom:calc(14px + env(safe-area-inset-bottom));z-index:25;box-shadow:0 14px 40px #000a,0 0 30px #2aabee52,inset 0 1px #ffffff2e,0 0 0 1px #2aabee66}
  .actions .btn,.about .btn,.result-cta,.how .center .btn,.copytrade .center .btn{display:none}
  footer{padding-bottom:calc(92px + env(safe-area-inset-bottom))}
}

/* Hero video. Joe's clip is 9:16 in a ~2:1 slot, so cover-cropping beheaded him.
   Stack the caption above the whole portrait frame, over a blurred still of itself.
   ponytail: no JS player, `controls` already is the play button. */
.joe-screen{background:#0b1010;display:grid;grid-template-rows:auto 1fr;align-items:center;justify-items:center;gap:12px;padding:20px 0;min-height:clamp(400px,60vh,600px)}
.joe-screen:before{content:'';position:absolute;inset:0;z-index:0;background:url(joe-intro-poster.jpg) center/cover no-repeat;filter:blur(34px) brightness(.26) saturate(.55) hue-rotate(-12deg);transform:scale(1.25)}
.joe-screen:after{display:none}
video.joe-photo{position:relative;inset:auto;z-index:1;height:clamp(280px,44vh,440px);width:auto;max-width:calc(100% - 32px);aspect-ratio:9/16;object-fit:contain;background:#000;border-radius:10px;box-shadow:0 18px 50px #000a}
.joe-screen figcaption{position:static;order:-1;z-index:3;pointer-events:none;text-align:center;padding:0 20px;left:auto;right:auto;bottom:auto}
.joe-screen figcaption strong{margin:0;font-size:clamp(17px,1.7vw,23px)}
@media(max-width:760px){.joe-screen .portrait-label{display:none}}

/* As-seen-on row: TradingView sits between Bloomberg and CNBC, one line where it fits. */
.media-logos{flex-wrap:wrap;gap:clamp(22px,4vw,50px)}
@media(max-width:760px){
  .media-logos>img{width:112px;height:28px}
  .media-logos>img[alt="CNBC"]{width:76px;height:30px}
  .media-logos>span{font-size:16px;gap:8px}
  .media-logos>span img{width:30px;height:28px}
}
@media(max-width:650px){
  .media-logos{column-gap:16px;row-gap:24px;max-width:360px;margin-inline:auto}
  .media-logos>:last-child:nth-child(odd){grid-column:1 / -1;justify-self:center}
}

/* Phone motion: stable video dimensions and no full-screen blur layers. */
@media(max-width:750px){
  .glow{filter:none}
  .joe-screen{min-height:400px}
  .joe-screen:before{filter:none;transform:none;opacity:.15}
  video.joe-photo{height:320px}
  header nav.wrap{background:#0b1913f2;backdrop-filter:none;-webkit-backdrop-filter:none}
  .btn[href="https://t.me/greenroomsociety"],.tg .btn{animation:none!important}
}
/* ponytail: pause CSS loops outside the viewport instead of continuously rendering them. */
.effects-ready .motion-idle *, .effects-ready.motion-hidden *{animation-play-state:paused!important}

/* Supplied screenshots: crop only the page viewport, keep original image files intact. */
.testimonial-intro{text-align:center;color:var(--muted);margin:20px 0 28px}
.testimonial-gallery{align-items:start;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.testimonial-card{margin:0;min-width:0;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--panel)}
.testimonial-card a{display:flex;flex-direction:column}
.testimonial-card blockquote{margin:0;padding:18px 18px 16px;font-size:17px;line-height:1.45;color:var(--ink)}
.testimonial-preview{padding:0 12px 12px}
.testimonial-crop{width:100%;height:360px;overflow:hidden;border-radius:8px}
.testimonial-crop img{width:100%;height:100%;object-fit:cover;object-position:center 35%;max-width:none}
.testimonial-card figcaption{display:flex;justify-content:space-between;gap:8px;padding:13px 12px;font-size:11px;color:var(--muted)}
.testimonial-card figcaption span:first-child{color:var(--mint)}
.testimonial-note{text-align:center;font-size:12px;color:var(--dim);margin:20px auto;max-width:620px}
.trustpilot-collector{width:214px;max-width:100%;height:52px;overflow:hidden;border-radius:6px;margin:24px auto 44px;text-align:center}
.trustpilot-collector .trustpilot-widget{width:420px;max-width:none;position:relative;left:50%;transform:translateX(-50%)}
@media(max-width:1000px){.testimonial-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){
  .testimonial-gallery{display:flex;overflow-x:auto;scroll-snap-type:x proximity;gap:14px;padding:2px 2px 14px;scrollbar-width:thin;scrollbar-color:#426052 transparent}
  .testimonial-card{flex:0 0 88%;scroll-snap-align:start}
  .testimonial-card blockquote{font-size:20px}
  .testimonial-card figcaption{font-size:12px}
  .trustpilot-collector{margin-bottom:32px}
}

/* Keep adjacent phone sections close; the mobile CTA already lives in the footer rail. */
@media(max-width:650px){
  .benefits{padding-bottom:28px}
  .copytrade{padding-top:28px;padding-bottom:28px}
  .copytrade-grid{margin-bottom:0}
  .copytrade>.wrap>.center:last-child{display:none}
  .results{padding-top:32px;padding-bottom:28px}
  .how{padding-top:28px}
}

/* Screenshot viewer: native dialog, so Escape and the backdrop come free. */
#shotView{width:max-content;max-width:92vw;padding:0;border:0;background:transparent;overflow:visible}
#shotView::backdrop{background:#020605f5}
/* ponytail: <dialog> does not lock page scroll, so :has() does it without script. */
html:has(#shotView[open]){overflow:hidden}
#shotView img{display:block;width:auto;height:auto;max-width:100%;max-height:86vh;border-radius:14px}
.shot-close{position:absolute;top:10px;right:10px;width:34px;height:34px;padding:0;display:grid;place-items:center;border-radius:50%;border:1px solid #ffffff2b;background:#020605cc;color:#f1f5f3;font-size:21px;line-height:1;cursor:pointer}
.shot-close:hover{background:#16241e;border-color:#80dfb95c}