:root{--brand: #e49756;--neutral-dark: #1f2937;--neutral-medium: #6b7280;--neutral-light: #e5e7eb;--bg: #f9fafb;--surface: #ffffff;--radius-lg: 12px;--h1-size: 32px;--h1-weight: 700;--body-size: 14px;--body-weight: 400;--button-size: 14px;--button-weight: 600}@media(prefers-color-scheme:dark){:root{--neutral-dark: #f3f4f6;--neutral-medium: #d1d5db;--neutral-light: #374151;--bg: #111827;--surface: #0b1220}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--neutral-dark)}body .prose{display:grid;gap:12px}body .prose ul{margin:0;padding-left:18px}body .prose li{margin:6px 0}body .prose strong{font-weight:700}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em}a{color:inherit}.shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto}.content{width:100%;max-width:960px;margin:0 auto;padding:20px 16px 28px}.card{width:100%;background:var(--surface);border:1px solid var(--neutral-light);border-radius:var(--radius-lg);padding:24px}.logo{height:44px;width:auto;max-width:min(220px,60vw)}.h1{margin:0;font-size:var(--h1-size);font-weight:var(--h1-weight);line-height:1.2;color:var(--brand)}.h2{margin:0 0 12px;font-size:18px;font-weight:700;line-height:1.3;color:var(--neutral-dark)}.h3{margin:0 0 6px;font-size:15px;font-weight:700;line-height:1.3;color:var(--neutral-dark)}.body{margin:0;font-size:var(--body-size);line-height:1.5;color:var(--neutral-medium)}.lead{margin:10px 0 0;font-size:15px;line-height:1.55;color:var(--neutral-medium)}.page{display:grid;gap:16px}.hero{padding:8px 4px}.topbar{width:100%;padding:16px;border-bottom:1px solid var(--neutral-light);background:var(--surface)}.topbarInner{width:100%;max-width:960px;margin:0 auto;position:relative}.topbarRow{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:10px}.brandLink{display:flex;align-items:center;text-decoration:none}.nav{display:flex;gap:12px;align-items:center;flex-wrap:wrap;justify-content:center;flex:1 1 auto}.navLink{text-decoration:none;padding:6px 10px;border-radius:10px;border:1px solid transparent}.navLink.active{border-color:var(--neutral-light);background:color-mix(in srgb,var(--brand) 12%,transparent)}.lang{display:flex;align-items:center;gap:8px;flex:0 0 auto}.menu{position:relative;flex:0 0 auto}.menuButton{border:1px solid var(--neutral-light);background:var(--surface);color:var(--neutral-dark);padding:8px 10px;border-radius:10px;font-size:18px;line-height:1}.menuPanel{position:absolute;top:calc(100% + 10px);right:0;min-width:220px;background:var(--surface);border:1px solid var(--neutral-light);border-radius:var(--radius-lg);padding:10px;display:grid;gap:6px;z-index:10}.menuDivider{height:1px;background:var(--neutral-light);margin:6px 0}.menuLang{display:grid;gap:8px}.langLabel{font-size:12px;color:var(--neutral-medium)}.langSelect{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--neutral-light);background:var(--surface);color:var(--neutral-dark);padding:8px 10px;border-radius:10px;font-size:13px}.featureGrid{display:grid;gap:12px;grid-template-columns:1fr;margin-top:12px}.featureCard{border:1px solid var(--neutral-light);border-radius:var(--radius-lg);padding:14px;background:color-mix(in srgb,var(--surface) 90%,transparent)}.footer{width:100%;max-width:960px;margin:0 auto;padding:0 16px 24px;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:nowrap;white-space:nowrap}.footerLink{text-decoration:none}.footerLink:hover{text-decoration:underline}.subtitle{margin:0;font-size:var(--body-size);font-weight:var(--body-weight);line-height:1.5;color:var(--neutral-medium)}.divider{height:1px;background:var(--neutral-light);margin:20px 0}.small{margin:0;font-size:12px;line-height:1.4;color:var(--neutral-medium)}@media(min-width:720px){.content{padding:28px 16px 36px}.featureGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo{height:52px;max-width:260px}}@media(max-width:719px){.nav,.lang{display:none}.topbarRow{justify-content:space-between}}@media(min-width:720px){.menu{display:none}}