:root{--ink:#161616;--mut:#5c5c5c;--line:#e4e4e4;--link:#0a58ca}
*{box-sizing:border-box}
body{margin:0;background:#fff;color:var(--ink);font:18px/1.65 system-ui,-apple-system,"Segoe UI",Roboto,sans-serif}
.wrap{max-width:720px;margin:0 auto;padding:0 22px}
a{color:var(--link)}a:hover{text-decoration-thickness:2px}
header{border-bottom:1px solid var(--line)}
header .wrap{display:flex;justify-content:space-between;align-items:center;padding-top:18px;padding-bottom:18px}
header a{color:var(--ink);text-decoration:none}header .name{font-weight:600}
header nav{display:flex;gap:22px;font-size:.95rem}header nav a:hover{text-decoration:underline}
h1{font-size:clamp(1.9rem,4.5vw,2.6rem);line-height:1.2;margin:0 0 20px;font-weight:700}
h2{font-size:1.5rem;line-height:1.3;margin:0 0 14px;font-weight:700}
h3{font-size:1.08rem;margin:0 0 4px;font-weight:600}
p{margin:0 0 16px}
section{padding:48px 0;border-top:1px solid var(--line)}
.top{padding:44px 0 48px;border:0}
.who{display:flex;align-items:center;gap:16px;margin-bottom:28px}
.who img{width:76px;height:76px;border-radius:50%;object-fit:cover;object-position:52% 0}
.who small{display:block;color:var(--mut);font-size:.92rem;line-height:1.4}
.btn{display:inline-block;background:var(--ink);color:#fff;padding:12px 20px;border-radius:6px;font:inherit;font-weight:600;text-decoration:none;border:0;cursor:pointer}
.btn:hover{background:#000;text-decoration:underline}
.item{margin-bottom:22px}.item p{margin:0;color:var(--mut)}
ol{padding-left:22px;margin:0}ol li{margin-bottom:14px}
.q{margin-bottom:24px}.q p{margin:0;color:var(--mut)}
form{display:grid;gap:14px;margin-top:20px}
label{display:grid;gap:5px;font-weight:600;font-size:.95rem}
input,select{font:inherit;font-weight:400;padding:10px 12px;border:1px solid #bdbdbd;border-radius:6px;background:#fff;color:var(--ink)}
input:focus,select:focus{outline:2px solid var(--link);outline-offset:1px}
.hp{position:absolute;left:-9999px}
.small{font-size:.92rem;color:var(--mut)}
footer{border-top:1px solid var(--line);padding:28px 0 40px;font-size:.92rem;color:var(--mut)}
@media(max-width:560px){header nav{display:none}body{font-size:17px}}

.social{display:flex;gap:16px;margin-top:22px}
.social a{color:var(--mut);display:inline-flex}.social a:hover{color:var(--ink)}
.social svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.social svg.fill{fill:currentColor;stroke:none}
footer .social{margin-top:14px}

/* gray by default, brand color on hover */
.social a{transition:color .15s}
.social a[aria-label=LinkedIn]:hover{color:#0a66c2}.social a[aria-label=YouTube]:hover{color:#e00}
.social a[aria-label=X]:hover{color:#111}.social a[aria-label=Facebook]:hover{color:#1877f2}
.social a[aria-label=Instagram]:hover{color:#d62976}