:root{--w: 980px;--radius: 14px;--h1: 34px;--h2: 24px;--topbar-h: 52px;--tabbar-h: 64px;--bg:#ffffff;--ink:#0f172a;--muted:#64748b;--line:#e2e8f0;--card:#ffffff;--brand:#0f172a;--btn:#0f172a;--btnText:#ffffff;--shadow:0 1px 2px rgba(0,0,0,.06);--resume-pct: 60;--rtb-fs: clamp(12px, .95vw, 14px);--rtb-pad-y: clamp(6px, .6vw, 10px);--rtb-pad-x: clamp(8px, 1vw, 14px);--rtb-gap: clamp(6px, 1vw, 12px);--rtb-radius: clamp(8px, 1vw, 12px)}@media (prefers-color-scheme: dark){:root{--bg:#0b1020;--ink:#e5e7eb;--muted:#94a3b8;--line:#1f2937;--card:#0f172a;--brand:#e2e8f0;--btn:#e2e8f0;--btnText:#0b1020;--shadow:0 1px 2px rgba(0,0,0,.35)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font:16px/1.65 Inter,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,video{max-width:100%;height:auto;display:block}a{color:inherit;text-decoration:none}a.underline,.link{color:#2563eb}a.underline:hover,.link:hover{text-decoration:underline}code,kbd{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace}.app-shell{min-height:100%;display:flex;flex-direction:column}.page{flex:1;max-width:var(--w);margin:0 auto;padding:16px 16px calc(var(--tabbar-h) + 16px)}.topbar{min-height:var(--topbar-h);transition:min-height .18s ease,padding .18s ease,background .18s ease,border-color .18s ease}.brand-name{transition:opacity .18s ease,transform .18s ease}.topbar.collapsed .brand{padding:6px 16px}.topbar.collapsed .brand-name{opacity:0;transform:translateY(-4px);pointer-events:none}.brand{width:100%;max-width:var(--w);display:flex;align-items:center;gap:10px;padding:10px 16px;text-decoration:none;color:var(--ink)}.brand-logo{width:28px;height:28px;object-fit:contain}.brand-name{font-weight:700}.section{max-width:var(--w);margin:28px auto;padding:0 16px}.section h1{font-size:var(--h1);margin:0 0 12px}.section h2{font-size:var(--h2);margin:24px 0 12px;border-bottom:1px solid var(--line);padding-bottom:8px}.small{color:var(--muted);font-size:14px}.grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fill,minmax(260px,1fr))}.card{background:var(--card);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:16px}.card h3{margin:0 0 6px}.meta{color:var(--muted);font-size:13px;margin-bottom:10px}.media{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:#f8fafc}.kv{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0}.tag{font-size:12px;padding:4px 8px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent}.btnrow{display:flex;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px}.btn{display:inline-block;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--btn);color:var(--btnText);font-size:14px;transition:transform .12s ease}.btn:hover{transform:translateY(-1px)}.btn.ghost{background:transparent;color:var(--ink)}label{display:block;margin:10px 0 6px;color:var(--ink)}.input,textarea{width:100%;padding:10px 12px;border:1px solid var(--line);background:transparent;color:var(--ink);border-radius:10px}.tabbar{position:fixed;left:0;right:0;bottom:0;height:var(--tabbar-h);display:flex;justify-content:space-around;align-items:center;background:var(--card);border-top:1px solid var(--line);z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.tab{flex:1;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-decoration:none}.tab.active{color:var(--brand)}.tab:hover{color:var(--ink)}.tab span{margin-top:2px}.footer{max-width:var(--w);margin:40px auto calc(var(--tabbar-h) + 26px);padding:0 16px;color:var(--muted);text-align:center;font-size:14px}.center{display:grid;place-items:center}.mt-16{margin-top:16px}.mt-24{margin-top:24px}model-viewer{touch-action:none}.section.resume h1{padding:0 16px}.resume-outer{position:relative;left:50%;right:50%;margin-left:-50vw;margin-right:-50vw;width:100vw}.resume-boundary{width:calc(var(--resume-pct, 60) * 1vw);max-width:1400px;margin:0 auto}.pdf-wrap{position:relative;height:calc(100vh - var(--topbar-h) - var(--tabbar-h));background:#fff!important;border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.resume-hoverzone{position:absolute;left:0;right:0;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px));height:clamp(56px,12vh,120px);z-index:40;background:transparent}.resume-toolbar{position:absolute;left:50%;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 12px);transform:translate(-50%);display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:var(--rtb-gap);padding:var(--rtb-pad-y) var(--rtb-pad-x);background:var(--card);border:1px solid var(--line);border-radius:var(--rtb-radius);box-shadow:var(--shadow);max-width:calc(100% - 16px);text-align:center;opacity:0;visibility:hidden;transition:opacity .2s ease;z-index:41}.resume-toolbar.show{opacity:.96;visibility:visible}.resume-toolbar .btn{font-size:var(--rtb-fs);padding:var(--rtb-pad-y) var(--rtb-pad-x);border-radius:var(--rtb-radius)}.section.resume{padding:0;margin:0;max-width:none}.resume-fab{position:fixed;right:14px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 14px);width:44px;height:44px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);box-shadow:var(--shadow);z-index:80;display:inline-flex;align-items:center;justify-content:center;font-size:20px;line-height:1;padding:0}.resume-quick{position:fixed;right:14px;bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom,0px) + 62px);background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;display:none;gap:8px;z-index:80}.resume-quick.show{display:flex;flex-direction:column}.resume-quick .btn{width:180px;text-align:center}@media (min-width: 640px){.resume-fab,.resume-quick{display:none!important}}.resume-fab:active{transform:scale(.98)}.section.resume{--resume-pct: 96}@media (min-width: 640px){.section.resume{--resume-pct: 80}}@media (min-width: 1024px){.section.resume{--resume-pct: 65}}.topbar.collapsed{box-shadow:0 6px 18px #0000000f,0 1px #0000000f;border-color:transparent}@media (prefers-color-scheme: dark){.topbar.collapsed{box-shadow:0 8px 22px #00000059,0 1px #00000040}}.contact-grid{display:grid;grid-template-columns:1fr;gap:24px;align-items:start}@media (min-width: 900px){.contact-grid{grid-template-columns:1fr 1fr}}.link-inline{display:inline-flex;align-items:center;gap:.4rem;font-size:.9rem;opacity:.85}.link-inline:hover{text-decoration:underline;opacity:1}.icon{width:18px;height:18px}.alert{margin-top:.75rem;padding:.65rem .8rem;border-radius:12px;border:1px solid;font-size:.9rem}.alert.success{color:#166534;background:#f0fdf4;border-color:#bbf7d0}.alert.error{color:#991b1b;background:#fef2f2;border-color:#fecaca}.social-card h2{margin:0 0 .25rem}.social-list{list-style:none;margin:1rem 0;padding:0;display:grid;gap:.6rem}.social-item{display:flex;align-items:center;justify-content:space-between;padding:.85rem .9rem;border:1px solid var(--line);border-radius:14px;color:inherit;text-decoration:none;background:var(--card);box-shadow:var(--shadow);transition:box-shadow .12s ease}.social-item:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.icon-wrap{display:inline-flex;align-items:center;justify-content:center;width:34px;height:34px;border:1px solid var(--line);border-radius:10px;background:#fff}.social-left{display:flex;align-items:center;gap:.6rem}.social-text{display:flex;flex-direction:column}.social-label{font-weight:600}.social-sub{font-size:.75rem;opacity:.7}.direct-email{margin-top:1rem;display:grid;gap:.4rem}.direct-box{display:flex;align-items:center;justify-content:space-between;background:#f8fafc;border:1px solid var(--line);border-radius:14px;padding:.75rem .9rem}.direct-left{display:inline-flex;align-items:center;gap:.45rem}@media (prefers-color-scheme: dark){.icon-wrap{background:var(--card)}.direct-box{background:#0f172a}}.expert-hero{display:flex;justify-content:space-between;align-items:end;gap:16px;margin-bottom:16px;flex-wrap:wrap}.stat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:16px;margin:12px 0 24px}.stat{display:grid;gap:6px}.stat-num{font-size:28px;font-weight:700}.stat-label{color:var(--muted)}.cap-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px}.cap-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.4rem}.cap-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:1px solid var(--line)}.cap-list{margin:0;padding-left:1.2rem}.cap-list li{margin:.25rem 0}.pill-row{display:flex;flex-wrap:wrap;gap:8px;margin:10px 0 18px}.pill{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;background:transparent;color:var(--muted)}.pill.ghost{background:transparent}.timeline{list-style:none;padding-left:0;border-left:2px solid var(--line);margin-left:8px}.timeline li{position:relative;margin:0 0 16px 12px;padding-left:12px}.timeline li:before{content:"";position:absolute;left:-13px;top:.35rem;width:10px;height:10px;border-radius:999px;background:var(--brand)}.timeline .time{font-size:12px;color:var(--muted)}.timeline .role{font-weight:600}.timeline .org{color:var(--muted);margin-bottom:.25rem}.timeline .points{margin:.25rem 0 0 1rem}.hero-pro{background:linear-gradient(180deg,#02061705,#02061700)}.hero-grid{display:grid;gap:24px;grid-template-columns:1.1fr .9fr;align-items:center}@media (max-width: 900px){.hero-grid{grid-template-columns:1fr}}.hero-title{font-size:42px;line-height:1.1;margin:.25rem 0 .5rem}.grad{background:linear-gradient(90deg,#22d3ee,#a78bfa);-webkit-background-clip:text;background-clip:text;color:transparent}.lead{color:var(--muted);max-width:52ch}.hero-points{margin:.75rem 0 0;padding-left:1rem;color:var(--ink)}.hero-visual{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden;background:#0b1220}.logo-strip{margin-top:16px}.logo-row{display:flex;flex-wrap:wrap;gap:10px;justify-content:center}.logo-pill{font-size:12px;padding:6px 10px;border:1px solid var(--line);border-radius:999px;color:var(--muted);background:transparent}.value-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.value-head{display:flex;align-items:center;gap:.6rem;margin-bottom:.35rem}.vicon{width:20px;height:20px}.projects-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.project h3{margin:8px 0 6px}.project-more{display:inline-flex;align-items:center;gap:6px;font-size:13px;color:var(--muted)}.project:hover .project-more{color:var(--ink)}.process-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));counter-reset:step}.process{display:flex;gap:12px;align-items:flex-start}.step-num{width:30px;height:30px;border-radius:999px;display:grid;place-items:center;background:var(--brand);color:var(--btnText);font-weight:700;font-size:14px}.step-body h3{margin:0 0 6px}.quote{display:grid;gap:8px;align-items:center;text-align:center}.qicon{width:22px;height:22px;opacity:.5;justify-self:center}.cta-banner{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}html{scroll-behavior:auto!important}[id]{scroll-margin-top:calc(var(--topbar-h) + 12px)}.email-cta-wrap{display:flex;justify-content:center;margin-top:12px}.email-cta{display:inline-flex;align-items:center;gap:.5rem;padding:.7rem 1rem;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);box-shadow:var(--shadow);font-weight:500;transition:transform .12s ease,box-shadow .12s ease}.email-cta:hover{transform:translateY(-1px)}.input,textarea{background:#f8fafc;border:1px solid #cbd5e1;color:var(--ink);border-radius:10px;padding:10px 12px;box-shadow:inset 0 1px #00000005}.input:hover,textarea:hover{border-color:#94a3b8}.input:focus,textarea:focus{outline:none;background:#fff;border-color:#0ea5e9;box-shadow:0 0 0 3px #0ea5e933}.input::placeholder,textarea::placeholder{color:#94a3b8}@media (prefers-color-scheme: dark){.input,textarea{background:#111827;border-color:#374151}.input:hover,textarea:hover{border-color:#4b5563}.input:focus,textarea:focus{background:#0f172a;border-color:#38bdf8;box-shadow:0 0 0 3px #38bdf840}.input::placeholder,textarea::placeholder{color:#64748b}}.input.sm,textarea.sm{padding:8px 10px;border-radius:8px}.input.lg,textarea.lg{padding:12px 14px;border-radius:12px;font-size:16px}.input[disabled],textarea[disabled]{opacity:.6;cursor:not-allowed}.input:invalid,textarea:invalid{border-color:#fca5a5;box-shadow:0 0 0 2px #ef444426}:root{--cf-bg: #f8fafc;--cf-text: #0f172a;--cf-placeholder: #94a3b8;--cf-border: #cbd5e1;--cf-hover: #94a3b8;--cf-focus: #0ea5e9;--cf-ring: rgba(14,165,233,.22);--cf-radius: 12px;--cf-pad-y: 10px;--cf-pad-x: 12px;--cf-label: var(--ink)}@media (prefers-color-scheme: dark){:root{--cf-bg: #111827;--cf-text: #e5e7eb;--cf-placeholder: #64748b;--cf-border: #374151;--cf-hover: #4b5563;--cf-focus: #38bdf8;--cf-ring: rgba(56,189,248,.25)}}.contact-card label{color:var(--cf-label)}.contact-card .input[name=name],.contact-card .input[name=email],.contact-card textarea[name=message]{background:var(--cf-bg);color:var(--cf-text);border:1px solid var(--cf-border);border-radius:var(--cf-radius);padding:var(--cf-pad-y) var(--cf-pad-x);box-shadow:inset 0 1px #00000005}.contact-card .input[name=name]::placeholder,.contact-card .input[name=email]::placeholder,.contact-card textarea[name=message]::placeholder{color:var(--cf-placeholder)}.contact-card .input[name=name]:hover,.contact-card .input[name=email]:hover,.contact-card textarea[name=message]:hover{border-color:var(--cf-hover)}.contact-card .input[name=name]:focus,.contact-card .input[name=email]:focus,.contact-card textarea[name=message]:focus{outline:none;border-color:var(--cf-focus);box-shadow:0 0 0 3px var(--cf-ring)}.contact-card .input[name=name]:invalid,.contact-card .input[name=email]:invalid,.contact-card textarea[name=message]:invalid{border-color:var(--cf-border);box-shadow:none}.splash{position:fixed;inset:0;z-index:9999;background:var(--bg);display:grid;place-items:center}.splash-inner{display:flex;flex-direction:column;align-items:center;gap:10px}.logo-pulse{width:72px;height:72px;border-radius:16px;border:1px solid var(--line);background:var(--card);display:grid;place-items:center;box-shadow:var(--shadow);animation:hwt-pulse 1.2s ease-in-out infinite}.logo-pulse img{width:42px;height:42px;object-fit:contain}.splash-brand{font-weight:700;letter-spacing:.06em}.splash-sub{color:var(--muted);font-size:13px}@keyframes hwt-pulse{0%{transform:scale(1);opacity:.92}50%{transform:scale(1.06);opacity:1}to{transform:scale(1);opacity:.92}}