:root{--bg-page:#050505;--bg-surface:#0b0b0b;--bg-soft:#111;--text-main:#f4f4f5;--text-muted:#9ca3af;--accent:#facc15;--accent-soft:#facc1526;--accent-strong:#eab308;--border-subtle:#374151b3;--shadow-soft:0 20px 50px #000000b3;--radius-lg:20px;--radius-md:12px;--radius-pill:999px;--nav-height:72px}*,:before,:after{box-sizing:border-box}html,body{scroll-behavior:smooth;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif}body{background:var(--bg-page);min-height:100vh;color:var(--text-main)}#root{max-width:1120px;margin:0 auto}.app{padding:0 1.5rem 3.5rem}main{padding-top:var(--nav-height)}.nav{inset-inline:0;z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:linear-gradient(#050505fa,#050505eb,#0000);position:fixed;top:0}.nav__inner{max-width:1120px;height:var(--nav-height);justify-content:space-between;align-items:center;margin:0 auto;padding:0 1.5rem;display:flex}.nav__brand{cursor:pointer;align-items:center;gap:.6rem;display:inline-flex}.nav__brand-mark{color:#111827;background:radial-gradient(circle at 30% 0,#facc15,#111);border:1px solid #f8fafc1a;border-radius:999px;justify-content:center;align-items:center;width:28px;height:28px;font-size:.68rem;display:inline-flex}.nav__brand-text-group{flex-direction:column;gap:.1rem;display:flex}.nav__brand-line{align-items:baseline;gap:.25rem;display:flex}.nav__brand-logo{height:45px;display:block}.nav__brand-carbon{color:#f9fafb;font-size:1rem;font-weight:500}.nav__brand-hue{color:var(--accent);font-size:1rem;font-weight:600}.nav__brand-data{letter-spacing:.18em;text-transform:lowercase;color:var(--text-muted);font-size:.7rem}.nav__links{align-items:center;gap:1rem;display:flex}.nav__link{color:var(--text-muted);border-radius:var(--radius-pill);cursor:pointer;background:0 0;border:none;padding:.35rem .7rem;font-size:.86rem;transition:background-color .12s,color .12s,transform .12s}.nav__link:hover{color:var(--text-main);background:#18181bcc;transform:translateY(-1px)}.nav__actions{align-items:center;gap:.4rem;display:flex}.nav__menu{border-radius:var(--radius-pill);width:32px;height:32px;color:var(--text-main);cursor:pointer;background:#09090b;border:1px solid #3f3f46e6;font-size:.9rem;display:none}.nav__mobile{max-width:1120px;margin:0 auto;padding:0 1.5rem .75rem;display:none}.nav__mobile-link{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:#09090b;border:1px solid #3f3f46e6;border-radius:10px;margin-top:.4rem;padding:.5rem .8rem;display:block}.hero{box-shadow:var(--shadow-soft);background:radial-gradient(circle at 0 0,#18181b,#020617);border-radius:30px;margin-top:1.8rem;padding:2.4rem 2.4rem 2.2rem;position:relative;overflow:hidden}.hero__inner{grid-template-columns:minmax(0,1.5fr) minmax(0,1.1fr);align-items:flex-start;gap:2.4rem;display:grid;position:relative}.hero__copy{z-index:1;position:relative}.hero__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin-bottom:.85rem;font-size:.82rem}.hero__title{margin:0 0 .9rem;font-size:clamp(2.3rem,3vw,2.8rem);line-height:1.05}.hero__title-accent{color:var(--accent);display:inline-block}.hero__subtitle{color:var(--text-muted);margin:0 0 1.4rem;font-size:.96rem}.hero__actions{flex-wrap:wrap;gap:.75rem;margin-bottom:1.7rem;display:flex}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem;display:grid}.hero__stat{background:#09090b;border:1px solid #27272ae6;border-radius:14px;padding:.85rem .9rem}.hero__stat-value{font-size:1rem;font-weight:600}.hero__stat-label{color:var(--text-muted);font-size:.72rem}.hero__panel{gap:1rem;display:grid}.console{background:#020617;border:1px solid #27272ae6;border-radius:18px;overflow:hidden}.console__header{background:#030712;align-items:center;gap:.35rem;padding:.5rem .8rem;display:flex}.console__dot{border-radius:999px;width:8px;height:8px}.console__dot--red{background:#f97373}.console__dot--yellow{background:#facc15}.console__dot--green{background:#4ade80}.console__title{color:var(--text-muted);margin-left:.5rem;font-size:.72rem}.console__body{color:#e5e7eb;padding:.9rem 1.1rem 1.05rem;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.8rem}.console__line{margin:0 0 .35rem}.console__prompt{color:var(--accent);margin-right:.3rem}.console__token{color:#a5b4fc}.console__string{color:#facc15;margin-left:.16rem}.console__line--muted{color:var(--text-muted);font-style:italic}.hero__kpis{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.hero__kpi-card{background:#020617;border:1px solid #27272ae6;border-radius:15px;padding:.85rem .9rem;font-size:.8rem}.hero__kpi-label{text-transform:uppercase;letter-spacing:.1em;color:var(--text-muted);font-size:.68rem}.hero__kpi-value{margin-top:.25rem;font-weight:600}.hero__kpi-desc{color:var(--text-muted);margin-top:.35rem}.section{margin-top:2.8rem}.section__inner{background:#050816;border:1px solid #1f2937e6;border-radius:24px;padding:1.8rem 2rem 1.85rem}.section__header{margin-bottom:1.4rem}.section__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .4rem;font-size:.76rem}.section__title{margin:0;font-size:1.35rem}.section__content{margin-top:.2rem}.btn{border-radius:var(--radius-pill);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:.25rem;padding:.55rem 1.1rem;font-size:.9rem;transition:transform .12s,box-shadow .12s,background-color .12s,color .12s;display:inline-flex}.btn--primary{background:linear-gradient(135deg, var(--accent), var(--accent-strong));color:#111827;box-shadow:0 14px 30px #000000b3}.btn--primary:hover{transform:translateY(-1px);box-shadow:0 18px 40px #000000d9}.btn--ghost{color:var(--text-main);background:0 0;border-color:#3f3f46e6}.btn--ghost:hover{background:#18181be6}.chip{color:var(--text-muted);border:1px solid #3f3f46e6;border-radius:999px;justify-content:center;align-items:center;padding:.2rem .7rem;font-size:.72rem;display:inline-flex}.chip--stack{background:#020617}.chip--tag{background:#111827}.chip--filter{cursor:pointer;background:0 0}.chip--filter-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent)}.badge{color:var(--text-muted);background:#18181be6;border-radius:999px;justify-content:center;align-items:center;padding:.1rem .55rem;font-size:.68rem;display:inline-flex}.badge--soft{background:var(--accent-soft);color:var(--accent)}.link{color:var(--accent);font-size:.86rem;text-decoration:none}.link:hover{text-decoration:underline}.text-highlight{color:var(--accent)}.about{grid-template-columns:minmax(0,1.7fr) minmax(0,1.1fr);gap:2rem;font-size:.94rem;display:grid}.about__primary p{color:var(--text-muted);margin-top:0;margin-bottom:.9rem}.about__sidebar{background:#020617;border:1px solid #1f2937e6;border-radius:16px;padding:1rem 1.1rem}.about__sidebar-title{margin:0 0 .6rem;font-size:.92rem}.about__list{color:var(--text-muted);margin:0;padding:0;font-size:.86rem;list-style:none}.about__list li+li{margin-top:.35rem}.timeline{background:#020617;border:1px solid #1f2937e6;border-radius:18px;padding:1.3rem 1.4rem 1.2rem}.timeline__item{grid-template-columns:auto minmax(0,1fr);column-gap:1.1rem;display:grid}.timeline__item+.timeline__item{margin-top:1.1rem}.timeline__marker{border:2px solid var(--accent);border-radius:999px;width:11px;height:11px;margin-top:.35rem}.timeline__period{color:var(--text-muted);margin:0;font-size:.78rem}.timeline__title{margin:.15rem 0 .25rem;font-size:.98rem}.timeline__org{color:var(--accent)}.timeline__summary{color:var(--text-muted);margin:0 0 .35rem;font-size:.86rem}.timeline__outcomes{color:var(--text-muted);margin:0;padding-left:1.1rem;font-size:.84rem}.skills{grid-template-columns:minmax(0,.95fr) minmax(0,1.2fr);gap:1.6rem;display:grid}.skills__tabs{flex-direction:column;gap:.5rem;display:flex}.skills__tab{color:var(--text-muted);text-align:left;cursor:pointer;background:#020617;border:1px solid #374151e6;border-radius:999px;padding:.5rem .9rem;font-size:.86rem}.skills__tab--active{color:var(--accent);border-color:var(--accent);background:#18181bf2}.skills__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:.85rem;display:grid}.skills__card{background:#020617;border:1px solid #1f2937e6;border-radius:14px;padding:.8rem .9rem;font-size:.86rem}.skills__card-header{justify-content:space-between;align-items:center;margin-bottom:.25rem;display:flex}.skills__name{margin:0;font-size:.92rem}.skills__level{color:var(--accent);font-size:.7rem}.skills__usecase{color:var(--text-muted);margin:0}.case-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.case-card{cursor:pointer;text-align:left;color:inherit;background:#020617;border:1px solid #1f2937e6;border-radius:16px;padding:.95rem .95rem .85rem;transition:transform .12s,box-shadow .12s,border-color .12s}.case-card:hover{box-shadow:var(--shadow-soft);border-color:#facc1599;transform:translateY(-2px)}.case-card__header{margin-bottom:.35rem}.case-card__title{margin:0;font-size:.96rem}.case-card__role{color:var(--text-muted);margin:.1rem 0 0;font-size:.76rem}.case-card__context{color:var(--text-muted);margin:.35rem 0 .5rem;font-size:.8rem}.case-card__stack{flex-wrap:wrap;gap:.25rem;margin-bottom:.5rem;display:flex}.case-card__metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:.4rem;font-size:.75rem;display:grid}.case-card__metric-label{color:var(--text-muted)}.case-card__metric-after{color:var(--accent)}.case-card__footer{color:var(--accent);margin-top:.55rem;font-size:.78rem}.modal{z-index:50;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal__backdrop{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#000000b3;position:absolute;inset:0}.modal__content{width:100%;max-width:880px;box-shadow:var(--shadow-soft);background:#020617;border:1px solid #1f2937f2;border-radius:24px;margin:1.25rem;padding:1.8rem 1.75rem 1.6rem;font-size:.9rem;position:relative}.modal__close{width:28px;height:28px;color:var(--text-main);cursor:pointer;background:#020617;border:none;border-radius:999px;position:absolute;top:1rem;right:1.1rem}.modal__eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 .3rem;font-size:.78rem}.modal__title{margin:0 0 .15rem;font-size:1.2rem}.modal__role{color:var(--text-muted);margin:0 0 .75rem;font-size:.82rem}.modal__context{color:var(--text-muted);margin:0 0 .8rem}.modal__grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:1rem;display:grid}.modal__column h4{margin:0 0 .25rem;font-size:.92rem}.modal__column p{color:var(--text-muted);margin:0 0 .7rem;font-size:.86rem}.modal__metrics{gap:.4rem;margin-top:.5rem;display:grid}.modal__metric-label{color:var(--text-muted);font-size:.78rem}.modal__metric-values{font-size:.8rem}.modal__metric-after{color:var(--accent)}.modal__diagram{margin-top:.9rem}.diagram{flex-wrap:wrap;align-items:center;gap:.6rem;font-size:.78rem;display:flex}.diagram__node{background:#020617;border:1px solid #1f2937e6;border-radius:999px;padding:.4rem .7rem}.diagram__arrow{color:var(--accent)}.projects__filters{flex-wrap:wrap;gap:.45rem;margin-bottom:1rem;display:flex}.projects__grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.project-card{background:#020617;border:1px solid #1f2937e6;border-radius:16px;padding:.85rem .9rem .8rem;font-size:.84rem}.project-card__title{margin:0 0 .2rem;font-size:.96rem}.project-card__tagline{color:var(--text-muted);margin:0 0 .4rem}.project-card__tags,.project-card__tech{flex-wrap:wrap;gap:.25rem;margin-bottom:.4rem;display:flex}.project-card__links{gap:.6rem;display:flex}.insights{grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;display:grid}.insight-card{background:#020617;border:1px solid #1f2937e6;border-radius:16px;padding:.9rem .95rem .85rem;font-size:.84rem}.insight-card__meta{margin-bottom:.25rem}.insight-card__title{margin:0 0 .25rem;font-size:.96rem}.insight-card__summary{color:var(--text-muted);margin:0 0 .45rem}.contact{grid-template-columns:minmax(0,1.3fr) minmax(0,1fr);gap:1.8rem;display:grid}.contact__form{gap:.75rem;display:grid}.field{gap:.2rem;display:grid}.field__label{color:var(--text-muted);font-size:.8rem}.field__input,.field__textarea{color:var(--text-main);background:#020617;border:1px solid #374151e6;border-radius:12px;padding:.5rem .6rem;font-size:.9rem}.field__textarea{resize:vertical}.contact__sidebar{font-size:.86rem}.contact__sidebar-title{margin:0 0 .5rem}.contact__list{margin:0 0 .6rem;padding:0;list-style:none}.contact__label{color:var(--text-muted);font-size:.78rem;display:block}.contact__note{color:var(--text-muted);margin:0}.footer{margin-top:2.4rem;padding-bottom:.25rem}.footer__inner{color:var(--text-muted);border-top:1px solid #27272ae6;flex-wrap:wrap;gap:.6rem;padding-top:.9rem;font-size:.78rem;display:flex}@media (width<=960px){.hero__inner{grid-template-columns:minmax(0,1fr)}.hero__panel{margin-top:1.4rem}.about,.skills{grid-template-columns:minmax(0,1fr)}.case-grid,.projects__grid,.insights{grid-template-columns:repeat(2,minmax(0,1fr))}.contact{grid-template-columns:minmax(0,1fr)}}@media (width<=768px){.app{padding-inline:1rem}.hero{border-radius:24px;padding:1.7rem 1.5rem 1.6rem}.hero__stats{grid-template-columns:repeat(2,minmax(0,1fr))}.section__inner{border-radius:20px;padding:1.4rem 1.3rem 1.5rem}.modal__content{margin:.75rem;padding:1.4rem 1.3rem 1.3rem}.modal__grid,.projects__grid,.case-grid,.insights{grid-template-columns:minmax(0,1fr)}.nav__links{display:none}.nav__menu{display:inline-flex}.nav__mobile{display:block}}