.hero{position:relative;z-index:1;padding:3rem 2rem 4rem}.hero-inner{max-width:760px;margin:0 auto;text-align:center;display:flex;flex-direction:column;align-items:center}.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;padding:.375rem .85rem;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-text);background:var(--accent-soft);border:1px solid var(--border-light);border-radius:var(--radius-full);margin-bottom:1.5rem}.hero-title{font-family:var(--font-heading);font-size:clamp(4rem,12vw,9rem);font-weight:700;letter-spacing:-.06em;line-height:.9;color:var(--text-primary);margin-bottom:1.5rem}.hero-desc{font-size:1.1rem;color:var(--text-secondary);max-width:560px;line-height:1.7;margin-bottom:2rem}.hero-actions{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;justify-content:center}.hero-note{margin-top:1.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted);letter-spacing:.04em}.hero-media{margin:3.5rem auto 0;max-width:1200px;width:100%;border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;background:var(--bg-card);box-shadow:var(--shadow-lg);transition:box-shadow var(--transition) var(--ease-out)}.hero-media:hover{box-shadow:var(--shadow-xl)}.hero-media img{display:block;width:100%;height:auto}@media(max-width:600px){.hero{padding:2rem 1.25rem 3rem}.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{justify-content:center}.hero-media{margin-top:2.5rem;border-radius:var(--radius-md)}}.showcase{position:relative;z-index:1;padding:5rem 2rem}.showcase-list{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:4.5rem}.showcase-row{display:grid;grid-template-columns:1fr 1.05fr;gap:3rem;align-items:center}.showcase-row:nth-child(2n) .showcase-text{order:2}.showcase-text{display:flex;flex-direction:column;align-items:flex-start}.showcase-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.18em;color:var(--accent-active);background:var(--accent-soft);border:1px solid var(--border-light);padding:.35rem .85rem;border-radius:var(--radius-full);margin-bottom:1.25rem}.showcase-text h3{font-family:var(--font-heading);font-weight:600;font-size:clamp(1.5rem,2.6vw,2.1rem);letter-spacing:-.03em;line-height:1.15;color:var(--text-primary);margin-bottom:1rem}.showcase-text p{font-size:1rem;color:var(--text-secondary);line-height:1.75;max-width:46ch}.showcase-text code{font-family:var(--font-mono);font-size:.85em;padding:.1em .4em;border-radius:.35rem;background:var(--accent-soft);color:var(--accent-text)}.showcase-media{position:relative;border-radius:var(--radius-lg);overflow:hidden;border:1px solid var(--border);background:var(--bg-card);box-shadow:var(--shadow-lg);transition:transform var(--transition) var(--ease-out),box-shadow var(--transition) var(--ease-out),border-color var(--transition) var(--ease-out)}.showcase-media:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(120% 120% at 50% 0%,var(--accent-glow),transparent 60%);opacity:0;transition:opacity var(--transition-slow) var(--ease-out);pointer-events:none}.showcase-media img{display:block;width:100%;height:auto;transition:transform .6s var(--ease-out)}.showcase-row:hover .showcase-media{transform:translateY(-4px);border-color:var(--accent);box-shadow:0 24px 60px var(--accent-glow),var(--shadow-lg)}.showcase-row:hover .showcase-media:after{opacity:.55}.showcase-row:hover .showcase-media img{transform:scale(1.03)}@media(max-width:820px){.showcase-list{gap:3rem}.showcase-row{grid-template-columns:1fr;gap:1.5rem}.showcase-row:nth-child(2n) .showcase-text{order:0}.showcase-text p{max-width:none}}.features{position:relative;z-index:1;padding:5rem 2rem}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.feature-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);padding:2rem;transition:border-color var(--transition) var(--ease-out),transform var(--transition) var(--ease-out),box-shadow var(--transition) var(--ease-out)}.feature-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:var(--shadow-md)}.feature-card-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--accent-soft);border-radius:.75rem;color:var(--accent-active);margin-bottom:1.25rem}.feature-card h3{font-family:var(--font-heading);font-weight:600;font-size:1.2rem;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.5rem}.feature-card p{font-size:.9rem;color:var(--text-secondary);line-height:1.7}@media(max-width:900px){.features-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.features-grid{grid-template-columns:1fr}}.methodology{background:var(--bg-contrast);color:var(--text-primary);border-radius:4rem 4rem 0 0;position:relative;z-index:1;padding:5rem 2rem;margin-top:2rem}.methodology-grid{display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;max-width:1100px;margin:0 auto}.methodology-list{display:flex;flex-direction:column;gap:2.5rem}.methodology-item{display:flex;gap:1.5rem;align-items:flex-start}.methodology-number{display:flex;align-items:center;justify-content:center;width:48px;height:48px;border-radius:50%;border:1.5px solid var(--border);font-family:var(--font-mono);font-size:.85rem;font-weight:500;color:var(--accent-active);flex-shrink:0}.methodology-item h3{font-family:var(--font-heading);font-weight:600;font-size:1.2rem;letter-spacing:-.03em;color:var(--text-primary);margin-bottom:.375rem}.methodology-item p{font-size:.9rem;color:var(--text-secondary);line-height:1.6}.methodology-right{position:relative;display:flex;justify-content:center}.methodology-portrait{width:280px;height:280px;border-radius:50%;background:linear-gradient(135deg,var(--coffee-200),var(--coffee-400));display:flex;align-items:center;justify-content:center;box-shadow:var(--shadow-md)}.methodology-monogram{font-family:var(--font-heading);font-size:6rem;font-weight:700;color:var(--text-white);letter-spacing:-.04em}@media(max-width:900px){.methodology-grid{grid-template-columns:1fr;gap:3rem}.methodology-right{order:-1}.methodology{border-radius:2rem 2rem 0 0}.methodology-portrait{width:200px;height:200px}.methodology-monogram{font-size:4rem}}.section--changelog{padding-top:0}.changelog-card{max-width:560px;margin:2rem auto 0;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden}.changelog-header{display:flex;align-items:center;gap:.5rem;padding:1rem 1.5rem;border-bottom:1px solid var(--border-light);font-size:.85rem;font-weight:600;color:var(--text-secondary);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em}.changelog-content{padding:1.5rem;display:flex;flex-direction:column;gap:.75rem}.changelog-item{display:flex;gap:.75rem;align-items:flex-start}.changelog-bullet{width:6px;height:6px;border-radius:50%;background:var(--accent);margin-top:.55rem;flex-shrink:0}.changelog-text{font-size:.85rem;color:var(--text-secondary);line-height:1.6}.changelog-empty{font-size:.9rem;color:var(--text-muted);line-height:1.6}.changelog-more{padding:1rem 1.5rem;border-top:1px solid var(--border-light);text-align:center}.changelog-more a{color:var(--accent-text);font-size:.85rem;font-weight:500;transition:opacity .2s}.changelog-more a:hover{opacity:.8;text-decoration:underline}.faq{position:relative;z-index:1;padding:5rem 2rem}.faq-list{max-width:760px;margin:0 auto;display:flex;flex-direction:column;gap:.75rem}.faq-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-md);overflow:hidden;transition:border-color var(--transition) var(--ease-out)}.faq-item[open]{border-color:var(--accent-text)}.faq-item:hover{border-color:var(--accent)}.faq-question{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.25rem 1.5rem;font-family:var(--font-heading);font-weight:600;font-size:1.05rem;letter-spacing:-.02em;color:var(--text-primary);cursor:pointer;list-style:none;user-select:none}.faq-question::-webkit-details-marker{display:none}.faq-question:focus-visible{outline:2px solid var(--accent);outline-offset:-2px;border-radius:var(--radius-md)}.faq-icon{flex-shrink:0;color:var(--accent-text);transition:transform var(--transition) var(--ease-out)}.faq-item[open] .faq-icon{transform:rotate(180deg)}.faq-answer{padding:0 1.5rem 1.5rem}.faq-answer p{font-size:.95rem;color:var(--text-secondary);line-height:1.7;max-width:62ch}@media(max-width:600px){.faq{padding-left:1.25rem;padding-right:1.25rem}.faq-question{font-size:1rem;padding:1rem 1.25rem}.faq-answer{padding:0 1.25rem 1.25rem}}.cta-section{position:relative;z-index:1;padding:3rem 2rem 5rem;text-align:center}.cta-section h2{font-family:var(--font-heading);font-weight:700;font-size:clamp(2rem,4vw,3rem);letter-spacing:-.06em;line-height:1.1;color:var(--text-primary);margin-bottom:.75rem}.cta-section p{color:var(--text-secondary);font-size:1.05rem;margin-bottom:2rem}.cta-buttons{display:flex;justify-content:center;gap:1rem;flex-wrap:wrap}.cta-section .cta-buttons .btn--secondary{background:var(--bg-card);color:var(--accent-text);border:1px solid var(--border)}.cta-section .cta-buttons .btn--secondary:hover{border-color:var(--accent);background:var(--accent-soft)}.cta-note{margin-top:1.25rem;font-family:var(--font-mono);font-size:.75rem;color:var(--text-muted)}.cta-note a{color:var(--accent-active);transition:opacity .2s}.cta-note a:hover{text-decoration:underline}