:root{--bg:#05060a;--bg-elev:#0b0d14;--surface:#ffffff08;--surface-hover:#ffffff0e;--border:#ffffff14;--border-strong:#ffffff29;--text:#f4f5f8;--text-muted:#9aa0b4;--text-dim:#6b7186;--violet:#8b5cf6;--violet-soft:#a78bfa;--blue:#3b82f6;--cyan:#22d3ee;--grad:linear-gradient(100deg, #a78bfa 0%, #60a5fa 50%, #22d3ee 100%);--font-display:"Space Grotesk", system-ui, sans-serif;--font-body:"Inter", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace;--max:1180px;--gutter:clamp(16px, 4vw, 40px);--radius:20px;--z-bg:0;--z-content:10;--z-nav:50;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.6;overflow-x:hidden}::selection{color:#fff;background:#8b5cf673}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}:focus-visible{outline:2px solid var(--cyan);outline-offset:3px;border-radius:6px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.03em;margin:0;line-height:1.05}p{margin:0}.skip-link{z-index:100;background:var(--text);color:var(--bg);border-radius:8px;padding:10px 16px;position:absolute;top:12px;left:-9999px}.skip-link:focus{left:12px}.container{width:100%;max-width:var(--max);padding:0 var(--gutter);margin:0 auto}section{z-index:var(--z-content);padding:clamp(96px,14vw,160px) 0;position:relative}.eyebrow{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase;color:var(--violet-soft);align-items:center;gap:10px;font-size:12px;display:inline-flex}.eyebrow:before{content:"";background:currentColor;width:24px;height:1px}.section-title{max-width:18ch;margin-top:20px;font-size:clamp(2.25rem,5.5vw,4.25rem);font-weight:600}.grad-text{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.bg-canvas{z-index:var(--z-bg);pointer-events:none;position:fixed;inset:0}.bg-glow{z-index:var(--z-bg);pointer-events:none;background:radial-gradient(60vw 50vh at 85% -10%,#8b5cf638,#0000 70%),radial-gradient(50vw 40vh at -10% 40%,#22d3ee1a,#0000 70%);position:fixed;inset:0}.bg-grain{z-index:var(--z-bg);pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='140' height='140'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:fixed;inset:0}.scroll-progress{background:var(--grad);transform-origin:0;height:2px;z-index:calc(var(--z-nav) + 1);position:fixed;top:0;left:0;right:0}.nav{z-index:var(--z-nav);border:1px solid var(--border);-webkit-backdrop-filter:blur(16px)saturate(140%);background:#0a0c1499;border-radius:999px;justify-content:space-between;align-items:center;gap:12px;width:min(100% - 32px,720px);padding:8px 8px 8px 18px;display:flex;position:fixed;top:16px;left:50%;translate:-50%}.nav-brand{font-family:var(--font-display);letter-spacing:-.01em;white-space:nowrap;align-items:center;gap:10px;font-weight:600;display:flex}.pulse-dot{background:var(--cyan);width:8px;height:8px;box-shadow:0 0 12px var(--cyan);border-radius:50%;position:relative}.nav-links{gap:4px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{min-height:40px;color:var(--text-muted);border-radius:999px;align-items:center;padding:0 14px;font-size:14px;transition:color .2s,background-color .2s;display:inline-flex}.nav-links a:hover{color:var(--text);background:var(--surface-hover)}.nav-cta{background:var(--text);min-height:40px;color:var(--bg);white-space:nowrap;border-radius:999px;align-items:center;padding:0 16px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.nav-cta:hover{opacity:.88}@media (width<=640px){.nav-links{display:none}}.hero{align-items:center;min-height:100svh;padding-top:120px;padding-bottom:80px;display:flex}.hero-grid{grid-template-columns:1.35fr 1fr;align-items:center;gap:clamp(32px,6vw,80px);display:grid}.status-chip{border:1px solid var(--border);background:var(--surface);font-family:var(--font-mono);color:var(--text-muted);border-radius:999px;align-items:center;gap:10px;padding:6px 14px 6px 10px;font-size:12px;display:inline-flex}.hero-title{letter-spacing:-.045em;margin-top:28px;font-size:clamp(2.75rem,7.2vw,6rem);font-weight:700;line-height:.98}.hero-title .word{vertical-align:top;margin-right:.22em;padding-bottom:.08em;display:inline-block;overflow:hidden}.hero-title .word>span{display:inline-block}.hero-intro{max-width:52ch;color:var(--text);max-width:34ch;margin-top:28px;font-size:clamp(1.15rem,1.9vw,1.45rem);line-height:1.45}.hero-subline{font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);margin-top:14px;font-size:13px}.hero-actions{flex-wrap:wrap;gap:12px;margin-top:36px;display:flex}.btn{cursor:pointer;border-radius:999px;align-items:center;gap:10px;min-height:48px;padding:0 22px;font-size:15px;font-weight:500;transition:background-color .2s,border-color .2s,color .2s;display:inline-flex;position:relative}.btn-primary{background:var(--text);color:var(--bg)}.btn-primary:after{content:"";border-radius:inherit;background:var(--grad);filter:blur(18px);opacity:.45;z-index:-1;transition:opacity .3s;position:absolute;inset:-1px}.btn-primary:hover:after{opacity:.8}.btn-ghost{border:1px solid var(--border-strong);color:var(--text)}.btn-ghost:hover{background:var(--surface-hover)}.btn svg{width:16px;height:16px}.portrait-wrap{justify-self:end;width:100%;max-width:420px;position:relative}.portrait-ring{background:conic-gradient(from var(--angle,0deg), #8b5cf6, #22d3ee, #3b82f6, #8b5cf6);-webkit-mask-composite:xor;border-radius:28px;padding:1px;position:absolute;inset:-1px;-webkit-mask-image:linear-gradient(#000 0 0),linear-gradient(#000 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}.portrait{aspect-ratio:4/5;background:var(--bg-elev);border-radius:28px;position:relative;overflow:hidden}.portrait img{object-fit:cover;object-position:50% 20%;filter:grayscale(.55)contrast(1.05)brightness(.9);width:100%;height:100%;transition:filter .6s}.portrait-wrap:hover .portrait img{filter:grayscale(0)contrast()brightness()}.portrait:after{content:"";mix-blend-mode:normal;pointer-events:none;background:linear-gradient(#0000 50%,#05060ad9 100%),linear-gradient(135deg,#8b5cf640,#0000 50%,#22d3ee2e);position:absolute;inset:0}.scan-line{z-index:2;pointer-events:none;background:linear-gradient(#0000,#22d3ee38,#0000);border-bottom:1px solid #22d3ee99;height:80px;position:absolute;left:0;right:0}.portrait-caption{z-index:3;justify-content:space-between;align-items:flex-end;gap:12px;display:flex;position:absolute;bottom:18px;left:18px;right:18px}.portrait-caption strong{font-family:var(--font-display);font-size:1.25rem;font-weight:600;display:block}.portrait-caption span{color:var(--text-muted);font-size:13px}.float-card{z-index:4;border:1px solid var(--border-strong);-webkit-backdrop-filter:blur(12px);white-space:nowrap;background:#0c0e18bf;border-radius:14px;align-items:center;gap:10px;padding:10px 14px;font-size:13px;display:flex;position:absolute;box-shadow:0 20px 40px -20px #000c}.float-card b{font-family:var(--font-display);font-size:1.05rem}.float-card small{color:var(--text-muted);font-size:12px;display:block}.float-card .icon-badge{width:32px;height:32px;color:var(--violet-soft);background:#8b5cf62e;border-radius:9px;place-items:center;display:grid}.float-card .icon-badge svg{width:16px;height:16px}.float-a{top:12%;left:-14%}.float-b{bottom:22%;right:-10%}.scroll-cue{font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;color:var(--text-dim);flex-direction:column;align-items:center;gap:8px;font-size:11px;display:flex;position:absolute;bottom:28px;left:50%;translate:-50%}.scroll-cue i{background:linear-gradient(var(--text-dim), transparent);width:1px;height:40px}@media (width<=900px){.hero-grid{grid-template-columns:1fr}.portrait-wrap{justify-self:start;max-width:360px;margin-top:12px}.float-a{top:8%;left:auto;right:-8px}.float-b{left:-8px;right:auto}.scroll-cue{display:none}}.ecg{width:100%;height:80px;margin-top:40px;overflow:visible}.company-head{grid-template-columns:1fr 1fr;align-items:end;gap:40px;display:grid}.company-head p{color:var(--text-muted);max-width:48ch;font-size:1.1rem}.bento{grid-template-columns:repeat(6,1fr);gap:16px;margin-top:64px;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);background:var(--surface);padding:28px;transition:border-color .3s,background-color .3s;position:relative;overflow:hidden}.card:hover{border-color:var(--border-strong);background:var(--surface-hover)}.card:before{content:"";background:radial-gradient(400px circle at var(--mx,50%) var(--my,0%), #8b5cf624, transparent 60%);opacity:0;pointer-events:none;transition:opacity .3s;position:absolute;inset:0}.card:hover:before{opacity:1}.card h3{letter-spacing:-.02em;font-size:1.3rem;font-weight:600}.card p{color:var(--text-muted);margin-top:10px;font-size:15px}.card-icon{border:1px solid var(--border);width:44px;height:44px;color:var(--violet-soft);background:linear-gradient(135deg,#8b5cf633,#22d3ee14);border-radius:12px;place-items:center;margin-bottom:40px;display:grid}.card-icon svg{width:20px;height:20px}.card-feature{flex-direction:column;grid-area:span 2/span 4;justify-content:space-between;min-height:420px;display:flex}.card-feature h3{max-width:20ch;font-size:clamp(1.6rem,2.6vw,2.2rem)}.card-mission{background:linear-gradient(160deg,#8b5cf629,#3b82f60d 60%,#0000);flex-direction:column;grid-area:span 2/span 2;justify-content:space-between;display:flex}.card-mission blockquote{font-family:var(--font-display);letter-spacing:-.015em;color:var(--text);margin:0;font-size:1.35rem;line-height:1.3}.card-pillar{grid-column:span 2}.mono-label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--text-dim);font-size:12px}@media (width<=900px){.company-head{grid-template-columns:1fr;gap:20px}.bento{grid-template-columns:1fr}.card-feature,.card-mission,.card-pillar{grid-area:auto;min-height:0}.card-mission{gap:40px}}.skills-grid{grid-template-columns:repeat(3,1fr);gap:16px;margin-top:64px;display:grid}.skill-card{flex-direction:column;display:flex}.skill-top{justify-content:space-between;align-items:flex-start;display:flex}.skill-card .card-icon{margin-bottom:32px}.proof{border-top:1px solid var(--border);margin-top:auto;padding-top:28px}.proof-value{font-family:var(--font-display);letter-spacing:-.04em;background:var(--grad);color:#0000;font-variant-numeric:tabular-nums;-webkit-background-clip:text;background-clip:text;font-size:clamp(2.4rem,4vw,3.2rem);font-weight:600;line-height:1}.proof-label{font-family:var(--font-mono);letter-spacing:.06em;text-transform:uppercase;color:var(--text-dim);margin-top:8px;font-size:12px}.card .proof-evidence{margin-top:16px;font-size:14px;line-height:1.6}@media (width<=900px){.skills-grid{grid-template-columns:1fr}}.workflow{margin:28px 0 0;padding:0;list-style:none;position:relative}.workflow:before{content:"";background:var(--border-strong);width:1px;position:absolute;top:12px;bottom:12px;left:9px}.workflow-step{opacity:.45;grid-template-columns:20px 1fr;gap:16px;padding:10px 0;transition:opacity .4s;display:grid;position:relative}.workflow-step.on{opacity:1}.workflow-node{border:1px solid var(--border-strong);background:var(--bg);border-radius:50%;place-items:center;width:19px;height:19px;margin-top:2px;display:grid;position:relative}.workflow-node>span{background:var(--cyan);width:9px;height:9px;box-shadow:0 0 10px var(--cyan);border-radius:50%}.workflow-title{align-items:center;gap:10px;font-weight:500;display:flex}.workflow-detail{color:var(--text-muted);font-size:14px}.flag{font-family:var(--font-mono);color:var(--cyan);background:#22d3ee1f;border-radius:6px;padding:2px 8px;font-size:11px}.roles{gap:18px;margin:0;padding:0;list-style:none;display:grid}.roles li{border-left:2px solid var(--violet);gap:2px;padding-left:14px;display:grid}.roles strong{font-family:var(--font-display);letter-spacing:-.01em;font-size:1.25rem;font-weight:600}.roles span{font-family:var(--font-mono);color:var(--text-muted);font-size:13px}.card .role-summary{margin-top:24px;font-size:15px}.source-note{color:var(--text-muted);flex-wrap:wrap;justify-content:space-between;gap:12px 24px;margin-top:24px;font-size:15px;display:flex}.source-note a{min-height:44px;font-family:var(--font-mono);letter-spacing:.04em;color:var(--text-dim);align-items:center;gap:6px;font-size:12px;transition:color .2s;display:inline-flex}.source-note a:hover{color:var(--text)}.source-note svg{width:13px;height:13px}.metrics-grid{border-top:1px solid var(--border);border-left:1px solid var(--border);grid-template-columns:repeat(3,1fr);margin-top:16px;display:grid}.metric{border-right:1px solid var(--border);border-bottom:1px solid var(--border);padding:36px 28px 32px;position:relative;overflow:hidden}.metric:after{content:"";background:var(--grad);width:100%;height:1px;transform:scaleX(var(--line,0));transform-origin:0;transition:transform 1.2s cubic-bezier(.22,1,.36,1);position:absolute;top:0;left:0}.metric.in:after{--line:1}.metric-value{font-family:var(--font-display);letter-spacing:-.04em;font-variant-numeric:tabular-nums;font-size:clamp(2.6rem,5vw,4rem);font-weight:600;line-height:1}.metric.featured .metric-value{background:var(--grad);color:#0000;-webkit-background-clip:text;background-clip:text}.metric-label{color:var(--text-muted);max-width:26ch;margin-top:14px;font-size:15px}@media (width<=760px){.metrics-grid{grid-template-columns:1fr}}.journey{gap:0;margin-top:64px;display:grid;position:relative}.journey-line{background:var(--border);width:1px;position:absolute;top:8px;bottom:8px;left:7px}.journey-line>div{background:linear-gradient(var(--violet), var(--cyan));transform-origin:top;width:100%;height:100%}.journey-item{grid-template-columns:200px 1fr;gap:24px;padding:0 0 48px 44px;display:grid;position:relative}.journey-item:last-child{padding-bottom:0}.journey-dot{border:1px solid var(--border-strong);background:var(--bg);border-radius:50%;width:15px;height:15px;position:absolute;top:6px;left:0}.journey-dot:after{content:"";background:var(--violet-soft);border-radius:50%;position:absolute;inset:3px}.journey-period{font-family:var(--font-mono);color:var(--text-dim);padding-top:4px;font-size:13px}.journey-item h3{font-size:1.5rem;font-weight:600}.journey-item p{color:var(--text-muted);max-width:60ch;margin-top:8px}@media (width<=700px){.journey-item{grid-template-columns:1fr;gap:6px}}.contact{text-align:center;padding-bottom:64px}.contact .eyebrow{justify-content:center}.contact-title{letter-spacing:-.05em;max-width:14ch;margin:24px auto 0;font-size:clamp(2.6rem,8vw,6.5rem);font-weight:700}.contact-sub{max-width:48ch;color:var(--text-muted);margin:24px auto 0;font-size:1.1rem}.email-link{border:1px solid var(--border-strong);min-height:56px;font-family:var(--font-display);background:var(--surface);cursor:pointer;overflow-wrap:anywhere;border-radius:999px;align-items:center;gap:12px;max-width:100%;margin-top:40px;padding:0 28px;font-size:clamp(1rem,2.4vw,1.35rem);font-weight:500;transition:border-color .2s,background-color .2s;display:inline-flex}.email-link:hover{border-color:var(--violet-soft);background:#8b5cf61a}.email-link svg{flex:none;width:18px;height:18px}.socials{flex-wrap:wrap;justify-content:center;gap:8px;margin-top:24px;padding:0;list-style:none;display:flex}.socials a{min-height:44px;color:var(--text-muted);border-radius:999px;align-items:center;gap:6px;padding:0 16px;font-size:15px;transition:color .2s,background-color .2s;display:inline-flex}.socials a:hover{color:var(--text);background:var(--surface-hover)}.socials svg{width:14px;height:14px}.footer{z-index:var(--z-content);border-top:1px solid var(--border);color:var(--text-dim);padding:28px 0;font-size:13px;position:relative}.footer .container{flex-wrap:wrap;justify-content:space-between;gap:12px;display:flex}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scan-line{display:none}}
