:root{--gp-black: #0A0A0B;--gp-surface: #111113;--gp-surface-raised: #18181B;--gp-surface-overlay: #1F1F23;--gp-border: #27272A;--gp-border-subtle: #1E1E21;--gp-text-primary: #FAFAFA;--gp-text-secondary: #A1A1AA;--gp-text-tertiary: #71717A;--gp-text-muted: #52525B;--gp-teal: #00C2A8;--gp-teal-hover: #00D4B8;--gp-teal-muted: rgba(0, 194, 168, .15);--gp-teal-glow: rgba(0, 194, 168, .08);--gp-success: #34D399;--gp-warning: #FBBF24;--gp-error: #F87171;--gp-info: #60A5FA;--font-display: "Instrument Serif", Georgia, "Times New Roman", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "Fira Code", "Cascadia Code", "Consolas", monospace;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--text-5xl: 3rem;--text-6xl: 3.75rem;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--space-32: 8rem;--content-max: 720px;--content-wide: 960px;--page-max: 1200px;--page-padding: var(--space-6);--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--duration-fast: .15s;--duration-normal: .25s;--duration-slow: .4s;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px rgba(0, 0, 0, .5);--shadow-lg: 0 8px 32px rgba(0, 0, 0, .6);--shadow-glow: 0 0 24px rgba(0, 194, 168, .12)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}body{font-family:var(--font-body);font-size:var(--text-base);line-height:1.7;color:var(--gp-text-primary);background-color:var(--gp-black);min-height:100vh}::selection{background:var(--gp-teal-muted);color:var(--gp-teal)}img,video,svg{max-width:100%;display:block}a{color:var(--gp-teal);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}a:hover{color:var(--gp-teal-hover)}button{font-family:var(--font-body);cursor:pointer;border:none;background:none;color:inherit}input,select,textarea{font-family:var(--font-body);font-size:var(--text-base)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.2;color:var(--gp-text-primary);letter-spacing:-.01em}h1{font-size:var(--text-5xl)}h2{font-size:var(--text-3xl);margin-top:var(--space-16);margin-bottom:var(--space-6)}h3{font-size:var(--text-2xl);margin-top:var(--space-12);margin-bottom:var(--space-4)}h4{font-size:var(--text-xl);margin-top:var(--space-8);margin-bottom:var(--space-3)}p{margin-bottom:var(--space-6);color:var(--gp-text-secondary)}strong,b{font-weight:600;color:var(--gp-text-primary)}em,i{font-style:italic}code{font-family:var(--font-mono);font-size:.875em;background:var(--gp-surface-raised);padding:.15em .4em;border-radius:var(--radius-sm);color:var(--gp-teal)}pre{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:var(--radius-md);padding:var(--space-6);overflow-x:auto;margin-bottom:var(--space-8);line-height:1.6}pre code{background:none;padding:0;border-radius:0}blockquote{border-left:3px solid var(--gp-teal);padding:var(--space-4) var(--space-6);margin:var(--space-8) 0;background:var(--gp-teal-glow);border-radius:0 var(--radius-md) var(--radius-md) 0}blockquote p{color:var(--gp-text-primary);margin-bottom:0}hr{border:none;height:1px;background:var(--gp-border);margin:var(--space-12) 0}ul,ol{padding-left:var(--space-6);margin-bottom:var(--space-6)}li{color:var(--gp-text-secondary);margin-bottom:var(--space-2);line-height:1.7}li::marker{color:var(--gp-teal)}.gp-page{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-padding)}.gp-content{max-width:var(--content-max);margin:0 auto}.gp-content-wide{max-width:var(--content-wide);margin:0 auto}.gp-section{padding:var(--space-24) 0}.gp-section+.gp-section{border-top:1px solid var(--gp-border-subtle)}.gp-header{position:sticky;top:0;z-index:100;background:#0a0a0bd9;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid var(--gp-border-subtle)}.gp-header-inner{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-padding);height:64px;display:flex;align-items:center;justify-content:space-between}.gp-logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none}.gp-logo-mark{width:32px;height:32px}.gp-logo-atom{animation:gpLogoPulse 2.4s ease-out infinite;transform-origin:center;transform-box:fill-box}.gp-logo-atom-1{animation-delay:0s}.gp-logo-atom-2{animation-delay:.3s}.gp-logo-atom-3{animation-delay:.6s}@keyframes gpLogoPulse{0%,60%,to{r:3.5;opacity:var(--atom-rest-opacity, 1);filter:none}20%{r:4.3;opacity:1;filter:drop-shadow(0 0 3px rgba(0,194,168,.6))}}.gp-logo-atom-1{--atom-rest-opacity: 1}.gp-logo-atom-2{--atom-rest-opacity: .65}.gp-logo-atom-3{--atom-rest-opacity: .35}@media (prefers-reduced-motion: reduce){.gp-logo-atom{animation:none}}.gp-logo-text{font-family:var(--font-display);font-size:var(--text-xl);color:var(--gp-text-primary);letter-spacing:-.02em}.gp-logo-text span{color:var(--gp-teal)}.gp-nav{display:flex;align-items:center;gap:var(--space-1)}.gp-nav a{font-size:var(--text-sm);font-weight:500;color:var(--gp-text-tertiary);padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);letter-spacing:.01em}.gp-nav a:hover,.gp-nav a.active{color:var(--gp-text-primary);background:var(--gp-surface-raised)}.gp-nav a.active{color:var(--gp-teal)}.gp-nav-toggle{display:none;width:40px;height:40px;align-items:center;justify-content:center;border-radius:var(--radius-md);color:var(--gp-text-secondary)}.gp-nav-toggle:hover{background:var(--gp-surface-raised)}@media (max-width: 768px){.gp-nav-toggle{display:flex}.gp-nav{display:none;position:absolute;top:64px;left:0;right:0;flex-direction:column;background:var(--gp-surface);border-bottom:1px solid var(--gp-border);padding:var(--space-4) var(--page-padding);gap:var(--space-1)}.gp-nav.open{display:flex}.gp-nav a{width:100%;padding:var(--space-3) var(--space-4)}}.gp-footer{border-top:1px solid var(--gp-border-subtle);padding:var(--space-16) 0 var(--space-8);margin-top:var(--space-24)}.gp-footer-grid{max-width:var(--page-max);margin:0 auto;padding:0 var(--page-padding);display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:var(--space-12)}.gp-footer-brand p{font-size:var(--text-sm);color:var(--gp-text-tertiary);max-width:280px;margin-top:var(--space-4)}.gp-footer-col h4{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--gp-text-muted);margin-bottom:var(--space-4);margin-top:0}.gp-footer-col a{display:block;font-size:var(--text-sm);color:var(--gp-text-tertiary);padding:var(--space-1) 0;transition:color var(--duration-fast)}.gp-footer-col a:hover{color:var(--gp-teal)}.gp-footer-bottom{max-width:var(--page-max);margin:var(--space-12) auto 0;padding:var(--space-6) var(--page-padding) 0;border-top:1px solid var(--gp-border-subtle);display:flex;justify-content:space-between;align-items:center}.gp-footer-bottom p{font-size:var(--text-xs);color:var(--gp-text-muted);margin:0}@media (max-width: 768px){.gp-footer-grid{grid-template-columns:1fr 1fr;gap:var(--space-8)}.gp-footer-brand{grid-column:1 / -1}.gp-footer-bottom{flex-direction:column;gap:var(--space-3);text-align:center}}.gp-disclaimer{background:var(--gp-surface);border:1px solid var(--gp-border-subtle);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin:var(--space-12) 0;font-size:var(--text-xs);color:var(--gp-text-muted);line-height:1.6}.gp-disclaimer strong{color:var(--gp-text-tertiary);font-weight:600}.gp-article{padding:var(--space-16) 0 var(--space-24)}.gp-article-header{max-width:var(--content-max);margin:0 auto var(--space-12);padding:0 var(--page-padding)}.gp-article-meta{font-size:var(--text-sm);color:var(--gp-text-muted);margin-bottom:var(--space-4);font-family:var(--font-mono);letter-spacing:.02em}.gp-article-header h1{font-size:var(--text-4xl);line-height:1.15;margin-bottom:var(--space-6);max-width:100%}.gp-article-header .gp-article-subtitle{font-size:var(--text-lg);color:var(--gp-text-tertiary);line-height:1.6}.gp-article-body{max-width:var(--content-max);margin:0 auto;padding:0 var(--page-padding)}.gp-tldr{background:var(--gp-teal-glow);border:1px solid rgba(0,194,168,.2);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-12);position:relative}.gp-tldr:before{content:"TL;DR";font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;color:var(--gp-teal);display:block;margin-bottom:var(--space-3)}.gp-tldr p{color:var(--gp-text-primary);margin-bottom:var(--space-3);font-size:var(--text-base)}.gp-tldr p:last-child{margin-bottom:0}.gp-toc{background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);margin-bottom:var(--space-12)}.gp-toc h4{font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--gp-text-muted);margin:0 0 var(--space-4)}.gp-toc ol{list-style:none;padding:0;margin:0;counter-reset:toc}.gp-toc li{counter-increment:toc;margin-bottom:var(--space-1)}.gp-toc li a{font-size:var(--text-sm);color:var(--gp-text-tertiary);display:flex;align-items:baseline;gap:var(--space-3);padding:var(--space-1) 0}.gp-toc li a:before{content:counter(toc,decimal-leading-zero);font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gp-text-muted);min-width:1.5em}.gp-toc li a:hover{color:var(--gp-teal)}.gp-article-body table{width:100%;border-collapse:collapse;margin:var(--space-8) 0;font-size:var(--text-sm)}.gp-article-body thead{border-bottom:2px solid var(--gp-teal)}.gp-article-body th{font-family:var(--font-body);font-weight:600;font-size:var(--text-xs);text-transform:uppercase;letter-spacing:.05em;color:var(--gp-text-muted);text-align:left;padding:var(--space-3) var(--space-4)}.gp-article-body td{padding:var(--space-3) var(--space-4);border-bottom:1px solid var(--gp-border-subtle);color:var(--gp-text-secondary);vertical-align:top}.gp-article-body tr:hover td{background:var(--gp-surface)}.gp-tool-callout{display:flex;align-items:center;gap:var(--space-4);background:var(--gp-surface);border:1px solid var(--gp-border);border-left:3px solid var(--gp-teal);border-radius:var(--radius-md);padding:var(--space-4) var(--space-6);margin:var(--space-6) 0;text-decoration:none;transition:all var(--duration-normal) var(--ease-out)}.gp-tool-callout:hover{border-color:var(--gp-teal);background:var(--gp-teal-glow);transform:translate(4px)}.gp-tool-callout .callout-icon{font-size:var(--text-2xl);flex-shrink:0}.gp-tool-callout .callout-text{font-size:var(--text-sm);color:var(--gp-text-secondary)}.gp-tool-callout .callout-text strong{display:block;color:var(--gp-teal);margin-bottom:var(--space-1)}.gp-takeaway{background:var(--gp-surface-raised);border:1px solid var(--gp-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);margin:var(--space-8) 0}.gp-takeaway:before{content:"KEY TAKEAWAYS";font-family:var(--font-mono);font-size:var(--text-xs);font-weight:600;letter-spacing:.1em;color:var(--gp-teal);display:block;margin-bottom:var(--space-4)}.gp-sources{margin-top:var(--space-12);padding-top:var(--space-8);border-top:1px solid var(--gp-border-subtle)}.gp-sources h2{font-size:var(--text-xl);margin-top:0;margin-bottom:var(--space-6)}.gp-sources ol{padding-left:var(--space-6)}.gp-sources li{font-size:var(--text-xs);color:var(--gp-text-muted);margin-bottom:var(--space-3);line-height:1.5}.gp-tool-page{padding:var(--space-8) 0 var(--space-24)}.gp-tool-container{max-width:var(--content-wide);margin:0 auto;padding:0 var(--page-padding)}.gp-card{background:var(--gp-surface);border:1px solid var(--gp-border);border-radius:var(--radius-lg);padding:var(--space-6) var(--space-8);transition:all var(--duration-normal) var(--ease-out)}.gp-card:hover{border-color:var(--gp-teal);box-shadow:var(--shadow-glow);transform:translateY(-2px)}.gp-card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:var(--space-6)}.gp-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;padding:var(--space-3) var(--space-6);border-radius:var(--radius-md);transition:all var(--duration-fast) var(--ease-out);text-decoration:none;cursor:pointer;white-space:nowrap}.gp-btn-primary{background:var(--gp-teal);color:var(--gp-black)}.gp-btn-primary:hover{background:var(--gp-teal-hover);color:var(--gp-black);box-shadow:var(--shadow-glow)}.gp-btn-ghost{background:transparent;color:var(--gp-teal);border:1px solid var(--gp-border)}.gp-btn-ghost:hover{border-color:var(--gp-teal);background:var(--gp-teal-glow);color:var(--gp-teal-hover)}.gp-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:var(--text-xs);font-weight:500;letter-spacing:.04em;padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);background:var(--gp-surface-raised);color:var(--gp-text-tertiary);border:1px solid var(--gp-border)}.gp-tag-teal{background:var(--gp-teal-muted);color:var(--gp-teal);border-color:#00c2a84d}.gp-article-list{display:flex;flex-direction:column;gap:var(--space-1)}.gp-article-item{display:flex;align-items:baseline;gap:var(--space-6);padding:var(--space-5) 0;border-bottom:1px solid var(--gp-border-subtle);text-decoration:none;transition:all var(--duration-fast) var(--ease-out)}.gp-article-item:hover{padding-left:var(--space-4)}.gp-article-item-date{font-family:var(--font-mono);font-size:var(--text-xs);color:var(--gp-text-muted);flex-shrink:0;min-width:5em}.gp-article-item h3{font-family:var(--font-body);font-size:var(--text-base);font-weight:500;color:var(--gp-text-secondary);margin:0;transition:color var(--duration-fast)}.gp-article-item:hover h3{color:var(--gp-teal)}.gp-article-item-tag{margin-left:auto;flex-shrink:0}.gp-fade-in{animation:gpFadeIn var(--duration-slow) var(--ease-out) both}@keyframes gpFadeIn{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.gp-stagger>*{animation:gpFadeIn var(--duration-slow) var(--ease-out) both}.gp-stagger>*:nth-child(1){animation-delay:0ms}.gp-stagger>*:nth-child(2){animation-delay:60ms}.gp-stagger>*:nth-child(3){animation-delay:.12s}.gp-stagger>*:nth-child(4){animation-delay:.18s}.gp-stagger>*:nth-child(5){animation-delay:.24s}.gp-stagger>*:nth-child(6){animation-delay:.3s}@media (max-width: 640px){:root{--page-padding: var(--space-4)}h1{font-size:var(--text-3xl)}h2{font-size:var(--text-2xl);margin-top:var(--space-10)}h3{font-size:var(--text-xl);margin-top:var(--space-8)}.gp-article-header h1{font-size:var(--text-3xl)}.gp-article-body table{font-size:var(--text-xs)}.gp-article-body th,.gp-article-body td{padding:var(--space-2) var(--space-3)}.gp-card-grid{grid-template-columns:1fr}}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--gp-black)}::-webkit-scrollbar-thumb{background:var(--gp-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--gp-text-muted)}