:root{
  --ink:#11252b;
  --muted:#65777d;
  --line:#dbe5e5;
  --paper:#f7f8f5;
  --white:#ffffff;
  --navy:#0b2f3a;
  --teal:#0f6b6c;
  --aqua:#79b8ad;
  --sage:#dfe8df;
  --gold:#b49562;
  --shadow:0 28px 80px rgba(11,47,58,.16);
  --radius:28px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif;
  color:var(--ink);
  background:
    radial-gradient(circle at 10% 0%, rgba(121,184,173,.28), transparent 34%),
    linear-gradient(180deg,#fbfbf8 0%, var(--paper) 45%, #eef4f2 100%);
}
a{color:inherit;text-decoration:none}
.site-header{
  position:sticky;top:0;z-index:20;
  display:flex;align-items:center;justify-content:space-between;
  padding:18px clamp(20px,4vw,64px);
  backdrop-filter:blur(18px);
  background:rgba(247,248,245,.82);
  border-bottom:1px solid rgba(219,229,229,.8);
}
.brand{display:flex;align-items:center;gap:12px;font-weight:800;letter-spacing:-.02em}
.brand-mark{
  width:42px;height:42px;border-radius:14px;
  display:grid;place-items:center;
  background:linear-gradient(135deg,var(--navy),var(--teal));
  color:white;font-size:.86rem;box-shadow:0 10px 28px rgba(15,107,108,.24)
}
.nav{display:flex;align-items:center;gap:22px;font-size:.92rem;color:#2d474e;font-weight:650}
.nav a{opacity:.9}.nav a:hover{opacity:1;color:var(--teal)}
.nav-cta{padding:10px 16px;border:1px solid var(--line);border-radius:999px;background:rgba(255,255,255,.72)}
.section-pad{padding:clamp(62px,8vw,112px) clamp(20px,5vw,76px)}
.section-pad-top{padding:0 clamp(20px,5vw,76px) clamp(62px,8vw,112px)}
.hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.72fr);gap:clamp(36px,6vw,82px);align-items:center;min-height:calc(100vh - 80px)}
.eyebrow,.section-kicker,.platform-label{
  color:var(--teal);font-weight:800;text-transform:uppercase;letter-spacing:.16em;font-size:.76rem;margin:0 0 18px
}
h1,h2,h3{margin:0;color:var(--ink);letter-spacing:-.045em;line-height:1.02}
h1{font-family:Newsreader,serif;font-size:clamp(3.3rem,8vw,7.2rem);max-width:960px}
h2{font-family:Newsreader,serif;font-size:clamp(2.1rem,4vw,4rem);max-width:850px}
h3{font-size:1.3rem;letter-spacing:-.03em}
.lead{font-size:clamp(1.05rem,1.5vw,1.28rem);line-height:1.75;color:#40595f;max-width:760px;margin:28px 0 34px}
p{line-height:1.75;color:#53686e}
.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:42px}
.button{display:inline-flex;align-items:center;justify-content:center;padding:14px 20px;border-radius:999px;font-weight:800;transition:.2s ease}
.primary{background:linear-gradient(135deg,var(--navy),var(--teal));color:white;box-shadow:0 18px 34px rgba(15,107,108,.22)}
.secondary{background:white;border:1px solid var(--line);color:var(--ink)}
.button:hover{transform:translateY(-2px)}
.hero-metrics{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;max-width:720px}
.hero-metrics div{padding:18px;border:1px solid var(--line);background:rgba(255,255,255,.68);border-radius:20px}
.hero-metrics strong{display:block;font-size:1.08rem}.hero-metrics span{display:block;margin-top:5px;color:var(--muted);font-size:.9rem}
.hero-card{position:relative;isolation:isolate}
.hero-card:before{content:"";position:absolute;inset:8% -7% -7% 8%;border-radius:40px;background:linear-gradient(145deg,var(--sage),rgba(121,184,173,.65));z-index:-1}
.portrait-wrap{border-radius:40px;overflow:hidden;box-shadow:var(--shadow);border:1px solid rgba(255,255,255,.8);background:white}
.portrait-wrap img{width:100%;display:block;aspect-ratio:4/5;object-fit:cover;object-position:center top;filter:saturate(.96) contrast(1.02)}
.credential-card{position:absolute;left:-26px;right:34px;bottom:28px;padding:20px 22px;border-radius:22px;background:rgba(255,255,255,.88);backdrop-filter:blur(18px);box-shadow:0 22px 60px rgba(11,47,58,.15);border:1px solid rgba(255,255,255,.9)}
.credential-card span{display:block;color:var(--muted);font-size:.88rem}.credential-card strong{display:block;margin-top:4px;color:var(--navy)}
.intro-grid{display:grid;grid-template-columns:.95fr 1fr;gap:44px;align-items:end;border-top:1px solid var(--line)}
.intro-grid p:last-child{font-size:1.06rem;margin:0;max-width:760px}
.focus-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}
.focus-cards article,.platform-card,.project-row,.collab-card{background:rgba(255,255,255,.72);border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 18px 50px rgba(11,47,58,.07)}
.focus-cards article{padding:28px;min-height:310px}
.focus-cards span,.project-row span{display:inline-flex;color:var(--gold);font-weight:900;margin-bottom:32px;font-size:.86rem}
.focus-cards p{font-size:.95rem;margin:18px 0 0}
.platforms{background:linear-gradient(135deg,var(--navy),#124856);color:white}
.platforms h2,.platforms h3{color:white}.platforms p{color:rgba(255,255,255,.76)}.platforms .section-kicker,.platforms .platform-label{color:var(--aqua)}
.section-heading{display:flex;justify-content:space-between;gap:30px;align-items:end;margin-bottom:34px}.section-heading.compact{display:block}
.platform-grid{display:grid;grid-template-columns:1.1fr .95fr .95fr;gap:18px}
.platform-card{padding:32px;background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.16);box-shadow:none}
.platform-card.featured{background:linear-gradient(145deg,rgba(255,255,255,.17),rgba(255,255,255,.08))}
.platform-card a{display:inline-block;margin-top:18px;color:white;font-weight:800;border-bottom:1px solid rgba(255,255,255,.45)}
.project-list{margin-top:34px;border-top:1px solid var(--line)}
.project-row{display:grid;grid-template-columns:180px 1fr 1.1fr;gap:28px;align-items:start;padding:28px;margin-top:14px}
.project-row span{margin:0}.project-row p{margin:0}.project-row h3{font-size:1.16rem;line-height:1.25}
.collaborate{padding-top:0}.collab-card{padding:clamp(32px,5vw,62px);background:linear-gradient(135deg,#ffffff 0%,#eef6f4 100%)}
.collab-card p{max-width:840px}.contact-line{margin-top:26px;padding-top:24px;border-top:1px solid var(--line);display:flex;gap:18px;align-items:center;flex-wrap:wrap}.contact-line span{font-weight:900;color:var(--teal);text-transform:uppercase;letter-spacing:.14em;font-size:.78rem}.contact-line a{font-size:1.2rem;font-weight:900;color:var(--navy)}
.footer{padding:30px clamp(20px,5vw,76px);display:flex;justify-content:space-between;gap:18px;border-top:1px solid var(--line);color:var(--muted);font-size:.9rem}.footer p{margin:0}.footer a{font-weight:800;color:var(--navy)}
@media (max-width: 980px){.hero,.intro-grid{grid-template-columns:1fr}.hero{min-height:auto}.hero-card{max-width:520px}.focus-cards,.platform-grid{grid-template-columns:1fr 1fr}.project-row{grid-template-columns:1fr}.credential-card{left:18px;right:18px}.nav{display:none}}
@media (max-width: 640px){.section-pad{padding:54px 20px}.section-pad-top{padding:0 20px 54px}h1{font-size:3.1rem}.hero-metrics,.focus-cards,.platform-grid{grid-template-columns:1fr}.footer{flex-direction:column}.portrait-wrap{border-radius:30px}}