@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');
:root{
  --ink:#0A0A0A; --ink2:#111827; --paper:#FFFFFF; --paper2:#F7F7F8; --line:#E6E7EA;
  --muted:#5B6472; --mute2:#8A93A3; --accent:#0891B2; --accent-br:#22D3EE;
  --sans:'Inter',system-ui,sans-serif; --disp:'Space Grotesk',sans-serif; --maxw:1160px;
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{font-family:var(--sans);color:var(--ink);background:var(--paper);line-height:1.6;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}
.container{max-width:var(--maxw);margin:0 auto;padding:0 28px}
.eyebrow{font-family:var(--disp);font-size:11px;letter-spacing:.22em;text-transform:uppercase;color:var(--accent);font-weight:600}

/* nav */
nav{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.92);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}
.nav-inner{display:flex;align-items:center;justify-content:space-between;height:66px}
.brand{display:flex;align-items:center;gap:10px}
.brand .mk{width:30px;height:30px;display:block}
.brand .wm{font-family:var(--disp);font-weight:700;font-size:1.15rem;letter-spacing:.1em;color:var(--ink)}
.brand .wm .i{color:var(--accent)}
.nav-links{display:flex;gap:30px}
.nav-links a{font-size:.9rem;font-weight:500;color:var(--muted)}
.nav-links a:hover{color:var(--ink)}
.btn{font-family:var(--disp);font-size:.82rem;font-weight:600;letter-spacing:.02em;color:#fff;background:var(--ink);border:1px solid var(--ink);border-radius:4px;padding:.55rem 1.05rem;transition:.2s;display:inline-block}
.btn:hover{background:var(--accent);border-color:var(--accent)}
.btn-ghost{font-family:var(--disp);font-size:.82rem;font-weight:600;color:var(--ink);border:1px solid var(--line);border-radius:4px;padding:.55rem 1.05rem;background:transparent;transition:.2s;display:inline-block}
.btn-ghost:hover{border-color:var(--ink)}
@media(max-width:760px){.nav-links{display:none}}

/* hero */
.hero{background:var(--ink);color:#fff;position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:56px 56px}
.hero-inner{position:relative;z-index:2;padding:6.5rem 0 5rem;max-width:860px}
.hero .fx-net{position:absolute;inset:0;z-index:1;pointer-events:none}
.hero h1{font-family:var(--disp);font-weight:600;font-size:clamp(1.5rem,3vw,2.35rem);line-height:1.24;letter-spacing:-.008em;margin:1.2rem 0 1.4rem;max-width:840px}
.hero h1 .i{color:var(--accent-br)}
.hero .sub{font-size:1.12rem;color:#c9ced8;max-width:660px;margin-bottom:2rem}
.cta-row{display:flex;gap:14px;flex-wrap:wrap}
.hero .btn{background:#fff;color:var(--ink);border-color:#fff}
.hero .btn:hover{background:var(--accent-br);border-color:var(--accent-br);color:var(--ink)}
.hero .btn-ghost{color:#fff;border-color:#3a3f49}
.hero .btn-ghost:hover{border-color:#fff}
.tagstrip{position:relative;border-top:1px solid #22262e;margin-top:3.4rem;padding-top:1.6rem}
.tagstrip span{font-family:var(--disp);font-weight:600;font-size:1rem;color:#eef0f3;letter-spacing:.01em}
.tagstrip span b{color:var(--accent-br);font-weight:600}

/* sections */
section.band{padding:5rem 0;border-bottom:1px solid var(--line)}
.lead{max-width:760px}
.lead h2{font-family:var(--disp);font-weight:700;font-size:clamp(1.7rem,3.6vw,2.4rem);line-height:1.12;letter-spacing:-.01em;margin:.7rem 0 1.1rem}
.lead p{font-size:1.05rem;color:var(--muted)}
.lead p + p{margin-top:1rem}
.rule{width:44px;height:3px;background:var(--accent);margin-bottom:.2rem}

/* capabilities grid */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:var(--line);border:1px solid var(--line);border-radius:10px;overflow:hidden;margin-top:2.6rem}
@media(max-width:900px){.grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.grid{grid-template-columns:1fr}}
.cap{background:var(--paper);padding:1.7rem 1.5rem;transition:.2s}
.cap:hover{background:var(--paper2)}
.cap .n{font-family:'Space Grotesk',monospace;font-size:11px;color:var(--mute2);letter-spacing:.08em}
.cap h3{font-family:var(--disp);font-weight:600;font-size:1.06rem;margin:.35rem 0 .5rem;color:var(--ink);border-left:2px solid transparent;padding-left:0}
.cap:hover h3{color:var(--accent)}
.cap p{font-size:.9rem;color:var(--muted);line-height:1.55}

/* I in AI callout */
.callout{background:var(--ink);color:#fff;border-radius:12px;padding:3.2rem 2.4rem;text-align:center;margin-top:0}
.callout .big{font-family:var(--disp);font-weight:700;font-size:clamp(1.6rem,4vw,2.4rem);line-height:1.15;letter-spacing:-.01em;max-width:800px;margin:0 auto 1rem}
.callout .big .i{color:var(--accent-br)}
.callout p{color:#b8bec8;max-width:620px;margin:0 auto;font-size:1rem}
.callout .sig{font-family:var(--disp);font-weight:600;margin-top:1.4rem;letter-spacing:.02em}
.callout .sig .i{color:var(--accent-br)}

/* tag list */
.tags{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}
.tags span{font-size:.82rem;color:var(--ink);background:var(--paper2);border:1px solid var(--line);border-radius:999px;padding:.4rem .85rem}

/* investment advisory note */
.note{border:1px solid var(--line);border-left:3px solid var(--accent);border-radius:8px;padding:1.6rem 1.7rem;margin-top:2.4rem;background:var(--paper2)}
.note h3{font-family:var(--disp);font-weight:600;font-size:1.05rem;margin-bottom:.5rem}
.note p{font-size:.92rem;color:var(--muted)}

/* contact */
#contact{background:var(--paper2)}
.contact-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:2.5rem;align-items:center}
@media(max-width:760px){.contact-grid{grid-template-columns:1fr}}
.contact-grid h2{font-family:var(--disp);font-weight:700;font-size:clamp(1.7rem,3.6vw,2.3rem);letter-spacing:-.01em;line-height:1.12}
.contact-grid p{color:var(--muted);margin-top:.9rem;font-size:1.02rem}
.contact-card{background:var(--paper);border:1px solid var(--line);border-radius:10px;padding:1.8rem}
.contact-card .lbl{font-family:var(--disp);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--mute2);font-weight:600}
.contact-card .val{font-size:1.05rem;font-weight:600;margin:.2rem 0 1.2rem}
.contact-card .val a:hover{color:var(--accent)}

/* footer */
footer{background:var(--ink);color:#cfd4dc;padding:3rem 0 2.2rem}
.foot-top{display:flex;justify-content:space-between;gap:2rem;flex-wrap:wrap;align-items:flex-start;border-bottom:1px solid #22262e;padding-bottom:1.6rem;margin-bottom:1.4rem}
.foot-brand .wm{font-family:var(--disp);font-weight:700;font-size:1.2rem;letter-spacing:.1em;color:#fff}
.foot-brand .wm .i{color:var(--accent-br)}
.foot-brand .t{color:#8a93a3;font-size:.85rem;margin-top:.4rem}
.foot-brand .t2{font-family:var(--disp);color:#eef0f3;font-size:.9rem;margin-top:.5rem}
.disc{font-size:.76rem;color:#7c8496;line-height:1.6;max-width:820px}
.foot-bottom{font-size:.78rem;color:#6d7484;margin-top:1.4rem}
/* effects (Meridian effects library: #02 particle network, #01 spotlight-glow adaptation) */
.cap{position:relative;overflow:hidden}
.cap::after{content:"";position:absolute;inset:0;z-index:0;background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),rgba(6,182,212,.12),transparent 62%);opacity:0;transition:opacity .35s ease;pointer-events:none}
.cap:hover::after{opacity:1}
.cap .n,.cap h3,.cap p{position:relative;z-index:1}
@media (prefers-reduced-motion: reduce){.cap::after{display:none}}
/* video-background section */
.has-video{position:relative;overflow:hidden;border-bottom:none;background:#0A0A0A}
.sec-video{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0}
.sec-scrim{position:absolute;inset:0;z-index:1;background:linear-gradient(rgba(10,10,12,.86),rgba(10,10,12,.9))}
.has-video .container{position:relative;z-index:2}
@media (prefers-reduced-motion: reduce){.sec-video{display:none}}
/* "What we do" over video: light heading + glass tiles */
#capabilities .eyebrow{color:var(--accent-br)}
#capabilities .lead h2{color:#fff}
#capabilities .lead p{color:rgba(255,255,255,.72)}
#capabilities .grid{gap:14px;background:transparent;border:none;border-radius:0}
#capabilities .cap{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.14);border-radius:10px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
#capabilities .cap:hover{background:rgba(255,255,255,.10)}
#capabilities .cap h3{color:#fff}
#capabilities .cap:hover h3{color:var(--accent-br)}
#capabilities .cap p{color:rgba(255,255,255,.70)}
#capabilities .cap .n{color:rgba(255,255,255,.45)}
#capabilities .cap::after{background:radial-gradient(200px circle at var(--mx,50%) var(--my,50%),rgba(34,211,238,.16),transparent 62%)}
/* capability-card icons */
.cap-ic{display:block;width:30px;height:30px;margin-bottom:.8rem;color:var(--accent);position:relative;z-index:1}
.cap-ic svg{width:100%;height:100%;display:block}
#capabilities .cap-ic{color:var(--accent-br)}
/* Areas we support - interactive dark tag panel + magnetic tags */
.tags{position:relative;overflow:hidden;background:var(--ink);border-radius:14px;padding:2rem 1.7rem;gap:.7rem;margin:1.5rem 0 0}
.tags::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;opacity:0;transition:opacity .3s ease;background:radial-gradient(320px circle at var(--mx,50%) var(--my,50%),rgba(34,211,238,.18),transparent 60%)}
.tags:hover::before{opacity:1}
.tags span{position:relative;z-index:1;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.16);color:rgba(255,255,255,.82);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,color .16s ease,background .16s ease;will-change:transform}
@media (prefers-reduced-motion: reduce){.tags::before{display:none}}
/* who-we-are humane image (2-col) */
.who-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:3rem;align-items:center;max-width:none}
@media(max-width:820px){.who-grid{grid-template-columns:1fr;gap:2rem}}
.who-img{border-radius:12px;overflow:hidden;border:1px solid var(--line);aspect-ratio:4/3;position:relative}
.who-img img{width:100%;height:100%;object-fit:cover;display:block}
/* callout video background (hand + earth) */
.callout{position:relative;overflow:hidden}
.callout .cvid{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:0;opacity:.55}
.callout .cscrim{position:absolute;inset:0;z-index:1;background:radial-gradient(circle at 50% 40%,rgba(10,10,12,.66),rgba(10,10,12,.93))}
.callout .big,.callout p,.callout .sig{position:relative;z-index:2}
@media (prefers-reduced-motion: reduce){.callout .cvid{display:none}}
/* stronger capability-card glow */
#capabilities .cap::after{background:radial-gradient(230px circle at var(--mx,50%) var(--my,50%),rgba(34,211,238,.24),transparent 60%)}