@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#f8fafc;font-synthesis:none;text-rendering:optimizelegibility;background:#080c14;font-family:DM Sans,sans-serif}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{color:#f8fafc;background:#080c14;min-width:320px;min-height:100vh}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}button{cursor:pointer;border:none}#root{min-height:100vh}.home{background:radial-gradient(circle at 85% 30%,#3b82f61f,#0000 30%),#080c14;align-items:center;min-height:100vh;padding:100px 8%;display:flex;position:relative;overflow-x:hidden}.home:after{content:"";z-index:30;pointer-events:none;opacity:.12;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.hosted-badge{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:#94a3b8;white-space:nowrap;background:#080c14bf;border:1px solid #60a5fa33;border-radius:999px;align-items:center;gap:10px;padding:8px 16px;font-size:.78rem;font-weight:500;transition:border-color .25s,transform .25s,box-shadow .25s;display:flex;position:fixed;bottom:20px;right:20px;box-shadow:0 8px 22px #00000059}.hosted-badge:hover{border-color:#60a5fa66;transform:translateY(-2px);box-shadow:0 12px 28px #00000073}.hosted-item{align-items:center;gap:6px;display:inline-flex}.hosted-divider{background:#94a3b880;border-radius:50%;flex-shrink:0;width:3px;height:3px}.hosted-icon{flex-shrink:0;width:15px;height:15px}.hosted-icon-cf{color:#f6821f}.hosted-icon-react{color:#61dafb}.home-container{grid-template-columns:1.2fr .8fr;align-items:center;gap:80px;width:100%;max-width:1300px;margin:0 auto;display:grid}.home-content{max-width:750px}.home-title{letter-spacing:-.04em;color:#f8fafc;margin-bottom:24px;font-size:clamp(3.5rem,7vw,6.5rem);line-height:1}.home-title span{color:#60a5fa;display:block}.home-role{letter-spacing:-.01em;color:#f8fafc;margin-bottom:24px;font-family:Space Grotesk,sans-serif;font-size:clamp(1.6rem,3vw,2.3rem);font-weight:700;line-height:1.3}.status-line{color:#94a3b8;background:linear-gradient(135deg,#60a5fa14,#0f172a99);border:1px solid #60a5fa4d;border-radius:999px;align-items:center;gap:9px;max-width:100%;margin-bottom:24px;padding:8px 16px;font-size:.78rem;display:inline-flex;box-shadow:0 8px 20px #00000040}.status-dot{background:#34d399;border-radius:50%;flex-shrink:0;width:7px;height:7px;animation:2s ease-in-out infinite pulseNode;box-shadow:0 0 8px #34d399}.status-cycle{width:260px;max-width:100%;height:2.6em;display:block;position:relative;overflow:hidden}.status-cycle span{opacity:0;align-items:center;line-height:1.3;animation:28s infinite backwards cycleText;display:flex;position:absolute;inset:0}.status-cycle span:first-child{animation-delay:0s}.status-cycle span:nth-child(2){animation-delay:4s}.status-cycle span:nth-child(3){animation-delay:8s}.status-cycle span:nth-child(4){animation-delay:12s}.status-cycle span:nth-child(5){animation-delay:16s}.status-cycle span:nth-child(6){animation-delay:20s}.status-cycle span:nth-child(7){animation-delay:24s}@keyframes cycleText{0%{opacity:0;transform:translateY(6px)}2%{opacity:1;transform:translateY(0)}11%{opacity:1;transform:translateY(0)}14%{opacity:0;transform:translateY(-6px)}to{opacity:0}}.home-description{color:#94a3b8;max-width:650px;margin-bottom:14px;font-size:1.05rem;line-height:1.8}.home-description:last-of-type{margin-bottom:36px}.home-actions{flex-wrap:wrap;gap:14px;display:flex}.home-button{border-radius:8px;align-items:center;gap:7px;padding:10px 18px;font-size:.86rem;font-weight:600;transition:all .25s;display:inline-flex}.button-icon{flex-shrink:0;width:15px;height:15px}.primary-button{color:#07111f;background:#60a5fa}.primary-button:hover{background:#93c5fd;transform:translateY(-2px)}.secondary-button{color:#e2e8f0;border:1px solid #334155}.secondary-button:hover{color:#60a5fa;border-color:#60a5fa;transform:translateY(-2px)}.linkedin-button{color:#fff;background:linear-gradient(135deg,#0a66c2,#0ea5e9);border-color:#0000;box-shadow:0 4px 16px #0a66c259}.linkedin-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0a66c280}.github-button{color:#fff;background:linear-gradient(135deg,#24292f,#454c56);border-color:#0000;box-shadow:0 4px 16px #00000059}.github-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #00000080}.medium-button{color:#fff;background:linear-gradient(135deg,#000,#333);border-color:#0000;box-shadow:0 4px 16px #00000059}.medium-button:hover{transform:translateY(-2px);box-shadow:0 8px 22px #0000008c}.home-tech{flex-wrap:wrap;gap:10px;margin-top:45px;display:flex}.home-tech span{color:#94a3b8;border:1px solid #263244;border-radius:999px;padding:8px 14px;font-size:.82rem}.tech-marquee{background:#0a0f1a;border-top:1px solid #60a5fa1a;padding:36px 0;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.tech-track{gap:48px;width:max-content;animation:32s linear infinite scrollTech;display:flex}.tech-marquee:hover .tech-track{animation-play-state:paused}.tech-item{color:#94a3b8;white-space:nowrap;align-items:center;gap:10px;font-size:.95rem;font-weight:500;display:flex}.tech-icon{flex-shrink:0;width:26px;height:26px}@keyframes scrollTech{0%{transform:translate(0)}to{transform:translate(-50%)}}@media (prefers-reduced-motion:reduce){.tech-track{animation:none}}.home-visual{justify-content:center;align-self:start;align-items:flex-start;min-height:480px;display:flex;position:relative}.visual-glow{filter:blur(70px);background:#2563eb26;border-radius:50%;width:350px;height:350px;position:absolute}.floating-icon{z-index:2;filter:drop-shadow(0 10px 12px #00000080)drop-shadow(0 2px #ffffff14);pointer-events:none;font-size:2.6rem;animation:4.5s ease-in-out infinite floatIcon;position:absolute;top:-34px;right:30px}@keyframes floatIcon{0%,to{transform:translateY(0)rotate(-6deg)}50%{transform:translateY(-14px)rotate(8deg)}}.mini-grid{z-index:1;grid-template-columns:1fr 1fr;align-items:start;gap:14px;width:100%;max-width:400px;display:grid;position:relative}.mini-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f172aa6;border:1px solid #60a5fa33;border-radius:14px;padding:13px;transition:transform .25s,border-color .25s,box-shadow .25s;position:relative;overflow:hidden;box-shadow:0 12px 30px #00000059}.mini-card:before{content:"";height:3px;position:absolute;top:0;left:0;right:0}.mini-grid>div:first-child{transform:rotate(-2deg)}.mini-grid>div:nth-child(2){transform:rotate(3deg)translateY(14px)}.mini-grid>div:nth-child(3){transform:rotate(-3deg)translateY(-6px)}.mini-grid>div:nth-child(4){transform:rotate(2deg)translateY(18px)}.mini-grid>div:nth-child(5){transform:rotate(-4deg)translateY(8px)}.mini-grid>div:nth-child(6){transform:rotate(2deg)translateY(-10px)}.mini-grid>div:nth-child(7){transform:rotate(-1deg)translateY(6px)}.mini-grid>div:nth-child(8){transform:rotate(4deg)translateY(-4px)}.mini-card:hover{z-index:2;border-color:#60a5fa73;transform:translateY(-6px)rotate(0);box-shadow:0 20px 40px #00000073}.card-cluster:before{background:linear-gradient(90deg,#60a5fa,#a78bfa)}.card-timeseries:before{background:linear-gradient(90deg,#34d399,#10b981)}.card-analytics:before{background:linear-gradient(90deg,#fbbf24,#f472b6)}.card-agentic:before{background:linear-gradient(90deg,#a78bfa,#f472b6)}.card-classification:before{background:linear-gradient(90deg,#22d3ee,#3b82f6)}.card-regression:before{background:linear-gradient(90deg,#fb923c,#ef4444)}.card-reinforcement:before{background:linear-gradient(90deg,#2dd4bf,#22c55e)}.card-rag:before{background:linear-gradient(90deg,#818cf8,#ec4899)}.mini-label{letter-spacing:.1em;color:#60a5fa;margin-bottom:8px;font-size:.58rem;font-weight:700}.mini-card-head{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mini-card-head .mini-label{margin-bottom:0}.mini-trend{color:#34d399;font-size:.62rem;font-weight:700}.mini-chart{width:100%;height:54px;display:block}.cluster-halo{opacity:.15}.halo-a{fill:#60a5fa}.halo-b{fill:#a78bfa}.dot-a{fill:#60a5fa}.dot-b{fill:#a78bfa}.dot-c{fill:#f472b6}.dot{transform-box:fill-box;transform-origin:50%;animation:3s ease-in-out infinite float}.pulse-dot{transform-box:fill-box;transform-origin:50%;animation:2.4s ease-in-out infinite pulseNode}.ts-line{fill:none;stroke:#34d399;stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.analytics-bar{transform-box:fill-box;transform-origin:bottom;animation:.7s ease-out backwards growUp}.bar-a{fill:#60a5fa}.bar-b{fill:#a78bfa}.bar-c{fill:#f472b6}.bar-d{fill:#fbbf24}@keyframes growUp{0%{transform:scaleY(0)}to{transform:scaleY(1)}}.agent-loop{fill:none;stroke:#60a5fa4d;stroke-width:1.5px;stroke-dasharray:4 5;transform-box:fill-box;transform-origin:50%;animation:6s linear infinite spin}.classify-line{stroke:#94a3b859;stroke-width:1.5px;stroke-dasharray:4 4}.regression-line{stroke:#fb923c;stroke-width:2px;stroke-linecap:round}.reinforce-path{fill:none;stroke:#2dd4bf66;stroke-width:1.5px}.rag-node,.rag-chunk{opacity:.9}.rag-line{stroke:#94a3b84d;stroke-width:1px}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes pulseNode{0%,to{opacity:.4}50%{opacity:1}}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=900px){.home{padding:100px 6%}.home-container{grid-template-columns:1fr;gap:60px}.home-visual{justify-content:flex-start;align-items:flex-start;min-height:0}}@media (width<=600px){.home{padding:80px 6%}.hosted-badge{gap:6px;padding:4px 10px;font-size:.68rem;top:16px;bottom:auto;right:12px}.hosted-icon{width:13px;height:13px}.home-title{font-size:3.2rem}.status-line{padding:8px 12px;font-size:.72rem}.status-cycle{width:200px;height:3.2em}.home-actions{flex-direction:column;align-items:stretch}.home-button{text-align:center}.mini-grid{grid-template-columns:1fr 1fr;gap:10px}.mini-grid>div{transform:none}.mini-card{padding:11px}}@media (width<=420px){.mini-grid{grid-template-columns:1fr}}
