.features-page{background:var(--bg-base)}
.feature-header{position:absolute;inset:0 0 auto;z-index:20;padding:clamp(14px,2.4vw,26px) 0;border-bottom:1px solid var(--border-soft)}
.feature-header-inner{display:grid;grid-template-columns:1fr auto;align-items:center}
.feature-brand{height:56px;width:auto;filter:drop-shadow(0 5px 16px rgba(0,0,0,.55))}
.feature-back{display:inline-flex;align-items:center;gap:9px;color:var(--text-muted);font-size:var(--fs-caption);font-weight:var(--weight-bold);letter-spacing:.12em;text-transform:uppercase}
.feature-back:hover{color:var(--gold-400)}
.feature-back svg{width:17px}.feature-header-inner>a:last-child{justify-self:end}
.feature-hero{position:relative;min-height:800px;display:flex;align-items:center;overflow:hidden;padding:150px 0 90px;background:var(--bg-base)}
.feature-hero-art{position:absolute;inset:0;background:url("../assets/images/cosy-study.webp") center/cover no-repeat;filter:saturate(.78) brightness(.5);transform:scale(1.02)}
.feature-hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(13,9,6,.98) 0%,rgba(13,9,6,.88) 44%,rgba(13,9,6,.4) 72%,rgba(13,9,6,.76) 100%),linear-gradient(180deg,rgba(13,9,6,.42),transparent 43%,var(--bg-base) 100%)}
.feature-hero-inner{position:relative;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:clamp(48px,7vw,100px);align-items:center}
.feature-kicker{display:block;color:var(--gold-300);font-family:var(--font-display);font-size:var(--fs-eyebrow);letter-spacing:var(--tracking-wider);text-transform:uppercase;margin-bottom:18px}
.feature-hero h1{font-family:var(--font-display);font-weight:var(--weight-bold);font-size:clamp(1.9rem,4.6vw,3.4rem);line-height:1.1;letter-spacing:.01em;text-wrap:balance;text-shadow:0 2px 30px rgba(0,0,0,.6)}
.feature-hero h1 span{color:transparent;background:linear-gradient(120deg,var(--gold-400),var(--amber-500) 55%,var(--ember-500));-webkit-background-clip:text;background-clip:text}
.feature-hero-copy>p{max-width:600px;margin-top:22px;color:var(--text-body);font-size:var(--fs-body-lg);line-height:var(--lh-body);text-shadow:0 1px 16px rgba(0,0,0,.55)}
.feature-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:34px}
.tier-preview{display:grid;gap:16px;perspective:1000px}
.tier-card{padding:28px;border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface-card);backdrop-filter:var(--blur-glass);box-shadow:var(--shadow-lg)}
.tier-card h2{font-family:var(--font-display);font-size:1.55rem;letter-spacing:.005em;margin:12px 0 18px}.tier-card ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.tier-card li{display:flex;align-items:center;gap:10px;color:var(--text-body);font-size:var(--fs-body-sm)}.tier-card li svg{width:17px;color:var(--gold-400)}
.tier-pro{margin-left:52px;border-color:var(--border-strong);background:linear-gradient(135deg,rgba(61,39,21,.9),rgba(24,17,11,.9));box-shadow:0 25px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.08)}
.tier-label,.both-badge,.pro-badge{display:inline-flex;width:max-content;padding:5px 11px;border-radius:999px;border:1px solid var(--border-soft);color:var(--sand-100);font-size:.66rem;font-weight:800;letter-spacing:.16em;text-transform:uppercase}
.tier-pro .tier-label,.pro-badge{color:var(--gold-300);border-color:var(--border-strong);background:rgba(251,180,23,.1)}
.feature-intro{padding:var(--section-pad-y) 0 70px;background:var(--bg-base)}.feature-intro .eyebrow{margin-bottom:24px}.feature-intro-grid{display:grid;grid-template-columns:1fr .8fr;gap:70px;align-items:end}.feature-intro .lead{margin:0}
.feature-groups{padding:10px 0 var(--section-pad-y);background:radial-gradient(90% 35% at 50% 25%,#1a120b,var(--bg-base) 70%)}
.feature-groups-inner{display:grid;gap:28px}.feature-group{position:relative;padding:clamp(28px,4.5vw,60px);border:1px solid var(--border-soft);border-radius:var(--radius-xl);background:var(--surface-card);box-shadow:var(--shadow-lg);overflow:hidden}
.feature-group-heading{display:grid;grid-template-columns:auto 1fr;gap:20px;align-items:start;margin-bottom:35px}.group-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:var(--radius-lg);color:var(--gold-400);background:linear-gradient(135deg,rgba(251,180,23,.16),rgba(215,90,27,.12));border:1px solid var(--border-soft)}.group-icon svg{width:24px;height:24px}.group-number{display:block;color:var(--gold-400);font:var(--weight-bold) var(--fs-caption) var(--font-body);letter-spacing:.2em;margin-bottom:8px}.feature-group h2{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:.005em}.feature-group-heading p{color:var(--text-muted);max-width:720px;margin-top:10px}
.comparison-table-wrap{overflow-x:auto;border-radius:var(--radius-lg);border:1px solid var(--hairline)}.comparison-table{width:100%;border-collapse:collapse;min-width:660px;background:rgba(8,7,6,.35)}.comparison-table th,.comparison-table td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--hairline)}.comparison-table thead th{font-size:var(--fs-caption);text-transform:uppercase;letter-spacing:.16em;color:var(--sand-300);background:rgba(255,255,255,.035)}.comparison-table tbody th{width:48%;font-size:var(--fs-body-sm);color:var(--sand-100)}.comparison-table td{color:var(--text-muted);font-size:var(--fs-body-sm)}.comparison-table .pro-column,.comparison-table td:last-child{background:rgba(251,180,23,.045)}.comparison-table tbody tr:last-child>*{border-bottom:0}.included{color:var(--sand-100)}.included::before{content:'\2713';margin-right:7px;color:var(--gold-400)}.not-included{color:var(--text-faint)}
.feature-card-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.feature-card{display:flex;flex-direction:column;min-height:260px;padding:24px;border-radius:var(--radius-lg);background:rgba(7,6,5,.42);border:1px solid var(--hairline)}.feature-card>svg{width:24px;color:var(--gold-400);margin-bottom:28px}.feature-card h3{font-family:var(--font-display);font-size:1.25rem;margin-bottom:9px}.feature-card p{color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.65;margin-bottom:22px}.feature-card .both-badge,.feature-card .pro-badge{margin-top:auto}.feature-card-pro{border-color:var(--border-strong);background:linear-gradient(145deg,rgba(74,45,23,.34),rgba(18,13,9,.5))}.feature-card-pro>svg{color:var(--gold-400)}
.environment-group,.poster-group{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(30px,5vw,70px);align-items:center;padding:0}.environment-image,.poster-image{height:100%;min-height:540px;overflow:hidden}.environment-image img,.poster-image img{width:100%;height:100%;object-fit:cover;filter:saturate(.83) brightness(.77)}.environment-copy,.poster-copy{padding:50px 50px 50px 0}.environment-copy .group-icon,.poster-copy .group-icon{margin-bottom:24px}.environment-copy>p,.poster-copy>p{color:var(--text-muted);line-height:1.75;margin-top:18px}.world-chip-row{display:flex;flex-wrap:wrap;gap:8px;margin:25px 0}.world-chip-row span{padding:7px 12px;border:1px solid var(--border-soft);border-radius:var(--radius-pill);color:var(--sand-200);font-size:var(--fs-caption);background:rgba(255,255,255,.035)}.panorama-quality{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0 0}.panorama-quality>div{padding:18px;border:1px solid var(--border-soft);border-radius:var(--radius-md);background:rgba(255,255,255,.035)}.panorama-quality strong{display:block;font:var(--weight-bold) 1.75rem var(--font-display);color:var(--gold-400)}.panorama-quality span{display:block;margin-top:2px;color:var(--sand-200);font-size:var(--fs-caption);letter-spacing:.06em}.panorama-quality p{margin-top:10px;color:var(--text-muted);font-size:var(--fs-body-sm);line-height:1.5}.panorama-note{font-size:var(--fs-body-sm)!important;color:var(--sand-300)!important}.compatibility{display:flex;align-items:flex-start;gap:10px;font-size:var(--fs-body-sm)!important;color:var(--sand-300)!important}.compatibility svg{width:18px;flex:0 0 auto;color:var(--gold-400);margin-top:3px}
.puzzle-layout{display:grid;grid-template-columns:1.1fr .9fr;gap:25px}.puzzle-image{min-height:480px;border-radius:var(--radius-lg);overflow:hidden}.puzzle-image img{width:100%;height:100%;object-fit:cover}.puzzle-compare{display:grid;grid-template-columns:1fr 1fr;gap:12px}.puzzle-compare>div{padding:22px;border:1px solid var(--hairline);border-radius:var(--radius-lg);background:rgba(8,7,6,.38)}.puzzle-compare .puzzle-pro{border-color:var(--border-strong);background:rgba(251,180,23,.06)}.puzzle-mode{margin-top:18px}.puzzle-mode+.puzzle-mode{padding-top:18px;border-top:1px solid var(--hairline)}.puzzle-mode>span{color:var(--gold-300);font-size:.68rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.puzzle-compare strong{display:block;font:var(--weight-bold) 1.35rem var(--font-display);color:var(--sand-50);margin:6px 0 7px}.puzzle-compare p{font-size:var(--fs-body-sm);color:var(--text-muted)}.puzzle-compare ul{grid-column:1/-1;list-style:none;padding:20px 22px;margin:0;border:1px solid var(--hairline);border-radius:var(--radius-lg);display:grid;gap:10px}.puzzle-compare li{display:flex;gap:9px;font-size:var(--fs-body-sm);color:var(--sand-200)}.puzzle-compare li svg{width:16px;color:var(--gold-400)}
.poster-group{grid-template-columns:.85fr 1.15fr}.poster-copy{padding:50px 0 50px 50px}.poster-image img{object-position:72% center}
.quality-group{text-align:center;background:radial-gradient(circle at 50% 0,rgba(251,180,23,.12),rgba(15,11,8,.86) 58%)}.quality-group .feature-group-heading{display:flex;justify-content:center;text-align:left}.quality-stats{display:grid;grid-template-columns:repeat(4,1fr);max-width:820px;margin:35px auto 20px;border:1px solid var(--border-soft);border-radius:var(--radius-lg);overflow:hidden}.quality-stats div{padding:28px 16px;border-right:1px solid var(--hairline)}.quality-stats div:last-child{border-right:0}.quality-stats strong{display:block;font:var(--weight-bold) clamp(2rem,5vw,4rem) var(--font-display);color:var(--gold-400)}.quality-stats span{font-size:var(--fs-caption);color:var(--text-muted);letter-spacing:.12em;text-transform:uppercase}.quality-note{color:var(--text-faint);font-size:var(--fs-caption)}
.feature-notes{padding:100px 0;background:#100c09;border-block:1px solid var(--hairline)}.notes-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px}.notes-grid ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:16px}.notes-grid li{display:flex;gap:14px;padding:20px;border:1px solid var(--hairline);border-radius:18px;background:rgba(255,255,255,.025);color:var(--text-muted);font-size:.87rem}.notes-grid li svg{width:20px;flex:0 0 auto;color:var(--gold-400)}
.feature-cta{padding:80px 0;background:radial-gradient(circle at 50% 120%,#241207,var(--bg-base) 65%)}.feature-cta-inner{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:32px}.feature-cta img{width:105px;filter:drop-shadow(0 18px 30px rgba(0,0,0,.5))}.feature-cta h2{font-family:var(--font-display);font-size:var(--fs-h1);letter-spacing:.005em}.feature-cta p{color:var(--text-muted);margin-top:7px}.feature-cta .feature-kicker{margin-bottom:8px}
@media(max-width:980px){.feature-hero-inner{grid-template-columns:1fr}.feature-hero{padding-top:145px}.tier-preview{grid-template-columns:1fr 1fr}.tier-pro{margin-left:0}.feature-card-grid{grid-template-columns:1fr 1fr}.environment-group,.poster-group,.puzzle-layout{grid-template-columns:1fr}.environment-image,.poster-image{min-height:390px}.environment-copy,.poster-copy{padding:36px}.poster-copy{order:2}.feature-intro-grid,.notes-grid{grid-template-columns:1fr;gap:25px}.feature-cta-inner{grid-template-columns:auto 1fr}.feature-cta .btn{grid-column:2}}
@media(max-width:640px){.feature-header-inner{grid-template-columns:1fr auto}.feature-brand{height:46px}.feature-back span{display:none}.feature-hero{min-height:auto;padding:130px 0 75px}.feature-hero h1{font-size:clamp(1.9rem,10vw,3rem)}.tier-preview{grid-template-columns:1fr}.feature-intro{padding:80px 0 50px}.feature-group{padding:24px 18px}.feature-group-heading{grid-template-columns:1fr}.feature-card-grid{grid-template-columns:1fr}.environment-group,.poster-group{padding:0}.environment-copy,.poster-copy{padding:28px 20px 34px}.environment-image,.poster-image{min-height:300px}.panorama-quality{grid-template-columns:1fr}.puzzle-layout{gap:16px}.puzzle-image{min-height:320px}.puzzle-compare{grid-template-columns:1fr}.puzzle-compare ul{grid-column:auto}.quality-group .feature-group-heading{display:grid;text-align:left}.quality-stats{grid-template-columns:1fr 1fr}.quality-stats div:nth-child(2){border-right:0}.quality-stats div:nth-child(-n+2){border-bottom:1px solid var(--hairline)}.notes-grid ul{grid-template-columns:1fr}.feature-cta-inner{grid-template-columns:1fr;text-align:center}.feature-cta img{margin:auto}.feature-cta .btn{grid-column:auto;justify-self:center}}
@media(prefers-reduced-motion:reduce){.feature-hero-art{transform:none}}