.methods-page{--methods-radius:2rem;letter-spacing:0}.methods-page :is(h1,h2,h3,h4){letter-spacing:0}.methods-hero{padding:9rem 0 3rem}.methods-hero h1{max-width:900px;font-size:4rem;line-height:1.08}.methods-index{z-index:20;background:hsl(var(--background) / .95);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border-block:1px solid hsl(var(--da-lavender) / .5);position:sticky;top:80px}.methods-index-inner{gap:.4rem;padding-block:.8rem;display:flex;overflow-x:auto}.method-section{padding-block:6rem;scroll-margin-top:160px}.method-section:nth-child(2n){background:hsl(var(--da-lavender-pale) / .4)}.method-workbench{border:1px solid hsl(var(--da-lavender) / .55);border-radius:var(--methods-radius);background:hsl(var(--card));box-shadow:var(--shadow-soft);overflow:hidden}.method-workbench-head{border-bottom:1px solid hsl(var(--border));justify-content:space-between;align-items:center;gap:1rem;padding:1.2rem 2rem;display:flex}.method-step{grid-template-columns:2.5rem 210px minmax(0,1fr);align-items:center;gap:1rem;padding:1rem 2rem;display:grid}.method-step+.method-step{border-top:1px solid hsl(var(--border) / .55)}.method-letter{background:hsl(var(--da-violet));width:2.5rem;height:2.5rem;color:hsl(var(--primary-foreground));border-radius:50%;place-items:center;font-size:1.2rem;display:grid}.method-prompt{background:hsl(var(--da-marine));color:hsl(var(--da-lavender));font-family:var(--font-mono);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:1rem;margin:0;padding:1rem 1.2rem;font-size:.8rem;line-height:1.7}.method-result{background:hsl(var(--da-marine));color:hsl(var(--da-cream));border-radius:var(--methods-radius);padding:2rem}.method-result :is(h3,h4){color:inherit}.method-kpis{border-top:1px solid hsl(var(--da-lavender) / .2);grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:1.5rem;padding-top:1.5rem;display:grid}.method-scenario{border-top:1px solid hsl(var(--da-lavender) / .5);grid-template-columns:1fr 1fr;gap:2rem;margin-top:2rem;padding-top:2rem;display:grid}.methods-page .method-tab[aria-current=true]{background:hsl(var(--da-marine));color:hsl(var(--da-cream))}.methods-page .method-tab{border-radius:999px;flex-shrink:0;font-weight:500}.methods-page .methods-photo{border-radius:var(--methods-radius);aspect-ratio:16/7;object-fit:cover;width:100%}.methods-page .method-chip{background:hsl(var(--da-lavender-pale));color:hsl(var(--da-body));border-radius:999px;padding:.55rem 1rem;font-size:.75rem}.methods-page .method-chip[data-active=true]{background:hsl(var(--da-violet));color:hsl(var(--primary-foreground))}.methods-page button{font-weight:500}@media (width<768px){.methods-hero{padding-top:7.5rem}.methods-hero h1{font-size:2.5rem}.methods-index{top:72px}.method-section{padding-block:4rem}.method-step{grid-template-columns:2.5rem minmax(0,1fr);padding:1.25rem}.method-prompt{grid-column:1/-1}.method-workbench-head{padding:1rem 1.25rem}.method-result{padding:1.5rem}.method-kpis{grid-template-columns:1fr;gap:.75rem}.method-scenario{grid-template-columns:1fr;gap:1.5rem}.methods-page{--methods-radius:1.5rem}}@media (prefers-reduced-motion:reduce){.methods-page *,.methods-page :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}