:root{
  --launch-bg:#f7f8f6;
  --launch-surface:#ffffff;
  --launch-black:#050505;
  --launch-muted:#5f6468;
  --launch-soft:#e9eee8;
  --launch-line:#e4e7e3;
  --launch-green:#239334;
  --launch-green-dark:#177225;
  --launch-green-soft:#e8f6e9;
  --launch-shadow:0 24px 70px rgba(0,0,0,.10);
  --launch-shadow-soft:0 12px 34px rgba(0,0,0,.08);
}

*{
  box-sizing:border-box;
  margin:0;
  padding:0;
}

html{
  min-height:100%;
  background:var(--launch-bg);
}

body{
  min-height:100%;
  font-family:Arial, Helvetica, sans-serif;
  background:
    radial-gradient(circle at 72% 45%, rgba(35,147,52,.13), transparent 31%),
    radial-gradient(circle at 18% 84%, rgba(35,147,52,.08), transparent 28%),
    linear-gradient(180deg,#fff 0%, var(--launch-bg) 100%);
  color:var(--launch-black);
  -webkit-font-smoothing:antialiased;
  -moz-osx-font-smoothing:grayscale;
  text-rendering:optimizeLegibility;
}

a{
  color:inherit;
  text-decoration:none;
}

.launch-page{
  width:100%;
  min-height:100vh;
  overflow:hidden;
  padding:22px 18px 28px;
}

.launch-header{
  width:min(100%, 1500px);
  margin:0 auto;
  min-height:70px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:0 6px;
}

.launch-logo{
  display:inline-flex;
  align-items:center;
  font-size:36px;
  line-height:1;
  letter-spacing:-2px;
  font-weight:900;
  color:#050505 !important;
}

.launch-logo span,
.launch-logo strong,
.launch-logo *{
  color:inherit !important;
  font-weight:900;
}

.launch-status{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:44px;
  padding:0 18px;
  border-radius:16px;
  background:var(--launch-green-soft);
  color:var(--launch-green-dark);
  font-size:15px;
  font-weight:700;
  white-space:nowrap;
}

.status-dot{
  width:9px;
  height:9px;
  border-radius:50%;
  background:var(--launch-green);
  box-shadow:0 0 0 7px rgba(35,147,52,.10);
}

.launch-hero{
  width:min(100%, 1500px);
  margin:72px auto 0;
  display:grid;
  grid-template-columns:minmax(0, 1fr);
  gap:56px;
  align-items:center;
}

.launch-copy{
  max-width:760px;
}

.launch-badge{
  display:inline-flex;
  align-items:center;
  gap:10px;
  min-height:48px;
  padding:0 18px;
  border-radius:16px;
  background:var(--launch-green-soft);
  color:var(--launch-green-dark);
  font-size:18px;
  line-height:1;
  font-weight:800;
  margin-bottom:28px;
}

.launch-copy h1{
  font-size:clamp(48px, 7vw, 96px);
  line-height:.98;
  letter-spacing:-4px;
  font-weight:900;
  max-width:920px;
  margin-bottom:26px;
}

.launch-lead{
  font-size:clamp(18px, 2vw, 23px);
  line-height:1.55;
  color:#4f5458;
  max-width:720px;
  margin-bottom:32px;
}

.countdown{
  display:flex;
  align-items:center;
  gap:10px;
  flex-wrap:wrap;
  margin:0 0 22px;
}

.time-card{
  width:142px;
  min-height:142px;
  border:1px solid var(--launch-line);
  border-radius:20px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--launch-shadow-soft);
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:4px;
}

.time-icon{
  color:var(--launch-green);
  font-size:24px;
  line-height:1;
  margin-bottom:3px;
}

.time-card strong{
  font-size:54px;
  line-height:.92;
  letter-spacing:-2px;
  font-weight:900;
}

.time-card small{
  font-size:16px;
  color:#555b5f;
  line-height:1;
}

.time-separator{
  color:#7d8589;
  font-size:42px;
  font-weight:700;
  transform:translateY(6px);
}

.remaining-note{
  display:flex;
  align-items:center;
  gap:10px;
  color:#51575b;
  font-size:17px;
  line-height:1.4;
  margin-bottom:26px;
}

.remaining-note > span:first-child,
.remaining-note strong{
  color:var(--launch-green);
}


.launch-visual{
  position:relative;
  min-height:520px;
  display:flex;
  align-items:center;
  justify-content:center;
}

.orbit{
  position:absolute;
  border:1px solid rgba(35,147,52,.16);
  border-radius:50%;
}

.orbit-one{
  width:560px;
  height:560px;
}

.orbit-two{
  width:430px;
  height:430px;
  transform:rotate(-17deg);
}

.visual-card{
  position:relative;
  z-index:2;
  width:min(84vw, 430px);
  height:min(84vw, 430px);
  border-radius:50%;
  background:linear-gradient(180deg,#fff 0%,#f4f5f3 100%);
  box-shadow:var(--launch-shadow);
  display:flex;
  align-items:center;
  justify-content:center;
}

.shield{
  width:250px;
  height:290px;
  background:linear-gradient(180deg,#fff 0%,#f2f3f1 100%);
  clip-path:path("M125 4 C188 26 219 31 246 36 L246 145 C246 217 197 262 125 288 C53 262 4 217 4 145 L4 36 C31 31 62 26 125 4 Z");
  box-shadow:inset 0 0 0 14px rgba(0,0,0,.05), 0 28px 40px rgba(0,0,0,.12);
  display:flex;
  align-items:center;
  justify-content:center;
}

.lock{
  width:112px;
  height:100px;
  border-radius:26px;
  background:linear-gradient(135deg,#77c364 0%,#2e9638 100%);
  position:relative;
  box-shadow:0 18px 28px rgba(35,147,52,.24);
}

.lock::before{
  content:"";
  position:absolute;
  left:26px;
  top:-58px;
  width:60px;
  height:70px;
  border:16px solid #74be63;
  border-bottom:0;
  border-radius:34px 34px 0 0;
}

.lock span{
  position:absolute;
  left:50%;
  top:50%;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f7fff6;
  transform:translate(-50%, -50%);
}

.lock span::after{
  content:"";
  position:absolute;
  left:6px;
  top:14px;
  width:6px;
  height:28px;
  border-radius:999px;
  background:#f7fff6;
}

.float-icon{
  position:absolute;
  z-index:3;
  width:78px;
  height:78px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 18px 35px rgba(0,0,0,.10);
  display:flex;
  align-items:center;
  justify-content:center;
  color:var(--launch-green);
  font-size:34px;
  font-weight:800;
}

.icon-lock{
  left:10%;
  top:13%;
}

.icon-eye{
  right:5%;
  top:21%;
}

.icon-check{
  right:11%;
  bottom:14%;
}

.trust-strip{
  width:min(100%, 1500px);
  margin:54px auto 0;
  display:grid;
  grid-template-columns:1fr;
  gap:0;
  background:rgba(255,255,255,.92);
  border:1px solid var(--launch-line);
  box-shadow:var(--launch-shadow-soft);
  border-radius:22px;
  overflow:hidden;
}

.trust-item{
  display:flex;
  align-items:center;
  gap:18px;
  padding:24px;
  border-bottom:1px solid var(--launch-line);
}

.trust-item:last-child{
  border-bottom:0;
}

.trust-item > span{
  width:50px;
  height:50px;
  border-radius:16px;
  background:var(--launch-green-soft);
  color:var(--launch-green);
  display:flex;
  align-items:center;
  justify-content:center;
  font-size:25px;
  font-weight:900;
  flex:0 0 auto;
}

.trust-item strong{
  display:block;
  font-size:18px;
  line-height:1.1;
  margin-bottom:6px;
}

.trust-item p{
  font-size:15px;
  line-height:1.35;
  color:#666b6f;
}

@media (min-width:760px){
  .launch-page{
    padding:24px 40px 36px;
  }

  .launch-hero{
    margin-top:86px;
  }

  .trust-strip{
    grid-template-columns:1fr 1fr;
  }

  .trust-item:nth-child(2n+1){
    border-right:1px solid var(--launch-line);
  }

  .trust-item:nth-child(3){
    border-bottom:0;
  }
}

@media (min-width:1120px){
  .launch-page{
    padding:26px 54px 40px;
  }

  .launch-header{
    padding:0;
  }

  .launch-hero{
    grid-template-columns:minmax(560px, .95fr) minmax(420px, 1fr);
    gap:80px;
    margin-top:76px;
  }

  .launch-visual{
    min-height:600px;
  }

  .trust-strip{
    grid-template-columns:repeat(4, 1fr);
  }

  .trust-item{
    border-bottom:0;
    border-right:1px solid var(--launch-line);
  }

  .trust-item:last-child{
    border-right:0;
  }
}

@media (max-width:620px){
  .launch-header{
    min-height:60px;
  }

  .launch-logo{
    font-size:31px;
  }

  .launch-status{
    min-height:38px;
    padding:0 12px;
    font-size:13px;
  }

  .launch-hero{
    margin-top:50px;
    gap:42px;
  }

  .launch-badge{
    min-height:42px;
    font-size:15px;
    margin-bottom:24px;
  }

  .launch-copy h1{
    font-size:46px;
    letter-spacing:-2.2px;
  }

  .countdown{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:12px;
  }

  .time-separator{
    display:none;
  }

  .time-card{
    width:100%;
    min-height:126px;
  }

  .time-card strong{
    font-size:46px;
  }

  .launch-visual{
    min-height:360px;
  }

  .orbit-one{
    width:360px;
    height:360px;
  }

  .orbit-two{
    width:286px;
    height:286px;
  }

  .visual-card{
    width:286px;
    height:286px;
  }

  .shield{
    width:170px;
    height:202px;
    transform:scale(.78);
  }

  .float-icon{
    width:58px;
    height:58px;
  font-size:26px;
  }

  .float-icon svg{
    width:26px;
    height:26px;
  }

  .trust-strip{
    margin-top:30px;
  }
}