:root{--bg: #FAFAF7;--surface: #FFFFFF;--surface-alt: #F5F6F8;--border: #E5E7EB;--border-strong: #D1D5DB;--ink: #0B1220;--ink-soft: #1F2937;--ink-muted: #5B6470;--ink-faint: #8B94A1;--accent: #2563EB;--accent-hover: #1E4FD8;--accent-soft: #EFF4FF;--accent-ink: #1E40AF;--mono-bg: #F3F4F6;--mono-ink: #1F2937;--shadow-sm: 0 1px 2px rgba(11, 18, 32, .04);--shadow-md: 0 4px 20px rgba(11, 18, 32, .06);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px;--radius-xl: 20px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 24px;--space-6: 32px;--space-7: 48px;--space-8: 64px;--space-9: 96px;--font-sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--content-max: 1120px;--content-gutter: 24px}*,*:before,*:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizeLegibility}html,body{margin:0;padding:0;background:var(--bg);color:var(--ink);font-family:var(--font-sans);font-size:16px;line-height:1.55}img,svg{display:block;max-width:100%}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--accent);outline-offset:3px;border-radius:var(--radius-sm)}h1,h2,h3,h4{margin:0;font-weight:600;letter-spacing:-.01em;color:var(--ink)}h1{font-size:clamp(36px,5vw,52px);line-height:1.1;letter-spacing:-.02em}h2{font-size:clamp(24px,2.6vw,32px);line-height:1.2}h3{font-size:20px;line-height:1.3}h4{font-size:16px;line-height:1.3}p{margin:0;color:var(--ink-soft)}code{font-family:var(--font-mono);font-size:.92em;background:var(--mono-bg);color:var(--mono-ink);padding:1px 6px;border-radius:var(--radius-sm)}hr{border:0;border-top:1px solid var(--border);margin:0}.container{width:100%;max-width:var(--content-max);margin:0 auto;padding:0 var(--content-gutter)}.section{padding:var(--space-9) 0}.section--tight{padding:var(--space-7) 0}.eyebrow{display:inline-block;font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--accent);margin-bottom:var(--space-3)}.section-title{margin-bottom:var(--space-3)}.section-lede{color:var(--ink-muted);max-width:640px;margin-bottom:var(--space-7)}@media(max-width:768px){.section{padding:var(--space-8) 0}}.topnav{position:sticky;top:0;z-index:50;background:#fafaf7e0;backdrop-filter:saturate(180%) blur(8px);border-bottom:1px solid var(--border)}.topnav__inner{display:flex;align-items:center;justify-content:space-between;height:64px}.topnav__brand{display:inline-flex;align-items:center;gap:10px;font-family:var(--font-mono);font-size:14px;color:var(--ink)}.topnav__brand-mark{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:7px;background:var(--accent);color:#fff;font-weight:700;letter-spacing:0;font-family:var(--font-sans)}.topnav__links{display:flex;gap:var(--space-5);font-size:14px;color:var(--ink-muted)}.topnav__links a:hover{color:var(--ink)}@media(max-width:640px){.topnav__links{display:none}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border-radius:var(--radius-md);font-size:14px;font-weight:500;border:1px solid transparent;transition:background .15s,border-color .15s,color .15s;cursor:pointer;white-space:nowrap}.btn--primary{background:var(--accent);color:#fff}.btn--primary:hover{background:var(--accent-hover)}.btn--secondary{background:var(--surface);color:var(--ink);border-color:var(--border-strong)}.btn--secondary:hover{border-color:var(--ink)}.btn--ghost{background:transparent;color:var(--ink);border-color:var(--border)}.btn--ghost:hover{background:var(--surface)}.role-tags{display:flex;flex-wrap:wrap;gap:8px}.role-tag{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12px;letter-spacing:.02em;padding:5px 10px;border-radius:999px;background:var(--surface);border:1px solid var(--border);color:var(--ink-soft)}.stack-chip{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12px;padding:4px 8px;border-radius:6px;background:var(--mono-bg);color:var(--mono-ink)}.hero{padding:var(--space-9) 0 var(--space-8)}.hero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-7);align-items:center}.hero__name{font-family:var(--font-mono);font-size:13px;color:var(--ink-muted);margin-bottom:var(--space-3)}.hero__title{margin-bottom:var(--space-4)}.hero__pitch{font-size:19px;line-height:1.5;color:var(--ink-soft);margin-bottom:var(--space-3);max-width:560px}.hero__sub{color:var(--ink-muted);margin-bottom:var(--space-5);max-width:560px;font-size:15px}.hero__tags{margin-bottom:var(--space-6)}.hero__ctas{display:flex;gap:var(--space-3);flex-wrap:wrap}.hero__panel{background:var(--accent);color:#fff;border-radius:var(--radius-xl);padding:var(--space-7);aspect-ratio:1 / 1;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.hero__panel-label{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;opacity:.7}.hero__panel-caption{font-family:var(--font-mono);font-size:12px;opacity:.75;margin-top:var(--space-3)}@media(max-width:900px){.hero__grid{grid-template-columns:1fr;gap:var(--space-6)}.hero__panel{aspect-ratio:auto;padding:var(--space-5)}}.sysmap{width:100%;height:auto}.sysmap text{font-family:var(--font-mono);font-size:11px;fill:currentColor}.sysmap__node rect{fill:#ffffff14;stroke:#ffffffd9}.sysmap__node--filled rect{fill:#ffffff2e}.sysmap--light .sysmap__node rect{fill:var(--surface);stroke:var(--border-strong)}.sysmap--light .sysmap__node--filled rect{fill:var(--accent-soft);stroke:var(--accent)}.sysmap--light .sysmap__node text{fill:var(--ink)}.sysmap__arrow{stroke:currentColor;stroke-width:1.5;fill:none;opacity:.7}.sysmap--light .sysmap__arrow{stroke:var(--ink-muted);opacity:.7}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:768px){.build-grid{grid-template-columns:1fr}}.build-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6);transition:box-shadow .18s,border-color .18s,transform .18s}.build-card:hover{box-shadow:var(--shadow-md);border-color:var(--border-strong)}.build-card__num{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.04em;margin-bottom:var(--space-3)}.build-card__title{margin-bottom:var(--space-2)}.build-card__body{color:var(--ink-muted);font-size:15px}.project-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-5)}@media(max-width:860px){.project-grid{grid-template-columns:1fr}}.project-card{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);padding:var(--space-6);display:flex;flex-direction:column}.project-card--wip{background:repeating-linear-gradient(135deg,transparent,transparent 11px,rgba(37,99,235,.03) 11px,rgba(37,99,235,.03) 12px),var(--surface)}.project-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);margin-bottom:var(--space-2)}.project-card__title{margin:0;font-size:19px}.project-badge{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;padding:4px 9px;border-radius:999px;white-space:nowrap;flex-shrink:0}.project-badge--live{color:#047857;background:#ecfdf5;border:1px solid #a7f3d0}.project-badge--wip{color:var(--accent-ink);background:var(--accent-soft);border:1px solid #bfdbfe}.project-card__tagline{color:var(--ink-soft);font-size:15px;font-weight:500;margin:0 0 var(--space-3)}.project-card__body{color:var(--ink-muted);font-size:14px;margin:0 0 var(--space-4)}.project-card__features{border-top:1px solid var(--border);padding-top:var(--space-4);margin-bottom:var(--space-4)}.project-card__features-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-faint);margin-bottom:var(--space-2)}.project-card__features ul{margin:0;padding-left:1.1em;display:grid;gap:4px}.project-card__features li{font-size:13.5px;color:var(--ink-muted)}.project-card__stack{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-top:auto}.project-card__status{font-size:13px;color:var(--ink-muted);margin:var(--space-4) 0 0}.project-card__status span{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--accent-ink)}.project-card__cta{margin-top:var(--space-4)}.skill-layers{display:flex;flex-direction:column;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface);overflow:hidden}.skill-layer{display:grid;grid-template-columns:220px 1fr;gap:var(--space-5);padding:var(--space-5) var(--space-6);border-bottom:1px solid var(--border)}.skill-layer:last-child{border-bottom:0}.skill-layer__label{font-family:var(--font-mono);font-size:13px;color:var(--accent);letter-spacing:.04em;text-transform:uppercase;padding-top:4px}.skill-layer__items{display:flex;flex-wrap:wrap;gap:6px}@media(max-width:700px){.skill-layer{grid-template-columns:1fr;gap:var(--space-3);padding:var(--space-4)}}.xp-list{display:flex;flex-direction:column;gap:var(--space-4)}.xp-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5) var(--space-6)}.xp-card__head{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-2)}.xp-card__role{font-size:16px;font-weight:600}.xp-card__org{color:var(--ink-muted);font-size:14px;margin-bottom:var(--space-3)}.xp-card__dates{font-family:var(--font-mono);font-size:12px;color:var(--ink-muted);white-space:nowrap}.xp-card__bullets{margin:0;padding-left:18px;color:var(--ink-soft);font-size:14px;display:flex;flex-direction:column;gap:6px}.contact-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-3)}@media(max-width:800px){.contact-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:480px){.contact-grid{grid-template-columns:1fr}}.contact-card{display:flex;flex-direction:column;justify-content:space-between;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-5);min-height:120px;transition:border-color .18s,transform .18s,box-shadow .18s}.contact-card:hover{border-color:var(--accent);box-shadow:var(--shadow-md)}.contact-card__label{font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-faint)}.contact-card__value{margin-top:var(--space-3);font-size:15px;font-weight:500;word-break:break-word}.contact-card--accent{background:var(--accent);color:#fff;border-color:var(--accent)}.contact-card--accent .contact-card__label{color:#ffffffb3}.footer{border-top:1px solid var(--border);padding:var(--space-6) 0;margin-top:var(--space-9);color:var(--ink-muted);font-size:13px}.footer__inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--space-3)}.footer__lang{font-family:var(--font-mono);font-size:12px;display:inline-flex;gap:8px}.footer__lang span[aria-disabled=true]{color:var(--ink-faint)}.system-detail__hero{padding:var(--space-8) 0 var(--space-7);border-bottom:1px solid var(--border)}.system-detail__breadcrumb{font-family:var(--font-mono);font-size:13px;color:var(--ink-muted);margin-bottom:var(--space-4)}.system-detail__breadcrumb a:hover{color:var(--ink)}.system-detail__title{margin-bottom:var(--space-3)}.system-detail__lede{font-size:18px;color:var(--ink-soft);max-width:720px;margin-bottom:var(--space-5)}.system-detail__block{margin-top:var(--space-7)}.system-detail__block h3{margin-bottom:var(--space-3)}.system-detail__block p{color:var(--ink-soft);margin-bottom:var(--space-3);max-width:720px}.system-detail__diagram{margin-top:var(--space-5);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:var(--space-6)}.system-detail__stack{display:flex;flex-wrap:wrap;gap:6px;margin-top:var(--space-3)}