/* Hero layout and motion, measured from the published Qirat page.
   Loaded after styles.css so this file owns the hero in every breakpoint. */
.hero {
  min-height:100svh;
  margin-top:64px;
  padding:180px 40px 100px;
  flex-direction:column;
  gap:25px;
}
.hero-content {
  position:relative;
  width:100%;
  max-width:none;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:0;
  transform:none;
}
.hero-content > :not(.eyebrow) { animation:none; }
.hero .eyebrow {
  flex-shrink:0;
  margin:0 0 25px;
  font-size:14px;
  line-height:1.2;
  letter-spacing:-.28px;
}
.hero h1 {
  width:min(900px,100%);
  max-width:900px;
  font-size:70px;
  line-height:77px;
  letter-spacing:-2.2px;
  margin:0 auto 10px;
}
.hero-description {
  width:min(600px,100%);
  max-width:600px;
  margin:0;
  font-size:18px;
  font-weight:500;
  line-height:27px;
  letter-spacing:-.36px;
  color:#ccc;
}
.hero-description strong { font-weight:700; }
.hero-word { display:inline-block; }
.js .hero-word { opacity:.001;filter:blur(10px);transform:translateY(10px); }
.hero-cta {
  display:flex;
  align-items:center;
  justify-content:center;
  padding:2px;
  margin-top:25px;
}
.js .hero-cta { opacity:.001; }
.hero .hero-button {
  flex-shrink:0;
  width:109px;
  height:48px;
  min-height:48px;
  padding:15px;
  margin:0;
  gap:10px;
  font-size:15px;
  line-height:18px;
  letter-spacing:-.6px;
  border:0;
  border-radius:6px;
  background:#814ac8;
  position:relative;
  box-shadow:0 .706592px .706592px -.625px #00000026,0 1.80656px 1.80656px -1.25px #00000024,0 3.62176px 3.62176px -1.875px #00000024,0 6.8656px 6.8656px -2.5px #00000021,0 13.6468px 13.6468px -3.125px #0000001a,0 30px 30px -3.75px #0000000d;
}
.hero-button > span { flex:0 0 auto;white-space:pre; }
.hero-button:after {
  content:"";
  position:absolute;
  inset:0;
  border:1px solid #ffffff1a;
  border-radius:inherit;
  pointer-events:none;
}
.hero .hero-button:hover { background:#814ac8;transform:none; }
.hero .orb { width:406px;height:406px;filter:blur(10px);opacity:.6; }
.hero .orb:after { display:none; }
.hero .orb-big {
  inset:0;
  border-radius:363px;
  background:linear-gradient(229deg,#df7afe 13%,rgba(201,110,240,0) 35.0236%,rgba(164,92,219,0) 64.1724%,#814ac8 88%);
  animation:hero-orbit-left 10s .12s linear infinite;
}
.hero .orb-small {
  inset:53px;
  width:300px;
  height:300px;
  border-radius:363px;
  background:linear-gradient(141deg,#df7afe 13%,rgba(201,110,240,0) 35.0236%,rgba(164,92,219,0) 64.1724%,#814ac8 88%);
  animation:hero-orbit-right 12s .12s linear infinite;
}
.hero .starfield { opacity:.5; }
.js .hero .starfield { opacity:.0005; }
@keyframes hero-orbit-left { to { transform:rotate(-360deg); } }
@keyframes hero-orbit-right { to { transform:rotate(360deg); } }
@media(max-width:809px) {
  .hero { margin-top:0;padding:180px 24px 100px; }
  .hero h1 { width:100%;max-width:342px;font-size:45px;line-height:49.5px; }
  .hero-description { width:100%;max-width:342px;font-size:16px;line-height:24px;letter-spacing:-.32px; }
  .hero-cta { position:absolute;left:50%;top:325.802px;transform:translateX(-50%);width:264px;height:40px;margin:0; }
  .hero .hero-button { font-size:10px;line-height:12px;letter-spacing:-.4px; }
}
@media(prefers-reduced-motion:reduce) {
  .js .hero-word { opacity:1;filter:none;transform:none; }
  .js .hero-cta { opacity:1; }
  .js .hero .starfield { opacity:.5; }
  .hero .orb-big,.hero .orb-small { animation:none; }
}