:root{--font-sans:-apple-system, BlinkMacSystemFont, "SF Pro Display", "SF Pro Text", "Helvetica Neue", Helvetica, Arial, sans-serif;--color-bg:#fff;--color-bg-elevated:#f5f5f7;--color-text:#1d1d1f;--color-text-secondary:#6e6e73;--color-border:#00000014;--color-accent:#0071e3;--color-accent-hover:#0077ed;--nav-bg:#ffffffb8;color-scheme:light}@media (prefers-color-scheme:dark){:root{--color-bg:#000;--color-bg-elevated:#1d1d1f;--color-text:#f5f5f7;--color-text-secondary:#86868b;--color-border:#ffffff1f;--color-accent:#2997ff;--color-accent-hover:#47a3ff;--nav-bg:#0009;color-scheme:dark}}*{box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0;line-height:1.47059}a{color:inherit;text-decoration:none}h1,h2,h3,h4{letter-spacing:-.015em;margin:0;font-weight:600}p{margin:0}img{max-width:100%;display:block}.wrap{max-width:980px;margin:0 auto;padding:0 22px}.wrap--narrow{max-width:692px}.nav{z-index:100;background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:1px solid var(--color-border);position:sticky;top:0}.nav__inner{justify-content:space-between;align-items:center;max-width:980px;height:44px;margin:0 auto;padding:0 22px;font-size:13px;display:flex}.nav__brand{letter-spacing:-.01em;font-size:15px;font-weight:600}.nav__links{gap:28px;display:flex}.nav__links a{color:var(--color-text);opacity:.8;transition:opacity .2s}.nav__links a:hover{opacity:1}.hero{text-align:center;padding:100px 0 80px}.hero__logo{width:84px;height:84px;color:var(--color-text);margin:0 auto 32px;display:block}.hero h1{background:linear-gradient(180deg, var(--color-text) 40%, var(--color-text-secondary));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-size:clamp(40px,7vw,80px);line-height:1.05}.hero p{color:var(--color-text-secondary);max-width:560px;margin-top:20px;margin-left:auto;margin-right:auto;font-size:clamp(18px,2.4vw,24px)}.hero__actions{justify-content:center;gap:16px;margin-top:32px;display:flex}.btn{border-radius:980px;padding:11px 22px;font-size:15px;font-weight:400;transition:all .2s;display:inline-block}.btn--primary{background:var(--color-accent);color:#fff}.btn--primary:hover{background:var(--color-accent-hover)}.btn--secondary{color:var(--color-accent)}.btn--secondary:hover{color:var(--color-accent-hover)}.section-title{text-align:center;margin-bottom:48px;font-size:clamp(28px,4vw,40px)}.post-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;padding:40px 0 100px;display:grid}.post-card{background:var(--color-bg-elevated);border-radius:18px;flex-direction:column;gap:12px;padding:32px;transition:transform .25s;display:flex}.post-card:hover{transform:translateY(-4px)}.post-card--with-image{gap:0;padding:0;overflow:hidden}.post-card__image{aspect-ratio:16/9;background:var(--color-border);overflow:hidden}.post-card__image img{object-fit:cover;width:100%;height:100%;transition:transform .4s;display:block}.post-card:hover .post-card__image img{transform:scale(1.03)}.post-card__body{flex-direction:column;flex-grow:1;gap:12px;display:flex}.post-card--with-image .post-card__body{padding:24px 28px 28px}.post-card__date{color:var(--color-text-secondary);font-size:13px}.post-card__title{font-size:22px}.post-card__excerpt{color:var(--color-text-secondary);flex-grow:1;font-size:15px}.post-card__link{color:var(--color-accent);font-size:15px}.post-header{text-align:center;border-bottom:1px solid var(--color-border);padding:72px 0 40px}.post-header__date{color:var(--color-text-secondary);font-size:15px}.post-header h1{margin-top:12px;font-size:clamp(32px,5vw,52px);line-height:1.08}.post-body{padding:56px 0 120px;font-size:19px;line-height:1.6}.post-body h2{margin:48px 0 16px;font-size:28px}.post-body p{color:var(--color-text);margin-bottom:24px}.post-body strong{font-weight:600}.post-body a{color:var(--color-accent)}.post-body a:hover{color:var(--color-accent-hover)}.post-body ul{margin:0 0 24px;padding-left:1.2em}.post-body li{margin-bottom:8px}.post-body img{border-radius:18px;margin:8px 0 32px}.footer{border-top:1px solid var(--color-border);color:var(--color-text-secondary);padding:40px 0;font-size:12px}.footer__inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;display:flex}.footer a{color:var(--color-text-secondary)}.footer a:hover{color:var(--color-text)}
