.blog-hero{padding:150px 0 32px;position:relative}.blog-hero__inner{flex-direction:column;gap:18px;display:flex}.blog-hero__inner .app-lead{max-width:560px}.blog-list{padding:16px 0 72px}.blog-cover{-o-object-fit:cover;object-fit:cover}.blog-featured{color:var(--text);grid-template-columns:1.1fr 1fr;gap:0;text-decoration:none;transition:border-color .22s,box-shadow .22s;display:grid;overflow:hidden}.blog-featured:hover,.blog-card:hover{box-shadow:inset 0 1px 0 var(--glass-highlight), 0 0 32px #c8ff001a;border-color:#c8ff0066}.blog-featured__image{aspect-ratio:16/10;display:block;position:relative}.blog-featured__copy{flex-direction:column;justify-content:center;gap:12px;padding:36px;display:flex}.blog-featured__title{letter-spacing:-.02em;font-size:clamp(26px,3vw,36px);font-weight:400;line-height:1.15}.blog-card__more{color:var(--lime);align-items:center;gap:6px;margin-top:6px;font-size:14px;display:inline-flex}.blog-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px;display:grid}.blog-grid>*{display:flex}.blog-card{color:var(--text);transition:border-color .22s, box-shadow .22s, transform .22s var(--ease-standard);flex-direction:column;flex:1;gap:10px;padding:22px;text-decoration:none;display:flex;overflow:hidden}@media (hover:hover){.blog-card:hover{transform:translateY(-3px)}}.blog-card__image{aspect-ratio:16/9;border-radius:var(--radius-lg);margin:-8px -8px 6px;display:block;position:relative;overflow:hidden}.blog-card__meta{color:var(--text-subtle);font-size:12px}.blog-gen{background:radial-gradient(circle at 30% 30%, color-mix(in srgb, var(--tone) 28%, transparent), transparent 65%), var(--tone-soft);color:var(--tone);flex-direction:column;justify-content:center;align-items:center;gap:10px;display:flex;position:absolute;inset:0}.blog-gen svg{filter:drop-shadow(0 0 14px color-mix(in srgb, var(--tone) 60%, transparent))}.blog-gen span{font-size:14px;font-weight:500}.blog-card__title{letter-spacing:-.01em;font-size:18px;font-weight:500;line-height:1.3}.blog-card__desc{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:14px;line-height:1.5;display:-webkit-box;overflow:hidden}.article-hero{padding:140px 0 24px;position:relative}.article-narrow{flex-direction:column;gap:16px;max-width:800px;display:flex}.article-wide{max-width:1000px}.article-back{background:var(--glass-selected);color:var(--glass-content-muted);border-radius:999px;align-self:flex-start;align-items:center;gap:6px;padding:8px 14px 8px 10px;font-size:14px;text-decoration:none;display:inline-flex}.article-back:hover{color:var(--text)}.article-title{letter-spacing:-.035em;font-size:clamp(34px,5vw,56px);font-weight:300;line-height:1.06}.article-meta{color:var(--text-subtle);font-size:14px}.article-image{aspect-ratio:16/9;margin-top:24px;padding:0;position:relative;overflow:hidden}.article-body{padding-top:24px;padding-bottom:32px}.app-page .blog-content{color:var(--glass-content-muted);font-size:18px;line-height:1.75}.app-page .blog-content h2{color:var(--text);letter-spacing:-.02em;margin:48px 0 16px;font-size:28px;font-weight:400;line-height:1.2}.app-page .blog-content h3{color:var(--text);margin:32px 0 10px;font-size:20px;font-weight:500}.app-page .blog-content p{margin:0 0 18px}.app-page .blog-content strong{color:var(--text);font-weight:500}.app-page .blog-content a{color:var(--lime);text-underline-offset:3px;text-decoration:underline}.app-page .blog-content ul,.app-page .blog-content ol{margin:0 0 20px;padding-left:24px}.app-page .blog-content ul{list-style:outside}.app-page .blog-content ol{list-style:decimal}.app-page .blog-content li{margin-bottom:8px}.app-page .blog-content li::marker{color:var(--lime)}.app-page .blog-content blockquote{background:var(--glass-thin);border-left:3px solid var(--lime);border-radius:0 var(--radius-lg) var(--radius-lg) 0;color:var(--text);margin:24px 0;padding:16px 20px}.app-page .blog-content table{background:var(--glass-thin);border:1px solid var(--glass-border);border-collapse:separate;border-radius:var(--radius-lg);border-spacing:0;margin:24px 0;font-size:15px;display:block;overflow:auto hidden}.app-page .blog-content th,.app-page .blog-content td{border-bottom:1px solid var(--glass-border);text-align:left;padding:12px 16px}.app-page .blog-content th{color:var(--text);font-weight:500}.app-page .blog-content th,.app-page .blog-content td{min-width:110px}.app-page .blog-content td:last-child{min-width:220px}.app-page .blog-content tr:last-child td{border-bottom:0}.app-page .blog-content img{border-radius:var(--radius-lg);max-width:100%;height:auto}.app-page .blog-figure{border:1px solid var(--glass-border);background:#ffffff06;border-radius:22px;margin:36px 0;overflow:hidden}.app-page .blog-figure img{aspect-ratio:16/9;-o-object-fit:cover;object-fit:cover;border-radius:0;width:100%;display:block}.app-page .blog-figure figcaption{color:var(--text-subtle);padding:13px 16px 15px;font-size:13px;line-height:1.55}.article-box{margin-top:32px;padding:22px 24px}.article-box h2{color:var(--text);margin-bottom:10px;font-size:17px;font-weight:500}.article-box ol{color:var(--text-muted);padding-left:20px;font-size:14px;line-height:1.6;list-style:decimal}.article-box li{margin-bottom:6px}.article-box a{color:var(--lime)}.article-box p{color:var(--text-muted);font-size:15px;line-height:1.6}.article-box b{color:var(--text);font-weight:500}.article-cta{border-color:#c8ff0059;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-top:32px;padding:24px;display:flex}.article-cta b{font-size:20px;font-weight:500}.article-cta p{color:var(--text-muted);max-width:360px;margin-top:4px;font-size:14px}.article-related{padding-top:32px;padding-bottom:72px}.notfound{align-items:center;min-height:90vh;padding:130px 0 64px;display:flex;position:relative}.notfound__inner{text-align:center;flex-direction:column;align-items:center;gap:18px;display:flex}.notfound__code{color:var(--lime);text-shadow:0 0 12px #c8ff0080;font-size:14px}.notfound__actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:8px;display:flex}@media (max-width:1024px){.blog-featured{grid-template-columns:1fr}.blog-grid{grid-template-columns:1fr 1fr}}@media (max-width:640px){.blog-hero,.article-hero{padding-top:120px}.blog-featured__copy{padding:22px}.blog-grid{grid-template-columns:1fr}.app-page .blog-content{font-size:16px}.app-page .blog-content h2{font-size:23px}.article-cta .app-stores{width:100%}}