/* Free community: three thin rings on one warm glow. No particles, no fills, no motion beyond the reveal. */
#inside{position:relative;isolation:isolate;overflow:hidden}
#inside:before{content:'';position:absolute;z-index:-1;left:56%;top:-12%;width:62%;height:46%;pointer-events:none;transform:rotate(-12deg);background:radial-gradient(ellipse 46% 56% at 34% 56%,#e9762e 0%,#c4531c 30%,#6e2c0f 58%,transparent 76%),radial-gradient(ellipse 42% 52% at 72% 40%,#f0c48f 0%,#d9945a 30%,#7a4520 58%,transparent 76%);filter:blur(64px);opacity:calc(.44 * var(--runner-t,1))}
#inside .community-intro{margin-top:clamp(32px,4vw,64px);max-width:1140px}
#inside .community-intro h2{font-size:clamp(36px,4.15vw,70px);line-height:1.1;letter-spacing:-.035em;text-wrap:balance}
#inside .community-intro h2 em{color:#df9a61}
#inside .community-intro>p{max-width:790px;font-size:clamp(17px,1.35vw,21px);line-height:1.6;color:#bcb09e;margin-top:24px}
#inside .community-universe{position:relative;aspect-ratio:1600/560;max-width:1600px;margin:clamp(24px,3vw,56px) auto 0}
#inside .community-rings{position:absolute;inset:0;width:100%;height:100%;overflow:visible;stroke:#e9e1d4;stroke-width:1;stroke-opacity:.42}
#inside .community-rings circle{vector-effect:non-scaling-stroke}
#inside .community-rings circle:first-child{stroke-opacity:.22}
#inside .community-circles{position:absolute;inset:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:center;padding:0 12.5% 4%}
#inside .community-circles>div{padding-left:3.5%}
#inside .community-circles i{display:block;font:11px/1 ui-monospace,SFMono-Regular,Menlo,monospace;letter-spacing:.08em;color:#aaa397;margin-bottom:22px}
#inside .community-circles strong{display:block;font-size:clamp(26px,3vw,48px);font-weight:300;letter-spacing:-.03em;line-height:1;color:#f4eee6}
#inside .community-circles span{display:block;margin-top:12px;font-size:12px;text-transform:uppercase;letter-spacing:.12em;color:#d1b491}
#inside .community-caption{text-align:center;margin-top:clamp(36px,5.2vw,92px);color:#bcb09e;font-size:16px;letter-spacing:.02em}
#inside .community-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(24px,4vw,70px);border-top:1px solid #d6985b40;padding-top:30px;margin-top:clamp(48px,5vw,90px)}
#inside .community-benefits article{min-width:0}
#inside .community-dot{display:block;width:7px;height:7px;background:#eba55c;border-radius:50%;margin-bottom:20px}
#inside .community-benefits article:nth-child(2) .community-dot{background:#f46c2e}
#inside .community-benefits article:nth-child(3) .community-dot{background:#d3823e}
#inside .community-benefits h3{font-size:clamp(24px,2.1vw,34px);line-height:1.2;letter-spacing:-.025em;margin-bottom:16px;color:var(--paper)}
#inside .community-benefits p{font-size:clamp(16px,1.2vw,19px);line-height:1.6;color:#bcb09e;max-width:460px}
@media(max-width:700px){
  #inside>.section-label{gap:12px;flex-direction:column}
  #inside>.section-label>span:last-child{text-align:left;color:#d3915d}
  #inside:before{left:30%;top:-2%;width:90%;height:26%;transform:rotate(-16deg);filter:blur(44px);opacity:calc(.46 * var(--runner-t,1))}
  #inside .community-intro h2{font-size:clamp(32px,8vw,48px)}
  #inside .community-intro>p{font-size:17px;margin-top:22px}
  #inside .community-universe{margin-top:28px}
  #inside .community-circles{padding:0 12.5% 3%}
  #inside .community-circles>div{padding-left:0;text-align:center}
  #inside .community-circles i{font-size:9px;margin-bottom:8px}
  #inside .community-circles strong{font-size:clamp(15px,4.6vw,20px)}
  #inside .community-circles span{display:none}
  #inside .community-caption{font-size:14px;margin-top:30px}
  #inside .community-benefits{grid-template-columns:1fr;gap:28px;padding-top:26px;margin-top:48px}
  #inside .community-dot{margin-bottom:12px}
  #inside .community-benefits h3{font-size:26px;margin-bottom:12px}
  #inside .community-benefits p{font-size:17px;max-width:none}
}