@import"https://fonts.googleapis.com/css2?family=Space+Mono:wght@400;700&family=Figtree:wght@400;600&family=Darker+Grotesque:wght@900&display=swap";:root{--color-bg: #FFFFFF;--color-text: #323232;--color-text-muted: #515151;--color-border: #DDDEE5;--color-panel: #F3F3F3;--color-hover: #D5D5D5;--color-active: #E2E2E2;--color-hover-accent: #FF73DC;--color-error: #D83A52;--color-muted: var(--color-text-muted);--color-body: var(--color-text);--color-tag: var(--color-text-muted);--font-heading: "Darker Grotesque", sans-serif;--font-mono: "Space Mono", monospace;--font-body: "Figtree", system-ui, sans-serif;--font-display: var(--font-heading);--font-serif: var(--font-body);--font-name: var(--font-body);--radius-card: 8px;--panel-width: 272px;--panel-collapsed: 48px}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0;padding:0}body{background:var(--color-bg);color:var(--color-text);font-family:var(--font-body);font-size:14px;line-height:1.65;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow:hidden}.framework-phases{display:flex;gap:24px;align-items:flex-start;justify-content:center;width:100%}.case-study-breakout{width:100%;max-width:900px;margin-left:0;margin-right:0}@container (min-width: 816px){.case-study-breakout{--breakout-width: min(1024px, calc(50cqi + 288px) );width:var(--breakout-width);max-width:900px;position:relative;left:50%;transform:translate(-50%)}}.stat-cards-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pattern-cards-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}@media (max-width: 768px){.stat-cards-grid,.pattern-cards-grid{grid-template-columns:1fr}}@media (max-width: 900px){.framework-phases{flex-direction:column;align-items:stretch}.framework-arrow{justify-content:center}.framework-arrow img{transform:rotate(90deg)}}.mobile-hamburger{display:none;position:fixed;top:12px;left:12px;z-index:35;width:40px;height:40px;border-radius:8px;background:transparent;border:none;outline:none;cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:4px;padding:0;flex-shrink:0;transition:background .15s ease;-webkit-tap-highlight-color:transparent}@media (hover: hover){.mobile-hamburger:hover{background:var(--color-panel);opacity:1}}.mobile-hamburger:active{background:var(--color-panel);opacity:1}.chat-pad{padding-left:48px;padding-right:48px}@media (max-width: 1024px){.mobile-hamburger{display:flex;top:20px}.panel-toggle-btn{display:none!important}.left-panel{position:fixed!important;top:0!important;left:0!important;height:100%!important;width:var(--panel-width)!important;min-width:var(--panel-width)!important;transform:translate(-100%);transition:transform .25s ease!important;z-index:40!important}.left-panel--mobile-open{transform:translate(0)}.main-content{padding-left:0!important}.content-scroll{padding-left:16px!important;padding-right:16px!important}.chat-pad{padding-left:16px;padding-right:16px}.chat-header{display:flex!important;align-items:center!important;min-height:64px!important;padding:0 16px 0 72px!important}.subpage-shell{padding-left:32px}.contact-row-actions{flex-direction:column;align-items:flex-start;gap:8px}}.icon-btn{width:32px;height:32px;border-radius:8px;display:flex;align-items:center;justify-content:center;background:none;border:none;outline:none;padding:0;cursor:pointer;transition:background .15s ease;flex-shrink:0}.icon-btn:hover{background-color:var(--color-hover);opacity:1}.nav-item{border-radius:8px;background:none}.nav-item:hover{background:var(--color-hover);opacity:1}.nav-item--active{background:var(--color-active)}.nav-item--active:hover{background:var(--color-hover);opacity:1}button{cursor:pointer;font-family:inherit;text-decoration:none}a{color:inherit;text-decoration:none}a:hover,button:hover{opacity:.7}.chip-btn{max-width:588px}.chip-btn:hover{opacity:.7;border-color:var(--color-hover-accent)}.mobile-icon-btn{background:transparent;border-radius:50%;transition:background .15s ease;-webkit-tap-highlight-color:transparent}.mobile-icon-btn--header{border-radius:8px}@media (hover: hover){.mobile-icon-btn:hover{opacity:1;background:var(--color-panel)}}.mobile-icon-btn:active{background:var(--color-panel)}img{display:block;width:100%;height:auto;border-radius:var(--radius-card)}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:2px}@keyframes spin-arc{to{transform:rotate(360deg)}}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.avatar-breathing{animation:breathe 2s ease-in-out infinite}@keyframes breathe-dot{0%,to{transform:scale(.75)}50%{transform:scale(1.25)}}.thinking-dot{animation:breathe-dot 2s ease-in-out infinite;margin-top:8px!important}@keyframes fade-in{0%{opacity:0}to{opacity:1}}@keyframes toast-fade{0%{opacity:0;transform:translateY(4px)}10%{opacity:1;transform:translateY(0)}90%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}@keyframes slide-up{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes slide-out-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-30px)}}@keyframes fade-up{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}.msg-appear{animation:fade-up .3s ease both}.msg-appear-delay{animation:fade-up .3s .45s ease both}