@font-face{font-family:'Inter';font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-400.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-500.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-600.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-700.woff2) format('woff2')}
@font-face{font-family:'Inter';font-style:normal;font-weight:800;font-display:swap;src:url(fonts/inter-800.woff2) format('woff2')}

*{box-sizing:border-box}html,body{margin:0}
body{font-family:Inter,-apple-system,"Segoe UI",sans-serif;color:#1c1c1e;background:#fff;-webkit-font-smoothing:antialiased}
a{color:inherit;text-decoration:none}img{max-width:100%;display:block}
.nav{position:fixed;top:18px;left:50%;transform:translateX(-50%);z-index:10;display:flex;gap:4px;padding:5px;border-radius:999px;background:rgba(20,20,22,.72);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.1)}
.nav a{font-size:13.5px;color:#d9d9de;padding:9px 18px;border-radius:999px}
.nav a.on{background:rgba(255,255,255,.14);color:#fff}
.logo{position:fixed;top:22px;left:28px;z-index:10;color:#fff;font-weight:700;letter-spacing:-.02em;font-size:18px;display:flex;align-items:center;gap:8px;mix-blend-mode:difference}
.logo i{width:20px;height:20px;border-radius:6px;background:linear-gradient(135deg,#8fd3ff,#9ef0c3)}
.hero{position:relative;min-height:720px;background:#060607;overflow:hidden;display:grid;place-items:center;text-align:center;padding:150px 20px 110px}
.inhero{min-height:0;padding:150px 20px 70px}
.pill{position:absolute;border-radius:999px;border:1px solid rgba(255,255,255,.08)}
.p1{width:520px;height:150px;left:-120px;top:230px;transform:rotate(14deg);background:linear-gradient(90deg,#0b0c18,#1b1d33)}
.p2{width:200px;height:56px;left:24%;top:120px;transform:rotate(-24deg);background:linear-gradient(90deg,#0f1c1e,#16292b)}
.p3{width:220px;height:66px;right:18%;top:170px;transform:rotate(20deg);background:linear-gradient(90deg,#1c170c,#29220f)}
.p4{width:560px;height:170px;right:-140px;bottom:90px;transform:rotate(-16deg);background:linear-gradient(90deg,#1e0f12,#2a1a1d)}
.glow{position:absolute;inset:0;background:radial-gradient(600px 300px at 50% 55%,rgba(90,180,255,.11),transparent 70%)}
.hero h1{position:relative;margin:0 auto;max-width:880px;font-size:clamp(38px,6vw,68px);line-height:1.04;letter-spacing:-.045em;font-weight:700;color:#ececef}
.hero h1 span{background:linear-gradient(90deg,#8fd3ff 0%,#d5f0ea 50%,#9ef0c3 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero p{position:relative;color:#9c9ca6;font-size:17px;max-width:580px;margin:24px auto 0;line-height:1.6}
.cta{position:relative;display:inline-block;margin-top:34px;padding:15px 30px;border-radius:999px;background:#111114;color:#fff;font-size:14.5px;letter-spacing:.04em;border:1px solid rgba(255,255,255,.14);box-shadow:0 0 30px rgba(255,255,255,.07)}
section{padding:100px 20px}
.wrap{max-width:1080px;margin:0 auto}
.kicker{text-align:center;font-size:clamp(22px,3vw,32px);font-weight:700;color:#6b6b72;letter-spacing:-.03em;margin:0}
.big{text-align:center;font-size:clamp(46px,8vw,88px);font-weight:800;letter-spacing:-.055em;margin:0 0 56px;color:#2a2a2d;line-height:1}
.bento{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.card{border-radius:18px;background:#fff;box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 30px rgba(0,0,0,.06);padding:26px;display:flex;flex-direction:column;justify-content:flex-end;min-height:190px}
.card.tall{grid-row:span 2;padding:0;overflow:hidden}
.card.tall img{height:100%;width:100%;object-fit:cover}
.card svg{width:34px;height:34px;stroke:#3a3a3e;fill:none;stroke-width:1.6;margin-bottom:16px}
.card h3{margin:0 0 6px;font-size:18px;letter-spacing:-.02em}
.card p{margin:0;color:#8a8a92;font-size:14.5px;line-height:1.55}
.split{display:grid;grid-template-columns:1.1fr 1fr;gap:56px;align-items:center}
.split img{border-radius:22px;aspect-ratio:4/3;object-fit:cover;width:100%}
.split h2{font-size:clamp(30px,4vw,44px);letter-spacing:-.04em;line-height:1.08;margin:0 0 18px}
.split p{color:#5c5c63;line-height:1.7;font-size:16px;margin:0 0 14px}
.list{list-style:none;padding:0;margin:22px 0 0;display:grid;gap:10px}
.list li{padding:14px 18px;border-radius:12px;background:#f5f5f7;font-size:15px}
.list li b{display:block;font-size:15px}.list li span{color:#6b6b72;font-size:14px}
.dark{background:#060607;color:#ececef;text-align:center;border-radius:28px;margin:0 20px 40px;padding:90px 20px}
.dark h2{font-size:clamp(32px,5vw,54px);letter-spacing:-.045em;margin:0 0 14px}
.dark p{color:#9c9ca6;margin:0 0 30px}
.dark .cta{background:#fff;color:#111}
.inner .wrap{max-width:760px}
.inner h2{font-size:22px;letter-spacing:-.02em;margin:34px 0 8px}
.inner p{line-height:1.75;color:#3d3d44}
.lead{font-size:19px}.mailbig a{font-size:clamp(22px,4vw,34px);font-weight:700;letter-spacing:-.03em;border-bottom:3px solid #8fd3ff}
footer{padding:30px 20px 50px;text-align:center;color:#8a8a92;font-size:13px}
footer a{margin:0 8px;text-decoration:underline}
@media(max-width:820px){.bento{grid-template-columns:1fr}.card.tall{grid-row:auto;height:260px}.split{grid-template-columns:1fr}.nav{display:none}.hero{min-height:600px}}