@property --angle{syntax:"<angle>";initial-value:0deg;inherits:false}:root{--bg:#07070d;--surface:#11111c;--surface-2:#1a1a2b;--text:#ecebff;--muted:#8b8aa8;--accent:#7c5cff;--accent-2:#00e5c3;--warn:#ffb020;--danger:#ff4d6d;--radius:14px;--font-mono:ui-monospace,"JetBrains Mono",Consolas,monospace;--font-sans:"Inter",system-ui,-apple-system,"Segoe UI",sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased}.gradient-text{background:conic-gradient(from var(--angle),var(--accent),var(--accent-2),var(--accent));-webkit-background-clip:text;background-clip:text;color:transparent;animation:spin-angle 6s linear infinite}@keyframes spin-angle{to{--angle:360deg}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;transition-duration:.001ms!important}}.hero{position:relative;min-height:100vh;display:grid;align-content:center;justify-items:start;padding:0 clamp(16px,8vw,120px);overflow:hidden}.orb{position:absolute;right:-10vw;top:10vh;width:60vw;height:60vw;max-width:720px;max-height:720px;border-radius:50%;background:radial-gradient(circle at 30% 30%,var(--accent),transparent 60%),radial-gradient(circle at 70% 70%,var(--accent-2),transparent 55%);filter:blur(60px);opacity:.5;animation:float 10s ease-in-out infinite}@keyframes float{50%{transform:translate(-4vw,4vh) scale(1.08)}}.eyebrow{color:var(--accent-2);font:14px var(--font-mono);letter-spacing:.2em;text-transform:uppercase}.eyebrow,h1{position:relative}h1{font-size:clamp(2rem,8vw,6.5rem);line-height:1.2;padding-bottom:.12em;margin:8px 0 12px;max-width:100%;overflow-wrap:break-word;text-wrap:balance}.tagline{max-width:36ch;color:var(--muted);font-size:clamp(1.1rem,2.2vw,1.5rem)}.cta,.tagline{position:relative}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}@media (max-width:480px){.hero{padding:0 20px;min-height:100svh}.section{padding:56px 20px}.cta .btn{flex:1 1 100%;text-align:center}.orb{right:-30vw;width:90vw;height:90vw}}.btn{padding:12px 20px;border-radius:999px;border:1px solid #ffffff2a;color:var(--text);text-decoration:none;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 8px 30px -8px var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent)}.section{padding:80px clamp(16px,8vw,120px)}.section h2{font-size:clamp(1.6rem,4vw,2.6rem);margin:0 0 24px}.cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));grid-gap:16px;gap:16px}.pcard{padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff14;color:inherit;text-decoration:none;transition:transform .3s,border-color .3s}.pcard:hover{transform:translateY(-6px) rotate(-.5deg);border-color:var(--accent)}.pcard p{color:var(--muted)}.chips{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:10px}.chips li{padding:8px 16px;border-radius:999px;background:var(--surface-2);border:1px solid #ffffff1a}footer a{color:var(--accent-2)}@supports (animation-timeline:view()){.reveal{animation:rise linear both;animation-timeline:view();animation-range:entry 0 entry 40%}@keyframes rise{0%{opacity:0;transform:translateY(60px)}}}.resume-card{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff14}.resume-card h3{margin:0}.resume-card p{margin:4px 0 0;color:var(--muted)}.contact h2{margin-bottom:12px}.contact p{margin:4px 0}.contact a{color:var(--accent-2);text-decoration:none}.contact a:hover{text-decoration:underline}.intro .summary{max-width:40ch;font-size:clamp(1.4rem,3.6vw,2.6rem);line-height:1.25;font-weight:600;margin:8px 0 20px;letter-spacing:-.01em}.journey{list-style:none;padding:0;margin:0 0 48px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));grid-gap:16px;gap:16px;position:relative;counter-reset:stage}.stage-card{position:relative;padding:24px;border-radius:var(--radius);background:var(--surface);border:1px solid #ffffff14;transition:transform .3s,border-color .3s,box-shadow .3s}.stage-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 16px 50px -20px var(--accent)}.stage-card:nth-child(3){background:linear-gradient(160deg,#7c5cff22,var(--surface) 60%);border-color:#7c5cff55}.stage-tag{font:13px var(--font-mono);color:var(--accent-2);letter-spacing:.15em}.stage-card h3{margin:8px 0;font-size:1.5rem}.stage-card p{color:var(--muted);margin:0 0 16px;line-height:1.55}.stage-card ul{margin:0;padding:0;list-style:none;display:grid;grid-gap:6px;gap:6px;font-size:14px}.stage-card ul li:before{content:"→ ";color:var(--accent-2)}.metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));grid-gap:24px;gap:24px;margin:0}.metric dt{font-size:clamp(2.2rem,6vw,3.6rem);font-weight:700;line-height:1;background:linear-gradient(90deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent}.metric dd{margin:6px 0 0;color:var(--muted);font-size:14px}@media (max-width:480px){.intro .summary{max-width:none}}.tags{list-style:none;margin:16px 0 0;padding:0;display:flex;flex-wrap:wrap;gap:6px}.tags li{font:11px var(--font-mono);padding:3px 8px;border-radius:6px;background:var(--surface-2);border:1px solid #ffffff1a;color:var(--accent-2)}.designation{position:relative;margin:6px 0 0;font:13px var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.intro .summary-sub{max-width:52ch;color:var(--muted);font-size:clamp(1rem,2vw,1.2rem);line-height:1.6;margin:0 0 48px}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.hero,.section{scroll-margin-top:72px}body{position:relative}.site-header{position:fixed;inset:0 0 auto 0;z-index:100;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px clamp(16px,4vw,48px);background:transparent;border-bottom:1px solid transparent;transition:background .3s,border-color .3s,padding .3s,-webkit-backdrop-filter .3s;transition:background .3s,border-color .3s,backdrop-filter .3s,padding .3s;transition:background .3s,border-color .3s,backdrop-filter .3s,padding .3s,-webkit-backdrop-filter .3s}.site-header.scrolled{background:color-mix(in srgb,var(--bg) 72%,transparent);backdrop-filter:blur(14px) saturate(1.4);-webkit-backdrop-filter:blur(14px) saturate(1.4);border-bottom-color:var(--line,#ffffff14);padding-block:10px}.site-header .brand{font-weight:700;letter-spacing:-.01em;text-decoration:none;color:var(--text);white-space:nowrap}.site-header ul{list-style:none;margin:0;padding:0;display:flex;gap:4px}.site-header nav a{display:block;padding:8px 12px;border-radius:999px;text-decoration:none;font-size:14px;color:var(--muted);white-space:nowrap;transition:color .2s,background .2s}.site-header nav a:hover{color:var(--text);background:#ffffff10}.site-header nav a.on{color:var(--text);background:color-mix(in srgb,var(--accent) 30%,transparent)}.site-header a:focus-visible{outline:2px solid var(--accent-2);outline-offset:2px}@media (max-width:720px){.site-header{flex-direction:column;align-items:stretch;gap:6px;padding-block:10px}.site-header .brand{font-size:15px}.site-header nav{overflow-x:auto;scrollbar-width:none;margin-inline:-4px}.site-header nav::-webkit-scrollbar{display:none}.site-header ul{width:max-content}.site-header nav a{padding:7px 11px;font-size:13px}.hero,.section{scroll-margin-top:96px}}