:root{--ink: #16181d;--ink-2: #30343b;--paper: #ffffff;--panel: #f7f8fa;--rail: #d9dde2;--muted: #6d737c;--line: #e1e4e8;--accent: #1473e6;--signal: #1473e6;--lime: #bddf4a;--sun: #f7c948;--coral: #f26f5b;--mint: #64d2ad;--signal-soft: rgba(20, 115, 230, .1);--shadow: 0 24px 60px rgba(16, 24, 40, .11);--max-width: 1160px;--font-display: "SF Pro Display", "Segoe UI Variable Display", "Helvetica Neue", Arial, sans-serif;--font-body: "SF Pro Text", "Segoe UI Variable Text", "Helvetica Neue", Arial, sans-serif;--font-mono: "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas, monospace;--transition: .18s ease}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{display:flex;flex-direction:column;min-height:100vh;background:var(--paper);color:var(--ink);font-family:var(--font-body);line-height:1.6}a{color:inherit;text-decoration:none;transition:color var(--transition),background var(--transition),border-color var(--transition),transform var(--transition),box-shadow var(--transition)}ul{list-style:none}img{display:block;max-width:100%}:focus-visible{outline:3px solid rgba(34,168,184,.34);outline-offset:4px}.skip-link{position:fixed;top:12px;left:12px;z-index:50;padding:9px 13px;border:1px solid var(--line);border-radius:7px;background:var(--paper);color:var(--ink);font-size:.82rem;font-weight:700;transform:translateY(-150%);transition:transform var(--transition)}.skip-link:focus-visible{transform:translateY(0)}.container{width:min(100% - 40px,var(--max-width));margin:0 auto}body>header{position:sticky;top:0;z-index:20;border-bottom:1px solid rgba(188,197,210,.58);background:#dae0e88f;-webkit-backdrop-filter:blur(28px) saturate(1.22);backdrop-filter:blur(28px) saturate(1.22);box-shadow:0 8px 28px #4d5b7014}.nav-wrapper{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;min-height:72px}.logo-container{display:flex;align-items:center}.logo{display:inline-flex;align-items:center;gap:10px}.logo-mark-image{width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(18,24,34,.22)) drop-shadow(0 3px 7px rgba(66,78,96,.2))}.wordmark{color:var(--ink);font-size:1.12rem;font-weight:750;letter-spacing:0}.wordmark span{color:var(--accent)}.nav-links{display:flex;align-items:center;justify-self:center;gap:22px}.nav-links a{border-bottom:1px solid transparent;color:var(--muted);font-size:.88rem;font-weight:600;letter-spacing:.02em;padding:6px 2px}.nav-links a:hover,.nav-links a.active{border-color:var(--ink);color:var(--ink)}.nav-actions{display:flex;align-items:center;justify-self:end;gap:18px}.nav-login,.nav-cta{font-size:.84rem;font-weight:650}.nav-login{color:var(--muted)}.nav-login:hover{color:var(--ink)}.nav-cta{display:inline-flex;align-items:center;gap:8px;min-height:38px;padding:0 13px;border:1px solid rgba(255,255,255,.62);border-radius:8px;background:#f5f7fa6b;box-shadow:0 6px 18px #1018280d;-webkit-backdrop-filter:blur(14px) saturate(1.12);backdrop-filter:blur(14px) saturate(1.12)}.nav-cta span{color:var(--accent)}.nav-cta:hover{border-color:#1473e670;background:#ffffffb8;transform:translateY(-1px)}.mobile-toggle{display:none;width:42px;height:42px;border:1px solid var(--line);border-radius:4px;background:var(--panel);cursor:pointer;place-items:center}.mobile-toggle span{display:block;width:18px;height:2px;border-radius:999px;background:var(--ink);transition:transform var(--transition),opacity var(--transition)}.mobile-toggle span+span{margin-top:4px}.mobile-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(6px) rotate(45deg)}.mobile-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}main{flex:1;overflow-x:hidden}section{padding:76px 0}h1,h2,h3{color:var(--ink);font-family:var(--font-display);letter-spacing:0;line-height:1.04}h1{font-size:clamp(3rem,7vw,6.4rem);font-weight:800}h2{font-size:clamp(2rem,4vw,3.8rem);font-weight:760}h3{font-size:1.25rem}.eyebrow,.tag,.post-meta,.feature-kicker,.resource-link,.filter-row,.back-link{font-family:var(--font-mono)}.eyebrow{color:var(--signal);display:inline-flex;font-size:.72rem;font-weight:750;letter-spacing:.12em;margin-bottom:14px;text-transform:uppercase}.section-heading{margin-bottom:30px;max-width:720px}.section-heading p:not(.eyebrow){color:var(--muted);margin-top:14px}.text-link{display:inline-flex;align-items:center;color:var(--ink);font-weight:760}.text-link:after{content:"→";color:var(--signal);margin-left:8px}.text-link:hover{color:var(--signal)}.blog-grid,.resource-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.post-card,.resource-item{border:1px solid var(--line);border-radius:8px;background:var(--panel);box-shadow:0 10px 32px #1018280a}.resource-item{padding:24px}.post-card:hover,.resource-item:hover{border-color:#22a8b894;box-shadow:var(--shadow);transform:translateY(-4px)}.feature-kicker,.tag{color:var(--signal);font-size:.74rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.post-title,.resource-item h3{color:var(--ink);margin:8px 0 10px}.post-card p,.resource-item p{color:var(--muted)}.post-content{padding:24px}.post-cover-link{display:block;overflow:hidden;border-radius:8px 8px 0 0}.post-cover{width:100%;aspect-ratio:16 / 9;object-fit:cover;transition:transform .26s ease}.post-card:hover .post-cover{transform:scale(1.03)}.post-meta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;color:var(--muted);font-size:.78rem;margin-bottom:12px}.post-title{font-size:1.25rem}.page-section{padding-top:84px;padding-bottom:88px}.filter-row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:10px;margin-bottom:30px}.filter-row a,.filter-row button{border:1px solid var(--line);border-radius:999px;background:var(--panel);color:var(--muted);cursor:pointer;font:inherit;font-size:.8rem;padding:7px 12px}.filter-row a:hover,.filter-row button:hover,.filter-row button.is-active{border-color:var(--signal);background:#eef5ff;color:var(--signal)}.resource-category{margin-top:42px}.resource-category h2{font-size:1.65rem;margin-bottom:18px}.resource-link{color:var(--signal);display:inline-flex;font-size:.82rem;font-weight:800;margin-top:14px}.resource-link:after{content:"→";margin-left:8px}.article-header{border-bottom:1px solid var(--line);margin-bottom:42px;padding-bottom:26px}.article-header h1{font-size:clamp(2.5rem,6vw,5rem);margin-top:12px}.article-header p{color:var(--muted);margin-top:14px}.article-body{color:var(--ink-2);font-size:1.08rem;line-height:1.85}.article-body h2{font-size:1.8rem;margin:42px 0 16px}.article-body p,.article-body ul{margin-bottom:22px}.article-body ul{list-style:disc;padding-left:24px}.back-link{color:var(--signal);display:inline-block;font-size:.86rem;font-weight:800;margin-top:38px}footer{border-top:1px solid rgba(213,222,217,.8);background:#f7f8fa;color:var(--ink);padding:34px 0}.footer-shell{display:flex;align-items:center;justify-content:space-between;gap:20px}.footer-brand{display:inline-flex;align-items:center;gap:9px;font-size:1rem;font-weight:800;letter-spacing:0}.footer-brand img{width:28px;height:28px;object-fit:contain;filter:drop-shadow(0 1px 0 rgba(18,24,34,.22)) drop-shadow(0 3px 7px rgba(66,78,96,.2))}.footer-brand span{color:var(--accent)}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a,footer p{color:var(--muted);font-family:var(--font-mono);font-size:.76rem}.footer-links a:hover{color:var(--accent)}@media(max-width:920px){.blog-grid,.resource-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.container{width:min(100% - 28px,var(--max-width))}.nav-wrapper{display:flex;min-height:66px}.mobile-toggle{display:grid}.nav-links{position:absolute;top:66px;right:14px;left:14px;display:none;flex-direction:column;align-items:stretch;border:1px solid var(--line);border-radius:6px;background:var(--panel);box-shadow:var(--shadow);padding:10px}.nav-actions{display:none}.nav-links.active{display:flex}.blog-grid,.resource-list,.footer-shell{grid-template-columns:1fr}.footer-shell{align-items:flex-start;flex-direction:column}section{padding:58px 0}}@media(max-width:480px){.wordmark{font-size:1.05rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto;transition-duration:.01ms!important}}