:root{--ink: #111111;--ink-2: #2b2b2b;--muted: #6b6b6b;--faint: #a3a3a3;--line: #e7e7e7;--paper: #ffffff;--paper-2: #f5f5f4;--cloud: #b9b9b9;--green: #22c55e;--surface: #ffffff;--radius: 22px;--gutter: max(clamp(18px, 4vw, 56px), calc((100vw - 1480px)/2) );--nav-h: 88px;--font: "Manrope", system-ui, -apple-system, "Segoe UI", sans-serif;--mono: "JetBrains Mono", ui-monospace, "Cascadia Code", monospace;--ease: cubic-bezier(.2, .7, .2, 1)}:root{--accent-dark: #111111}:root[data-theme=dark]{--ink: #f2f1ee;--ink-2: #d6d4cf;--muted: #9c9a94;--faint: #6f6d68;--line: #2a2a2a;--paper: #0a0a0a;--paper-2: #151514;--cloud: #4a4a4a;--surface: #151514}*,*:before,*:after{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;font-family:var(--font);color:var(--ink);background:var(--paper);-webkit-font-smoothing:antialiased;overflow-x:hidden;transition:background .25s var(--ease),color .25s var(--ease)}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}ul,ol{margin:0;padding:0;list-style:none}button{font:inherit;cursor:pointer}.mono{font-family:var(--mono)}.muted{color:var(--muted)}:focus-visible{outline:2px solid var(--ink);outline-offset:3px;border-radius:8px}.backdrop{min-height:100vh;background:var(--paper)}.sheet{position:relative;overflow:clip;background:var(--paper)}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:999px;font-size:14px;font-weight:600;border:1px solid transparent;transition:transform .25s var(--ease),box-shadow .25s var(--ease),background .25s;white-space:nowrap}.btn svg{transition:transform .25s var(--ease)}.btn:hover svg{transform:translate(2px,-2px)}.btn-dark{background:var(--accent-dark);color:#fff;box-shadow:0 6px 16px -6px #00000080,inset 0 1px #ffffff26}.btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #00000080}.btn-light{background:#fff;color:var(--accent-dark)}.btn-light:hover{transform:translateY(-2px)}.btn-ghost{background:transparent;color:#fff;border-color:#ffffff40}.btn-ghost:hover{background:#ffffff14}.btn-lg{padding:15px 22px;font-size:15px}.pill{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:14px;font-weight:600;transition:transform .25s var(--ease),border-color .25s,box-shadow .25s}.pill:hover{transform:translate(-4px);border-color:var(--ink);box-shadow:0 8px 20px -10px #0000004d}.status-pill{display:inline-flex;align-items:center;gap:9px;padding:8px 14px;border-radius:999px;background:var(--surface);font-size:14px;font-weight:600;box-shadow:0 10px 30px -12px #00000040,0 0 0 1px var(--line)}.status-pill--dark{background:#ffffff0f;color:#fff;box-shadow:0 0 0 1px #ffffff26}.uptime{font-size:11.5px;font-weight:500;color:var(--faint);padding-left:9px;border-left:1px solid var(--line);white-space:nowrap;letter-spacing:-.01em}.status-pill--dark .uptime{color:#fff9;border-left-color:#ffffff2e}.status-dot{width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 #22c55e99;animation:pulse 2s infinite;flex:none}@keyframes pulse{0%{box-shadow:0 0 #22c55e8c}70%{box-shadow:0 0 0 8px #22c55e00}to{box-shadow:0 0 #22c55e00}}.tags{display:flex;flex-wrap:wrap;gap:6px}.tag{font-size:12px;font-weight:600;padding:5px 10px;border-radius:999px;background:var(--paper-2);color:var(--ink-2);border:1px solid var(--line)}.tag-lg{font-size:13.5px;padding:7px 13px;background:var(--surface)}.nav{position:sticky;top:0;z-index:50;min-height:var(--nav-h);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px var(--gutter);transition:background .3s,box-shadow .3s,padding .3s}.nav--scrolled{background:#ffffffd1;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);box-shadow:0 1px 0 var(--line);padding-top:14px;padding-bottom:14px}:root[data-theme=dark] .nav--scrolled{background:#0a0a0ac7}.nav-links{display:flex;gap:clamp(20px,4.5vw,64px)}.nav-links a{font-size:15px;font-weight:600;position:relative;display:inline-flex;align-items:baseline;gap:6px}.nav-links a:after{content:"";position:absolute;left:0;bottom:-4px;width:100%;height:1.5px;background:var(--ink);transform:scaleX(0);transform-origin:right;transition:transform .3s var(--ease)}.nav-links a:hover:after{transform:scaleX(1);transform-origin:left}.nav-count{font-family:var(--mono);font-size:11px;color:var(--faint);font-weight:400}.menu-btn{display:none;background:var(--accent-dark);color:#fff;border:0;width:42px;height:42px;border-radius:50%;align-items:center;justify-content:center}.hero{container-type:inline-size;padding:clamp(8px,3svh,40px) var(--gutter) 0;position:relative;display:flex;flex-direction:column;min-height:min(calc(100svh - var(--nav-h)),1100px)}.hero-name{font-size:min(10.2cqi,19svh);font-weight:800;line-height:.9;letter-spacing:.02em;text-transform:uppercase;text-align:center;white-space:nowrap;position:relative;z-index:1;animation:rise 1s var(--ease) both}.hero-name-outline{color:var(--surface);-webkit-text-stroke:max(3px,.44cqi) var(--ink);paint-order:stroke fill}.hero-name-solid{color:var(--ink-2);text-shadow:0 2px 0 #000,0 10px 24px rgba(0,0,0,.18)}.hero-stage{position:relative;flex:1;min-height:340px;margin-top:min(-2cqi,-2svh)}.hero-portrait{position:absolute;z-index:2;left:50%;bottom:0;transform:translate(-50%);height:calc(100% + 2svh);display:flex;align-items:flex-end;justify-content:center;animation:portraitIn 1.1s .15s var(--ease) both}.portrait-img{height:100%;width:auto;max-width:none;object-fit:contain;object-position:bottom;filter:contrast(1.04) saturate(1.05);-webkit-mask-image:linear-gradient(to bottom,#000 72%,transparent),linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);-webkit-mask-composite:source-in;mask-image:linear-gradient(to bottom,#000 72%,transparent),linear-gradient(to right,transparent,#000 14%,#000 86%,transparent);mask-composite:intersect}.portrait-placeholder{position:relative;width:clamp(220px,min(30cqi,44svh),440px);height:92%;border-radius:999px 999px 0 0;color:var(--accent-dark);background:radial-gradient(60% 40% at 50% 25%,#f2f2f2,transparent 70%),linear-gradient(180deg,#e4e4e4,#c9c9c9);overflow:hidden;display:flex;align-items:center;justify-content:center;-webkit-mask-image:linear-gradient(to bottom,#000 80%,transparent);mask-image:linear-gradient(to bottom,#000 80%,transparent)}.pp-initials{font-size:clamp(80px,min(13cqi,18svh),180px);font-weight:800;color:#dcdcdc;-webkit-text-stroke:4px rgba(17,17,17,.75);paint-order:stroke fill;letter-spacing:-.02em;margin-top:-18%}.pp-scan{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--green),transparent);box-shadow:0 0 18px 4px #22c55e59;animation:scan 3.2s ease-in-out infinite}@keyframes scan{0%,to{top:12%}50%{top:78%}}.pp-tags{position:absolute;bottom:22%;left:50%;transform:translate(-50%);display:flex;flex-direction:column;gap:6px;align-items:center}.pp-tag{font-family:var(--mono);font-size:11px;padding:4px 10px;border-radius:999px;background:#ffffffd9;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pp-tag i{width:7px;height:7px;border-radius:50%;background:var(--green)}.hero-intro{position:absolute;z-index:3;left:clamp(0px,2cqi,24px);bottom:clamp(32px,9svh,120px);max-width:clamp(250px,24cqi,340px);animation:rise 1s .4s var(--ease) both}.hero-intro h2{font-size:clamp(22px,2.4cqi,34px);font-weight:700;letter-spacing:-.01em;margin-bottom:10px}.hero-intro p{color:var(--muted);font-size:14.5px;line-height:1.55;margin-bottom:20px}.hero-socials{position:absolute;z-index:3;right:clamp(0px,2cqi,24px);bottom:clamp(20px,5svh,56px);display:flex;flex-direction:column;align-items:flex-end;gap:clamp(8px,1.6svh,14px)}.hero-socials li{animation:slideIn .7s var(--ease) both}@keyframes rise{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:none}}@keyframes portraitIn{0%{opacity:0;transform:translate(-50%,40px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideIn{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:none}}.marquee{background:var(--accent-dark);color:#fff;overflow:hidden;padding:18px 0;position:relative;z-index:4;-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;width:max-content;animation:marquee 40s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-item{display:inline-flex;align-items:center;gap:28px;padding-right:28px;font-size:clamp(18px,2.2vw,26px);font-weight:700;letter-spacing:-.01em;white-space:nowrap}.marquee-sep{color:#555;font-size:.7em}@keyframes marquee{to{transform:translate(-50%)}}.section{padding:clamp(64px,9vw,120px) var(--gutter);border-top:1px solid var(--line)}.section:first-of-type,.marquee+.section{border-top:0}.section-head{display:grid;gap:16px;margin-bottom:clamp(36px,5vw,64px);max-width:860px}.section-label{display:inline-flex;align-items:center;gap:10px;font-size:13px;font-weight:600;text-transform:uppercase;letter-spacing:.14em;color:var(--muted)}.section-label .mono{color:var(--ink);background:var(--paper-2);padding:3px 8px;border-radius:6px;letter-spacing:0}.section-title{font-size:clamp(30px,4.6vw,58px);font-weight:800;line-height:1.04;letter-spacing:-.03em;text-wrap:balance}.section-title em,.about-lead em{font-style:normal;color:var(--surface);-webkit-text-stroke:3px var(--ink);paint-order:stroke fill}.section-aside{color:var(--muted);font-size:17px;line-height:1.6;max-width:560px}.reveal{opacity:0;transform:translateY(26px);transition:opacity .8s var(--ease),transform .8s var(--ease)}.reveal.is-visible{opacity:1;transform:none}.about-grid{display:grid;grid-template-columns:200px 1fr;gap:32px;align-items:start}.about-lead{font-size:clamp(22px,2.7vw,34px);font-weight:700;line-height:1.3;letter-spacing:-.02em}.about-lead .muted{font-weight:600}.about-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:28px;color:var(--muted);font-size:14px;font-weight:600}.about-meta span{display:inline-flex;align-items:center;gap:6px}.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:clamp(48px,6vw,80px);border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.stat{padding:28px 24px;display:grid;gap:10px;align-content:start}.stat+.stat{border-left:1px solid var(--line)}.stat-value{font-size:clamp(44px,5.5vw,72px);font-weight:800;letter-spacing:-.04em;line-height:1}.stat-label{color:var(--muted);font-size:14px;line-height:1.45;font-weight:500}.services{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.service-card{padding:30px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line);display:grid;gap:14px;align-content:start;transition:background .35s,color .35s,opacity .8s var(--ease),transform .35s var(--ease)!important}.service-card.is-visible:hover{background:var(--accent-dark);color:#fff;transform:translateY(-4px)}.service-card:hover p{color:#bdbdbd}.service-card:hover .tag{background:#222;color:#ddd;border-color:#333}.service-card:hover .service-icon{background:#fff;color:var(--accent-dark)}.service-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:var(--accent-dark);color:#fff;transition:background .35s,color .35s}.service-num{color:var(--faint);font-size:13px}.service-card:hover .service-num{color:#8a8a8a}.service-card h3{font-size:24px;font-weight:700;letter-spacing:-.02em}.service-card p{color:var(--muted);line-height:1.6;font-size:15px;transition:color .35s}.service-card.is-wide{grid-column:1 / -1}.service-card .service-projects{font-size:14px;color:var(--muted)}.service-card .service-projects a{color:inherit;font-weight:600;text-decoration:underline;text-underline-offset:3px}.service-card:hover .service-projects{color:#bdbdbd}.testrun{background:var(--paper-2);--surface: var(--paper-2)}.testrun-grid{display:grid;grid-template-columns:1fr 1.15fr;gap:clamp(32px,5vw,72px);align-items:center}.testrun .section-title{margin:16px 0 18px}.checklist{display:grid;gap:12px;margin-top:28px}.checklist li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:15px;line-height:1.5}.check{flex:none;width:24px;height:24px;border-radius:50%;background:var(--accent-dark);color:#fff;display:grid;place-items:center;margin-top:1px}.terminal{background:#0d0d0d;color:#d4d4d4;border-radius:var(--radius);box-shadow:0 40px 80px -30px #0000008c;overflow:hidden;border:1px solid #222}.terminal-bar{display:flex;align-items:center;gap:7px;padding:14px 18px;border-bottom:1px solid #1f1f1f}.terminal-bar span{width:11px;height:11px;border-radius:50%;background:#333}.terminal-bar span:first-child{background:#ff5f57}.terminal-bar span:nth-child(2){background:#febc2e}.terminal-bar span:nth-child(3){background:#28c840}.terminal-bar em{margin-left:auto;font-style:normal;font-size:12px;color:#777}.terminal-body{padding:20px 20px 10px;min-height:360px;font-size:13px;line-height:1.85}.tl{display:flex;gap:10px;animation:lineIn .3s var(--ease) both}.tl-text{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.tl-cmd{color:#fff;margin-bottom:4px}.tl-dim{color:#6f6f6f}.tl-tick{color:var(--green);flex:none}.tl-ms{color:#6f6f6f;margin-left:auto;flex:none}.tl-pass{color:var(--green);font-weight:500;margin-top:8px}.cursor{display:inline-block;width:8px;height:16px;background:#d4d4d4;animation:blink 1s steps(1) infinite;vertical-align:middle}@keyframes blink{50%{opacity:0}}@keyframes lineIn{0%{opacity:0;transform:translate(-6px)}to{opacity:1;transform:none}}.terminal-foot{display:flex;justify-content:space-between;align-items:center;padding:12px 20px;border-top:1px solid #1f1f1f;font-size:11px;color:#666}.badge-pass,.badge-run{padding:3px 9px;border-radius:999px;font-weight:500}.badge-pass{background:#22c55e26;color:var(--green)}.badge-run{background:#febc2e26;color:#febc2e}.timeline{display:grid}.job{display:grid;grid-template-columns:240px 1fr;gap:32px;padding:40px 0;border-top:1px solid var(--line)}.job:last-child{border-bottom:1px solid var(--line)}.job-side{display:grid;gap:12px;align-content:start}.job-period{font-size:13px;color:var(--muted)}.job-now{display:inline-flex;align-items:center;gap:8px;font-size:13px;font-weight:700}.job-main h3{font-size:clamp(26px,3vw,36px);font-weight:800;letter-spacing:-.03em}.job-role{color:var(--muted);font-weight:600;margin:6px 0 20px}.job-main ul{display:grid;gap:10px;margin-bottom:22px}.job-main li{position:relative;padding-left:22px;line-height:1.6;color:var(--ink-2);font-size:15.5px}.job-main li:before{content:"";position:absolute;left:0;top:.72em;width:10px;height:1.5px;background:var(--ink)}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.work-card{display:grid;border-radius:var(--radius);border:1px solid var(--line);overflow:hidden;background:var(--surface);transition:transform .4s var(--ease),box-shadow .4s var(--ease),opacity .8s var(--ease)!important}.work-card.is-visible:hover{transform:translateY(-6px);box-shadow:0 30px 60px -30px #00000059}.work-visual{position:relative;aspect-ratio:16 / 9;padding:22px;display:flex;flex-direction:column;justify-content:space-between;color:#fff;background:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),linear-gradient(135deg,#1a1a1a,#3a3a3a);overflow:hidden}.work-visual[data-idx="2"]{background-color:#222;background-image:repeating-linear-gradient(0deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(255,255,255,.05) 0 1px,transparent 1px 28px),linear-gradient(135deg,#0f0f0f,#4a4a4a)}.work-visual[data-idx="3"],.work-visual[data-idx="4"]{color:var(--accent-dark);background:repeating-linear-gradient(0deg,rgba(0,0,0,.05) 0 1px,transparent 1px 28px),repeating-linear-gradient(90deg,rgba(0,0,0,.05) 0 1px,transparent 1px 28px),linear-gradient(135deg,#f1f1f1,#d2d2d2)}.work-kind{align-self:flex-start;font-size:12px;font-weight:700;text-transform:uppercase;letter-spacing:.12em;padding:6px 12px;border-radius:999px;background:#ffffff1f;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border:1px solid rgba(255,255,255,.2)}.work-visual[data-idx="3"] .work-kind,.work-visual[data-idx="4"] .work-kind{background:#fff9;border-color:#00000014}.work-metric{font-size:clamp(26px,3.4vw,42px);font-weight:800;letter-spacing:-.03em;line-height:1.05;position:relative;z-index:1}.work-num{position:absolute;right:-10px;bottom:-40px;font-size:180px;font-weight:500;line-height:1;color:transparent;-webkit-text-stroke:1px currentColor;opacity:.18;transition:transform .6s var(--ease)}.work-card:hover .work-num{transform:translate(-10px,-10px)}.work-body{padding:24px 26px 28px;display:grid;gap:12px;align-content:start}.work-title{display:flex;justify-content:space-between;align-items:center;gap:12px}.work-title h3{font-size:22px;font-weight:700;letter-spacing:-.02em}.work-arrow{flex:none;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);transition:background .3s,color .3s,transform .3s var(--ease)}.work-card:hover .work-arrow{background:var(--accent-dark);color:#fff;transform:rotate(45deg)}.work-body p{color:var(--muted);line-height:1.6;font-size:15px}.process{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.process-step{padding:30px 28px 34px;display:grid;gap:10px;align-content:start;border-right:1px solid var(--line);border-bottom:1px solid var(--line);transition:background .3s,opacity .8s var(--ease),transform .8s var(--ease)!important}.process-step:nth-child(3n){border-right:0}.process-step:nth-last-child(-n+3){border-bottom:0}.process-step:hover{background:var(--paper-2)}.process-num{font-size:13px;color:var(--faint);margin-bottom:14px}.process-step h3{font-size:22px;font-weight:800;letter-spacing:-.02em}.process-step p{color:var(--muted);line-height:1.6;font-size:15px}.skills{display:grid}.skill-row{display:grid;grid-template-columns:240px 1fr;gap:24px;padding:22px 0;border-top:1px solid var(--line);align-items:center}.skill-row h3{font-size:16px;font-weight:700}.edu{display:grid;grid-template-columns:1.4fr 1fr;gap:16px;margin-top:48px}.edu-card{padding:28px;border-radius:var(--radius);background:var(--paper-2);border:1px solid var(--line);display:grid;gap:10px;align-content:start}.edu-card h3{font-size:21px;font-weight:700;letter-spacing:-.02em}.edu-card p{color:var(--muted)}.edu-lang{font-size:17px!important;font-weight:600!important}.contact{padding:0 var(--gutter) clamp(18px,3vw,40px)}.contact-inner{background:var(--accent-dark);color:#fff;border-radius:var(--radius);padding:clamp(48px,8vw,110px) clamp(22px,5vw,64px);display:grid;gap:24px;justify-items:start;position:relative;overflow:hidden}.contact-inner:after{content:"";position:absolute;right:-120px;top:-120px;width:420px;height:420px;border-radius:50%;background:radial-gradient(circle,rgba(255,255,255,.12),transparent 65%);pointer-events:none}.contact-copy{display:grid;gap:24px;justify-items:start;align-content:start}.contact-title{font-size:clamp(44px,8.5vw,120px);font-weight:800;letter-spacing:-.04em;line-height:.95}.outline-light{color:var(--accent-dark);-webkit-text-stroke:3px #fff;paint-order:stroke fill;display:inline-block}.contact-sub{color:#a8a8a8;font-size:18px;line-height:1.6;max-width:560px}.contact-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:8px}.contact-links{display:flex;flex-wrap:wrap;gap:10px 28px;margin-top:18px;padding-top:24px;border-top:1px solid #2a2a2a;width:100%}.contact-links a{display:inline-flex;align-items:center;gap:8px;color:#bdbdbd;font-weight:600;font-size:14.5px;transition:color .2s}.contact-links a:hover{color:#fff}.footer{display:flex;flex-direction:column;align-items:stretch;gap:18px;margin:0 var(--gutter);padding:20px 0 28px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);font-weight:600}.footer-row{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px}.footer-row>:last-child{justify-self:end}.footer-copy{text-align:center}.footer-tagline{color:var(--faint);font-size:12px}.footer-top{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;border:1px solid var(--line);border-radius:999px;color:var(--muted);font-weight:600;transition:border-color .2s,color .2s,transform .2s var(--ease)}.footer-top span{transition:transform .2s var(--ease)}.footer-top:hover{border-color:var(--ink);color:var(--ink)}.footer-top:hover span{transform:translateY(-2px)}.footer a:hover{color:var(--ink)}@media (max-width: 980px){.nav-links{gap:22px}.testrun-grid{grid-template-columns:1fr}.stats{grid-template-columns:repeat(2,1fr)}.stat:nth-child(3){border-left:0}.stat:nth-child(n+3){border-top:1px solid var(--line)}.process{grid-template-columns:repeat(2,1fr)}.process-step:nth-child(3n){border-right:1px solid var(--line)}.process-step:nth-child(2n){border-right:0}.process-step:nth-last-child(-n+3){border-bottom:1px solid var(--line)}.process-step:nth-last-child(-n+2){border-bottom:0}}@media (max-width: 820px){.menu-btn{display:inline-flex}.nav-cta,.nav .uptime{display:none}.nav-actions{margin-left:auto;gap:8px}.nav-links{position:absolute;top:calc(100% - 6px);left:14px;right:14px;flex-direction:column;gap:4px;background:var(--surface);border-radius:18px;padding:10px;box-shadow:0 20px 50px -20px #00000059,0 0 0 1px var(--line);opacity:0;pointer-events:none;transform:translateY(-8px);transition:opacity .25s,transform .25s var(--ease)}.nav-links--open{opacity:1;pointer-events:auto;transform:none}.nav-links a{padding:12px 14px;border-radius:12px;font-size:17px}.nav-links a:hover{background:var(--paper-2)}.nav-links a:after{display:none}.about-grid,.job,.skill-row{grid-template-columns:1fr;gap:14px}.services,.work-grid,.edu{grid-template-columns:1fr}}@media (max-width: 900px){.hero{min-height:0}.hero-name{font-size:10.2cqi}.hero-stage{margin-top:2cqi;min-height:0;flex:none;display:flex;flex-wrap:wrap;align-items:flex-end;gap:0 24px}.hero-portrait{flex:0 0 100%}.hero-portrait{position:relative;left:auto;transform:none;height:min(70cqi,56svh);min-height:300px;animation-name:rise}.portrait-placeholder{width:min(56cqi,400px);height:100%}.portrait-img{height:100%}.hero-intro,.hero-socials{position:static}.hero-intro{flex:1 1 320px;max-width:460px;padding:32px 0}.hero-socials{padding:32px 0;margin-left:auto}.pill:hover{transform:translateY(-2px)}}@media (max-width: 640px){.hero-name{font-size:19cqi;white-space:normal;line-height:.92}.hero-name span{display:block}.hero-stage{margin-top:-2cqi}.hero-intro{padding:28px 0 0;max-width:none}.hero-socials{flex-direction:row;flex-wrap:wrap;align-items:flex-start;margin-left:0;padding:22px 0 28px;gap:8px}.hero-portrait{height:100cqi;max-height:440px;min-height:0}.portrait-placeholder{width:74cqi}.stats{grid-template-columns:1fr 1fr}.stat{padding:22px 18px}.process{grid-template-columns:1fr}.process-step{border-right:0!important;border-bottom:1px solid var(--line)!important}.process-step:last-child{border-bottom:0!important}.terminal-body{font-size:11.5px;min-height:320px;padding:16px 14px 8px}.tl-ms{display:none}.contact-actions .btn{width:100%;justify-content:center;white-space:normal}.contact-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 18px}.contact-links>:first-child{grid-column:1 / -1}.contact-links a,.contact-links button{font-size:14px}.footer{text-align:center;gap:14px}.footer-row{display:flex;flex-wrap:wrap;justify-content:center;gap:14px}.footer-tagline{flex:0 0 100%}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.reveal{opacity:1;transform:none}html{scroll-behavior:auto}}.nav-actions{display:flex;align-items:center;gap:10px}.btn-outline{background:var(--surface);color:var(--ink);border-color:var(--line)}.btn-outline:hover{border-color:var(--ink);transform:translateY(-2px)}.theme-toggle{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface);color:var(--ink);transition:transform .25s var(--ease),border-color .2s,background .2s;flex:none}.theme-toggle:hover{border-color:var(--ink);transform:rotate(14deg)}.btn-outline:hover svg{transform:translateY(2px)}.btn-ghost-dark{background:transparent;color:var(--ink);border-color:var(--line)}.btn-ghost-dark:hover{border-color:var(--ink)}.nav-resume-link{display:none;background:none;border:0;padding:0;color:inherit;font:inherit;font-size:15px;font-weight:600;align-items:baseline;gap:6px}button.pill{font-family:inherit;color:inherit}.contact-links button{display:inline-flex;align-items:center;gap:8px;background:none;border:0;padding:0;color:#bdbdbd;font-weight:600;font-size:14.5px;transition:color .2s}.contact-links button:hover{color:#fff}.contact-form{width:100%;margin-top:28px;align-self:start;padding:28px clamp(18px,3vw,28px) clamp(26px,3vw,32px);background:#ffffff09;border:1px solid rgba(255,255,255,.1);border-radius:18px;display:grid;gap:16px}.contact-form-eyebrow{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:#8f8f8f;font-weight:600}.contact-form-row{display:grid;grid-template-columns:1fr 1fr;gap:14px}.contact-form label{display:grid;gap:7px;font-size:13px;font-weight:600;color:#bdbdbd}.contact-form input,.contact-form textarea{font:inherit;font-size:14.5px;color:#fff;background:#ffffff0f;border:1px solid rgba(255,255,255,.18);border-radius:12px;padding:12px 14px;resize:vertical;transition:border-color .2s,background .2s,box-shadow .2s}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8a8a8a}.contact-form input:focus,.contact-form textarea:focus{outline:none;border-color:#ffffff8c;background:#ffffff1a;box-shadow:0 0 0 3px #ffffff14}.contact-form-foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:6px}.contact-form-error{color:#f3a5a5;font-size:13.5px;font-weight:600}.contact-form-done{color:#fff;font-size:16.5px;font-weight:600;line-height:1.5;padding:6px 0 2px}@media (min-width: 981px){.contact-inner{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);column-gap:clamp(32px,5vw,72px);align-items:start}.contact-title{font-size:clamp(44px,6.2vw,88px)}.contact-sub{max-width:46ch}.contact-form{margin-top:6px}.contact-links{grid-column:1 / -1;margin-top:32px}}@media (max-width: 560px){.contact-form-row{grid-template-columns:1fr}.contact-form-foot .btn{width:100%;justify-content:center}}.resume-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:clamp(0px,3vw,40px);background:#0a0a0a8c;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:fadeIn .25s ease both}.resume-modal{width:min(1000px,100%);height:min(100%,1200px);display:flex;flex-direction:column;background:var(--surface);border-radius:var(--radius);overflow:hidden;box-shadow:0 40px 100px -30px #0009;animation:modalIn .35s var(--ease) both}.resume-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:16px 18px 16px 22px;border-bottom:1px solid var(--line)}.resume-title{display:flex;align-items:center;gap:12px;min-width:0}.resume-title h2{font-size:17px;font-weight:800;letter-spacing:-.01em}.resume-title .mono{font-size:12px;color:var(--muted)}.resume-file{flex:none;width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:var(--accent-dark);color:#fff}.resume-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.resume-close{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface);display:grid;place-items:center;color:var(--ink)}.resume-close:hover{background:var(--paper-2)}.resume-body{flex:1;min-height:0;background:#525659}.resume-pdf{width:100%;height:100%;display:block;border:0}.resume-fallback{height:100%;display:grid;place-content:center;justify-items:center;gap:14px;padding:24px;text-align:center;color:#fff}.resume-fallback p{color:#ddd}.resume-fallback-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:center}.resume-fallback .btn-ghost-dark{color:#fff;border-color:#ffffff59}.resume-fallback .btn-dark{background:#fff;color:var(--accent-dark)}@keyframes fadeIn{0%{opacity:0}}@keyframes modalIn{0%{opacity:0;transform:translateY(24px) scale(.98)}}@media (max-width: 820px){.nav-resume{display:none}.nav-resume-link{display:inline-flex;padding:12px 14px;border-radius:12px;font-size:17px;text-align:left}.nav-resume-link:hover{background:var(--paper-2)}}@media (max-width: 640px){.resume-overlay{padding:0}.resume-modal{border-radius:0;height:100%}.resume-actions{width:100%}.resume-actions .btn{flex:1;justify-content:center}.resume-head{position:relative;padding-right:64px}.resume-close{position:absolute;top:14px;right:14px}}@media (max-height: 520px) and (min-width: 901px){.hero{min-height:0}.hero-stage{min-height:300px}}.work-visual.has-image{background:var(--paper-2);padding:18px}.work-shot{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .8s var(--ease)}.work-card:hover .work-shot{transform:scale(1.04)}.work-shot--contain{object-fit:contain;object-position:center}.work-card:hover .work-shot--contain{transform:scale(1.02)}.work-visual.has-image .work-kind{position:relative;z-index:1;background:#111111bf;color:#fff;border-color:transparent}.work-card--featured{grid-column:1 / -1;grid-template-columns:1.15fr 1fr}.work-card--featured .work-visual{aspect-ratio:auto;min-height:320px}.work-card--featured .work-body{padding:clamp(24px,3vw,40px);align-content:center}.work-card--featured .work-title h3{font-size:clamp(24px,2.4vw,32px)}.work-meta{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 16px;margin-top:6px;padding-top:14px;border-top:1px solid var(--line);font-size:13px;color:var(--muted);font-weight:600}.work-lang,.work-repo{display:inline-flex;align-items:center;gap:7px}.work-lang i{width:10px;height:10px;border-radius:50%}.work-repo{font-size:12px;font-weight:400;min-width:0;overflow-wrap:anywhere}@media (max-width: 820px){.work-card--featured{grid-template-columns:1fr}.work-card--featured .work-visual{aspect-ratio:16 / 9;min-height:0}}.work-visual--mock{background:radial-gradient(70% 60% at 50% 0%,rgba(124,58,237,.35),transparent 70%),linear-gradient(160deg,#1b1426,#0b0812);padding:9% 7% 0;justify-content:flex-end}.work-visual--mock .work-kind{position:absolute;top:16px;left:16px;z-index:2}.browser{container-type:inline-size;height:100%;display:flex;flex-direction:column;border-radius:10px 10px 0 0;overflow:hidden;background:#0c0714;box-shadow:0 -10px 40px -10px #7c3aed73,0 0 0 1px #ffffff14;transform:translateY(6%);transition:transform .6s var(--ease)}.work-card:hover .browser{transform:translateY(2%)}.browser-bar{flex:none;display:flex;align-items:center;gap:2cqi;padding:1.6cqi 2.4cqi;background:#1a1524;border-bottom:1px solid rgba(255,255,255,.06)}.browser-dots{display:flex;gap:.9cqi}.browser-dots i{width:1.6cqi;height:1.6cqi;border-radius:50%;background:#3a3346}.browser-dots i:first-child{background:#ff5f57}.browser-dots i:nth-child(2){background:#febc2e}.browser-dots i:nth-child(3){background:#28c840}.browser-url{flex:1;max-width:60%;margin:0 auto;font-size:2cqi;color:#9a92ab;text-align:center;background:#0f0b17;border-radius:99px;padding:.6cqi 2cqi}.pp-mock{flex:1;overflow:hidden;position:relative;font-family:var(--font);color:#fff;background:radial-gradient(1px 1px at 12% 22%,#7c3aed 50%,transparent 51%),radial-gradient(1.5px 1.5px at 88% 58%,#7c3aed 50%,transparent 51%),repeating-linear-gradient(0deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4cqi),repeating-linear-gradient(90deg,rgba(255,255,255,.025) 0 1px,transparent 1px 4cqi),#0c0714}.pp-scroll{transition:transform 1.6s var(--ease)}.work-card:hover .pp-scroll{transform:translateY(-14%)}.pp-mock b{color:#8b5cf6;font-weight:inherit}.pp-nav{display:flex;align-items:center;justify-content:space-between;padding:1.8cqi 3cqi}.pp-logo{font-size:2.3cqi;font-weight:800}.pp-links{display:flex;gap:2.6cqi;font-size:1.4cqi;color:#d6d0e2}.pp-links i{font-style:normal}.pp-burger{display:grid;gap:.5cqi}.pp-burger i{width:2.6cqi;height:.35cqi;background:#fff;border-radius:2px}.pp-hero{text-align:center;padding:2.4cqi 6cqi 3cqi;display:grid;justify-items:center;gap:1.5cqi}.pp-badge{font-size:1.3cqi;color:#c4b5fd;padding:.5cqi 1.6cqi;border-radius:99px;background:#7c3aed2e;border:1px solid rgba(139,92,246,.45)}.pp-hero h4{font-size:4.4cqi;font-weight:800;line-height:1.08;letter-spacing:-.02em}.pp-hero p{font-size:1.4cqi;color:#b8b0c8;max-width:54cqi;line-height:1.5}.pp-btns{display:flex;gap:1.4cqi;margin-top:.3cqi}.pp-btn{font-size:1.4cqi;font-weight:700;padding:1cqi 2.6cqi;border-radius:99px;border:1.5px solid #7c3aed}.pp-btn--fill{background:#7c3aed;box-shadow:0 0 3cqi #7c3aed99}.pp-stats{display:flex;gap:5cqi;margin-top:1cqi}.pp-stats span{display:grid;gap:.3cqi;font-size:1.15cqi;color:#a59cb8}.pp-stats b{font-size:2.6cqi;font-weight:800;color:#8b5cf6}.pp-featured{text-align:center;padding:1cqi 5cqi 4cqi;display:grid;justify-items:center;gap:1cqi}.pp-eyebrow{font-size:1.1cqi;letter-spacing:.2em;color:#7c3aed;font-weight:700}.pp-featured h5{font-size:3cqi;font-weight:800;color:#9a94a5}.pp-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:1.6cqi;width:100%;margin-top:1cqi;text-align:left}.pp-card{display:grid;gap:.9cqi;align-content:start;padding:1.8cqi;border-radius:1.2cqi;background:#15101f;border:1px solid rgba(255,255,255,.06)}.pp-card strong{font-size:1.5cqi}.pp-chip{justify-self:start;font-size:1.2cqi;color:#c4b5fd;background:#7c3aed33;padding:.4cqi 1.2cqi;border-radius:99px}.pp-stack{display:flex;flex-wrap:wrap;gap:.8cqi}.pp-stack i{font-style:normal;font-size:1.2cqi;color:#bdb5cc;background:#221b2e;padding:.4cqi 1.1cqi;border-radius:.6cqi}.pp-view{text-align:center;font-size:1.2cqi;font-weight:700;background:#7c3aed;border-radius:.8cqi;padding:.9cqi;margin-top:.4cqi}@media (prefers-reduced-motion: reduce){.work-card:hover .pp-scroll{transform:none}}.loader-screen{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999;background:#f5f4fb;opacity:1;transition:opacity var(--ease)}:root[data-theme=dark] .loader-screen{background:#0e0d14}:root[data-theme=dark] .loader-label{color:#e8e6f5}.loader-screen.is-fading{opacity:0;transition-duration:.3s}.loader-rings{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:clamp(220px,32vw,320px);height:clamp(220px,32vw,320px)}.loader-tilt{position:absolute;top:0;right:0;bottom:0;left:0}.loader-spin{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;border:5px solid transparent;animation:loaderSpin linear infinite}.loader-tilt--pink{transform:rotate(-12deg) scaleY(.34)}.loader-tilt--amber{transform:rotate(8deg) scaleY(.34)}.loader-tilt--red{transform:rotate(100deg) scaleY(.34)}.loader-tilt--cyan{transform:rotate(82deg) scaleY(.34)}.loader-spin--pink{border-color:#ef5fd1 #ef5fd1 transparent #ef5fd1;animation-duration:1.8s}.loader-spin--amber{border-color:#f5a623 transparent #f5a623 #f5a623;animation-duration:2.2s;animation-direction:reverse}.loader-spin--red{border-color:transparent #ef3a56 #ef3a56 #ef3a56;animation-duration:1.5s}.loader-spin--cyan{border-color:#22e3f5 #22e3f5 #22e3f5 transparent;animation-duration:2s;animation-direction:reverse}@keyframes loaderSpin{to{transform:rotate(360deg)}}.loader-label{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;font-weight:700;font-size:24px;color:#171730}.loader-status{position:absolute;top:calc(50% + 190px);left:50%;transform:translate(-50%);min-height:24px;width:max-content;max-width:calc(100vw - 48px);font-size:18px;font-weight:700;text-align:center}.loader-bug{color:#c47a00}.loader-ok{color:#16a34a}.loader-screen.is-fading .loader-spin{animation-play-state:paused}.bug-replay{display:inline-flex;align-items:center;gap:7px;padding:9px 14px;border-radius:999px;border:1px solid var(--line);background:var(--paper);color:var(--ink);font-size:12.5px;font-weight:600;transition:transform .25s var(--ease),border-color .2s,color .2s}.bug-replay:hover{transform:translateY(-2px);border-color:var(--ink)}.work-card:not(.work-card--featured){grid-template-rows:auto 1fr}.work-features{display:grid;gap:6px;margin:2px 0 4px}.work-features li{position:relative;padding-left:20px;font-size:14px;font-weight:600;color:var(--ink-2);line-height:1.45}.work-features li:before{content:"✦";position:absolute;left:0;top:0;font-size:11px;color:#4f46e5;line-height:1.9}.work-visual--mock[data-mock=easemeds]{background:radial-gradient(70% 60% at 50% 0%,rgba(19,179,139,.35),transparent 70%),linear-gradient(160deg,#e3f7f1,#c6ebe0)}.work-visual--mock[data-mock=easemeds] .browser{background:#f5f7f9;box-shadow:0 -10px 40px -14px #13b38b80,0 0 0 1px #0000000f}.work-visual--mock[data-mock=easemeds] .browser-bar{background:#fff;border-bottom-color:#e8ecef}.work-visual--mock[data-mock=easemeds] .browser-url{background:#f1f4f6;color:#6b7a80}.work-visual--mock[data-mock=easemeds] .work-kind{background:#ffffffb3;color:#12302a;border-color:#0000000f}.em-mock{--em: #13b38b;position:relative;flex:1;min-height:0;overflow:hidden;font-family:"Segoe UI",var(--font);color:#2b3a3f;background:#f5f7f9}.em-pane{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;transition:opacity .6s}.em-pane.is-on{opacity:1}.em-view-tag{position:absolute;right:2cqi;bottom:2cqi;z-index:2;font-size:1.4cqi;font-weight:700;color:#fff;background:#12302ad1;padding:.6cqi 1.6cqi;border-radius:99px}.em-heart{width:3cqi;height:3cqi;color:var(--em);flex:none}.em-logo{display:inline-flex;align-items:center;gap:.8cqi;font-size:2.4cqi;font-weight:800;color:var(--em)}.em-pill{font-size:1.4cqi;font-weight:700;color:#fff;background:var(--em);padding:.7cqi 2cqi;border-radius:99px}.em-pill--sq{border-radius:.6cqi}.em-store{background:#f7f8fa;height:100%}.em-nav{display:flex;align-items:center;justify-content:space-between;padding:1.8cqi 4cqi;background:#fff;box-shadow:0 .2cqi 1cqi #0000000d}.em-links{display:flex;gap:2.2cqi;font-size:1.4cqi;color:#3c4a4f}.em-links i{font-style:normal}.em-hero{text-align:center;padding:4.5cqi 4cqi 3.5cqi;display:grid;justify-items:center;gap:1.6cqi}.em-hero h4{font-size:4.4cqi;font-weight:800;color:var(--em);letter-spacing:-.01em}.em-hero p{font-size:1.6cqi;color:#5d6b70}.em-cta{font-size:1.6cqi;font-weight:700;color:#fff;background:var(--em);padding:1.3cqi 3.2cqi;border-radius:.8cqi;box-shadow:0 1cqi 2.4cqi -1cqi #13b38bcc}.em-title{text-align:center;font-size:3cqi;font-weight:800;color:var(--em);margin:.6cqi 0 2cqi}.em-meds{display:grid;grid-template-columns:repeat(4,1fr);gap:2cqi;padding:0 6cqi}.em-med{background:#fff;border-radius:1cqi;overflow:hidden;box-shadow:0 .6cqi 2cqi -1cqi #0000002e}.em-med-img{display:grid;place-items:center;height:11cqi;color:#fff;font-size:2.6cqi;font-weight:600}.em-med-body{display:grid;gap:.6cqi;padding:1.4cqi}.em-med-body em{font-style:normal;font-size:1cqi;letter-spacing:.1em;text-transform:uppercase;color:#7b878b}.em-med-body b{font-size:1.4cqi}.em-med-body strong{font-size:1.5cqi;color:var(--em)}.em-add{text-align:center;font-size:1.1cqi;font-weight:700;color:var(--em);border:1px solid var(--em);border-radius:.6cqi;padding:.6cqi}.em-admin{display:grid;grid-template-columns:22cqi 1fr;height:100%}.em-side{background:#2c3437;display:grid;align-content:start;gap:.4cqi;padding-bottom:2cqi}.em-logo--side{background:#1f2527;padding:2.4cqi;font-size:2.2cqi;margin-bottom:.8cqi}.em-side-link{font-size:1.5cqi;color:#cfd8da;padding:1.2cqi 2.4cqi;border-left:.5cqi solid transparent}.em-side-link.on{background:#3b4549;color:#fff;border-left-color:var(--em)}.em-main{background:#eff1f5;padding:2.6cqi 3cqi;display:grid;gap:2cqi;align-content:start}.em-main h4{font-size:3.4cqi;font-weight:800;color:var(--em)}.em-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1.6cqi}.em-stat{background:#fff;border-radius:1cqi;padding:1.8cqi;display:grid;gap:.8cqi;box-shadow:0 .4cqi 1.4cqi -.8cqi #00000026}.em-stat em{font-style:normal;font-size:1.3cqi;font-weight:700;color:#4a5559}.em-stat b{font-size:3.2cqi;font-weight:800;line-height:1}.em-table{background:#fff;border-radius:1cqi;padding:2cqi 2.4cqi;box-shadow:0 .4cqi 1.4cqi -.8cqi #00000026}.em-table-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.4cqi}.em-table-head b{font-size:2.2cqi;color:var(--em);font-weight:800}.em-row{display:grid;grid-template-columns:.5fr 1.4fr 1fr 1fr;align-items:center;font-size:1.4cqi;padding:1.1cqi .6cqi;border-top:1px solid #eef0f3}.em-row i{font-style:normal}.em-row--head{font-weight:700;border-top:0;border-bottom:1.5px solid #e2e5ea}.em-status{font-size:1.2cqi;font-weight:700;padding:.4cqi 1.2cqi;border-radius:99px}.em-status--cancelled{background:#fbb3a7;color:#b42318}.em-status--confirmed{background:#8ff0e8;color:#0f766e}.work-visual--mock[data-mock=cvgen]{background:radial-gradient(70% 60% at 50% 0%,rgba(79,70,229,.32),transparent 70%),linear-gradient(160deg,#eef0ff,#d6daf7)}.work-visual--mock[data-mock=cvgen] .browser{background:#f8fafc;box-shadow:0 -10px 40px -14px #4f46e573,0 0 0 1px #0f172a14}.work-visual--mock[data-mock=cvgen] .browser-bar,.work-visual--mock[data-mock=rentalbux] .browser-bar,.work-visual--mock[data-mock=figsflow] .browser-bar,.work-visual--mock[data-mock=bugsheet] .browser-bar,.work-visual--mock[data-mock=playwright] .browser-bar{background:#fff;border-bottom-color:#e2e8f0}.work-visual--mock[data-mock=cvgen] .browser-url,.work-visual--mock[data-mock=rentalbux] .browser-url,.work-visual--mock[data-mock=figsflow] .browser-url,.work-visual--mock[data-mock=bugsheet] .browser-url,.work-visual--mock[data-mock=playwright] .browser-url{background:#f1f5f9;color:#64748b}.work-visual--mock[data-mock=cvgen] .work-kind,.work-visual--mock[data-mock=figsflow] .work-kind,.work-visual--mock[data-mock=bugsheet] .work-kind{background:#ffffffbf;color:#0f172a;border-color:#0000000f}.sc-mock{position:relative;flex:1;min-height:0;overflow:hidden;display:flex;flex-direction:column;font-family:var(--font);color:#0f172a;background:#f8fafc}.sc-top{flex:none;display:flex;align-items:center;justify-content:space-between;height:6.4cqi;padding:0 2.6cqi;background:#fffffff2;border-bottom:1px solid #e2e8f0}.sc-brand{display:inline-flex;align-items:center;gap:1.2cqi;font-size:1.8cqi;font-weight:600}.sc-brand-sq{display:grid;place-items:center;width:3.6cqi;height:3.6cqi;border-radius:.8cqi;background:#0f172a;color:#fff;font-size:1.3cqi;font-weight:700}.sc-nav{display:flex;gap:.6cqi;font-size:1.4cqi;font-weight:500;color:#334155}.sc-stage{position:relative;flex:1;min-height:0}.sc-pane{position:absolute;top:0;right:0;bottom:0;left:0;padding:2.2cqi 3cqi;opacity:0;transform:translateY(1.6cqi);transition:opacity .5s,transform .6s var(--ease)}.sc-pane.is-on{opacity:1;transform:none}.sc-view-tag{position:absolute;right:2cqi;bottom:2cqi;z-index:2;font-size:1.4cqi;font-weight:700;color:#fff;background:#4338cae6;padding:.6cqi 1.6cqi;border-radius:99px}.sc-btn{display:inline-block;font-size:1.45cqi;font-weight:600;padding:1.1cqi 2.2cqi;border-radius:.9cqi;background:#fff;color:#334155;box-shadow:inset 0 0 0 1px #cbd5e1;white-space:nowrap}.sc-btn--primary{background:#4f46e5;color:#fff;box-shadow:0 .4cqi 1cqi -.4cqi #4f46e599}.sc-btn--block{display:block;text-align:center;margin-top:.6cqi}.sc-home{display:grid;grid-template-columns:1.15fr .85fr;gap:2cqi;align-items:center;height:100%}.sc-eyebrow{font-size:1.25cqi;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#4f46e5}.sc-home h4{font-size:4cqi;font-weight:700;line-height:1.1;letter-spacing:-.02em;margin:1cqi 0 1.2cqi}.sc-home p{font-size:1.5cqi;line-height:1.5;color:#475569}.sc-stats{display:flex;gap:1.4cqi;margin:2cqi 0}.sc-stat{min-width:15cqi;display:grid;gap:.5cqi;padding:1.3cqi 1.6cqi;border-radius:1cqi;background:#f8fafc;box-shadow:inset 0 0 0 1px #e2e8f0}.sc-stat-label{font-size:1.05cqi;font-weight:600;text-transform:uppercase;letter-spacing:.04em;color:#64748b}.sc-stat b{font-size:3cqi;font-weight:700;font-variant-numeric:tabular-nums;line-height:1.1}.sc-stat small{font-size:1.6cqi;font-weight:500;color:#64748b}.sc-track{height:.6cqi;border-radius:99px;background:#e2e8f0;overflow:hidden}.sc-track i{display:block;height:100%;border-radius:inherit}.sc-btns{display:flex;gap:1cqi}.sc-fan{position:relative;height:100%;min-height:30cqi}.sc-paper{position:absolute;top:12%;width:17cqi;aspect-ratio:1 / 1.414;background:#fff;border-radius:.6cqi;padding:1.6cqi 1.4cqi;display:grid;gap:.7cqi;align-content:start;box-shadow:0 1.4cqi 3cqi -1.4cqi #0f172a59,0 0 0 1px #e2e8f0}.sc-paper i{display:block;height:.6cqi;border-radius:99px;background:#e2e8f0;width:100%}.sc-paper i.w80{width:80%}.sc-paper i.w70{width:70%}.sc-paper i.w60{width:60%}.sc-paper i.w50{width:50%}.sc-paper em{display:block;height:.7cqi;width:40%;border-radius:99px;margin-top:.6cqi;opacity:.8}.sc-paper-head{display:block;height:1.4cqi;width:75%;border-radius:99px}.sc-paper--l{left:2%;transform:rotate(-6deg);top:18%}.sc-paper--r{right:2%;transform:rotate(6deg);top:16%}.sc-paper--c{left:50%;transform:translate(-50%);width:19cqi;top:8%;z-index:1}.sc-card{background:#fff;border-radius:1.2cqi;padding:1.5cqi 1.8cqi;box-shadow:0 .2cqi .6cqi #0f172a0d,inset 0 0 0 1px #e2e8f0;display:grid;gap:.8cqi;align-content:start}.sc-h{font-size:1.6cqi;font-weight:700}.sc-h--lg{display:block;font-size:2.3cqi;font-weight:800;letter-spacing:-.02em}.sc-job{font-size:1.3cqi;color:#64748b}.sc-nav button{font:inherit;color:inherit;background:none;border:0;cursor:pointer;padding:.7cqi 1.4cqi;border-radius:.8cqi;transition:background .3s,color .3s}.sc-nav button:hover{background:#f1f5f9}.sc-nav button.on{background:#eef2ff;color:#4338ca}.sc-caption{display:block;font-size:1.1cqi;color:#64748b;margin:-.8cqi 0 1.6cqi}.sc-tailor-wrap{display:flex;flex-direction:column;gap:1.2cqi;height:100%}.sc-page-head{display:grid;gap:.3cqi}.sc-crumb{font-size:1.15cqi;color:#64748b}.sc-progress{background:#fff;border-radius:1.2cqi;overflow:hidden;box-shadow:inset 0 0 0 1px #e2e8f0,0 .2cqi .6cqi #0f172a0d}.sc-sweep{height:.5cqi;background:#f1f5f9;overflow:hidden}.sc-sweep i{display:block;height:100%;width:33%;border-radius:99px;background:linear-gradient(90deg,#38bdf8,#8b5cf6,#d946ef);animation:scSweep 1.4s ease-in-out infinite}@keyframes scSweep{0%{transform:translate(-100%)}to{transform:translate(300%)}}.sc-progress-body{display:flex;gap:2cqi;padding:2.6cqi}.sc-spark{flex:none;display:grid;place-items:center;width:4.4cqi;height:4.4cqi;border-radius:1.2cqi;color:#fff;font-size:2cqi;background:linear-gradient(135deg,#38bdf8,#8b5cf6 55%,#d946ef)}.sc-steps{display:grid;gap:.9cqi;margin-top:1.4cqi}.sc-step{display:flex;align-items:center;gap:1cqi;font-size:1.45cqi;transition:color .3s}.sc-step-mark{flex:none;display:grid;place-items:center;width:1.9cqi;height:1.9cqi;border-radius:50%;font-size:1.1cqi;font-weight:800}.sc-step--done{color:#64748b}.sc-step--done .sc-step-mark{background:#10b981;color:#fff}.sc-step--active{color:#0f172a;font-weight:600}.sc-step--active .sc-step-mark{border:.3cqi solid #c7d2fe;border-top-color:#6366f1;animation:scSpin .8s linear infinite}.sc-step--waiting{color:#94a3b8}.sc-step--waiting .sc-step-mark{border:.25cqi solid #e2e8f0}@keyframes scSpin{to{transform:rotate(360deg)}}.sc-tailor{flex:1;min-height:0;display:grid;grid-template-columns:minmax(0,1fr) 24cqi;gap:1.6cqi;align-items:start;animation:scIn .5s var(--ease) both}@keyframes scIn{0%{opacity:0;transform:translateY(1cqi)}}.sc-tailor-main{display:grid;gap:1cqi}.sc-figs{display:flex;align-items:center;gap:1.6cqi}.sc-fig{display:grid;gap:.2cqi}.sc-fig em{font-style:normal;font-size:1.05cqi;text-transform:uppercase;letter-spacing:.05em;color:#64748b}.sc-fig b{font-size:3cqi;font-weight:700;font-variant-numeric:tabular-nums;line-height:1}.sc-fig small{font-size:1.05cqi;color:#64748b}.sc-arrow{font-size:2.4cqi;color:#cbd5e1}.sc-diff{font-size:1.3cqi;font-weight:600;color:#047857;background:#ecfdf5;padding:.5cqi 1.3cqi;border-radius:99px}.sc-note,.sc-reason{font-size:1.2cqi;color:#475569}.sc-changes{gap:1cqi}.sc-changes-head{display:flex;justify-content:space-between;align-items:center}.sc-changes-head em{font-style:normal;font-size:1.2cqi;color:#64748b}.sc-change{display:grid;gap:.3cqi;border-radius:.9cqi;padding:1cqi 1.3cqi;background:#f8fafc}.sc-change-title{font-size:1.3cqi;font-weight:600;color:#0f172a}.sc-kind{margin-left:.8cqi;font-size:1cqi;font-weight:400;color:#334155;background:#e2e8f0;padding:.2cqi .9cqi;border-radius:99px}.sc-change p{margin:0;font-size:1.25cqi;line-height:1.45}.sc-before{margin-top:.4cqi!important;color:#64748b;text-decoration:line-through}.sc-after{color:#1e293b}.sc-skills{display:flex;flex-wrap:wrap;gap:.8cqi;margin-top:.4cqi}.sc-skill{font-size:1.25cqi;color:#1e293b;background:#f1f5f9;padding:.5cqi .6cqi .5cqi 1.3cqi;border-radius:99px}.sc-skill i{font-style:normal;color:#64748b;padding:0 .5cqi}.sc-skill small{font-size:1cqi;opacity:.7;font-weight:600}.sc-skill--assumed{background:#ede9fe;color:#4c1d95;box-shadow:inset 0 0 0 1px #c4b5fd}.sc-live{position:sticky;top:0}.sc-live-frame{position:relative;background:#e2e8f099;border-radius:.9cqi;padding:1.2cqi;height:22cqi;overflow:hidden}.sc-paper--live{position:relative;top:0;width:100%}.sc-paper-hl{position:absolute;left:.8cqi;right:.8cqi;top:38%;height:5cqi;border-radius:.4cqi;background:#8b5cf61f;box-shadow:inset 0 0 0 1px #8b5cf659;animation:scPulse 2s ease-in-out infinite}@keyframes scPulse{50%{background:#8b5cf638}}.sc-employer{display:grid;gap:1.2cqi;align-content:start}.sc-emp-head{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:.6cqi}.sc-applicant{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.6cqi;padding:1.4cqi 1.8cqi;background:#fff;border-radius:1.2cqi;box-shadow:inset 0 0 0 1px #e2e8f0}.sc-logo-sq{display:grid;place-items:center;width:4.4cqi;height:4.4cqi;border-radius:1cqi;background:#eef2ff;color:#4338ca;font-size:1.4cqi;font-weight:700}.sc-app-name{display:grid;font-size:1.6cqi}.sc-app-name em{font-style:normal;font-size:1.2cqi;color:#64748b}.sc-match{font-size:1.4cqi;font-weight:600;padding:.6cqi 1.4cqi;border-radius:99px;border:1px solid;background:#fff;white-space:nowrap}.sc-match i{font-style:normal;font-weight:400;opacity:.7}.sc-status{font-size:1.25cqi;font-weight:600;padding:.5cqi 1.3cqi;border-radius:.6cqi}.sc-status--shortlisted{background:#ecfdf5;color:#047857}.sc-status--reviewing{background:#eff6ff;color:#1d4ed8}.sc-status--rejected{background:#fef2f2;color:#b91c1c}.work-visual--mock[data-mock=rentalbux]{background:radial-gradient(70% 60% at 50% 0%,rgba(29,78,216,.35),transparent 70%),linear-gradient(160deg,#e6ecfb,#c9d5f3)}.work-visual--mock[data-mock=rentalbux] .work-kind{background:#ffffffbf;color:#0b1a4a;border-color:#0000000f}.rb-mock{flex:1;min-height:0;display:grid;grid-template-columns:1fr 1fr;font-family:"Segoe UI",var(--font);background:#fff}.rb-left{background:#0b1b4d;color:#fff;display:grid;justify-items:center;align-content:center;text-align:center;gap:2.4cqi;padding:3cqi}.rb-free{font-size:1.4cqi;font-weight:600}.rb-left h4{font-size:3.6cqi;font-weight:700;line-height:1.15}.rb-rated{font-size:1.35cqi;font-weight:600}.rb-stars{color:#fff;letter-spacing:.2em;margin-right:.6cqi}.rb-badges{display:grid;grid-template-columns:repeat(3,1fr);gap:2cqi;font-size:1.1cqi;font-weight:600}.rb-badges span{display:grid;gap:.6cqi;justify-items:center}.rb-badges i{font-style:normal;font-size:2.4cqi;line-height:1}.rb-right{display:grid;align-content:center;gap:.9cqi;padding:3cqi 5cqi;color:#1f2937}.rb-logo{justify-self:center;display:inline-flex;align-items:center;gap:.8cqi;font-size:1.8cqi;font-weight:700;color:#0b1b4d}.rb-cube{width:2.4cqi;height:2.4cqi;border-radius:.4cqi;background:linear-gradient(135deg,#d61f3c 50%,#1d3fbf 50%);transform:rotate(8deg)}.rb-right h5{text-align:center;font-size:2.4cqi;font-weight:600;margin:.6cqi 0 1cqi}.rb-right label{font-size:1.3cqi;font-weight:600}.rb-right label b,.ff-card label b{color:#dc2626}.rb-input{font-size:1.3cqi;color:#9ca3af;padding:1.2cqi 1.4cqi;border:1px solid #d1d5db;border-radius:.6cqi}.rb-forgot{justify-self:end;font-size:1.3cqi;font-weight:600;color:#1d4ed8}.rb-btn{text-align:center;font-size:1.5cqi;font-weight:600;color:#fff;background:#1352d6;padding:1.3cqi;border-radius:.6cqi}.rb-or{text-align:center;font-size:1.2cqi;color:#6b7280}.rb-sso{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqi}.rb-sso span{text-align:center;font-size:1.3cqi;font-weight:600;padding:1cqi;border:1px solid #e5e7eb;border-radius:.6cqi}.work-visual--mock[data-mock=figsflow]{background:radial-gradient(70% 60% at 50% 0%,rgba(79,70,229,.3),transparent 70%),linear-gradient(160deg,#f0f0fb,#dcdcf6)}.ff-mock{flex:1;min-height:0;padding:2.4cqi 4cqi;font-family:"Manrope",var(--font);color:#111827;background:#f6f6fd;display:grid;align-content:start;gap:2cqi}.ff-logo{font-size:2.6cqi;font-weight:800;color:#4338ca;letter-spacing:-.03em}.ff-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:4cqi;align-items:center}.ff-left{display:grid;gap:1.6cqi;justify-items:start}.ff-pill{font-family:var(--mono);font-size:1.1cqi;letter-spacing:.1em;padding:.7cqi 1.6cqi;border-radius:99px;border:1px solid #d4d4e8;background:#fff}.ff-left h4{font-size:3.8cqi;font-weight:800;line-height:1.15;letter-spacing:-.02em}.ff-left h4 b{color:#4338ca;font-weight:800}.ff-left ul{display:grid;gap:1cqi}.ff-left li{position:relative;padding-left:2.8cqi;font-size:1.35cqi;color:#374151}.ff-left li:before{content:"✓";position:absolute;left:0;top:-.1cqi;width:1.9cqi;height:1.9cqi;border-radius:50%;background:#22c55e;color:#fff;font-size:1.1cqi;font-weight:800;display:grid;place-items:center}.ff-card{background:#fff;border-radius:2cqi;padding:3cqi;display:grid;gap:.9cqi;box-shadow:0 2cqi 5cqi -2cqi #4338ca40}.ff-card h5{font-size:2.4cqi;font-weight:700}.ff-card p{font-size:1.3cqi;color:#4b5563;margin-bottom:.8cqi}.ff-card label{font-size:1.3cqi;font-weight:700;display:flex;gap:.6cqi}.ff-card label em{font-style:normal;margin-left:auto;color:#4338ca;font-weight:600}.ff-input{font-size:1.3cqi;color:#9ca3af;padding:1.2cqi 1.4cqi;border:1px solid #e5e7eb;border-radius:.8cqi}.ff-btn{text-align:center;font-size:1.6cqi;font-weight:700;color:#fff;background:#4f46e5;padding:1.4cqi;border-radius:.8cqi;margin-top:.6cqi}.ff-or{text-align:center;font-size:1.2cqi;color:#6b7280}.ff-sso{display:flex;justify-content:center;gap:1.4cqi}.ff-sso span{display:grid;place-items:center;width:6cqi;height:4.4cqi;border:1px solid #e5e7eb;border-radius:.8cqi;font-size:1.8cqi;font-weight:800;color:#4285f4}.ff-ms{grid-template-columns:1cqi 1cqi;grid-template-rows:1cqi 1cqi;gap:.2cqi;align-content:center;justify-content:center}.ff-ms{display:grid!important;grid-template-columns:1cqi 1cqi;grid-auto-rows:1cqi}.ff-ms i{display:block;width:1cqi;height:1cqi}.ff-ms i:nth-child(1){background:#f25022}.ff-ms i:nth-child(2){background:#7fba00}.ff-ms i:nth-child(3){background:#00a4ef}.ff-ms i:nth-child(4){background:#ffb900}.work-visual--mock[data-mock=tms]{background:radial-gradient(70% 60% at 50% 0%,rgba(79,70,229,.3),transparent 70%),linear-gradient(160deg,#eeeefc,#d8d8f4)}.work-visual--mock[data-mock=tms] .browser-bar{background:#fff;border-bottom-color:#e5e7eb}.work-visual--mock[data-mock=tms] .browser-url{background:#f3f4f6;color:#6b7280}.work-visual--mock[data-mock=tms] .work-kind{background:#ffffffbf;color:#1e1b4b;border-color:#0000000f}.tm-mock{flex:1;min-height:0;display:grid;grid-template-columns:17cqi 1fr;font-family:"Manrope",var(--font);color:#111827;background:#fff;overflow:hidden}.tm-side{display:flex;flex-direction:column;gap:.4cqi;padding:1.8cqi 1.2cqi;border-right:1px solid #eceef3;min-height:0}.tm-logo{font-size:2cqi;font-weight:800;color:#4338ca;letter-spacing:-.03em;margin:0 .6cqi 1.4cqi;white-space:nowrap}.tm-logo em{font-style:normal;font-family:var(--mono);font-size:1cqi;font-weight:500;color:#6b7280;letter-spacing:.1em;padding-left:.8cqi;margin-left:.4cqi;border-left:1px solid #d1d5db}.tm-link{display:flex;justify-content:space-between;align-items:center;font-size:1.25cqi;color:#1f2937;padding:.75cqi 1cqi;border-radius:.8cqi}.tm-link--on{background:#eef0ff;color:#3730a3;font-weight:600}.tm-link b{font-size:1cqi;font-weight:600;color:#4b5563;background:#f3f4f6;padding:0 .7cqi;border-radius:99px}.tm-group{display:grid;gap:.1cqi;margin-top:.8cqi}.tm-group-h{font-family:var(--mono);font-size:.95cqi;letter-spacing:.14em;text-transform:uppercase;color:#6b7280;padding:.4cqi 1cqi}.tm-ws{margin-top:auto;display:flex;align-items:center;gap:.8cqi;padding:1cqi .6cqi 0;border-top:1px solid #eceef3}.tm-ws i{font-style:normal;flex:none;display:grid;place-items:center;width:2.8cqi;height:2.8cqi;border-radius:50%;background:#4f46e5;color:#fff;font-size:1cqi;font-weight:700}.tm-ws span{display:grid;min-width:0}.tm-ws b{font-size:1.1cqi;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-ws em{font-style:normal;font-size:.95cqi;color:#6b7280}.tm-main{display:flex;flex-direction:column;min-width:0;background:#fafafd}.tm-top{display:flex;align-items:center;gap:1cqi;padding:1.1cqi 1.6cqi;background:#fff;border-bottom:1px solid #eceef3}.tm-search{flex:1;min-width:0;font-size:1.15cqi;color:#6b7280;padding:.8cqi 1.2cqi;border:1px solid #e5e7eb;border-radius:.8cqi;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-track{font-size:1.1cqi;font-weight:600;color:#374151;padding:.8cqi 1.1cqi;border:1px solid #e5e7eb;border-radius:.8cqi;white-space:nowrap}.tm-bell{position:relative;font-size:1.4cqi}.tm-bell i{position:absolute;top:-.8cqi;right:-.9cqi;font-style:normal;font-size:.85cqi;font-weight:700;color:#fff;background:#dc2626;border-radius:99px;padding:0 .5cqi}.tm-raise{font-size:1.15cqi;font-weight:700;color:#fff;background:#4f46e5;padding:.85cqi 1.4cqi;border-radius:.8cqi;white-space:nowrap}.tm-avatar{flex:none;display:grid;place-items:center;width:2.8cqi;height:2.8cqi;border-radius:50%;background:#4f46e5;color:#fff;font-size:1.2cqi;font-weight:700}.tm-body{padding:1.6cqi 2cqi;display:grid;gap:1.2cqi;align-content:start;min-height:0}.tm-head{display:flex;align-items:baseline;gap:1.2cqi}.tm-head b{font-size:2cqi;font-weight:800}.tm-head span{font-size:1.2cqi;color:#6b7280}.tm-chips{display:flex;gap:.7cqi;flex-wrap:nowrap;overflow:hidden}.tm-seg{flex:none;font-size:1.1cqi;font-weight:600;color:#374151;padding:.8cqi 1.2cqi;border:1px solid #e5e7eb;border-radius:.8cqi;background:#fff;white-space:nowrap}.tm-seg em{font-style:normal;margin-left:1cqi}.tm-chip{flex:none;display:grid;font-size:1cqi;color:#6b7280;padding:.5cqi 1.1cqi;border:1px solid #e5e7eb;border-radius:.8cqi;background:#fff;white-space:nowrap}.tm-chip i{font-style:normal;line-height:1}.tm-days{display:grid;grid-template-columns:repeat(5,1fr);gap:.9cqi}.tm-day{display:grid;gap:.3cqi;padding:1.1cqi 1.2cqi;border:1px solid #eceef3;border-radius:1cqi;background:#fdfdfe}.tm-day b{font-size:1.3cqi;font-weight:600;color:#4b5563}.tm-day em{font-style:normal;font-family:var(--mono);font-size:1cqi;color:#6b7280}.tm-day i{justify-self:start;font-style:normal;font-family:var(--mono);font-size:.95cqi;color:#6b7280;background:#f3f4f6;border-radius:99px;padding:.1cqi .7cqi;margin-top:.3cqi}.tm-day--over b{color:#dc2626}.tm-day--over i{background:#dc2626;color:#fff;font-weight:700}.tm-day--today{background:#fff;border-color:#c7c9d9;box-shadow:0 .3cqi 1cqi -.4cqi #11182726}.tm-day--today b{color:#111827}.tm-list-h{display:flex;align-items:center;gap:.8cqi;font-size:1.4cqi;font-weight:700;margin-top:.4cqi}.tm-list-h i{width:1cqi;height:1cqi;border-radius:50%;background:#dc2626}.tm-list-h em{font-style:normal;font-weight:400;color:#6b7280}.tm-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto auto;align-items:center;gap:1.2cqi;padding:1.1cqi 1.4cqi;background:#fff;border:1px solid #e5e7eb;border-radius:1cqi}.tm-check{width:1.5cqi;height:1.5cqi;border:1px solid #d1d5db;border-radius:.3cqi}.tm-task{display:grid;min-width:0}.tm-task b{font-size:1.3cqi;font-weight:600}.tm-task em{font-style:normal;font-size:1cqi;color:#6b7280;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tm-type{font-family:var(--mono);font-size:1cqi;font-weight:600;letter-spacing:.08em;color:#4338ca;background:#eef0ff;padding:.3cqi 1cqi;border-radius:.5cqi}.tm-over{font-size:1.05cqi;font-weight:600;color:#dc2626;background:#fef2f2;border:1px solid #fecaca;padding:.3cqi .9cqi;border-radius:.5cqi;white-space:nowrap}.tm-status{font-size:1.05cqi;padding:.3cqi 1.1cqi;border-radius:99px;white-space:nowrap;min-width:15cqi}.tm-status:before{content:"● ";font-size:.8em}.tm-status--blue{color:#1d4ed8;background:#eff6ff;border:1px solid #93c5fd}.tm-status--amber{color:#b45309;background:#fffbeb;border:1px solid #fcd34d}.tm-status--grey{color:#374151;background:#f9fafb;border:1px solid #e5e7eb}.work-visual--mock[data-mock=figsflowSuite]{background:radial-gradient(70% 60% at 50% 0%,rgba(79,70,229,.3),transparent 70%),linear-gradient(160deg,#eeeefc,#d8d8f4)}.work-visual--mock[data-mock=figsflowSuite] .browser-bar{background:#fff;border-bottom-color:#e5e7eb}.work-visual--mock[data-mock=figsflowSuite] .browser-url{background:#f3f4f6;color:#6b7280}.work-visual--mock[data-mock=figsflowSuite] .work-kind{background:#ffffffbf;color:#1e1b4b;border-color:#0000000f}.fs-mock{flex:1;min-height:0;display:flex;flex-direction:column;background:#fff;font-family:"Manrope",var(--font)}.fs-tabs{flex:none;display:flex;gap:.8cqi;padding:1cqi 1.6cqi;background:#f6f6fd;border-bottom:1px solid #e5e7eb}.fs-tabs button{font:inherit;font-size:1.3cqi;color:#4b5563;cursor:pointer;padding:.7cqi 1.6cqi;border-radius:99px;background:transparent;border:1px solid transparent;transition:background .3s,color .3s,border-color .3s}.fs-tabs button b{font-weight:800;color:#4338ca;margin-right:.4cqi}.fs-tabs button:hover{background:#eef0ff}.fs-tabs button.on{background:#fff;color:#111827;border-color:#c7c9f0;box-shadow:0 .3cqi 1cqi -.4cqi #4338ca59}.fs-stage{position:relative;flex:1;min-height:0}.fs-pane{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;opacity:0;transition:opacity .6s;pointer-events:none}.fs-pane.is-on{opacity:1;pointer-events:auto}.fs-shot{width:100%;height:100%;object-fit:cover;object-position:top left;display:block}.work-visual--mock[data-mock=bugsheet]{background:radial-gradient(70% 60% at 50% 0%,rgba(76,57,110,.3),transparent 70%),linear-gradient(160deg,#efeaf6,#d9d0e8)}.bs-mock{flex:1;min-height:0;font-family:Arial,var(--font);color:#202124;background:#fff;display:flex;flex-direction:column}.bs-bar{display:flex;align-items:center;gap:1.2cqi;padding:1.6cqi 2cqi;background:#f9fbfd;border-bottom:1px solid #e3e3e3}.bs-icon{width:2.6cqi;height:3.2cqi;border-radius:.4cqi;background:linear-gradient(#0f9d58 0,#0f9d58 0) center / 60% 12% no-repeat,linear-gradient(#0f9d58 0,#0f9d58 0) center 70% / 60% 12% no-repeat,#23a566;box-shadow:inset 0 0 0 .5cqi #23a566,inset 0 0 0 10cqi #fff}.bs-file{font-size:1.6cqi;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bs-xlsx{font-size:1.1cqi;font-weight:700;color:#fff;background:#188038;padding:.2cqi .7cqi;border-radius:.4cqi}.bs-sheet{flex:1;overflow:hidden;font-size:1.3cqi}.bs-cols,.bs-row,.bs-title,.bs-sub{display:grid;grid-template-columns:3.4cqi 1.3fr 1.7fr .6fr .6fr .7fr .6fr;border-bottom:1px solid #e3e3e3}.bs-cols{background:#f8f9fa;color:#5f6368;text-align:center;font-size:1.1cqi}.bs-cols i,.bs-row i,.bs-title i,.bs-sub i{font-style:normal;color:#5f6368;text-align:center;background:#f8f9fa;border-right:1px solid #e3e3e3;padding:.7cqi 0;font-size:1.1cqi}.bs-cols i{padding:.5cqi 0}.bs-title b{grid-column:2 / -1;font-size:2.2cqi;color:#4a3a6b;padding:.9cqi 1cqi}.bs-sub span{grid-column:2 / -1;padding:.7cqi 1cqi}.bs-row span{padding:.9cqi 1cqi;border-right:1px solid #eee;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bs-row .num{text-align:right}.bs-row--head span{background:#4a3a6b;color:#fff;font-weight:700}.bs-high{color:#c5221f;font-weight:700}.bs-row--total span{font-weight:700;background:#f3f0f8}.work-visual--mock[data-mock=playwright]{background:radial-gradient(70% 60% at 50% 0%,rgba(45,212,107,.28),transparent 70%),linear-gradient(160deg,#1b2027,#0d1014)}.pw-mock{flex:1;min-height:0;font-family:"Segoe UI",var(--font);color:#1f2328;background:#fff;display:flex;flex-direction:column}.pw-head{display:flex;align-items:center;justify-content:space-between;gap:2cqi;padding:2cqi 2.6cqi 1.2cqi}.pw-title{font-size:2.2cqi;font-weight:600}.pw-search{font-family:var(--mono);font-size:1.2cqi;color:#57606a;border:1px solid #d0d7de;border-radius:.6cqi;padding:.7cqi 1.4cqi}.pw-filters{display:flex;gap:2cqi;padding:0 2.6cqi 1.4cqi;font-size:1.35cqi;color:#57606a;border-bottom:1px solid #d0d7de}.pw-filters span.on{color:#1f2328;font-weight:600}.pw-filters b{font-weight:600;background:#eaeef2;padding:.1cqi .8cqi;border-radius:99px;margin-left:.4cqi}.pw-filters .pw-pass b{background:#dafbe1;color:#1a7f37}.pw-list{padding:1.2cqi 2.6cqi;display:grid;gap:.8cqi}.pw-row{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1.6cqi;padding:1.1cqi 1.4cqi;border:1px solid #d0d7de;border-radius:.8cqi;animation:pwIn 6s var(--ease) infinite both}.pw-tick{color:#1a7f37;font-weight:800;font-size:1.6cqi}.pw-name{display:grid;font-size:1.4cqi}.pw-name em{font-style:normal;font-family:var(--mono);font-size:1.1cqi;color:#57606a}.pw-proj{font-size:1.1cqi;background:#ddf4ff;color:#0969da;padding:.3cqi 1cqi;border-radius:99px}.pw-ms{font-family:var(--mono);font-size:1.2cqi;color:#57606a}@keyframes pwIn{0%{opacity:0;transform:translateY(1cqi)}8%,88%{opacity:1;transform:none}to{opacity:0}}@media (prefers-reduced-motion: reduce){.pw-row{animation:none}}.work-group+.work-group{margin-top:clamp(56px,7vw,96px)}.work-group-head{display:flex;align-items:baseline;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-bottom:24px;padding-bottom:16px;border-bottom:1px solid var(--line)}.work-group-head h3{font-size:clamp(22px,2.4vw,30px);font-weight:800;letter-spacing:-.02em}.work-group-head p{color:var(--muted);font-size:15px;max-width:520px}.work-filters{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;margin-bottom:clamp(28px,4vw,44px);padding-bottom:18px;border-bottom:1px solid var(--line)}.work-filters-label{display:inline-flex;align-items:center;gap:6px;font-size:11.5px;font-weight:700;color:var(--faint);text-transform:uppercase;letter-spacing:.09em;flex:none}.work-filters-list{display:flex;gap:7px;flex-wrap:wrap;flex:1}.filter-chip{display:inline-flex;align-items:center;gap:7px;font-size:13px;font-weight:600;line-height:1;padding:8px 13px;border-radius:999px;border:1px solid var(--line);background:transparent;color:var(--ink-2);transition:border-color .2s,background .2s,color .2s}.filter-chip .nav-count{font-size:10.5px;font-weight:700;letter-spacing:0;padding:2px 5px;border-radius:5px;background:var(--paper-2);color:var(--faint);transition:background .2s,color .2s}.filter-chip:hover{border-color:var(--ink-2);background:var(--paper-2);color:var(--ink)}.filter-chip--active{background:var(--accent-dark);color:#fff;border-color:var(--accent-dark)}.filter-chip--active .nav-count{background:#ffffff29;color:#fff}.filter-chip--active:hover{background:var(--accent-dark);color:#fff}.work-cover-text{position:relative;z-index:1;font-size:15px;font-weight:600;opacity:.8;max-width:80%}.work-card--static{cursor:default}.scrollshot{position:relative;flex:1;min-height:0;overflow:hidden;container-type:size;background:#0c0714}.scrollshot-img{display:block;width:100%;height:auto;max-width:none;animation:scrollshot 28s ease-in-out infinite alternate}@keyframes scrollshot{0%,6%{transform:translateY(0)}94%,to{transform:translateY(calc(-100% + 100cqh))}}.scrollshot:hover .scrollshot-img,.scrollshot:focus-visible .scrollshot-img{animation-play-state:paused}@media (prefers-reduced-motion: reduce){.scrollshot{overflow-y:auto}.scrollshot-img{animation:none}}.work-visual--mock .browser{position:absolute;top:13%;left:7%;right:7%;bottom:0;height:auto}.work-card--featured{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr)}.work-card--featured .work-visual{min-height:clamp(380px,36vw,520px)}.work-card--flip{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}.work-card--flip .work-visual{order:2}.work-card--featured+.work-card--featured{margin-top:4px}.work-repo--link{transition:color .2s}.work-repo--link:hover{color:var(--ink);text-decoration:underline;text-underline-offset:3px}@media (max-width: 820px){.work-card--featured,.work-card--flip{grid-template-columns:1fr}.work-card--flip .work-visual{order:0}.work-card--featured .work-visual{min-height:0;aspect-ratio:4 / 3}}.hero{--p: 0;--mx: 0;--my: 0}.px-name{translate:calc(var(--mx) * -10px) calc(var(--p) * 160px);will-change:translate}.px-name>span{opacity:calc(1 - var(--p) * 1.3)}.hero-glow{position:absolute;z-index:0;left:50%;bottom:4%;width:min(62cqi,640px);aspect-ratio:1;border-radius:50%;background:radial-gradient(circle at 50% 45%,rgba(34,197,94,.16),transparent 55%),radial-gradient(circle,rgba(17,17,17,.07),transparent 68%);filter:blur(8px);translate:calc(-50% + var(--mx) * -22px) calc(var(--p) * 60px + var(--my) * -10px);scale:calc(1 + var(--p) * .25);pointer-events:none;animation:glowIn 1.4s .2s var(--ease) both}@keyframes glowIn{0%{opacity:0}}.px-portrait{translate:calc(var(--mx) * 14px) calc(var(--p) * -70px + var(--my) * 8px);scale:calc(1 + var(--p) * .07);will-change:translate,scale}.hero-badges{position:absolute;top:0;right:0;bottom:0;left:0;z-index:3;pointer-events:none}.hero-badge{position:absolute;display:inline-flex;align-items:center;gap:8px;padding:8px 14px 8px 8px;font-family:var(--mono);font-size:12.5px;font-weight:500;white-space:nowrap;color:var(--accent-dark);background:#ffffffe0;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);border:1px solid rgba(17,17,17,.1);border-radius:999px;box-shadow:0 14px 34px -14px #00000047;translate:calc(var(--mx) * var(--d) * 16px) calc(var(--my) * var(--d) * 10px + var(--p) * var(--d) * -150px);opacity:calc(1 - var(--p) * 1.4);animation:badgeIn .8s var(--ease) both,badgeFloat 6s ease-in-out infinite}.hero-badge i{font-style:normal;flex:none;display:grid;place-items:center;width:24px;height:24px;border-radius:50%;font-size:12px;font-weight:700}.hero-badge--ok i{background:#dcfce7;color:#15803d}.hero-badge--api i{background:#dbeafe;color:#1d4ed8}.hero-badge--bug i{background:#fee2e2}.hero-badge--pw i{background:#111;color:#fff;font-size:9px}.hero-badge--dev{background:#111111eb;color:#e5e7eb;border-color:#262626}.hero-badge--dev i{background:#22c55e;color:#052e16;font-weight:800}.hero-badge--tl{left:calc(50% - 25cqi);top:6%;animation-delay:.9s,0s}.hero-badge--tr{left:calc(50% + 12cqi);top:20%;animation-delay:1.05s,-1.5s}.hero-badge--ml{left:calc(50% - 28cqi);top:33%;animation-delay:1.2s,-3s}.hero-badge--mr{left:calc(50% + 15cqi);top:52%;animation-delay:1.35s,-4.5s}.hero-badge--br{left:calc(50% + 9cqi);top:72%;animation-delay:1.5s,-2.2s}@keyframes badgeIn{0%{opacity:0;transform:scale(.85) translateY(10px)}}@keyframes badgeFloat{50%{transform:translateY(-9px)}}.px-fore{translate:0 calc(var(--p) * 90px)}.hero-intro.px-fore>*,.hero-socials.px-fore .pill{opacity:calc(1 - var(--p) * 1.6)}@media (max-width: 900px){.hero-glow{bottom:auto;top:0;width:min(90cqi,520px)}.px-name{translate:0 calc(var(--p) * 40px)}.px-name>span{opacity:1}.px-fore{translate:none}.hero-intro.px-fore>*,.hero-socials.px-fore .pill{opacity:1}.hero-badges{inset:auto;top:0;left:0;right:0;height:max(300px,min(70cqi,56svh))}.hero-badge{font-size:11px;padding:5px 10px 5px 5px;gap:6px;translate:none;opacity:1}.hero-badge i{width:20px;height:20px;font-size:11px}.hero-badge--tl{left:2cqi;right:auto;top:4%}.hero-badge--tr{left:auto;right:2cqi;top:22%}.hero-badge--ml{left:2cqi;right:auto;top:44%}.hero-badge--mr{left:auto;right:2cqi;top:62%}.hero-badge--br{left:6cqi;right:auto;top:80%}}@media (max-width: 640px){.hero-badges{height:min(100cqi,440px)}.hero-badge{font-size:10px;padding:4px 9px 4px 4px}.hero-badge i{width:18px;height:18px;font-size:10px}}@media (prefers-reduced-motion: reduce){.hero-badge{animation:none}}.hl{color:var(--ink);font-weight:700;background-image:linear-gradient(transparent 62%,#22c55e3d 62%);background-repeat:no-repeat;background-size:0% 100%;transition:background-size 1s var(--ease) .35s}.is-visible .hl{background-size:100% 100%}.service-card:hover .hl{color:#fff;background-image:linear-gradient(transparent 62%,#22c55e73 62%)}.nav-progress{position:absolute;left:0;right:0;bottom:0;height:2px;background:linear-gradient(90deg,var(--ink),#22c55e);transform:scaleX(0);transform-origin:left;pointer-events:none}.section-head.reveal{filter:blur(6px);transition:opacity .8s var(--ease),transform .8s var(--ease),filter 1s var(--ease)}.section-head.reveal.is-visible{filter:none}.work-card.reveal .work-visual{clip-path:inset(6% 6% 6% 6% round 18px);transition:clip-path 1.1s var(--ease) .12s}.work-card.reveal.is-visible .work-visual{clip-path:inset(0 0 0 0 round 0)}.work-card:not(.work-card--featured) .work-body{display:flex;flex-direction:column}.work-card:not(.work-card--featured) .work-meta{margin-top:auto}@media (min-width: 821px){.work-card--featured{min-height:clamp(550px,39vw,570px)}.work-card--featured .work-visual{min-height:0;height:100%}.work-card--featured .work-body{gap:11px}.work-card--featured .work-body p{font-size:14.5px}.work-card--featured .work-features li{font-size:13.5px}}.hero-intro{max-width:clamp(290px,27cqi,400px);bottom:clamp(24px,6svh,90px)}.hero-eyebrow{display:inline-block;font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);padding:5px 11px;margin-bottom:12px;border:1px solid var(--line);border-radius:999px;background:#ffffffd9}:root[data-theme=dark] .hero-eyebrow{background:#0a0a0a99}.hero-intro h2{font-size:clamp(26px,2.7cqi,40px);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin-bottom:12px}.hero-intro p{margin-bottom:18px}.hero-intro p strong{color:var(--ink);font-weight:700}.hero-ctas{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:20px}.hero-mini{display:flex;margin:0}.hero-mini div{padding:0 16px;border-left:1px solid var(--line)}.hero-mini div:first-child{padding-left:0;border-left:0}.hero-mini dt{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.1}.hero-mini dd{margin:0;font-size:12px;color:var(--muted);font-weight:600}.hero-scroll{position:absolute;z-index:4;left:50%;bottom:10px;translate:-50% 0;display:flex;flex-direction:column;align-items:center;gap:6px;font-family:var(--mono);font-size:10.5px;letter-spacing:.22em;text-transform:uppercase;color:var(--muted);opacity:calc(1 - var(--p, 0) * 4)}.hero-scroll-line{position:relative;width:1px;height:34px;overflow:hidden;background:#11111126}.hero-scroll-line:after{content:"";position:absolute;left:0;top:-40%;width:100%;height:40%;background:var(--ink);animation:scrollCue 1.8s ease-in-out infinite}@keyframes scrollCue{to{top:100%}}@media (max-width: 900px){.hero-intro{max-width:560px}.hero-scroll{display:none}}@media (prefers-reduced-motion: reduce){.hl{background-size:100% 100%;transition:none}.section-head.reveal{filter:none}.work-card.reveal .work-visual{clip-path:none}}