.hero{
  position:relative;
  isolation:isolate;
  overflow:hidden;
  background:
    radial-gradient(circle at 50% -20%,rgba(36,107,254,.08),transparent 45%),
    linear-gradient(180deg,#fbfcff 0%,#f7f9fc 100%);
  border-bottom:1px solid #edf0f4;
}

.hero::before,
.hero::after{
  content:"";
  position:absolute;
  z-index:-1;
  left:50%;
  border-radius:50%;
  transform:translateX(-50%);
  pointer-events:none;
}

.hero::before{
  top:-870px;
  width:1200px;
  height:1200px;
  border:94px solid rgba(255,255,255,.64);
}

.hero::after{
  top:-760px;
  width:1500px;
  height:1500px;
  border:72px solid rgba(255,255,255,.32);
}

.hero-inner{
  padding:86px 0 58px;
  text-align:center;
}

.domain-name{
  margin:0;
  font-family:"Inter Tight","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  font-size:clamp(56px,7.3vw,104px);
  line-height:.98;
  font-weight:600;
  letter-spacing:-.055em;
  color:#101828;
  overflow-wrap:anywhere;
}

.tagline{
  margin:28px 0 0;
  color:#667085;
  font-size:clamp(18px,1.6vw,24px);
  line-height:1.45;
  font-weight:500;
  letter-spacing:-.025em;
}

.subline{
  margin:12px auto 0;
  max-width:720px;
  color:#7a8699;
  font-size:15px;
  line-height:1.75;
}

.muted-note{color:#7a8699}

.domain-facts{
  list-style:none;
  margin:22px auto 0;
  padding:0;
  display:flex;
  flex-wrap:wrap;
  justify-content:center;
  align-items:center;
  max-width:720px;
  color:#475467;
  font-size:13px;
  font-weight:500;
  letter-spacing:-.01em;
}

.domain-facts li{
  display:inline-flex;
  align-items:baseline;
  gap:.3rem;
  padding:0 .85rem;
}

.domain-facts li + li{
  border-left:1px solid var(--nova-line-strong);
}

.fact-en{
  color:#98a2b3;
  font-size:.9em;
  font-weight:500;
}

.hero-actions{
  margin-top:42px;
  display:flex;
  justify-content:center;
  flex-wrap:wrap;
  gap:16px;
}

.trust-row{
  width:min(100%,760px);
  margin:56px auto 0;
  display:grid;
  grid-template-columns:repeat(3,1fr);
  align-items:center;
}

.trust-item{
  min-height:38px;
  padding:0 24px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:11px;
  color:#344054;
  font-size:13px;
  text-align:center;
}

.trust-text{
  display:inline-flex;
  align-items:center;
  flex-wrap:wrap;
  justify-content:center;
  gap:.35rem;
  line-height:1.4;
}
.trust-sub{
  font-size:.78rem;
  font-weight:500;
  color:#667085;
}

.trust-item + .trust-item{border-left:1px solid var(--nova-line-strong)}

.trust-item svg{
  width:21px;
  height:21px;
  color:var(--nova-accent);
  stroke-width:1.8;
  flex:0 0 auto;
}

.price-section{
  padding:40px 0 16px;
  background:#fff;
}

.price-link{
  margin-top:.65rem;
  color:var(--nova-accent);
  font-size:.9rem;
  font-weight:600;
  text-decoration:underline;
  text-decoration-style:dashed;
  text-underline-offset:.28em;
  text-decoration-color:rgba(36,107,254,.45);
}
.price-link:hover{color:#1d4ed8}
.price-link .en{display:block;font-size:.78em;font-weight:500;margin-top:.15rem}

.features{
  padding:24px 0 30px;
  background:#fff;
}

.feature-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:20px;
}

.feature-card{
  min-height:138px;
  padding:28px 24px;
  display:flex;
  align-items:center;
  gap:22px;
  background:rgba(255,255,255,.78);
  border:1px solid var(--nova-line);
  border-radius:12px;
  box-shadow:var(--nova-shadow);
}

.feature-icon{
  width:62px;
  height:62px;
  flex:0 0 auto;
  display:grid;
  place-items:center;
  border-radius:50%;
  color:var(--nova-accent);
  background:radial-gradient(circle at 30% 25%,#fff 0%,#f4f7fd 45%,#edf2fb 100%);
}

.feature-icon svg{
  width:31px;
  height:31px;
  stroke-width:1.7;
}

.feature-card h3{
  margin:0 0 8px;
  font-size:17px;
  line-height:1.2;
  letter-spacing:-.025em;
}

.feature-card p{
  margin:0;
  color:var(--nova-text-soft);
  font-size:13px;
  line-height:1.55;
}

@media (max-width:860px){
  .hero-inner{padding-top:68px}
  .domain-name{font-size:clamp(52px,10vw,76px)}
  .feature-grid{grid-template-columns:1fr}
  .feature-card{min-height:120px}
}

@media (max-width:640px){
  .hero-inner{padding:58px 0 42px}
  .domain-name{
    font-size:clamp(44px,13vw,64px);
    letter-spacing:-.06em;
  }
  .tagline{margin-top:22px;font-size:18px}
  .subline{font-size:14px}
  .hero-actions{
    margin-top:32px;
    flex-direction:column;
  }
  .button{width:100%}
  .trust-row{
    margin-top:38px;
    grid-template-columns:1fr;
  }
  .trust-item{min-height:48px}
  .trust-item + .trust-item{
    border-left:0;
    border-top:1px solid var(--nova-line);
  }
  .features{padding-top:24px}
  .feature-card{padding:22px 20px}
  .feature-icon{width:54px;height:54px}
}