.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8) var(--space-4);padding-bottom:var(--space-14);overflow:hidden}.hero__content{position:relative;z-index:1;text-align:center;max-width:56rem;padding:var(--space-12);gap:var(--space-6)}.hero__index{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:600;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-fg-subtle);margin-bottom:var(--space-8);opacity:0;transform:translateY(-10px);animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-1)}.hero__index-name{color:var(--color-fg-muted)}.hero__index-divider{color:var(--color-guide)}.hero__index-number{color:var(--color-accent)}.hero__symbol{color:var(--color-accent);opacity:.8}.hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-2)}.hero__bracket{position:absolute;width:24px;height:24px;border-color:var(--color-bracket);border-style:solid;border-width:0}.hero__bracket--tl{top:0;left:0;border-top-width:3px;border-left-width:3px}.hero__bracket--tr{top:0;right:0;border-top-width:3px;border-right-width:3px}.hero__bracket--bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.hero__bracket--br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.hero__body{opacity:0;transform:translateY(20px);animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-3);display:grid;gap:var(--space-5);margin-bottom:var(--space-10)}.hero__headline{font-size:var(--font-size-hero);font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg);margin-bottom:var(--space-6)}.hero__subheadline{font-size:var(--font-size-xl);color:var(--color-fg-muted);line-height:var(--line-height-normal);opacity:0;transform:translateY(10px);animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-4)}.hero__scroll-cue{position:relative;margin-top:var(--space-6);z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-wide);text-transform:lowercase;color:var(--color-fg-subtle);opacity:0;animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-5)}.hero__scroll-text{opacity:.6}.hero__scroll-arrow{animation:scroll-bounce 2s var(--ease-smooth) infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(4px);opacity:1}}@keyframes hero-reveal{to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero{min-height:100vh;padding:var(--space-6) var(--space-4);padding-bottom:var(--space-16)}.hero__content{padding:var(--space-8)}.hero__bracket{width:16px;height:16px}.hero__headline{font-size:clamp(1.5rem,8vw,2.5rem)}.hero__subheadline{font-size:var(--font-size-lg)}.hero__scroll-cue{margin-top:var(--space-5)}}@media (prefers-reduced-motion: reduce){.hero__index,.hero__frame,.hero__body,.hero__subheadline,.hero__scroll-cue{opacity:1;transform:none;animation:none}.hero__scroll-arrow{animation:none}}.statement{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.statement__icon{font-size:var(--font-size-xl);color:var(--color-accent)}.statement__text{font-size:var(--font-size-xl);font-weight:500;color:var(--color-fg-muted);letter-spacing:.02em}@media (max-width: 640px){.statement{flex-direction:column;gap:var(--space-2)}.statement__text{font-size:var(--font-size-lg)}}.navigation{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-4);padding:var(--space-8) var(--space-4);max-width:72rem;margin-inline:auto}.nav-block{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg,#ffffff14,#ffffff05),#00000052;background-blend-mode:screen,normal;border-radius:var(--radius-md);border:2.5px solid rgba(255,255,255,.16);text-decoration:none;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000059;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);isolation:isolate;transition:transform var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),background-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.nav-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;z-index:0;pointer-events:none}.nav-block>*{position:relative;z-index:1}.nav-block:hover{border-color:#ffffff4d;background:linear-gradient(135deg,#ffffff24,#ffffff0d);transform:translateY(var(--hover-lift));box-shadow:0 22px 70px #0000006b}.nav-block:hover .nav-block__arrow{transform:translate(var(--arrow-nudge));opacity:1}.nav-block:hover .nav-block__action{color:var(--color-accent)}.nav-block:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-color:#ffffff6b;background:linear-gradient(135deg,#ffffff29,#ffffff0f)}.nav-block:active{transform:scale(var(--press-scale));box-shadow:none;transition-duration:var(--duration-instant)}.nav-block__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.nav-block__label{font-size:var(--font-size-xl);font-weight:600;color:#fff;letter-spacing:var(--letter-spacing-tight)}.nav-block__arrow{font-size:var(--font-size-lg);color:#ffffffb8;opacity:.8;transition:transform var(--duration-normal) var(--ease-smooth),opacity var(--duration-normal) var(--ease-smooth)}.nav-block__description{font-size:var(--font-size-base);color:#ffffffe6;line-height:var(--line-height-relaxed);flex-grow:1}.nav-block__action{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:#ffffffd9;margin-top:var(--space-2);transition:color var(--duration-normal) var(--ease-smooth)}.tools-banner{max-width:72rem;margin-inline:auto;padding:0 var(--space-4);padding-top:var(--space-8)}.nav-block--featured{border-color:#e6394640}.nav-block--featured:before{background:linear-gradient(135deg,rgba(230,57,70,.06),transparent 60%)}.nav-block--featured:hover{border-color:#e6394680}.nav-block--featured__badge{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-accent);padding:var(--space-1) var(--space-3);border:1px solid rgba(230,57,70,.3);border-radius:var(--radius-sm);line-height:1;vertical-align:middle;margin-left:var(--space-3)}@media (max-width: 768px){.navigation{grid-template-columns:1fr;gap:var(--space-3)}.nav-block{padding:var(--space-5)}.nav-block:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.nav-block{transition:none}.nav-block:hover,.nav-block:active{transform:none}.nav-block__arrow{transition:none}.nav-block:hover .nav-block__arrow{transform:none}}.cta{padding:var(--space-16) var(--space-4);text-align:center}.cta__heading{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-6)}.cta__button{display:inline-block;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.05em;color:var(--color-bg);background:var(--color-accent);border:none;border-radius:.25rem;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);text-decoration:none}.cta__button:hover,.cta__button:focus-visible{background:var(--color-fg);transform:translateY(-2px)}.cta__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.cta__contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.cta__contact-link{font-size:var(--font-size-base);color:var(--color-fg-muted);font-weight:500;transition:color var(--transition-fast)}.cta__contact-link:hover,.cta__contact-link:focus-visible{color:var(--color-accent)}@media (max-width: 640px){.cta__heading{font-size:var(--font-size-xl)}.cta__button{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}.cta__contacts{flex-direction:column;gap:var(--space-4)}}