.blog-hero{position:relative;overflow:hidden;padding:clamp(52px,7vw,84px) 0 clamp(28px,4vw,44px)}.blog-hero:before{content:"";position:absolute;inset:0;background:radial-gradient(820px 420px at 76% 2%,rgba(111,125,247,.18),transparent 62%),radial-gradient(620px 440px at 4% 100%,rgba(155,133,255,.1),transparent 64%);z-index:0}.blog-hero .wrap{position:relative;z-index:1}.blog-kick{display:inline-block;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--acc-2);margin-bottom:16px}.blog-title{font-family:var(--disp);font-weight:700;font-size:clamp(38px,6vw,66px);letter-spacing:-.05em;line-height:1;color:var(--ink);margin:0 0 16px}.blog-title .hl{background:linear-gradient(120deg,var(--acc),var(--acc-2));-webkit-background-clip:text;background-clip:text;color:transparent}.blog-sub{font-size:clamp(15px,1.6vw,18px);color:var(--dim);max-width:52ch;margin:0;font-weight:500}.blog-list{padding-bottom:clamp(70px,9vw,110px)}.blog-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px}.gcard{position:relative;display:flex;flex-direction:column;background:var(--surf);border-radius:20px;overflow:hidden;transition:background .2s}.gcard:hover{background:var(--surf-hover)}.gcard.featured{grid-column:1 / -1;flex-direction:row;align-items:stretch}.gcard.featured .gcard-cover{flex:0 0 46%;aspect-ratio:auto;border-bottom:none;border-right:1px solid var(--line)}.gcard.featured .gcard-body{justify-content:center;padding:clamp(24px,3vw,40px)}.gcard.featured .gcard-title{font-size:clamp(22px,2.4vw,30px)}.gcard.featured .gcard-desc{font-size:15.5px;max-width:60ch}@media(max-width:720px){.gcard.featured{flex-direction:column}.gcard.featured .gcard-cover{flex:none;aspect-ratio:16 / 8.4;border-right:none;border-bottom:1px solid var(--line)}}.gcard-cover{position:relative;aspect-ratio:16 / 8.4;overflow:hidden;background:radial-gradient(56% 78% at 22% 26%,rgba(155,133,255,.38),transparent 72%),radial-gradient(64% 92% at 82% 16%,rgba(111,125,247,.34),transparent 74%),var(--surf-2);border-bottom:1px solid var(--line)}.gcard-cover:before{content:"";position:absolute;inset:0;background-image:radial-gradient(rgba(255,255,255,.12) 1px,transparent 1.4px);background-size:16px 16px;-webkit-mask-image:radial-gradient(120% 100% at 50% 40%,#000 30%,transparent 75%);mask-image:radial-gradient(120% 100% at 50% 40%,#000 30%,transparent 75%);opacity:.45}.gcard:nth-child(3n+2) .gcard-cover{transform:scaleX(-1)}.gcard:nth-child(3n+3) .gcard-cover{filter:hue-rotate(-18deg)}.gcard-cover img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.gcard-cover-glyph{position:absolute;right:10px;bottom:8px;width:72px;height:72px;color:#ffffff12;transition:transform .35s cubic-bezier(.2,.8,.2,1)}.gcard.featured .gcard-cover-glyph{width:108px;height:108px}.gcard:hover .gcard-cover-glyph{transform:scale(1.06) rotate(-6deg)}.gcard-cover-badge{position:absolute;left:16px;bottom:14px;z-index:1;display:inline-block;padding:6px 11px;border-radius:8px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--ink);background:var(--bg);border:1px solid var(--line-2)}.gcard-body{position:relative;z-index:1;display:flex;flex-direction:column;flex:1;padding:22px 24px}.gcard-meta{display:flex;align-items:center;gap:9px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--faint);margin-bottom:12px}.gcard-meta .dot,.gcard-meta .read{color:var(--faint)}.gcard-title{font-family:var(--disp);font-weight:700;font-size:20px;line-height:1.22;letter-spacing:-.04em;color:var(--ink);margin:0 0 10px}.gcard-desc{font-size:14.5px;line-height:1.6;color:var(--dim-2);margin:0 0 18px;font-weight:500;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.gcard-more{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);transition:color .2s}.gcard:hover .gcard-more{color:var(--acc-2)}.gcard-more svg{width:15px;height:15px;transition:transform .2s}.gcard:hover .gcard-more svg{transform:translate(3px)}.blog-empty{color:var(--dim);font-size:16px;padding:10px 0 60px}.article{position:relative;max-width:800px;margin:0 auto;padding:clamp(84px,12vw,128px) 26px clamp(56px,8vw,88px)}.article:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:min(1100px,100%);height:460px;background:radial-gradient(620px 340px at 50% 0%,rgba(111,125,247,.16),transparent 66%);z-index:0;pointer-events:none}.article>*{position:relative;z-index:1}.art-back,.art-foot-back{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--faint);transition:color .15s}.art-back{margin-bottom:26px}.art-foot-back{margin-top:34px}.art-back svg,.art-foot-back svg{width:15px;height:15px}.art-back:hover,.art-foot-back:hover{color:var(--ink)}.art-head{margin-bottom:38px}.art-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.art-chip{display:inline-flex;align-items:center;gap:8px;font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);background:var(--surf-2);border:1px solid var(--line);padding:8px 13px;border-radius:8px}.art-chip svg{width:14px;height:14px;color:var(--dim-soft)}.art-title{font-family:var(--disp);font-weight:700;font-size:clamp(31px,5vw,50px);line-height:1.04;letter-spacing:-.045em;color:var(--ink);margin:0}.art-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.art-tag{font-family:var(--mono);font-size:11px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--faint);background:var(--surf-2);border:1px solid var(--line);padding:6px 11px;border-radius:8px}.art-body{font-family:var(--body);font-size:17px;line-height:1.78;color:var(--dim)}.art-body>*:first-child{margin-top:0}.art-body>p:first-of-type{font-size:19px;line-height:1.7;color:var(--ink)}.art-body h2{font-family:var(--disp);font-weight:700;font-size:clamp(24px,3vw,29px);letter-spacing:-.04em;color:var(--ink);margin:46px 0 16px}.art-body h3{font-family:var(--disp);font-weight:700;font-size:21px;letter-spacing:-.03em;color:var(--ink);margin:34px 0 10px}.art-body p{margin:0 0 20px}.art-body a{color:var(--acc-2);text-decoration:underline;text-underline-offset:3px;text-decoration-thickness:1px;transition:color .15s}.art-body a:hover{color:var(--acc-2-light)}.art-body ul,.art-body ol{margin:0 0 20px;padding-left:24px}.art-body li{margin:8px 0}.art-body li::marker{color:var(--acc-2)}.art-body strong{color:var(--ink);font-weight:700}.art-body blockquote{margin:26px 0;padding:16px 20px;background:var(--surf-2);border:1px solid var(--line);border-radius:12px;color:var(--dim)}.art-body blockquote p{margin:6px 0}.art-body blockquote>*:first-child{margin-top:0}.art-body blockquote>*:last-child{margin-bottom:0}.art-body code{font-family:var(--mono);font-size:.86em;background:var(--surf-2);border:1px solid var(--line);border-radius:6px;padding:1px 6px;color:var(--ink)}.art-body pre{font-family:var(--mono);background:var(--surf-2);border:1px solid var(--line);border-radius:12px;padding:16px 18px;overflow-x:auto;margin:0 0 22px}.art-body pre code{background:none;border:none;padding:0}.art-body img{width:100%;height:auto;border-radius:16px;border:1px solid var(--line);margin:24px 0}.art-body hr{border:none;border-top:1px solid var(--line);margin:34px 0}.art-faq{margin-top:52px}.art-faq-title{font-family:var(--disp);font-weight:700;font-size:clamp(23px,3vw,30px);letter-spacing:-.04em;color:var(--ink);margin:0 0 18px}.art-faq-list{display:flex;flex-direction:column;gap:10px}.art-faq-item{background:var(--surf-2);border:1px solid var(--line);border-radius:12px;overflow:hidden}.art-faq-item summary{display:flex;align-items:center;justify-content:space-between;gap:16px;cursor:pointer;list-style:none;padding:20px 22px;font-weight:700;font-size:16px;color:var(--ink)}.art-faq-item summary::-webkit-details-marker{display:none}.art-faq-item summary svg{flex:0 0 auto;width:18px;height:18px;color:var(--dim-soft);transition:transform .2s}.art-faq-item[open] summary svg{transform:rotate(180deg)}.art-faq-item p{margin:0;padding:0 22px 20px;font-size:14.5px;line-height:1.7;color:var(--dim-2);font-weight:500}.art-cta{position:relative;overflow:hidden;margin-top:56px;border-radius:18px;border:1px solid rgba(155,133,255,.32);background:var(--grad-banner);padding:clamp(26px,4vw,42px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px}.art-cta:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(to bottom,rgba(255,255,255,.03) 0 1px,transparent 1px 5px);pointer-events:none}.art-cta-text{position:relative;z-index:1}.art-cta h3{font-family:var(--disp);font-weight:700;font-size:clamp(21px,3vw,28px);letter-spacing:-.045em;color:#fff;margin:0 0 6px}.art-cta p{color:#ffffffe6;margin:0;font-size:15px;font-weight:500;max-width:44ch}.art-cta .btn{position:relative;z-index:1}@media(max-width:560px){.art-cta{flex-direction:column;align-items:flex-start}}