*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#0f1115;--text:#f2efe8;--soft:#c9c2b7;--muted:#8f877c;--line:rgba(242,239,232,.13);--line-strong:rgba(242,239,232,.24);--accent:#b9e6d3;--accent-warm:#ddc49a;--container:1080px}html{scroll-behavior:smooth}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 75% 8%,rgba(185,230,211,.09),transparent 26%),linear-gradient(180deg,#0f1115 0%,#111419 54%,#0f1115 100%);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.6;overflow-x:hidden}body.nav-open{overflow:hidden}a{color:inherit;text-decoration:none}.container{width:min(100% - 44px,var(--container));margin:0 auto}.header{position:sticky;top:0;z-index:50;border-bottom:1px solid rgba(242,239,232,.08);background:rgba(15,17,21,.82);backdrop-filter:blur(18px)}.header-inner{min-height:68px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:15px;font-weight:720}.brand-mark{display:grid;place-items:center;width:32px;height:32px;border:1px solid var(--line-strong);border-radius:10px;color:#0f1115;background:linear-gradient(135deg,var(--accent),var(--accent-warm));font-weight:820}.nav{display:flex;align-items:center;gap:6px}.nav a{padding:8px 10px;border-radius:999px;color:var(--soft);font-size:13px;font-weight:640;transition:color .18s ease,background .18s ease}.nav a:hover,.nav a.is-active{color:var(--text);background:rgba(255,255,255,.055)}.nav-toggle{display:none;width:40px;height:40px;border:1px solid var(--line);border-radius:12px;background:transparent;cursor:pointer}.nav-toggle span{display:block;width:18px;height:2px;margin:5px auto;border-radius:999px;background:var(--text);transition:transform .18s ease}.nav-open .nav-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.nav-open .nav-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.hero{min-height:calc(100vh - 68px);display:flex;align-items:center;padding:70px 0}.hero-layout{display:grid;grid-template-columns:minmax(0,.95fr) minmax(300px,.55fr);gap:56px;align-items:center}.eyebrow{margin-bottom:14px;color:var(--accent);font-size:11px;font-weight:760;letter-spacing:.16em;text-transform:uppercase}h1,h2,h3{line-height:1.1;letter-spacing:-.035em}h1{max-width:560px;font-size:clamp(34px,4.3vw,48px);font-weight:640}h2{font-size:clamp(24px,3vw,34px);font-weight:650}h3{font-size:18px;font-weight:680}.lead{max-width:520px;margin-top:18px;color:var(--soft);font-size:16px}.hero-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:26px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:0 16px;border:1px solid var(--line-strong);border-radius:999px;color:var(--text);background:rgba(255,255,255,.035);font-size:13px;font-weight:720;transition:transform .18s ease,border-color .18s ease,background .18s ease}.button:hover{transform:translateY(-2px);border-color:rgba(185,230,211,.45)}.button.primary{color:#0f1115;border-color:transparent;background:linear-gradient(135deg,var(--accent),var(--accent-warm))}.quick-facts{display:grid;gap:8px;max-width:500px;margin-top:28px;list-style:none}.quick-facts li{position:relative;padding-left:18px;color:var(--muted);font-size:14px}.quick-facts li:before{content:"";position:absolute;left:0;top:.72em;width:6px;height:6px;border-radius:999px;background:var(--accent)}.signal-card{position:relative;overflow:hidden;padding:22px;border:1px solid var(--line);border-radius:24px;background:radial-gradient(circle at var(--mx,70%) var(--my,20%),rgba(185,230,211,.15),transparent 34%),rgba(255,255,255,.03);transition:transform .28s ease,border-color .28s ease,background .28s ease}.signal-card:hover{transform:translateY(-3px);border-color:rgba(185,230,211,.28)}.signal-card:after{content:"";position:absolute;inset:auto 22px 22px;height:1px;background:linear-gradient(90deg,transparent,rgba(185,230,211,.7),transparent);transform:translateX(-70%);animation:scan 3.8s ease-in-out infinite}.signal-top{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:30px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}.signal-top strong{color:var(--accent);font-size:11px}.signal-flow{position:relative;display:grid;gap:19px}.signal-flow:before{content:"";position:absolute;top:10px;bottom:10px;left:7px;width:1px;background:linear-gradient(180deg,var(--accent),rgba(242,239,232,.1))}.flow-item{position:relative;display:flex;align-items:center;gap:14px;color:var(--soft);font-size:15px;cursor:pointer;transition:color .22s ease,transform .22s ease}.flow-item:hover{color:var(--text);transform:translateX(4px)}.flow-item span{position:relative;z-index:1;width:15px;height:15px;border:1px solid rgba(185,230,211,.68);border-radius:999px;background:var(--bg);transition:background .22s ease,box-shadow .22s ease,transform .22s ease}.flow-item.active span{background:var(--accent);box-shadow:0 0 0 7px rgba(185,230,211,.1);transform:scale(1.05)}.flow-item.active p{color:var(--text)}.section{padding:68px 0}.final-section{padding-bottom:44px}.section-grid{display:grid;grid-template-columns:220px minmax(0,1fr);gap:48px;align-items:start}.section-title{position:sticky;top:96px}.section-title h2{margin-top:6px}.focus-list,.skill-rows,.timeline,.project-list{display:grid;gap:12px}.focus-list article,.skill-rows article,.work-item,.info-line,.project-list article{border-top:1px solid var(--line);padding:18px 0}.focus-list article{display:grid;grid-template-columns:42px minmax(150px,.34fr) 1fr;gap:18px;align-items:start}.focus-list span,.project-list span{color:var(--accent);font-size:12px;font-weight:760;letter-spacing:.08em;text-transform:uppercase}.focus-list p,.work-item p,.info-line p,.project-list p,.project-list small{color:var(--soft)}.skill-rows article{display:grid;grid-template-columns:150px 1fr;gap:22px;align-items:start}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{display:inline-flex;align-items:center;min-height:28px;padding:5px 10px;border:1px solid var(--line);border-radius:999px;color:var(--soft);background:rgba(255,255,255,.025);font-size:12px;font-weight:620;transition:transform .18s ease,border-color .18s ease,color .18s ease,background .18s ease}.chips span:hover{transform:translateY(-2px);border-color:rgba(185,230,211,.32);color:var(--text);background:rgba(185,230,211,.06)}.compact-chips{margin-top:14px}.work-meta{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:10px}.work-meta span{color:var(--muted);font-size:12px;font-weight:700}.work-item h3{margin-bottom:6px}.info-line{display:grid;gap:8px}.info-line strong{color:var(--text);font-weight:700}.project-list article{display:grid;grid-template-columns:100px minmax(170px,.4fr) 1fr;gap:20px;align-items:start}.project-list small{display:block;font-size:13px}.footer{border-top:1px solid rgba(242,239,232,.08);padding:26px 0}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;color:var(--muted);font-size:13px}.footer a{margin-left:14px;color:var(--soft)}.footer a:hover{color:var(--text)}[data-animate]{opacity:0;transform:translateY(14px);transition:opacity .58s ease,transform .58s ease}[data-animate].is-visible{opacity:1;transform:translateY(0)}@keyframes scan{0%,100%{transform:translateX(-70%);opacity:.25}50%{transform:translateX(70%);opacity:.75}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}[data-animate]{opacity:1;transform:none}}@media (max-width:900px){.hero{min-height:auto;padding:58px 0 48px}.hero-layout,.section-grid{grid-template-columns:1fr;gap:30px}.section-title{position:static}.signal-card{max-width:520px}.focus-list article,.skill-rows article,.project-list article{grid-template-columns:1fr;gap:8px}}@media (max-width:740px){.nav-toggle{display:block}.nav{position:fixed;top:68px;left:22px;right:22px;display:grid;padding:10px;border:1px solid var(--line);border-radius:16px;background:rgba(15,17,21,.96);transform:translateY(-10px);opacity:0;pointer-events:none;transition:opacity .18s ease,transform .18s ease}.nav-open .nav{transform:translateY(0);opacity:1;pointer-events:auto}.nav a{padding:11px 12px}h1{font-size:34px}.lead{font-size:16px}.section{padding:52px 0}.footer-inner{align-items:flex-start;flex-direction:column}.footer a{margin:0 14px 0 0}}@media (max-width:460px){.container{width:min(100% - 28px,var(--container))}h1{font-size:30px}h2{font-size:26px}.button{width:100%}.hero-actions{width:100%}.signal-card{padding:18px}}