@import"https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700&display=swap";:root{--bg: #f6f8fb;--panel: #ffffff;--ink: #111827;--muted: #6b7280;--line: #e5e7eb;--chip: #f3f4f6;--cta: #3b82f6;--green: #16a34a}html,body{height:100%;max-width:100%;overflow-x:hidden}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,-apple-system,Segoe UI,Roboto,Inter,Arial}.wrap{max-width:1200px;margin:0 auto;padding:0 18px}@media (max-width: 640px){.wrap{padding:0 16px}}.strip{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0;color:#475569;background:#f9fafb}.dot{width:10px;height:10px;border-radius:50%;background:var(--green);display:inline-block;margin-right:8px}.footer{padding:28px 0;color:#64748b;font-size:14px}img,svg,video{max-width:100%;height:auto}code{font-family:SFMono-Regular,ui-monospace,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;background:var(--chip);padding:1px 4px;border-radius:4px;word-break:break-word;overflow-wrap:anywhere}:root{--project-com-color-1: #75B9B4;--project-com-color-2: #E7F3F4;--project-com-color-3: #0E90A4;--project-com-color-4: #281F19;--project-com-color-5: #6B5038;--project-com-color-6: #C47C70;--bg: #f8fbfb;--panel: #ffffff;--panel-2: #fbfdfd;--ink: var(--project-com-color-4);--muted: #6b645f;--muted-2: #8b847e;--line: rgba(40, 31, 25, .14);--line-strong: rgba(40, 31, 25, .22);--brand: var(--project-com-color-3);--brand-2: var(--project-com-color-1);--accent: var(--project-com-color-6);--cta: var(--brand);--cta-hover: #0b7f91;--green: var(--brand-2);--chip: var(--project-com-color-2);--shadow-sm: 0 1px 0 rgba(15, 23, 42, .03), 0 14px 34px rgba(40, 31, 25, .1);--shadow-md: 0 16px 46px rgba(40, 31, 25, .16);--focus: rgba(14, 144, 164, .25);--radius-lg: 20px;--radius-md: 14px;--radius-sm: 12px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:Poppins,Helvetica,sans-serif;color:var(--ink, #281F19);background:radial-gradient(900px 420px at 18% -8%,rgba(117,185,180,.35),transparent 60%),radial-gradient(740px 380px at 82% 0%,rgba(196,124,112,.2),transparent 55%),linear-gradient(180deg,var(--bg, #f8fbfb) 0%,#ffffff 55%,#ffffff 100%)}a{color:inherit}code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.95em;background:#e7f3f4d9;border:1px solid var(--line, rgba(40, 31, 25, .14));padding:.15em .35em;border-radius:8px}.wrap{width:100%;max-width:1120px;margin:0 auto;padding:0 18px}.page{width:100%;max-width:100%;overflow-x:hidden}.main{padding:34px 0 54px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;border-radius:var(--radius-sm, 12px);font-weight:700;border:1px solid var(--line, rgba(40, 31, 25, .14));text-decoration:none;background:var(--panel, #ffffff);color:var(--ink, #281F19);cursor:pointer;font-family:inherit;transition:transform .12s ease,box-shadow .12s ease,background .12s ease,border-color .12s ease}.btn:hover{transform:translateY(-1px);border-color:var(--line-strong, rgba(40, 31, 25, .22));box-shadow:0 14px 28px #281f191a}.btn:active{transform:translateY(0)}.btn:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus, rgba(14, 144, 164, .25)),0 14px 28px #281f191a}.btn.primary{background:linear-gradient(180deg,var(--cta, #0E90A4) 0%,var(--cta-hover, #0b7f91) 100%);border-color:transparent;color:#fff}.btn.primary:hover{box-shadow:0 18px 34px #0e90a433}.hero{position:relative;display:grid;grid-template-columns:1.6fr .9fr;gap:28px;align-items:center;padding:26px;border-radius:var(--radius-lg, 20px);background:linear-gradient(180deg,var(--panel, #ffffff) 0%,var(--panel-2, #fbfdfd) 100%);border:1px solid var(--line, rgba(40, 31, 25, .14));box-shadow:var(--shadow-sm);overflow:hidden}.hero:before{content:"";position:absolute;top:-180px;right:-180px;width:420px;height:420px;background:radial-gradient(closest-side,rgba(14,144,164,.22),transparent 72%);transform:rotate(12deg);pointer-events:none}.hero-text,.hero-photo{position:relative;min-width:0}.hero-kicker{display:inline-flex;align-items:center;gap:10px;padding:6px 10px;border-radius:999px;background:var(--chip, #E7F3F4);color:var(--brand, #0E90A4);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700;margin-bottom:10px}.hero-title{font-size:34px;line-height:1.12;margin:0 0 8px;letter-spacing:-.02em}.hero-sub{margin:0 0 14px;color:var(--muted, #6b645f);max-width:62ch}.hero-list{margin:0;padding-left:18px;color:var(--muted, #6b645f);font-size:13px}.hero-list li+li{margin-top:6px}.hero-meta{margin-top:14px;display:inline-flex;align-items:center;gap:10px;padding:8px 10px;border-radius:12px;background:#e7f3f4a6;border:1px solid var(--line, rgba(40, 31, 25, .14));color:var(--muted, #6b645f);font-size:13px}.hero-meta strong{color:var(--ink, #281F19)}.hero-meta-dot{width:9px;height:9px;border-radius:50%;background:var(--green, #75B9B4);box-shadow:0 0 0 4px #75b9b438}.hero-actions{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px;align-items:center}.hero-social{margin-top:14px;display:flex;flex-wrap:wrap;gap:10px}.hero-social-link{font-size:12px;padding:6px 10px;border-radius:999px;border:1px solid var(--line, rgba(40, 31, 25, .14));color:var(--ink, #281F19);text-decoration:none;background:#ffffffbf;display:inline-flex;align-items:center;gap:8px;transition:background .12s ease,transform .12s ease,border-color .12s ease}.hero-social-link:hover,.hero-social-link:focus-visible{background:#e7f3f4e6;border-color:var(--line-strong, rgba(40, 31, 25, .22));transform:translateY(-1px)}.hero-social-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:999px;font-size:11px;font-weight:700;color:#fff}.hero-social-link--linkedin .hero-social-icon{background:#0a66c2}.hero-social-link--facebook .hero-social-icon{background:#1877f2}.hero-photo{display:flex;justify-content:flex-end}.hero-photo-inner{width:260px;max-width:100%;border-radius:var(--radius-md, 14px);background:#ffffffbf;border:1px solid var(--line, rgba(40, 31, 25, .14));box-shadow:var(--shadow-sm);padding:14px;text-align:center}.hero-photo a{display:inline-flex;border-radius:999px;outline:none}.hero-photo img{width:132px;height:132px;border-radius:50%;object-fit:cover;border:2px solid var(--line, rgba(40, 31, 25, .14));box-shadow:0 12px 30px #281f192e;display:block;margin:0 auto 10px}.hero-photo a:focus-visible img{box-shadow:0 0 0 3px var(--focus, rgba(14, 144, 164, .25)),0 12px 30px #281f192e}.hero-photo-caption{font-size:12px;color:var(--muted, #6b645f)}.diagrams-section{margin-top:28px}.diagrams-title{margin:18px 0 0;font-size:22px;letter-spacing:-.01em}.diagrams-subtitle{margin:8px 0 14px;color:var(--muted, #6b645f);max-width:70ch}.strip{margin-top:34px;background:linear-gradient(90deg,var(--brand, #0E90A4) 0%,var(--brand-2, #75B9B4) 100%);color:#fff}.strip .wrap{padding:14px 18px;display:flex;align-items:center;gap:10px;font-weight:700}.strip .dot{width:8px;height:8px;border-radius:999px;background:#ffffffeb;box-shadow:0 0 0 4px #ffffff2e}.footer{padding:26px 18px 44px;color:var(--muted-2, #8b847e);font-size:12px}@media (max-width: 860px){.hero{grid-template-columns:1fr}.hero-photo{justify-content:flex-start}.hero-photo-inner{width:100%;display:flex;align-items:center;gap:14px;text-align:left}.hero-photo img{margin:0;width:112px;height:112px}}@media (max-width: 640px){.main{padding:24px 0 46px}.hero{padding:18px;gap:18px}.hero-title{font-size:28px}.hero-photo-inner{flex-direction:column;text-align:center}}.nav-header{position:sticky;top:0;z-index:10;border-bottom:1px solid var(--line, rgba(40, 31, 25, .14));background:#f8fbfbdb;-webkit-backdrop-filter:saturate(120%) blur(10px);backdrop-filter:saturate(120%) blur(10px)}.nav{width:100%;height:68px;display:flex;align-items:center;justify-content:space-between}.nav-links{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800;letter-spacing:.2px;color:var(--ink, #281F19)}.brand span{line-height:1}.logo{width:34px;height:34px;border-radius:10px;background:radial-gradient(130% 130% at 30% 20%,var(--project-com-color-1, #75B9B4) 0%,var(--project-com-color-3, #0E90A4) 44%,var(--project-com-color-6, #C47C70) 74%,var(--project-com-color-4, #281F19) 100%);box-shadow:0 10px 24px #281f192e}.nav-links a{text-decoration:none;color:var(--muted, #6b645f);font-weight:700;font-size:13px;padding:8px 10px;border-radius:12px;border:1px solid transparent;transition:background .12s ease,border-color .12s ease,transform .12s ease}.nav-links a:hover{color:var(--ink, #281F19);background:#e7f3f4d9;border-color:var(--line, rgba(40, 31, 25, .14));transform:translateY(-1px)}.nav-links a:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus, rgba(14, 144, 164, .25))}@media (max-width: 640px){.nav{height:auto;padding:12px 0;flex-direction:column;align-items:flex-start;gap:10px}.nav-links{width:100%;gap:8px}.nav-links a{font-size:13px}}.controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0 14px}.input{background:var(--panel, #ffffff);border:1px solid var(--line, rgba(40, 31, 25, .14));color:var(--ink, #281F19);padding:11px 12px;border-radius:12px;min-width:280px;outline:none}.input::placeholder{color:var(--muted-2, #8b847e)}.input:focus{box-shadow:0 0 0 3px var(--focus, rgba(14, 144, 164, .25))}.count{margin-left:auto;font-size:12px;color:var(--muted, #6b645f);padding:6px 10px;border-radius:999px;background:#ffffffb3;border:1px solid var(--line, rgba(40, 31, 25, .14))}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:stretch}.card{background:var(--panel, #ffffff);border:1px solid var(--line, rgba(40, 31, 25, .14));border-radius:16px;padding:12px;display:flex;flex-direction:column;box-shadow:0 10px 26px #281f190f;transition:transform .14s ease,box-shadow .14s ease,border-color .14s ease}.card:hover{transform:translateY(-2px);border-color:var(--line-strong, rgba(40, 31, 25, .22));box-shadow:0 18px 38px #281f191f}.thumb{background:#e7f3f48c;border:1px solid var(--line, rgba(40, 31, 25, .14));border-radius:12px;display:block;overflow:hidden;aspect-ratio:16/10}button.thumb{padding:0;cursor:pointer}button.thumb:focus-visible{outline:none;box-shadow:0 0 0 3px var(--focus, rgba(14, 144, 164, .25))}.thumb img{width:100%;height:100%;object-fit:contain;display:block}.meta{display:flex;justify-content:space-between;align-items:center;margin-top:10px;gap:10px}.title{font-weight:800;font-size:13px;color:var(--ink, #281F19)}.tags{display:flex;gap:6px;flex-wrap:wrap;justify-content:flex-end}.tag{background:#e7f3f4d9;border:1px solid var(--line, rgba(40, 31, 25, .14));color:var(--muted, #6b645f);border-radius:999px;font-size:11px;padding:3px 8px}.empty{padding:22px;background:var(--panel, #ffffff);border:1px solid var(--line, rgba(40, 31, 25, .14));border-radius:16px;color:var(--muted, #6b645f);font-size:13px}.backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#281f1973;display:flex;align-items:center;justify-content:center;padding:16px;z-index:40}.modal{background:var(--panel, #ffffff);border:1px solid var(--line, rgba(40, 31, 25, .14));border-radius:16px;max-width:min(96vw,1200px);max-height:90vh;display:flex;flex-direction:column;overflow:hidden;box-shadow:var(--shadow-md, 0 16px 46px rgba(40, 31, 25, .16))}.modal .bar{padding:12px;display:flex;gap:10px;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line, rgba(40, 31, 25, .14));background:linear-gradient(180deg,#ffffffeb,#fbfdfdeb)}.modal .frame{padding:12px;overflow:auto}.modal .frame img{max-width:100%;height:auto;display:block;margin:0 auto}.preview-figure{margin:0}.preview-figure figcaption{margin-top:10px;color:var(--muted, #6b645f);text-align:center;font-size:13px}@media (max-width: 640px){.count{margin-left:0}.input{min-width:220px;flex:1 1 220px}}.gb{--gb-up: var(--project-com-color-1, #75B9B4);--gb-brand: var(--project-com-color-3, #0E90A4);--gb-ink: var(--ink, #281F19);--gb-muted: var(--muted, #6b7280);--gb-line: var(--line, rgba(40, 31, 25, .14));--gb-panel: var(--panel, #ffffff);--gb-down: #ef4444;--gb-degraded: var(--project-com-color-6, #C47C70);--gb-unknown: #94a3b8;margin-top:6px}.gb-top{display:flex;gap:16px;align-items:flex-end;justify-content:space-between;flex-wrap:wrap}.gb-kicker{display:inline-flex;padding:6px 10px;border-radius:999px;background:#e7f3f4d9;color:var(--gb-brand);font-size:11px;text-transform:uppercase;letter-spacing:.14em;font-weight:700}.gb-title{margin:10px 0 6px;font-size:26px;letter-spacing:-.01em;color:var(--gb-ink)}.gb-sub{margin:0;color:var(--gb-muted);max-width:70ch;font-size:13px}.gb-controls{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gb-btn{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-ink);border-radius:12px;padding:9px 12px;font-weight:800;font-family:inherit;cursor:pointer}.gb-btn:disabled{opacity:.7;cursor:default}.gb-btn-primary{background:var(--gb-brand);border-color:transparent;color:#fff}.gb-toggle{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-ink);font-weight:700;font-size:12px}.gb-toggle input{accent-color:var(--gb-brand)}.gb-select{border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-ink);border-radius:12px;padding:9px 10px;font-weight:700;font-family:inherit}.gb-search{border:1px solid var(--gb-line);background:var(--gb-panel);color:var(--gb-ink);border-radius:12px;padding:9px 10px;min-width:220px;outline:none;font-family:inherit}.gb-search:focus{box-shadow:0 0 0 3px #0e90a438}.gb-summary{margin-top:14px;display:flex;gap:10px;align-items:center;flex-wrap:wrap}.gb-pill{border:1px solid var(--gb-line);background:#ffffffbf;color:var(--gb-ink);border-radius:999px;font-size:12px;padding:6px 10px;font-weight:800}.gb-up{border-color:#75b9b459}.gb-degraded{border-color:#c47c7059}.gb-down{border-color:#ef444459}.gb-unknown{border-color:#94a3b859}.gb-meta{margin-left:auto;font-size:12px;color:var(--gb-muted)}.gb-grid{margin-top:14px;display:grid;gap:14px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.gb-card{background:var(--gb-panel);border:1px solid var(--gb-line);border-radius:16px;padding:14px;box-shadow:0 12px 30px #281f1914}.gb-card-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.gb-name-main{font-weight:900;color:var(--gb-ink)}.gb-name-sub{margin-top:2px;color:var(--gb-muted);font-size:12px}.gb-dot{width:12px;height:12px;border-radius:999px;background:var(--gb-unknown);box-shadow:0 0 0 4px #94a3b82e}.gb-dot.up{background:var(--gb-up);box-shadow:0 0 0 4px #75b9b433}.gb-dot.degraded{background:var(--gb-degraded);box-shadow:0 0 0 4px #c47c7033}.gb-dot.down{background:var(--gb-down);box-shadow:0 0 0 4px #ef44442e}.gb-dot.unknown{background:var(--gb-unknown);box-shadow:0 0 0 4px #94a3b82e}.gb-kv{margin-top:10px;display:grid;grid-template-columns:auto 1fr;gap:6px 10px;font-size:12px;color:var(--gb-muted)}.gb-kv div:nth-child(odd){color:#281f199e;font-weight:800}.gb-detail{color:#281f19bf;font-weight:800}.gb-link{display:inline-flex;margin-top:10px;padding:8px 10px;border-radius:12px;border:1px solid var(--gb-line);background:#e7f3f499;color:var(--gb-ink);text-decoration:none;font-weight:900;font-size:12px}.gb-link:hover{background:#e7f3f4e6}.words-page{min-height:100vh}.words-main{max-width:980px;margin:0 auto;padding:28px 18px 60px}.words-header{margin-bottom:18px}.words-title{margin:0;font-size:34px;letter-spacing:.2px}.words-subtitle{margin:10px 0 0;max-width:72ch;line-height:1.6;opacity:.85}.words-grid{margin-top:18px;display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}.quote-card{border:1px solid rgba(255,255,255,.12);background:#ffffff0a;border-radius:18px;padding:18px;position:relative}.quote-card-top{display:flex;justify-content:flex-end;margin-bottom:10px}.quote-copy{font:inherit;font-size:13px;padding:6px 10px;min-width:64px;border-radius:12px;border:1px solid rgba(255,255,255,.14);background:#0000002e;color:inherit;cursor:pointer}.quote-copy:hover{border-color:#ffffff42}.quote-copy.quote-copy-copied{border-color:#ffffff57}.quote-text{margin:0;font-size:18px;line-height:1.55;white-space:pre-wrap}.quote-meta{margin-top:12px;display:flex;flex-wrap:wrap;gap:8px;font-size:13px;opacity:.85}.quote-meta-sep{opacity:.65}.quote-notes{margin-top:10px;font-size:13px;opacity:.8}