@layer pages{.home-page{width:94vw;max-width:100%;min-height:calc(100vh - var(--nav-height));min-height:calc(100dvh - var(--nav-height));padding:0 var(--space-8) var(--space-16);margin:0 auto;position:relative}.home-page>section,.home-page>footer{z-index:1;position:relative}.hero{text-align:center;padding:var(--space-8) 0 var(--space-6);margin-bottom:var(--space-6);background-image:linear-gradient(to right, transparent, var(--color-border-light) 20%, var(--color-border-light) 80%, transparent);background-position:bottom;background-repeat:no-repeat;background-size:100% 1px;border-bottom:1px solid #0000;position:relative}.hero-title{font-family:var(--font-family-heading);letter-spacing:.15em;margin:0 0 var(--space-2);cursor:default;white-space:nowrap;background:linear-gradient(135deg, var(--color-fg-primary) 0%, var(--color-accent-base) 40%, var(--color-fg-secondary) 60%, var(--color-fg-primary) 100%);color:#0000;transition:transform var(--motion-duration-slow) var(--motion-easing-out), letter-spacing var(--motion-duration-slow) var(--motion-easing-out);background-size:300% 300%;background-clip:text;align-items:baseline;font-size:3rem;font-weight:700;line-height:1.1;animation:12s linear infinite alternate heroBgPan;display:inline-flex;position:relative}.hero-title:hover{letter-spacing:.16em;transform:scale(1.02)}@keyframes heroBgPan{0%{background-position:0 0}to{background-position:100% 100%}}.hero-title:after{content:attr(data-text);text-align:center;white-space:nowrap;color:#0000;-webkit-text-stroke:1px color-mix(in oklch, var(--color-accent-base) 40%, transparent);z-index:-1;opacity:.5;pointer-events:none;width:100%;transition:transform .6s cubic-bezier(.2,1,.3,1),opacity .4s,-webkit-text-stroke .4s;animation:4s ease-in-out infinite alternate heroGhostIdle;position:absolute;top:0;left:0;transform:translate(-3px,-3px)}.hero-title:hover:after{opacity:.9;-webkit-text-stroke:1.5px color-mix(in oklch, var(--color-accent-base) 70%, transparent);animation:none;transform:translate(-10px,-10px)scale(1.03)}.home-page--sub .hero-title{letter-spacing:.12em;margin-bottom:var(--space-1);font-size:2.1rem}.home-page--sub .hero-title:hover{letter-spacing:.13em}@keyframes heroGhostIdle{0%{transform:translate(-2px,-2px)}to{transform:translate(-4px,-4px)}}@media (prefers-reduced-motion:reduce){.hero-title,.hero-title:after{transition:none;animation:none}}.hero-title-fan,.hero-title-dex{display:inline-block}.hero-stats-row{justify-content:center;align-items:center;gap:var(--space-6);margin-top:var(--space-2);flex-wrap:wrap;display:flex}.hero-stats{justify-content:center;align-items:center;gap:var(--space-6);font-family:var(--font-family-heading);flex-wrap:wrap;font-size:.82rem;display:flex}.stat-item{flex-direction:column;align-items:center;gap:4px;padding-bottom:4px;display:flex}.stat-num{color:var(--color-fg-primary);font-variant-numeric:tabular-nums;letter-spacing:-.02em;font-size:1.4em;font-weight:700}.stat-label{color:var(--color-fg-tertiary);letter-spacing:.06em;text-transform:uppercase;font-size:.78em}.stat-divider{background:linear-gradient(to bottom, transparent, var(--color-border-light) 30%, var(--color-border-light) 70%, transparent);width:1px;height:28px}.hero-entries{gap:var(--space-1);flex-wrap:wrap;justify-content:center;display:flex}.entry-btn{color:var(--color-fg-secondary);font-family:var(--font-family-heading);letter-spacing:.02em;cursor:pointer;transition:color var(--motion-duration-instant) var(--motion-easing-out);background:0 0;justify-content:center;align-items:center;padding:12px 34px;font-size:.94rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.entry-btn:hover{color:var(--color-accent-base)}.entry-btn:active{transform:scale(.98)}.entry-btn:focus-visible{outline:2px solid color-mix(in oklch, var(--color-accent-base) 60%, transparent);outline-offset:2px}.entry-border{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.entry-border path{fill:none;stroke:var(--color-accent-base);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:250;stroke-dashoffset:250px;transition:stroke-dashoffset .8s cubic-bezier(.4,0,.2,1)}.entry-btn:hover .entry-border path{stroke-dashoffset:0}@media (prefers-reduced-motion:reduce){.entry-border path{stroke-dashoffset:0;transition:none}}.entry-name{white-space:nowrap;z-index:1;padding-bottom:3px;position:relative}.entry-name:after{content:"";background:var(--color-accent-base);opacity:.45;transform-origin:50%;height:2px;transition:opacity var(--motion-duration-instant) var(--motion-easing-out), transform var(--motion-duration-normal) var(--motion-easing-out);border-radius:1px;position:absolute;bottom:0;left:0;right:0;transform:scaleX(.85)}.entry-btn:hover .entry-name:after{opacity:1;transform:scaleX(1)}.hero-terminal{max-width:560px;margin:var(--space-6) auto 0;text-align:left;border:1px solid var(--color-border-strong);border-radius:var(--radius-md);background:var(--color-code-bg);box-shadow:var(--shadow-xs);overflow:hidden}.hero-terminal__bar{background:color-mix(in srgb, var(--color-fg-primary) 5%, var(--color-code-bg));border-bottom:1px solid color-mix(in srgb, var(--color-fg-primary) 10%, transparent);justify-content:space-between;align-items:center;padding:6px 12px;display:flex}.hero-terminal__title{font-family:var(--font-family-mono,monospace);letter-spacing:.08em;color:color-mix(in srgb, var(--color-code-text) 72%, transparent);font-size:.7rem}.hero-terminal__rec{font-family:var(--font-family-mono,monospace);letter-spacing:.12em;color:var(--color-danger);font-size:.7rem;animation:2.4s ease-in-out infinite heroTerminalRec}@keyframes heroTerminalRec{0%,to{opacity:1}50%{opacity:.4}}.hero-terminal__body{min-height:6.5em;font-family:var(--font-family-mono,monospace);color:var(--color-code-text);white-space:pre-wrap;margin:0;padding:12px 14px;font-size:.75rem;line-height:1.7;overflow:hidden}.hero-terminal__input{width:100%;font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;text-align:left;caret-color:auto;background:0 0;border:none;outline:none;padding:0;display:block}@media (prefers-reduced-motion:reduce){.hero-terminal__rec{animation:none}}.category-section{margin-bottom:var(--space-8);transition:grid-template-rows var(--motion-duration-normal) var(--motion-easing-out);contain:layout style;grid-template-rows:auto 1fr;display:grid}.category-section.collapsed{grid-template-rows:auto 0fr}.category-header{justify-content:space-between;align-items:center;gap:var(--space-4);padding:var(--space-1) 0 var(--space-2);margin-bottom:var(--space-2);display:flex}.category-header__lead{align-items:center;gap:var(--space-inline-sm);padding:var(--space-1) var(--space-2);cursor:pointer;color:var(--color-fg-primary);font-family:var(--font-family-heading);border-radius:var(--radius-sm,2px);transition:background-color var(--motion-duration-instant) var(--motion-easing-out), color var(--motion-duration-instant) var(--motion-easing-out);background:0 0;border:none;display:inline-flex;position:relative}.category-header__lead:hover{background:var(--color-bg-hover)}.category-header__lead .entry-border path{stroke:var(--marker-color,var(--color-accent-base))}.category-header__lead:hover .entry-border path{stroke-dashoffset:0}.category-header__lead:focus-visible{outline:2px solid var(--color-border-focus);outline-offset:2px}.category-marker{background:var(--marker-color,var(--color-accent-base));width:3px;height:14px;transition:height var(--motion-duration-instant) var(--motion-easing-out);border-radius:1px;flex-shrink:0}.category-header__lead:hover .category-marker{height:18px}.category-tag{color:var(--color-fg-primary);letter-spacing:.04em;font-size:.95rem;font-weight:700}.category-count{color:var(--color-fg-tertiary);font-variant-numeric:tabular-nums;border-radius:var(--radius-md,4px);background:var(--color-bg-elevated);border:1px solid var(--color-border-subtle);padding:1px 8px;font-size:.75rem;line-height:1.5}.toggle-icon{color:var(--color-fg-tertiary);transition:transform var(--motion-duration-normal) var(--motion-easing-out), color var(--motion-duration-instant) var(--motion-easing-out)}.category-header__lead:hover .toggle-icon{color:var(--color-fg-secondary)}.category-section.collapsed .toggle-icon{transform:rotate(-90deg)}.feature-scroller{min-height:0;overflow:hidden}.category-header__actions{align-items:center;gap:var(--space-inline-xs);display:flex}.category-nav-btn{width:30px;height:30px}@media (hover:hover){.category-nav-btn[data-nav="-1"]:hover svg{transform:translate(-2px)scale(1.08)}.category-nav-btn[data-nav="1"]:hover svg{transform:translate(2px)scale(1.08)}}.feature-scroller{cursor:grab;user-select:none;position:relative;overflow:hidden;mask-image:linear-gradient(90deg,#0000 0,#000 4% 96%,#0000 100%)}.feature-scroller.is-dragging{cursor:grabbing}.feature-track{gap:var(--space-4);padding:var(--space-1) 0;will-change:transform;width:max-content;display:flex}.feature-track .module-card{flex:0 0 200px}@media (width<=767.98px){.home-page{padding:0 var(--space-4) var(--space-12)}.hero{padding:var(--space-8) 0 var(--space-6)}.hero-title{letter-spacing:.1em;margin:0;font-size:2rem}.home-page--sub .hero-title{letter-spacing:.08em;font-size:1.55rem}.hero-stats{gap:var(--space-2);font-size:.75rem}.stat-num{font-size:1.2em}.stat-divider{height:20px}.hero-stats-row{gap:var(--space-4);flex-direction:column}.hero-entries{gap:var(--space-1);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0;display:grid}.entry-btn{padding:10px 8px;font-size:.85rem}.feature-track .module-card{flex:0 0 200px}.module-card{padding:var(--space-4);gap:var(--space-1)}.card-title{font-size:.82rem}.card-desc{font-size:.75rem}.category-nav-btn{width:28px;height:28px}}@media (width<=480px){.hero-title{font-size:1.6rem}.home-page--sub .hero-title{font-size:1.3rem}.entry-btn{padding:8px 4px;font-size:.78rem}.hero-terminal__body{min-height:6em;font-size:.7rem}.feature-track .module-card{flex:0 0 170px}.module-card{padding:var(--space-2);gap:4px}.card-icon{width:24px;height:24px;font-size:.6rem}.card-title{font-size:.75rem}.card-desc{-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.75rem;display:-webkit-box;overflow:hidden}.stat-divider{display:none}.hero-stats{gap:var(--space-4)}.category-header__actions{display:none}.hero-stats{gap:var(--space-4);font-size:.75rem}.stat-num{font-size:1.1em}}.hero-title{animation:heroBgPan 12s linear infinite alternate, hero-title-in var(--motion-duration-slower) var(--motion-easing-out) 40ms backwards}@keyframes hero-title-in{0%{opacity:0;letter-spacing:.26em;transform:translateY(14px)}}.hero-stats{animation:fndx-slide-up var(--motion-duration-normal) var(--motion-easing-out) .16s backwards}.hero-entries{animation:fndx-slide-up var(--motion-duration-normal) var(--motion-easing-out) .26s backwards}@keyframes entry-path-intro{0%{stroke-dashoffset:250px}40%{stroke-dashoffset:0}55%{stroke-dashoffset:0}to{stroke-dashoffset:250px}}.hero-entries .entry-btn .entry-border path{animation:entry-path-intro 1.9s var(--motion-easing-in-out) backwards;animation-delay:calc(.5s + var(--entry-i,0) * .14s)}.hero{animation:hero-rule-in var(--motion-duration-slower) var(--motion-easing-out) .42s backwards}@keyframes hero-rule-in{0%{background-size:0% 1px}to{background-size:100% 1px}}.feature-track .module-card:not([aria-hidden=true]){animation:fndx-slide-up var(--motion-duration-normal) var(--motion-easing-out) both}.feature-track .module-card:not([aria-hidden=true]):first-child{animation-delay:40ms}.feature-track .module-card:not([aria-hidden=true]):nth-child(2){animation-delay:80ms}.feature-track .module-card:not([aria-hidden=true]):nth-child(3){animation-delay:.12s}.feature-track .module-card:not([aria-hidden=true]):nth-child(4){animation-delay:.16s}.feature-track .module-card:not([aria-hidden=true]):nth-child(5){animation-delay:.2s}.feature-track .module-card:not([aria-hidden=true]):nth-child(6){animation-delay:.24s}.feature-track .module-card:not([aria-hidden=true]):nth-child(7){animation-delay:.28s}.feature-track .module-card:not([aria-hidden=true]):nth-child(8){animation-delay:.32s}@media (prefers-reduced-motion:reduce){.hero,.hero-title,.hero-stats,.hero-entries,.hero-entries .entry-btn .entry-border path,.feature-track .module-card{animation:none}}}