:root{
  --bg:#081018;--panel:#111b24;--panel2:#0d1720;--line:rgba(255,255,255,.1);--text:#f5f8fa;
  --muted:#91a0a9;--navy:#063765;--blue:#0b5ea8;--teal:#079f9a;--cyan:#11b7c8;--lime:#9edb2e;
  --accent:var(--lime);--accent2:var(--cyan);--warm:#e9bd5a;--max:1180px;
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;color:var(--text);background:var(--bg)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}
body{margin:0;background:
  radial-gradient(circle at 88% -8%,rgba(158,219,46,.11),transparent 28%),
  radial-gradient(circle at 12% 15%,rgba(17,183,200,.10),transparent 26%),
  linear-gradient(180deg,#081018 0%,#09121a 52%,#071018 100%);color:var(--text)}
a{color:inherit;text-decoration:none}p{line-height:1.7}.shell{width:min(var(--max),calc(100% - 40px));margin:auto}
.site-header{position:sticky;top:0;z-index:30;background:rgba(11,15,19,.84);backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}
.nav{height:96px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}
.brand-symbol{width:72px;height:76px;object-fit:contain;filter:drop-shadow(0 7px 16px rgba(0,153,149,.22))}
.brand-copy{display:flex;flex-direction:column;line-height:1}.brand-copy b{font-size:1.28rem;letter-spacing:-.03em}.brand-copy b span{background:linear-gradient(90deg,var(--teal),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.brand-copy small{color:#a8b6be;font-size:.78rem;margin-top:7px;letter-spacing:.02em}
.nav-links{display:flex;gap:28px;color:#c7d0d5;font-size:.92rem}.nav-links a{transition:color .2s ease}.nav-links a:hover{color:var(--lime)}
.nav-toggle{display:none;background:none;border:1px solid var(--line);color:var(--text);padding:8px 10px;border-radius:9px}

.hero{min-height:690px;display:grid;grid-template-columns:1.05fr .95fr;gap:72px;align-items:center;padding:80px 0}
.eyebrow{color:var(--lime);font-size:.72rem;letter-spacing:.15em;text-transform:uppercase;font-weight:850}
h1,h2,h3{margin-top:0}h1{font-size:clamp(3.5rem,7vw,6.7rem);line-height:.93;letter-spacing:-.07em;margin-bottom:24px}
h2{font-size:clamp(2.2rem,4vw,4rem);letter-spacing:-.05em;line-height:1}h3{letter-spacing:-.025em}
.lede{font-size:1.08rem;color:#b8c3c9;max-width:760px}.button-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 17px;border-radius:12px;font-weight:800;font-size:.9rem;border:1px solid var(--line)}
.button{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.button:hover{transform:translateY(-1px)}
.button.primary{background:linear-gradient(110deg,var(--lime),#58cf6c 45%,var(--teal));color:#06130f;border-color:transparent;box-shadow:0 10px 30px rgba(89,207,108,.14)}
.button.ghost{background:rgba(255,255,255,.035)}.button.ghost:hover{border-color:rgba(17,183,200,.4)}
.button.light{background:#fff;color:#0b0f13}
.hero-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:46px}.hero-metrics div{padding-top:14px;border-top:2px solid var(--line)}
.hero-metrics div:nth-child(1){border-top-color:var(--lime)}.hero-metrics div:nth-child(2){border-top-color:var(--teal)}.hero-metrics div:nth-child(3){border-top-color:var(--blue)}
.hero-metrics b{display:block;font-size:.92rem}.hero-metrics span{display:block;color:var(--muted);font-size:.74rem;margin-top:5px}
.hero-visual{min-height:500px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;position:relative;border:1px solid rgba(17,183,200,.18);border-radius:30px;overflow:hidden;background:linear-gradient(155deg,#0d1820 0%,#0b151d 55%,#0d1b19 100%);box-shadow:inset 0 1px rgba(255,255,255,.03),0 30px 90px rgba(0,0,0,.18)}
.hero-brand-symbol{position:relative;z-index:2;width:220px;height:auto;margin:8px 0 -2px;filter:drop-shadow(0 20px 34px rgba(7,159,154,.24))}
.hero-visual:before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:34px 34px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.95),transparent 92%)}
.lab-console{position:relative;z-index:2;width:min(84%,480px);padding:22px;border-radius:20px;background:rgba(5,11,16,.87);border:1px solid rgba(158,219,46,.14);box-shadow:0 30px 90px rgba(0,0,0,.42)}
.console-head{display:flex;gap:7px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:16px}.console-head span{width:8px;height:8px;border-radius:50%;background:#4d5961}
.console-head em{margin-left:auto;color:var(--muted);font-size:.64rem;font-style:normal;letter-spacing:.1em}
.console-line{display:grid;grid-template-columns:30px 1fr auto;align-items:center;gap:10px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.055)}
.console-line i{font-style:normal;color:#5e6a72;font-size:.72rem}.console-rule{height:1px;background:var(--line);margin:22px 0}
.lab-console>p{color:var(--muted);font-family:ui-monospace,monospace;font-size:.86rem}
.pill{font-size:.58rem;font-weight:900;letter-spacing:.08em;padding:5px 7px;border-radius:99px;align-self:flex-start}
.pill.live{color:#07120f;background:var(--accent)}.pill.dev{color:#0c1420;background:var(--accent2)}.pill.concept{color:#1b1306;background:var(--warm)}

.section{padding:95px 0}.section-head{max-width:760px;margin-bottom:38px}
.section-head>p:last-child,.feature-card p,.skills-grid p,.education-grid p,.timeline p,.launch-card p,.project-row p{color:var(--muted)}
.feature-grid,.education-grid,.launch-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.skills-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}
.feature-card,.skills-grid article,.education-grid article,.launch-card{padding:28px;border:1px solid var(--line);border-radius:20px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.018))}
.feature-card{position:relative;overflow:hidden;--card-accent:var(--lime);transition:transform .2s ease,border-color .2s ease}.feature-card:nth-child(2){--card-accent:var(--teal)}.feature-card:nth-child(3){--card-accent:var(--blue)}
.feature-card:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--card-accent),transparent)}
.feature-card:hover{transform:translateY(-3px);border-color:color-mix(in srgb,var(--card-accent) 34%,transparent)}
.feature-card>span{color:var(--card-accent)}.feature-card h3{font-size:1.45rem;margin:38px 0 12px}

.spotlight{display:grid;grid-template-columns:1fr .9fr;gap:50px;align-items:center;padding:42px;border-radius:28px;background:linear-gradient(135deg,rgba(7,159,154,.16),rgba(6,55,101,.24) 52%,rgba(158,219,46,.08));border:1px solid rgba(17,183,200,.18)}
.tag-row{display:flex;flex-wrap:wrap;gap:7px}.tag-row span{font-size:.68rem;font-weight:800;padding:6px 9px;border-radius:7px;background:rgba(255,255,255,.07);color:#c9d3d7}
.spotlight h3{font-size:2rem;margin:24px 0 12px}.spotlight p{color:#aeb9bf}.text-link{display:inline-block;margin-top:12px;color:var(--lime);font-weight:800}
.cove-art{min-height:280px;position:relative;border-radius:22px;overflow:hidden;background:linear-gradient(#1a5960,#0b2732 60%,#10251b)}
.fish{position:absolute;font-size:2.4rem;color:#ffc878}.fish-a{left:28%;top:38%}.fish-b{right:25%;top:56%;transform:scaleX(-1);color:#7de3cf}
.plant{position:absolute;bottom:-15px;font-size:8rem;color:#2f966f}.p1{left:10%}.p2{right:9%;transform:scaleX(-1)}

.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:48px;border-radius:28px;background:linear-gradient(110deg,var(--lime),#66d66b 44%,var(--teal));color:#06130f;box-shadow:0 26px 70px rgba(7,159,154,.13)}
.cta-panel .eyebrow{color:#0c604e}.cta-panel h2{margin-bottom:0}
.page-hero{padding:110px 0 55px}.bio-grid{display:grid;grid-template-columns:.35fr .65fr;gap:60px}
.profile-card{position:sticky;top:110px;padding:26px;border:1px solid var(--line);border-radius:22px;background:var(--panel)}
.profile-monogram{width:78px;height:78px;border-radius:20px;background:linear-gradient(145deg,rgba(17,183,200,.10),rgba(158,219,46,.06));border:1px solid rgba(158,219,46,.15);display:grid;place-items:center;margin-bottom:30px}
.profile-monogram img{width:66px;height:70px;object-fit:contain}
.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:160px 1fr;gap:40px;padding:30px 0;border-bottom:1px solid var(--line)}
.timeline time{color:var(--cyan);font-weight:850}.timeline article:nth-child(even) time{color:var(--lime)}

.project-list{padding-top:35px}.project-row{display:grid;grid-template-columns:80px 1fr 180px;gap:30px;align-items:center;padding:34px 18px;border-top:1px solid var(--line);transition:background .2s ease,border-color .2s ease}.project-row:hover{background:linear-gradient(90deg,rgba(17,183,200,.05),rgba(158,219,46,.025));border-top-color:rgba(17,183,200,.25)}
.project-row:last-child{border-bottom:1px solid var(--line)}.project-index{font-size:.75rem;color:#63717a;font-weight:850}
.project-row h2{font-size:2rem;margin:10px 0}.project-actions{text-align:right}.muted{color:var(--muted);font-size:.84rem}
.status-live{background:var(--lime)!important;color:#07120f!important}.status-build{background:var(--cyan)!important;color:#06141a!important}
.status-lab{background:var(--teal)!important;color:#041311!important}.status-concept{background:var(--blue)!important;color:#f1f7fb!important}

.launch-card{min-height:340px;display:flex;flex-direction:column}.live-card{background:linear-gradient(160deg,#163328,#11191e)}
.launch-logo{width:62px;height:62px;border-radius:17px;display:grid;place-items:center;background:linear-gradient(135deg,var(--lime),var(--teal));color:#06130f;font-weight:900;margin:48px 0 20px;box-shadow:0 12px 28px rgba(7,159,154,.12)}
.launch-logo.alt{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#f7fbff}.muted-logo{background:linear-gradient(135deg,#1f394d,var(--navy));color:#9eb5c3}.launch-logo.big{width:78px;height:78px;font-size:1.5rem}
.launch-card>a{margin-top:auto;color:var(--lime);font-weight:850}
.launch-note{margin-top:30px;padding:24px;border:1px dashed rgba(255,255,255,.16);border-radius:18px;color:var(--muted)}
code{background:#1a2229;border:1px solid var(--line);padding:2px 6px;border-radius:6px;color:#c9d8df}

.mini-app{padding:75px 0 100px}.back-link{color:var(--muted)}
.mini-app-card{margin:35px auto 0;max-width:840px;padding:55px;border:1px solid var(--line);border-radius:28px;background:var(--panel)}
.prototype-box{margin-top:35px;padding:22px;border-radius:16px;background:#0e1419;border:1px solid var(--line)}
.prototype-box span{color:var(--lime);font-weight:850}

.site-footer{margin-top:70px;border-top:1px solid rgba(17,183,200,.18);background:
  radial-gradient(circle at 10% 0%,rgba(17,183,200,.07),transparent 34%),
  linear-gradient(180deg,#070c10,#060a0d)}
.footer-grid-contact{display:grid;grid-template-columns:1.25fr .9fr 1fr .7fr;gap:42px;align-items:start;padding:48px 0 34px}
.footer-brand-lockup{display:flex;align-items:center;gap:13px}.footer-brand-lockup img{width:58px;height:62px;object-fit:contain}
.footer-brand-lockup div{display:flex;flex-direction:column}.footer-brand-lockup b{font-size:1.18rem;letter-spacing:-.03em}
.footer-brand-lockup b span{background:linear-gradient(90deg,var(--teal),var(--lime));-webkit-background-clip:text;background-clip:text;color:transparent}
.footer-brand-lockup small{margin-top:5px;color:#93a3ac;font-size:.68rem}
.footer-brand>p{max-width:330px;color:var(--muted);font-size:.84rem;margin:18px 0 0}
.footer-column{display:flex;flex-direction:column;gap:9px}.footer-column h3{margin:4px 0 8px;font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;color:var(--lime)}
.footer-column a,.footer-column span{font-size:.84rem;color:#b9c5ca;line-height:1.45}.footer-column a{transition:color .18s ease,transform .18s ease}
.footer-column a:hover{color:var(--cyan);transform:translateX(2px)}
.footer-bottom{display:flex;justify-content:space-between;gap:24px;padding:18px 0 28px;border-top:1px solid rgba(255,255,255,.07);color:#68757d;font-size:.76rem}
.footer-links{display:grid;gap:8px;font-size:.84rem;color:#bac4c9}.footer-meta{color:#68757d;font-size:.8rem}

@media(max-width:900px){
  .hero,.spotlight,.bio-grid{grid-template-columns:1fr}.feature-grid,.education-grid,.launch-grid,.skills-grid{grid-template-columns:1fr}
  .project-row{grid-template-columns:50px 1fr}.project-actions{grid-column:2;text-align:left}.profile-card{position:static}
  .footer-grid-contact{grid-template-columns:1fr 1fr}
}
@media(max-width:680px){
  .shell{width:min(var(--max),calc(100% - 26px))}.nav{height:86px}.brand{gap:10px}.brand-symbol{width:58px;height:62px}.brand-copy b{font-size:1.08rem}.brand-copy small{font-size:.68rem}.nav-toggle{display:block}
  .nav-links{display:none;position:absolute;left:13px;right:13px;top:68px;padding:16px;background:#11171d;border:1px solid var(--line);border-radius:14px;flex-direction:column}
  .nav-links.open{display:flex}h1{font-size:3.4rem}.hero-metrics{grid-template-columns:1fr}.cta-panel{align-items:flex-start;flex-direction:column}
  .timeline article{grid-template-columns:1fr;gap:8px}.footer-grid,.footer-grid-contact{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:5px}
}

::selection{background:rgba(158,219,46,.82);color:#06110d}