@import url("https://fonts.googleapis.com/css2?family=Montserrat:wght@500;600;700;800&family=Work+Sans:wght@400;500;600;700&family=Roboto+Mono:wght@400;500&display=swap");:root{--bg:#fff9f2;--surface:#fff;--ink:#1a1b1f;--muted:#5d6c7b;--line:#e3e6eb;--blue:#84a1fd;--cyan:#4df8ce;--lilac:#e3a5ee;--cream:#ede6bc;--sky:#84cdfd;--deep:#0b0e17;--shadow:0 18px 40px rgba(26,27,31,.1);--font:"Work Sans",system-ui,sans-serif;--display:"Montserrat",system-ui,sans-serif;--mono:"Roboto Mono",ui-monospace,monospace}*{box-sizing:border-box}html{scroll-behavior:smooth}body,html{margin:0;padding:0}body{font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.65;overflow-x:hidden}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}h2{font-size:clamp(28px,4vw,42px);text-align:center}code,pre{font-family:var(--mono)}.parallax-bg{position:fixed;inset:0;z-index:-2;pointer-events:none;background:radial-gradient(circle at 12% 18%,rgba(227,165,238,.35),transparent 42%),radial-gradient(circle at 88% 12%,rgba(132,161,253,.32),transparent 40%),radial-gradient(circle at 70% 78%,rgba(77,248,206,.22),transparent 45%),var(--bg)}.dot-bg{opacity:.55;background-image:radial-gradient(#758696 1.1px,transparent 0);background-size:18px 18px}.dot-bg,.shapes-bg{position:fixed;inset:0;z-index:-1;pointer-events:none}.shapes-bg{width:100%;height:100%;object-fit:cover;opacity:.85}.header{position:-webkit-sticky;position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;padding:14px 22px;background:rgba(255,249,242,.82);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(0,0,0,.04)}.brand{font-family:var(--display);font-weight:800;font-size:18px;background:linear-gradient(135deg,var(--blue),var(--lilac));color:#fff;padding:8px 12px;border-radius:14px;box-shadow:0 8px 18px rgba(132,161,253,.35)}.nav ul{display:flex;gap:8px;list-style:none;margin:0;padding:0;align-items:center;flex-wrap:wrap;justify-content:flex-end}.nav a{font-weight:600;font-size:14px;padding:8px 10px;border-radius:999px;color:var(--ink)}.nav a:hover{background:rgba(132,161,253,.18)}.nav-toggle{display:none}.mode-toggle{display:none!important}.section{padding:72px 22px;max-width:1100px;margin:0 auto;position:relative}.section-head{max-width:640px;margin:0 auto 28px;text-align:center}.lede{color:var(--muted);font-size:17px;margin:0}.eyebrow{display:inline-block;margin:0 0 10px;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#4a7adb;background:rgba(132,161,253,.18);padding:5px 10px;border-radius:999px}.wavy{display:block;width:100%;height:auto;margin:0}.btn{display:inline-flex;align-items:center;gap:8px;font:inherit;font-weight:700;cursor:pointer;border:2px solid var(--ink);background:#fff;color:var(--ink);border-radius:999px;padding:10px 16px;transition:transform .15s,box-shadow .15s,background .15s;box-shadow:4px 4px 0 var(--ink)}.btn:hover{transform:translate(-1px,-1px);box-shadow:6px 6px 0 var(--ink)}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));border-color:var(--deep);color:var(--deep)}.btn.chip{box-shadow:2px 2px 0 var(--ink);padding:7px 12px;font-size:13px}.btn.chip.active{background:var(--lilac);color:var(--deep)}.hero{padding-top:36px;padding-bottom:28px}.hero-lars{display:grid;grid-template-columns:1.05fr .95fr;grid-gap:28px;gap:28px;align-items:center}.hero-copy{text-align:left}.hero-copy .name{font-size:clamp(32px,5vw,54px);font-weight:800;margin:6px 0 12px;background:linear-gradient(120deg,var(--deep),#4a7adb 45%,#b99af5);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy .headline{font-size:18px;color:var(--muted);max-width:36rem}.domain-badges{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}.badge{background:#fff;border:1.5px solid var(--ink);border-radius:999px;padding:6px 11px;font-size:12px;font-weight:700;box-shadow:2px 2px 0 rgba(0,0,0,.12)}.hero-cta{margin-top:8px}.hero-cta,.metrics{display:flex;flex-wrap:wrap;gap:10px}.metrics{margin-top:18px}.metric{background:#fff;border:1.5px solid var(--ink);border-radius:16px;padding:10px 12px;min-width:110px;box-shadow:3px 3px 0 rgba(0,0,0,.1)}.metric strong{display:block;font-family:var(--display);font-size:18px}.metric span{color:var(--muted);font-size:12px}.window-frame{position:relative;background:linear-gradient(180deg,#f4f4f4,#e8e8e8);border:2px solid var(--deep);border-radius:18px;padding:10px 10px 16px;box-shadow:10px 12px 0 rgba(11,14,23,.18)}.window-chrome{display:flex;gap:7px;padding:4px 6px 10px}.window-chrome i{width:12px;height:12px;border-radius:50%;display:block;border:1px solid rgba(0,0,0,.2)}.window-chrome i:first-child{background:#ff5f57}.window-chrome i:nth-child(2){background:#febc2e}.window-chrome i:nth-child(3){background:#28c840}.window-body{background:linear-gradient(160deg,rgba(132,161,253,.25),rgba(77,248,206,.2) 45%,rgba(227,165,238,.25));border:1.5px solid var(--deep);border-radius:12px;padding:18px;text-align:center}.hero-avatar{width:160px;height:160px;border-radius:22px;object-fit:cover;border:3px solid #fff;box-shadow:0 10px 24px rgba(0,0,0,.18);margin:0 auto 12px;display:block}.window-title{font-family:var(--display);font-weight:800;font-size:18px;margin:0}.window-sub{color:var(--muted);font-size:13px;margin:4px 0 0}.hero-side .signal-cards{display:none}#bg-canvas{display:none!important}.labs .lab-tabs{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:12px;gap:12px;margin-bottom:14px}.lab-tab{text-align:left;border:2px solid var(--ink);background:#fff;border-radius:16px;padding:14px;cursor:pointer;font:inherit;box-shadow:4px 4px 0 rgba(0,0,0,.12)}.lab-tab strong{display:block;font-family:var(--display);margin-bottom:4px}.lab-tab span{color:var(--muted);font-size:13px}.lab-tab.active{background:linear-gradient(135deg,rgba(132,161,253,.35),rgba(77,248,206,.3))}.lab-panel{border:2px solid var(--ink);border-radius:18px;padding:16px;background:#fff;box-shadow:6px 6px 0 rgba(0,0,0,.1)}.lab-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:12px}.lab-toolbar label{display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--muted);font-weight:600}.lab-panel input,.lab-toolbar input,.lab-toolbar select{border:1.5px solid var(--ink);border-radius:10px;padding:8px 10px;min-width:170px;font:inherit;background:#fff9f2}.lab-metric{border:1.5px solid var(--ink);border-radius:12px;padding:8px 12px;text-align:center;background:#ede6bc;min-width:84px}.lab-metric strong{display:block;font-size:17px}.lab-metric span{font-size:11px;color:var(--muted)}.kafka-rail{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-bottom:10px}.kafka-node{padding:8px 12px;border-radius:999px;border:1.5px solid var(--ink);background:#fff;font-weight:700;font-size:13px}.kafka-node.accent{background:linear-gradient(135deg,var(--blue),var(--cyan))}.kafka-wire{flex:1 1;min-width:20px;height:3px;background:repeating-linear-gradient(90deg,var(--ink) 0 6px,transparent 6px 12px)}.event-feed{list-style:none;margin:0 0 10px;padding:0;display:grid;grid-gap:6px;gap:6px;max-height:210px;overflow:auto}.event-feed li{display:flex;flex-wrap:wrap;gap:8px;align-items:center;padding:8px 10px;border:1.5px solid var(--line);border-radius:10px;font-family:var(--mono);font-size:12px;background:#fafafa}.event-feed .pill{padding:2px 8px;border-radius:999px;background:rgba(227,165,238,.45);font-weight:700}.event-feed .ok{color:#0f9f6e}.event-feed .warn{color:#c47a00}.rag-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:12px;gap:12px}.chunk-list{list-style:none;margin:0;padding:0;display:grid;grid-gap:8px;gap:8px}.chunk-list li{border:1.5px solid var(--line);border-radius:12px;padding:10px;background:#fafafa}.chunk-list p{margin:0;font-size:13px;color:var(--muted)}.chunk-meta{display:flex;justify-content:space-between;margin-bottom:4px;font-size:12px}.answer-box{border:2px solid #3fd8c6;border-radius:12px;padding:12px;background:rgba(77,248,206,.18);min-height:100px;font-size:14px}.latency-bars{height:14px;border-radius:999px;border:1.5px solid var(--ink);overflow:hidden;margin-bottom:8px;background:#fff}.latency-bars .bar{height:100%;background:linear-gradient(90deg,var(--blue),var(--lilac));transition:width .25s}.code pre,.lab-code,.project-pulse{background:#0b0e17;color:#4df8ce;border-radius:12px;padding:12px;overflow:auto;font-size:12px;border:2px solid var(--deep)}.lab-caption{color:var(--muted);font-size:14px}.lab-toolbar .toggle{flex-direction:row;align-items:center;gap:8px;color:var(--ink);font-size:13px}.about-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:14px;gap:14px;margin-top:18px}.about-card,.card,.contact-card,.tl-card{background:#fff;border:2px solid var(--ink);border-radius:18px;padding:16px;box-shadow:5px 5px 0 rgba(0,0,0,.08)}.about-lede{max-width:52rem;margin:0 auto 8px;text-align:center}.filter-row{display:flex;gap:8px;flex-wrap:wrap;justify-content:center;margin-bottom:18px}.projects-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:22px;gap:22px}.project-card.rich{background:transparent;border:none;box-shadow:none;cursor:pointer;text-align:center}.project-card.rich:hover{transform:translateY(-4px)}.project-card.rich img{display:none}.window-project{position:relative;background:linear-gradient(180deg,#f7f7f7,#ececec);border:2px solid var(--deep);border-radius:16px;padding:8px;box-shadow:6px 8px 0 rgba(11,14,23,.16);transition:transform .15s,box-shadow .15s}.project-card.rich:hover .window-project{transform:rotate(-1deg);box-shadow:8px 10px 0 rgba(11,14,23,.2)}.window-project .thumb{display:block;width:100%;height:150px;object-fit:cover;border-radius:10px;border:1.5px solid var(--deep)}.window-project .file-chip{position:absolute;left:14px;bottom:-10px;background:#fff;border:1.5px solid var(--deep);border-radius:8px;padding:3px 8px;font-size:11px;font-weight:700;box-shadow:2px 2px 0 rgba(0,0,0,.15)}.project-info{padding:18px 6px 4px}.project-info h3{font-size:16px;margin:0 0 6px}.project-desc,.project-pulse{display:none}.modal-tags{display:flex;flex-wrap:wrap;gap:6px;justify-content:center;padding:0}.modal-tags span{background:rgba(132,161,253,.25);border:1px solid rgba(0,0,0,.08);padding:3px 8px;border-radius:999px;font-size:11px;font-weight:600}.modal-backdrop{position:fixed;inset:0;background:rgba(11,14,23,.55);display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#fff;border:2px solid var(--deep);border-radius:18px;width:min(720px,94vw);overflow:hidden;box-shadow:10px 10px 0 rgba(0,0,0,.2)}.modal img{width:100%;height:240px;object-fit:cover}.modal-body{padding:16px}.modal-body .lab-code{display:block}.timeline{list-style:none;padding:0;margin:18px auto;max-width:760px;border-left:3px dashed #84a1fd}.timeline li{position:relative;padding-left:18px;margin:0 0 0 18px}.timeline li:before{content:"";position:absolute;left:-11px;top:8px;width:14px;height:14px;border-radius:50%;background:linear-gradient(135deg,var(--blue),var(--lilac));border:2px solid var(--deep)}.cards,.contact-grid,.skills-grid{display:grid;grid-gap:14px;gap:14px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));margin-top:16px}.section.skills .card,.skills-panel{background:#fff}.chatbot-button{bottom:16px;border:2px solid var(--deep);cursor:pointer;width:58px;height:58px;border-radius:999px;box-shadow:4px 4px 0 var(--deep);background:linear-gradient(135deg,var(--lilac),var(--cyan));font-size:22px}.chatbot,.chatbot-button{position:fixed;right:16px;z-index:120}.chatbot{bottom:86px;width:340px;max-width:92vw;height:420px;background:#fff;border:2px solid var(--deep);border-radius:16px;box-shadow:8px 8px 0 rgba(0,0,0,.15);display:flex;flex-direction:column;overflow:hidden}.chatbot-header{display:flex;justify-content:space-between;padding:8px 12px;border-bottom:1.5px solid var(--line);background:#ede6bc;font-weight:700}.chatbot-messages{flex:1 1;padding:10px;overflow:auto}.msg{padding:8px 10px;margin:4px 0;border-radius:12px;border:1px solid var(--line)}.msg.user{background:rgba(132,161,253,.25)}.msg.bot{background:#fafafa}.chatbot-quick{padding:8px;display:flex;flex-wrap:wrap;gap:6px;border-top:1px dashed var(--line)}.chatbot-quick button{padding:6px 8px;border-radius:12px;border:1.5px solid var(--ink);background:#fff;cursor:pointer;font:inherit}.chatbot-form{display:flex;gap:6px;padding:8px;border-top:1.5px solid var(--line)}.chatbot-form input{flex:1 1;padding:8px 10px;border-radius:10px;border:1.5px solid var(--ink)}.site-footer{text-align:center;padding:34px 20px 50px;color:var(--muted);font-size:14px}.footer-fun{font-family:var(--display);font-weight:700;color:var(--ink);margin-bottom:6px}.section.contact input,.section.contact textarea{width:100%;padding:10px 12px;border-radius:12px;border:1.5px solid var(--ink);background:#fff;font:inherit}.section.contact .form-row{display:flex;gap:12px;margin-bottom:12px}.section.contact label{min-width:90px;font-weight:700;margin-top:8px}@media (max-width:960px){.about-grid,.hero-lars,.labs .lab-tabs,.rag-grid{grid-template-columns:1fr}.hero-copy{text-align:center}.domain-badges,.hero-cta,.metrics{justify-content:center}}@media (max-width:860px){.nav-toggle{display:inline-flex}.nav ul{display:none;position:absolute;right:12px;top:58px;background:#fff;border:2px solid var(--deep);border-radius:14px;padding:10px;flex-direction:column;box-shadow:6px 6px 0 rgba(0,0,0,.12)}.nav ul[aria-expanded=true]{display:flex}}