:root{color-scheme:dark;--font-display: "Space Grotesk", "HarmonyOS Sans SC", "Noto Sans SC", sans-serif;--font-body: "Satoshi", "Noto Sans SC", "Microsoft YaHei UI", sans-serif;--font-mono: "JetBrains Mono", "Cascadia Code", ui-monospace, SFMono-Regular, monospace;--bg-0: #05090b;--bg-1: #071014;--bg-2: #0b1d21;--surface-0: rgba(9, 24, 29, .72);--surface-1: rgba(17, 41, 47, .82);--surface-2: rgba(229, 255, 244, .08);--text-0: #f0fff8;--text-1: #c6e0d7;--text-2: #7fa29a;--line: rgba(168, 255, 222, .2);--line-strong: rgba(127, 255, 216, .42);--accent: #42ffd2;--accent-2: #f4d35e;--accent-3: #ff7a59;--success: #9eff8f;--shadow: 0 24px 80px rgba(0, 0, 0, .42);--glow: 0 0 32px rgba(66, 255, 210, .26);--container: min(1160px, calc(100vw - 40px) );--radius-lg: 32px;--radius-md: 22px;--radius-sm: 14px;--ease-out: cubic-bezier(.22, 1, .36, 1);--duration-slow: .9s;--duration: .42s}*{box-sizing:border-box}html{background:var(--bg-0);color:var(--text-0);font-family:var(--font-body);overflow-x:clip;scroll-behavior:smooth}body{min-width:320px;margin:0;overflow-x:hidden;background:radial-gradient(circle at 12% 5%,rgba(66,255,210,.22),transparent 32rem),radial-gradient(circle at 82% 12%,rgba(244,211,94,.13),transparent 30rem),radial-gradient(circle at 70% 78%,rgba(255,122,89,.1),transparent 34rem),linear-gradient(135deg,var(--bg-0),var(--bg-1) 48%,#03100f 100%);color:var(--text-0)}body:before{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-3;content:"";background-image:linear-gradient(rgba(168,255,222,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(168,255,222,.08) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 82%);mask-image:linear-gradient(to bottom,rgba(0,0,0,.88),transparent 82%)}body:after{position:fixed;inset:auto 0 0;z-index:-2;height:40vh;content:"";background:linear-gradient(to top,rgba(5,9,11,.94),transparent);pointer-events:none}button,a{font:inherit}a{color:inherit;text-decoration:none}ul,ol{padding:0;margin:0}li{list-style:none}.skip-link{position:fixed;top:12px;left:12px;z-index:100;padding:10px 14px;color:var(--bg-0);background:var(--accent);border-radius:999px;transform:translateY(-160%)}.skip-link:focus{transform:translateY(0)}.site-shell{position:relative;min-height:100vh;overflow-x:clip}.site-header{position:sticky;top:16px;z-index:20;display:flex;align-items:center;justify-content:space-between;width:var(--container);padding:12px;margin:16px auto 0;background:#071014bd;border:1px solid var(--line);border-radius:999px;box-shadow:var(--shadow);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.brand-lockup{display:inline-flex;gap:12px;align-items:center;min-width:190px}.brand-lockup strong,.brand-lockup small{display:block}.brand-lockup strong{font-family:var(--font-display);font-size:.98rem;letter-spacing:.08em}.brand-lockup small{margin-top:2px;font-family:var(--font-mono);font-size:.68rem;color:var(--text-2);text-transform:uppercase}.brand-mark{display:grid;width:42px;height:42px;place-items:center;font-family:var(--font-display);font-size:.86rem;font-weight:800;color:var(--bg-0);letter-spacing:-.04em;background:conic-gradient(from 120deg,var(--accent),var(--accent-2),var(--success),var(--accent));border-radius:50%;box-shadow:var(--glow)}.nav-links{display:flex;gap:6px;align-items:center;justify-content:center}.nav-links a{padding:10px 13px;font-size:.88rem;color:var(--text-1);border-radius:999px;transition:color var(--duration),background var(--duration),transform var(--duration)}.nav-links a:hover,.nav-links a:focus-visible{color:var(--text-0);background:var(--surface-2);transform:translateY(-1px)}.header-cta,.primary-action,.ghost-action{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;font-weight:700;border-radius:999px;transition:transform var(--duration),box-shadow var(--duration),border-color var(--duration),background var(--duration)}.header-cta,.primary-action{color:#03100f;background:linear-gradient(135deg,var(--accent),var(--success));box-shadow:var(--glow)}.ghost-action{color:var(--text-0);background:#e5fff40f;border:1px solid var(--line)}.header-cta:hover,.primary-action:hover,.ghost-action:hover,.header-cta:focus-visible,.primary-action:focus-visible,.ghost-action:focus-visible{transform:translateY(-2px)}.section-pad{width:var(--container);padding:106px 0;margin:0 auto}.hero-section{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:clamp(38px,6vw,84px);align-items:center;min-height:calc(100vh - 94px);padding-top:72px}.hero-copy{animation:slideUp var(--duration-slow) var(--ease-out) both}.hero-kicker,.section-heading p,.timeline-meta span,.project-card-topline span,.contact-link span{font-family:var(--font-mono);font-size:.77rem;color:var(--accent);letter-spacing:.16em;text-transform:uppercase}.hero-copy h1{max-width:620px;margin:18px 0 22px;font-family:var(--font-display);font-size:clamp(3.6rem,8vw,7rem);line-height:.92;letter-spacing:-.06em}.hero-summary{max-width:520px;margin:0;font-size:clamp(1.04rem,2vw,1.28rem);line-height:1.85;color:var(--text-1)}.hero-insights{display:flex;flex-wrap:wrap;gap:12px;max-width:660px;margin-top:28px}.hero-insight{position:relative;z-index:5;max-width:100%}.insight-trigger{display:grid;gap:5px;min-height:64px;padding:12px 16px;color:var(--text-0);text-align:left;cursor:help;background:linear-gradient(135deg,#42ffd21c,#f4d35e0a),#e5fff40d;border:1px solid var(--line);border-radius:var(--radius-sm);box-shadow:0 0 #42ffd200;transition:transform var(--duration),border-color var(--duration),box-shadow var(--duration),background var(--duration)}.insight-trigger span{font-family:var(--font-mono);font-size:.68rem;color:var(--accent);letter-spacing:.12em;text-transform:uppercase}.insight-trigger strong{font-family:var(--font-display);font-size:.98rem;letter-spacing:-.02em}.insight-tooltip{position:absolute;box-sizing:border-box;bottom:calc(100% + 14px);left:0;z-index:30;display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;width:min(360px,86vw);padding:16px;color:var(--text-1);pointer-events:none;background:linear-gradient(145deg,#040b0df0,#0e2b2feb),radial-gradient(circle at top left,rgba(66,255,210,.18),transparent 12rem);border:1px solid var(--line-strong);border-radius:var(--radius-md);box-shadow:var(--shadow),var(--glow);opacity:0;transform:translateY(-12px) scale(.96);transition:opacity var(--duration),transform var(--duration);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero-insight:nth-child(n+2) .insight-tooltip{right:0;left:auto}.insight-tooltip:before{position:absolute;bottom:-7px;left:22px;width:12px;height:12px;content:"";background:#040b0df0;border-right:1px solid var(--line-strong);border-bottom:1px solid var(--line-strong);transform:rotate(45deg)}.hero-insight:nth-child(n+2) .insight-tooltip:before{right:22px;left:auto}.insight-tooltip span{display:grid;width:34px;height:34px;place-items:center;font-family:var(--font-mono);font-size:.72rem;color:var(--bg-0);background:var(--accent);border-radius:50%}.insight-tooltip strong{display:block;margin-bottom:6px;font-family:var(--font-display);font-size:1rem;color:var(--text-0);letter-spacing:-.02em}.insight-tooltip p{margin:0;font-size:.92rem;line-height:1.7}.hero-insight:hover .insight-trigger,.hero-insight:focus-within .insight-trigger{background:linear-gradient(135deg,#42ffd22e,#f4d35e1a),#e5fff414;border-color:var(--line-strong);box-shadow:var(--glow);transform:translateY(-2px)}.hero-insight:hover .insight-tooltip,.hero-insight:focus-within .insight-tooltip{opacity:1;transform:translateY(0) scale(1)}.hero-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:28px}.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:620px;margin:42px 0 0}.hero-metrics div{padding:18px;background:linear-gradient(180deg,#ffffff14,#ffffff08);border:1px solid var(--line);border-radius:var(--radius-sm)}.hero-metrics dt{font-family:var(--font-mono);font-size:.68rem;color:var(--text-2);text-transform:uppercase}.hero-metrics dd{margin:8px 0 0;font-family:var(--font-display);font-size:2.1rem;font-weight:800;color:var(--text-0)}.hero-visual-wrap{position:relative;display:grid;min-height:620px;place-items:center;animation:fadeScale 1s var(--ease-out) .16s both}.tech-orbit{position:relative;width:min(100%,560px);aspect-ratio:1;border:1px solid var(--line);border-radius:50%;background:radial-gradient(circle,rgba(66,255,210,.18),transparent 24%),radial-gradient(circle at center,transparent 44%,rgba(66,255,210,.14) 44.4%,transparent 44.8%),radial-gradient(circle at center,transparent 63%,rgba(244,211,94,.12) 63.4%,transparent 63.8%);box-shadow:inset 0 0 80px #42ffd214,var(--shadow);animation:orbitBreath 7s ease-in-out infinite}.tech-orbit:before,.tech-orbit:after{position:absolute;top:11%;right:11%;bottom:11%;left:11%;content:"";border:1px dashed rgba(244,211,94,.3);border-radius:50%;animation:spin 18s linear infinite}.tech-orbit:after{top:24%;right:24%;bottom:24%;left:24%;border-color:#42ffd257;animation-duration:13s;animation-direction:reverse}.orbit-core{position:absolute;top:50%;right:50%;bottom:50%;left:50%;display:grid;width:170px;height:170px;place-items:center;text-align:center;background:linear-gradient(145deg,#061619f0,#0a2d30e0);border:1px solid var(--line-strong);border-radius:50%;box-shadow:var(--glow);transform:translate(-50%,-50%)}.orbit-core span{align-self:end;font-family:var(--font-mono);color:var(--accent)}.orbit-core strong{align-self:start;font-family:var(--font-display);font-size:2.5rem}.orbit-node{position:absolute;display:grid;width:86px;height:86px;place-items:center;font-family:var(--font-mono);font-size:.78rem;color:var(--text-0);background:#071014c7;border:1px solid var(--line-strong);border-radius:50%;box-shadow:var(--shadow)}.orbit-node-1{top:5%;left:42%}.orbit-node-2{top:22%;right:4%}.orbit-node-3{right:13%;bottom:13%}.orbit-node-4{bottom:5%;left:38%}.orbit-node-5{bottom:18%;left:6%}.orbit-node-6{top:18%;left:8%}.code-stream{position:absolute;right:-4%;bottom:10%;left:10%;display:grid;gap:8px;padding:18px;overflow:hidden;font-family:var(--font-mono);font-size:.72rem;color:#c6e0d7c7;background:#040b0dc7;border:1px solid var(--line);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.code-stream span{white-space:nowrap;animation:marquee 12s linear infinite}.signal-card{position:absolute;z-index:2;width:174px;padding:18px;background:#09181dd1;border:1px solid var(--line);border-radius:var(--radius-md);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.signal-card span{display:block;margin-bottom:8px;font-family:var(--font-mono);font-size:.66rem;color:var(--text-2);text-transform:uppercase}.signal-card strong{font-family:var(--font-display);font-size:1.24rem}.signal-card-left{top:13%;left:0}.signal-card-right{right:0;bottom:18%}.section-heading{max-width:820px;margin-bottom:44px}.section-heading h2{margin:10px 0 14px;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.4rem);line-height:1;letter-spacing:-.06em}.section-heading span{display:block;font-size:1.04rem;line-height:1.8;color:var(--text-1)}.skill-grid,.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.skill-card,.project-card,.timeline-card,.contact-panel{position:relative;overflow:hidden;background:linear-gradient(145deg,#0c2227e0,#071014b3);border:1px solid var(--line);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.skill-card:before,.project-card:before,.timeline-card:before,.contact-panel:before{position:absolute;top:0;right:0;bottom:0;left:0;content:"";background:radial-gradient(circle at 20% 0%,rgba(66,255,210,.16),transparent 30rem);pointer-events:none}.skill-card{min-height:342px;padding:28px;border-radius:var(--radius-lg)}.reveal-card{animation:slideUp var(--duration-slow) var(--ease-out) both}.skill-card-index{width:max-content;padding:7px 10px;margin-bottom:60px;font-family:var(--font-mono);font-size:.76rem;color:var(--accent);border:1px solid var(--line);border-radius:999px}.skill-card h3,.timeline-card h3,.project-card h3,.loop-step h3{position:relative;margin:0;font-family:var(--font-display);letter-spacing:-.04em}.skill-card h3{font-size:1.65rem}.skill-card p,.timeline-card p,.project-card p,.loop-step p{position:relative;color:var(--text-1);line-height:1.75}.skill-card ul,.stack-list{position:relative;display:flex;flex-wrap:wrap;gap:8px;margin-top:22px}.skill-card li,.stack-list span{padding:7px 10px;font-size:.82rem;color:var(--text-1);background:#e5fff412;border:1px solid rgba(168,255,222,.14);border-radius:999px}.timeline{position:relative;display:grid;gap:24px}.timeline:before{position:absolute;top:20px;bottom:20px;left:33px;width:1px;content:"";background:linear-gradient(to bottom,transparent,var(--accent),var(--accent-2),transparent)}.timeline-item{position:relative;display:grid;grid-template-columns:68px minmax(0,1fr);gap:20px;align-items:start}.timeline-pin{z-index:1;display:grid;width:68px;height:68px;place-items:center;font-family:var(--font-display);font-weight:800;color:var(--bg-0);background:linear-gradient(135deg,var(--accent),var(--accent-2));border-radius:50%;box-shadow:var(--glow)}.timeline-card{padding:30px;border-radius:var(--radius-lg)}.timeline-meta,.project-card-topline{position:relative;display:flex;flex-wrap:wrap;gap:12px;align-items:center;justify-content:space-between;margin-bottom:12px}.timeline-meta strong,.project-card-topline strong{color:var(--text-1)}.timeline-card h3{font-size:clamp(1.5rem,3vw,2.4rem)}.timeline-card ul,.outcome-list,.proof-list{position:relative;display:grid;gap:10px;margin-top:20px}.timeline-card li,.outcome-list li,.proof-list li{position:relative;padding-left:24px;color:var(--text-1);line-height:1.7}.timeline-card li:before,.outcome-list li:before,.proof-list li:before{position:absolute;top:.72em;left:0;width:9px;height:9px;content:"";background:var(--accent);border-radius:50%;box-shadow:0 0 16px #42ffd2a8}.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-card{min-height:390px;padding:30px;border-radius:var(--radius-lg)}.project-card h3{display:flex;gap:14px;align-items:baseline;font-size:clamp(1.45rem,3vw,2.3rem)}.project-card h3 span{font-family:var(--font-mono);font-size:.86rem;color:var(--accent-2)}.loop-board{display:grid;grid-template-columns:minmax(320px,.88fr) minmax(0,1.12fr);gap:32px;align-items:center}.loop-diagram{position:relative;aspect-ratio:1;min-height:440px;background:radial-gradient(circle,rgba(66,255,210,.18),transparent 35%),#09181d8a;border:1px solid var(--line);border-radius:50%;box-shadow:var(--shadow)}.loop-diagram:before{position:absolute;top:15%;right:15%;bottom:15%;left:15%;content:"";border:1px dashed var(--line-strong);border-radius:50%;animation:spin 16s linear infinite}.loop-center,.loop-node{position:absolute;display:grid;place-items:center;border-radius:50%}.loop-center{top:50%;right:50%;bottom:50%;left:50%;width:116px;height:116px;font-family:var(--font-display);font-size:1.7rem;font-weight:800;color:var(--bg-0);background:var(--accent);transform:translate(-50%,-50%)}.loop-node{width:112px;height:112px;font-family:var(--font-mono);color:var(--text-0);background:#071014db;border:1px solid var(--line-strong);box-shadow:var(--glow)}.loop-node-1{top:5%;left:50%;transform:translate(-50%)}.loop-node-2{top:31%;right:4%}.loop-node-3{right:16%;bottom:6%}.loop-node-4{bottom:6%;left:16%}.loop-node-5{top:31%;left:4%}.loop-copy{display:grid;gap:14px}.loop-step{display:grid;grid-template-columns:52px minmax(0,1fr);gap:18px;padding:20px;background:#09181d9e;border:1px solid var(--line);border-radius:var(--radius-md)}.loop-step>span{display:grid;width:52px;height:52px;place-items:center;font-family:var(--font-mono);color:var(--accent);border:1px solid var(--line);border-radius:50%}.loop-step p{margin:8px 0 0}.contact-panel{padding:clamp(28px,5vw,58px);border-radius:var(--radius-lg)}.contact-panel .section-heading{position:relative;margin-bottom:28px}.contact-grid{position:relative;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.contact-link{display:grid;gap:12px;min-height:126px;padding:22px;background:#e5fff40f;border:1px solid var(--line);border-radius:var(--radius-md)}.contact-link strong{overflow-wrap:anywhere;font-family:var(--font-display);font-size:1.2rem}.contact-link:not(.contact-link-static):hover,.contact-link:not(.contact-link-static):focus-visible{border-color:var(--line-strong);box-shadow:var(--glow);transform:translateY(-2px)}.proof-list{position:relative;grid-template-columns:repeat(2,minmax(0,1fr));margin-top:28px}.site-footer{display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;width:var(--container);padding:28px 0 46px;margin:0 auto;color:var(--text-2);border-top:1px solid var(--line)}.site-footer a{color:var(--accent)}.particle-field{position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;overflow:hidden;pointer-events:none}.particle{position:absolute;width:4px;height:4px;background:var(--accent);border-radius:50%;box-shadow:0 0 20px #42ffd2e6;opacity:.5;animation:floatParticle 9s ease-in-out infinite}.particle-1{top:10%;left:7%;animation-delay:-1s}.particle-2{top:20%;left:21%;animation-delay:-3s}.particle-3{top:14%;left:72%;animation-delay:-5s}.particle-4{top:38%;left:12%;animation-delay:-2s}.particle-5{top:44%;left:86%;animation-delay:-6s}.particle-6{top:72%;left:6%;animation-delay:-4s}.particle-7{top:82%;left:23%;animation-delay:-7s}.particle-8{top:68%;left:64%;animation-delay:-1s}.particle-9{top:84%;left:91%;animation-delay:-3s}.particle-10{top:52%;left:48%;animation-delay:-5s}.particle-11{top:8%;left:43%;animation-delay:-8s}.particle-12{top:28%;left:56%;animation-delay:-2s}.particle-13{top:62%;left:34%;animation-delay:-4s}.particle-14{top:18%;left:94%;animation-delay:-6s}.particle-15{top:91%;left:41%;animation-delay:-5s}.particle-16{top:77%;left:79%;animation-delay:-7s}.particle-17{top:34%;left:32%;animation-delay:-3s}.particle-18{top:58%;left:5%;animation-delay:-2s}.particle-19{top:7%;left:61%;animation-delay:-1s}.particle-20{top:47%;left:69%;animation-delay:-4s}.particle-21{top:88%;left:13%;animation-delay:-6s}.particle-22{top:66%;left:96%;animation-delay:-8s}.particle-23{top:27%;left:4%;animation-delay:-2s}.particle-24{top:96%;left:58%;animation-delay:-7s}@keyframes slideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeScale{0%{opacity:0;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes orbitBreath{0%,to{transform:translateY(0) scale(1)}50%{transform:translateY(-12px) scale(1.015)}}@keyframes marquee{0%{transform:translate(12%)}to{transform:translate(-22%)}}@keyframes floatParticle{0%,to{transform:translateZ(0);opacity:.22}50%{transform:translate3d(22px,-34px,0);opacity:.78}}@media (max-width: 1040px){.site-header{align-items:stretch;border-radius:28px}.brand-lockup{min-width:unset}.nav-links{display:none}.hero-section,.loop-board{grid-template-columns:1fr}.hero-visual-wrap{min-height:520px}.skill-grid,.project-grid,.contact-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 720px){:root{--container: min(100vw - 28px, 640px)}body:before{background-size:42px 42px}.site-header{top:10px;padding:10px}.brand-lockup small,.header-cta{display:none}.brand-mark{width:38px;height:38px}.section-pad{padding:72px 0}.hero-section{min-height:auto;padding-top:52px}.hero-copy h1{font-size:clamp(3rem,15vw,4.8rem)}.hero-insights{display:grid;grid-template-columns:1fr;max-width:none}.insight-trigger{width:100%}.hero-insight:nth-child(n) .insight-tooltip{top:calc(100% + 12px);bottom:auto;right:0;left:0;width:100%;max-width:100%}.hero-insight:nth-child(n) .insight-tooltip:before{top:-7px;bottom:auto;border:0;border-top:1px solid var(--line-strong);border-left:1px solid var(--line-strong)}.hero-metrics,.skill-grid,.project-grid,.contact-grid,.proof-list{grid-template-columns:1fr}.hero-visual-wrap{min-height:390px}.tech-orbit{width:min(100%,360px)}.orbit-core{width:122px;height:122px}.orbit-core strong{font-size:1.8rem}.orbit-node{width:62px;height:62px;font-size:.64rem}.code-stream,.signal-card{display:none}.skill-card,.project-card,.timeline-card,.contact-panel{border-radius:24px}.skill-card{min-height:auto}.timeline:before{left:24px}.timeline-item{grid-template-columns:48px minmax(0,1fr);gap:14px}.timeline-pin{width:48px;height:48px}.timeline-card,.project-card{padding:22px}.timeline-meta,.project-card-topline{align-items:flex-start;flex-direction:column}.loop-diagram{min-height:auto}.loop-node{width:78px;height:78px;font-size:.68rem}.loop-center{width:88px;height:88px;font-size:1.25rem}.loop-step{grid-template-columns:42px minmax(0,1fr);padding:16px}.loop-step>span{width:42px;height:42px}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}}