:root{
  --bg:#f6f7f8;
  --text:#101418;
  --muted:#5b6470;
  --line:#dfe3e8;
  --card:#ffffff;
  --dark:#111827;
  --soft:#eef1f4;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Arial,Helvetica,sans-serif;background:var(--bg);color:var(--text);line-height:1.55}
a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;justify-content:space-between;align-items:center;gap:24px;padding:16px clamp(18px,5vw,72px);background:rgba(246,247,248,.94);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}
.brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--text)}
.brand-mark{display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:var(--dark);color:#fff;font-weight:800;letter-spacing:.04em}
.brand-stack{display:grid;line-height:1.15}.brand-text{font-weight:800;font-size:1.06rem}.brand-subtitle{font-size:.76rem;color:var(--muted);font-weight:700;text-transform:uppercase;letter-spacing:.08em}
nav{display:flex;gap:22px;align-items:center}nav a{color:var(--muted);text-decoration:none;font-size:.94rem;font-weight:700}nav a:hover{color:var(--text)}
main{max-width:1140px;margin:auto;padding:0 clamp(18px,4vw,36px)}
.hero{padding:104px 0 78px;max-width:930px}.eyebrow,.section-label{font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);font-weight:800}.hero h1{font-size:clamp(2.55rem,6vw,5.25rem);line-height:.95;margin:14px 0 22px;letter-spacing:-.055em}.hero-copy{font-size:1.22rem;max-width:760px;color:var(--muted);margin-bottom:0}.cta-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;padding:13px 19px;border-radius:999px;text-decoration:none;font-weight:800;border:1px solid var(--dark)}.button.primary{background:var(--dark);color:white}.button.secondary{background:transparent;color:var(--dark)}.hero-meta{display:flex;gap:14px;flex-wrap:wrap;margin-top:24px;color:var(--muted);font-weight:700;font-size:.95rem}.hero-meta a{text-decoration:none;color:var(--muted)}.hero-meta a:hover{color:var(--text)}.hero-meta>*:not(:last-child)::after{content:"";display:inline-block;width:4px;height:4px;margin-left:14px;border-radius:50%;background:var(--muted);vertical-align:middle}
.section{padding:60px 0;border-top:1px solid var(--line)}.section-intro{max-width:780px;margin-bottom:24px}.section h2{font-size:clamp(1.85rem,3vw,3rem);line-height:1.05;margin:10px 0 0;letter-spacing:-.035em}.muted,.section p{color:var(--muted)}
.grid{display:grid;gap:18px}.cards{grid-template-columns:repeat(3,1fr)}article,.credentials-panel{background:var(--card);border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:0 14px 38px rgba(15,23,42,.055)}article h3{margin:0 0 10px;font-size:1.08rem}article p{margin:0}.split,.credentials-panel{display:grid;grid-template-columns:1fr 1fr;gap:48px;align-items:center}.timeline{display:grid;gap:0;background:var(--card);border:1px solid var(--line);border-radius:24px;padding:8px 22px}.timeline div{padding:18px 0;border-bottom:1px solid var(--line)}.timeline div:last-child{border-bottom:0}.timeline strong{display:block}.timeline span{display:block;color:var(--muted);margin-top:3px}.credentials-actions{justify-self:end}.text-link{display:inline-block;font-weight:900;color:var(--dark);text-decoration:none;border-bottom:2px solid var(--dark);padding-bottom:3px;font-size:1.05rem}.text-link:hover{opacity:.72}.contact-list{display:grid;gap:4px;margin-top:18px}.contact p{margin:0}.contact a{color:var(--dark);font-weight:800;text-decoration:none}.contact a:hover{text-decoration:underline}footer{max-width:1140px;margin:auto;padding:30px clamp(18px,4vw,36px);color:var(--muted);border-top:1px solid var(--line)}
@media(max-width:760px){.site-header{align-items:flex-start;flex-direction:column}.brand-subtitle{display:none}nav{width:100%;overflow:auto;gap:16px;padding-bottom:2px}.hero{padding:62px 0 50px}.cards,.split,.credentials-panel{grid-template-columns:1fr}.credentials-panel{gap:22px}.credentials-actions{justify-self:start}.button{width:100%}.hero-meta{display:grid;gap:8px}.hero-meta>*:not(:last-child)::after{display:none}}