.blog-page{background:var(--color-primary);color:var(--color-white);padding-top:96px}@media (width>=1024px){.blog-page{padding-top:132px}}.blog-techgrid{pointer-events:none;background-image:linear-gradient(90deg,#ffffff09 1px,#0000 1px),linear-gradient(#ffffff09 1px,#0000 1px);background-size:88px 88px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 78%);mask-image:radial-gradient(120% 80% at 50% 0,#000 0%,#0000 78%)}.mono-label{letter-spacing:.18em;text-transform:uppercase;color:#ffffff6b;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:11px}.blog-hero{border-bottom:1px solid #ffffff12;padding-bottom:40px;position:relative;overflow:hidden}.blog-hero-inner{max-width:900px;padding:24px 0 8px;position:relative}.blog-hero-eyebrow{align-items:center;gap:10px;margin-bottom:22px;display:inline-flex}.blog-hero-eyebrow:before{content:"";background:var(--color-brand);border-radius:50%;width:6px;height:6px;box-shadow:0 0 12px #ff463ccc}.blog-hero-title{letter-spacing:-.03em;text-transform:uppercase;font-size:clamp(30px,5.6vw,62px);font-weight:700;line-height:1.04}.blog-hero-title .accent{color:var(--color-brand)}.blog-hero-lead{max-width:620px;color:var(--color-white-sec);margin-top:20px;font-size:16px;line-height:1.65}@media (width>=1024px){.blog-hero-lead{font-size:18px}}.blog-search{max-width:520px;margin-top:32px;position:relative}.blog-search input{width:100%;color:var(--color-white);transition:border-color var(--transition-fast), background-color var(--transition-fast);background:#ffffff08;border:1px solid #ffffff1a;border-radius:100px;outline:none;padding:15px 18px 15px 46px;font-size:15px}.blog-search input::placeholder{color:#ffffff61}.blog-search input:focus{background:#ffffff0d;border-color:#ff463c80}.blog-search svg{color:#fff6;width:17px;height:17px;position:absolute;top:50%;left:17px;transform:translateY(-50%)}.blog-filters{flex-wrap:wrap;gap:8px;margin-top:26px;display:flex}.blog-filter{color:#fff9;letter-spacing:.14em;cursor:pointer;transition:all var(--transition-fast);background:0 0;border:1px solid #ffffff17;border-radius:100px;padding:9px 16px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;position:relative}.blog-filter:hover{color:var(--color-white);border-color:#ffffff3d}.blog-filter.is-active{color:var(--color-white);background:#ff463c1a;border-color:#ff463c8c}.blog-section{padding:56px 0;position:relative}@media (width>=1024px){.blog-section{padding:84px 0}}.blog-section-head{align-items:baseline;gap:16px;margin-bottom:28px;display:flex}.blog-section-head:after{content:"";background:#ffffff14;flex:1;height:1px}.blog-section-title{letter-spacing:.24em;text-transform:uppercase;font-size:13px;font-weight:700}.blog-cover{background:linear-gradient(150deg,#0c0c0f 0%,#060607 100%);border-bottom:1px solid #ffffff0f;position:relative;overflow:hidden}.blog-cover:before{content:"";background-image:linear-gradient(90deg,#ffffff0d 1px,#0000 1px),linear-gradient(#ffffff0d 1px,#0000 1px);background-size:34px 34px;position:absolute;inset:0}.blog-cover:after{content:"";background:radial-gradient(closest-side,#ff463c38,#0000 100%);width:60%;height:140%;position:absolute;top:-30%;right:-10%}.blog-cover svg{color:#ffffff8c;width:100%;height:100%;position:absolute;inset:0}.blog-cover-tag{z-index:2;position:absolute;bottom:12px;left:14px}.blog-featured{background:linear-gradient(180deg, #ffffff0a 0%, #ffffff03 100%), var(--color-secondary);transition:border-color var(--transition-normal), transform var(--transition-normal);border:1px solid #ffffff14;border-radius:24px;grid-template-columns:1fr;display:grid;overflow:hidden}.blog-featured:hover{border-color:#ff463c66}@media (width>=900px){.blog-featured{grid-template-columns:1.05fr 1fr}}.blog-featured .blog-cover{min-height:220px}@media (width>=900px){.blog-featured .blog-cover{border-bottom:none;border-right:1px solid #ffffff0f;min-height:100%}}.blog-featured-body{flex-direction:column;justify-content:center;gap:16px;padding:28px 24px 32px;display:flex}@media (width>=1024px){.blog-featured-body{padding:48px}}.blog-featured-title{letter-spacing:-.02em;font-size:clamp(22px,3vw,34px);font-weight:700;line-height:1.16}.blog-featured-excerpt{color:var(--color-white-sec);font-size:15px;line-height:1.7}.blog-meta{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.blog-meta .dot{background:#ffffff47;border-radius:50%;width:3px;height:3px}.blog-cat{color:#ff8078;letter-spacing:.16em;text-transform:uppercase;border:1px solid #ff463c59;border-radius:100px;padding:5px 11px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10px;display:inline-block}.blog-btn{background:var(--color-brand);color:var(--color-white);letter-spacing:.1em;text-transform:uppercase;transition:all var(--transition-fast);border-radius:100px;align-self:flex-start;align-items:center;gap:10px;padding:13px 24px;font-size:13px;font-weight:700;display:inline-flex}.blog-btn:hover{background:var(--color-brand-hover);transform:translateY(-1px);box-shadow:0 6px 18px #ff463c47}.blog-btn.ghost{background:0 0;border:1px solid #ffffff29}.blog-btn.ghost:hover{box-shadow:none;background:#ffffff0f}.blog-grid{grid-template-columns:1fr;gap:20px;display:grid}@media (width>=700px){.blog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width>=1100px){.blog-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.blog-grid>.blog-card:nth-child(6n+1){grid-column:span 2}.blog-grid>.blog-card:nth-child(6n+1) .blog-cover{height:200px}}.blog-card{transition:transform var(--transition-normal), border-color var(--transition-normal), box-shadow var(--transition-normal);background:#ffffff04;border:1px solid #ffffff12;border-radius:18px;flex-direction:column;display:flex;overflow:hidden}.blog-card:hover{border-color:#ff463c6b;transform:translateY(-3px);box-shadow:0 24px 48px -34px #ff463c80}.blog-card .blog-cover{height:150px;transition:transform var(--transition-normal)}.blog-card:hover .blog-cover svg{transform:scale(1.03)}.blog-cover svg{transition:transform var(--transition-slow)}.blog-card-body{flex-direction:column;flex:1;gap:12px;padding:20px;display:flex}.blog-card-title{letter-spacing:-.015em;font-size:18px;font-weight:700;line-height:1.28}.blog-card-excerpt{color:var(--color-white-sec);font-size:14px;line-height:1.62}.blog-card-foot{justify-content:space-between;align-items:center;margin-top:auto;padding-top:6px;display:flex}.blog-arrow{transition:transform var(--transition-normal);color:#ffffff80;display:inline-flex}.blog-card:hover .blog-arrow{color:var(--color-brand);transform:translate(4px)}.blog-empty{color:var(--color-white-sec);text-align:center;padding:48px 0}.blog-newsletter{background:linear-gradient(180deg, #ffffff0a, #ffffff02), var(--color-secondary);text-align:center;border:1px solid #ffffff14;border-radius:26px;padding:36px 24px;position:relative;overflow:hidden}@media (width>=1024px){.blog-newsletter{padding:64px}}.blog-newsletter h2{letter-spacing:-.02em;text-transform:uppercase;margin-top:16px;font-size:clamp(24px,3.4vw,40px);font-weight:700;line-height:1.1}.blog-newsletter p{max-width:520px;color:var(--color-white-sec);margin:16px auto 0;font-size:15px}.blog-newsletter-form{flex-direction:column;gap:12px;max-width:520px;margin:28px auto 0;display:flex}@media (width>=640px){.blog-newsletter-form{flex-direction:row}}.blog-newsletter-form input{color:var(--color-white);background:#00000059;border:1px solid #ffffff1f;border-radius:100px;outline:none;flex:1;padding:14px 20px}.blog-newsletter-form input:focus{border-color:#ff463c80}.blog-newsletter-note{color:#fff6;margin-top:16px;font-size:12px}.reading-progress{background:var(--color-brand);height:2px;z-index:calc(var(--z-header) + 2);transition:width 80ms linear;position:fixed;top:0;left:0}.article-breadcrumb{flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:22px;display:flex}.article-breadcrumb a:hover{color:var(--color-white)}.article-hero{border-bottom:1px solid #ffffff12;padding-bottom:44px;position:relative;overflow:hidden}.article-hero-inner{max-width:820px;padding-top:20px;position:relative}.article-h1{letter-spacing:-.03em;font-size:clamp(28px,4.6vw,52px);font-weight:700;line-height:1.07}.article-lead{color:var(--color-white-sec);max-width:680px;margin-top:20px;font-size:17px;line-height:1.7}.article-metaline{flex-wrap:wrap;align-items:center;gap:10px;margin-top:26px;display:flex}.article-layout{grid-template-columns:1fr;gap:40px;padding-top:48px;padding-bottom:72px;display:grid;position:relative}@media (width>=1100px){.article-layout{grid-template-columns:minmax(0,1fr) 260px;gap:64px;padding-top:64px;padding-bottom:104px}}.article-body{color:#ffffffd1;max-width:720px;font-size:17px;line-height:1.78}.article-body p{margin:0 0 22px}.article-section{margin-bottom:20px;padding-top:12px;scroll-margin-top:120px}.article-section h2{letter-spacing:-.02em;color:var(--color-white);align-items:baseline;gap:14px;margin:34px 0 18px;font-size:clamp(21px,2.6vw,30px);font-weight:700;line-height:1.2;display:flex}.article-section h2 .num{letter-spacing:.14em;color:var(--color-brand);flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}.article-section h3{color:var(--color-white);letter-spacing:-.01em;margin:26px 0 10px;font-size:18px;font-weight:700}.article-list{flex-direction:column;gap:10px;margin:0 0 24px;display:flex}.article-list li{padding-left:24px;position:relative}.article-list li:before{content:"";background:var(--color-brand);width:6px;height:1px;position:absolute;top:12px;left:4px}.article-list.ordered{counter-reset:al}.article-list.ordered li:before{counter-increment:al;content:counter(al, decimal-leading-zero);width:auto;height:auto;color:var(--color-brand);background:0 0;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;top:0;left:0}.article-callout{background:#ff463c0f;border:1px solid #ff463c47;border-left-width:2px;border-radius:14px;margin:0 0 26px;padding:20px 22px}.article-callout strong{letter-spacing:.16em;text-transform:uppercase;color:#ff8078;margin-bottom:6px;font-size:12px;display:block}.article-callout p{margin:0;font-size:15px;line-height:1.68}.article-quote{border-left:2px solid var(--color-brand);color:var(--color-white);letter-spacing:-.015em;margin:32px 0;padding-left:22px;font-size:clamp(18px,2.2vw,22px);line-height:1.5}.article-diagram{background:#ffffff04;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:center;gap:0;margin:0 0 30px;padding:24px 20px;display:flex}.article-diagram-step{text-align:center;letter-spacing:.1em;text-transform:uppercase;color:#ffffffdb;background:#00000059;border:1px solid #ffffff1a;border-radius:10px;width:100%;max-width:420px;padding:11px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11.5px}.article-diagram-arrow{background:linear-gradient(#ff463cb3,#ff463c26);width:1px;height:20px}.article-links{background:#ffffff04;border:1px solid #ffffff14;border-radius:14px;margin:0 0 28px;padding:20px 22px}.article-links>span{margin-bottom:12px;display:block}.article-links ul{flex-direction:column;gap:8px;display:flex}.article-links a{color:var(--color-white);transition:all var(--transition-fast);border-bottom:1px solid #0000;align-items:center;gap:8px;font-size:15px;display:inline-flex}.article-links a:hover{color:#ff8078;border-bottom-color:#ff463c80}.article-toc{background:#ffffff04;border:1px solid #ffffff12;border-radius:16px;align-self:start;padding:20px}@media (width>=1100px){.article-toc{position:sticky;top:120px}}.article-toc summary{cursor:pointer;list-style:none}.article-toc summary::-webkit-details-marker{display:none}.article-toc ol{flex-direction:column;gap:10px;margin-top:16px;display:flex}.article-toc a{color:#ffffff8c;transition:color var(--transition-fast);gap:10px;font-size:13.5px;line-height:1.4;display:flex}.article-toc a .n{color:#ffffff4d;padding-top:2px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:10.5px}.article-toc a:hover,.article-toc a.is-active{color:var(--color-white)}.article-toc a.is-active .n{color:var(--color-brand)}.article-sources{border-top:1px solid #ffffff14;margin-top:44px;padding-top:28px}.article-sources h2{letter-spacing:.22em;text-transform:uppercase;margin-bottom:18px;font-size:13px}.article-source{transition:border-color var(--transition-fast), background-color var(--transition-fast);border:1px solid #ffffff12;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:8px;margin-bottom:10px;padding:16px 18px;display:flex}.article-source:hover{background:#ffffff08;border-color:#fff3}.article-source-name{font-size:15px;font-weight:600}.article-source-go{color:#ff8078;white-space:nowrap;font-size:12.5px}.article-notice{color:#ffffff73;margin-top:22px;font-size:13px;font-style:italic;line-height:1.6}.article-cta{background:linear-gradient(#ff463c12,#ffffff03);border:1px solid #ffffff14;border-radius:20px;margin-top:44px;padding:30px 24px}@media (width>=1024px){.article-cta{padding:40px}}.article-cta h2{letter-spacing:-.02em;text-transform:uppercase;font-size:clamp(20px,2.6vw,28px);font-weight:700;line-height:1.2}.article-cta p{color:var(--color-white-sec);max-width:560px;margin:14px 0 22px;font-size:15px}.article-updated{align-items:center;gap:8px;display:inline-flex}@media (prefers-reduced-motion:reduce){.blog-card,.blog-cover svg,.blog-arrow,.reading-progress{transition:none}}