.features-page{--features-gold:#d9b873;--features-gold-bright:#f3d79a;--features-panel:#101119db;min-height:100vh;color:var(--color-text-primary);isolation:isolate;background:radial-gradient(circle at 12% 28%,#78491e1f,#0000 30%),radial-gradient(circle at 88% 52%,#3e4d7721,#0000 32%),#090a0f;position:relative;overflow:hidden}.features-page:before{content:"";z-index:-1;pointer-events:none;opacity:.16;background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:54px 54px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#0000,#000 30% 75%,#0000);mask-image:linear-gradient(#0000,#000 30% 75%,#0000)}.features-shell{width:min(1240px,100% - 48px);margin:0 auto;position:relative}.features-hero{border-bottom:1px solid #d9b8732e;align-items:center;min-height:680px;padding:148px 0 108px;display:flex;position:relative}.features-hero:after{content:"";background:linear-gradient(90deg,#0000,#f3d79aa3,#0000);height:1px;position:absolute;bottom:-1px;left:5%;right:5%;box-shadow:0 0 24px #d9b87352}.features-hero__backdrop,.features-hero__backdrop:after{position:absolute;inset:0}.features-hero__backdrop:after{content:"";background:linear-gradient(90deg,#05060af7 0%,#05060acf 43%,#05060a3d 72%,#05060ac7 100%),linear-gradient(#04050847 0%,#0000 32%,#090a0f 100%)}.features-hero__backdrop-image{object-fit:cover;object-position:center 30%;filter:saturate(.75)contrast(1.08)}.features-hero__content{z-index:1}.features-hero__eyebrow,.features-section-kicker{color:var(--features-gold);font-family:var(--font-heading);letter-spacing:.24em;align-items:center;gap:9px;font-size:.73rem;font-weight:700;display:inline-flex}.features-hero__eyebrow:before{content:"";background:linear-gradient(90deg, transparent, var(--features-gold));width:44px;height:1px}.features-hero__title{color:#f0e4cd;letter-spacing:-.035em;text-shadow:0 4px 44px #000000ad;max-width:760px;margin:22px 0 20px;font-size:clamp(3.25rem,7vw,6.8rem);line-height:.94}.features-hero__lead{color:#bdb4a4;max-width:690px;font-size:clamp(1rem,1.6vw,1.18rem);line-height:1.85}.features-hero__actions{flex-wrap:wrap;gap:12px;margin-top:34px;display:flex}.features-button{color:#eee1c8;min-height:50px;font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border:1px solid #d9b8736b;border-radius:3px;justify-content:center;align-items:center;gap:10px;padding:0 22px;font-size:.78rem;font-weight:700;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:inline-flex}.features-button:hover{transform:translateY(-2px)}.features-button--primary{border-color:var(--features-gold);color:#090a0e;background:linear-gradient(135deg,#d0ac67,#8d6b35);box-shadow:0 10px 34px #966a2d3d}.features-button--primary:hover{color:#090a0e;box-shadow:0 12px 42px #b6843c57}.features-button--ghost{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#08090e80}.features-button--ghost:hover{border-color:var(--features-gold-bright);background:#d9b87314}.features-button--equipment{background:linear-gradient(135deg,#d9b8731f,#08090e8f);border-color:#d9b87394}.features-button--equipment svg:first-child{color:var(--features-gold-bright)}.features-hero__stats{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#06070b52;border-top:1px solid #d9b8732e;border-bottom:1px solid #d9b8732e;width:fit-content;margin-top:56px;display:flex}.features-hero__stats>div{border-right:1px solid #d9b87329;flex-direction:column;min-width:156px;padding:14px 24px;display:flex}.features-hero__stats>div:last-child{border-right:0}.features-hero__stats strong{color:var(--features-gold-bright);font-family:var(--font-heading);font-size:1.24rem}.features-hero__stats span{color:#8e877b;letter-spacing:.06em;font-size:.72rem}.features-portals{z-index:2;margin-top:-54px;padding-bottom:112px;position:relative}.features-portals__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.features-portal{background:linear-gradient(145deg, #1c1b1df5, #0b0c12f5), var(--features-panel);border:1px solid #d9b87333;grid-template-rows:auto 1fr auto;min-height:530px;padding:30px;transition:transform .22s,border-color .22s,box-shadow .22s;display:grid;position:relative;overflow:hidden;box-shadow:0 22px 58px #0000006b}.features-portal:before{content:"";pointer-events:none;opacity:.22;background-position:50%;background-size:cover;position:absolute;inset:0;-webkit-mask-image:linear-gradient(90deg,#0000 18%,#000 100%);mask-image:linear-gradient(90deg,#0000 18%,#000 100%)}.features-portal--database:before{background-image:url(/images/features/df59894e74.png)}.features-portal--classes:before{background-image:url(/images/classes/warrior.png);background-position:80% 24%}.features-portal--equipment:before{opacity:.13;background-image:url(/images/hero-bg-new.webp);background-position:62%}.features-portal--equipment{grid-column:1/-1;min-height:390px}.features-portal--equipment .features-portal__copy{grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr) minmax(320px,410px);align-items:center;column-gap:clamp(40px,7vw,110px);max-width:none;padding:28px 0 24px;display:grid}.features-portal--equipment .features-portal__kicker,.features-portal--equipment h2,.features-portal--equipment p{grid-column:1}.features-portal--equipment .features-portal__kicker{grid-row:1}.features-portal--equipment h2{grid-row:2}.features-portal--equipment p{grid-row:3;align-self:start}.features-portal--equipment .features-equipment-preview{grid-area:1/2/4;margin-top:0}.features-portal:hover{border-color:#f3d79a87;transform:translateY(-5px);box-shadow:0 28px 70px #00000080,0 0 30px #a5722f14}.features-portal__glow{filter:blur(45px);background:#d2a65921;border-radius:50%;width:240px;height:240px;position:absolute;bottom:-130px;right:-120px}.features-portal__icon{width:50px;height:50px;color:var(--features-gold-bright);background:#d9b87314;border:1px solid #d9b87352;place-items:center;display:grid;position:relative;transform:rotate(45deg)}.features-portal__icon svg{transform:rotate(-45deg)}.features-portal__copy{align-self:end;max-width:470px;padding:40px 0 26px;position:relative}.features-portal__kicker{color:#867557;font-family:var(--font-heading);letter-spacing:.24em;margin-bottom:8px;font-size:.65rem;font-weight:700;display:block}.features-portal h2{color:#eadfc9;margin-bottom:12px;font-size:clamp(1.75rem,3vw,2.55rem)}.features-portal p{color:#a69e90;max-width:430px;line-height:1.68}.features-portal__chips{flex-wrap:wrap;gap:8px;margin-top:21px;display:flex}.features-portal__chips a{color:#bbb09b;background:#05060a8f;border:1px solid #d9b8732e;border-radius:99px;align-items:center;gap:6px;padding:7px 10px;font-size:.72rem;display:inline-flex}.features-portal--database .features-portal__chips{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.features-portal--database .features-portal__chips a{border-radius:3px;min-width:0}.features-portal--database .features-portal__chips a span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.features-portal__chips a:hover{color:var(--features-gold-bright);border-color:#d9b8737a}.features-portal__cta{min-height:52px;color:var(--features-gold-bright);font-family:var(--font-heading);letter-spacing:.08em;text-transform:uppercase;border-top:1px solid #d9b87329;align-items:center;gap:10px;padding:0 2px;font-size:.78rem;font-weight:700;display:flex;position:relative}.features-portal__cta svg:last-child{margin-left:auto;transition:transform .18s}.features-portal__cta:hover svg:last-child{transform:translate(4px)}.features-class-preview{grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;width:min(100%,440px);margin-top:18px;display:grid}.features-class-preview__item{color:#bcb09a;text-align:center;background:#05060aad;border:1px solid #d9b8732e;min-width:0;position:relative;overflow:hidden}.features-class-preview__item--coming-soon{color:#746d62}.features-class-preview__item--coming-soon img{filter:grayscale(.7)saturate(.3)brightness(.64)}.features-class-preview__item small{max-width:calc(100% - 6px);color:var(--features-gold);font-family:var(--font-heading);text-overflow:ellipsis;text-transform:uppercase;white-space:nowrap;background:#05060ae6;border:1px solid #d9b8734d;padding:2px 3px;font-size:.38rem;line-height:1;position:absolute;top:3px;right:3px;overflow:hidden}.features-class-preview__item img{object-fit:contain;filter:saturate(.78)brightness(.9);width:42px;height:42px;margin:5px auto 0;transition:filter .18s,transform .18s}.features-class-preview__item span{text-overflow:ellipsis;white-space:nowrap;padding:5px 3px;font-size:.57rem;display:block;overflow:hidden}.features-class-preview__item:hover{color:var(--features-gold-bright);border-color:#d9b87380}.features-class-preview__item:hover img{filter:saturate()brightness(1.08);transform:scale(1.08)}.features-equipment-preview{grid-template-columns:repeat(5,1fr);align-items:center;gap:8px;width:min(100%,390px);margin-top:24px;display:grid}.features-equipment-preview span,.features-equipment-preview i{aspect-ratio:1;color:#e6c98bb8;background:radial-gradient(circle,#d9b8731a,#05060ab8);border:1px solid #d9b87338;border-radius:8px;place-items:center;display:grid;position:relative;box-shadow:inset 0 0 18px #00000085}.features-equipment-preview i{color:var(--features-gold-bright);border-color:#edcf8e7a;transform:scale(1.13);box-shadow:0 0 24px #d2a65921,inset 0 0 18px #d9b87314}.features-equipment-preview i:before,.features-equipment-preview i:after{content:"";border:1px solid #d9b87324;border-radius:50%;position:absolute;inset:-6px}.features-equipment-preview i:after{opacity:.45;border-style:dashed;inset:-12px}.features-library{padding:0 0 120px;position:relative}.features-library__header{grid-template-columns:minmax(0,1.1fr) minmax(280px,.7fr);align-items:end;gap:60px;margin-bottom:38px;display:grid}.features-library__header h2{color:#eadfc9;max-width:720px;margin-top:12px;font-size:clamp(2.15rem,4.5vw,4rem);line-height:1.08}.features-library__header p{color:#90897d;padding-bottom:6px;line-height:1.75}.features-tabs-main{background:#08090eb8;border:1px solid #d9b87326;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;margin-bottom:30px;padding:6px;display:grid}.features-tab{color:#8e877c;min-height:64px;font-family:var(--font-heading);letter-spacing:.07em;text-align:left;text-transform:uppercase;cursor:pointer;background:0 0;border:1px solid #0000;justify-content:space-between;align-items:center;gap:7px;padding:0 14px;font-size:.68rem;font-weight:700;line-height:1.35;transition:color .18s,background .18s,border-color .18s;display:flex}.features-tab small{color:#6f6a61;min-width:25px;height:25px;font-family:var(--font-body);background:#ffffff09;border-radius:50%;place-items:center;font-size:.66rem;display:grid}.features-tab:hover{color:#d6c7ad;background:#d9b8730b}.features-tab.is-active{color:var(--features-gold-bright);background:linear-gradient(135deg,#d9b87329,#d9b8730a);border-color:#d9b87359}.features-tab.is-active small{background:var(--features-gold);color:#0b0b0e}.features-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;display:grid}.features-feature-card{background:linear-gradient(160deg,#15161ef0,#0c0d13f5);border:1px solid #d9b87324;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s;position:relative;overflow:hidden;box-shadow:0 14px 36px #0003}.features-feature-card:hover{border-color:#d9b8736b;transform:translateY(-4px);box-shadow:0 20px 44px #00000057}.features-feature-card__image-wrap{background:#0a0b10;height:205px;position:relative;overflow:hidden}.features-feature-card__image-wrap:after{content:"";background:linear-gradient(#0000 48%,#0b0c11f5 100%);position:absolute;inset:0}.features-feature-card__image{object-fit:cover;filter:saturate(.75)contrast(1.04);width:100%;height:100%;transition:transform .5s,filter .3s}.features-feature-card:hover .features-feature-card__image{filter:saturate()contrast(1.04);transform:scale(1.045)}.features-feature-card__number{z-index:1;color:#d3bd93;font-family:var(--font-heading);letter-spacing:.12em;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#05060aad;border:1px solid #f3d79a40;padding:5px 8px;font-size:.65rem;position:absolute;top:14px;right:14px}.features-feature-card__body{padding:21px 22px 22px}.features-feature-card__body h3{color:#e0d0b4;margin-bottom:10px;font-size:1.22rem;line-height:1.32}.features-feature-card__body p{color:#8f887d;white-space:pre-line;-webkit-line-clamp:5;-webkit-box-orient:vertical;font-size:.88rem;line-height:1.7;display:-webkit-box;overflow:hidden}@media (max-width:1050px){.features-tabs-main{grid-template-columns:repeat(3,minmax(0,1fr))}.features-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:780px){.features-shell{width:min(100% - 30px,1240px)}.features-hero{min-height:650px;padding:130px 0 96px}.features-hero__backdrop:after{background:linear-gradient(90deg,#05060ae6,#05060a8f),linear-gradient(#0000 25%,#090a0f 100%)}.features-hero__title{font-size:clamp(3rem,15vw,5rem)}.features-hero__stats{width:100%}.features-hero__stats>div{flex:1;min-width:0;padding:12px 10px}.features-hero__stats span{font-size:.6rem}.features-portals{margin-top:-32px;padding-bottom:88px}.features-portals__grid,.features-library__header{grid-template-columns:1fr}.features-portal--equipment{grid-column:auto;min-height:530px}.features-portal--equipment .features-portal__copy{max-width:470px;padding:40px 0 26px;display:block}.features-portal--equipment .features-equipment-preview{margin-top:24px}.features-library__header{gap:18px}.features-tabs-main{scroll-snap-type:x mandatory;scrollbar-width:thin;display:flex;overflow-x:auto}.features-tab{scroll-snap-align:start;min-width:168px}}@media (max-width:560px){.features-hero__actions{display:grid}.features-button{width:100%}.features-hero__stats{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.features-hero__stats>div{padding-inline:7px}.features-hero__stats strong{font-size:1rem}.features-portal{min-height:510px;padding:24px}.features-portal__copy{padding-top:34px}.features-portal--database .features-portal__chips{grid-template-columns:repeat(2,minmax(0,1fr))}.features-grid{grid-template-columns:1fr}.features-feature-card__image-wrap{height:190px}}@media (prefers-reduced-motion:reduce){.features-page *,.features-page :before,.features-page :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}