/* ===== Hero: name, role line, code card, info strip ===== */
.hero{padding:7.5rem 0 2rem}
.hero-grid{display:grid;gap:2rem;align-items:center}

h1{font-weight:800;font-size:clamp(3.2rem,15vw,7.5rem);letter-spacing:-.04em;margin:0 0 1rem;line-height:1}
h1 .l{display:block;overflow:hidden;padding-bottom:.12em}
h1 .l i{display:block;font-style:normal;transform:translateY(108%);animation:rise 1s cubic-bezier(.2,.7,.2,1) forwards}
h1 .l:nth-child(2) i{animation-delay:.1s}

.role{font-size:.98rem;color:var(--muted);margin-bottom:1.6rem}
.lead{max-width:36rem;font-size:clamp(1.1rem,2.2vw,1.35rem);color:var(--soft);line-height:1.5}
.cta{display:flex;flex-wrap:wrap;gap:.7rem;margin-top:1.8rem}

.fadein{opacity:0;animation:fade .8s ease forwards}
.fadein.a{animation-delay:.45s}
.fadein.b{animation-delay:.6s}
.fadein.c{animation-delay:.75s}
@keyframes rise{to{transform:none}}
@keyframes fade{to{opacity:1}}

/* code card (right of the name) */
.code{display:none;border:1px solid var(--line);border-radius:16px;background:rgba(11,16,15,.85);overflow:hidden;box-shadow:0 24px 60px rgba(0,0,0,.45)}
.code-bar{display:flex;align-items:center;gap:.4rem;padding:.7rem 1rem;border-bottom:1px solid var(--line);background:rgba(56,77,72,.25)}
.code-bar i{width:10px;height:10px;border-radius:50%;background:var(--slate)}
.code-bar i:first-child{background:var(--acc)}
.code-bar span{margin-left:.6rem;font-size:.8rem;color:var(--muted)}
.code pre{padding:1.2rem 1.3rem 1.4rem;overflow-x:auto;font:400 .9rem/1.75 ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--soft)}
.code .k{color:var(--acc)}
.code .t{color:#6fb3f2}
.code .s{color:#a6e3a1}
.code .n{color:#f4b8e4}

/* info strip */
.strip{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:16px;overflow:hidden;margin-top:3.4rem}
.strip div{background:var(--bg);padding:1rem 1.1rem}
.strip small{display:block;font-size:.8rem;color:var(--muted);margin-bottom:.15rem}
.strip span{color:var(--cream);font-weight:500;font-size:.98rem}