body{
  background:#eef3fb!important;
  color:#0f172a!important;
}

body:has(.frame){
  background:
    linear-gradient(90deg,rgba(28,94,168,.05) 1px,transparent 1px),
    linear-gradient(rgba(28,94,168,.05) 1px,transparent 1px),
    #f4f7fb!important;
  background-size:44px 44px!important;
}

.frame{
  background:#f5f7fb!important;
  color:#0f172a!important;
  box-shadow:0 18px 50px rgba(31,78,121,.16)!important;
}

.rn-bubble{
  display:inline-flex!important;
  align-items:center!important;
  max-width:100%!important;
  padding:7px 12px!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#1f4e79!important;
  border:1px solid rgba(31,78,121,.14)!important;
  box-shadow:0 10px 24px rgba(31,78,121,.10)!important;
  font-family:'Jua','Pretendard','Apple SD Gothic Neo','Malgun Gothic',system-ui,sans-serif!important;
  font-size:12px!important;
  line-height:1.15!important;
  white-space:normal!important;
  overflow-wrap:break-word!important;
}

.status,
.signals,
.head h1,
.sec h3{
  color:#0f172a!important;
}

.head{
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
}

.head .eyebrow{
  color:#1f4e79!important;
  letter-spacing:.08em!important;
}

.head h1{
  max-width:250px!important;
  font-size:28px!important;
  line-height:1.08!important;
}

.pill-gold.signup-pill{
  background:#fff!important;
  color:#1f4e79!important;
  border:1px solid rgba(31,78,121,.16)!important;
  box-shadow:0 8px 20px rgba(31,78,121,.1)!important;
}

.pill-trust{
  background:#fff!important;
  color:#1f4e79!important;
  border:1px solid rgba(31,78,121,.12)!important;
  box-shadow:0 8px 22px rgba(31,78,121,.08)!important;
}

.reward-status{
  display:none;
  margin:10px 18px 0;
  padding:10px 12px;
  border-radius:14px;
  background:#eafbf7;
  color:#087568!important;
  border:1px solid rgba(45,197,176,.28);
  box-shadow:0 10px 24px rgba(31,78,121,.08);
  text-decoration:none;
  font-size:12px;
  font-weight:900;
  text-align:center;
}

body.lp-authenticated .reward-status{
  display:block;
}

#authWelcome{
  display:none!important;
}

.hero{
  margin-top:14px!important;
  background:
    radial-gradient(circle at 82% 12%,rgba(45,229,210,.24),transparent 25%),
    radial-gradient(circle at 18% 86%,rgba(125,92,255,.26),transparent 30%),
    linear-gradient(145deg,#164f91,#081735 72%)!important;
  border:1px solid rgba(45,229,210,.22)!important;
  box-shadow:0 18px 34px rgba(8,23,53,.22)!important;
  color:#fff!important;
}

.hero .lv{
  color:#5df4e4!important;
}

.hero h2{
  color:#fff!important;
  font-size:34px!important;
  line-height:1.05!important;
}

.hero p{
  color:rgba(255,255,255,.78)!important;
}

.action-steps{
  display:grid!important;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:8px;
  margin:16px 0 14px;
}

.action-step{
  min-width:0;
  padding:10px 7px;
  border-radius:12px;
  background:rgba(255,255,255,.1);
  border:1px solid rgba(255,255,255,.14);
  text-align:center;
}

.action-step b{
  display:block;
  color:#fff;
  font-size:13px;
  line-height:1.2;
}

.action-step span{
  display:block;
  margin-bottom:4px;
  font-size:18px;
}

.hero .ctas{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:8px!important;
}

.hero .btn-gold{
  width:100%!important;
  justify-content:center!important;
  min-height:52px!important;
  border-radius:14px!important;
  background:#ffc107!important;
  color:#171100!important;
  box-shadow:0 12px 24px rgba(255,193,7,.28)!important;
}

.hero .btn-ghost,
.hero .btn-ghost.lp-ready-link{
  display:inline-flex!important;
  justify-content:center!important;
  justify-self:center!important;
  min-width:0!important;
  min-height:auto!important;
  padding:7px 10px!important;
  border:0!important;
  background:transparent!important;
  color:rgba(255,255,255,.74)!important;
  box-shadow:none!important;
  font-size:12px!important;
}

.stats-3 .stat,
.row{
  background:#fff!important;
  color:#0f172a!important;
  border:1px solid rgba(31,78,121,.1)!important;
  box-shadow:0 10px 24px rgba(31,78,121,.08)!important;
}

.stats-3 .stat .t,
.row .t{
  color:#0f172a!important;
}

.stats-3 .stat .s,
.row .m,
.sec .sub{
  color:#667085!important;
}

.row.featured-word{
  background:#fff!important;
}

.row.featured-word .t::after{
  content:' ACTION WORD';
  display:inline-flex;
  margin-left:6px;
  padding:3px 6px;
  border-radius:999px;
  background:#dffbf6;
  color:#087568;
  font-size:9px;
  font-weight:900;
  vertical-align:2px;
}

.tabbar{
  background:rgba(255,255,255,.94)!important;
  border-top:1px solid rgba(31,78,121,.12)!important;
  box-shadow:0 -14px 32px rgba(31,78,121,.12)!important;
}

.tabbar .tab{
  color:#667085!important;
}

.tabbar .tab.on{
  color:#1f4e79!important;
}

@media (min-width:900px){
  body:has(.frame){
    background:
      linear-gradient(90deg,rgba(28,94,168,.05) 1px,transparent 1px),
      linear-gradient(rgba(28,94,168,.05) 1px,transparent 1px),
      #f4f7fb!important;
    background-size:44px 44px!important;
  }
}

.head{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  gap:10px!important;
  align-items:start!important;
}

.head .head-right{
  position:static!important;
  grid-column:2!important;
  grid-row:1 / span 2!important;
  align-self:start!important;
  justify-self:end!important;
}

.head h1{
  max-width:none!important;
  min-width:0!important;
  padding-right:0!important;
  overflow-wrap:break-word!important;
}

.head .eyebrow{
  min-width:0!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}

.pill-gold.signup-pill{
  max-width:112px!important;
  min-width:0!important;
  white-space:nowrap!important;
  overflow:hidden!important;
  text-overflow:ellipsis!important;
}

.hero{
  height:auto!important;
  min-height:0!important;
  padding:18px!important;
}

.hero h2{
  overflow-wrap:break-word!important;
  word-break:keep-all!important;
}

.hero p{
  line-height:1.5!important;
  overflow-wrap:break-word!important;
}

.action-step{
  overflow:hidden!important;
}

.action-step b{
  overflow-wrap:break-word!important;
}

.rn-landing > div:first-child{
  gap:8px!important;
  flex-wrap:wrap!important;
}

.rn-landing > div:first-child > span{
  max-width:100%!important;
}

.rn-landing p{
  overflow-wrap:break-word!important;
}

.rn-landing > div[style*="min-height:140px"]{
  gap:0!important;
  min-height:132px!important;
  overflow:visible!important;
}

.rn-landing > div[style*="min-height:140px"] img{
  flex:0 1 auto!important;
}

.rn-landing > div[style*="min-height:140px"] img:nth-child(1),
.rn-landing > div[style*="min-height:140px"] img:nth-child(5){
  width:16.5%!important;
  max-width:70px!important;
  min-width:48px!important;
}

.rn-landing > div[style*="min-height:140px"] img:nth-child(2),
.rn-landing > div[style*="min-height:140px"] img:nth-child(4){
  width:13.5%!important;
  max-width:58px!important;
  min-width:40px!important;
}

.rn-landing > div[style*="min-height:140px"] img:nth-child(3){
  width:30%!important;
  max-width:130px!important;
  min-width:98px!important;
}

@media (max-width:420px){
  .head h1{
    font-size:25px!important;
    line-height:1.14!important;
  }

  .hero h2{
    font-size:30px!important;
    line-height:1.08!important;
  }

  .rn-landing > div:first-child{
    justify-content:center!important;
    text-align:center!important;
  }
}

@media (max-width:360px){
  .head{
    grid-template-columns:1fr!important;
  }

  .head .head-right{
    grid-column:1!important;
    grid-row:auto!important;
    justify-self:start!important;
  }

  .hero{
    padding:16px!important;
  }

  .hero h2{
    font-size:27px!important;
  }

  .action-steps{
    gap:6px!important;
  }

  .action-step{
    padding:9px 4px!important;
  }
}