@keyframes ns-pulse{0%,to{box-shadow:0 0 0 0 rgb(56 189 248/.45);opacity:.9}50%{box-shadow:0 0 0 10px #fff0;opacity:1}}:root{--blue:#2563EB;--blue-600:#1D4ED8;--blue-700:#1E40AF;--blue-50:#EFF6FF;--blue-100:#DBEAFE;--ink:#0F172A;--ink-2:#1E293B;--body:#475569;--muted:#94A3B8;--line:#E2E8F0;--line-2:#F1F5F9;--surface:#FFFFFF;--bg:#FFFFFF;--bg-2:#F8FAFC;--font-display:'Exo', system-ui, -apple-system, sans-serif;--font-body:'Inter', system-ui, -apple-system, sans-serif;--font-mono:'Roboto Mono', ui-monospace, Consolas, monospace;--wrap:1160px;--r-sm:8px;--r:12px;--r-lg:16px;--shadow:0 1px 2px rgba(15,23,42,.04), 0 4px 16px rgba(15,23,42,.05);--shadow-lg:0 8px 40px rgba(15,23,42,.10);--ease:cubic-bezier(.4,0,.2,1);--dur:.2s}*,::after,::before{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);font-size:16.5px;line-height:1.65;color:var(--body);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}img{max-width:100%;height:auto;display:block}a{color:var(--blue);text-decoration:none;transition:color var(--dur) var(--ease)}a:hover{color:var(--blue-700)}h1,h3,h4{font-family:var(--font-display);color:var(--ink);line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;font-weight:700}p{margin:0 0 1.1em}.wrap{width:min(100% - 40px,var(--wrap));margin-inline:auto}.skip-link{position:absolute;left:-9999px;background:var(--ink);color:#fff;padding:10px 16px;z-index:999}.skip-link:focus{left:0}:focus-visible{outline:2px solid var(--blue);outline-offset:2px;border-radius:4px}.site-header{position:sticky;top:0;z-index:100;background:rgb(255 255 255/.88);backdrop-filter:saturate(180%) blur(10px);border-bottom:1px solid var(--line);transition:background var(--dur) var(--ease),border-color var(--dur) var(--ease)}.has-subhero .site-header{position:fixed;left:0;right:0;background:#fff0;border-bottom-color:#fff0;backdrop-filter:none}.has-subhero .primary-nav a,.sub-hero .crumbs a{color:#cbd5e1}.has-subhero .primary-nav a:hover{background:rgb(255 255 255/.1);color:#fff}.has-subhero .header-search{color:#e2e8f0}.has-subhero .header-search:hover{background:rgb(255 255 255/.16);color:#fff;border-color:rgb(255 255 255/.3)}.has-subhero .header-search,.has-subhero .nav-toggle{background:rgb(255 255 255/.08);border-color:rgb(255 255 255/.18)}.has-subhero .nav-toggle span{background:#fff}.has-subhero .site-header .site-branding img{filter:brightness(0) invert(1);transition:filter var(--dur) var(--ease)}.sub-hero{position:relative;background:linear-gradient(180deg,#0b1220 0,#0f172a 60%,#111c33 100%);color:#fff;overflow:hidden;padding:clamp(110px,13vw,170px)0 clamp(40px,5vw,64px);border-bottom:1px solid #1e293b}.sub-hero::before{content:"";position:absolute;inset:-2px;z-index:0;background-image:linear-gradient(rgb(59 130 246/.12) 1px,transparent 1px),linear-gradient(90deg,rgb(59 130 246/.12) 1px,transparent 1px);background-size:44px 44px;mask-image:radial-gradient(ellipse 85% 90%at 60% 20%,#000 30%,transparent 80%)}.sub-hero::after{content:"";background:radial-gradient(460px 300px at 85% 10%,rgb(37 99 235/.28),transparent 70%),radial-gradient(380px 260px at 10% 90%,rgb(14 165 233/.2),transparent 70%)}.sub-hero::after,.sub-hero__nodes{position:absolute;inset:0;z-index:0;pointer-events:none}.sub-hero__nodes span{position:absolute;width:7px;height:7px;border-radius:50%;background:#38bdf8;animation:ns-pulse 4s ease-in-out infinite}.sub-hero__nodes span:nth-child(1){left:12%;top:40%}.sub-hero__nodes span:nth-child(2){left:84%;top:30%;background:#818cf8;animation-delay:1s}.sub-hero__nodes span:nth-child(3){left:70%;top:72%;background:#34d399;animation-delay:2s}.sub-hero__nodes span:nth-child(4){left:30%;top:80%;animation-delay:1.5s}.sub-hero__inner{position:relative;z-index:1}.sub-hero .crumbs{font-family:var(--font-mono);font-size:13px;color:#94a3b8;margin-bottom:14px;gap:8px;flex-wrap:wrap}.sub-hero .crumbs a:hover{color:#7dd3fc}.sub-hero .crumbs span{color:#475569}.sub-hero h1{color:#fff;font-size:clamp(2rem,4.4vw,3.2rem);font-weight:800;letter-spacing:-.03em;margin:0}.sub-hero__desc{color:#94a3b8;font-size:1.05rem;margin:12px 0 0;max-width:60ch}.header-inner,.site-branding,.sub-hero .crumbs{display:flex;align-items:center}.header-inner{gap:30px;min-height:66px}.site-branding{flex:0 0 auto}.site-branding img{max-height:38px;width:auto}.primary-nav ul{display:flex;gap:2px;flex-wrap:wrap}.primary-nav a{font-family:var(--font-display);font-weight:500;font-size:14.5px;color:var(--body);padding:7px 13px;border-radius:7px;transition:all var(--dur) var(--ease)}.primary-nav a:hover{background:var(--bg-2);color:var(--ink)}.header-actions{margin-left:auto;display:flex;align-items:center;gap:10px}.header-search,.nav-toggle{background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-sm)}.header-search{display:grid;place-items:center;width:40px;height:40px;color:var(--body);transition:all var(--dur) var(--ease)}.header-search:hover{background:var(--blue-50);color:var(--blue);border-color:var(--blue-100)}.header-search svg{width:18px;height:18px}.nav-toggle{display:none;width:42px;height:42px;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;background:var(--ink);margin:4px auto;border-radius:2px}.post-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:22px}.post-card{background:#fff;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;display:flex;flex-direction:column;transition:all var(--dur) var(--ease)}.post-card:hover{border-color:#cbd5e1;box-shadow:var(--shadow);transform:translateY(-3px)}.post-thumb{position:relative;aspect-ratio:16/9;overflow:hidden;background:var(--bg-2);display:block}.post-thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--ease)}.post-card:hover .post-thumb img{transform:scale(1.04)}.post-badge{position:absolute;top:12px;left:12px;font-family:var(--font-display);font-weight:600;font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink);background:rgb(255 255 255/.92);backdrop-filter:blur(4px);padding:5px 10px;border-radius:6px;border:1px solid var(--line)}.post-body{padding:20px;display:flex;flex-direction:column;flex:1}.post-body h3{font-size:1.14rem;line-height:1.32;margin-bottom:.5em;letter-spacing:-.01em}.post-body h3 a{color:var(--ink)}.post-body h3 a:hover{color:var(--blue)}.post-excerpt{font-size:14.5px;color:var(--muted);margin:0 0 16px;line-height:1.55;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.post-meta{margin-top:auto;padding-top:14px;border-top:1px solid var(--line-2);display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--muted);font-family:var(--font-mono)}.footer-col h4,.post-meta .read{font-size:13px;font-family:var(--font-display)}.post-meta .read{margin-left:auto;font-weight:600;color:var(--blue);display:inline-flex;align-items:center;gap:5px}.post-card:hover .read svg{transform:translateX(3px)}.read svg{width:13px;height:13px;transition:transform var(--dur) var(--ease)}.site-footer{background:var(--ink);color:#94a3b8;padding:clamp(48px,6vw,72px)0 0}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:40px;padding-bottom:44px}.footer-brand .custom-logo-link{display:inline-block;margin-bottom:16px}.footer-brand .custom-logo,.footer-brand img{max-height:48px;width:auto;margin:0;display:block;background:#fff;padding:8px 12px;border-radius:12px;box-shadow:0 4px 16px rgb(0 0 0/.25)}.footer-brand p{max-width:38ch;line-height:1.6}.footer-col h4{color:#fff;text-transform:uppercase;letter-spacing:.06em;margin-bottom:16px}.footer-col ul,.primary-nav ul{list-style:none;margin:0;padding:0}.footer-col li{margin-bottom:10px}.footer-brand p,.footer-col a{color:#94a3b8;font-size:14.5px}.footer-col a:hover{color:#fff}.footer-bottom{border-top:1px solid rgb(255 255 255/.1);padding:22px 0;text-align:center;font-size:13px;color:#64748b;font-family:var(--font-mono)}.content-area{padding:clamp(40px,5vw,64px)0}.pagination{display:flex;justify-content:center;gap:6px;margin-top:44px;flex-wrap:wrap}.pagination a,.pagination span{padding:10px 15px;border-radius:var(--r-sm);background:#fff;border:1px solid var(--line);font-family:var(--font-display);font-weight:600;font-size:14px;color:var(--ink)}.pagination .current{background:var(--blue);color:#fff;border-color:#fff0}.pagination a:hover{border-color:var(--blue);color:var(--blue)}@media (max-width:960px){.footer-top{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}}@media (max-width:820px){.nav-toggle{display:block}.primary-nav{position:fixed;inset:66px 0 auto 0;background:#fff;margin:0;padding:12px 20px 20px;box-shadow:var(--shadow-lg);transform:translateY(-140%);transition:transform .3s var(--ease);border-bottom:1px solid var(--line);max-height:calc(100dvh - 66px);overflow:auto}.primary-nav ul{flex-direction:column;gap:2px}.primary-nav a{display:block;padding:12px 14px;font-size:16px}.header-inner{justify-content:space-between}}@media (max-width:560px){body{font-size:16px}.footer-top{grid-template-columns:1fr}}@media (prefers-reduced-motion:reduce){*,::after,::before{animation:none!important;transition-duration:.001ms!important;scroll-behavior:auto!important}}