@font-face{font-family:"Bebas Neue";src:url("../fonts/Bebas-Neue.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/DM-Sans-Regular.woff2") format("woff2");font-style:normal;font-weight:400;font-display:swap}
@font-face{font-family:"DM Sans";src:url("../fonts/DM-Sans-Bold.woff2") format("woff2");font-style:normal;font-weight:700;font-display:swap}
@font-face{font-family:"Larken";src:url("../fonts/Larken-Variable.woff2") format("woff2");font-style:normal;font-weight:100 900;font-display:swap}
@font-face{font-family:"Larken";src:url("../fonts/Larken-Light-Italic.woff2") format("woff2");font-style:italic;font-weight:300;font-display:swap}

:root{
  --navy:#26374c;
  --deep-navy:#172637;
  --sage:#88a396;
  --soft-sage:#b5c4bc;
  --plum:#563c5c;
  --lilac:#ded7e3;
  --linen:#f4f0ed;
  --paper:#f8f6f3;
  --ink:#26374c;
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{
  margin:0;
  background:#e9e9e7;
  color:var(--ink);
  font-family:"DM Sans",Arial,sans-serif;
}
.page{
  width:100%;
  min-height:100vh;
  margin:0;
  overflow:hidden;
  background:var(--linen);
  box-shadow:none;
}
.hero{
  padding:64px 6% 40px;
  color:#fff;
  background:
    radial-gradient(circle at 50% -15%,#184c67 0,#0a3047 48%,#07273b 100%);
}
.hero-heading{text-align:center}
.hero h1{
  margin:0;
  color:#fff;
  font:400 clamp(4.8rem,10.8vw,8.4rem)/.86 "Bebas Neue",sans-serif;
  letter-spacing:.035em;
}
.hero h1 sup{
  font:700 .15em "DM Sans",sans-serif;
  vertical-align:top;
}
.subtitle{
  margin:20px 0 4px;
  color:var(--soft-sage);
  font:400 clamp(1.92rem,3.96vw,2.7rem)/1 "Bebas Neue",sans-serif;
  letter-spacing:.045em;
}
.tagline{
  margin:7px 0;
  font:italic 300 clamp(1.26rem,2.4vw,1.62rem)/1.3 "Larken","DM Sans",sans-serif;
  letter-spacing:.01em;
}
.overview{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  max-width:1440px;
  margin:88px auto 0;
}
.overview-item{
  min-width:0;
  padding:0 23px;
  text-align:center;
  border-left:1px solid #ffffff3b;
}
.overview-item:first-child{border-left:0}
.overview-icon{
  display:grid;
  width:82px;
  height:82px;
  margin:auto;
  place-items:center;
  border-radius:50%;
  transition:transform .25s ease,box-shadow .25s ease;
}
.overview-item:hover .overview-icon{
  transform:translateY(-5px) scale(1.04);
  box-shadow:0 12px 24px #0003;
}
.overview-icon img{
  width:54px;
  filter:brightness(0) invert(1);
}
.overview-icon.sage{background:linear-gradient(145deg,#799277,#40594f)}
.overview-icon.lilac{background:linear-gradient(145deg,#9b97ad,#5b5774)}
.overview-icon.plum{background:linear-gradient(145deg,#7b5579,#49364f)}
.overview-icon.lavender{background:linear-gradient(145deg,#aaa7b8,#69657c)}
.overview-item h2{
  margin:15px 0 5px;
  font:400 1.86rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.055em;
}
.overview-item p{
  margin:0;
  color:#f4f5f3;
  font-size:1.128rem;
  line-height:1.45;
}
.promise{
  padding:33px 9% 36px;
  color:#fff;
  text-align:center;
  background:linear-gradient(110deg,#6f8c70,#a2b79c);
}
.promise p{
  max-width:1400px;
  margin:auto;
  font-size:clamp(1.32rem,2.58vw,1.704rem);
  font-weight:400;
  line-height:1.62;
}
.promise span{
  color:#fff;
  font-weight:700;
  text-decoration:underline;
  text-decoration-color:#ffffff73;
  text-decoration-thickness:2px;
  text-underline-offset:4px;
}
.beta-opportunity{
  position:relative;
  overflow:hidden;
  padding:58px clamp(24px,3vw,64px) 64px;
  background:
    radial-gradient(circle at 100% 0,#edf0e9 0,transparent 38%),
    var(--linen);
}
.beta-opportunity:before{
  content:"BETA";
  position:absolute;
  right:-18px;
  top:4px;
  color:#203b4f08;
  font:400 13rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.03em;
}
.beta-feature{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1.15fr) minmax(300px,.85fr);
  gap:clamp(36px,6vw,100px);
  align-items:start;
  max-width:1500px;
  margin:0 auto 52px;
}
.beta-intro{
  position:relative;
  max-width:790px;
  margin:0;
  text-align:left;
}
.eyebrow{
  margin:0 0 8px;
  color:var(--sage);
  font:400 2.1rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.16em;
}
.beta-intro h2{
  margin:0;
  color:var(--navy);
  font:400 clamp(3.36rem,8.4vw,6rem)/.96 "Bebas Neue",sans-serif;
  letter-spacing:.025em;
}
.beta-lead{
  max-width:650px;
  margin:20px 0 0;
  font-size:1.898rem;
  line-height:1.65;
}
.beta-how{margin-top:34px}
.beta-how > h3{
  margin:0 0 18px;
  color:var(--plum);
  font:400 3.01rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.045em;
}
.beta-step-grid{
  display:grid;
  grid-template-columns:1fr;
  gap:22px;
}
.beta-step{
  display:grid;
  grid-template-columns:67px 1fr;
  gap:18px;
  align-items:start;
}
.beta-step-number{
  display:grid;
  width:67px;
  height:67px;
  color:#fff;
  place-items:center;
  border-radius:50%;
  background:var(--sage);
  font:400 2.59rem/1 "Bebas Neue",sans-serif;
}
.beta-step h4{
  margin:1px 0 4px;
  color:var(--navy);
  font:400 1.988rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.035em;
}
.beta-step p{
  margin:0;
  color:var(--ink);
  font-size:1.344rem;
  line-height:1.43;
}
.interface-preview{
  position:relative;
  width:100%;
  max-width:470px;
  justify-self:center;
  margin:0;
  padding:54px 28px 24px;
  text-align:center;
  border:1px solid #26374c18;
  background:linear-gradient(145deg,#fff,#edf0ed);
  box-shadow:0 22px 50px #26374c1a;
}
.interface-preview figcaption{
  position:absolute;
  top:20px;
  left:24px;
  color:var(--sage);
  font:400 1.32rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.11em;
}
.device-shell{
  position:relative;
  width:100%;
  max-width:390px;
  aspect-ratio:430/932;
  margin:auto;
  padding:16px 9px 10px;
  overflow:hidden;
  border:3px solid #6f7376;
  border-radius:50px;
  background:#0d0e10;
  box-shadow:0 16px 34px #26374c2e;
}
.device-island{
  position:absolute;
  z-index:2;
  top:24px;
  left:50%;
  width:100px;
  height:25px;
  border-radius:18px;
  background:#0d0e10;
  transform:translateX(-50%);
}
.digital-desk-screen{
  display:flex;
  flex-direction:column;
  width:100%;
  height:100%;
  padding:85px 14px 11px;
  color:var(--navy);
  text-align:left;
  overflow:hidden;
  border:0;
  border-radius:39px;
  background:var(--linen);
}
.desk-topbar{
  display:grid;
  grid-template-columns:32px 1fr 30px;
  gap:12px;
  align-items:center;
}
.desk-menu{font-size:1.45rem;line-height:1}
.desk-brand{display:grid;line-height:1}
.desk-brand strong{font:400 1.08rem/1 "Bebas Neue",sans-serif;letter-spacing:.025em}
.desk-brand span{margin-top:3px;font-size:.61rem;font-weight:700;letter-spacing:.08em}
.desk-search{
  position:relative;
  display:block;
  width:18px;
  height:18px;
  border:2px solid var(--navy);
  border-radius:50%;
}
.desk-search:after{
  content:"";
  position:absolute;
  right:-6px;
  bottom:-4px;
  width:8px;
  height:2px;
  background:var(--navy);
  transform:rotate(48deg);
}
.desk-welcome{
  margin:21px 0 14px;
  text-align:center;
  font-size:1.35rem;
  line-height:1.15;
}
.desk-quick{
  padding:11px;
  border:1px solid #26374c16;
  border-radius:17px;
  background:#fff9;
  box-shadow:0 8px 18px #26374c0d;
}
.desk-quick h4{margin:0 0 8px;font-size:.84rem}
.desk-action-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.desk-action{
  display:grid;
  min-width:0;
  min-height:67px;
  padding:7px 4px 6px;
  place-items:center;
  align-content:center;
  gap:6px;
  color:var(--linen);
  text-align:center;
  border-radius:12px;
  background:var(--navy);
}
.desk-action img{width:23px;height:23px;filter:brightness(0) invert(1)}
.desk-action span:last-child{font-size:.72rem;font-weight:700;line-height:1.05}
.expense-mark{
  display:grid;
  width:23px;
  height:23px;
  place-items:center;
  border:2px solid var(--linen);
  border-radius:6px;
  font-size:1rem;
  font-weight:700;
}
.desk-links{display:grid;gap:7px;margin-top:14px}
.desk-link{
  display:grid;
  grid-template-columns:44px minmax(0,1fr) auto 9px;
  gap:10px;
  align-items:center;
  min-height:57px;
  padding:7px 11px;
  border-radius:15px;
  background:#e7ebee;
}
.desk-link-icon{
  display:grid;
  width:38px;
  height:38px;
  place-items:center;
  border-radius:11px;
  background:var(--navy);
}
.desk-link-icon img{width:25px;height:25px}
.desk-link-copy{display:grid;min-width:0}
.desk-link-copy strong{font:400 1rem/1 "Bebas Neue",sans-serif;letter-spacing:.025em}
.desk-link-copy small{margin-top:4px;font-size:.67rem}
.desk-link b{font-size:1rem;white-space:nowrap}
.desk-link i{font-size:1.5rem;font-style:normal;line-height:1}
.desk-link.applications{background:var(--lilac)}
.desk-link.applications .desk-link-icon{background:var(--plum)}
.desk-link.review{background:#e1e8e3}
.desk-link.review .desk-link-icon{background:var(--sage)}
.desk-link.results{background:#e8e7e5}
.desk-link.all-events{
  margin-top:13px;
  background:#dce3e7;
}
.desk-link.all-events .desk-link-icon{background:#526174}
.desk-credit{
  margin:auto 0 0;
  padding-top:9px;
  text-align:center;
  font-size:.53rem;
}
.beta-timeline{
  position:relative;
  display:grid;
  grid-template-columns:minmax(0,1fr) auto minmax(0,1.35fr) auto minmax(0,1.2fr);
  gap:18px;
  align-items:center;
  width:100%;
  max-width:none;
  margin:auto;
}
.beta-moment{
  display:flex;
  min-height:128px;
  gap:16px;
  align-items:center;
  padding:22px 20px;
  border-left:5px solid var(--sage);
  background:#fff;
  box-shadow:0 12px 30px #203b4f12;
}
.beta-moment:nth-of-type(2){border-left-color:var(--plum)}
.beta-moment:nth-of-type(3){border-left-color:var(--lilac)}
.beta-moment strong{
  color:var(--navy);
  font:400 clamp(2.64rem,5.4vw,3.9rem)/.88 "Bebas Neue",sans-serif;
  letter-spacing:.02em;
  white-space:nowrap;
}
.beta-moment h3{
  margin:0;
  color:var(--plum);
  font:400 1.74rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.04em;
}
.beta-moment p{margin:7px 0 0;font-size:1.2rem;line-height:1.35}
.timeline-arrow{
  color:var(--sage);
  font-size:2rem;
}
.final-cta{
  min-height:235px;
  color:#fff;
  background:
    radial-gradient(circle at 8% 100%,#6b526f 0,transparent 34%),
    var(--plum);
}
.final-cta-link{
  display:flex;
  min-height:235px;
  padding:34px 7%;
  color:inherit;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  text-align:center;
  text-decoration:none;
  transition:background .2s ease;
}
.final-cta-link:hover,
.final-cta-link:focus-visible{background:#ffffff08}
.final-cta-link:focus-visible{outline:3px solid var(--sage);outline-offset:-6px}
.final-cta-eyebrow{
  color:var(--soft-sage);
  font:400 1.2rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.16em;
}
.final-cta-link > strong{
  margin-top:8px;
  font:400 clamp(3rem,6vw,5rem)/.9 "Bebas Neue",sans-serif;
  letter-spacing:.035em;
}
.final-cta-copy{
  margin-top:13px;
  font-size:1.08rem;
  line-height:1.4;
}
.final-cta-action{
  margin-top:18px;
  padding-bottom:4px;
  border-bottom:2px solid var(--sage);
  font:400 1.38rem/1 "Bebas Neue",sans-serif;
  letter-spacing:.07em;
}
.final-cta-action b{margin-left:10px;font:inherit}
.site-footer{
  display:grid;
  gap:5px;
  padding:22px 24px 24px;
  color:var(--navy);
  text-align:center;
  background:var(--linen);
}
.site-footer p{margin:0;font-size:.8rem}
.site-footer a{
  color:inherit;
  font-weight:700;
  text-underline-offset:3px;
}
.reveal{opacity:1;transform:none;transition:opacity .55s ease,transform .55s ease}
.js .reveal.is-pending{opacity:0;transform:translateY(16px)}

@media(min-width:901px) and (max-width:1180px){
  .hero{padding-left:4%;padding-right:4%}
  .beta-opportunity{padding-left:28px;padding-right:28px}
  .beta-feature{
    grid-template-columns:minmax(0,1.25fr) minmax(330px,.75fr);
    gap:32px;
  }
  .beta-intro h2{font-size:clamp(3.7rem,6.2vw,4.85rem)}
  .beta-lead{font-size:1.624rem}
  .beta-step-grid{gap:21px}
  .beta-step{grid-template-columns:59px 1fr;gap:14px}
  .beta-step-number{width:59px;height:59px;font-size:2.17rem}
  .beta-step h4{font-size:1.68rem}
  .beta-step p{font-size:1.176rem}
  .interface-preview{max-width:390px;padding:50px 15px 18px}
  .device-shell{max-width:335px}
  .beta-timeline{gap:11px}
  .beta-moment{padding:18px 15px}
}
@media(max-width:760px){
  .hero{padding-top:48px}
  .overview{grid-template-columns:1fr 1fr;gap:30px 0}
  .overview-item:nth-child(3){border-left:0}
  .beta-feature{grid-template-columns:1fr}
  .beta-intro{text-align:center}
  .beta-lead{margin-left:auto;margin-right:auto}
  .beta-how{text-align:left}
  .beta-how > h3{text-align:center}
  .beta-timeline{grid-template-columns:1fr}
  .timeline-arrow{transform:rotate(90deg);text-align:center}
}
@media(max-width:480px){
  .overview{grid-template-columns:1fr}
  .overview-item{border:0}
  .beta-step-grid{grid-template-columns:1fr}
  .final-cta-link{padding-left:24px;padding-right:24px}
}