*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--bg: hsl(0, 0%, 98%);--fg: hsl(160, 30%, 15%);--card: hsl(0, 0%, 100%);--primary: hsl(163, 35%, 28%);--primary-fg: hsl(0, 0%, 100%);--primary-light: hsl(163, 40%, 35%);--accent: hsl(163, 30%, 40%);--muted: hsl(160, 10%, 45%);--border: hsl(160, 15%, 88%);--section-alt: hsl(160, 15%, 95%);--radius: 8px;--font: "Inter", system-ui, -apple-system, sans-serif}body{font-family:var(--font);background:var(--bg);color:var(--fg);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}.header{position:sticky;top:0;z-index:50;background:#ffffffeb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid var(--border)}.header-inner{max-width:1100px;margin:0 auto;padding:0 24px;height:56px;display:flex;align-items:center;justify-content:space-between}.logo{font-size:1.25rem;font-weight:700;color:var(--primary);letter-spacing:-.02em}.nav{display:flex;align-items:center;gap:24px}.nav-link{font-size:.875rem;color:var(--muted);background:none;border:none;cursor:pointer;font-family:var(--font);transition:color .2s}.nav-link:hover{color:var(--primary)}.lang-switch{display:flex;gap:2px;border:1px solid var(--border);border-radius:var(--radius);padding:2px}.btn-primary{padding:4px 12px;font-size:.8125rem;font-weight:600;border:1px solid var(--primary);border-radius:6px;cursor:pointer;font-family:var(--font);background:var(--primary-fg);color:var(--primary);transition:all .2s}.btn-primary:hover{text-decoration:none;background:var(--primary);color:var(--primary-fg)}.lang-btn{padding:4px 12px;font-size:.8125rem;font-weight:600;border:none;border-radius:6px;cursor:pointer;font-family:var(--font);background:transparent;color:var(--muted);transition:all .2s}.lang-btn.active{background:var(--primary);color:var(--primary-fg)}.mobile-menu-btn{display:none;background:none;border:none;cursor:pointer;padding:4px}.mobile-menu-btn svg{width:24px;height:24px;color:var(--fg)}@media(max-width:768px){.nav{display:none}.mobile-menu-btn{display:block}}.hero{background:linear-gradient(135deg,var(--primary),var(--primary-light));padding:80px 24px;text-align:center}.hero h1{font-size:clamp(2rem,5vw,3rem);font-weight:700;color:var(--primary-fg);margin-bottom:12px;letter-spacing:-.02em}.hero p{font-size:1.125rem;color:#fffc;max-width:600px;margin:0 auto}.section{max-width:900px;margin:0 auto;padding:64px 24px}.section-alt{background:var(--section-alt)}.section-alt .section{padding-top:64px;padding-bottom:64px}.section h2{font-size:1.75rem;font-weight:700;margin-bottom:24px;letter-spacing:-.01em}.section p{color:var(--muted);line-height:1.7}.feature-list{list-style:none;margin-top:20px}.feature-list li{display:flex;align-items:flex-start;gap:10px;margin-bottom:10px}.feature-list li:before{content:"";width:8px;height:8px;background:var(--accent);border-radius:50%;margin-top:8px;flex-shrink:0}.card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius);padding:24px}.card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px}.card p{font-size:.9375rem}.steps{display:flex;flex-direction:column;gap:16px}.steps .card h3{color:var(--fg)}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}.features-grid .card h3{color:var(--primary)}.screenshot-figure{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:var(--card);box-shadow:0 2px 12px #293d360f}.screenshot-figure img{width:100%;display:block}.screenshot-figure figcaption{padding:12px 16px;font-size:.875rem;color:var(--muted);border-top:1px solid var(--border)}.footer{border-top:1px solid var(--border);padding:32px 24px;text-align:center;font-size:.875rem;color:var(--muted)}.fade-in{opacity:0;transform:translateY(12px);transition:opacity .5s ease,transform .5s ease}.fade-in.visible{opacity:1;transform:translateY(0)}