:root{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5;font-weight:400;color:var(--text);background:linear-gradient(135deg,var(--surfaceAlt) 0%,#ffffff 100%);font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:linear-gradient(135deg,var(--surfaceAlt) 0%,#ffffff 100%);color:var(--text)}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{font:inherit}#root{min-height:100vh}.site-shell{min-height:100vh;display:flex;flex-direction:column}.topbar,.page-content,.footer{width:min(1200px,calc(100% - 2rem));margin:0 auto}.topbar{display:flex;justify-content:space-between;align-items:center;padding:1.2rem 0}.brand{display:inline-flex;align-items:center;gap:.75rem;font-weight:700;font-size:1rem;color:var(--text)}.brand-logo{width:48px;height:48px;border-radius:14px;box-shadow:0 10px 25px var(--shadow)}.top-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1rem}.lang-switcher{display:inline-flex;gap:.35rem;padding:.25rem;border-radius:999px;background:var(--surface);border:1px solid var(--border)}.lang-switcher button{border:0;background:transparent;color:var(--muted);padding:.4rem .7rem;border-radius:999px;cursor:pointer}.lang-switcher button.active{background:var(--primary);color:#fff}.topnav{display:flex;gap:1rem;color:var(--muted)}.topnav a:hover,.footer-links a:hover{color:var(--primary)}.page-content{flex:1;padding:1rem 0 3rem}.hero{display:grid;grid-template-columns:1.2fr .8fr;gap:2rem;align-items:center;padding:2.5rem 0 3rem}.hero-copy h1{font-size:clamp(2rem,3vw,3.3rem);line-height:1.1;margin:.4rem 0 .9rem}.hero-text,.feature-card p,.article-card p,.article-card li,.quote-text{color:var(--muted)}.eyebrow{margin:0;text-transform:uppercase;letter-spacing:.22em;font-size:.8rem;font-weight:700;color:var(--primary)}.cta-row{display:flex;flex-wrap:wrap;gap:.9rem;margin-top:1.3rem}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:.8rem 1.15rem;font-weight:600;transition:transform .2s ease,box-shadow .2s ease}.btn:hover{transform:translateY(-1px)}.btn-primary{background:linear-gradient(135deg,var(--primary),var(--secondary));color:#fff;box-shadow:0 12px 25px #4883f233}.btn-secondary{border:1px solid var(--border);background:var(--surface);color:var(--text)}.hero-card,.feature-card,.article-card{background:var(--surface);border:1px solid rgba(212,218,227,.9);border-radius:var(--radius);box-shadow:0 20px 45px var(--shadow)}.hero-card{padding:1rem}.hero-card-top{display:flex;gap:.45rem;margin-bottom:1rem}.dot{width:10px;height:10px;border-radius:50%;background:var(--accent)}.dot:first-child{background:var(--primary)}.dot:nth-child(2){background:var(--secondary)}.hero-card-body{background:linear-gradient(135deg,#5ba2e51a,#38edd81f);padding:1.4rem;border-radius:calc(var(--radius) - 8px)}.price-pill{display:inline-flex;padding:.4rem .7rem;border-radius:999px;background:#22eee1;color:var(--text);font-weight:700;margin-bottom:.75rem}.hero-card-body h2{margin:0 0 .45rem}.feature-section{padding:1.25rem 0 .75rem}.section-heading{margin-bottom:1rem}.section-heading h2{margin:.35rem 0 0;font-size:clamp(1.4rem,2vw,1.8rem)}.feature-grid,.screenshot-grid{display:grid;gap:1rem}.feature-grid{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{padding:1.3rem}.feature-card h3{margin-top:0;margin-bottom:.45rem}.screenshot-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.screenshot{width:100%;height:100%;object-fit:cover;border-radius:var(--radius-sm);border:1px solid var(--border)}.markdown-page{padding:1rem 0 2rem}.article-card{padding:1.5rem}.article-card h1,.article-card h2,.article-card h3{color:var(--text)}.article-card ul{padding-left:1.2rem}.footer{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 0 2rem;color:var(--muted);font-size:.95rem}.footer-links{display:flex;gap:1rem}@media (max-width: 860px){.hero{grid-template-columns:1fr}}@media (max-width: 640px){.topbar,.footer{flex-direction:column;align-items:flex-start;gap:.75rem}.topnav{flex-wrap:wrap}}