#hero{min-height:calc(78vh - var(--hh));min-height:calc(78dvh - var(--hh));display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:2.5rem 1rem 3rem;position:relative}.hero-content{max-width:58rem;width:100%}.rgb-text{font-size:clamp(1.9rem,4.4vw,3.1rem);font-weight:800;line-height:1.12;margin-bottom:1rem;word-break:break-word;background:linear-gradient(115deg,#e8e8e8,#ffffff 22%,#cdcdcd 45%,#ebebeb 65%,#e0e0e0 85%,#9a9a9a);background-size:260% auto;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;animation:gm 9s linear infinite alternate;filter:drop-shadow(0 0 1.5rem rgba(205,205,205,.3));transition:filter .6s var(--ease),transform .6s var(--ease);will-change:transform}.hero-content>p{max-width:46rem;margin:0 auto 1.625rem;font-size:clamp(.95rem,2.5vw,1.08rem);color:var(--text2);padding:0 .25rem;transition:color .5s var(--ease),text-shadow .5s var(--ease),transform .5s var(--ease);display:inline-block}.hero-btns{display:flex;gap:.75rem;justify-content:center;align-items:center;flex-wrap:wrap}.hero-stats{margin:.5rem auto 1.75rem;gap:3rem;justify-content:center}.hero-content .hero-stats{margin-top:.375rem}.hero-stats .stat-item h3{font-size:clamp(1.7rem,4vw,2.1rem)}.section{padding:3.5rem 1rem;position:relative;width:100%;overflow:visible}.section-inner{max-width:68.75rem;margin:0 auto;width:100%}.section-title{font-size:clamp(1.45rem,4vw,2.1rem);font-weight:700;text-align:center;margin-bottom:.5rem;background:linear-gradient(135deg,#fff 30%,#e0e0e0 70%,#cdcdcd);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;transition:text-shadow .55s var(--ease),transform .55s var(--ease),filter .55s var(--ease)}.section-sub{text-align:center;color:var(--muted);font-size:clamp(.9rem,2.2vw,1.02rem);margin-bottom:2.25rem}.features-grid{display:grid;grid-template-columns:repeat(4,1fr);grid-gap:1rem;gap:1rem;width:100%;padding-top:.5rem;padding-bottom:.75rem}.feature-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--r);padding:1.5rem 1rem;text-align:center;-webkit-backdrop-filter:blur(.75rem);backdrop-filter:blur(.75rem);transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease),background .4s var(--ease);-webkit-tap-highlight-color:transparent;-webkit-user-select:none;-moz-user-select:none;user-select:none;backface-visibility:hidden;-webkit-backface-visibility:hidden}.feature-card.touch-active,html.hover-ready .feature-card:hover{transform:translateY(-.5rem) scale(1.025)!important;border-color:var(--border2)!important;background:var(--surface2)!important;box-shadow:0 1rem 2.5rem rgba(0,0,0,.38),0 0 1.375rem rgba(205,205,205,.32),0 0 2.5rem rgba(255,255,255,.2)!important;transition-delay:0s!important}.feature-icon{width:2.875rem;height:2.875rem;margin:0 auto .75rem;display:flex;align-items:center;justify-content:center;border-radius:.75rem;background:rgba(205,205,205,.14);color:var(--primary2);font-size:1.15rem;transition:transform 1.1s var(--ease),box-shadow 1.1s var(--ease),background 1.1s var(--ease)}.feature-card.touch-active .feature-icon,html.hover-ready .feature-card:hover .feature-icon{transform:translateY(-2px) scale(1.08);box-shadow:0 0 .875rem rgba(205,205,205,.35);background:rgba(255,255,255,.2)}.feature-card,.ref-card{-webkit-tap-highlight-color:transparent}.feature-card h3{font-size:1.05rem;font-weight:700;margin-bottom:.375rem;transition:color .5s var(--ease)}html.hover-ready .feature-card:hover h3{color:var(--primary2)}.feature-card p{font-size:.86rem;color:var(--text2);line-height:1.5}.discord-row{display:grid;grid-template-columns:1fr minmax(16.25rem,20rem);grid-gap:1.75rem;gap:1.75rem;align-items:start;width:100%}.widget-box{border-radius:var(--r);overflow:hidden;border:1px solid var(--border);box-shadow:var(--glow);height:28.75rem;width:100%;max-width:20rem;margin:0 auto;transition:box-shadow .55s var(--ease),transform .55s var(--ease)}html.hover-ready .widget-box:hover{box-shadow:var(--glow2);transform:translateY(-.25rem)}.widget-box iframe{width:100%;height:100%;border:none}.ref-grid{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.ref-card{width:min(9.375rem,42vw);padding:1.125rem;background:var(--surface);border:1px solid var(--border);border-radius:var(--r);text-align:center;cursor:pointer;-webkit-backdrop-filter:blur(.625rem);backdrop-filter:blur(.625rem);-webkit-tap-highlight-color:transparent;transition:transform .4s var(--ease),border-color .4s var(--ease),box-shadow .4s var(--ease);backface-visibility:hidden;-webkit-backface-visibility:hidden}html.hover-ready .ref-card:hover{transform:translateY(-.375rem) scale(1.02)!important;border-color:var(--border2)!important;box-shadow:0 .625rem 1.75rem rgba(205,205,205,.24),0 0 1.25rem rgba(255,255,255,.16)!important}.ref-card img{width:4rem;height:4rem;object-fit:contain;margin:0 auto .625rem}.ref-card h3{font-size:.88rem}.stats-row{display:flex;justify-content:center;gap:clamp(1.75rem,8vw,3.5rem);margin-top:2.5rem;flex-wrap:wrap}.stat-item{text-align:center;transition:transform .5s var(--ease);cursor:default}.stat-item h3{font-size:clamp(1.8rem,5vw,2.2rem);font-weight:800;background:linear-gradient(135deg,#cdcdcd,#ebebeb,#e0e0e0);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:2px;transition:filter .5s var(--ease)}.stat-item p{font-size:.85rem;color:var(--muted);font-weight:500;transition:color .5s var(--ease)}@media (hover:hover) and (pointer:fine){html.hover-ready .feature-card,html.hover-ready .ref-card,html.hover-ready .widget-box{position:relative;overflow:hidden}html.hover-ready .feature-card:before,html.hover-ready .ref-card:before,html.hover-ready .widget-box:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;opacity:0;background:linear-gradient(90deg,rgba(205,205,205,.75),transparent 18%,transparent 82%,rgba(255,255,255,.75)),linear-gradient(0deg,rgba(255,255,255,.8),transparent 24%);background-size:100% 2px,100% 2px;background-position:bottom,bottom;background-repeat:no-repeat;transition:opacity .45s var(--ease),filter .45s var(--ease);z-index:0}html.hover-ready .feature-card:after,html.hover-ready .ref-card:after,html.hover-ready .widget-box:after{content:"";position:absolute;left:-25%;right:-25%;bottom:-2px;height:1px;pointer-events:none;opacity:0;background:linear-gradient(90deg,transparent,rgba(235,235,235,.95),rgba(230,230,230,.95),transparent);box-shadow:0 0 .875rem rgba(205,205,205,.7),0 0 1.75rem rgba(255,255,255,.45);transform:scaleX(.35);transition:opacity .45s var(--ease),transform .65s var(--ease);z-index:2}html.hover-ready .feature-card:hover:before,html.hover-ready .ref-card:hover:before,html.hover-ready .widget-box:hover:before{opacity:1;filter:drop-shadow(0 0 .5rem rgba(255,255,255,.4))}html.hover-ready .feature-card:hover:after,html.hover-ready .ref-card:hover:after,html.hover-ready .widget-box:hover:after{opacity:1;transform:scaleX(1)}html.hover-ready .feature-card>*,html.hover-ready .ref-card>*,html.hover-ready .widget-box>*{position:relative;z-index:1}html.hover-ready .feature-card:hover,html.hover-ready .ref-card:hover,html.hover-ready .widget-box:hover{border-color:rgba(255,255,255,.62);box-shadow:0 1.125rem 2.875rem rgba(0,0,0,.34),0 0 1.5rem rgba(205,205,205,.28),0 0 2.75rem rgba(255,255,255,.2)}}.feature-card.touch-active,.ref-card.touch-active{transform:translateY(-.5rem) scale(1.025)!important;border-color:var(--border2)!important;background:var(--surface2)!important;box-shadow:0 1rem 2.5rem rgba(0,0,0,.38),0 0 1.375rem rgba(205,205,205,.32),0 0 2.5rem rgba(255,255,255,.2)!important}.touch-active .feature-icon{transform:translateY(-2px) scale(1.06)!important;filter:brightness(1.1) drop-shadow(0 0 .75rem rgba(255,255,255,.4))!important}.feature-card.is-selected,.ref-card.is-selected{transform:none!important;filter:none!important}@media (hover:none){.feature-card:active:not(.touch-active),.ref-card:active:not(.touch-active){transform:none!important;filter:none!important}}@media (max-width:1024px){.features-grid{grid-template-columns:repeat(2,1fr)}.widget-box{max-width:21.25rem;height:26.25rem}}@media (max-width:900px) and (orientation:portrait){.discord-row{grid-template-columns:1fr}.widget-box{margin:0 auto}}@media (max-width:699px){.discord-row{grid-template-columns:1fr}.widget-box{margin:0 auto;max-width:100%}}@media (min-width:700px) and (orientation:landscape){.discord-row{grid-template-columns:1fr minmax(15rem,18.75rem);gap:1.25rem}.widget-box{height:min(26.25rem,70vh);max-width:18.75rem;margin:0}}@media (max-width:768px){.features-grid{grid-template-columns:1fr;max-width:25rem;margin:0 auto}.stats-row{gap:1.75rem;flex-wrap:wrap}.section{padding:2.5rem .875rem}#hero{min-height:auto;padding:2rem .875rem 2.25rem}.hero-btns{flex-direction:column;align-items:stretch}.hero-btns .btn{width:100%;justify-content:center}.rgb-text{font-size:clamp(1.6rem,8vw,2.2rem)}}@media (max-width:480px){.rgb-text{font-size:1.75rem}.widget-box{height:22.5rem}.feature-card{padding:1.125rem .875rem}}@media (max-width:360px){.rgb-text{font-size:1.55rem}}@media (max-height:500px) and (orientation:landscape){#hero{min-height:auto;padding:1.25rem 1rem}.widget-box{height:min(18.75rem,60vh)}}@media not all{.feature-card,.ref-card,.widget-box{transition-duration:.2s!important}}