@charset "UTF-8";
:root  {
  --ink:#101210;
  --panel:#181b18;
  --acid:#c8ff35;
  --paper:#f1f1e7;
  --muted:#a9afa7;
  --line:#373d34;
  --font:Arial,Helvetica,sans-serif;
  --display:Impact,"Arial Narrow",Arial,sans-serif
}
*  {
  box-sizing:border-box
}
html  {
  scroll-behavior:smooth;
  scroll-padding-top:30px
}
body  {
  margin:0;
  background:var(--ink);
  color:var(--paper);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased
}
a  {
  color:inherit;
  text-decoration:none
}
button  {
  font:inherit
}
img,svg  {
  max-width:100%;
  display:block
}
button,a  {
  -webkit-tap-highlight-color:transparent
}
a:focus-visible,button:focus-visible  {
  outline:3px solid var(--acid);
  outline-offset:5px
}
.final-section a:focus-visible  {
  outline-color:var(--ink)
}
::selection  {
  background:var(--acid);
  color:var(--ink)
}
[hidden]  {
  display:none!important
}
.skip-link  {
  position:fixed;
  z-index:100;
  top:12px;
  left:12px;
  padding:15px;
  background:var(--acid);
  color:var(--ink);
  transform:translateY(-150%);
  font-weight:bold
}
.skip-link:focus  {
  transform:translateY(0)
}
.site-shell  {
  max-width:1920px;
  margin:0 auto;
  overflow:hidden
}
.site-header  {
  position:relative;
  z-index:5;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding:25px 4.5%;
  border-bottom:1px solid var(--line)
}
.wordmark  {
  display:flex;
  align-items:center;
  gap:10px;
  font-size:25px;
  font-weight:900;
  letter-spacing:-1.5px;
  line-height:.95
}
.wordmark .mark  {
  display:grid;
  place-items:center;
  background:var(--acid);
  color:var(--ink);
  height:40px;
  width:40px;
  font-size:38px;
  font-weight:400;
  letter-spacing:0
}
.logo-number  {
  color:var(--acid)
}
.wordmark small  {
  display:block;
  color:var(--muted);
  font-size:8px;
  letter-spacing:2.2px;
  margin-top:9px
}
.header-nav  {
  display:flex;
  gap:35px;
  align-items:center;
  font-size:13px;
  font-weight:bold
}
.header-nav>a:first-child  {
  color:#d5d8d1
}
.header-nav>a:first-child:hover  {
  color:var(--acid)
}
.header-quote  {
  display:flex;
  align-items:center;
  gap:30px;
  padding:13px 17px;
  border:1px solid #717a66;
  transition:background .2s,color .2s
}
.header-quote:hover  {
  background:var(--acid);
  color:var(--ink);
  border-color:var(--acid)
}
.header-quote span  {
  font-size:23px;
  line-height:.7
}
.hero  {
  position:relative;
  isolation:isolate;
  min-height:720px;
  padding:65px 4.5% 86px;
  background:radial-gradient(ellipse at 80% 40%,#252d1b 0%,transparent 47%)
}
.hero:before  {
  position:absolute;
  inset:0;
  z-index:-1;
  content:"";
  background-image:linear-gradient(#ffffff03 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);
  background-size:72px 72px;
  mask-image:linear-gradient(90deg,transparent,#000)
}
.hero-copy  {
  position:relative;
  z-index:3;
  width:57%;
  max-width:850px;
  pointer-events:none
}
.hero-copy a  {
  pointer-events:auto
}
.eyebrow  {
  display:flex;
  align-items:center;
  gap:10px;
  margin:0;
  font-size:10px;
  font-weight:700;
  line-height:1.7;
  letter-spacing:2px
}
.status-dot  {
  display:inline-block;
  flex-shrink:0;
  width:6px;
  height:6px;
  background:var(--acid);
  border-radius:50%;
  box-shadow:0 0 14px #c8ff3570
}
h1,h2,h3,p  {
  margin-top:0
}
h1,h2  {
  font-family:var(--display);
  font-weight:400
}
h1  {
  font-size:clamp(80px,9.7vw,174px);
  line-height:.91;
  letter-spacing:-.015em;
  margin:29px 0 25px;
  white-space:nowrap
}
h1 span  {
  color:var(--acid)
}
.hero-intro  {
  font-size:clamp(15px,1.25vw,20px);
  line-height:1.6;
  color:#c9cec4;
  max-width:390px;
  margin-bottom:28px
}
.cta  {
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:25px;
  width:fit-content;
  min-height:60px;
  font-size:14px;
  font-weight:700;
  transition:transform .2s,background .2s
}
.cta-primary  {
  padding:0 20px;
  background:var(--acid);
  color:var(--ink);
  min-width:285px;
  box-shadow:5px 5px 0 #c8ff3520
}
.cta:hover  {
  transform:translate(-2px,-2px)
}
.cta-primary:hover  {
  background:#dcff89
}
.cta-arrow  {
  font-size:34px;
  font-weight:400;
  line-height:1
}
.cta-note  {
  margin:13px 0 0;
  color:var(--muted);
  font-size:11px;
  line-height:1.7
}
.vault-scene  {
  position:absolute;
  z-index:1;
  top:7%;
  right:-3%;
  width:57%;
  height:84%;
  max-height:650px;
  min-height:480px;
  pointer-events:none
}
.orbit  {
  position:absolute;
  top:50%;
  left:50%;
  border:1px solid #748d3a45;
  border-radius:50%;
  transform:translate(-50%,-50%);
  aspect-ratio:1
}
.orbit:before,.orbit:after  {
  content:"";
  position:absolute;
  inset:13px;
  border:1px dashed #a8c75b22;
  border-radius:50%
}
.orbit-outer  {
  width:95%;
  border:16px solid #b3d46608;
  outline:1px solid #a3c65522
}
.orbit-middle  {
  width:72%;
  border-width:30px;
  border-color:#b3d46605;
  outline:1px solid #c8ff3533
}
.orbit-inner  {
  width:52%;
  box-shadow:0 0 90px #c8ff3508
}
.scene-number  {
  position:absolute;
  top:28%;
  left:6%;
  font-family:var(--display);
  font-size:clamp(160px,22vw,400px);
  font-weight:400;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px #c8ff352b;
  transform:rotate(-12deg);
  letter-spacing:-5px
}
.gpu-float  {
  position:absolute;
  top:20%;
  left:-4%;
  width:108%;
  transform:rotate(-16deg);
  filter:drop-shadow(5px 45px 20px #0009);
  animation:float-card 8s ease-in-out infinite
}
.gpu-float img  {
  width:100%;
  height:auto
}
.scene-label  {
  position:absolute;
  font-size:11px;
  font-weight:bold;
  letter-spacing:3px;
  line-height:1.6;
  color:var(--acid)
}
.scene-label span  {
  display:block;
  color:#81916b;
  font-size:8px;
  letter-spacing:2px
}
.label-top  {
  top:3%;
  left:43%;
  transform:rotate(90deg);
  transform-origin:left top;
  white-space:nowrap
}
.label-bottom  {
  bottom:6%;
  right:15%;
  text-align:right;
  font-size:16px
}
.scene-label .graphic-arrow  {
  display:inline;
  font-size:24px;
  color:var(--acid)
}
.scene-cross  {
  position:absolute;
  color:#c8ff3570;
  font-size:24px;
  font-weight:300
}
.cross-top  {
  top:15%;
  left:20%
}
.cross-bottom  {
  bottom:14%;
  left:10%
}
.vault-seal  {
  position:absolute;
  right:5%;
  top:16%;
  background:var(--acid);
  color:var(--ink);
  width:92px;
  height:92px;
  clip-path:polygon(50% 0,58% 8%,69% 4%,75% 14%,87% 13%,89% 25%,100% 31%,96% 43%,100% 50%,92% 58%,96% 69%,86% 75%,87% 87%,75% 89%,69% 100%,57% 96%,50% 100%,42% 92%,31% 96%,25% 86%,13% 87%,11% 75%,0 69%,4% 57%,0 50%,8% 42%,4% 31%,14% 25%,13% 13%,25% 11%,31% 0,43% 4%);
  display:flex;
  align-items:center;
  justify-content:center;
  flex-direction:column;
  font-size:11px;
  letter-spacing:1px;
  line-height:1.1;
  transform:rotate(13deg)
}
.vault-seal strong  {
  font-size:14px;
  letter-spacing:0
}
.vault-seal span  {
  font-size:25px
}
.hero-floor  {
  position:absolute;
  left:4.5%;
  right:4.5%;
  bottom:25px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:20px;
  padding-top:18px;
  border-top:1px solid var(--line);
  font-size:10px;
  letter-spacing:1.5px
}
.floor-caption  {
  color:#7c8676;
  font-size:8px
}
.hero-floor a  {
  display:flex;
  gap:22px;
  align-items:center
}
.hero-floor a span  {
  font-size:20px
}
.hero-floor a:hover  {
  color:var(--acid)
}
.motion-toggle  {
  border:0;
  background:none;
  min-width:44px;
  min-height:44px;
  padding:8px;
  color:var(--muted);
  font-size:12px;
  cursor:pointer
}
.ticker  {
  height:78px;
  background:var(--acid);
  color:var(--ink);
  display:flex;
  align-items:center;
  border-block:3px solid var(--ink);
  overflow:hidden
}
.ticker-track  {
  display:flex;
  align-items:center;
  flex-shrink:0;
  gap:35px;
  font-family:var(--display);
  font-size:40px;
  line-height:1;
  letter-spacing:1px;
  white-space:nowrap;
  animation:ticker 36s linear infinite
}
.ticker-star  {
  font-family:Arial,sans-serif;
  font-size:42px
}
.section-pad  {
  padding:90px 7%
}
.section-heading  {
  display:flex;
  justify-content:space-between;
  gap:35px;
  align-items:flex-start;
  margin-bottom:55px
}
.section-heading .eyebrow  {
  margin-top:8px;
  max-width:240px;
  color:var(--muted)
}
h2  {
  font-size:clamp(52px,6vw,94px);
  line-height:.98;
  letter-spacing:-.01em;
  margin-bottom:0
}
.section-heading h2 span  {
  color:var(--acid)
}
.steps  {
  list-style:none;
  margin:0 0 30px;
  padding:0
}
.steps li  {
  display:grid;
  grid-template-columns:.36fr 1fr 60px;
  gap:30px;
  border-top:1px solid var(--line);
  padding:35px 0 38px;
  align-items:start
}
.steps li:last-child  {
  border-bottom:1px solid var(--line)
}
.step-number  {
  font-family:var(--display);
  font-size:84px;
  line-height:1;
  color:transparent;
  -webkit-text-stroke:1px #859176
}
.steps li>div  {
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:28px
}
.steps h3  {
  font-size:24px;
  line-height:1.12;
  letter-spacing:-.7px;
  font-weight:700;
  margin:0
}
.steps p  {
  font-size:14px;
  color:var(--muted);
  line-height:1.7;
  margin:0;
  max-width:320px
}
.step-arrow  {
  font-size:42px;
  font-weight:300;
  color:var(--acid);
  line-height:1
}
.text-link  {
  display:flex;
  justify-content:space-between;
  align-items:center;
  width:fit-content;
  gap:40px;
  font-size:12px;
  padding:10px 0;
  border-bottom:1px solid #667258
}
.text-link span  {
  color:var(--acid);
  font-size:23px
}
.text-link:hover  {
  color:var(--acid)
}
.prep-section  {
  background:var(--paper);
  color:var(--ink);
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:11%
}
.prep-section .eyebrow  {
  font-size:9px;
  letter-spacing:1.8px;
  margin-bottom:30px
}
.prep-heading h2  {
  font-size:clamp(75px,10vw,155px);
  line-height:.9
}
.prep-heading h2 span  {
  color:var(--paper);
  -webkit-text-stroke:1.5px var(--ink)
}
.prep-graphic  {
  position:relative;
  display:flex;
  flex-direction:column;
  width:185px;
  border:1px solid var(--ink);
  margin-top:38px;
  padding:15px;
  transform:rotate(-7deg);
  background:var(--acid);
  box-shadow:7px 7px 0 var(--ink)
}
.prep-graphic span  {
  font-size:10px;
  letter-spacing:3px;
  font-weight:bold
}
.prep-graphic strong  {
  font-family:var(--display);
  font-size:72px;
  line-height:1;
  font-weight:400
}
.prep-graphic i  {
  position:absolute;
  right:12px;
  top:10px;
  font-style:normal;
  font-size:32px
}
.prep-intro  {
  font-size:clamp(26px,2.8vw,42px);
  font-weight:700;
  line-height:1.15;
  letter-spacing:-1.5px;
  margin-bottom:24px
}
.prep-body  {
  color:#596150;
  font-size:15px;
  line-height:1.65;
  max-width:400px;
  margin-bottom:30px
}
.prep-list  {
  margin:0
}
.prep-list>div  {
  border-top:1px solid #bac0af;
  padding:22px 0
}
.prep-list>div:last-child  {
  border-bottom:1px solid #bac0af
}
.prep-list dt  {
  font-size:15px;
  font-weight:bold;
  margin-bottom:12px
}
.prep-list dt span  {
  font-size:11px;
  color:#5c674d;
  margin-right:15px
}
.prep-list dd  {
  margin:0 0 0 34px;
  color:#596150;
  font-size:13px;
  line-height:1.65;
  max-width:350px
}
.prep-fine  {
  color:#5d6555;
  font-size:11px;
  line-height:1.7;
  margin:24px 0 0;
  max-width:390px
}
.final-section  {
  background:var(--acid);
  color:var(--ink);
  position:relative
}
.final-section .eyebrow  {
  margin-bottom:38px
}
.final-layout  {
  display:grid;
  grid-template-columns:1.2fr 1fr;
  gap:8%;
  align-items:end
}
.final-layout h2  {
  font-size:clamp(72px,10vw,154px);
  line-height:.9
}
.final-layout h2 span  {
  color:var(--acid);
  -webkit-text-stroke:1.5px var(--ink)
}
.final-action  {
  padding-bottom:4px
}
.final-arrow  {
  display:block;
  font-size:100px;
  line-height:1;
  margin:-5px 0 25px;
  transform:rotate(0deg)
}
.final-action>p:first-of-type  {
  font-size:28px;
  font-weight:700;
  line-height:1.15;
  letter-spacing:-.8px;
  margin-bottom:25px
}
.cta-dark  {
  background:var(--ink);
  color:var(--paper);
  padding:0 20px;
  width:100%;
  max-width:350px;
  min-height:65px
}
.cta-dark:hover  {
  background:#2c3326
}
.final-note  {
  font-size:11px;
  line-height:1.6;
  max-width:270px;
  margin:15px 0 0;
  color:#46521e
}
.site-footer  {
  position:relative;
  padding:48px 4.5% 35px;
  display:grid;
  grid-template-columns:1fr 1fr;
  column-gap:40px;
  row-gap:20px;
  align-items:start
}
.footer-brand  {
  font-size:20px;
  font-weight:bold;
  letter-spacing:-.5px
}
.footer-brand span  {
  color:var(--acid);
  margin-left:8px
}
.site-footer>p  {
  font-size:11px;
  line-height:1.7;
  color:var(--muted);
  margin:0
}
.site-footer nav  {
  display:flex;
  flex-wrap:wrap;
  gap:20px;
  font-size:11px;
  color:var(--muted)
}
.site-footer nav a:hover  {
  color:var(--acid)
}
.footer-id  {
  text-align:right;
  font-size:9px;
  letter-spacing:2px;
  color:#7f8a73;
  margin-top:4px
}
.mobile-cta  {
  display:none
}
.motion-paused *  {
  animation-play-state:paused!important
}
.motion-paused .gpu-float  {
  transform:rotate(-16deg)
}
@keyframes float-card  {
  0%,100%  {
    transform:translateY(0) rotate(-16deg)
  }
  50%  {
    transform:translateY(-13px) rotate(-14deg)
  }
}
@keyframes ticker  {
  from  {
    transform:translateX(0)
  }
  to  {
    transform:translateX(-50%)
  }
}
@media(min-width:1600px)  {
  .hero  {
    min-height:860px;
    padding-top:95px
  }
  .vault-scene  {
    top:10%
  }
  .hero-intro  {
    max-width:430px
  }
}
@media(max-width:1100px)  {
  .hero  {
    min-height:650px;
    padding-top:58px
  }
  .hero-copy  {
    width:62%
  }
  h1  {
    font-size:clamp(80px,10.1vw,112px)
  }
  .vault-scene  {
    width:57%;
    right:-8%;
    top:10%;
    height:70%
  }
  .label-top  {
    left:48%
  }
  .label-bottom  {
    right:18%;
    bottom:1%;
    font-size:13px
  }
  .scene-number  {
    top:31%;
    font-size:25vw
  }
  .vault-seal  {
    width:76px;
    height:76px;
    font-size:9px;
    right:12%;
    top:12%
  }
  .vault-seal strong  {
    font-size:11px
  }
  .steps li  {
    grid-template-columns:110px 1fr 35px;
    gap:25px
  }
  .steps h3  {
    font-size:21px
  }
  .step-number  {
    font-size:72px
  }
  .section-pad  {
    padding:70px 6%
  }
  .section-heading  {
    gap:25px
  }
  .section-heading .eyebrow  {
    max-width:150px
  }
  .prep-section  {
    gap:9%
  }
  .final-arrow  {
    font-size:80px
  }
}
@media(max-width:760px)  {
  body  {
    padding-bottom:76px
  }
  .site-header  {
    padding:19px 5%;
    gap:12px
  }
  .wordmark  {
    font-size:22px
  }
  .wordmark .mark  {
    width:34px;
    height:34px;
    font-size:31px
  }
  .wordmark small  {
    font-size:7px;
    letter-spacing:1.6px;
    margin-top:7px
  }
  .header-nav>a:first-child  {
    display:none
  }
  .header-nav  {
    gap:0
  }
  .header-quote  {
    padding:12px;
    font-size:13px;
    min-height:44px;
    gap:15px
  }
  .header-quote span  {
    font-size:20px
  }
  .hero  {
    min-height:0;
    padding:35px 5% 75px;
    display:flex;
    flex-direction:column;
    background:radial-gradient(ellipse at 60% 58%,#27311d 0%,transparent 59%)
  }
  .hero-copy  {
    width:100%;
    max-width:none
  }
  .eyebrow  {
    font-size:8px;
    letter-spacing:1.4px;
    gap:7px
  }
  .status-dot  {
    width:5px;
    height:5px
  }
  h1  {
    font-size:clamp(63px,15.5vw,118px);
    margin:25px 0 19px;
    line-height:.9;
    letter-spacing:-.01em
  }
  .hero-intro  {
    font-size:14px;
    line-height:1.6;
    max-width:310px;
    margin-bottom:23px
  }
  .cta-primary  {
    min-height:56px;
    min-width:0;
    width:fit-content;
    font-size:13px;
    padding-inline:17px;
    gap:24px
  }
  .cta-arrow  {
    font-size:30px
  }
  .cta-note  {
    font-size:13px
  }
  .vault-scene  {
    position:relative;
    flex:none;
    top:auto;
    right:auto;
    width:115%;
    margin:-6px -7.5% -5px;
    height:320px;
    min-height:0;
    max-height:none
  }
  .gpu-float  {
    top:18%;
    width:95%;
    left:4%
  }
  .orbit-outer  {
    width:78%;
    border-width:12px
  }
  .orbit-middle  {
    width:59%;
    border-width:20px
  }
  .orbit-inner  {
    width:43%
  }
  .scene-number  {
    top:22%;
    left:12%;
    font-size:52vw
  }
  .label-top  {
    top:15%;
    left:14%;
    font-size:8px;
    transform:none;
    letter-spacing:2px
  }
  .label-top span  {
    font-size:6px
  }
  .label-bottom  {
    font-size:11px;
    bottom:2%;
    right:12%;
    letter-spacing:2px
  }
  .scene-label span  {
    font-size:7px
  }
  .vault-seal  {
    width:70px;
    height:70px;
    right:10%;
    top:9%;
    font-size:8px
  }
  .vault-seal strong  {
    font-size:10px
  }
  .cross-top  {
    top:46%;
    left:8%;
    font-size:18px
  }
  .cross-bottom  {
    bottom:5%;
    left:20%;
    font-size:18px
  }
  .hero-floor  {
    left:5%;
    right:5%;
    bottom:18px;
    padding-top:12px;
    gap:14px;
    font-size:13px;
    letter-spacing:.5px
  }
  .floor-caption  {
    display:none
  }
  .hero-floor a  {
    gap:14px
  }
  .motion-toggle  {
    font-size:12px
  }
  .ticker  {
    height:61px
  }
  .ticker-track  {
    font-size:31px;
    gap:25px
  }
  .ticker-star  {
    font-size:31px
  }
  .section-pad  {
    padding:55px 6%
  }
  .section-heading  {
    display:block;
    margin-bottom:30px
  }
  .section-heading .eyebrow  {
    max-width:none;
    margin:0 0 22px
  }
  h2  {
    font-size:clamp(43px,9.8vw,74px)
  }
  .steps li  {
    grid-template-columns:54px 1fr 20px;
    gap:16px;
    padding-block:27px
  }
  .steps li>div  {
    display:block
  }
  .step-number  {
    font-size:49px
  }
  .steps h3  {
    font-size:22px;
    line-height:1.1;
    letter-spacing:-.7px;
    margin-bottom:14px
  }
  .steps p  {
    font-size:13px;
    line-height:1.7;
    max-width:310px
  }
  .step-arrow  {
    font-size:28px
  }
  .text-link  {
    font-size:13px;
    gap:25px;
    line-height:1.5
  }
  .text-link span  {
    font-size:20px
  }
  .prep-section  {
    grid-template-columns:1fr;
    gap:40px
  }
  .prep-heading  {
    position:relative
  }
  .prep-section .eyebrow  {
    font-size:8px;
    margin-bottom:25px
  }
  .prep-heading h2  {
    font-size:clamp(72px,21vw,130px)
  }
  .prep-graphic  {
    position:absolute;
    right:4%;
    bottom:9px;
    margin:0;
    width:124px;
    padding:11px;
    transform:rotate(9deg);
    box-shadow:5px 5px 0 var(--ink)
  }
  .prep-graphic strong  {
    font-size:48px
  }
  .prep-graphic i  {
    font-size:23px;
    right:8px;
    top:8px
  }
  .prep-graphic span  {
    font-size:8px
  }
  .prep-intro  {
    font-size:31px;
    letter-spacing:-1px;
    margin-bottom:20px
  }
  .prep-body  {
    font-size:13px;
    margin-bottom:24px
  }
  .prep-list>div  {
    padding-block:20px
  }
  .prep-list dt  {
    font-size:14px;
    margin-bottom:10px
  }
  .prep-list dd  {
    font-size:13px;
    margin-left:29px
  }
  .prep-list dt span  {
    margin-right:11px
  }
  .prep-fine  {
    font-size:13px
  }
  .final-section .eyebrow  {
    margin-bottom:28px
  }
  .final-layout  {
    grid-template-columns:1fr;
    gap:30px
  }
  .final-layout h2  {
    font-size:clamp(68px,17.8vw,120px)
  }
  .final-action  {
    position:relative
  }
  .final-arrow  {
    position:absolute;
    right:0;
    top:0;
    font-size:65px;
    margin:0
  }
  .final-action>p:first-of-type  {
    font-size:24px;
    margin-bottom:24px;
    max-width:240px
  }
  .cta-dark  {
    min-height:60px;
    max-width:none;
    font-size:13px
  }
  .final-note  {
    max-width:none;
    font-size:13px
  }
  .site-footer  {
    padding:32px 6%;
    grid-template-columns:1fr;
    gap:18px
  }
  .footer-brand  {
    font-size:19px
  }
  .site-footer>p  {
    font-size:13px
  }
  .site-footer nav  {
    gap:19px;
    font-size:13px
  }
  .footer-id  {
    text-align:left;
    font-size:8px;
    letter-spacing:1.4px
  }
  .mobile-cta  {
    position:fixed;
    z-index:20;
    bottom:0;
    left:0;
    right:0;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:15px;
    padding:14px 6% calc(14px + env(safe-area-inset-bottom));
    min-height:64px;
    border-top:1px solid var(--ink);
    background:var(--acid);
    color:var(--ink);
    font-size:13px;
    font-weight:700;
    box-shadow:0 -7px 30px #0005
  }
  .mobile-cta span  {
    font-size:30px;
    font-weight:400;
    line-height:1
  }
  .mobile-cta:focus-visible  {
    outline:3px solid var(--ink);
    outline-offset:-6px
  }
}
@media(max-width:380px)  {
  .hero .eyebrow  {
    font-size:7px;
    letter-spacing:1.1px
  }
  .header-quote  {
    font-size:13px;
    padding:11px 9px;
    gap:10px
  }
  .wordmark  {
    font-size:20px;
    gap:8px
  }
  .wordmark .mark  {
    height:31px;
    width:31px;
    font-size:29px
  }
  .wordmark small  {
    font-size:6px;
    letter-spacing:1.5px
  }
  .vault-scene  {
    height:270px
  }
  .label-top  {
    top:12%
  }
  .vault-seal  {
    right:8%;
    width:61px;
    height:61px
  }
  .scene-number  {
    top:23%
  }
  .steps li  {
    grid-template-columns:43px 1fr 15px;
    gap:12px
  }
  .step-number  {
    font-size:42px
  }
  .steps h3  {
    font-size:20px
  }
  .prep-graphic  {
    right:0;
    width:107px
  }
  .prep-graphic strong  {
    font-size:40px
  }
  .prep-heading h2  {
    font-size:75px
  }
}
@media(prefers-reduced-motion:reduce)  {
  html  {
    scroll-behavior:auto
  }
  *,*:before,*:after  {
    animation:none!important;
    transition:none!important
  }
  .motion-toggle  {
    display:none!important
  }
  .gpu-float  {
    transform:rotate(-16deg)
  }
}