:root{--bg: #ffffff;--surface: #f6f7f9;--text: #14181f;--text-muted: #5b6472;--border: #e3e7ec;--brand: #0b5fff;--brand-dark: #0847c4;--brand-tint: #eef3ff;--radius: 14px;--maxw: 1120px;--font: "Nunito Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", system-ui, sans-serif}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font);font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;height:auto;display:block}a{color:var(--brand);text-decoration:none}a:hover{text-decoration:underline}.wrap{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:50;background:#ffffffe0;backdrop-filter:saturate(180%) blur(12px);border-bottom:1px solid var(--border)}.site-header__inner{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:68px}.site-logo{display:inline-flex;align-items:center;font-weight:800;font-size:1.15rem;letter-spacing:-.02em;color:var(--text)}.site-logo:hover{text-decoration:none}.site-nav{display:flex;align-items:center;gap:26px;flex-wrap:wrap}.site-nav a{color:var(--text-muted);font-size:.95rem;font-weight:600}.site-nav a:hover{color:var(--text);text-decoration:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 20px;border-radius:999px;background:var(--brand);color:#fff;font-weight:700;font-size:.95rem;border:1px solid transparent;transition:background .15s ease;white-space:nowrap}.btn:hover{background:var(--brand-dark);text-decoration:none}.btn--ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn--ghost:hover{background:var(--surface)}.hero{padding:76px 0 56px;background:linear-gradient(180deg,var(--brand-tint),var(--bg));border-bottom:1px solid var(--border)}.hero h1{margin:0 0 18px;font-size:clamp(2.1rem,5vw,3.4rem);line-height:1.12;letter-spacing:-.03em;font-weight:800;max-width:20ch}.hero__sub{margin:0;font-size:clamp(1.05rem,2vw,1.3rem);color:var(--text-muted);max-width:62ch}.hero__image{margin-top:40px;border-radius:var(--radius);border:1px solid var(--border);overflow:hidden;box-shadow:0 18px 48px -24px #14181f59}.content{padding:60px 0 88px}.prose{max-width:78ch}.prose>*+*{margin-top:1.1em}.prose h2{margin:2.4em 0 .2em;font-size:clamp(1.5rem,3vw,2rem);line-height:1.22;letter-spacing:-.02em;font-weight:800}.prose h2:first-child{margin-top:0}.prose h3{margin:1.9em 0 .1em;font-size:1.19rem;font-weight:750;line-height:1.35}.prose p{color:#232a35}.prose ul,.prose ol{padding-left:1.25em}.prose li+li{margin-top:.5em}.prose strong{font-weight:750;color:var(--text)}.prose blockquote{margin:1.6em 0;padding:18px 24px;border-left:3px solid var(--brand);background:var(--surface);border-radius:0 var(--radius) var(--radius) 0;color:#232a35;font-style:italic}.prose blockquote p{margin:0}.prose blockquote p+p{margin-top:.7em;font-style:normal;font-weight:700;color:var(--text-muted);font-size:.94rem}.prose img{border-radius:var(--radius);border:1px solid var(--border);margin:1.6em 0}.prose code{background:var(--surface);border:1px solid var(--border);border-radius:6px;padding:.15em .4em;font-size:.9em}.post-list{list-style:none;margin:32px 0 0;padding:0;display:grid;gap:14px}.post-card{display:block;padding:22px 24px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg);transition:border-color .15s ease,transform .15s ease}.post-card:hover{border-color:var(--brand);transform:translateY(-2px);text-decoration:none}.post-card__title{margin:0;font-size:1.16rem;font-weight:750;color:var(--text);line-height:1.35}.post-card__meta{margin:8px 0 0;font-size:.88rem;color:var(--text-muted)}.site-footer{background:#10141b;color:#c3cad6;padding:56px 0 34px}.site-footer a{color:#c3cad6;font-size:.94rem}.site-footer a:hover{color:#fff}.footer-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:34px}.footer-col h4{margin:0 0 14px;font-size:.78rem;font-weight:750;text-transform:uppercase;letter-spacing:.09em;color:#7d8798}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:9px}.footer-bottom{margin-top:42px;padding-top:22px;border-top:1px solid #262d38;display:flex;flex-wrap:wrap;gap:14px 26px;justify-content:space-between;font-size:.86rem;color:#7d8798}.footer-bottom nav{display:flex;gap:20px;flex-wrap:wrap}@media (max-width: 720px){.site-nav{display:none}.hero{padding:52px 0 40px}.content{padding:44px 0 64px}}