:root{--bg: #08090c;--bg-2: #0e1117;--bg-3: #14181f;--bg-line: #1b212b;--ink: #d6d3cc;--ink-2: #9aa0ab;--ink-3: #5e6470;--ink-4: #3a4049;--green: #6ee787;--green-soft: rgba(110,231,135,.13);--amber: #e8a55d;--amber-soft: rgba(232,165,93,.13);--rose: #e87878;--f-display: "Inter", system-ui, -apple-system, sans-serif;--f-body: "Inter", system-ui, -apple-system, sans-serif;--f-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, monospace;--fs-mega: clamp(2.6rem, 7vw, 5.2rem);--fs-h1: clamp(2.1rem, 5vw, 3.8rem);--fs-h2: clamp(1.55rem, 3.4vw, 2.4rem);--fs-h3: clamp(1.12rem, 1.9vw, 1.4rem);--fs-body: clamp(1rem, 1.12vw, 1.0625rem);--fs-small: clamp(.82rem, .93vw, .9rem);--fs-micro: clamp(.7rem, .78vw, .76rem);--pad-x: clamp(1.1rem, 4vw, 3.2rem);--section-y: clamp(4rem, 9vh, 8rem);--radius: 4px;--ease: cubic-bezier(.22, 1, .36, 1);--ease-quick: cubic-bezier(.4, 0, .2, 1);--nav-h: 64px;--maxw: 1120px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--f-body);background:var(--bg);color:var(--ink);font-size:var(--fs-body);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;background:none;border:none;cursor:pointer}ul{list-style:none}::selection{background:var(--green-soft);color:var(--green)}.bg-fx{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}.bg-fx .grid{position:absolute;inset:-2px;background-image:linear-gradient(rgba(110,231,135,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(110,231,135,.03) 1px,transparent 1px);background-size:46px 46px;mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 40%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 100% 70% at 50% 0%,#000 40%,transparent 85%)}.progress{position:fixed;top:0;left:0;height:2px;width:0;background:linear-gradient(90deg,var(--green),var(--amber));z-index:200}.nav{position:fixed;top:0;left:0;right:0;z-index:150;height:var(--nav-h);display:flex;align-items:center;padding:0 var(--pad-x);background:#08090cb8;backdrop-filter:blur(14px) saturate(140%);-webkit-backdrop-filter:blur(14px) saturate(140%);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}.nav.scrolled{border-bottom-color:var(--bg-line);background:#08090ce6}.nav .wrap{width:100%;max-width:var(--maxw);margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand{display:flex;align-items:center;gap:.55rem;font-family:var(--f-mono);font-size:var(--fs-small);letter-spacing:-.01em;font-weight:500}.brand .pulse{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green);animation:blink 2.4s infinite}@keyframes blink{0%,to{opacity:1}50%{opacity:.35}}.nav-links{display:flex;align-items:center;gap:.3rem}.nav-links a{font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);padding:.5rem .75rem;border-radius:var(--radius);transition:color .2s,background .2s;position:relative}.nav-links a:hover{color:var(--ink);background:#ffffff08}.nav-links a.active{color:var(--green)}.nav-links a.active:before{content:"›";position:absolute;left:-.1rem;color:var(--green)}.nav-tools{display:flex;align-items:center;gap:.5rem}.icon-btn{width:34px;height:34px;display:grid;place-items:center;border-radius:var(--radius);border:1px solid var(--bg-line);color:var(--ink-2);transition:all .2s var(--ease-quick)}.icon-btn:hover{color:var(--green);border-color:var(--green);background:var(--green-soft);transform:translateY(-1px)}.menu-btn{display:none}@media (max-width: 760px){.nav-links{display:none}.menu-btn{display:grid}.nav-links.open{display:flex;flex-direction:column;position:fixed;top:var(--nav-h);left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--bg-line);padding:1rem var(--pad-x);gap:.2rem}}main{padding-top:var(--nav-h)}.container{width:100%;max-width:var(--maxw);margin:0 auto;padding:0 var(--pad-x)}.section{padding-block:var(--section-y);position:relative}.section+.section{border-top:1px solid var(--bg-line)}.eyebrow{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.12em;text-transform:uppercase;color:var(--ink-3)}.eyebrow:before{content:"";width:18px;height:1px;background:var(--green)}.eyebrow .num{color:var(--green)}h1,h2,h3{font-family:var(--f-display);font-weight:600;letter-spacing:-.025em;line-height:1.08;color:#f4f2ec}h1.display{font-size:var(--fs-mega);font-weight:700}h2{font-size:var(--fs-h2)}h3{font-size:var(--fs-h3)}.lead{font-size:clamp(1.08rem,1.7vw,1.32rem);line-height:1.5;color:var(--ink);font-weight:300}em{font-style:italic;color:var(--green)}.mono{font-family:var(--f-mono)}.muted{color:var(--ink-2)}.faint{color:var(--ink-3)}.btn{display:inline-flex;align-items:center;gap:.6em;font-family:var(--f-mono);font-size:var(--fs-small);letter-spacing:.04em;padding:.8rem 1.3rem;border-radius:var(--radius);transition:all .25s var(--ease);position:relative}.btn .arr{transition:transform .25s var(--ease)}.btn:hover .arr{transform:translate(3px)}.btn-primary{background:var(--green);color:#06080a;font-weight:600}.btn-primary:hover{background:#8af09e;box-shadow:0 0 0 1px var(--green),0 12px 30px -10px var(--green-soft);transform:translateY(-2px)}.btn-ghost{color:var(--ink);border:1px solid var(--bg-line);background:#ffffff05}.btn-ghost:hover{border-color:var(--green);color:var(--green);transform:translateY(-2px)}.btn-row{display:flex;flex-wrap:wrap;gap:.7rem}.panel{background:linear-gradient(180deg,var(--bg-2),rgba(14,17,23,.5));border:1px solid var(--bg-line);border-radius:8px;padding:clamp(1.2rem,2vw,1.8rem);position:relative;transition:border-color .3s,transform .3s var(--ease)}.panel:hover{border-color:#6ee7874d}.panel.ticks:before,.panel.ticks:after{content:"";position:absolute;width:9px;height:9px;border:solid var(--green);opacity:.6}.panel.ticks:before{top:-1px;left:-1px;border-width:1px 0 0 1px}.panel.ticks:after{bottom:-1px;right:-1px;border-width:0 1px 1px 0}.tag{font-family:var(--f-mono);font-size:var(--fs-micro);display:inline-block;padding:.2em .65em;border-radius:3px;border:1px solid var(--bg-line);color:var(--ink-3);letter-spacing:.04em}.tag.green{color:var(--green);border-color:#6ee78759;background:var(--green-soft)}.tag.amber{color:var(--amber);border-color:#e8a55d59;background:var(--amber-soft)}.grid{display:grid;gap:clamp(1rem,2vw,1.5rem)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.5rem,5vw,4rem);align-items:start}@media (max-width: 860px){.grid-3,.grid-4{grid-template-columns:repeat(2,1fr)}.split{grid-template-columns:1fr}}@media (max-width: 560px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}}.reveal{opacity:0;transform:translateY(28px);transition:opacity .7s var(--ease),transform .7s var(--ease);animation:failsafe-show .01s 3s forwards}@keyframes failsafe-show{to{opacity:1;transform:none}}.reveal.in{opacity:1;transform:none;animation:none}.reveal[data-d="1"]{transition-delay:.08s}.reveal[data-d="2"]{transition-delay:.16s}.reveal[data-d="3"]{transition-delay:.24s}.reveal[data-d="4"]{transition-delay:.32s}.reveal[data-d="5"]{transition-delay:.4s}.reveal[data-d="6"]{transition-delay:.48s}.stagger>*{opacity:0;transform:translateY(22px);transition:opacity .6s var(--ease),transform .6s var(--ease)}.stagger.in>*{opacity:1;transform:none}.stagger.in>*:nth-child(1){transition-delay:.05s}.stagger.in>*:nth-child(2){transition-delay:.12s}.stagger.in>*:nth-child(3){transition-delay:.19s}.stagger.in>*:nth-child(4){transition-delay:.26s}.stagger.in>*:nth-child(5){transition-delay:.33s}.stagger.in>*:nth-child(6){transition-delay:.4s}.stagger.in>*:nth-child(7){transition-delay:.47s}.stagger.in>*:nth-child(8){transition-delay:.54s}.hero{min-height:calc(100vh - var(--nav-h));display:flex;flex-direction:column;justify-content:center;padding-top:2rem}.hero .terminal{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--green);letter-spacing:.05em;margin-bottom:1.2rem;text-transform:uppercase}.hero h1{max-width:14ch}.hero .role-line{font-family:var(--f-mono);font-size:clamp(.95rem,1.4vw,1.15rem);color:var(--ink-2);margin-top:.6rem}.hero .role-line .pre{color:var(--ink-3)}.hero .cta{margin-top:2.2rem}.hero-meta{display:flex;gap:2rem;flex-wrap:wrap;margin-top:3rem;font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3)}.hero-meta b{color:var(--ink);font-weight:500}.scroll-hint{position:absolute;bottom:2rem;left:50%;transform:translate(-50%);font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-4);display:flex;flex-direction:column;align-items:center;gap:.5rem;animation:bob 2.4s var(--ease) infinite}@keyframes bob{50%{transform:translate(-50%,6px)}}.stat{font-family:var(--f-display);font-weight:700;font-size:clamp(2.2rem,4vw,3.2rem);color:#f4f2ec;line-height:1}.stat .suf{color:var(--green)}.stat-label{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-top:.4rem}.marquee{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent);mask-image:linear-gradient(90deg,transparent,#000 8%,#000 92%,transparent)}.marquee .track{display:flex;gap:3rem;width:max-content;animation:marquee 38s linear infinite}.marquee:hover .track{animation-play-state:paused}.marquee .track span{font-family:var(--f-mono);font-size:var(--fs-small);color:var(--ink-3);white-space:nowrap}.marquee .track span:before{content:"◆ ";color:var(--green);opacity:.5}@keyframes marquee{to{transform:translate(-50%)}}.proj{display:block;padding:clamp(1.3rem,2.4vw,2rem);border:1px solid var(--bg-line);border-radius:8px;background:var(--bg-2);transition:all .35s var(--ease);position:relative}.proj:hover{border-color:#6ee78759;transform:translateY(-3px)}.proj .head{display:flex;justify-content:space-between;align-items:baseline;gap:1rem;margin-bottom:.5rem}.proj .yr{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);white-space:nowrap}.proj .tagline{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--green);letter-spacing:.04em;margin-bottom:.8rem}.proj p{color:var(--ink-2);font-size:var(--fs-small);line-height:1.6;margin-bottom:1rem}.proj .stack{display:flex;flex-wrap:wrap;gap:.4rem}.page-head{padding-top:clamp(3rem,7vh,5rem);padding-bottom:2rem}.case{padding:clamp(2.5rem,6vh,4rem) 0;border-top:1px solid var(--bg-line)}.case .meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1.2rem;margin:1.5rem 0}.case .meta .k{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.case .meta .v{font-size:var(--fs-small);color:var(--ink);margin-top:.2rem}.case h2{max-width:18ch}.case .stack{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1.5rem}.blocks{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;margin-top:1.5rem}@media (max-width: 760px){.blocks{grid-template-columns:1fr}}.filters{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:2rem}.filter-pill{font-family:var(--f-mono);font-size:var(--fs-micro);letter-spacing:.05em;text-transform:uppercase;padding:.45rem .9rem;border:1px solid var(--bg-line);border-radius:100px;color:var(--ink-3);transition:all .2s}.filter-pill:hover{color:var(--ink)}.filter-pill.active{background:var(--green);color:#06080a;border-color:var(--green)}.is-hidden{display:none!important}.svc{padding:clamp(2.4rem,5vh,3.4rem) 0;border-top:1px solid var(--bg-line);display:grid;grid-template-columns:60px 1fr;gap:1.5rem}.svc .n{font-family:var(--f-mono);font-size:var(--fs-small);color:var(--green)}.svc h2{max-width:18ch}.pstep{display:grid;grid-template-columns:auto 1fr;gap:1.5rem;padding:1.5rem 0;border-bottom:1px solid var(--bg-line)}.pstep .pn{font-family:var(--f-mono);color:var(--green);font-size:var(--fs-small)}.pstep h3{font-weight:600;font-size:var(--fs-body);color:var(--ink)}.skill-group h4{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:.08em;text-transform:uppercase;margin-bottom:.7rem}.skill-group ul li{font-size:var(--fs-small);color:var(--ink-2);padding:.25rem 0}.skill-group ul li:before{content:"› ";color:var(--green);font-family:var(--f-mono)}.timeline{position:relative;padding-left:1.6rem}.timeline:before{content:"";position:absolute;left:5px;top:6px;bottom:6px;width:1px;background:var(--bg-line)}.tl-item{position:relative;padding-bottom:2rem}.tl-item:before{content:"";position:absolute;left:-1.6rem;top:7px;width:11px;height:11px;border-radius:50%;background:var(--bg);border:2px solid var(--green)}.tl-item .yr{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--green);letter-spacing:.05em}.tl-item h3{font-weight:600;font-size:var(--fs-body);margin:.2rem 0 .3rem;color:var(--ink)}.tl-item p{font-size:var(--fs-small);color:var(--ink-2)}.kv{display:flex;justify-content:space-between;padding:.5rem 0;border-bottom:1px solid var(--bg-line)}.kv:last-child{border-bottom:none}.kv .k{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase}.kv .v{font-family:var(--f-mono);font-size:var(--fs-small)}.field{margin-bottom:1.1rem}.field label{display:block;font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:.06em;text-transform:uppercase;margin-bottom:.4rem}.field input,.field textarea{width:100%;background:var(--bg);border:1px solid var(--bg-line);border-radius:var(--radius);padding:.8rem 1rem;color:var(--ink);font-family:var(--f-body);font-size:var(--fs-body);transition:border-color .2s}.field input:focus,.field textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 3px var(--green-soft)}.field textarea{resize:vertical;min-height:130px}.contact-link{display:flex;align-items:center;gap:1rem;padding:1rem 0;border-bottom:1px solid var(--bg-line);transition:padding .25s var(--ease)}.contact-link:hover{padding-left:.6rem}.contact-link .lbl{font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-3);width:90px;flex-shrink:0;letter-spacing:.06em;text-transform:uppercase}.contact-link .val{color:var(--ink-2);transition:color .2s;font-size:var(--fs-small)}.contact-link:hover .val{color:var(--green)}.copy-btn{margin-left:auto;font-family:var(--f-mono);font-size:var(--fs-micro);color:var(--ink-4);padding:.3rem .6rem;border:1px solid var(--bg-line);border-radius:3px;transition:all .2s;opacity:0}.contact-link:hover .copy-btn{opacity:1}.copy-btn:hover,.copy-btn.copied{color:var(--green);border-color:var(--green)}.form-status{font-family:var(--f-mono);font-size:var(--fs-small);color:var(--green);margin-top:1rem;min-height:1.4em;opacity:0;transition:opacity .3s}.form-status.show{opacity:1}footer{border-top:1px solid var(--bg-line);padding:2.5rem 0}.foot-wrap{display:flex;justify-content:space-between;align-items:center;gap:1rem;flex-wrap:wrap}.foot-wrap .mono{font-size:var(--fs-micro);color:var(--ink-3);letter-spacing:.04em}.foot-wrap .blink-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--green);margin-right:.4rem;vertical-align:middle;animation:blink 2.4s infinite}.center-screen{min-height:calc(100vh - var(--nav-h));display:grid;place-items:center;text-align:center}.err-code{font-family:var(--f-mono);font-size:clamp(1rem,2vw,1.4rem);color:var(--rose)}.err-big{font-family:var(--f-display);font-weight:700;font-size:clamp(5rem,16vw,12rem);line-height:1;color:#f4f2ec}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.15s!important}html{scroll-behavior:auto}}