@font-face{font-family:Archivo;src:url(/a7f3/font/archivo.woff2) format("woff2");font-weight:100 900;font-stretch:62% 125%;font-display:swap}
:root{--k:#000;--w:#fff;--g:#FFC629;--t:#8FD3D0;--dim:rgba(255,255,255,.62);--rule:rgba(255,255,255,.16)}
*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--k);color:var(--w);font:400 18px/1.5 Archivo,"Helvetica Neue",Arial,sans-serif;font-stretch:100%;-webkit-font-smoothing:antialiased}
a{color:inherit}img{max-width:100%;display:block}
.skip{position:absolute;left:-999px}.skip:focus{left:12px;top:12px;background:var(--w);color:var(--k);padding:8px 12px;z-index:10}
:focus-visible{outline:2px solid var(--g);outline-offset:3px}
.wrap{width:min(1240px,100% - 48px);margin:0 auto}
.lbl{font:600 12px/1.2 Archivo,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--dim)}
/* header */
header.v2{position:absolute;inset:0 0 auto 0;z-index:5}
header.v2 .wrap{display:flex;align-items:center;justify-content:space-between;height:84px}
header.v2 .brand img{height:38px;width:auto}
nav.main ul{list-style:none;margin:0;padding:0;display:flex;gap:26px}
nav.main a{text-decoration:none;font:500 14px/1 Archivo,Arial,sans-serif;letter-spacing:.02em;color:rgba(255,255,255,.78)}
nav.main a:hover,nav.main a[aria-current]{color:var(--w)}
nav.main a[aria-current]{box-shadow:0 2px 0 var(--g)}
.navtoggle{display:none;background:none;border:1px solid rgba(255,255,255,.5);color:var(--w);font:600 13px Archivo,Arial,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:9px 14px;border-radius:2px}
/* hero */
.hero{position:relative;background:#000}
.hero .ph{position:relative;aspect-ratio:1372/964;overflow:hidden}
.hero .ph img{width:100%;height:100%;object-fit:cover;filter:brightness(.78) contrast(1.12)}
.hero .ph::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.55) 0,rgba(0,0,0,0) 18%,rgba(0,0,0,0) 46%,rgba(0,0,0,.86) 74%,#000 100%)}
.joint{position:absolute;left:45.8%;top:33.8%;width:14px;height:14px;margin:-7px 0 0 -7px;border-radius:50%;background:var(--g);z-index:2;box-shadow:0 0 0 0 rgba(255,198,41,.6);animation:pulse 2.6s ease-out infinite}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,198,41,.55)}70%{box-shadow:0 0 0 22px rgba(255,198,41,0)}100%{box-shadow:0 0 0 0 rgba(255,198,41,0)}}
.hero .copy{position:absolute;left:0;right:0;bottom:7vw;z-index:3}
.hero h1{margin:0;font:800 clamp(46px,7.4vw,118px)/.94 Archivo,Arial,sans-serif;font-stretch:80%;letter-spacing:-.015em;max-width:11.5em}
.hero h1 span{display:block}
.hero h1 .two{color:var(--w)}
.cap{font:400 12px/1.4 Archivo,Arial,sans-serif;color:rgba(255,255,255,.5);margin-top:22px;letter-spacing:.02em}
/* sections */
section.s{padding:120px 0;border-top:1px solid var(--rule)}
.what{display:grid;grid-template-columns:1.35fr 1fr;gap:64px;align-items:end}
.what h2{margin:0;font:700 clamp(32px,4vw,56px)/1.02 Archivo,Arial,sans-serif;font-stretch:85%;letter-spacing:-.01em}
.what p{margin:0;font-size:20px;line-height:1.5;color:rgba(255,255,255,.82);max-width:34em}
/* connection graphic */
.conn h2,.proof h2,.close h2{margin:0 0 14px;font:700 clamp(30px,3.6vw,50px)/1.04 Archivo,Arial,sans-serif;font-stretch:85%}
.conn .head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:40px;flex-wrap:wrap}
.gaps{display:flex;gap:8px;flex-wrap:wrap}
.gaps button{background:none;color:var(--w);border:1px solid rgba(255,255,255,.35);font:600 14px/1 Archivo,Arial,sans-serif;letter-spacing:.04em;padding:12px 16px;border-radius:2px;cursor:pointer}
.gaps button[aria-pressed=true]{border-color:var(--g);color:var(--g)}
.graph{position:relative;border:1px solid var(--rule);background:#050505}
.graph #span{max-width:1000px;margin:0 auto}
.graph svg{display:block;width:100%;height:auto}
.graph text{font-family:Archivo,Arial,sans-serif}
.readout{display:grid;grid-template-columns:auto 1fr;gap:6px 28px;padding:22px 26px;border-top:1px solid var(--rule);min-height:84px;align-items:baseline}
.readout b{font:700 20px/1.2 Archivo,Arial,sans-serif;color:var(--g)}
.readout span{color:rgba(255,255,255,.85);font-size:18px}
/* proof */
.proof .sub{color:var(--dim);margin:0 0 44px;font-size:17px}
.logos{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--rule);border-left:1px solid var(--rule);margin:0;padding:0;list-style:none}
.logos li{display:flex;align-items:center;justify-content:center;height:128px;padding:22px;border-right:1px solid var(--rule);border-bottom:1px solid var(--rule)}
.logos img{max-height:40px;max-width:min(150px,80%);width:auto;height:auto;filter:brightness(0) invert(1);opacity:.9}
.logos img.tall{max-height:58px}
.cases{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:72px;border-top:2px solid var(--w)}
.case{padding:26px 26px 30px 0;border-right:1px solid var(--rule);min-height:250px;display:flex;flex-direction:column}
.case+.case{padding-left:26px}.case:last-child{border-right:0}
.case h3{margin:14px 0 12px;font:700 24px/1.12 Archivo,Arial,sans-serif;font-stretch:88%}
.case p{margin:0;color:rgba(255,255,255,.75);font-size:16px;line-height:1.5}
.case .n{font:700 36px/1.02 Archivo,Arial,sans-serif;font-stretch:80%;margin-top:auto;padding-top:22px}
.more{display:inline-block;margin-top:40px;font:600 15px Archivo,Arial,sans-serif;letter-spacing:.04em;text-decoration:none;border-bottom:1px solid var(--g);padding-bottom:4px}
.note{color:rgba(255,255,255,.45);font-size:13px;margin-top:22px}
/* build */
.build{display:grid;grid-template-columns:1.15fr 1fr;gap:0;border-top:1px solid var(--rule)}
.build .ph img{width:100%;height:100%;object-fit:cover;filter:grayscale(1)}
.build .tx{padding:96px 64px;display:flex;flex-direction:column;justify-content:center}
.build h2{margin:0 0 28px;font:700 clamp(32px,3.8vw,54px)/1.04 Archivo,Arial,sans-serif;font-stretch:85%}
.build p{margin:0 0 16px;color:rgba(255,255,255,.82);font-size:18px}
.who{display:flex;gap:18px;align-items:center;margin-top:34px;padding-top:26px;border-top:1px solid var(--rule)}
.who img{width:72px;height:72px;object-fit:cover;filter:grayscale(1)}
.who div{font-size:15px;line-height:1.45;color:rgba(255,255,255,.7)}.who b{color:var(--w);display:block;font-size:16px}
.build .cap{font-size:12px;color:rgba(255,255,255,.45);margin:26px 0 0}
/* index */
.idx{list-style:none;margin:0;padding:0;border-top:2px solid var(--w)}
.idx li{border-bottom:1px solid var(--rule)}
.idx a{display:grid;grid-template-columns:minmax(200px,1fr) 2fr auto;gap:24px;align-items:baseline;padding:22px 0;text-decoration:none}
.idx a b{font:700 22px/1.2 Archivo,Arial,sans-serif;font-stretch:88%}
.idx a span{color:var(--dim);font-size:16px}
.idx a i{font-style:normal;color:var(--dim)}
.idx a:hover b{color:var(--g)}.idx a:hover i{color:var(--g)}
.close{text-align:left}
.close .row{display:flex;justify-content:space-between;align-items:center;gap:30px;flex-wrap:wrap}
.btn{display:inline-block;background:var(--w);color:var(--k);text-decoration:none;font:700 16px/1 Archivo,Arial,sans-serif;letter-spacing:.03em;padding:18px 28px;border-radius:2px}
.btn:hover{background:var(--g)}
footer.v2{border-top:1px solid var(--rule);padding:40px 0 56px;color:rgba(255,255,255,.55);font-size:14px}
footer.v2 .wrap{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;align-items:flex-end}
footer.v2 img{height:34px;width:auto;margin-bottom:12px}
footer.v2 a{color:rgba(255,255,255,.8)}
@media (max-width:1100px){nav.main ul{gap:16px}nav.main a{font-size:13px}}
@media (max-width:980px){
 .navtoggle{display:block}
 nav.main{display:none;position:absolute;top:84px;left:0;right:0;background:#000;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule)}
 nav.main.open{display:block}
 nav.main ul{flex-direction:column;gap:0;width:min(1240px,100% - 48px);margin:0 auto;padding:8px 0}
 nav.main a{display:block;padding:14px 0;font-size:17px}
 nav.main a[aria-current]{box-shadow:none;color:var(--g)}
 .what{grid-template-columns:1fr;gap:28px}
 .cases{grid-template-columns:1fr 1fr}
 .case:nth-child(2){border-right:0}.case:nth-child(3){padding-left:0}
 .case:nth-child(n+3){border-top:1px solid var(--rule)}
 .build{grid-template-columns:1fr}.build .tx{padding:64px 24px}
 .logos{grid-template-columns:repeat(3,1fr)}
}
@media (max-width:760px){
 body{font-size:17px}
 .wrap{width:calc(100% - 40px)}
 header.v2 .wrap{height:68px}header.v2 .brand img{height:32px}nav.main{top:68px}
 .hero .ph{aspect-ratio:auto;height:auto}
 .hero .ph img{height:auto;aspect-ratio:1372/964}
 .hero .ph::after{background:linear-gradient(180deg,rgba(0,0,0,.6) 0,rgba(0,0,0,0) 30%,rgba(0,0,0,0) 70%,#000 100%)}
 .hero .copy{position:static;padding:8px 0 64px}
 .hero h1{font-size:clamp(38px,11.2vw,58px);font-stretch:75%}
 section.s{padding:72px 0}
 .what p{font-size:18px}
 .readout{grid-template-columns:1fr;padding:18px 18px;min-height:110px}
 .logos li{height:96px;padding:14px}.logos img{max-height:30px}.logos img.tall{max-height:44px}
 .cases{grid-template-columns:1fr}
 .case,.case+.case{padding:22px 0 24px;border-right:0;min-height:0}
 .case+.case{border-top:1px solid var(--rule)}
 .case .n{font-size:36px}
 .idx a{grid-template-columns:1fr auto;gap:4px 16px}
 .idx a span{grid-column:1;grid-row:2;font-size:15px}.idx a i{grid-row:1/3;grid-column:2;align-self:center}
 .idx a b{font-size:20px}
}
@media (prefers-reduced-motion:reduce){.joint{animation:none}}
.logos img.big{max-height:64px;max-width:min(180px,86%)}
@media (max-width:760px){.logos img.big{max-height:46px}}