body{background:radial-gradient(44% 22% at 14% 10%,#34a8531f,#0000 55%),radial-gradient(52% 28% at 88% 46%,#5b9bd526,#0000 55%),radial-gradient(46% 24% at 16% 80%,#34a88c24,#0000 55%),linear-gradient(#0b1428 0%,#0f2748 30%,#15487f 52%,#156a64 78%,#1a7d5e 100%)}.glow{display:none}.pre-footer{height:clamp(160px,24vh,340px)}footer{position:relative}footer:before{content:"";pointer-events:none;background:linear-gradient(#0000,#000);height:clamp(200px,28vh,400px);position:absolute;bottom:100%;left:0;right:0}.mb-wrap{background:#06070e;justify-content:center;align-items:center;width:100%;min-height:clamp(640px,72vw,940px);margin:clamp(70px,12vh,180px) 0;display:flex;position:relative;overflow:hidden;-webkit-mask:linear-gradient(#0000 0%,#000 34% 66%,#0000 100%);mask:linear-gradient(#0000 0%,#000 34% 66%,#0000 100%)}.mb-canvas{object-fit:cover;pointer-events:none;z-index:1;width:100%;height:100%;position:absolute;inset:0}.mb-content{z-index:4;text-align:center;max-width:700px;margin:0 auto;padding:60px 28px;position:relative}.mb-tag{font-family:var(--cm-mono,ui-monospace, monospace);letter-spacing:.22em;text-transform:uppercase;color:#9dcee7;border:1px solid #9dcee740;border-radius:100px;margin-bottom:20px;padding:7px 16px;font-size:11px;font-weight:600;display:inline-block}.mb-title{font-family:var(--cm-display,"Bricolage Grotesque", system-ui, sans-serif);letter-spacing:-.03em;color:#fff;margin:0;font-size:clamp(40px,6vw,68px);font-weight:700;line-height:1.04}.mb-title em{background:linear-gradient(135deg,#9dcee7,#275ea3);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal}.mb-claude{color:#0000;background:linear-gradient(90deg,#f97316,#fff);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;font-style:normal;display:inline-block;position:relative}.mb-claude:before{content:"Claude";color:#fff;background:0 0;-webkit-background-clip:unset;background-clip:unset;-webkit-text-fill-color:#fff;opacity:var(--claude-reveal,1);position:absolute;inset:0}.mb-desc{color:#ffffffb3;max-width:52ch;margin:16px auto 0;font-size:clamp(16px,1.3vw,18px);line-height:1.6}.mb-cta-row{justify-content:center;align-items:center;margin-top:32px;display:flex}.mb-cta{font-family:var(--cm-mono,ui-monospace, monospace);color:#fff;cursor:pointer;z-index:5;isolation:isolate;background:linear-gradient(135deg,#f97316,#d97706);border-radius:11px;align-items:center;gap:12px;padding:15px 26px;font-size:15px;font-weight:500;text-decoration:none;transition:transform .15s;display:inline-flex;position:relative}.mb-cta:after{content:"";z-index:-1;opacity:calc(var(--btn-glow,0) * .35);filter:blur(14px);background:#f97316;border-radius:15px;transition:opacity .15s;position:absolute;inset:-4px}.mb-mono{font-family:var(--cm-mono,ui-monospace, monospace)}@media (width<=768px){.mb-wrap{min-height:640px}}@media (width<=480px){.mb-wrap{min-height:560px}.mb-content{padding:32px 18px}.mb-cta{justify-content:center;width:100%}}.cat-grid{grid-template-columns:repeat(3,1fr);gap:22px;margin-top:48px;display:grid}.cat-card{border-radius:var(--r-sm);-webkit-backdrop-filter:blur(16px);transition:transform .3s var(--ease),background .3s,border-color .3s;background:#090b1c4d;border:1px solid #ffffff24;flex-direction:column;padding:clamp(26px,3vw,34px);display:flex;position:relative;overflow:hidden}.cat-card:before{content:"";border-radius:inherit;pointer-events:none;opacity:0;background:radial-gradient(120% 80% at 50% -10%, var(--c,#5b9bd52e), transparent 60%);transition:opacity .35s;position:absolute;inset:0}.cat-card:hover{background:#090b1c6b;border-color:#ffffff3d;transform:translateY(-8px)}.cat-card:hover:before{opacity:1}.pg .frost{background:#090b1c66}.cat-ic{border:1px solid var(--line);width:42px;height:42px;color:var(--c,#5b9bd5);background:#ffffff0f;border-radius:12px;flex:none;place-items:center;margin-bottom:18px;display:grid}.cat-ic svg{width:21px;height:21px}.cat-card h3{color:#fff;letter-spacing:.01em;font-size:1.12rem;font-weight:600}.cat-card p{color:var(--w80);flex:1;margin-top:8px;font-size:.88rem;line-height:1.6}.cat-meta{flex-wrap:wrap;align-items:center;gap:10px;margin-top:18px;display:flex}.cat-tag{letter-spacing:.06em;text-transform:uppercase;color:var(--c,#5b9bd5);background:color-mix(in srgb, var(--c,#5b9bd5) 14%, transparent);border:1px solid color-mix(in srgb, var(--c,#5b9bd5) 28%, transparent);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:600}.cat-len{color:var(--w60);align-items:center;gap:6px;font-size:12px;display:inline-flex}.cat-len svg{opacity:.7;width:13px;height:13px}@media (width<=980px){.cat-grid{grid-template-columns:1fr 1fr}}@media (width<=640px){.cat-grid{grid-template-columns:1fr}}