:root{color-scheme:dark;--bg: #101314;--surface: #181d1f;--text: #f0f3f2;--muted: #a8b2b0;--line: #2a3234;--accent: #69b9a7;--accent-dark: #8bd6c5;--highlight: #f0a064;--shadow: 0 18px 45px rgba(0, 0, 0, .28)}[data-theme=light]{color-scheme:light;--bg: #f7f5ef;--surface: #ffffff;--text: #1b1f24;--muted: #65717f;--line: #ded9ce;--accent: #146c5a;--accent-dark: #0f4f43;--highlight: #d96c3b;--shadow: 0 18px 45px rgba(28, 31, 35, .08)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}body{margin:0;min-width:320px;background:var(--bg)}a{color:inherit;text-decoration:none}code{border-radius:5px;background:#146c5a1a;padding:.12rem .32rem;font-size:.92em}.page-shell{width:min(1200px,calc(100% - 32px));margin:0 auto;opacity:1}.intro-screen+.page-shell{animation:page-reveal .45s ease 1.25s both}.intro-screen{position:fixed;inset:0;z-index:20;display:grid;place-items:center;background:var(--bg);animation:intro-hide .35s ease 1.25s forwards;pointer-events:none}.intro-screen svg{height:auto}.intro-logo-desktop{display:block;width:min(86vw,820px)}.intro-logo-mobile{display:none;width:min(78vw,520px)}.intro-line{fill:transparent;stroke:var(--text);stroke-width:2.2;stroke-dasharray:1600;stroke-dashoffset:1600;font-size:104px;font-weight:850;letter-spacing:0;animation:logo-write 1.25s ease forwards}.intro-line-secondary{animation-delay:.08s}.site-header,.site-footer{display:flex;align-items:center;justify-content:space-between;padding:26px 0}.site-footer{border-top:1px solid var(--line);color:var(--muted);font-size:.95rem}.brand{display:inline-flex;align-items:center;gap:10px;font-weight:750}.brand-mark{display:grid;width:34px;height:34px;place-items:center;border-radius:8px;border:1px solid color-mix(in srgb,var(--text) 38%,transparent);background:color-mix(in srgb,var(--surface) 82%,transparent);color:var(--text)}.brand-mark svg{width:25px;height:25px;overflow:visible}.brand-mark path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.45;opacity:.9}.header-actions{display:flex;align-items:center;gap:12px}nav{display:flex;gap:8px}nav a{border-radius:999px;padding:8px 13px;color:var(--muted);font-size:.95rem}nav a:hover,nav a[aria-current=page]{background:#146c5a1a;color:var(--accent-dark)}.utility-link,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);font:inherit;font-size:.9rem;box-shadow:none;cursor:pointer}.utility-link{padding:0 10px}.theme-toggle{width:40px;padding:0}.theme-toggle span{width:16px;height:16px;border-radius:50%;background:var(--text);box-shadow:inset -5px -3px 0 var(--surface)}[data-theme=light] .theme-toggle span{box-shadow:inset 5px 3px 0 var(--surface)}main{min-height:calc(100vh - 180px)}.hero{display:grid;align-content:center;min-height:58vh;padding:56px 0 72px;border-top:1px solid var(--line)}.hero h1,.narrow h1,.section-heading h1{max-width:820px;margin:0;font-size:clamp(2.35rem,7vw,5.25rem);line-height:1.02;letter-spacing:0}.hero p{max-width:680px;margin:22px 0 0;color:var(--muted);font-size:1.15rem;line-height:1.8}.eyebrow{margin:0 0 14px;color:var(--highlight);font-size:.78rem;font-weight:800;letter-spacing:0;text-transform:uppercase}.section,.narrow{padding:64px 0;border-top:1px solid var(--line)}.wireframe-showcase{position:relative;left:50%;display:grid;grid-template-columns:minmax(280px,.85fr) minmax(320px,1.15fr);gap:clamp(28px,6vw,84px);align-items:center;width:100vw;min-height:76vh;margin-left:-50vw;border-top:1px solid var(--line);background:radial-gradient(circle at 75% 100%,rgba(255,255,255,.12),transparent 28%),linear-gradient(180deg,#ffffff05,#fff0);overflow:hidden;padding:clamp(48px,8vw,96px) max(24px,calc((100vw - 1200px)/2))}[data-theme=light] .wireframe-showcase{background:radial-gradient(circle at 75% 100%,rgba(20,108,90,.14),transparent 28%),linear-gradient(180deg,#146c5a0a,#146c5a00)}.wireframe-copy{position:relative;z-index:2;max-width:640px}.wireframe-copy h2{max-width:720px;margin:0;font-size:clamp(2rem,5.5vw,4.8rem);line-height:1.04;letter-spacing:0}.wireframe-copy p{margin:24px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.85}.wireframe-stage{position:relative;min-height:min(72vh,760px);cursor:grab;touch-action:none}.wireframe-stage:active{cursor:grabbing}.wireframe-stage canvas{position:absolute;inset:0;width:100%;height:100%}.wireframe-stage:after{position:absolute;right:12%;bottom:2%;left:18%;height:18px;border-radius:50%;background:radial-gradient(ellipse,rgba(255,255,255,.18),transparent 68%);filter:blur(10px);content:"";pointer-events:none}.narrow{max-width:900px;margin-right:auto;margin-left:auto}.narrow p{color:var(--muted);font-size:1.08rem;line-height:1.85}.section-heading{margin-bottom:26px}.section-heading h2{margin:0;font-size:clamp(1.75rem,4vw,2.8rem);letter-spacing:0}.post-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.post-list{display:grid;gap:16px;max-width:960px;margin-right:auto;margin-left:auto}.post-card a{display:grid;gap:12px;height:100%;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:24px;box-shadow:var(--shadow)}.post-card a:hover{border-color:#146c5a73;transform:translateY(-2px)}.post-card time,.article-header time{color:var(--muted);font-size:.9rem}.post-card h2{margin:0;font-size:1.35rem;line-height:1.25}.post-card p{margin:0;color:var(--muted);line-height:1.7}.post-card ul,.tag-list{display:flex;flex-wrap:wrap;gap:8px;margin:6px 0 0;padding:0;list-style:none}.post-card li,.tag-list li{border:1px solid var(--line);border-radius:999px;padding:4px 9px;color:var(--accent-dark);font-size:.82rem}.archive-list{display:grid;gap:28px;max-width:960px;margin-right:auto;margin-left:auto}.archive-group{border-top:1px solid var(--line);padding-top:22px}.archive-group h2{margin:0 0 14px;font-size:1.35rem}.archive-group ul{display:grid;gap:12px;margin:0;padding:0;list-style:none}.archive-group li{display:grid;grid-template-columns:170px minmax(0,1fr);gap:16px;align-items:baseline}.archive-group time{color:var(--muted);font-size:.95rem}.archive-group a{color:var(--text);font-weight:700}.archive-group a:hover{color:var(--accent-dark)}.tag-cloud{display:flex;flex-wrap:wrap;gap:12px;max-width:960px;margin-right:auto;margin-left:auto}.tag-cloud a{display:inline-flex;align-items:center;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:12px 14px;box-shadow:var(--shadow)}.tag-cloud small{display:grid;min-width:24px;height:24px;place-items:center;border-radius:999px;background:#146c5a1a;color:var(--accent-dark);font-weight:800}.status-list{display:grid;gap:14px;max-width:860px}.status-card{display:grid;gap:10px;border:1px solid var(--line);border-radius:8px;background:var(--surface);padding:22px;box-shadow:var(--shadow)}.status-card:hover{border-color:#146c5a73;transform:translateY(-2px)}.status-card header,.status-detail-header{display:flex;align-items:center;justify-content:space-between;gap:18px}.status-card h2,.status-detail-header h1{margin:0}.status-card p,.status-detail p{margin:0;color:var(--muted);line-height:1.75}.status-pill{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:999px;padding:6px 10px;color:var(--status-color);font-size:.9rem;font-weight:800;white-space:nowrap}.status-pill:before{width:9px;height:9px;border-radius:50%;background:var(--status-color);content:""}.status-operational{--status-color: #16805f}.status-maintenance{--status-color: #c4661f}.status-planned{--status-color: #3d72c9}.status-degraded{--status-color: #b88200}.status-outage{--status-color: #c93434}[data-theme=light] .status-operational{--status-color: #16805f}[data-theme=light] .status-maintenance{--status-color: #c4661f}[data-theme=light] .status-planned{--status-color: #3d72c9}[data-theme=light] .status-degraded{--status-color: #b88200}[data-theme=light] .status-outage{--status-color: #c93434}.status-operational{--status-color: #63d3a4}.status-maintenance{--status-color: #f0a064}.status-planned{--status-color: #8fb5ff}.status-degraded{--status-color: #e3c15c}.status-outage{--status-color: #ff8585}.status-meta{color:var(--muted);font-size:.92rem}.status-detail{display:grid;gap:22px;max-width:800px;padding:52px 0 76px}.status-detail-body{border-top:1px solid var(--line);padding-top:24px;white-space:pre-wrap}.article{max-width:960px;margin-right:auto;margin-left:auto;padding:52px 0 76px}.back-link{color:var(--accent-dark);font-weight:700}.article-header{margin-top:32px;padding-bottom:28px;border-bottom:1px solid var(--line)}.article-header h1{margin:10px 0 18px;font-size:clamp(2.2rem,6vw,4.6rem);line-height:1.05;letter-spacing:0}.article-header p{max-width:820px;margin:0;color:var(--muted);font-size:1.12rem;line-height:1.75}.prose{padding-top:18px;font-size:1.06rem;line-height:1.85}.prose h2{margin:2rem 0 .6rem;font-size:1.7rem}.prose pre{position:relative;overflow-x:auto;border:1px solid var(--line);border-radius:8px;background:#090b0c;padding:1.15rem}.prose pre code{display:block;background:transparent;padding:0;color:#eef4f2;font-size:.92rem;line-height:1.7}.copy-code-button{position:absolute;top:8px;right:8px;border:1px solid color-mix(in srgb,var(--text) 18%,transparent);border-radius:6px;background:color-mix(in srgb,var(--surface) 92%,transparent);padding:5px 9px;color:var(--text);font:inherit;font-size:.78rem;font-weight:700;cursor:pointer;opacity:0;transition:opacity .16s ease}.prose pre:hover .copy-code-button,.copy-code-button:focus-visible{opacity:1}.prose p,.prose li{color:var(--text)}.prose a{color:var(--accent-dark);text-decoration:underline;text-underline-offset:3px}.prose blockquote{margin:1.8rem 0;border-left:4px solid var(--highlight);border-radius:0 8px 8px 0;background:color-mix(in srgb,var(--surface) 78%,var(--highlight));padding:1rem 1.2rem;color:var(--text)}.prose blockquote p{margin:.6rem 0;color:var(--text)}.prose blockquote p:first-child{margin-top:0}.prose blockquote p:last-child{margin-bottom:0}.prose img,.prose picture,.prose video{display:block;max-width:100%;height:auto;margin:1.6rem auto}.prose img{max-height:min(72vh,760px);border-radius:8px;object-fit:contain}.prose p>img:only-child{margin-top:2rem;margin-bottom:2rem}@media(max-width:760px){.intro-logo-desktop{display:none}.intro-logo-mobile{display:block}.intro-logo-mobile .intro-line{stroke-dasharray:900;stroke-dashoffset:900}.page-shell{width:min(100% - 24px,1200px)}.site-header{align-items:flex-start;flex-direction:column;gap:14px}.header-actions{display:grid;grid-template-columns:1fr auto;gap:10px;width:100%}nav{display:grid;grid-column:1 / -1;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;width:100%;overflow:visible}nav a{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:7px 8px;text-align:center;white-space:nowrap;font-size:.88rem}.utility-link{justify-self:start}.theme-toggle{justify-self:end}.hero{min-height:auto;padding:42px 0 54px}.wireframe-showcase{grid-template-columns:1fr;min-height:auto;padding:46px 18px 54px}.wireframe-stage{min-height:58vh;order:-1}.wireframe-copy p{font-size:1rem}.post-grid{grid-template-columns:1fr}.archive-group li{grid-template-columns:1fr;gap:4px}.section,.narrow{padding:46px 0}}@media(max-width:420px){.intro-screen svg{width:min(84vw,360px)}.intro-line{stroke-width:2.5;font-size:98px}nav a{padding-right:6px;padding-left:6px;font-size:.82rem}}@keyframes logo-write{to{stroke-dashoffset:0}}@keyframes intro-hide{to{opacity:0;visibility:hidden}}@keyframes page-reveal{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important}}