:root{--bg:#07070f;--bg-2:#0e0e1a;--bg-3:#141426;--violet:#7c3aed;--violet-2:#c084fc;--violet-3:#e879f9;--text:#f0eeff;--text-2:rgba(240,238,255,.6);--text-3:rgba(240,238,255,.35);--rule:rgba(124,58,237,.2);--font-display:"Sora",sans-serif;--font-body:"Sora",sans-serif;--font-mono:"JetBrains Mono",ui-monospace,monospace;--max:1180px;--gutter:clamp(20px,4vw,48px)}*{box-sizing:border-box}body,html{margin:0;padding:0;background:var(--bg);color:var(--text);font-family:var(--font-body);font-size:18px;line-height:1.55;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background-image:radial-gradient(800px 600px at 85% -10%,rgba(124,58,237,.07),transparent 60%),radial-gradient(600px 400px at -10% 110%,rgba(124,58,237,.04),transparent 60%);min-height:100vh}a{color:inherit;text-decoration:none;border-bottom:1px solid;transition:color .16s ease,border-color .16s ease}a:hover{color:var(--violet-2);border-color:var(--violet-2)}h1,h2,h3,h4{font-family:var(--font-display);font-weight:700;letter-spacing:-.025em;margin:0}h1{font-size:clamp(40px,6vw,72px);line-height:1.02;letter-spacing:-.04em;font-weight:800}h2{font-size:clamp(20px,2.5vw,28px);line-height:1.05;font-weight:700}h3{font-size:clamp(16px,1.8vw,20px);line-height:1.2}p{margin:0 0 1em;max-width:64ch}.mono{font-family:var(--font-mono);font-size:.72em;letter-spacing:.06em;text-transform:uppercase}.rule{border:0;border-top:1px solid var(--rule);margin:0}::selection{background:var(--violet);color:var(--text)}.shell{max-width:var(--max);margin:0 auto;padding:0 var(--gutter)}.nav{display:flex;align-items:center;justify-content:space-between;padding:24px 0 20px;border-bottom:1px solid var(--rule);font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.nav a{border-bottom:none}.nav a:hover{color:var(--violet-2)}.nav-links{display:flex;gap:28px;color:var(--text-3)}.nav-brand{font-family:var(--font-display);font-size:15px;font-weight:700;letter-spacing:-.02em;text-transform:none;color:var(--violet-2)}.reveal{opacity:0;transform:translateY(12px);animation:reveal .9s cubic-bezier(.16,1,.3,1) forwards}.reveal-1{animation-delay:80ms}.reveal-2{animation-delay:.2s}.reveal-3{animation-delay:.32s}.reveal-4{animation-delay:.44s}.reveal-5{animation-delay:.56s}@keyframes reveal{to{opacity:1;transform:translateY(0)}}.hero{padding:clamp(64px,12vh,140px) 0 clamp(48px,8vh,100px);position:relative;background:linear-gradient(150deg,#0d0820,#1a0f3a 45%,#0d0d1f);margin:0 calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter);overflow:hidden}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--violet),var(--violet-2),var(--violet-3),var(--violet-2),var(--violet),transparent);background-size:300% 100%;animation:sweep 6s linear infinite}@keyframes sweep{0%{background-position:0}to{background-position:300%}}.hero-geo{top:0;right:0;width:140px;height:140px;background:linear-gradient(135deg,var(--violet),var(--violet-3));-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);opacity:.45}.hero-geo,.hero-glow{position:absolute;pointer-events:none}.hero-glow{top:-80px;right:-80px;width:400px;height:400px;background:radial-gradient(circle,rgba(124,58,237,.15),transparent 65%)}.hero-body{display:flex;align-items:flex-start;gap:48px}.hero-text{flex:1 1;min-width:0}.hero-avatar{flex-shrink:0;width:220px;height:220px;border-radius:50%;overflow:hidden;border:2px solid rgba(124,58,237,.45);box-shadow:0 0 0 5px rgba(124,58,237,.1),0 8px 32px rgba(0,0,0,.5);margin-top:4px}.hero-avatar img{width:100%;height:100%;object-fit:cover;display:block}.hero-kicker{font-family:var(--font-mono);font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--violet-2);margin-bottom:32px;display:flex;gap:12px;align-items:center}.hero-kicker .dot{width:7px;height:7px;border-radius:50%;background:var(--violet-2);animation:pulse 2.2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.8)}}.hero h1 em{font-style:normal;color:var(--violet-2)}.hero-lede{font-size:clamp(16px,1.8vw,20px);line-height:1.65;margin-top:28px;max-width:52ch;color:var(--text-2)}.hero-lede strong{font-weight:700;color:var(--text)}.hero-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:20px;gap:20px;margin-top:48px;padding-top:24px;border-top:1px solid var(--rule)}.hero-meta div .mono{color:rgba(192,132,252,.55);display:block;margin-bottom:5px}.section{position:relative}.section-head{display:flex;align-items:center;justify-content:space-between;padding:16px 0;margin:0 calc(var(--gutter) * -1);padding-left:var(--gutter);padding-right:var(--gutter);background:var(--bg-2);border-top:1px solid var(--rule);border-bottom:2px solid transparent;border-image:linear-gradient(90deg,var(--violet),var(--violet-2),transparent) 1;margin-bottom:0}.section-index{font-family:var(--font-mono);font-size:11px;color:var(--violet-2);letter-spacing:.1em;font-weight:600}.section-head h2{font-size:clamp(16px,2vw,22px);font-weight:700;color:var(--text);letter-spacing:-.02em}.projects{display:flex;flex-direction:column}.project-row{display:grid;grid-template-columns:60px 1fr auto;grid-gap:24px;gap:24px;padding:20px 0;border-bottom:1px solid rgba(124,58,237,.09);align-items:start;transition:background .18s ease,padding-left .18s ease;border-top:none}.project-row:hover{background:rgba(124,58,237,.04);padding-left:8px;margin-left:-8px}.project-row:hover .project-title{color:var(--violet-2)}.project-num{font-family:var(--font-mono);font-size:11px;color:rgba(124,58,237,.4);letter-spacing:.08em;padding-top:3px;font-weight:600}.project-main{display:flex;flex-direction:column;gap:4px}.project-title{font-family:var(--font-display);font-size:clamp(18px,2.2vw,26px);font-weight:700;letter-spacing:-.025em;line-height:1.1;transition:color .16s ease;color:var(--text)}.project-tagline{font-size:14px;color:var(--text-3);max-width:60ch;line-height:1.45}.project-meta{display:flex;gap:8px;margin-top:8px;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;flex-wrap:wrap}.project-meta .tag{border:1px solid rgba(124,58,237,.25);padding:2px 7px;border-radius:3px;color:rgba(192,132,252,.6)}.project-meta .tag.status-shipped{background:rgba(124,58,237,.15);border-color:var(--violet);color:var(--violet-2)}.project-meta .tag.status-building{border-color:rgba(240,238,255,.12);color:var(--text-3)}.project-arrow{font-family:var(--font-mono);font-size:20px;color:rgba(124,58,237,.25);transition:transform .22s ease,color .16s ease;align-self:center}.project-row:hover .project-arrow{transform:translateX(5px);color:var(--violet-2)}.stack-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));grid-gap:0;gap:0;padding:24px 0}.stack-col{padding:0 28px 0 0;border-right:1px solid rgba(124,58,237,.1)}.stack-col:last-child{border-right:none;padding-right:0}.stack-col h3{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.12em;color:rgba(192,132,252,.55);font-weight:600;margin-bottom:12px}.stack-col ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:6px}.stack-col li{font-family:var(--font-display);font-size:13px;font-weight:600;color:var(--text-2);background:var(--bg-3);padding:4px 10px;border-radius:4px}.exp{display:grid;grid-template-columns:160px 1fr;grid-gap:24px;gap:24px;padding:20px 0;border-bottom:1px solid rgba(124,58,237,.09)}.exp:last-child{border-bottom:none}.exp-period{font-family:var(--font-mono);font-size:10px;color:var(--text-3);text-transform:uppercase;letter-spacing:.08em;padding-top:3px}.exp-role{font-family:var(--font-display);font-size:18px;font-weight:700;margin-bottom:3px;letter-spacing:-.02em;color:var(--text)}.exp-company{font-family:var(--font-mono);font-size:11px;color:var(--violet-2);margin-bottom:6px;letter-spacing:.04em}.exp-highlights{margin:8px 0 0;padding-left:1.2em;display:flex;flex-direction:column;gap:6px}.exp-highlights li{font-size:15px;line-height:1.55;color:var(--text-2)}.exp-toggle{display:inline-block;margin-top:10px;background:none;border:none;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:10px;letter-spacing:.08em;text-transform:uppercase;color:var(--violet-2);transition:color .16s ease}.exp-toggle:hover{color:var(--violet-3)}.exp-impact{margin-top:14px;padding:12px 16px;background:var(--bg-2);border-left:3px solid var(--violet);border-radius:0 4px 4px 0;font-size:14px;line-height:1.55;color:var(--text-2)}.exp-impact-label{display:block;font-family:var(--font-mono);font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:var(--violet-2);margin-bottom:4px}.footer{padding:52px 0 64px;border-top:1px solid var(--rule);background:linear-gradient(160deg,#0d0820,#0a0a16);margin:80px calc(var(--gutter) * -1) 0;padding-left:var(--gutter);padding-right:var(--gutter);display:grid;grid-template-columns:1fr auto;grid-gap:24px;gap:24px;align-items:end}.footer-big{font-family:var(--font-display);font-size:clamp(32px,5vw,56px);line-height:1.05;letter-spacing:-.035em;font-weight:800;color:var(--text);max-width:12ch}.footer-big a{color:var(--violet-2);border-bottom:2px solid var(--violet-2)}.footer-big a:hover{color:var(--violet-3);border-color:var(--violet-3)}.footer-links{display:flex;flex-direction:column;gap:10px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;text-align:right;color:var(--text-3)}.footer-links a{border-bottom:none}.footer-links a:hover{color:var(--violet-2)}.detail{padding:64px 0 0}.detail-back{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--text-3);border-bottom:none;display:inline-block;margin-bottom:36px}.detail-back:hover{color:var(--violet-2)}.detail-kicker{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;color:var(--text-3);text-transform:uppercase;margin-bottom:16px;display:flex;gap:12px}.detail h1{font-size:clamp(36px,5.5vw,64px);line-height:1;margin-bottom:14px;color:var(--text)}.detail-tagline{font-size:clamp(17px,1.8vw,22px);color:var(--text-2);line-height:1.45;max-width:50ch;margin-bottom:20px}.detail-links{display:flex;gap:12px;flex-wrap:wrap;margin-bottom:36px}.detail-link{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:12px;font-weight:500;letter-spacing:.05em;color:var(--violet-2);background:rgba(124,58,237,.12);border:1px solid rgba(124,58,237,.3);border-radius:4px;padding:6px 14px;text-decoration:none;transition:background .15s,border-color .15s,color .15s}.detail-link:hover{background:rgba(124,58,237,.22);border-color:var(--violet-2);color:var(--violet-3)}.detail-meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:20px;gap:20px;padding:20px 0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);margin-bottom:48px}.detail-meta .mono{color:rgba(192,132,252,.5);display:block;margin-bottom:5px}.block{padding:36px 0;display:grid;grid-template-columns:160px 1fr;grid-gap:36px;gap:36px;border-top:1px solid rgba(124,58,237,.1)}.block-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--text-3);padding-top:4px}.block-body p{font-size:16px;line-height:1.6;margin-bottom:14px;color:var(--text-2)}.block-body ol,.block-body ul{padding-left:20px;margin:0}.block-body li{margin-bottom:10px;font-size:16px;line-height:1.6;color:var(--text-2)}.decisions{display:grid;grid-gap:16px;gap:16px}.decision{padding:18px 20px;background:var(--bg-2);border-left:3px solid var(--violet);border-radius:0 4px 4px 0}.decision h4{font-family:var(--font-display);font-size:16px;font-weight:700;margin-bottom:6px;color:var(--text);letter-spacing:-.015em}.decision p{font-size:14px;margin:0;color:var(--text-2)}.arch-diagram{background:var(--bg-2);padding:32px;border-radius:6px;border:1px solid var(--rule);overflow-x:auto;font-size:14px}.arch-diagram svg{max-width:100%;height:auto}.arch-diagram svg .edgeLabel,.arch-diagram svg .label,.arch-diagram svg .nodeLabel,.arch-diagram svg text{fill:#f0eeff!important;color:#f0eeff!important}.arch-diagram svg .edgeLabel p{color:#f0eeff!important;background:transparent!important}.stack-pills{display:flex;flex-wrap:wrap;gap:6px}.stack-pills span{padding:4px 10px;background:var(--bg-3);border:1px solid var(--rule);border-radius:3px;color:var(--text-2)}.chat-fab,.stack-pills span{font-family:var(--font-mono);font-size:11px}.chat-fab{position:fixed;bottom:24px;right:24px;width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,var(--violet),var(--violet-2));color:#fff;border:none;cursor:pointer;letter-spacing:.1em;box-shadow:0 4px 20px rgba(124,58,237,.5);display:flex;align-items:center;justify-content:center;z-index:40;transition:transform .2s ease,box-shadow .2s ease}.chat-fab:hover{transform:translateY(-2px) scale(1.05);box-shadow:0 8px 28px rgba(124,58,237,.65)}.chat-fab svg{width:22px;height:22px}.chat-panel{position:fixed;bottom:88px;right:24px;width:min(380px,calc(100vw - 48px));height:min(560px,calc(100vh - 140px));background:var(--bg-2);border:1px solid var(--rule);box-shadow:0 20px 60px rgba(0,0,0,.6),0 0 0 1px rgba(124,58,237,.15);border-radius:8px;display:flex;flex-direction:column;z-index:50;overflow:hidden;animation:chatIn .28s cubic-bezier(.16,1,.3,1)}@keyframes chatIn{0%{opacity:0;transform:translateY(12px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-header{padding:14px 18px;border-bottom:1px solid var(--rule);display:flex;align-items:center;justify-content:space-between;background:var(--bg-3)}.chat-header-title{font-family:var(--font-display);font-size:15px;font-weight:700;color:var(--text);letter-spacing:-.015em}.chat-header-sub{font-family:var(--font-mono);font-size:9px;color:rgba(192,132,252,.5);letter-spacing:.1em;text-transform:uppercase;margin-top:2px}.chat-close{background:none;border:none;cursor:pointer;font-size:20px;color:var(--text-3);padding:4px;line-height:1}.chat-close:hover{color:var(--violet-2)}.chat-messages{flex:1 1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:12px;scrollbar-width:thin;scrollbar-color:var(--rule) transparent}.chat-msg{font-size:14px;line-height:1.55;max-width:88%;padding:10px 13px;border-radius:6px;white-space:pre-wrap;word-wrap:break-word}.chat-msg.user{align-self:flex-end;background:var(--violet);color:#fff}.chat-msg.assistant{align-self:flex-start;background:var(--bg-3);color:var(--text-2)}.chat-msg.system{align-self:center;background:transparent;color:var(--text-3);font-family:var(--font-mono);font-size:11px;text-align:center;max-width:100%}.chat-suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 10px}.chat-suggestion{font-family:var(--font-mono);font-size:10px;padding:5px 10px;background:transparent;border:1px solid var(--rule);border-radius:20px;cursor:pointer;color:var(--text-3);transition:all .16s ease}.chat-suggestion:hover{border-color:var(--violet-2);color:var(--violet-2)}.chat-input-row{padding:10px 14px 14px;border-top:1px solid var(--rule);display:flex;gap:8px}.chat-input{flex:1 1;font-family:var(--font-body);font-size:14px;padding:9px 12px;border:1px solid var(--rule);background:var(--bg);color:var(--text);border-radius:5px;outline:none;transition:border-color .16s ease}.chat-input::placeholder{color:var(--text-3)}.chat-input:focus{border-color:var(--violet)}.chat-send{background:var(--violet);color:#fff;border:none;padding:9px 16px;font-family:var(--font-mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;border-radius:5px;transition:background .16s ease,color .16s ease}.chat-send:hover{background:var(--violet-2);color:var(--bg)}.chat-send:disabled{opacity:.4;cursor:not-allowed}.typing{display:inline-flex;gap:4px;padding:4px 0}.typing span{width:5px;height:5px;border-radius:50%;background:var(--violet-2);animation:dotBounce 1.2s ease-in-out infinite;opacity:.6}.typing span:nth-child(2){animation-delay:.15s}.typing span:nth-child(3){animation-delay:.3s}@keyframes dotBounce{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}@media (max-width:720px){.project-row{grid-template-columns:40px 1fr}.project-arrow{display:none}.exp{gap:6px}.block,.exp{grid-template-columns:1fr}.block{gap:14px}.stack-grid{grid-template-columns:1fr 1fr}.stack-col{border-right:none;padding-right:0;border-bottom:1px solid rgba(124,58,237,.1);padding-bottom:16px;margin-bottom:16px}.hero-body{flex-direction:column-reverse;gap:24px}.hero-avatar{width:120px;height:120px}.hero-meta{grid-template-columns:1fr 1fr}.section-head{flex-direction:column;gap:4px;align-items:flex-start}.footer{grid-template-columns:1fr}}