:root{--bg:#0e0f13;--panel:#15171d;--line:#242833;--fg:#eef0f4;--muted:#9aa2b1;--dim:#6b7280;--accent:#e0873a;--accent-2:#f0a257;--accent-ink:#1a0f05;--max:960px}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;scroll-padding-top:84px}body{background:var(--bg);color:var(--fg);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif;line-height:1.6;-webkit-font-smoothing:antialiased;font-size:16px}a{color:inherit;text-decoration:none}img{max-width:100%}.reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .7s cubic-bezier(.2,.7,.2,1)}.reveal.in{opacity:1;transform:none}[data-parallax]{will-change:transform}.grid>.reveal,.arch>.reveal{display:flex}.grid>.reveal>.card,.arch>.reveal>.layer{flex:1}@media (prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none;transition:none}[data-parallax]{transform:none!important}}.wrap{max-width:var(--max);margin:0 auto;padding:0 24px}.wrap.narrow{max-width:900px}nav{position:sticky;top:0;z-index:10;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0e0f13b8;border-bottom:1px solid var(--line)}nav .wrap{display:flex;align-items:center;justify-content:space-between;height:60px}.brand{font-weight:800;letter-spacing:-.02em}.brand span{color:var(--accent)}.navlinks{display:flex;gap:26px;font-size:14px;color:var(--muted)}.navlinks a:hover{color:var(--fg)}.back{color:var(--muted);font-size:14px;font-weight:600}.back:hover{color:var(--accent-2)}@media (max-width:620px){.navlinks{display:none}}.btn{display:inline-flex;align-items:center;gap:8px;padding:11px 18px;border-radius:11px;font-weight:600;font-size:14.5px;transition:.16s;cursor:pointer;border:0;background:none;color:inherit;font-family:inherit}.btn.primary{background:var(--accent);color:var(--accent-ink)}.btn.primary:hover{background:var(--accent-2);transform:translateY(-1px)}.btn.ghost{border:1px solid var(--line);color:var(--fg)}.btn.ghost:hover{border-color:var(--accent);color:var(--accent-2)}.decor{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.d-glow{position:absolute;border-radius:50%;filter:blur(80px)}.d1{width:620px;height:620px;top:-140px;right:-150px;background:radial-gradient(circle,rgba(224,135,58,.17),transparent 60%)}.d2{width:560px;height:560px;top:42%;left:-190px;background:radial-gradient(circle,rgba(120,96,224,.11),transparent 60%)}.d3{width:520px;height:520px;bottom:-180px;right:4%;background:radial-gradient(circle,rgba(240,162,87,.1),transparent 60%)}header{padding:92px 0 66px;position:relative;overflow:hidden}.glow{display:none}.eyebrow{color:var(--accent-2);font-size:13px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:18px}h1{font-size:clamp(34px,6vw,60px);line-height:1.04;letter-spacing:-.03em;font-weight:800}.lo{display:block;margin-top:6px;font-size:clamp(21px,3.6vw,36px);font-weight:700;letter-spacing:-.01em;line-height:1.1;background:linear-gradient(180deg,#cfd4de,#7d8494);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.lede{margin:38px 0 0;font-size:clamp(17px,2.4vw,20px);color:var(--muted);max-width:640px}.lede b{color:var(--fg);font-weight:600}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.stat{display:flex;flex-direction:column;gap:2px;padding:11px 16px;border:1px solid var(--line);border-radius:12px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent)}.stat b{font-size:20px;font-weight:800;letter-spacing:-.02em;color:var(--fg)}.stat span{font-size:11.5px;color:var(--dim);text-transform:uppercase;letter-spacing:.06em}.avail{display:inline-flex;align-items:center;gap:9px;margin-top:26px;padding:8px 15px;border:1px solid var(--line);border-radius:999px;background:var(--panel);font-size:13.5px;color:var(--muted)}.dot{width:8px;height:8px;border-radius:50%;background:#39d98a;box-shadow:0 0 0 4px #39d98a29}.cta{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}section{padding:60px 0}.kicker{display:flex;align-items:center;gap:11px;color:var(--accent-2);font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;margin-bottom:22px}.kbar{width:8px;height:8px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 3px #e0873a24}.knum{color:var(--dim);font-weight:800;letter-spacing:.05em}.about p{font-size:clamp(16px,2vw,18px);color:#c8cdd7;max-width:720px}.about p b{color:var(--fg)}.about p+p{margin-top:14px}.timeline{position:relative}.timeline:before{content:"";position:absolute;left:9px;top:6px;bottom:10px;width:2px;background:linear-gradient(180deg,var(--accent),rgba(224,135,58,.18),transparent)}.job{position:relative;padding:0 0 32px 36px}.job:last-child{padding-bottom:0}.job:before{content:"";position:absolute;left:0;top:4px;width:16px;height:16px;border-radius:50%;background:var(--bg);border:2px solid var(--accent);box-shadow:0 0 0 4px #e0873a1f;transition:.18s}.job:hover:before{box-shadow:0 0 0 5px #e0873a33}.job .when{color:var(--accent-2);font-size:12px;font-weight:700;letter-spacing:.05em;margin-bottom:5px}.job h3{font-size:17px;font-weight:700}.job .co{color:var(--accent-2);font-weight:600}.job p{color:var(--muted);font-size:14.5px;margin-top:7px;max-width:660px}.job .tech{margin-top:10px;font-size:12.5px;color:var(--dim)}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}.card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:14px;padding:19px 18px 17px;transition:transform .18s,border-color .18s,box-shadow .28s;display:block;background:radial-gradient(120% 80% at 0% 0%,rgba(224,135,58,.06),transparent 42%),var(--panel)}.card:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,var(--accent),transparent);opacity:0;transition:.22s}.card:hover{border-color:#e0873a8c;transform:translateY(-3px);box-shadow:0 16px 44px -18px #e0873a66}.card:hover:before{opacity:1}.card h3{font-size:16px;font-weight:700;display:flex;align-items:center;gap:8px}.card .arrow{color:var(--dim);font-size:13px;transition:.18s;margin-left:auto}.card:hover .arrow{color:var(--accent-2);transform:translate(2px,-2px)}.card p{color:var(--muted);font-size:13.5px;margin-top:7px}.card .tag{margin-top:11px;font-size:11.5px;color:var(--dim)}.chip-live{display:inline-block;font-size:10.5px;color:#39d98a;border:1px solid rgba(57,217,138,.35);border-radius:6px;padding:0 6px;vertical-align:middle}.chip-star{display:inline-block;font-size:10.5px;color:var(--accent-2);border:1px solid rgba(224,135,58,.4);border-radius:6px;padding:0 6px;vertical-align:middle}.skills{display:grid;grid-template-columns:repeat(auto-fit,minmax(230px,1fr));gap:16px}.skills>.reveal{display:flex}.skill-card{flex:1;border:1px solid var(--line);border-radius:14px;padding:17px 16px;background:linear-gradient(180deg,rgba(255,255,255,.02),transparent),var(--panel)}.skills h4{font-size:12px;color:var(--accent-2);text-transform:uppercase;letter-spacing:.09em;margin-bottom:12px}.skills ul{list-style:none;display:flex;flex-wrap:wrap;gap:7px}.skills li{font-size:12.5px;color:#c8cdd7;border:1px solid var(--line);border-radius:7px;padding:5px 10px;background:#ffffff05;transition:border-color .15s,color .15s}.skills li:hover{border-color:#e0873a80;color:var(--fg)}.contact{text-align:center;padding:72px 0}.contact h2{font-size:clamp(26px,4vw,38px);letter-spacing:-.02em;font-weight:800}.contact p{color:var(--muted);margin:14px auto 26px;max-width:520px}footer{border-top:1px solid var(--line);padding:26px 0;color:var(--dim);font-size:13px}footer .wrap{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px}footer a{color:var(--accent-2);font-weight:600}footer a:hover{color:var(--fg)}.case-header{padding:70px 0 40px;position:relative;overflow:hidden}.case-eyebrow{display:flex;align-items:center;gap:10px;color:var(--accent-2);font-size:12.5px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;margin-bottom:14px;flex-wrap:wrap}.tag-badge{font-size:10.5px;border-radius:6px;padding:1px 7px}.b-live{color:#39d98a;border:1px solid rgba(57,217,138,.35)}.b-oss{color:var(--accent-2);border:1px solid rgba(224,135,58,.4)}.b-gh{color:var(--muted);border:1px solid var(--line)}.case-header h1{font-size:clamp(32px,6vw,50px)}.sub{margin:16px 0 0;font-size:clamp(16px,2.4vw,19px);color:var(--muted);max-width:660px}.sub b{color:var(--fg)}.meta{margin-top:18px;font-size:13px;color:var(--dim)}.links{display:flex;flex-wrap:wrap;gap:12px;margin-top:22px}.case section{padding:32px 0}.case h2{font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--accent-2);margin-bottom:16px}.case p{color:#c8cdd7;max-width:680px}.case p b{color:var(--fg)}.lead{font-size:17.5px}.arch{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:14px}.layer{border:1px solid var(--line);border-radius:13px;padding:16px;transition:border-color .18s,transform .18s;background:radial-gradient(120% 80% at 0% 0%,rgba(224,135,58,.05),transparent 44%),var(--panel)}.layer:hover{border-color:#e0873a66;transform:translateY(-2px)}.layer h3{font-size:14.5px;font-weight:700;color:var(--accent-2)}.layer h3 b{color:var(--accent-2)}.layer p{font-size:13.5px;color:var(--muted);margin-top:5px}ul.feat{list-style:none;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}ul.feat li{position:relative;padding-left:22px;color:#c8cdd7;font-size:14.5px}ul.feat li:before{content:"▹";position:absolute;left:0;color:var(--accent);font-weight:700}ul.feat li b{color:var(--fg)}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{font-size:12.5px;color:var(--muted);border:1px solid var(--line);border-radius:7px;padding:4px 10px;background:var(--panel)}.case footer{padding:30px 0 56px}.case footer .wrap{justify-content:flex-start}
