@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@400;500;600;700&family=Sora:wght@600;700;800&display=swap');

:root{
  --cyg-purple:#7C3AED; --cyg-purple-d:#6D28D9; --cyg-purple-l:#A78BFA;
  --cyg-soft:#EDE7FB; --cyg-ink:#181229; --cyg-muted:#6E6685;
  --cyg-bg:#FBFAFE; --cyg-bg2:#F4F1FB; --cyg-line:#ECE9F5; --cyg-star:#F6B73C;
}
html{scroll-behavior:smooth}
body{font-family:'Poppins',sans-serif;color:var(--cyg-ink);background:var(--cyg-bg)}

/* tepa bo'shliqni yopish */
.content-section-layout{padding-top:0 !important}

/* ===== HERO ===== */
.cygnus-hero.header-top{
  background:var(--cyg-bg) !important;color:var(--cyg-ink);
  padding:56px 0 42px !important;min-height:auto !important;
  position:relative;overflow:hidden
}
.cygnus-hero .img-background{
  background:none !important;
  background-image:radial-gradient(circle, rgba(24,18,41,.06) 1.1px, transparent 1.1px) !important;
  background-size:24px 24px !important;
  -webkit-mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,transparent 78%);
          mask-image:radial-gradient(120% 80% at 50% 30%,#000 40%,transparent 78%)
}
.cygnus-hero::after{
  content:'';position:absolute;top:-130px;left:50%;transform:translateX(-50%);
  width:760px;height:520px;border-radius:50%;pointer-events:none;z-index:0;
  background:radial-gradient(closest-side,rgba(124,58,237,.16),transparent 70%)
}
.cygnus-hero .container{position:relative;z-index:2}
.cygnus-hero h1{
  font-family:'Sora',sans-serif;font-weight:800;color:var(--cyg-ink);
  font-size:clamp(34px,5.5vw,64px);line-height:1.05;letter-spacing:-.02em;
  margin:18px 0 16px !important
}
.cygnus-hero h1 .text-primary{color:var(--cyg-purple) !important}
.cygnus-hero .cyg-sub{font-size:18px;color:var(--cyg-muted);max-width:620px;margin:0 auto 26px}
.cyg-pill{display:inline-flex;align-items:center;gap:7px;background:#fff;border:1px solid var(--cyg-line);
  box-shadow:0 10px 30px -12px rgba(91,52,178,.22);padding:7px 16px;border-radius:999px;
  font-size:13.5px;font-weight:600;color:#4a4360}
.cyg-pill .d{width:7px;height:7px;border-radius:50%;background:var(--cyg-purple)}
.cyg-cta{display:flex;gap:14px;justify-content:center;flex-wrap:wrap}
.cyg-btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px;
  border-radius:999px;cursor:pointer;transition:.2s;text-decoration:none;border:none;font-family:'Poppins'}
.cyg-btn-primary{background:var(--cyg-purple);color:#fff !important;padding:13px 26px;
  box-shadow:0 8px 20px -8px rgba(124,58,237,.6)}
.cyg-btn-primary:hover{background:var(--cyg-purple-d);transform:translateY(-2px);color:#fff !important}
.cyg-btn-ghost{background:#fff;color:var(--cyg-ink) !important;padding:13px 24px;border:1.5px solid var(--cyg-line)}
.cyg-btn-ghost:hover{border-color:var(--cyg-purple-l);color:var(--cyg-purple) !important}
.cyg-rating{display:flex;align-items:center;gap:10px;justify-content:center;margin-top:24px;
  font-size:14.5px;color:var(--cyg-muted)}
.cyg-rating .stars{color:var(--cyg-star);letter-spacing:2px;font-size:16px}

/* hero fixes */
.cygnus-hero.header-top{padding:96px 0 14px !important}
.cygnus-hero .img-background{
  background-image:radial-gradient(circle, rgba(24,18,41,.09) 1.1px, transparent 1.1px) !important;
  background-size:22px 22px !important;
}

/* ===== COUNTERS ===== */
.cygnus-counters{padding:6px 0 72px !important;background:var(--cyg-bg)}
.cygnus-counters .cyg-stats-card{
  background:#fff;border:1px solid var(--cyg-line);border-radius:24px;
  box-shadow:0 24px 60px -22px rgba(91,52,178,.30);
  display:grid;grid-template-columns:repeat(4,1fr);padding:34px 20px}
.cygnus-counters .cyg-stat{text-align:center;position:relative}
.cygnus-counters .cyg-stat+.cyg-stat::before{content:'';position:absolute;left:0;top:18%;height:64%;width:1px;background:var(--cyg-line)}
.cygnus-counters .cyg-num{font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(28px,4vw,42px);color:var(--cyg-purple);line-height:1;display:block}
.cygnus-counters .cyg-stat p{font-size:14px;color:var(--cyg-muted);margin:8px 0 0;font-weight:500}
@media(max-width:880px){.cygnus-counters .cyg-stats-card{grid-template-columns:repeat(2,1fr);gap:26px 0}.cygnus-counters .cyg-stat:nth-child(odd)::before{display:none}}
@media(max-width:520px){.cygnus-counters .cyg-stats-card{grid-template-columns:1fr}.cygnus-counters .cyg-stat::before{display:none}.cygnus-counters .cyg-stat{padding:14px 0}}

/* ===== SERVICES (offers) ===== */
.cygnus-offers{padding:6px 0 28px}
.cygnus-offers .cyg-eyebrow{text-align:center;color:var(--cyg-purple);font-weight:700;font-size:13px;letter-spacing:.14em;text-transform:uppercase;margin:0}
.cygnus-offers .cyg-sec-title{text-align:center;font-family:'Sora',sans-serif;font-weight:800;font-size:clamp(26px,4vw,40px);color:var(--cyg-ink);margin:10px 0 10px}
.cygnus-offers .cyg-sec-sub{text-align:center;color:var(--cyg-muted);max-width:560px;margin:0 auto 32px;font-size:16px}
.cygnus-offers .cyg-tabs{display:flex;gap:10px;justify-content:center;flex-wrap:wrap;margin-bottom:34px}
.cygnus-offers .cyg-tab{padding:9px 20px;border-radius:999px;border:1.5px solid var(--cyg-line);background:#fff;font-weight:600;font-size:14px;cursor:pointer;transition:.18s;color:#4a4360}
.cygnus-offers .cyg-tab:hover{border-color:var(--cyg-purple-l)}
.cygnus-offers .cyg-tab.active{background:var(--cyg-purple);color:#fff;border-color:var(--cyg-purple)}
.cygnus-offers .cyg-sgrid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.cygnus-offers .cyg-scard{background:#fff;border:1px solid var(--cyg-line);border-radius:20px;padding:26px 24px 24px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:.22s}
.cygnus-offers .cyg-scard:hover{transform:translateY(-6px);box-shadow:0 24px 60px -22px rgba(91,52,178,.30);border-color:#e0d8f5}
.cygnus-offers .cyg-sicon{width:64px;height:64px;border-radius:16px;background:var(--cyg-soft);display:flex;align-items:center;justify-content:center;margin-bottom:16px;overflow:hidden}
.cygnus-offers .cyg-sicon img{width:38px;height:38px;object-fit:contain}
.cygnus-offers .cyg-plat{font-family:'Sora',sans-serif;font-weight:700;font-size:19px;color:var(--cyg-ink)}
.cygnus-offers .cyg-svc{color:var(--cyg-muted);font-size:14px;margin-top:2px;margin-bottom:20px}
.cygnus-offers .cyg-buy{width:100%;text-align:center;background:linear-gradient(180deg,#8b4ff0,var(--cyg-purple));color:#fff !important;padding:12px;border-radius:12px;font-weight:600;font-size:15px;text-decoration:none;display:block;transition:.2s}
.cygnus-offers .cyg-buy:hover{filter:brightness(1.07);transform:translateY(-1px);color:#fff !important}
.package-list .container > .row.g-4.justify-content-center{display:none}
.package-list .row.mt-5.justify-content-center{display:none}
@media(max-width:880px){.cygnus-offers .cyg-sgrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:520px){.cygnus-offers .cyg-sgrid{grid-template-columns:1fr}}

/* offers: 4 ustun, tur bo'yicha qator */
.cygnus-offers .cyg-sgrid{grid-template-columns:repeat(4,1fr) !important;gap:18px !important}
@media(max-width:980px){.cygnus-offers .cyg-sgrid{grid-template-columns:repeat(2,1fr) !important}}
@media(max-width:520px){.cygnus-offers .cyg-sgrid{grid-template-columns:1fr !important}}

/* ===== ORDER HEADER ===== */
.cyg-order-head{padding:110px 0 16px;text-align:center;background:var(--cyg-bg)}
.cyg-order-head .cyg-order-title{font-family:'Sora',sans-serif;font-weight:800;color:var(--cyg-ink);font-size:clamp(28px,4vw,42px);margin:14px 0 10px}
.cyg-order-head .cyg-order-sub{color:var(--cyg-muted);font-size:16px;max-width:520px;margin:0 auto 16px}
.cyg-trust{display:flex;gap:10px 14px;justify-content:center;flex-wrap:wrap;margin-top:6px}
.cyg-trust span{display:inline-flex;align-items:center;gap:7px;font-size:13.5px;color:#4a4360;font-weight:600;background:#fff;border:1px solid var(--cyg-line);padding:8px 14px;border-radius:999px}
.cyg-trust i{color:var(--cyg-purple)}

/* ===== ORDER ANIM ===== */
@keyframes cygFadeUp{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
.cyg-order-head{animation:cygFadeUp .55s ease both}
.cyg-fade-in{animation:cygFadeUp .6s ease .12s both}
@media (prefers-reduced-motion: reduce){.cyg-order-head,.cyg-fade-in{animation:none}}

/* Hide theme toggle - light mode forced */
#bd-theme { display: none !important; }