Spaces:

SRVCP
/

portfolio

Running

App Files Files Community

Rakesh commited on Sep 13, 2025

Commit

fa61c6b

verified ·

1 Parent(s): 0f2c86f

Upload 5 files

Browse files

Files changed (6) hide show

.gitattributes +1 -0
images/profile.jpg +3 -0
images/profile.svg +6 -0
index.html +287 -19
script.js +69 -0
styles.css +91 -0

.gitattributes CHANGED Viewed

@@ -33,3 +33,4 @@ saved_model/**/* filter=lfs diff=lfs merge=lfs -text
 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text

 *.zip filter=lfs diff=lfs merge=lfs -text
 *.zst filter=lfs diff=lfs merge=lfs -text
 *tfevents* filter=lfs diff=lfs merge=lfs -text
+images/profile.jpg filter=lfs diff=lfs merge=lfs -text

images/profile.jpg ADDED Viewed

Git LFS Details

SHA256: 43632736f4237926f6cf5fea8b4b81b71e3e165c744c716a4ee762b09d0a01f0
Pointer size: 131 Bytes
Size of remote file: 120 kB

images/profile.svg ADDED Viewed

index.html CHANGED Viewed

@@ -1,19 +1,287 @@
-<!doctype html>
-<html>
-	<head>
-		<meta charset="utf-8" />
-		<meta name="viewport" content="width=device-width" />
-		<title>My static Space</title>
-		<link rel="stylesheet" href="style.css" />
-	</head>
-	<body>
-		<div class="card">
-			<h1>Welcome to your static Space!</h1>
-			<p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
-			<p>
-				Also don't forget to check the
-				<a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
-			</p>
-		</div>
-	</body>
-</html>

+<!DOCTYPE html>
+<html lang="en">
+<head>
+  <meta charset="UTF-8" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <title>Rakesh Kumar — Product Manager Portfolio</title>
+  <meta name="description" content="Rakesh Kumar | AI Product Manager & AI Lead with 7+ years experience in AI, healthcare, and e-commerce. Portfolio, case studies, and achievements." />
+  <meta property="og:title" content="Rakesh Kumar — Product Manager Portfolio" />
+  <meta property="og:description" content="AI Product Manager & AI Lead | Building AI agents, RAG platforms, data products. Explore case studies and achievements." />
+  <meta name="theme-color" content="#0ea5e9" />
+  <link rel="preconnect" href="https://fonts.googleapis.com">
+  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
+  <link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&display=swap" rel="stylesheet">
+  <link rel="stylesheet" href="styles.css" />
+</head>
+<body>
+  <header class="site-header">
+    <nav class="container nav">
+      <a class="brand" href="#top" aria-label="Rakesh Kumar Home">
+        <!-- Accessible SVG monogram instead of photo -->
+        <svg class="logo" viewBox="0 0 64 64" role="img" aria-label="RK logo" xmlns="http://www.w3.org/2000/svg">
+          <defs>
+            <linearGradient id="g" x1="0" x2="1">
+              <stop offset="0%" stop-color="#0ea5e9"/>
+              <stop offset="100%" stop-color="#22c55e"/>
+            </linearGradient>
+          </defs>
+          <circle cx="32" cy="32" r="30" fill="url(#g)"/>
+          <text x="50%" y="54%" text-anchor="middle" font-size="28" font-family="Inter, system-ui, -apple-system, Segoe UI, Roboto, Arial" font-weight="800" fill="#ffffff">RK</text>
+        </svg>
+        <span>Rakesh Kumar</span>
+      </a>
+      <button class="nav-toggle" id="navToggle" aria-label="Toggle navigation">☰</button>
+      <ul class="nav-links" id="navLinks">
+        <li><a href="#about">About</a></li>
+        <li><a href="#metrics">Impact</a></li>
+        <li><a href="#experience">Experience</a></li>
+        <li><a href="#cases">Case Studies</a></li>
+        <li><a href="#skills">Skills</a></li>
+        <li><a href="#contact">Contact</a></li>
+        <li><button id="themeToggle" class="ghost">🌙</button></li>
+      </ul>
+    </nav>
+  </header>
+  <main id="top">
+    <!-- Hero -->
+    <section class="hero container" id="about">
+      <div class="hero-text">
+        <img class="profile-photo" src="images/profile.svg" alt="Rakesh Kumar">
+        <h1>AI Product Manager & AI Lead</h1>
+        <p class="subtitle">7+ years building agentic AI, RAG platforms, data products, and high-impact customer experiences across healthcare, e-commerce, and IT.</p>
+        <div class="cta">
+          <a class="btn primary" href="#cases">View Case Studies</a>
+          <button class="btn" id="printBtn" aria-label="Save portfolio as PDF">Download PDF</button>
+          <a class="btn ghost" href="https://www.linkedin.com/in/rakesh--kumar-2a308b50" target="_blank" rel="noopener">LinkedIn</a>
+        </div>
+        <ul class="quick-facts">
+          <li>Location: India</li>
+          <li>Email: <a href="mailto:p18rakeshk@iima.ac.in">p18rakeshk@iima.ac.in</a></li>
+          <li>Phone: <a href="tel:+919004260456">+91-9004260456</a> / <a href="tel:+916359017259">6359017259</a></li>
+        </ul>
+      </div>
+    </section>
+    <!-- Impact Metrics -->
+    <section class="section container" id="metrics">
+      <h2>Product Impact</h2>
+      <div class="cards">
+        <article class="card kpi"><h3>70%+</h3><p>Manual tasks reduced using agentic AI workflows</p></article>
+        <article class="card kpi"><h3>80%</h3><p>Faster insight generation with BI dashboards</p></article>
+        <article class="card kpi"><h3>10×</h3><p>Clinical research turnaround acceleration</p></article>
+        <article class="card kpi"><h3>85%</h3><p>ML + LLM diet engine accuracy</p></article>
+        <article class="card kpi"><h3>20k+</h3><p>Users onboarded in 90 days (coach-driven wellness)</p></article>
+        <article class="card kpi"><h3>$50k+/mo</h3><p>Incremental revenue via recommendations</p></article>
+        <article class="card kpi"><h3>3×</h3><p>Experimentation velocity (AI playground)</p></article>
+        <article class="card kpi"><h3>1M INR</h3><p>GMV leakage prevented per month</p></article>
+      </div>
+    </section>
+    <!-- Experience Timeline -->
+    <section class="section container" id="experience">
+      <h2>Professional Experience</h2>
+      <ol class="timeline">
+        <li>
+          <div class="time">Feb 2023 – Present</div>
+          <div class="content">
+            <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z" fill="url(#g)"/></svg>
+            <h3>AI Product Manager & AI Lead — Dr. Reddy’s (Svaas Wellness)</h3>
+            <ul>
+              <li>Built agentic AI framework to automate workflows and fine-tune LLMs; reduced manual tasks by 70%.</li>
+              <li>Architected RAG pipeline for clinical intelligence with customized data cleaning and ingestion; 5% better retrieval score than Azure managed services.</li>
+              <li>Designed Deep Research Agent for clinical studies; cut research turnaround time by 10×.</li>
+              <li>Architected GenAI voice agent for clinical support with <4s latency enabling real-time interactions.</li>
+              <li>Developed internal AI Playground for rapid product and design teams; 3× faster prototyping and AI experimentation.</li>
+              <li>Engineered ML + LLM-based diet engine achieving 85% accuracy.</li>
+              <li>Integrated RAG agent into BI dashboards; 80% faster insight generation and self-serve analytics.</li>
+              <li>Implemented symptom analyzer and health risk assessment tool impacting 5k+ users in 4 months.</li>
+            </ul>
+          </div>
+        </li>
+        <li>
+          <div class="time">Dec 2021 – Jan 2023</div>
+          <div class="content">
+            <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z" fill="url(#g)"/></svg>
+            <h3>Product Manager (Customer Success, New Initiatives, Platform) — MediBuddy</h3>
+            <ul>
+              <li>Built tool generating valuable customer feedback; improved adoption and messaging.</li>
+              <li>Scaled B2B CS support and automated systems; raised CSAT from 2.8 to 4 and first contact resolution by 10%.</li>
+              <li>Launched social media automation; boosted organic reach.</li>
+              <li>Accelerated refunds with all payment sources; automated claims with third parties and insurers.</li>
+            </ul>
+          </div>
+        </li>
+        <li>
+          <div class="time">Jul 2020 – Dec 2021</div>
+          <div class="content">
+            <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z" fill="url(#g)"/></svg>
+            <h3>Data Product Manager — eShakti</h3>
+            <ul>
+              <li>Improved conversion by 7% for new users via enhanced product discovery funnel.</li>
+              <li>Increased customization usage by 9% with $30,000+ per month CLV uplift.</li>
+              <li>Improved onsite search and sorting; 5% overall sales increase and $15,000/month reduction in overstock.</li>
+              <li>Built recommendation engine yielding $50,000+/month incremental revenue and 8% retention improvement.</li>
+            </ul>
+          </div>
+        </li>
+        <li>
+          <div class="time">Jul 2015 – Apr 2018</div>
+          <div class="content">
+            <svg class="icon" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><path d="M12 2C6.48 2 2 6.48 2 12s4.48 10 10 10 10-4.48 10-10S17.52 2 12 2zm0 18c-4.41 0-8-3.59-8-8s3.59-8 8-8 8 3.59 8 8-3.59 8-8 8zm0-14c-3.31 0-6 2.69-6 6s2.69 6 6 6 6-2.69 6-6-2.69-6-6-6zm0 10c-2.21 0-4-1.79-4-4s1.79-4 4-4 4 1.79 4 4-1.79 4-4 4z" fill="url(#g)"/></svg>
+            <h3>Software Engineer — Capgemini India Pvt. Ltd.</h3>
+            <ul>
+              <li>Resolved 10+ post-production issues; stabilized a web application.</li>
+              <li>30% reduction in waiting time with 15+ new features enhancing UX.</li>
+              <li>Cut lead time of an upload service by 60% and reduced report generation time by 50%.</li>
+              <li>Developed and trained ML models using RNN, NN, and CNN for training programs.</li>
+            </ul>
+          </div>
+        </li>
+      </ol>
+    </section>
+    <!-- Case Studies -->
+    <section class="section container" id="cases">
+      <h2>Selected Case Studies</h2>
+      <div class="cases">
+        <details class="case">
+          <summary>
+            <h3>Agentic AI Platform — Healthcare</h3>
+            <p class="tags"><span>AI Agents</span> <span>LLM</span> <span>Automation</span></p>
+          </summary>
+          <div class="case-details">
+            <h4>Problem</h4>
+            <p>Manual processes and slow iteration for AI features across teams.</p>
+            <h4>Action</h4>
+            <p>Built a reusable agentic AI framework, custom data pipelines, and evaluation harness; integrated into BI stack.</p>
+            <h4>Impact</h4>
+            <p>70% reduction in manual tasks; 3× faster prototyping; 80% quicker insight generation.</p>
+            <h4>Business Case</h4>
+            <p>Addressed inefficiencies in healthcare workflows by leveraging AI to automate repetitive tasks, enabling faster decision-making and resource allocation for clinical teams.</p>
+            <h4>PRD Highlights</h4>
+            <ul>
+              <li>Core Features: Agentic workflows, LLM fine-tuning, RAG integration for BI dashboards.</li>
+              <li>Success Metrics: Task reduction >70%, insight generation time <20% of original.</li>
+              <li>Tech Stack: Python, LangChain, custom RAG pipelines.</li>
+              <li>Stakeholders: Product, Design, Clinical teams.</li>
+            </ul>
+          </div>
+        </details>
+        <details class="case">
+          <summary>
+            <h3>Deep Research Agent — Clinical Studies</h3>
+            <p class="tags"><span>RAG</span> <span>Search</span> <span>Healthcare</span></p>
+          </summary>
+          <div class="case-details">
+            <h4>Problem</h4>
+            <p>Clinicians needed rapid, reliable summaries from large corpora.</p>
+            <h4>Action</h4>
+            <p>Architected custom retrieval with domain-specific cleaning, chunking, and evaluation.</p>
+            <h4>Impact</h4>
+            <p>10× faster research turnaround with improved retrieval scores.</p>
+            <h4>Business Case</h4>
+            <p>Accelerated clinical research processes to bring insights to market faster, reducing time-to-decision in drug development and patient care.</p>
+            <h4>PRD Highlights</h4>
+            <ul>
+              <li>Core Features: Advanced RAG with custom data ingestion, low-latency querying.</li>
+              <li>Success Metrics: Turnaround time reduction to 10%, retrieval accuracy >95%.</li>
+              <li>Tech Stack: Vector DB, custom embeddings, evaluation harness.</li>
+              <li>Stakeholders: Clinicians, Researchers.</li>
+            </ul>
+          </div>
+        </details>
+        <details class="case">
+          <summary>
+            <h3>Recommendations at Scale — eCommerce</h3>
+            <p class="tags"><span>Recommender Systems</span> <span>Data Platform</span> <span>Experimentation</span></p>
+          </summary>
+          <div class="case-details">
+            <h4>Problem</h4>
+            <p>Low discovery and high overstock.</p>
+            <h4>Action</h4>
+            <p>Built hybrid recommendation engine and improved onsite search & sorting.</p>
+            <h4>Impact</h4>
+            <p>+$50k/month incremental revenue, +7% new-user conversion, −$15k/month overstock.</p>
+            <h4>Business Case</h4>
+            <p>Enhanced product discovery to drive sales and reduce inventory costs in fashion e-commerce, improving customer satisfaction and retention.</p>
+            <h4>PRD Highlights</h4>
+            <ul>
+              <li>Core Features: Hybrid recs (content+collaborative), A/B testing framework.</li>
+              <li>Success Metrics: Conversion uplift >5%, revenue increment >$50k/mo.</li>
+              <li>Tech Stack: ML models, data pipelines, experimentation tools.</li>
+              <li>Stakeholders: Marketing, Sales, Data teams.</li>
+            </ul>
+          </div>
+        </details>
+      </div>
+    </section>
+    <!-- Other Projects -->
+    <section class="section container" id="projects">
+      <h2>Other Projects</h2>
+      <div class="cards">
+        <article class="card project">
+          <h3>GenAI Voice Agent</h3>
+          <p>Architected low-latency voice agent for real-time clinical support interactions.</p>
+          <p class="tags"><span>GenAI</span> <span>Voice</span> <span>Healthcare</span></p>
+          <p><strong>Impact:</strong> Enabled seamless support with <4s latency.</p>
+        </article>
+        <article class="card project">
+          <h3>ML + LLM Diet Engine</h3>
+          <p>Engineered hybrid engine for personalized diet recommendations with 85% accuracy.</p>
+          <p class="tags"><span>ML</span> <span>LLM</span> <span>Wellness</span></p>
+          <p><strong>Impact:</strong> Improved user health outcomes in wellness platform.</p>
+        </article>
+        <article class="card project">
+          <h3>Symptom Analyzer & Risk Assessment</h3>
+          <p>Implemented AI tool for health risk evaluation, reaching 5k+ users in 4 months.</p>
+          <p class="tags"><span>AI</span> <span>Health Tech</span></p>
+          <p><strong>Impact:</strong> Enhanced early detection and user engagement.</p>
+        </article>
+        <article class="card project">
+          <h3>Internal AI Playground</h3>
+          <p>Developed platform for rapid AI prototyping, accelerating experimentation by 3×.</p>
+          <p class="tags"><span>AI Tools</span> <span>Prototyping</span></p>
+          <p><strong>Impact:</strong> Faster iteration for product and design teams.</p>
+        </article>
+      </div>
+    </section>
+    <!-- Skills -->
+    <section class="section container" id="skills">
+      <h2>Skills</h2>
+      <ul class="chips">
+        <li>Product Strategy</li><li>Roadmapping</li><li>AI/ML</li><li>LLM & RAG</li><li>GenAI Voice</li><li>Experimentation</li>
+        <li>Metrics & Analytics</li><li>UX Research</li><li>SQL</li><li>Python</li><li>Data Platforms</li>
+        <li>CRM</li><li>Health Tech</li><li>E-commerce</li><li>Project Management</li>
+      </ul>
+      <h3 class="sub">Education</h3>
+      <ul class="edu">
+        <li><strong>Indian Institute of Management Ahmedabad (IIMA)</strong> — MBA (2018–2020)</li>
+        <li><strong>Indian Institute of Technology Ropar (IIT Ropar)</strong> — B.Tech, Mechanical Engineering (2011–2015)</li>
+      </ul>
+      <h3 class="sub">Certifications</h3>
+      <p>IBM AI Product Manager, IBM AI Developer, Google Digital Marketing, Six Sigma Green Belt, LLM Courses.</p>
+    </section>
+    <!-- Contact -->
+    <section class="section container" id="contact">
+      <h2>Contact</h2>
+      <div class="contact">
+        <a class="btn primary" href="mailto:p18rakeshk@iima.ac.in">Email Me</a>
+        <a class="btn" target="_blank" rel="noopener" href="https://www.linkedin.com/in/rakesh--kumar-2a308b50">LinkedIn</a>
+        <a class="btn ghost" href="#top">Back to top ↑</a>
+      </div>
+    </section>
+  </main>
+  <footer class="site-footer">
+    <div class="container">
+      <small>© <span id="year"></span> Rakesh Kumar — Product Manager. Built as a lightweight static site for Hugging Face Spaces.</small>
+    </div>
+  </footer>
+  <script src="script.js"></script>
+</body>
+</html>

script.js ADDED Viewed

	@@ -0,0 +1,69 @@

+// Basic interactivity for portfolio
+(function(){
+  const html = document.documentElement;
+  const themeToggle = document.getElementById('themeToggle');
+  const navToggle = document.getElementById('navToggle');
+  const navLinks = document.getElementById('navLinks');
+  const yearEl = document.getElementById('year');
+  const printBtn = document.getElementById('printBtn');
+  // Initialize year
+  if(yearEl){ yearEl.textContent = new Date().getFullYear(); }
+  // Theme persistence
+  const saved = localStorage.getItem('theme');
+  if(saved === 'light') html.classList.add('light');
+  function toggleTheme(){
+    html.classList.toggle('light');
+    localStorage.setItem('theme', html.classList.contains('light') ? 'light' : 'dark');
+    themeToggle.textContent = html.classList.contains('light') ? '🌞' : '🌙';
+  }
+  if(themeToggle){
+    themeToggle.addEventListener('click', toggleTheme);
+    themeToggle.textContent = html.classList.contains('light') ? '🌞' : '🌙';
+  }
+  // Mobile nav
+  if(navToggle){
+    navToggle.addEventListener('click', ()=>{
+      navLinks.classList.toggle('show');
+    });
+  }
+  if(navLinks){
+    navLinks.querySelectorAll('a').forEach(a=>{
+      a.addEventListener('click', ()=> navLinks.classList.remove('show'));
+    });
+  }
+  // Smooth scroll
+  document.querySelectorAll('a[href^="#"]').forEach(anchor => {
+    anchor.addEventListener('click', function (e) {
+      const id = this.getAttribute('href');
+      if(id.length > 1){
+        e.preventDefault();
+        document.querySelector(id)?.scrollIntoView({behavior:'smooth'});
+      }
+    });
+  });
+  // Print to PDF
+  if(printBtn){
+    printBtn.addEventListener('click', ()=> window.print());
+  }
+  // Fade-in sections on scroll
+  const sections = document.querySelectorAll('.section');
+  const observer = new IntersectionObserver((entries) => {
+    entries.forEach(entry => {
+      if (entry.isIntersecting) {
+        entry.target.classList.add('visible');
+      }
+    });
+  }, { threshold: 0.1 });
+  sections.forEach(section => {
+    observer.observe(section);
+  });
+})();

styles.css ADDED Viewed

	@@ -0,0 +1,91 @@

+/* Base styles */
+:root{--bg:#0b1220;--card:#0f172a;--text:#e2e8f0;--muted:#94a3b8;--brand:#0ea5e9;--brand2:#22c55e;--ring:rgba(14,165,233,.35);--shadow:0 10px 30px rgba(2,6,23,.5)}
+:root.light{--bg:#f8fafc;--card:#ffffff;--text:#0f172a;--muted:#475569;--ring:rgba(14,165,233,.25);--shadow:0 8px 24px rgba(2,6,23,.08)}
+*{box-sizing:border-box}
+html,body{height:100%}
+body{margin:0;font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif;background:linear-gradient(180deg,var(--bg),#030712 80%);color:var(--text);line-height:1.6}
+.container{max-width:1100px;margin:0 auto;padding:0 20px}
+/* Header */
+.site-header{position:sticky;top:0;z-index:50;background:rgba(2,6,23,.6);backdrop-filter:blur(8px);border-bottom:1px solid rgba(148,163,184,.15)}
+.nav{display:flex;align-items:center;justify-content:space-between;min-height:64px}
+.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--text);font-weight:700}
+.logo{width:36px;height:36px;border-radius:50%;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
+.nav-links{display:flex;gap:14px;align-items:center;list-style:none;margin:0;padding:0}
+.nav-links a{color:var(--text);text-decoration:none;padding:8px 10px;border-radius:8px}
+.nav-links a:hover{background:rgba(148,163,184,.12)}
+.nav-toggle{display:none;font-size:22px;background:none;border:none;color:var(--text)}
+.ghost{background:transparent;border:1px solid rgba(148,163,184,.3);padding:8px 12px;border-radius:10px;color:var(--text)}
+/* Hero */
+.profile-photo { width: 128px; height: 128px; border-radius: 50%; margin: 0 auto 16px; display: block; box-shadow: var(--shadow); object-fit: cover; }
+.hero{display:grid;grid-template-columns:1fr;gap:16px;padding:72px 0 24px}
+.hero h1{font-size:40px;line-height:1.1;margin:0 0 8px}
+.subtitle{color:var(--muted);max-width:780px}
+.cta{display:flex;gap:12px;margin:18px 0 8px;flex-wrap:wrap}
+.btn{background:#1f2937;border:none;color:var(--text);padding:12px 16px;border-radius:12px;cursor:pointer;box-shadow:var(--shadow)}
+.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand2));color:#fff}
+.quick-facts{display:flex;gap:16px;flex-wrap:wrap;color:var(--muted);padding:0;margin:10px 0 0;list-style:none}
+/* Sections */
+.section{padding:48px 0;opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}
+.section.visible{opacity:1;transform:translateY(0)}
+.section h2{font-size:28px;margin:0 0 16px}
+.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px}
+.card{background:var(--card);border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:16px;box-shadow:var(--shadow)}
+.card.kpi h3{font-size:32px;margin:0;color:#fff;background:linear-gradient(135deg,var(--brand),var(--brand2));-webkit-background-clip:text;background-clip:text;color:transparent}
+/* Timeline */
+.timeline{list-style:none;padding:0;margin:0;border-left:2px dashed rgba(148,163,184,.25)}
+.timeline > li{display:grid;grid-template-columns:160px 1fr;gap:24px;padding:24px 0 24px 24px;position:relative}
+.timeline > li:before{content:'';position:absolute;left:-12px;top:32px;width:20px;height:20px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 4px var(--bg)}
+.timeline > li .time{color:var(--muted);font-weight:500;align-self:start;padding-top:8px}
+.timeline .content{background:var(--card);border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:20px;transition:transform .2s,box-shadow .2s}
+.timeline .content:hover{transform:translateY(-2px);box-shadow:0 12px 32px rgba(2,6,23,.6)}
+.timeline .content h3{display:flex;align-items:center;margin:0 0 12px}
+.timeline .icon{width:24px;height:24px;margin-right:12px;fill:var(--text)}
+.timeline ul{margin:12px 0 0;list-style:none;padding-left:0;}
+.timeline ul li{margin-bottom:12px; position: relative; padding-left: 20px;}
+.timeline ul li:before{content: '•'; position: absolute; left: 0; top: 0; display: block; color: var(--brand);}
+/* Cases */
+.cases{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:16px}
+.case{background:var(--card);border:1px solid rgba(148,163,184,.15);border-radius:14px;padding:16px;cursor:pointer;transition:box-shadow .2s}
+.case[open]{box-shadow:0 4px 12px rgba(2,6,23,.3)}
+.case summary{display:flex;flex-direction:column;gap:4px;outline:none}
+.case summary::-webkit-details-marker{display:none}
+.case summary:after{content:'▼';font-size:12px;align-self:flex-end;color:var(--muted);transition:transform .2s}
+.case[open] summary:after{transform:rotate(180deg)}
+.case-details{padding-top:16px;border-top:1px solid rgba(148,163,184,.15);margin-top:12px}
+.case-details h4{margin:16px 0 4px;font-size:16px}
+.case-details ul{list-style:disc;padding-left:20px;margin:8px 0}
+.tags span{display:inline-block;margin:0 6px 6px 0;padding:4px 8px;border-radius:999px;background:rgba(14,165,233,.15);color:#7dd3fc;border:1px solid rgba(14,165,233,.35)}
+/* Skills */
+.chips{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:10px}
+.chips li{padding:8px 12px;border-radius:999px;background:rgba(148,163,184,.12);border:1px solid rgba(148,163,184,.25)}
+.edu{color:var(--muted)}
+.sub{margin:18px 0 6px}
+/* Contact */
+.contact{display:flex;gap:12px;flex-wrap:wrap}
+/* Footer */
+.site-footer{border-top:1px solid rgba(148,163,184,.15);padding:20px 0;color:var(--muted);background:rgba(2,6,23,.5)}
+/* Responsive */
+@media (max-width:860px){
+  .timeline li{grid-template-columns:1fr}
+}
+@media (max-width:720px){
+  .nav-toggle{display:block}
+  .nav-links{display:none;position:absolute;top:64px;right:14px;background:var(--card);padding:12px;border-radius:12px;border:1px solid rgba(148,163,184,.2);box-shadow:var(--shadow)}
+  .nav-links.show{display:flex;flex-direction:column;align-items:stretch}
+}
+/* Print */
+@media print{
+  body{background:#fff;color:#000}
+  .site-header,.site-footer,.nav,.cta,#themeToggle{display:none!important}
+  .card,.timeline .content,.case{box-shadow:none;border:1px solid #e5e7eb}
+}