*{box-sizing:border-box;margin:0;padding:0}
body{font-family:'Figtree','Helvetica Neue',Arial,sans-serif;

background:#011a2c;

color:#fff;-webkit-font-smoothing:antialiased;overflow-x:hidden}
a{color:inherit;text-decoration:none}
.band{width:100%;position:relative;overflow:hidden}
.in{position:relative;width:1024px;height:100%;margin:0 auto}
.a{position:absolute;white-space:nowrap}
img{display:block}
.teal{color:#2de6c6}
.grad{background:linear-gradient(90deg,#b4f4ee,#84e4f4);-webkit-background-clip:text;background-clip:text;color:transparent}
.eb{font-size:11px;line-height:16px;letter-spacing:.33em;font-weight:500}
svg.i{fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}
.btn{position:absolute;display:flex;align-items:center;justify-content:center;gap:14px;border-radius:30px;font-size:13.4px;font-weight:500;white-space:nowrap}
.btn svg{width:16px;height:16px}
.fill{background:linear-gradient(90deg,#3cf0c4,#2bc9e8);color:#04283a;box-shadow:0 0 22px rgba(45,230,198,.4)}
.line{border:1px solid rgba(110,200,225,.6);background:rgba(3,22,40,.35);color:#fff}

/* hero */
#hero{height:415px;background:linear-gradient(90deg,#03213a 50%,#052846 100%)}
#hero .bg{position:absolute;left:0;top:0}
#hero .dim{position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,14,28,.72),rgba(2,14,28,.35) 35%,rgba(2,14,28,0) 58%)}
#hero .bar{position:absolute;left:55px;top:52px;width:1px;height:315px;background:linear-gradient(#2de6c6,rgba(45,230,198,.2))}
#hero h1{position:absolute;left:83px;top:70px;font-size:79px;line-height:80px;font-weight:600;letter-spacing:-.012em}
#hero h2{position:absolute;left:83px;top:147px;font-size:39.5px;line-height:40px;font-weight:400;letter-spacing:0}
#hero .sub{left:83px;top:199px;font-size:16.6px;line-height:20px;font-weight:400}
#hero .meta{top:241px;font-size:13.4px;line-height:20px}
#hero .meta svg{position:absolute;width:20px;height:20px;top:0}
#hero .sep{position:absolute;left:258px;top:241px;width:1px;height:20px;background:rgba(255,255,255,.3)}
#hero .btn{top:287px;height:42px}
.sd{position:absolute;left:858px;width:150px;height:46px}
.sd span{position:absolute;left:0;top:0;width:46px;height:46px;border-radius:50%;border:1.5px solid #2de6c6;background:rgba(5,40,66,.55);box-shadow:0 0 14px rgba(45,230,198,.3),inset 0 0 10px rgba(45,230,198,.15);display:grid;place-items:center;color:#2de6c6}
.sd span svg{width:25px;height:25px}
.sd b{position:absolute;left:57px;top:15px;font-size:10px;line-height:14px;letter-spacing:.075em;font-weight:500}

/* stats */
#stats{height:107px;background:linear-gradient(#eaf4f8,#ebf5f9);color:#10335a}
#stats img{position:absolute;top:31px}
#stats b{position:absolute;top:30px;font-size:22px;line-height:26px;font-weight:600}
#stats span{position:absolute;top:59px;font-size:12px;line-height:16px;color:#3f607a}
#stats i{position:absolute;top:27px;width:1px;height:53px;background:#cddce6}

/* tracks */
#trk{height:307px;background:#ebf4f8;color:#12335b}
#trk .eb{left:49px;top:38px;font-weight:600;color:#0e2a4a;letter-spacing:.3em;font-size:10.5px}
#trk h3{position:absolute;left:49px;top:63px;font-size:29.2px;line-height:36px;font-weight:600;letter-spacing:-.012em;white-space:nowrap}
#trk p{position:absolute;left:49px;top:147px;width:318px;font-size:12.6px;line-height:20px;color:#34506a;white-space:normal}
#trk .ln{position:absolute;left:49px;top:231px;width:29px;height:2px;background:#2cc9c2}
#trk .ln2{position:absolute;left:49px;top:249px;width:42px;height:1px;background:linear-gradient(90deg,transparent,#9fc6cf)}
#trk .vs{left:104px;top:240px;font-size:13.2px;line-height:18px;font-weight:500;color:#0e2a4a;text-decoration:underline;text-underline-offset:4px}
.tc{position:absolute;border-radius:8px;overflow:hidden;box-shadow:0 8px 16px rgba(6,40,70,.3);border:1px solid rgba(60,150,195,.3);background:#06213a}
.tc img{position:absolute;inset:0;width:100%;height:100%}
.tc:before{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(90deg,rgba(1,20,38,0) 38%,rgba(1,20,38,.55) 50%,rgba(1,20,38,.6) 100%)}
.tc:last-child:before{background:linear-gradient(90deg,rgba(1,20,38,0) 40%,rgba(1,20,38,.25) 100%)}
.tc .ic,.tc h4,.tc .ar{z-index:2}
.tc .ic{position:absolute;width:24px;height:24px;color:#2de6c6}
.tc .ic svg{width:24px;height:24px}
.tc h4{position:absolute;font-size:10.3px;line-height:15.4px;font-weight:500;margin-top:-1px;color:#fff;white-space:nowrap}
.tc .ar{position:absolute;right:14px;bottom:11px;width:13px;height:13px;color:#2de6c6}

/* speakers */
#spk{height:243px;background:#011a2c;border-top:1px solid rgba(60,150,190,.18)}
#spk .eb{left:49px;top:28px;font-size:9.5px;letter-spacing:.3em;color:#cfe0ec}
#spk h3{position:absolute;left:49px;top:53px;font-size:25.4px;line-height:31px;font-weight:500;letter-spacing:-.01em;white-space:nowrap}
#spk p{position:absolute;left:49px;top:128px;width:252px;font-size:12px;line-height:17.5px;color:#b9cddb;white-space:normal}
#spk .va{left:49px;top:198px;font-size:12px;line-height:16px;color:#2de6c6;text-decoration:underline;text-underline-offset:3px}
.sp{position:absolute;top:31px;height:183px;border:1px solid rgba(60,150,190,.35);border-radius:8px;background:linear-gradient(150deg,#08293e,#021c2e)}
.sp img{position:absolute;top:14px;left:50%;margin-left:-34px;width:68px;height:68px;border-radius:50%}
.sp h5{position:absolute;left:17px;top:93px;font-size:13px;line-height:18px;font-weight:600;white-space:nowrap}
.sp small{position:absolute;left:17px;top:115px;font-size:10.5px;line-height:17.5px;color:#a9c0d0;white-space:nowrap}
.sp:after{content:"";position:absolute;left:17px;top:163px;width:26px;height:2px;background:#2de6c6}
.sp.t3:after{top:173px}
.nv{position:absolute;top:99px;width:30px;height:30px;border-radius:50%;border:1.3px solid #2de6c6;display:grid;place-items:center;color:#2de6c6}
.nv svg{width:15px;height:15px}
.nv.p{border-color:#3d8aa0;color:#7fb4c6}

/* cta */
#cta{height:193px;background:#021e33;border-top:1px solid rgba(45,200,220,.28)}
#cta .bg{position:absolute;left:0;top:1px}
#cta .grad{background:linear-gradient(90deg,#5ef2d6,#4fd0f2);-webkit-background-clip:text;background-clip:text;color:transparent}
#cta h3{position:absolute;left:66px;top:30px;font-size:28px;line-height:36px;font-weight:500;letter-spacing:-.005em}
#cta p{left:66px;top:70px;font-size:12.2px;line-height:18px;color:#e2edf5}
#cta .btn{left:66px;top:110px;width:158px;height:36px;font-size:12.4px;gap:12px}
#cta .vl{position:absolute;left:880px;top:44px;width:2px;height:115px;background:#2de6c6}
#cta .vl2{position:absolute;left:900px;top:157px;width:49px;height:2px;background:#2de6c6}
#cta .w{left:900px;font-size:10.5px;line-height:14px;letter-spacing:.34em;font-weight:400}

body.wide #hero .bg,body.wide #cta .bg{-webkit-mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent);mask-image:linear-gradient(90deg,transparent,#000 70px,#000 calc(100% - 70px),transparent)}
#hero{background:#03213a}
.fx{width:100%;overflow:hidden}