:root{--bg:#fff;--fg:#111;--brand:#00c2ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{padding:0;margin:0;overflow-x:hidden;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Ubuntu,Arial,sans-serif;background:var(--bg);color:var(--fg)}.container{max-width:1100px;margin:0 auto;padding:24px}.card{background:#fff;border:1px solid #eee;border-radius:16px;padding:24px;box-shadow:0 2px 16px rgba(0,0,0,.04)}.grid{display:grid;grid-gap:14px;gap:14px}.grid2{grid-template-columns:1fr 1fr}@media (max-width:768px){.grid2{grid-template-columns:1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;border:0;background:#111;color:#fff;padding:12px 18px;font-weight:600;cursor:pointer}.btn[disabled]{opacity:.5;cursor:not-allowed}.input{width:100%;padding:12px 14px;border:1px solid #ddd;border-radius:10px}.label{display:block;margin-bottom:6px;font-weight:600}.hint{font-size:12px;color:#666}.err{color:#b00020;font-size:13px;margin-top:4px}.ck{display:flex;gap:10px;align-items:flex-start}.tag{display:inline-block;background:#eef6ff;color:#035;padding:4px 8px;border-radius:999px;font-size:12px}.site-header{position:-webkit-sticky;position:sticky;top:0;z-index:100;background:#fff;border-bottom:1px solid #eee}.site-header__inner{justify-content:space-between;gap:16px;padding:10px 0}.brand,.site-header__inner{display:flex;align-items:center}.brand{gap:10px;text-decoration:none;color:inherit}.nav-desktop{display:flex;gap:24px}.nav-desktop a{color:#111;text-decoration:none;font-weight:600}.nav-desktop a:hover{text-decoration:underline}.hamburger{display:none;background:none;border:0;padding:8px;cursor:pointer}.hamburger span{display:block;width:22px;height:2px;background:#111;margin:4px 0;border-radius:1px}@media (max-width:768px){.nav-desktop{display:none}.hamburger{display:block}}.mobile-backdrop{position:fixed;inset:0;background:rgba(0,0,0,.4)}.nav-mobile{position:fixed;top:0;right:0;width:75%;max-width:280px;height:100vh;background:#fff;padding:24px;display:flex;flex-direction:column;gap:18px;box-shadow:-8px 0 32px rgba(0,0,0,.15)}.nav-mobile a{color:#111;text-decoration:none;font-weight:600;font-size:16px}.site-header+.container{padding-top:0}.bleed{width:100vw;margin-left:calc(50% - 50vw);margin-right:calc(50% - 50vw)}.hero{margin-top:0;margin-bottom:24px}.hero img,.hero picture{display:block;width:100%;height:auto}.hero.bleed{margin:0;padding:0}.hero.bleed img,.hero.bleed picture{display:block;width:100%;height:auto}@media (min-width:1024px){.hero{margin-bottom:40px}}.logo{height:40px}.site-footer{margin-top:40px;padding:24px 16px;border-top:1px solid #eee;background:#fafafa}.site-footer.bleed{padding-left:0;padding-right:0}.footer-inner{max-width:1100px;margin:0 auto;display:flex;gap:16px;align-items:center;justify-content:space-between;flex-wrap:wrap}.footer-inner .copy{margin:0;color:#666;font-size:14px}.socials{list-style:none;display:flex;gap:14px;padding:0;margin:0}.socials li a{display:inline-flex;width:36px;height:36px;border-radius:999px;align-items:center;justify-content:center;background:#111;transition:transform .15s ease,opacity .15s ease}.socials li a:hover{transform:translateY(-2px);opacity:.9}.socials li svg{width:18px;height:18px;fill:#fff}.footer-dev{max-width:1100px;margin:10px auto 0;padding-top:12px;border-top:1px dashed #e5e5e5;display:flex;gap:10px;align-items:center;justify-content:center}.footer-dev .dev-text{color:#777;font-size:13px}.footer-dev .dev-link{display:inline-flex;align-items:center;transform:translateY(1px);transition:transform .15s ease,opacity .15s ease}.footer-dev .dev-link:hover{transform:translateY(-1px);opacity:.95}@media (max-width:640px){.site-footer{padding:20px 14px}.footer-inner{gap:10px}.footer-dev{padding-top:10px}}