@import"https://fonts.googleapis.com/css2?family=Instrument+Serif:ital@0;1&family=JetBrains+Mono:wght@400;500;600&family=Plus+Jakarta+Sans:wght@400;500;600;700&display=swap";:root{--canvas: #F7F6F3;--surface: #FFFFFF;--surface-subtle: #FBFBFA;--surface-muted: #F1F0EC;--surface-glass: rgba(247, 246, 243, .88);--border: #E6E4DD;--border-strong: #D0CEC7;--border-subtle: rgba(17, 17, 17, .06);--text-ink: #111111;--text-body: #2F3437;--text-muted: #686763;--text-subtle: #94938E;--pastel-green-bg: #EDF3EC;--pastel-green-text: #28542C;--pastel-green-border: #D2E3D0;--pastel-blue-bg: #E1F3FE;--pastel-blue-text: #1B5D89;--pastel-blue-border: #C3E4FA;--pastel-yellow-bg: #FBF3DB;--pastel-yellow-text: #825600;--pastel-yellow-border: #F1E0B0;--pastel-red-bg: #FDEBEC;--pastel-red-text: #9F2F2D;--pastel-red-border: #F7C9CB;--pastel-lavender-bg: #EAEAFE;--pastel-lavender-text: #2E2E7A;--action-primary: #111111;--action-primary-hover: #2B2B2B;--emerald-accent: #047857;--font-sans: "Plus Jakarta Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-serif: "Instrument Serif", Georgia, serif;--font-mono: "JetBrains Mono", monospace;--ease-enter: cubic-bezier(.22, 1, .36, 1);--ease-move: cubic-bezier(.25, 1, .5, 1);--ease-reveal: cubic-bezier(.16, 1, .3, 1);--ease-drawer: cubic-bezier(.32, .72, 0, 1);--radius-xs: 4px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;text-size-adjust:100%;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background-color:var(--canvas);background-image:radial-gradient(#D5D3CC 1.15px,transparent 1.15px);background-size:24px 24px;background-position:center top;background-attachment:fixed;color:var(--text-ink);line-height:1.6;font-size:15.5px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;min-height:100vh}#root,.app-shell,main,section,header,footer,nav{background-color:transparent!important}.ambient-canvas-glow{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background:radial-gradient(circle at 50% 12%,rgba(234,234,254,.28) 0%,rgba(237,243,236,.16) 35%,transparent 70%)}.content-container{width:100%;max-width:1160px;margin-left:auto;margin-right:auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px);position:relative;z-index:1}.section-block{padding-top:clamp(56px,8vw,104px);padding-bottom:clamp(56px,8vw,104px);border-bottom:1px solid var(--border)}.heading-editorial{font-family:var(--font-serif);font-weight:400;line-height:1.08;letter-spacing:-.025em;color:var(--text-ink)}.heading-sans{font-family:var(--font-sans);font-weight:700;line-height:1.15;letter-spacing:-.03em;color:var(--text-ink)}.mono-meta{font-family:var(--font-mono);font-size:12px;letter-spacing:.04em;text-transform:uppercase;color:var(--text-muted)}.pill-highlight{display:inline-block;background-color:var(--pastel-lavender-bg);color:var(--pastel-lavender-text);padding:2px 10px;border-radius:var(--radius-sm);border:1px solid rgba(46,46,122,.14);font-weight:600}.bento-card,.glass-card{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);padding:clamp(20px,3vw,34px);transition:border-color .2s var(--ease-enter),box-shadow .2s var(--ease-enter),transform .2s var(--ease-enter)}@media (hover: hover) and (pointer: fine){.bento-card:hover,.glass-card:hover{border-color:var(--border-strong);box-shadow:0 4px 16px #1111110a}}.window-chrome{background-color:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:0 2px 10px #11111108}.window-chrome-bar{display:flex;align-items:center;justify-content:space-between;padding:10px 16px;background-color:var(--surface-subtle);border-bottom:1px solid var(--border)}.window-dots{display:flex;align-items:center;gap:6px}.window-dot{width:9px;height:9px;border-radius:9999px;background-color:var(--border-strong)}kbd,.kbd-key{display:inline-flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11.5px;font-weight:500;line-height:1;color:var(--text-body);background-color:var(--canvas);border:1px solid var(--border);border-bottom-width:2px;border-radius:var(--radius-xs);padding:3px 6px}.status-badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;padding:4px 10px;border-radius:9999px;border:1px solid transparent}.status-badge--green{background-color:var(--pastel-green-bg);color:var(--pastel-green-text);border-color:var(--pastel-green-border)}.status-badge--blue{background-color:var(--pastel-blue-bg);color:var(--pastel-blue-text);border-color:var(--pastel-blue-border)}.status-badge--yellow{background-color:var(--pastel-yellow-bg);color:var(--pastel-yellow-text);border-color:var(--pastel-yellow-border)}.status-badge--red{background-color:var(--pastel-red-bg);color:var(--pastel-red-text);border-color:var(--pastel-red-border)}.btn-dark,.btn-emerald,.btn-outline{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-sans);font-weight:600;font-size:14px;line-height:1.2;padding:11px 20px;border-radius:var(--radius-sm);text-decoration:none;cursor:pointer;-webkit-user-select:none;user-select:none;touch-action:manipulation;transition:background-color .15s var(--ease-enter),border-color .15s var(--ease-enter),color .15s var(--ease-enter),transform .12s var(--ease-enter)}.btn-dark{background-color:var(--action-primary);color:#fff;border:1px solid var(--action-primary)}.btn-emerald{background-color:var(--emerald-accent);color:#fff;border:1px solid var(--emerald-accent)}.btn-outline{background-color:var(--surface);color:var(--text-ink);border:1px solid var(--border-strong)}@media (hover: hover) and (pointer: fine){.btn-dark:hover{background-color:var(--action-primary-hover);border-color:var(--action-primary-hover)}.btn-emerald:hover{background-color:#036549;border-color:#036549}.btn-outline:hover{background-color:var(--surface-subtle);border-color:var(--text-ink)}}.btn-dark:active,.btn-emerald:active,.btn-outline:active{transform:scale(.98);transition-duration:0ms}.btn-dark:focus-visible,.btn-emerald:focus-visible,.btn-outline:focus-visible{outline:2px solid var(--text-ink);outline-offset:2px}[data-reveal]{opacity:0;transform:translateY(12px);transition:opacity .55s var(--ease-reveal),transform .55s var(--ease-reveal);transition-delay:calc(var(--stagger, 0) * 70ms)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.view-stage{opacity:1;transform:translateY(0);transition:opacity .24s var(--ease-enter),transform .24s var(--ease-enter)}@starting-style{.view-stage{opacity:0;transform:translateY(8px)}}.status-toast{position:fixed;bottom:20px;right:20px;z-index:100;display:flex;align-items:center;gap:12px;background-color:var(--text-ink);color:#fff;padding:12px 16px;border-radius:var(--radius-md);font-size:13.5px;border:1px solid rgba(255,255,255,.12);transform:translateY(0);opacity:1;transition:transform .22s var(--ease-enter),opacity .22s var(--ease-enter)}@starting-style{.status-toast{transform:translateY(12px);opacity:0}}@keyframes led-pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes packet-slide{0%{transform:translate(-24px);opacity:0}20%{opacity:1}80%{opacity:1}to{transform:translate(24px);opacity:0}}.animate-led-blink{animation:led-pulse 2.2s ease-in-out infinite}.animate-sheet-flow{animation:packet-slide 2.4s var(--ease-move) infinite}.bento-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.bento-grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}@media (max-width: 960px){.bento-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 640px){.bento-grid-3,.bento-grid-2{grid-template-columns:1fr}.status-toast{left:16px;right:16px;bottom:16px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}[data-reveal]{opacity:1!important;transform:none!important}}