/*
Theme Name: WeOur
Version: 1.1.0
Text Domain: weour
*/

/* =========================
   Base
   ========================= */

html,
body{
  margin: 0;
  padding: 0;
}

body.weour-body{
  background: #08111f;
  color: #eaf2ff;
  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "PingFang SC",
    "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
}

body.weour-body a{
  text-decoration: none;
}

.weour-container{
  width: min(1240px, calc(100% - 48px));
  margin: 0 auto;
}

.weour-home,
.weour-about-page,
.weour-cases-page,
.weour-skills-page,
.weour-workflows-page,
.weour-agent-archive-page,
.weour-ai-workforce-page,
.weour-single-post-page,
.weour-generic-page,
.weour-generic-archive-page{
  overflow: hidden;
}

/* =========================
   Header / Nav
   ========================= */

.weour-site-header{
  position: sticky;
  top: 0;
  z-index: 1000;
  background: rgba(6,13,28,.78);
  backdrop-filter: blur(14px);
  -webkit-backdrop-filter: blur(14px);
  border-bottom: 1px solid rgba(255,255,255,.08);
}

.weour-nav{
  display: flex;
  align-items: center;
  justify-content: space-between;
  min-height: 84px;
  gap: 24px;
}

.weour-brand-inline{
  display: flex;
  align-items: center;
  gap: 18px;
  flex-wrap: wrap;
}

.weour-logo{
  color: #fff !important;
  font-size: 26px !important;
  font-weight: 800 !important;
  letter-spacing: -.02em !important;
}

.weour-brand-tagline{
  color: rgba(255,255,255,.76) !important;
  font-size: 13px !important;
  font-weight: 600 !important;
}

.weour-menu{
  display: flex;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
}

.weour-menu a{
  color: rgba(255,255,255,.86);
  font-size: 15px;
  font-weight: 600;
}

.weour-menu a:hover{
  color: #7fb3ff;
}

.weour-nav-right{
  display: flex;
  align-items: center;
  gap: 14px;
}

.weour-nav-login{
  color: rgba(255,255,255,.82);
  font-size: 15px;
  font-weight: 600;
}

.weour-nav-cta{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  height: 44px;
  padding: 0 18px;
  border-radius: 12px;
  background: #2f80ff;
  color: #fff !important;
  font-size: 14px;
  font-weight: 700;
}

/* =========================
   Shared Sections / Common UI
   ========================= */

.weour-eyebrow{
  display: inline-block;
  margin-bottom: 16px;
  color: #7fb3ff;
  font-size: 14px;
  font-weight: 700;
  letter-spacing: .5px;
}

.weour-section{
  padding: 88px 0;
  background: #ffffff;
  color: #111827;
}

.weour-section.alt{
  background: #f7f9fc;
}

.weour-section.dark{
  background: linear-gradient(135deg, #08111f 0%, #0d1b2f 55%, #142845 100%);
  color: #ffffff;
}

.weour-section-head{
  max-width: 820px;
  margin: 0 auto 46px;
  text-align: center;
}

.weour-section-head .weour-eyebrow{
  margin-bottom: 14px;
}

.weour-section-head h2{
  margin: 0 0 14px;
  color: inherit;
  font-size: 48px;
  line-height: 1.16;
  letter-spacing: -.02em;
}

.weour-section-head p{
  margin: 0;
  color: #667085;
  font-size: 17px;
  line-height: 1.9;
}

.weour-section.dark .weour-section-head p{
  color: rgba(255,255,255,.72);
}

.align-left{
  max-width: none;
  margin: 0 0 36px;
  text-align: left;
}

.align-left h2,
.align-left p{
  max-width: 760px;
}

.with-link{
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 20px;
  flex-wrap: wrap;
}

.section-top-link{
  color: #243b63;
  font-size: 15px;
  font-weight: 700;
}

.section-top-link:hover{
  color: #2f80ff !important;
}

.weour-grid-2,
.weour-grid-3,
.weour-grid-4{
  display: grid;
  gap: 24px;
}

.weour-grid-2{
  grid-template-columns: repeat(2, 1fr);
}

.weour-grid-3{
  grid-template-columns: repeat(3, 1fr);
}

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

.weour-card{
  padding: 28px 24px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.05);
  border-radius: 22px;
  box-shadow: 0 16px 40px rgba(15,23,42,.06);
}

.weour-card h3{
  margin: 0 0 12px;
  color: #111827;
  font-size: 21px;
  line-height: 1.35;
}

.weour-card p{
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.dark-card{
  background: linear-gradient(180deg, rgba(18,30,58,.98), rgba(11,19,35,.98)) !important;
  border: 1px solid rgba(80,142,255,.12) !important;
  box-shadow: 0 18px 40px rgba(0,0,0,.18) !important;
}

.dark-card h3{
  color: #fff !important;
}

.dark-card p{
  color: rgba(255,255,255,.72) !important;
}

/* =========================
   Buttons
   ========================= */

.weour-btn-primary,
.weour-btn-secondary{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 54px;
  padding: 0 26px;
  border-radius: 15px;
  font-size: 15px;
  font-weight: 700;
}

.weour-btn-primary{
  background: #2f80ff;
  color: #fff !important;
  box-shadow: 0 18px 44px rgba(47,128,255,.24);
}

.weour-btn-secondary{
  color: #fff !important;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.18);
}

/* =========================
   Home Hero
   ========================= */

.weour-hero.hero-v2{
  padding: 88px 0 64px;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(78,129,255,.18), rgba(78,129,255,0) 45%),
    radial-gradient(80% 100% at 0% 100%, rgba(59,179,255,.12), rgba(59,179,255,0) 40%),
    linear-gradient(135deg, #08111f 0%, #0d1b2f 45%, #132742 100%);
}

.hero-v2 .weour-hero-grid{
  display: grid;
  grid-template-columns: 1.02fr 0.98fr;
  gap: 56px;
  align-items: center !important;
}

.hero-v2 h1{
  max-width: 720px !important;
  margin: 0 0 18px !important;
  color: #fff;
  font-size: 78px !important;
  line-height: .98 !important;
  letter-spacing: -.04em !important;
}

.hero-v2 h1 span{
  display: inline-block;
  color: #42b8ff;
  text-shadow: 0 0 24px rgba(66,184,255,.12);
}

.hero-v2 .weour-hero-subtitle{
  max-width: 700px !important;
  margin: 0 0 14px !important;
  color: rgba(238,245,255,.94) !important;
  font-size: 21px !important;
  line-height: 1.7 !important;
  font-weight: 500 !important;
}

.hero-v2 .weour-hero-desc{
  max-width: 700px !important;
  margin: 0 0 28px !important;
  color: rgba(214,228,248,.72) !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
}

.weour-hero-actions{
  display: flex !important;
  align-items: center !important;
  gap: 14px !important;
  flex-wrap: wrap !important;
  margin-bottom: 30px !important;
}

.hero-v2 .weour-btn-primary,
.hero-v2 .weour-btn-secondary{
  min-height: 52px !important;
  padding: 0 24px !important;
  border-radius: 15px !important;
  font-size: 15px !important;
}

.weour-trust-inline{
  display: flex !important;
  align-items: center !important;
  gap: 18px !important;
  flex-wrap: wrap !important;
  margin-top: 0 !important;
  color: rgba(255,255,255,.56) !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
  font-weight: 500 !important;
  letter-spacing: .1px;
}

.weour-trust-inline span{
  display: inline-flex !important;
  align-items: center !important;
  position: relative;
}

.weour-trust-inline span:not(:last-child)::after{
  content: "•";
  margin-left: 18px !important;
  color: rgba(255,255,255,.22) !important;
}

/* =========================
   Hero Orbit
   ========================= */

.hero-visual-v2{
  display: flex;
  justify-content: center;
  align-items: center;
}

.weour-visual-orbit{
  position: relative !important;
  width: 560px !important;
  height: 560px !important;
  margin: 0 auto !important;
  border-radius: 50% !important;
  background:
    radial-gradient(circle at center, rgba(78,162,255,.16), rgba(78,162,255,0) 34%),
    radial-gradient(circle at center, rgba(47,128,255,.10), rgba(47,128,255,0) 56%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03), rgba(255,255,255,0) 72%) !important;
  filter: drop-shadow(0 30px 80px rgba(22,68,140,.18));
  animation: orbitBreath 7s ease-in-out infinite;
}

.weour-visual-orbit::before{
  content: "";
  position: absolute;
  inset: 52px;
  border-radius: 50%;
  border: 1px solid rgba(102,170,255,.14);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.01),
    0 0 40px rgba(47,128,255,.08);
}

.weour-visual-orbit::after{
  content: "";
  position: absolute;
  inset: 108px;
  border-radius: 50%;
  border: 1px dashed rgba(102,170,255,.10);
  animation: orbitRotate 24s linear infinite;
}

.weour-center-core{
  position: absolute !important;
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 244px !important;
  height: 244px !important;
  border-radius: 50% !important;
  text-align: center !important;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.26), rgba(255,255,255,.05) 26%, rgba(255,255,255,0) 48%),
    linear-gradient(145deg, #2f80ff 0%, #56c2ff 100%) !important;
  border: 1px solid rgba(255,255,255,.14) !important;
  color: #fff !important;
  font-size: 22px !important;
  font-weight: 800 !important;
  line-height: 1.28 !important;
  letter-spacing: -.02em !important;
  box-shadow:
    0 0 0 14px rgba(66,184,255,.06),
    0 0 0 36px rgba(66,184,255,.03),
    0 18px 80px rgba(47,128,255,.22),
    inset 0 1px 12px rgba(255,255,255,.12) !important;
  animation: corePulse 4.8s ease-in-out infinite;
}

.weour-center-core::before{
  content: "";
  position: absolute;
  inset: 12px;
  border-radius: 50%;
  border: 1px solid rgba(255,255,255,.10);
  pointer-events: none;
}

.weour-center-core::after{
  content: "";
  position: absolute;
  inset: -22px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(86,194,255,.16) 0%, rgba(86,194,255,.06) 34%, rgba(86,194,255,0) 72%);
  filter: blur(14px);
  pointer-events: none;
  animation: coreHalo 5.2s ease-in-out infinite;
}

.weour-center-core br{
  display: block;
  content: "";
  margin-top: 6px;
}

.weour-visual-orbit .orbit-node{
  position: absolute !important;
  top: auto !important;
  right: auto !important;
  bottom: auto !important;
  left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 168px !important;
  min-width: 168px !important;
  max-width: 168px !important;
  height: 64px !important;
  min-height: 64px !important;
  max-height: 64px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  border-radius: 22px !important;
  background: rgba(14,28,54,.52) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(115,180,255,.12) !important;
  color: #eef5ff !important;
  text-align: center !important;
  white-space: nowrap !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  line-height: 1 !important;
  letter-spacing: .01em !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.18) !important;
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease !important;
}

.weour-visual-orbit .orbit-1{
  top: 28px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.weour-visual-orbit .orbit-2{
  top: 134px !important;
  right: 20px !important;
}

.weour-visual-orbit .orbit-3{
  bottom: 138px !important;
  right: 20px !important;
}

.weour-visual-orbit .orbit-4{
  bottom: 28px !important;
  left: 50% !important;
  transform: translateX(-50%) !important;
}

.weour-visual-orbit .orbit-5{
  bottom: 138px !important;
  left: 20px !important;
}

.weour-visual-orbit .orbit-6{
  top: 134px !important;
  left: 20px !important;
}

.weour-visual-orbit .orbit-1:hover,
.weour-visual-orbit .orbit-4:hover{
  transform: translateX(-50%) translateY(-3px) !important;
  border-color: rgba(115,180,255,.24) !important;
  background: rgba(18,38,72,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 36px rgba(0,0,0,.22),
    0 0 24px rgba(66,184,255,.08) !important;
}

.weour-visual-orbit .orbit-2:hover,
.weour-visual-orbit .orbit-3:hover,
.weour-visual-orbit .orbit-5:hover,
.weour-visual-orbit .orbit-6:hover{
  transform: translateY(-3px) !important;
  border-color: rgba(115,180,255,.24) !important;
  background: rgba(18,38,72,.68) !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 36px rgba(0,0,0,.22),
    0 0 24px rgba(66,184,255,.08) !important;
}

@keyframes orbitRotate{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

@keyframes orbitBreath{
  0%, 100%{
    filter: drop-shadow(0 30px 80px rgba(22,68,140,.18));
  }
  50%{
    filter: drop-shadow(0 34px 92px rgba(22,68,140,.24));
  }
}

@keyframes corePulse{
  0%, 100%{
    box-shadow:
      0 0 0 14px rgba(66,184,255,.06),
      0 0 0 36px rgba(66,184,255,.03),
      0 18px 80px rgba(47,128,255,.22),
      inset 0 1px 12px rgba(255,255,255,.12);
    transform: translate(-50%, -50%) scale(1);
  }
  50%{
    box-shadow:
      0 0 0 16px rgba(66,184,255,.08),
      0 0 0 42px rgba(66,184,255,.04),
      0 22px 96px rgba(47,128,255,.28),
      inset 0 1px 14px rgba(255,255,255,.14);
    transform: translate(-50%, -50%) scale(1.018);
  }
}

@keyframes coreHalo{
  0%, 100%{
    opacity: .72;
    transform: scale(1);
  }
  50%{
    opacity: 1;
    transform: scale(1.05);
  }
}

/* =========================
   Capability Strip
   ========================= */

.weour-capability-strip{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  margin-top: 44px;
  overflow: hidden;
  border-radius: 24px;
  background: rgba(8,17,31,.46);
  border: 1px solid rgba(255,255,255,.07);
  box-shadow: 0 24px 60px rgba(0,0,0,.18);
}

.cap-item{
  padding: 26px 28px;
  border-right: 1px solid rgba(255,255,255,.08);
}

.cap-item:last-child{
  border-right: none;
}

.cap-item h3{
  margin: 0 0 10px;
  color: #fff;
  font-size: 18px;
  font-weight: 700;
}

.cap-item p{
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.85;
}

/* =========================
   Home Sections
   ========================= */

.section-scenarios-v2{
  padding-top: 86px;
  padding-bottom: 86px;
}

.scenario-grid-v2 .scenario-card-v2{
  padding: 30px 26px !important;
  border-radius: 22px !important;
  background: linear-gradient(180deg, rgba(18,30,58,.98), rgba(11,19,35,.98)) !important;
  border: 1px solid rgba(80,142,255,.11) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03) !important;
}

.scenario-grid-v2 .scenario-card-v2 h3{
  margin: 0 0 12px !important;
  color: #fff !important;
  font-size: 22px !important;
  line-height: 1.35 !important;
}

.scenario-grid-v2 .scenario-card-v2 p{
  color: rgba(255,255,255,.7) !important;
  font-size: 14px !important;
  line-height: 1.9 !important;
}

/* Skills */
.section-skills-v2{
  padding: 34px 0 28px !important;
  background: #f7f9fc !important;
}

.section-skills-v2 .weour-section-head{
  margin-bottom: 20px !important;
}

.section-skills-v2 .weour-section-head h2{
  margin: 0 !important;
  font-size: 32px !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
}

.section-skills-v2 .with-link{
  align-items: center !important;
}

.section-skills-v2 .weour-grid-4{
  gap: 20px !important;
  align-items: stretch !important;
}

.section-skills-v2 .skill-card-v2{
  min-height: 146px !important;
  padding: 20px 20px 18px !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.72) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(15,23,42,.05) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.035) !important;
}

.section-skills-v2 .skill-card-v2 h3{
  margin: 0 0 10px !important;
  color: #111827 !important;
  font-size: 17px !important;
  line-height: 1.4 !important;
  letter-spacing: -.02em !important;
}

.section-skills-v2 .skill-card-v2 p{
  margin: 0 !important;
  color: #667085 !important;
  font-size: 13px !important;
  line-height: 1.8 !important;
}

.section-skills-v2 + .section-insights-v2{
  margin-top: -4px !important;
}

.section-skills-v2 + .weour-final-cta{
  margin-top: 8px !important;
}

/* Insights */
.section-insights-v2{
  padding: 28px 0 44px !important;
  background: #f7f9fc !important;
}

.section-insights-v2 .weour-section-head{
  margin-bottom: 20px !important;
}

.section-insights-v2 .weour-section-head h2{
  margin: 0 !important;
  font-size: 32px !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em !important;
}

.section-insights-v2 article{
  margin: 0 !important;
}

.insights-grid-v3{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: stretch !important;
}

.insight-card-v3{
  display: flex !important;
  flex-direction: column !important;
  min-height: 220px !important;
  padding: 24px 22px 22px !important;
  overflow: hidden !important;
  border-radius: 22px !important;
  background: rgba(255,255,255,.72) !important;
  backdrop-filter: blur(6px) !important;
  -webkit-backdrop-filter: blur(6px) !important;
  border: 1px solid rgba(15,23,42,.05) !important;
  box-shadow: 0 8px 24px rgba(15,23,42,.035) !important;
}

.insight-card-v3 .insight-tag{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  align-self: flex-start !important;
  width: auto !important;
  max-width: max-content !important;
  min-height: 28px !important;
  margin-bottom: 14px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(47,128,255,.08) !important;
  border: 1px solid rgba(47,128,255,.10) !important;
  color: #2f80ff !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.insight-card-v3 h3{
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.42 !important;
  letter-spacing: -.02em !important;
}

.insight-card-v3 h3 a{
  color: #111827 !important;
  text-decoration: none !important;
}

.insight-card-v3 h3 a:hover{
  color: #2f80ff !important;
}

.insight-card-v3 p{
  flex-grow: 1 !important;
  margin: 0 0 16px !important;
  color: #667085 !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
}

.insight-card-v3 .insight-link{
  display: inline-flex !important;
  align-items: center !important;
  margin-top: auto !important;
  color: #2f80ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
}

/* =========================
   Cases / Skills Detail Pages
   ========================= */

.section-cases-v2{
  background: #f7f9fc !important;
}

.section-cases-v2 .weour-card{
  padding: 26px 24px !important;
  border-radius: 20px !important;
  border: 1px solid rgba(15,23,42,.04) !important;
  box-shadow: 0 14px 30px rgba(15,23,42,.045) !important;
}

.section-cases-v2 .weour-card h3{
  margin: 0 0 10px !important;
  font-size: 21px !important;
  line-height: 1.35 !important;
}

.section-cases-v2 .weour-card p{
  font-size: 14px !important;
  line-height: 1.9 !important;
}

.section-cases-v2 .case-card-v2{
  min-height: 210px;
}

.case-detail-grid{
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 22px;
}

.case-detail-card-v2{
  min-height: auto;
  padding: 24px 24px 20px !important;
  border-radius: 20px !important;
}

.case-mini-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 32px;
  margin-bottom: 12px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(59,179,255,.12);
  border: 1px solid rgba(59,179,255,.16);
  color: #7fc7ff;
  font-size: 12px;
  font-weight: 700;
}

.case-detail-card-v2 h3{
  margin: 0 0 10px !important;
  font-size: 24px !important;
  line-height: 1.35 !important;
}

.case-detail-card-v2 p{
  margin: 0 0 12px !important;
  color: rgba(255,255,255,.74) !important;
  font-size: 15px !important;
  line-height: 1.85 !important;
}

.case-detail-card-v2 ul{
  margin: 0;
  padding-left: 18px;
  color: rgba(255,255,255,.68);
  font-size: 14px;
  line-height: 1.8;
}

.case-detail-card-v2 li{
  margin-bottom: 6px;
}

.weour-cases-page .weour-section.dark{
  padding-top: 72px;
  padding-bottom: 72px;
}

.skills-core-grid .skill-detail-card-v2{
  min-height: 220px;
}

/* =========================
   Inner Hero
   ========================= */

.weour-inner-hero{
  padding: 88px 0 72px;
  background:
    radial-gradient(90% 120% at 100% 0%, rgba(78,129,255,.18), rgba(78,129,255,0) 45%),
    radial-gradient(80% 100% at 0% 100%, rgba(59,179,255,.12), rgba(59,179,255,0) 40%),
    linear-gradient(135deg, #08111f 0%, #0d1b2f 45%, #132742 100%);
}

.weour-inner-hero-copy{
  max-width: 860px;
}

.weour-inner-hero h1{
  margin: 0 0 18px;
  color: #fff;
  font-size: 72px;
  line-height: .98;
  letter-spacing: -.03em;
}

.weour-inner-hero h1 span{
  color: #3bb3ff;
}

.weour-inner-subtitle{
  margin: 0 0 14px;
  color: #dbe9ff;
  font-size: 22px;
  line-height: 1.75;
}

.weour-inner-desc{
  max-width: 760px;
  margin: 0;
  color: #9fb2cf;
  font-size: 16px;
  line-height: 1.9;
}

.weour-about-panel{
  max-width: 920px;
  padding: 34px 32px;
  border-radius: 24px;
  background: #fff;
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
}

.weour-about-panel p{
  margin: 0 0 18px;
  color: #4b5563;
  font-size: 17px;
  line-height: 1.95;
}

.weour-about-panel p:last-child{
  margin-bottom: 0;
}

.about-fit-card{
  min-height: 210px;
}

/* =========================
   Final CTA
   ========================= */

.weour-final-cta.final-cta-v2{
  padding: 84px 0 96px !important;
  background: linear-gradient(135deg, #08111f 0%, #0d1b2f 55%, #142845 100%);
}

.weour-final-box{
  display: flex;
  justify-content: space-between;
  align-items: center;
  gap: 28px;
  flex-wrap: wrap;
  padding: 42px 40px;
  border-radius: 26px !important;
  background: linear-gradient(135deg, rgba(255,255,255,.055), rgba(255,255,255,.03));
  border: 1px solid rgba(255,255,255,.08);
  box-shadow: 0 18px 44px rgba(0,0,0,.16) !important;
}

.weour-final-copy{
  flex: 1 1 620px;
}

.weour-final-copy h2{
  margin: 0 0 14px;
  color: #fff;
  font-size: 46px !important;
  line-height: 1.14 !important;
  letter-spacing: -.03em;
}

.final-cta-v2 .weour-final-copy h2 span{
  color: #3bb3ff;
}

.weour-final-copy p{
  margin: 0;
  color: rgba(255,255,255,.72);
  font-size: 16px !important;
  line-height: 1.85 !important;
}

.final-cta-v2 .weour-final-actions{
  display: flex;
  align-items: center;
  justify-content: flex-start;
  gap: 12px;
  flex-wrap: wrap;
}

.final-cta-v2 .weour-btn-primary,
.final-cta-v2 .weour-btn-secondary{
  min-width: 160px;
}

/* =========================
   Footer
   ========================= */

.weour-site-footer{
  background:
    radial-gradient(80% 120% at 0% 100%, rgba(47,128,255,.08), rgba(47,128,255,0) 45%),
    linear-gradient(180deg, #06101d 0%, #07111f 100%) !important;
  border-top: 1px solid rgba(255,255,255,.06) !important;
  padding: 30px 0 34px !important;
}

.weour-footer-3col{
  display: grid;
  grid-template-columns: 1fr auto 1fr;
  align-items: center;
  gap: 28px;
}

.weour-footer-col-left{
  justify-self: start;
}

.weour-footer-col-center{
  justify-self: center;
}

.weour-footer-col-right{
  justify-self: end;
}

.weour-footer-brand h3{
  margin: 0 0 8px;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.02;
  letter-spacing: -.03em;
}

.weour-footer-brand p{
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  line-height: 1.8;
}

.weour-footer-stats{
  display: inline-flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  padding: 12px 16px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.weour-footer-stats .stats-label{
  color: rgba(255,255,255,.72);
  font-size: 14px;
  font-weight: 600;
  letter-spacing: .02em;
}

.weour-footer-stats .stats-value{
  color: #ffffff;
  font-size: 22px;
  line-height: 1;
  font-weight: 800;
  letter-spacing: -.03em;
}

.weour-footer-stats .stats-unit{
  color: rgba(255,255,255,.72);
  font-size: 14px;
  font-weight: 500;
}

.weour-footer-stats .stats-sep{
  color: rgba(255,255,255,.26);
  font-size: 15px;
  padding: 0 2px;
}

.weour-footer-meta{
  text-align: right;
}

.weour-footer-meta p{
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 14px;
  line-height: 1.85;
}

.weour-footer-brand h3,
.weour-footer-meta p,
.weour-footer-stats .stats-value,
.weour-footer-stats{
  transition:
    color .28s ease,
    transform .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.weour-footer-stats:hover{
  border-color: rgba(255,255,255,.10);
  background: rgba(255,255,255,.05);
}

.weour-footer-stats:hover .stats-value{
  color: #dfeeff;
  transform: translateY(-1px);
  text-shadow: 0 0 18px rgba(66,184,255,.10);
}

.weour-footer-brand h3:hover{
  color: #f4f8ff;
  transform: translateY(-1px);
  text-shadow: 0 0 22px rgba(66,184,255,.08);
}

.weour-footer-meta p:hover{
  color: rgba(255,255,255,.82);
}

/* =========================
   Workflows Page
   ========================= */

.weour-workflows-page .section-workflows-featured{
  background: #f7f9fc !important;
  padding: 72px 0 36px !important;
}

.weour-workflows-page .section-workflows-columns{
  padding: 36px 0 52px !important;
}

.weour-workflows-page .section-workflows-columns .weour-grid-3{
  align-items: stretch;
}

.weour-workflows-page .section-workflows-columns .weour-card{
  min-height: 180px;
}

.weour-workflows-page .section-workflows-latest{
  background: #f7f9fc !important;
  padding: 0 0 92px !important;
}

.weour-workflows-page .section-workflows-latest .weour-section-head{
  margin-bottom: 28px !important;
}

.workflows-latest-grid{
  align-items: stretch;
}

.workflow-post-card{
  min-height: 210px !important;
  border-radius: 22px !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.04) !important;
}

.workflow-post-card h3{
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.42 !important;
  letter-spacing: -.02em !important;
}

.workflow-post-card h3 a{
  color: #111827 !important;
  text-decoration: none !important;
}

.workflow-post-card h3 a:hover{
  color: #2f80ff !important;
}

.workflow-post-card p{
  font-size: 14px !important;
  line-height: 1.85 !important;
}

/* =========================
   Agent Archive Page
   ========================= */

.weour-agent-archive-page .section-agent-archive-intro{
  background: #f7f9fc !important;
  padding: 72px 0 92px !important;
}

.weour-agent-archive-page .weour-section-head{
  margin-bottom: 28px !important;
}

.agent-archive-grid{
  align-items: stretch;
}

.agent-archive-card{
  min-height: 220px !important;
  border-radius: 22px !important;
  border: 1px solid rgba(15,23,42,.05) !important;
  box-shadow: 0 10px 30px rgba(15,23,42,.04) !important;
  padding: 24px 22px 22px !important;
}

.agent-archive-card h3{
  margin: 0 0 12px !important;
  font-size: 18px !important;
  line-height: 1.42 !important;
  letter-spacing: -.02em !important;
}

.agent-archive-card h3 a{
  color: #111827 !important;
  text-decoration: none !important;
}

.agent-archive-card h3 a:hover{
  color: #2f80ff !important;
}

.agent-archive-card p{
  margin: 0 0 16px !important;
  font-size: 14px !important;
  line-height: 1.85 !important;
  color: #667085 !important;
}

.agent-archive-card .insight-link{
  margin-top: auto !important;
}

.agent-archive-pagination{
  margin-top: 34px;
}

.agent-archive-pagination .nav-links{
  display: flex;
  align-items: center;
  gap: 10px;
  flex-wrap: wrap;
}

.agent-archive-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 22px rgba(15,23,42,.04);
  color: #24324a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.agent-archive-pagination .page-numbers.current{
  background: #2f80ff;
  color: #ffffff;
  border-color: #2f80ff;
}

.agent-archive-pagination .page-numbers:hover{
  color: #2f80ff;
}

.agent-archive-pagination .page-numbers.current:hover{
  color: #ffffff;
}

/* =========================
   Card Hover Unified Polish
   ========================= */

.scenario-card-v2,
.insight-card-v3,
.section-skills-v2 .weour-card,
.section-cases-v2 .weour-card,
.workflow-post-card,
.agent-archive-card{
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease !important;
  will-change: transform;
}

.scenario-card-v2 h3,
.scenario-card-v2 p,
.insight-card-v3 h3,
.section-skills-v2 .weour-card h3,
.section-cases-v2 .weour-card h3,
.workflow-post-card h3,
.agent-archive-card h3,
.insight-card-v3 p,
.section-skills-v2 .weour-card p,
.section-cases-v2 .weour-card p,
.workflow-post-card p,
.agent-archive-card p{
  transition: color .28s ease !important;
}

.scenario-card-v2:hover{
  transform: translateY(-4px);
  border-color: rgba(96,160,255,.22) !important;
  box-shadow:
    0 20px 44px rgba(0,0,0,.22),
    0 0 24px rgba(66,184,255,.06),
    inset 0 1px 0 rgba(255,255,255,.04) !important;
}

.scenario-card-v2:hover h3{
  color: #f4f8ff !important;
}

.scenario-card-v2:hover p{
  color: rgba(255,255,255,.78) !important;
}

.insight-card-v3:hover,
.section-skills-v2 .weour-card:hover,
.section-cases-v2 .weour-card:hover,
.workflow-post-card:hover,
.agent-archive-card:hover{
  transform: translateY(-4px);
  border-color: rgba(47,128,255,.10) !important;
  box-shadow:
    0 18px 36px rgba(15,23,42,.08),
    0 0 0 1px rgba(47,128,255,.03) !important;
  background: #ffffff !important;
}

.insight-card-v3:hover h3 a,
.section-skills-v2 .weour-card:hover h3,
.section-cases-v2 .weour-card:hover h3,
.workflow-post-card:hover h3 a,
.agent-archive-card:hover h3 a{
  color: #1f6fff !important;
}

.insight-card-v3:hover p,
.section-skills-v2 .weour-card:hover p,
.section-cases-v2 .weour-card:hover p,
.workflow-post-card:hover p,
.agent-archive-card:hover p{
  color: #5f6f86 !important;
}

.insight-tag{
  transition:
    background .28s ease,
    border-color .28s ease,
    color .28s ease !important;
}

.insight-card-v3:hover .insight-tag,
.workflow-post-card:hover .insight-tag,
.agent-archive-card:hover .insight-tag{
  background: rgba(47,128,255,.10) !important;
  border-color: rgba(47,128,255,.14) !important;
  color: #1f6fff !important;
}

.insight-link{
  transition:
    color .28s ease,
    transform .28s ease !important;
}

.insight-card-v3:hover .insight-link,
.workflow-post-card:hover .insight-link,
.agent-archive-card:hover .insight-link{
  color: #1f6fff !important;
  transform: translateX(2px);
}

/* =========================
   AI Workforce Page
   ========================= */

.weour-ai-workforce-page{
  position: relative;
  color: #eaf2ff;
  background:
    radial-gradient(80% 120% at 50% 0%, rgba(41,102,255,.12), rgba(41,102,255,0) 48%),
    linear-gradient(180deg, #050c18 0%, #07111f 48%, #08111f 100%);
}

.weour-ai-workforce-page::before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .18;
  background-image:
    linear-gradient(rgba(255,255,255,.025) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.025) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: radial-gradient(circle at center, #000 45%, transparent 95%);
  -webkit-mask-image: radial-gradient(circle at center, #000 45%, transparent 95%);
}

.weour-aiw-hero{
  position: relative;
  overflow: hidden;
  padding: 104px 0 56px !important;
}

.weour-aiw-hero::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(48% 60% at 50% 20%, rgba(66,184,255,.14), rgba(66,184,255,0) 60%),
    radial-gradient(36% 44% at 50% 8%, rgba(47,128,255,.18), rgba(47,128,255,0) 62%);
}

.weour-aiw-hero::after{
  content: "";
  position: absolute;
  top: 42px;
  left: 50%;
  width: 520px;
  height: 520px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(113,176,255,.08);
  box-shadow:
    0 0 0 28px rgba(67,183,255,.02),
    0 0 0 72px rgba(67,183,255,.015);
  pointer-events: none;
}

.weour-aiw-hero-inner{
  position: relative;
  z-index: 2;
  max-width: 980px;
  margin: 0 auto;
  text-align: center;
}

.weour-aiw-badge{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  margin-bottom: 20px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.045);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(255,255,255,.76);
  font-size: 12px;
  font-weight: 700;
  box-shadow:
    0 8px 24px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.weour-aiw-logo-shell{
  position: relative;
  display: flex;
  align-items: center;
  justify-content: center;
  width: 112px;
  height: 112px;
  margin: 0 auto 22px;
  border-radius: 32px;
  background:
    radial-gradient(circle at 50% 22%, rgba(255,255,255,.26), rgba(255,255,255,.04) 34%, rgba(255,255,255,0) 62%),
    linear-gradient(145deg, #2f80ff 0%, #59c4ff 100%);
  box-shadow:
    0 24px 58px rgba(47,128,255,.26),
    0 0 0 14px rgba(66,184,255,.035),
    inset 0 1px 0 rgba(255,255,255,.18);
}

.weour-aiw-logo-shell::before{
  content: "";
  position: absolute;
  inset: 10px;
  border-radius: 24px;
  border: 1px solid rgba(255,255,255,.14);
  pointer-events: none;
}

.weour-aiw-logo-shell::after{
  content: "";
  position: absolute;
  inset: -18px;
  z-index: -1;
  border-radius: 42px;
  background: radial-gradient(circle, rgba(67,183,255,.16) 0%, rgba(67,183,255,.05) 38%, rgba(67,183,255,0) 72%);
  filter: blur(10px);
  pointer-events: none;
}

.weour-aiw-logo-core{
  color: #ffffff;
  font-size: 46px;
  font-weight: 800;
  line-height: 1;
  letter-spacing: -.05em;
}

.weour-aiw-hero h1{
  margin: 0 0 18px;
  color: #ffffff;
  font-size: 88px;
  line-height: .92;
  letter-spacing: -.06em;
  text-shadow: 0 0 28px rgba(67,183,255,.04);
}

.weour-aiw-hero h1 span{
  color: #43b7ff;
  text-shadow: 0 0 28px rgba(67,183,255,.16);
}

.weour-aiw-subtitle{
  max-width: 820px;
  margin: 0 auto 28px;
  color: rgba(240,246,255,.90);
  font-size: 24px;
  line-height: 1.72;
  font-weight: 500;
}

.weour-aiw-actions{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 22px;
}

.weour-aiw-actions .weour-btn-primary,
.weour-aiw-actions .weour-btn-secondary{
  min-height: 52px;
  padding: 0 24px;
  border-radius: 15px;
}

.weour-aiw-pills{
  display: flex;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  margin-top: 2px;
}

.weour-aiw-pills span{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(255,255,255,.03);
  border: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.72);
  font-size: 13px;
  font-weight: 600;
}

.weour-aiw-feature-strip{
  position: relative;
  margin-top: -6px;
  padding: 28px 0 40px;
}

.weour-aiw-feature-grid{
  display: grid;
  grid-template-columns: repeat(5, 1fr);
  gap: 18px;
}

.weour-aiw-feature-card{
  position: relative;
  min-height: 236px;
  padding: 24px 20px 22px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(12,22,40,.74), rgba(9,17,31,.72));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 16px 40px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-aiw-feature-card:hover{
  transform: translateY(-4px);
  border-color: rgba(83,169,255,.16);
  box-shadow:
    0 20px 44px rgba(0,0,0,.22),
    0 0 24px rgba(66,184,255,.06),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.weour-aiw-icon{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 42px;
  height: 42px;
  margin-bottom: 16px;
  border-radius: 14px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  font-size: 18px;
}

.weour-aiw-feature-card h3{
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 24px;
  line-height: 1.26;
  letter-spacing: -.02em;
}

.weour-aiw-feature-card p{
  margin: 0 0 14px;
  color: rgba(255,255,255,.66);
  font-size: 14px;
  line-height: 1.88;
}

.weour-aiw-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 10px;
  border-radius: 999px;
  background: rgba(47,128,255,.10);
  border: 1px solid rgba(47,128,255,.14);
  color: #76c6ff;
  font-size: 12px;
  font-weight: 700;
}

.weour-aiw-section-head{
  max-width: 860px;
  margin: 0 auto 24px;
  text-align: center;
}

.weour-aiw-mini-eyebrow{
  display: inline-block;
  margin-bottom: 14px;
  color: #7fb3ff;
  font-size: 12px;
  font-weight: 800;
  letter-spacing: .18em;
}

.weour-aiw-section-head h2{
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 54px;
  line-height: 1.04;
  letter-spacing: -.04em;
}

.weour-aiw-section-head p{
  margin: 0;
  color: rgba(255,255,255,.62);
  font-size: 16px;
  line-height: 1.85;
}

.weour-aiw-steps{
  position: relative;
  padding: 40px 0 52px;
}

.weour-aiw-steps-grid{
  display: grid;
  grid-template-columns: 1fr 44px 1fr 44px 1fr;
  gap: 0;
  align-items: center;
}

.weour-aiw-step-card{
  position: relative;
  min-height: 256px;
  padding: 34px 28px 28px;
  border-radius: 30px;
  background: linear-gradient(180deg, rgba(11,20,36,.78), rgba(8,15,28,.72));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 18px 40px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
  text-align: center;
}

.weour-aiw-step-num{
  display: flex;
  align-items: center;
  justify-content: center;
  width: 60px;
  height: 60px;
  margin: 0 auto 20px;
  border-radius: 50%;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.20), rgba(255,255,255,.03) 34%, rgba(255,255,255,0) 60%),
    linear-gradient(145deg, rgba(47,128,255,.94), rgba(86,194,255,.88));
  color: #ffffff;
  font-size: 21px;
  font-weight: 800;
  box-shadow: 0 12px 28px rgba(47,128,255,.18);
}

.weour-aiw-step-card h3{
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 28px;
  line-height: 1.25;
  letter-spacing: -.02em;
}

.weour-aiw-step-card p{
  margin: 0;
  color: rgba(255,255,255,.68);
  font-size: 15px;
  line-height: 1.88;
}

.weour-aiw-step-arrow{
  transform: translateY(-6px);
  color: rgba(96,160,255,.34);
  text-align: center;
  font-size: 30px;
  font-weight: 700;
}

.weour-aiw-scene-banner{
  padding: 0 0 40px;
}

.weour-aiw-banner-card{
  position: relative;
  min-height: 180px;
  padding: 34px 36px;
  border-radius: 30px;
  background:
    radial-gradient(80% 120% at 50% 0%, rgba(89,196,255,.08), rgba(89,196,255,0) 52%),
    linear-gradient(135deg, rgba(18,24,37,.88), rgba(10,18,30,.82));
  border: 1px solid rgba(255,255,255,.06);
  box-shadow:
    0 20px 44px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.weour-aiw-banner-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  margin-bottom: 14px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(255,191,77,.10);
  border: 1px solid rgba(255,191,77,.14);
  color: #ffd788;
  font-size: 12px;
  font-weight: 700;
}

.weour-aiw-banner-card h3{
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 38px;
  line-height: 1.16;
  letter-spacing: -.03em;
}

.weour-aiw-banner-card p{
  max-width: 780px;
  margin: 0;
  color: rgba(255,255,255,.66);
  font-size: 15px;
  line-height: 1.9;
}

.weour-aiw-usecases{
  padding: 8px 0 44px;
}

.weour-aiw-usecase-grid{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 20px;
}

.weour-aiw-usecase-card{
  min-height: 252px;
  padding: 28px 26px 24px;
  border-radius: 26px;
  background: linear-gradient(180deg, rgba(18,30,58,.98), rgba(11,19,35,.98));
  border: 1px solid rgba(80,142,255,.11);
  box-shadow:
    0 14px 34px rgba(0,0,0,.18),
    inset 0 1px 0 rgba(255,255,255,.03);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease;
}

.weour-aiw-usecase-card:hover{
  transform: translateY(-4px);
  border-color: rgba(96,160,255,.18);
  box-shadow:
    0 20px 44px rgba(0,0,0,.22),
    0 0 24px rgba(66,184,255,.06),
    inset 0 1px 0 rgba(255,255,255,.04);
}

.weour-aiw-usecase-card .weour-aiw-tag{
  margin-bottom: 14px;
}

.weour-aiw-usecase-card h3{
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 25px;
  line-height: 1.28;
  letter-spacing: -.02em;
}

.weour-aiw-usecase-card p{
  margin: 0;
  color: rgba(255,255,255,.70);
  font-size: 14px;
  line-height: 1.9;
}

.weour-aiw-platforms{
  padding: 6px 0 64px;
}

.weour-aiw-platform-grid{
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 18px;
}

.weour-aiw-platform-card{
  min-height: 156px;
  padding: 22px 20px;
  border-radius: 24px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 10px 28px rgba(15,23,42,.04);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-aiw-platform-card:hover{
  transform: translateY(-4px);
  border-color: rgba(47,128,255,.10);
  box-shadow:
    0 18px 36px rgba(15,23,42,.08),
    0 0 0 1px rgba(47,128,255,.03);
  background: #ffffff;
}

.weour-aiw-platform-card h3{
  margin: 0 0 10px;
  color: #111827;
  font-size: 18px;
  line-height: 1.38;
  letter-spacing: -.02em;
}

.weour-aiw-platform-card p{
  margin: 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.85;
}

.weour-ai-workforce-page .weour-final-cta{
  padding-top: 52px !important;
}

/* =========================
   Single Post Page
   ========================= */

.weour-single-post-page .weour-about-panel{
  background: #ffffff;
  border-radius: 24px;
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 18px 40px rgba(15,23,42,.06);
}

/* Hero */
.weour-single-hero{
  padding-top: 20px !important;
  padding-bottom: 36px !important;
}

.weour-single-hero .weour-inner-hero-copy{
  max-width: 1080px !important;
}

.weour-single-hero h1{
  max-width: 1200px !important;
  margin: 0 0 12px !important;
  font-size: 38px !important;
  line-height: 1.12 !important;
  letter-spacing: -0.025em !important;
}

.weour-single-hero .weour-eyebrow{
  margin-bottom: 14px !important;
}

.weour-single-meta{
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
  margin: 0 0 10px !important;
  color: rgba(255,255,255,.68);
  font-size: 13px !important;
  line-height: 1.8;
}

.weour-single-meta span{
  display: inline-flex;
  align-items: center;
}

.weour-single-meta span:not(:last-child)::after{
  content: "·";
  margin-left: 12px;
  color: rgba(255,255,255,.28);
}

.weour-single-hero .weour-inner-desc{
  max-width: 760px !important;
  font-size: 15px !important;
  line-height: 1.8 !important;
  color: rgba(255,255,255,.72) !important;
}

/* Layout */
.weour-single-content-wrap{
  margin-top: 0 !important;
  padding-top: 28px !important;
  padding-bottom: 28px !important;
}

.weour-single-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 260px;
  gap: 24px;
  align-items: start !important;
}

.weour-single-article,
.weour-single-sidebar{
  margin-top: 0 !important;
}

/* Article */
.weour-single-article{
  max-width: none !important;
  min-width: 0 !important;
  padding: 0 !important;
  overflow: hidden;
  border-radius: 28px !important;
  box-shadow:
    0 18px 44px rgba(15,23,42,.06),
    0 0 0 1px rgba(15,23,42,.03) !important;
}

.weour-single-article-inner{
  padding: 28px 30px 22px !important;
}

.weour-single-article-inner > :first-child,
.weour-single-article-inner > h1:first-child,
.weour-single-article-inner > h2:first-child,
.weour-single-article-inner > h3:first-child,
.weour-single-article-inner > h4:first-child,
.weour-single-article-inner > p:first-child{
  margin-top: 0 !important;
}

.weour-single-article h1,
.weour-single-article h2,
.weour-single-article h3,
.weour-single-article h4{
  color: #111827;
  letter-spacing: -.02em;
}

.weour-single-article h2{
  margin-top: 1.55em !important;
  margin-bottom: .55em !important;
  font-size: 28px !important;
  line-height: 1.28 !important;
}

.weour-single-article h3{
  margin-top: 1.35em !important;
  margin-bottom: .5em !important;
  font-size: 22px !important;
  line-height: 1.32 !important;
}

.weour-single-article p,
.weour-single-article li{
  color: #4b5563;
  font-size: 16px;
  line-height: 1.95;
}

.weour-single-article p{
  margin: 0 0 .9em !important;
}

.weour-single-article ul,
.weour-single-article ol{
  margin: 0 0 1em !important;
  padding-left: 1.45em;
}

.weour-single-article li{
  margin-bottom: .28em !important;
}

.weour-single-article a{
  color: #2f80ff;
  text-decoration: none;
}

.weour-single-article a:hover{
  text-decoration: underline;
}

.weour-single-article strong{
  color: #111827;
}

.weour-single-article img{
  max-width: 100%;
  height: auto;
  margin: 1.2em 0;
  border-radius: 18px;
}

.weour-single-article blockquote{
  margin: 1.15em 0 !important;
  padding: .95em 1.1em !important;
  border-left: 4px solid #2f80ff;
  border-radius: 14px;
  background: #f7f9fc;
  color: #475467;
}

.weour-single-article hr{
  border: none;
  height: 1px;
  margin: 2em 0;
  background: rgba(15,23,42,.08);
}

.weour-single-article table{
  width: 100%;
  margin: 1.4em 0;
  border-collapse: collapse;
  font-size: 15px;
}

.weour-single-article table th,
.weour-single-article table td{
  padding: 12px 14px;
  border: 1px solid rgba(15,23,42,.08);
  text-align: left;
}

.weour-single-article table th{
  background: #f7f9fc;
  color: #111827;
}

/* Tags */
.weour-single-tags{
  display: flex;
  flex-wrap: wrap;
  gap: 8px !important;
  padding: 0 30px 26px !important;
}

.weour-single-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 14px;
  border-radius: 999px;
  background: rgba(47,128,255,.08);
  border: 1px solid rgba(47,128,255,.10);
  color: #2f80ff;
  font-size: 13px;
  font-weight: 700;
  text-decoration: none;
}

.weour-single-tag:hover{
  background: rgba(47,128,255,.10);
}

/* Sidebar */
.weour-single-sidebar{
  display: grid;
  gap: 16px;
  position: sticky;
  top: 96px;
  align-self: start;
}

.weour-single-sidecard{
  padding: 18px !important;
  border-radius: 20px !important;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
}

.weour-single-sidecard h3{
  margin: 0 0 8px !important;
  color: #111827;
  font-size: 17px !important;
  line-height: 1.35;
}

.weour-single-sidecard p{
  margin: 0 0 12px !important;
  color: #667085;
  font-size: 14px !important;
  line-height: 1.75 !important;
}

.weour-single-side-actions{
  display: grid;
  gap: 10px;
}

.weour-single-side-actions .weour-btn-primary,
.weour-single-side-actions .weour-btn-secondary{
  min-height: 44px !important;
  padding: 0 16px !important;
  border-radius: 12px !important;
  font-size: 14px !important;
}

/* Prev / Next */
.weour-single-post-nav{
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px !important;
  margin-top: 16px !important;
}

.weour-single-post-nav-item{
  min-height: 64px !important;
  height: 64px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
}

.weour-single-post-nav-item a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  color: #24324a;
  text-decoration: none;
  text-align: center !important;
  line-height: 1.4 !important;
  font-size: 13px !important;
  font-weight: 600;
}

.weour-single-post-nav-item a:hover{
  color: #2f80ff;
}

/* Bottom CTA */
.weour-single-post-page .weour-final-cta{
  padding-top: 34px !important;
}

.weour-single-post-page .weour-final-box{
  padding: 30px 28px !important;
  border-radius: 24px !important;
}

.weour-single-post-page .weour-final-copy h2{
  font-size: 38px !important;
  line-height: 1.14 !important;
}

.weour-single-post-page .weour-final-copy p{
  font-size: 15px !important;
  line-height: 1.8 !important;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1240px){
  .weour-single-layout{
    grid-template-columns: 1fr !important;
    gap: 20px !important;
  }

  .weour-single-sidebar{
    position: static !important;
    top: auto !important;
    grid-template-columns: 1fr 1fr !important;
  }
}

@media (max-width: 1200px){
  .weour-visual-orbit{
    width: 500px !important;
    height: 500px !important;
  }

  .weour-center-core{
    width: 220px !important;
    height: 220px !important;
    font-size: 20px !important;
  }

  .weour-visual-orbit .orbit-node{
    width: 150px !important;
    min-width: 150px !important;
    max-width: 150px !important;
    height: 58px !important;
    min-height: 58px !important;
    max-height: 58px !important;
    font-size: 14px !important;
  }

  .weour-visual-orbit .orbit-1{
    top: 22px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .weour-visual-orbit .orbit-2{
    top: 118px !important;
    right: 10px !important;
  }

  .weour-visual-orbit .orbit-3{
    bottom: 122px !important;
    right: 10px !important;
  }

  .weour-visual-orbit .orbit-4{
    bottom: 22px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .weour-visual-orbit .orbit-5{
    bottom: 122px !important;
    left: 10px !important;
  }

  .weour-visual-orbit .orbit-6{
    top: 118px !important;
    left: 10px !important;
  }

  .weour-aiw-feature-grid{
    grid-template-columns: repeat(3, 1fr);
  }

  .weour-aiw-platform-grid{
    grid-template-columns: repeat(2, 1fr);
  }
}

@media (max-width: 1100px){
  .hero-v2 .weour-hero-grid{
    grid-template-columns: 1fr;
  }

  .weour-grid-3,
  .weour-grid-4,
  .section-skills-v2 .weour-grid-4{
    grid-template-columns: 1fr 1fr !important;
  }

  .scenario-grid-v2,
  .insights-grid-v3{
    grid-template-columns: repeat(2, 1fr) !important;
  }

  .insight-card-v3:first-child{
    grid-column: 1 / -1 !important;
    min-height: 180px !important;
  }

  .weour-aiw-hero{
    padding: 88px 0 48px !important;
  }

  .weour-aiw-hero::after{
    width: 440px;
    height: 440px;
  }

  .weour-aiw-hero h1{
    font-size: 68px !important;
    line-height: .96 !important;
  }

  .weour-aiw-subtitle{
    font-size: 21px !important;
  }

  .weour-aiw-section-head h2{
    font-size: 42px !important;
  }

  .weour-aiw-steps-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .weour-aiw-step-arrow{
    display: none;
  }

  .weour-aiw-usecase-grid{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 992px){
  .hero-v2 h1{
    font-size: 62px !important;
    line-height: 1.02 !important;
  }

  .hero-v2 .weour-hero-subtitle{
    font-size: 19px !important;
  }

  .weour-section-head h2{
    font-size: 38px;
  }

  .weour-inner-hero h1{
    font-size: 56px;
  }

  .weour-final-copy h2{
    font-size: 40px !important;
  }

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

  .cap-item{
    border-right: none;
    border-bottom: 1px solid rgba(255,255,255,.08);
  }

  .cap-item:last-child{
    border-bottom: none;
  }

  .weour-grid-2,
  .skills-core-grid{
    grid-template-columns: 1fr 1fr;
  }

  .case-detail-grid{
    grid-template-columns: 1fr;
  }

  .case-detail-card-v2,
  .skills-core-grid .skill-detail-card-v2{
    min-height: auto;
  }

  .weour-footer-3col{
    grid-template-columns: 1fr;
    gap: 18px;
    align-items: flex-start;
  }

  .weour-footer-col-left,
  .weour-footer-col-center,
  .weour-footer-col-right{
    justify-self: start;
  }

  .weour-footer-meta{
    text-align: left;
  }
}

@media (max-width: 768px){
  .weour-container{
    width: min(1240px, calc(100% - 32px));
  }

  .weour-nav{
    min-height: auto;
    padding: 16px 0;
    align-items: flex-start;
    flex-direction: column;
  }

  .weour-brand-inline{
    gap: 10px;
    flex-direction: column;
    align-items: flex-start;
  }

  .weour-menu{
    gap: 16px;
  }

  .weour-nav-right{
    margin-top: 4px;
  }

  .hero-v2{
    padding: 58px 0 48px;
  }

  .hero-v2 .weour-hero-grid{
    gap: 38px;
  }

  .hero-v2 h1{
    margin-bottom: 14px !important;
    font-size: 44px !important;
    line-height: 1.04 !important;
  }

  .hero-v2 .weour-hero-subtitle,
  .weour-inner-subtitle{
    font-size: 18px !important;
    line-height: 1.72 !important;
  }

  .hero-v2 .weour-hero-desc{
    margin-bottom: 22px !important;
    font-size: 14px !important;
    line-height: 1.85 !important;
  }

  .hero-v2 .weour-hero-actions{
    gap: 12px !important;
    margin-bottom: 20px !important;
  }

  .hero-v2 .weour-btn-primary,
  .hero-v2 .weour-btn-secondary{
    min-height: 48px !important;
    padding: 0 20px !important;
    font-size: 14px !important;
  }

  .hero-v2 .weour-trust-inline{
    gap: 12px !important;
    font-size: 12px !important;
    line-height: 1.7 !important;
  }

  .hero-v2 .weour-trust-inline span:not(:last-child)::after{
    margin-left: 12px !important;
  }

  .weour-visual-orbit{
    width: 100% !important;
    min-height: 500px !important;
    height: auto !important;
  }

  .weour-center-core{
    width: 188px !important;
    height: 188px !important;
    font-size: 18px !important;
    line-height: 1.24 !important;
  }

  .weour-visual-orbit .orbit-node{
    width: 118px !important;
    min-width: 118px !important;
    max-width: 118px !important;
    height: 52px !important;
    min-height: 52px !important;
    max-height: 52px !important;
    padding: 0 12px !important;
    border-radius: 18px !important;
    font-size: 13px !important;
  }

  .weour-visual-orbit .orbit-1{
    top: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .weour-visual-orbit .orbit-2{
    top: 126px !important;
    right: 0 !important;
  }

  .weour-visual-orbit .orbit-3{
    bottom: 128px !important;
    right: 0 !important;
  }

  .weour-visual-orbit .orbit-4{
    bottom: 18px !important;
    left: 50% !important;
    transform: translateX(-50%) !important;
  }

  .weour-visual-orbit .orbit-5{
    bottom: 128px !important;
    left: 0 !important;
  }

  .weour-visual-orbit .orbit-6{
    top: 126px !important;
    left: 0 !important;
  }

  .weour-section,
  .weour-final-cta{
    padding: 64px 0;
  }

  .weour-section-head h2{
    font-size: 30px;
  }

  .weour-inner-hero{
    padding: 64px 0 52px;
  }

  .weour-inner-hero h1{
    font-size: 42px;
  }

  .weour-about-panel{
    padding: 24px 20px;
    border-radius: 20px;
  }

  .weour-about-panel p{
    font-size: 15px;
  }

  .weour-grid-2,
  .weour-grid-3,
  .weour-grid-4,
  .skills-core-grid,
  .scenario-grid-v2,
  .insights-grid-v3,
  .section-skills-v2 .weour-grid-4{
    grid-template-columns: 1fr !important;
  }

  .insight-card-v3,
  .insight-card-v3:first-child,
  .section-skills-v2 .skill-card-v2,
  .workflow-post-card,
  .agent-archive-card{
    min-height: auto !important;
  }

  .insight-card-v3,
  .insight-card-v3:first-child{
    padding: 20px 18px !important;
    border-radius: 20px !important;
  }

  .section-skills-v2{
    padding: 24px 0 18px !important;
  }

  .section-insights-v2{
    padding: 18px 0 32px !important;
  }

  .section-skills-v2 .weour-section-head,
  .section-insights-v2 .weour-section-head{
    margin-bottom: 16px !important;
  }

  .section-skills-v2 .weour-section-head h2,
  .section-insights-v2 .weour-section-head h2{
    font-size: 28px !important;
  }

  .with-link{
    align-items: flex-start;
  }

  .weour-final-cta.final-cta-v2{
    padding: 68px 0 76px !important;
  }

  .weour-final-copy h2{
    font-size: 30px !important;
  }

  .weour-final-box{
    padding: 26px 24px;
  }

  .final-cta-v2 .weour-final-actions{
    gap: 10px;
  }

  .final-cta-v2 .weour-btn-primary,
  .final-cta-v2 .weour-btn-secondary{
    min-width: 140px;
  }

  .weour-workflows-page .section-workflows-featured{
    padding: 56px 0 28px !important;
  }

  .weour-workflows-page .section-workflows-columns{
    padding: 28px 0 36px !important;
  }

  .weour-workflows-page .section-workflows-latest{
    padding: 0 0 72px !important;
  }

  .weour-agent-archive-page .section-agent-archive-intro{
    padding: 56px 0 72px !important;
  }

  .agent-archive-pagination{
    margin-top: 26px;
  }

  .weour-site-footer{
    padding: 26px 0 28px !important;
  }

  .weour-footer-3col{
    gap: 16px;
  }

  .weour-footer-brand h3{
    font-size: 22px;
  }

  .weour-footer-brand p,
  .weour-footer-meta p{
    font-size: 13px;
  }

  .weour-footer-stats{
    gap: 6px;
    padding: 10px 14px;
    border-radius: 14px;
  }

  .weour-footer-stats .stats-label,
  .weour-footer-stats .stats-unit{
    font-size: 13px;
  }

  .weour-footer-stats .stats-value{
    font-size: 20px;
  }

  .weour-aiw-hero{
    padding: 76px 0 34px !important;
  }

  .weour-aiw-hero::after{
    top: 56px;
    width: 300px;
    height: 300px;
    box-shadow:
      0 0 0 18px rgba(67,183,255,.02),
      0 0 0 44px rgba(67,183,255,.015);
  }

  .weour-aiw-logo-shell{
    width: 88px;
    height: 88px;
    margin: 0 auto 18px;
    border-radius: 24px;
  }

  .weour-aiw-logo-shell::before{
    inset: 8px;
    border-radius: 18px;
  }

  .weour-aiw-logo-core{
    font-size: 36px;
  }

  .weour-aiw-hero h1{
    font-size: 48px !important;
    line-height: 1.02 !important;
  }

  .weour-aiw-subtitle{
    margin: 0 auto 22px !important;
    font-size: 18px !important;
    line-height: 1.75 !important;
  }

  .weour-aiw-actions{
    gap: 12px;
    margin-bottom: 18px;
  }

  .weour-aiw-pills{
    gap: 8px;
  }

  .weour-aiw-pills span{
    min-height: 32px;
    padding: 0 12px;
    font-size: 12px;
  }

  .weour-aiw-feature-strip{
    padding: 16px 0 28px;
  }

  .weour-aiw-feature-grid,
  .weour-aiw-platform-grid{
    grid-template-columns: 1fr;
  }

  .weour-aiw-feature-card,
  .weour-aiw-step-card,
  .weour-aiw-banner-card,
  .weour-aiw-usecase-card,
  .weour-aiw-platform-card{
    min-height: auto;
    padding: 22px 18px 20px;
    border-radius: 22px;
  }

  .weour-aiw-section-head{
    margin-bottom: 22px;
  }

  .weour-aiw-section-head h2{
    font-size: 32px !important;
    line-height: 1.12 !important;
  }

  .weour-aiw-section-head p{
    font-size: 14px;
    line-height: 1.8;
  }

  .weour-aiw-steps{
    padding: 32px 0 36px;
  }

  .weour-aiw-scene-banner{
    padding: 0 0 28px;
  }

  .weour-aiw-banner-card h3{
    font-size: 28px !important;
    line-height: 1.2 !important;
  }

  .weour-aiw-usecases{
    padding: 0 0 32px;
  }

  .weour-aiw-platforms{
    padding: 0 0 44px;
  }

  .weour-ai-workforce-page .weour-final-cta{
    padding-top: 44px !important;
  }

  .weour-single-hero{
    padding-top: 58px !important;
    padding-bottom: 24px !important;
  }

  .weour-single-hero h1{
    font-size: 30px !important;
    line-height: 1.16 !important;
  }

  .weour-single-meta{
    gap: 8px;
    font-size: 13px;
  }

  .weour-single-meta span:not(:last-child)::after{
    margin-left: 8px;
  }

  .weour-single-hero .weour-inner-desc{
    font-size: 14px !important;
  }

  .weour-single-content-wrap{
    padding-top: 20px !important;
  }

  .weour-single-article{
    border-radius: 22px !important;
  }

  .weour-single-article-inner{
    padding: 22px 18px 16px !important;
  }

  .weour-single-article h2{
    font-size: 24px !important;
  }

  .weour-single-article h3{
    font-size: 20px !important;
  }

  .weour-single-article p,
  .weour-single-article li{
    font-size: 15px;
    line-height: 1.9;
  }

  .weour-single-tags{
    padding: 0 18px 20px !important;
  }

  .weour-single-sidebar{
    grid-template-columns: 1fr !important;
  }

  .weour-single-post-nav{
    grid-template-columns: 1fr;
    margin-top: 14px !important;
    gap: 12px !important;
  }

  .weour-single-post-nav-item{
    min-height: 58px !important;
    height: 58px !important;
  }

  .weour-single-post-nav-item a{
    padding: 0 14px !important;
    font-size: 13px !important;
  }

  .weour-single-post-page .weour-final-cta{
    padding-top: 24px !important;
  }

  .weour-single-post-page .weour-final-box{
    padding: 24px 20px !important;
  }

  .weour-single-post-page .weour-final-copy h2{
    font-size: 28px !important;
  }
}

@media (hover: none){
  .scenario-card-v2:hover,
  .insight-card-v3:hover,
  .section-skills-v2 .weour-card:hover,
  .section-cases-v2 .weour-card:hover,
  .workflow-post-card:hover,
  .agent-archive-card:hover,
  .weour-aiw-feature-card:hover,
  .weour-aiw-usecase-card:hover,
  .weour-aiw-platform-card:hover{
    transform: none;
  }

  .insight-card-v3:hover .insight-link,
  .workflow-post-card:hover .insight-link,
  .agent-archive-card:hover .insight-link{
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce){
  .weour-visual-orbit,
  .weour-visual-orbit::after,
  .weour-center-core,
  .weour-center-core::after{
    animation: none !important;
  }
}

/* =========================
   404 Page - Ultimate V3
   ========================= */

.weour-404-page.weour-404-v3-page{
  position: relative;
  overflow: hidden;
  color: #eaf2ff;
  background:
    radial-gradient(80% 120% at 50% 0%, rgba(41,102,255,.14), rgba(41,102,255,0) 48%),
    linear-gradient(180deg, #040a15 0%, #06101d 46%, #08111f 100%);
}

.weour-404-page.weour-404-v3-page::before{
  content: "";
  position: fixed;
  inset: 0;
  pointer-events: none;
  opacity: .14;
  background-image:
    linear-gradient(rgba(255,255,255,.02) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.02) 1px, transparent 1px);
  background-size: 36px 36px;
  mask-image: radial-gradient(circle at center, #000 38%, transparent 94%);
  -webkit-mask-image: radial-gradient(circle at center, #000 38%, transparent 94%);
}

.weour-404-v3-hero{
  position: relative;
  padding: 72px 0 96px;
  overflow: hidden;
}

.weour-404-v3-shell{
  position: relative;
  z-index: 2;
  max-width: 1160px;
  margin: 0 auto;
}

.weour-404-v3-copy{
  max-width: 980px;
  margin: 0 auto 38px;
  text-align: center;
}

.weour-404-v3-copy .weour-eyebrow{
  margin-bottom: 14px;
}

.weour-404-v3-code{
  margin: 0 0 8px;
  color: rgba(255,255,255,.16);
  font-size: 124px;
  line-height: .88;
  font-weight: 900;
  letter-spacing: -.08em;
  text-shadow: 0 0 30px rgba(67,183,255,.08);
}

.weour-404-v3-copy h1{
  margin: 0 0 16px;
  color: #ffffff;
  font-size: 58px;
  line-height: 1.02;
  letter-spacing: -.05em;
}

.weour-404-v3-subtitle{
  max-width: 860px;
  margin: 0 auto 14px;
  color: rgba(240,246,255,.88);
  font-size: 21px;
  line-height: 1.72;
  font-weight: 500;
}

.weour-404-v3-desc{
  max-width: 860px;
  margin: 0 auto 30px;
  color: rgba(214,228,248,.72);
  font-size: 15px;
  line-height: 1.9;
}

.weour-404-v3-actions{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
  margin-bottom: 24px;
}

.weour-404-v3-actions .weour-btn-primary,
.weour-404-v3-actions .weour-btn-secondary{
  min-height: 52px;
  padding: 0 26px;
  border-radius: 15px;
}

.weour-404-v3-search{
  max-width: 760px;
  margin: 0 auto;
}

.weour-404-v3-search form,
.weour-search-form{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  flex-wrap: nowrap;
}

.weour-404-v3-search input[type="search"],
.weour-search-form input[type="search"]{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 56px;
  min-height: 56px;
  padding: 0 20px;
  border-radius: 16px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: #ffffff;
  font-size: 15px;
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 28px rgba(0,0,0,.12);
}

.weour-404-v3-search input[type="search"]::placeholder,
.weour-search-form input[type="search"]::placeholder{
  color: rgba(255,255,255,.42);
}

.weour-404-v3-search button,
.weour-404-v3-search input[type="submit"],
.weour-search-form button,
.weour-search-form input[type="submit"]{
  flex: 0 0 auto;
  min-width: 112px;
  height: 56px;
  min-height: 56px;
  padding: 0 24px;
  border-radius: 16px;
  border: none;
  background: #2f80ff;
  color: #fff;
  font-size: 15px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(47,128,255,.20);
}

.weour-404-v3-visual{
  margin: 22px 0 30px;
}

.weour-404-v3-orbit{
  position: relative;
  width: 620px;
  height: 620px;
  margin: 0 auto;
  border-radius: 50%;
}

.weour-404-v3-bg{
  position: absolute;
  inset: 0;
  border-radius: 50%;
  background:
    radial-gradient(circle at center, rgba(78,162,255,.16), rgba(78,162,255,0) 34%),
    radial-gradient(circle at center, rgba(47,128,255,.10), rgba(47,128,255,0) 56%),
    radial-gradient(circle at 50% 50%, rgba(255,255,255,.03), rgba(255,255,255,0) 72%);
  filter: drop-shadow(0 30px 80px rgba(22,68,140,.18));
  animation: weour404v3Breath 7s ease-in-out infinite;
}

.weour-404-v3-ring{
  position: absolute;
  border-radius: 50%;
  pointer-events: none;
}

.weour-404-v3-ring.ring-1{
  inset: 52px;
  border: 1px solid rgba(102,170,255,.14);
  box-shadow:
    0 0 0 1px rgba(255,255,255,.01),
    0 0 40px rgba(47,128,255,.08);
}

.weour-404-v3-ring.ring-2{
  inset: 116px;
  border: 1px dashed rgba(102,170,255,.10);
  animation: weour404v3Rotate 24s linear infinite;
}

.weour-404-v3-ring.ring-3{
  inset: 178px;
  border: 1px solid rgba(102,170,255,.08);
}

.weour-404-v3-core{
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 240px;
  height: 240px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  background:
    radial-gradient(circle at 50% 28%, rgba(255,255,255,.24), rgba(255,255,255,.05) 26%, rgba(255,255,255,0) 48%),
    linear-gradient(145deg, #2f80ff 0%, #56c2ff 100%);
  border: 1px solid rgba(255,255,255,.14);
  box-shadow:
    0 0 0 16px rgba(66,184,255,.06),
    0 0 0 38px rgba(66,184,255,.03),
    0 20px 88px rgba(47,128,255,.24),
    inset 0 1px 12px rgba(255,255,255,.12);
  animation: weour404v3CorePulse 4.8s ease-in-out infinite;
}

.weour-404-v3-core::after{
  content: "";
  position: absolute;
  inset: -22px;
  z-index: -1;
  border-radius: 50%;
  background: radial-gradient(circle, rgba(86,194,255,.18) 0%, rgba(86,194,255,.06) 34%, rgba(86,194,255,0) 72%);
  filter: blur(14px);
  animation: weour404v3Halo 5.2s ease-in-out infinite;
}

.weour-404-v3-core-inner{
  width: 186px;
  height: 186px;
  border-radius: 50%;
  display: flex;
  align-items: center;
  justify-content: center;
  text-align: center;
  background:
    radial-gradient(circle at 50% 18%, rgba(255,255,255,.18), rgba(255,255,255,.02) 40%, rgba(255,255,255,0) 70%);
  border: 1px solid rgba(255,255,255,.10);
}

.weour-404-v3-core-inner span{
  color: #ffffff;
  font-size: 24px;
  line-height: 1.2;
  font-weight: 800;
  letter-spacing: -.03em;
}

.weour-404-v3-node{
  position: absolute;
  display: flex;
  align-items: center;
  justify-content: center;
  min-width: 132px;
  height: 54px;
  padding: 0 16px;
  border-radius: 18px;
  background: rgba(14,28,54,.56);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  border: 1px solid rgba(115,180,255,.12);
  color: #eef5ff;
  font-size: 14px;
  font-weight: 700;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.04),
    0 10px 28px rgba(0,0,0,.18);
  transition:
    transform .28s ease,
    border-color .28s ease,
    box-shadow .28s ease,
    background .28s ease;
}

.weour-404-v3-node:hover{
  border-color: rgba(115,180,255,.24);
  background: rgba(18,38,72,.68);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.05),
    0 14px 36px rgba(0,0,0,.22),
    0 0 24px rgba(66,184,255,.08);
}

.weour-404-v3-node.node-1{
  top: 18px;
  left: 50%;
  transform: translateX(-50%);
}

.weour-404-v3-node.node-1:hover{
  transform: translateX(-50%) translateY(-3px);
}

.weour-404-v3-node.node-2{
  top: 128px;
  right: 18px;
}

.weour-404-v3-node.node-2:hover{
  transform: translateY(-3px);
}

.weour-404-v3-node.node-3{
  bottom: 128px;
  right: 18px;
}

.weour-404-v3-node.node-3:hover{
  transform: translateY(-3px);
}

.weour-404-v3-node.node-4{
  bottom: 18px;
  left: 50%;
  transform: translateX(-50%);
}

.weour-404-v3-node.node-4:hover{
  transform: translateX(-50%) translateY(-3px);
}

.weour-404-v3-node.node-5{
  bottom: 128px;
  left: 18px;
}

.weour-404-v3-node.node-5:hover{
  transform: translateY(-3px);
}

.weour-404-v3-node.node-6{
  top: 128px;
  left: 18px;
}

.weour-404-v3-node.node-6:hover{
  transform: translateY(-3px);
}

.weour-404-v3-shortcuts{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin: 8px 0 26px;
}

.weour-404-v3-card{
  display: block;
  padding: 24px 22px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.72);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 10px 28px rgba(15,23,42,.04);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-404-v3-card:hover{
  transform: translateY(-4px);
  border-color: rgba(47,128,255,.10);
  box-shadow:
    0 18px 36px rgba(15,23,42,.08),
    0 0 0 1px rgba(47,128,255,.03);
  background: #ffffff;
}

.weour-404-v3-card-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  margin-bottom: 14px;
  border-radius: 999px;
  background: rgba(47,128,255,.08);
  border: 1px solid rgba(47,128,255,.10);
  color: #2f80ff;
  font-size: 12px;
  font-weight: 700;
}

.weour-404-v3-card h3{
  margin: 0 0 10px;
  color: #111827;
  font-size: 18px;
  line-height: 1.42;
  letter-spacing: -.02em;
}

.weour-404-v3-card p{
  margin: 0;
  color: #667085;
  font-size: 14px;
  line-height: 1.82;
}

.weour-404-v3-statusbar{
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 18px;
  flex-wrap: wrap;
  width: fit-content;
  max-width: 100%;
  margin: 0 auto;
  padding: 12px 18px;
  border-radius: 16px;
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.06);
  color: rgba(255,255,255,.70);
  font-size: 13px;
  font-weight: 600;
  text-align: center;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.02);
}

.weour-404-v3-statusbar span{
  position: relative;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  white-space: nowrap;
}

.weour-404-v3-statusbar span:not(:last-child)::after{
  content: "•";
  margin-left: 18px;
  color: rgba(255,255,255,.22);
}

@keyframes weour404v3Rotate{
  from{ transform: rotate(0deg); }
  to{ transform: rotate(360deg); }
}

@keyframes weour404v3Breath{
  0%, 100%{
    filter: drop-shadow(0 30px 80px rgba(22,68,140,.18));
  }
  50%{
    filter: drop-shadow(0 34px 92px rgba(22,68,140,.24));
  }
}

@keyframes weour404v3CorePulse{
  0%, 100%{
    box-shadow:
      0 0 0 16px rgba(66,184,255,.06),
      0 0 0 38px rgba(66,184,255,.03),
      0 20px 88px rgba(47,128,255,.24),
      inset 0 1px 12px rgba(255,255,255,.12);
    transform: translate(-50%, -50%) scale(1);
  }
  50%{
    box-shadow:
      0 0 0 18px rgba(66,184,255,.08),
      0 0 0 44px rgba(66,184,255,.04),
      0 24px 100px rgba(47,128,255,.28),
      inset 0 1px 14px rgba(255,255,255,.14);
    transform: translate(-50%, -50%) scale(1.018);
  }
}

@keyframes weour404v3Halo{
  0%, 100%{
    opacity: .72;
    transform: scale(1);
  }
  50%{
    opacity: 1;
    transform: scale(1.05);
  }
}

@media (max-width: 1100px){
  .weour-404-v3-hero{
    padding: 62px 0 82px;
  }

  .weour-404-v3-code{
    font-size: 96px;
  }

  .weour-404-v3-copy h1{
    font-size: 44px;
  }

  .weour-404-v3-subtitle{
    font-size: 19px;
  }

  .weour-404-v3-orbit{
    width: 540px;
    height: 540px;
  }

  .weour-404-v3-core{
    width: 210px;
    height: 210px;
  }

  .weour-404-v3-core-inner{
    width: 162px;
    height: 162px;
  }

  .weour-404-v3-shortcuts{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .weour-404-v3-hero{
    padding: 50px 0 68px;
  }

  .weour-404-v3-code{
    font-size: 72px;
  }

  .weour-404-v3-copy h1{
    font-size: 32px;
    line-height: 1.08;
  }

  .weour-404-v3-subtitle{
    font-size: 17px;
    line-height: 1.72;
  }

  .weour-404-v3-desc{
    font-size: 14px;
    line-height: 1.85;
  }

  .weour-404-v3-actions{
    gap: 12px;
  }

  .weour-404-v3-search{
    max-width: 100%;
  }

  .weour-404-v3-search form,
  .weour-search-form{
    flex-wrap: wrap;
    gap: 10px;
  }

  .weour-404-v3-search input[type="search"],
  .weour-search-form input[type="search"]{
    flex: 1 1 100%;
    width: 100%;
    height: 52px;
    min-height: 52px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 14px;
  }

  .weour-404-v3-search button,
  .weour-404-v3-search input[type="submit"],
  .weour-search-form button,
  .weour-search-form input[type="submit"]{
    min-width: 100%;
    width: 100%;
    height: 52px;
    min-height: 52px;
    border-radius: 14px;
    font-size: 14px;
  }

  .weour-404-v3-orbit{
    width: 100%;
    max-width: 390px;
    height: 390px;
  }

  .weour-404-v3-ring.ring-1{
    inset: 32px;
  }

  .weour-404-v3-ring.ring-2{
    inset: 76px;
  }

  .weour-404-v3-ring.ring-3{
    inset: 118px;
  }

  .weour-404-v3-core{
    width: 154px;
    height: 154px;
  }

  .weour-404-v3-core-inner{
    width: 120px;
    height: 120px;
  }

  .weour-404-v3-core-inner span{
    font-size: 19px;
  }

  .weour-404-v3-node{
    min-width: 96px;
    height: 44px;
    padding: 0 10px;
    border-radius: 14px;
    font-size: 12px;
  }

  .weour-404-v3-node.node-1{
    top: 6px;
  }

  .weour-404-v3-node.node-2{
    top: 96px;
    right: 0;
  }

  .weour-404-v3-node.node-3{
    bottom: 96px;
    right: 0;
  }

  .weour-404-v3-node.node-4{
    bottom: 6px;
  }

  .weour-404-v3-node.node-5{
    bottom: 96px;
    left: 0;
  }

  .weour-404-v3-node.node-6{
    top: 96px;
    left: 0;
  }

  .weour-404-v3-card{
    padding: 20px 18px;
    border-radius: 20px;
  }

  .weour-404-v3-statusbar{
    gap: 10px;
    padding: 10px 14px;
    border-radius: 14px;
    font-size: 12px;
  }

  .weour-404-v3-statusbar span{
    white-space: normal;
  }

  .weour-404-v3-statusbar span:not(:last-child)::after{
    margin-left: 10px;
  }
}

@media (hover: none){
  .weour-404-v3-node:hover{
    transform: none;
  }

  .weour-404-v3-node.node-1:hover,
  .weour-404-v3-node.node-4:hover{
    transform: translateX(-50%);
  }

  .weour-404-v3-card:hover{
    transform: none;
  }
}

@media (prefers-reduced-motion: reduce){
  .weour-404-v3-bg,
  .weour-404-v3-ring.ring-2,
  .weour-404-v3-core,
  .weour-404-v3-core::after{
    animation: none !important;
  }
}

/* =========================
   Search Page - WeOur Advanced
   ========================= */

.weour-search-page{
  overflow: hidden;
}

.weour-search-hero{
  padding-bottom: 52px;
}

.weour-search-hero-copy{
  max-width: 980px;
}

.weour-search-hero h1{
  max-width: 1080px;
}

.weour-search-hero-form{
  max-width: 760px;
  margin-top: 28px;
}

.weour-search-hero-form form,
.weour-search-side-form form,
.weour-search-form{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: nowrap;
}

.weour-search-hero-form input[type="search"],
.weour-search-side-form input[type="search"],
.weour-search-form input[type="search"]{
  flex: 1 1 auto;
  width: 100%;
  min-width: 0;
  height: 54px;
  min-height: 54px;
  padding: 0 18px;
  border-radius: 15px;
  border: 1px solid rgba(255,255,255,.10);
  background: rgba(255,255,255,.06);
  color: #ffffff;
  font-size: 15px;
  outline: none;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 28px rgba(0,0,0,.12);
}

.weour-search-hero-form input[type="search"]::placeholder,
.weour-search-side-form input[type="search"]::placeholder,
.weour-search-form input[type="search"]::placeholder{
  color: rgba(255,255,255,.42);
}

.weour-search-hero-form button,
.weour-search-hero-form input[type="submit"],
.weour-search-side-form button,
.weour-search-side-form input[type="submit"],
.weour-search-form button,
.weour-search-form input[type="submit"]{
  flex: 0 0 auto;
  min-width: 108px;
  height: 54px;
  min-height: 54px;
  padding: 0 22px;
  border: none;
  border-radius: 15px;
  background: #2f80ff;
  color: #ffffff;
  font-size: 14px;
  font-weight: 700;
  cursor: pointer;
  box-shadow: 0 18px 44px rgba(47,128,255,.20);
}

.weour-search-main{
  padding-top: 40px !important;
  padding-bottom: 80px !important;
}

.weour-search-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: start;
}

.weour-search-results{
  min-width: 0;
}

.weour-search-results-head{
  margin-bottom: 22px;
}

.weour-search-results-head h2{
  margin: 0 0 8px;
  color: #111827;
  font-size: 32px;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.weour-search-results-head p{
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.82;
}

.weour-search-list{
  display: grid;
  gap: 18px;
}

.weour-search-card{
  padding: 24px 22px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 10px 28px rgba(15,23,42,.04);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-search-card:hover{
  transform: translateY(-4px);
  border-color: rgba(47,128,255,.10);
  box-shadow:
    0 18px 36px rgba(15,23,42,.08),
    0 0 0 1px rgba(47,128,255,.03);
  background: #ffffff;
}

.weour-search-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.weour-search-card-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(47,128,255,.08);
  border: 1px solid rgba(47,128,255,.10);
  color: #2f80ff;
  font-size: 12px;
  font-weight: 700;
}

.weour-search-card-date{
  color: #98a2b3;
  font-size: 13px;
  font-weight: 600;
}

.weour-search-card h3{
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.38;
  letter-spacing: -.02em;
}

.weour-search-card h3 a{
  color: #111827;
  text-decoration: none;
}

.weour-search-card h3 a:hover{
  color: #2f80ff;
}

.weour-search-card p{
  margin: 0 0 14px;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.weour-search-card-bottom{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.weour-search-readmore{
  display: inline-flex;
  align-items: center;
  color: #2f80ff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.weour-search-readmore:hover{
  color: #1f6fff;
}

.weour-search-pagination{
  margin-top: 28px;
}

.weour-search-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin-right: 8px;
  padding: 0 14px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 22px rgba(15,23,42,.04);
  color: #24324a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.weour-search-pagination .page-numbers.current{
  background: #2f80ff;
  color: #ffffff;
  border-color: #2f80ff;
}

.weour-search-pagination .page-numbers:hover{
  color: #2f80ff;
}

.weour-search-pagination .page-numbers.current:hover{
  color: #ffffff;
}

.weour-search-sidebar{
  display: grid;
  gap: 18px;
  position: sticky;
  top: 96px;
  align-self: start;
}

.weour-search-sidecard{
  padding: 22px 20px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
}

.weour-search-sidecard .weour-eyebrow{
  margin-bottom: 10px;
}

.weour-search-sidecard h3{
  margin: 0 0 10px;
  color: #111827;
  font-size: 20px;
  line-height: 1.35;
}

.weour-search-sidecard p{
  margin: 0 0 16px;
  color: #667085;
  font-size: 14px;
  line-height: 1.8;
}

.weour-search-links{
  display: grid;
  gap: 10px;
}

.weour-search-links a{
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  background: #f7f9fc;
  border: 1px solid rgba(15,23,42,.05);
  color: #24324a;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition:
    transform .28s ease,
    color .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-search-links a:hover{
  transform: translateY(-2px);
  color: #2f80ff;
  border-color: rgba(47,128,255,.10);
  background: #ffffff;
}

.weour-search-tips{
  margin: 0;
  padding-left: 18px;
  color: #667085;
  font-size: 14px;
  line-height: 1.85;
}

.weour-search-tips li{
  margin-bottom: 8px;
}

.weour-search-empty{
  padding: 38px 30px;
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
  text-align: center;
}

.weour-search-empty-code{
  margin: 0 0 8px;
  color: rgba(17,24,39,.12);
  font-size: 64px;
  line-height: .92;
  font-weight: 900;
  letter-spacing: -.06em;
}

.weour-search-empty h2{
  margin: 0 0 12px;
  color: #111827;
  font-size: 34px;
  line-height: 1.16;
  letter-spacing: -.03em;
}

.weour-search-empty p{
  max-width: 720px;
  margin: 0 auto 22px;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.weour-search-empty-actions{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

@media (max-width: 1240px){
  .weour-search-layout{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .weour-search-sidebar{
    position: static;
    top: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 900px){
  .weour-search-sidebar{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .weour-search-hero{
    padding-bottom: 40px;
  }

  .weour-search-hero-form{
    margin-top: 22px;
  }

  .weour-search-hero-form form,
  .weour-search-side-form form,
  .weour-search-form{
    flex-wrap: wrap;
    gap: 10px;
  }

  .weour-search-hero-form input[type="search"],
  .weour-search-side-form input[type="search"],
  .weour-search-form input[type="search"]{
    flex: 1 1 100%;
    width: 100%;
    height: 52px;
    min-height: 52px;
    padding: 0 16px;
    border-radius: 14px;
    font-size: 14px;
  }

  .weour-search-hero-form button,
  .weour-search-hero-form input[type="submit"],
  .weour-search-side-form button,
  .weour-search-side-form input[type="submit"],
  .weour-search-form button,
  .weour-search-form input[type="submit"]{
    min-width: 100%;
    width: 100%;
    height: 52px;
    min-height: 52px;
    border-radius: 14px;
    font-size: 14px;
  }

  .weour-search-main{
    padding-top: 28px !important;
    padding-bottom: 64px !important;
  }

  .weour-search-results-head h2{
    font-size: 28px;
  }

  .weour-search-card{
    padding: 20px 18px;
    border-radius: 20px;
  }

  .weour-search-card h3{
    font-size: 20px;
  }

  .weour-search-card p{
    font-size: 14px;
  }

  .weour-search-sidecard{
    padding: 20px 18px;
    border-radius: 20px;
  }

  .weour-search-sidecard h3{
    font-size: 18px;
  }

  .weour-search-empty{
    padding: 28px 20px;
    border-radius: 20px;
  }

  .weour-search-empty-code{
    font-size: 46px;
  }

  .weour-search-empty h2{
    font-size: 28px;
  }
}

/* =========================
   Search Form Hard Fix
   统一修正 404 / search.php 搜索框过窄
   ========================= */

/* 外层容器拉宽 */
.weour-404-v3-search,
.weour-search-hero-form,
.weour-search-side-form{
  width: 100% !important;
  max-width: 760px !important;
  margin-left: auto !important;
  margin-right: auto !important;
}

/* 表单本体 */
.weour-404-v3-search form,
.weour-search-hero-form form,
.weour-search-side-form form,
.weour-search-form{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  gap: 12px !important;
  flex-wrap: nowrap !important;
  width: 100% !important;
  max-width: 760px !important;
  margin: 0 auto !important;
}

/* 输入框：这里是关键 */
.weour-404-v3-search input[type="search"],
.weour-search-hero-form input[type="search"],
.weour-search-side-form input[type="search"],
.weour-search-form input[type="search"]{
  display: block !important;
  flex: 1 1 0 !important;
  width: calc(100% - 124px) !important;
  min-width: 420px !important;
  max-width: none !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  border: 1px solid rgba(255,255,255,.10) !important;
  background: rgba(255,255,255,.06) !important;
  color: #ffffff !important;
  font-size: 15px !important;
  outline: none !important;
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.03),
    0 10px 28px rgba(0,0,0,.12) !important;
}

.weour-404-v3-search input[type="search"]::placeholder,
.weour-search-hero-form input[type="search"]::placeholder,
.weour-search-side-form input[type="search"]::placeholder,
.weour-search-form input[type="search"]::placeholder{
  color: rgba(255,255,255,.42) !important;
}

/* 按钮固定宽度 */
.weour-404-v3-search button,
.weour-404-v3-search input[type="submit"],
.weour-search-hero-form button,
.weour-search-hero-form input[type="submit"],
.weour-search-side-form button,
.weour-search-side-form input[type="submit"],
.weour-search-form button,
.weour-search-form input[type="submit"]{
  flex: 0 0 112px !important;
  width: 112px !important;
  min-width: 112px !important;
  max-width: 112px !important;
  height: 56px !important;
  min-height: 56px !important;
  padding: 0 20px !important;
  box-sizing: border-box !important;
  border-radius: 16px !important;
  border: none !important;
  background: #2f80ff !important;
  color: #fff !important;
  font-size: 15px !important;
  font-weight: 700 !important;
  cursor: pointer !important;
  box-shadow: 0 18px 44px rgba(47,128,255,.20) !important;
}

/* 侧栏搜索单独适配，不要太夸张 */
.weour-search-side-form{
  max-width: 100% !important;
}

.weour-search-side-form form{
  max-width: 100% !important;
  flex-wrap: wrap !important;
}

.weour-search-side-form input[type="search"]{
  width: 100% !important;
  min-width: 0 !important;
}

.weour-search-side-form button,
.weour-search-side-form input[type="submit"]{
  width: 100% !important;
  min-width: 100% !important;
  max-width: none !important;
  flex: 1 1 100% !important;
}

/* 手机端改为上下排 */
@media (max-width: 768px){
  .weour-404-v3-search,
  .weour-search-hero-form,
  .weour-search-side-form{
    max-width: 100% !important;
  }

  .weour-404-v3-search form,
  .weour-search-hero-form form,
  .weour-search-side-form form,
  .weour-search-form{
    max-width: 100% !important;
    flex-wrap: wrap !important;
    gap: 10px !important;
  }

  .weour-404-v3-search input[type="search"],
  .weour-search-hero-form input[type="search"],
  .weour-search-side-form input[type="search"],
  .weour-search-form input[type="search"]{
    width: 100% !important;
    min-width: 0 !important;
    height: 52px !important;
    min-height: 52px !important;
    padding: 0 16px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }

  .weour-404-v3-search button,
  .weour-404-v3-search input[type="submit"],
  .weour-search-hero-form button,
  .weour-search-hero-form input[type="submit"],
  .weour-search-side-form button,
  .weour-search-side-form input[type="submit"],
  .weour-search-form button,
  .weour-search-form input[type="submit"]{
    width: 100% !important;
    min-width: 100% !important;
    max-width: none !important;
    flex: 1 1 100% !important;
    height: 52px !important;
    min-height: 52px !important;
    border-radius: 14px !important;
    font-size: 14px !important;
  }
}

/* =========================
   Archive / Category / Tag Page
   ========================= */

.weour-archive-page{
  overflow: hidden;
}

.weour-archive-hero{
  padding-bottom: 48px;
}

.weour-archive-hero-copy{
  max-width: 980px;
}

.weour-archive-hero h1{
  max-width: 1080px;
}

.weour-archive-main{
  padding-top: 36px !important;
  padding-bottom: 80px !important;
}

.weour-archive-layout{
  display: grid;
  grid-template-columns: minmax(0, 1fr) 320px;
  gap: 28px;
  align-items: start;
}

.weour-archive-results{
  min-width: 0;
}

.weour-archive-results-head{
  margin-bottom: 22px;
}

.weour-archive-results-head h2{
  margin: 0 0 8px;
  color: #111827;
  font-size: 32px;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.weour-archive-results-head p{
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.82;
}

.weour-archive-list{
  display: grid;
  gap: 18px;
}

.weour-archive-card{
  padding: 24px 22px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 10px 28px rgba(15,23,42,.04);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-archive-card:hover{
  transform: translateY(-4px);
  border-color: rgba(47,128,255,.10);
  box-shadow:
    0 18px 36px rgba(15,23,42,.08),
    0 0 0 1px rgba(47,128,255,.03);
  background: #ffffff;
}

.weour-archive-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.weour-archive-card-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(47,128,255,.08);
  border: 1px solid rgba(47,128,255,.10);
  color: #2f80ff;
  font-size: 12px;
  font-weight: 700;
}

.weour-archive-card-date{
  color: #98a2b3;
  font-size: 13px;
  font-weight: 600;
}

.weour-archive-card h3{
  margin: 0 0 12px;
  font-size: 22px;
  line-height: 1.38;
  letter-spacing: -.02em;
}

.weour-archive-card h3 a{
  color: #111827;
  text-decoration: none;
}

.weour-archive-card h3 a:hover{
  color: #2f80ff;
}

.weour-archive-card p{
  margin: 0 0 14px;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.weour-archive-card-bottom{
  display: flex;
  align-items: center;
  justify-content: flex-start;
}

.weour-archive-readmore{
  display: inline-flex;
  align-items: center;
  color: #2f80ff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.weour-archive-readmore:hover{
  color: #1f6fff;
}

.weour-archive-pagination{
  margin-top: 28px;
}

.weour-archive-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin-right: 8px;
  padding: 0 14px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 22px rgba(15,23,42,.04);
  color: #24324a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.weour-archive-pagination .page-numbers.current{
  background: #2f80ff;
  color: #ffffff;
  border-color: #2f80ff;
}

.weour-archive-pagination .page-numbers:hover{
  color: #2f80ff;
}

.weour-archive-pagination .page-numbers.current:hover{
  color: #ffffff;
}

.weour-archive-sidebar{
  display: grid;
  gap: 18px;
  position: sticky;
  top: 96px;
  align-self: start;
}

.weour-archive-sidecard{
  padding: 22px 20px;
  border-radius: 22px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
}

.weour-archive-sidecard .weour-eyebrow{
  margin-bottom: 10px;
}

.weour-archive-sidecard h3{
  margin: 0 0 10px;
  color: #111827;
  font-size: 20px;
  line-height: 1.35;
}

.weour-archive-sidecard p{
  margin: 0 0 16px;
  color: #667085;
  font-size: 14px;
  line-height: 1.8;
}

.weour-archive-links{
  display: grid;
  gap: 10px;
}

.weour-archive-links a{
  display: inline-flex;
  align-items: center;
  min-height: 42px;
  padding: 0 14px;
  border-radius: 12px;
  background: #f7f9fc;
  border: 1px solid rgba(15,23,42,.05);
  color: #24324a;
  font-size: 14px;
  font-weight: 600;
  text-decoration: none;
  transition:
    transform .28s ease,
    color .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-archive-links a:hover{
  transform: translateY(-2px);
  color: #2f80ff;
  border-color: rgba(47,128,255,.10);
  background: #ffffff;
}

.weour-archive-tips{
  margin: 0;
  padding-left: 18px;
  color: #667085;
  font-size: 14px;
  line-height: 1.85;
}

.weour-archive-tips li{
  margin-bottom: 8px;
}

.weour-archive-empty{
  padding: 38px 30px;
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
  text-align: center;
}

.weour-archive-empty-code{
  margin: 0 0 8px;
  color: rgba(17,24,39,.12);
  font-size: 56px;
  line-height: .92;
  font-weight: 900;
  letter-spacing: -.06em;
}

.weour-archive-empty h2{
  margin: 0 0 12px;
  color: #111827;
  font-size: 34px;
  line-height: 1.16;
  letter-spacing: -.03em;
}

.weour-archive-empty p{
  max-width: 720px;
  margin: 0 auto 22px;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.weour-archive-empty-actions{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* =========================
   Blog Home Page
   ========================= */

.weour-blog-home-page{
  overflow: hidden;
}

.weour-blog-home-hero{
  padding-bottom: 50px;
}

.weour-blog-home-hero-copy{
  max-width: 980px;
}

.weour-blog-home-hero h1{
  max-width: 1080px;
}

.weour-blog-home-search{
  max-width: 760px;
  margin-top: 28px;
}

.weour-blog-home-main{
  padding-top: 36px !important;
  padding-bottom: 84px !important;
}

.weour-blog-featured,
.weour-blog-recommended{
  margin-bottom: 36px;
}

.weour-blog-featured-card{
  padding: 30px 28px;
  border-radius: 26px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
}

.weour-blog-featured-meta,
.weour-blog-card-top{
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 12px;
  flex-wrap: wrap;
  margin-bottom: 12px;
}

.weour-blog-type-tag{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  background: rgba(47,128,255,.08);
  border: 1px solid rgba(47,128,255,.10);
  color: #2f80ff;
  font-size: 12px;
  font-weight: 700;
}

.weour-blog-date{
  color: #98a2b3;
  font-size: 13px;
  font-weight: 600;
}

.weour-blog-featured-card h3{
  margin: 0 0 14px;
  font-size: 34px;
  line-height: 1.18;
  letter-spacing: -.03em;
}

.weour-blog-featured-card h3 a{
  color: #111827;
  text-decoration: none;
}

.weour-blog-featured-card h3 a:hover{
  color: #2f80ff;
}

.weour-blog-featured-card p{
  max-width: 920px;
  margin: 0 0 18px;
  color: #667085;
  font-size: 16px;
  line-height: 1.9;
}

.weour-blog-featured-actions{
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
}

.weour-blog-list-section,
.weour-blog-recommended .weour-blog-list-grid{
  margin-top: 4px;
}

.weour-blog-list-grid{
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
}

.weour-blog-card{
  display: flex;
  flex-direction: column;
  min-height: 220px;
  padding: 24px 22px 22px;
  border-radius: 22px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 10px 28px rgba(15,23,42,.04);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-blog-card:hover{
  transform: translateY(-4px);
  border-color: rgba(47,128,255,.10);
  box-shadow:
    0 18px 36px rgba(15,23,42,.08),
    0 0 0 1px rgba(47,128,255,.03);
  background: #ffffff;
}

.weour-blog-card h3{
  margin: 0 0 12px;
  font-size: 20px;
  line-height: 1.4;
  letter-spacing: -.02em;
}

.weour-blog-card h3 a{
  color: #111827;
  text-decoration: none;
}

.weour-blog-card h3 a:hover{
  color: #2f80ff;
}

.weour-blog-card p{
  margin: 0 0 16px;
  color: #667085;
  font-size: 14px;
  line-height: 1.85;
  flex-grow: 1;
}

.weour-blog-readmore{
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  color: #2f80ff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
}

.weour-blog-readmore:hover{
  color: #1f6fff;
}

.weour-blog-pagination{
  margin-top: 28px;
}

.weour-blog-pagination .page-numbers{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin-right: 8px;
  padding: 0 14px;
  border-radius: 12px;
  background: #ffffff;
  border: 1px solid rgba(15,23,42,.06);
  box-shadow: 0 8px 22px rgba(15,23,42,.04);
  color: #24324a;
  text-decoration: none;
  font-size: 14px;
  font-weight: 600;
}

.weour-blog-pagination .page-numbers.current{
  background: #2f80ff;
  color: #ffffff;
  border-color: #2f80ff;
}

.weour-blog-pagination .page-numbers:hover{
  color: #2f80ff;
}

.weour-blog-pagination .page-numbers.current:hover{
  color: #ffffff;
}

.weour-blog-empty{
  padding: 38px 30px;
  border-radius: 24px;
  background: rgba(255,255,255,.78);
  backdrop-filter: blur(6px);
  -webkit-backdrop-filter: blur(6px);
  border: 1px solid rgba(15,23,42,.05);
  box-shadow: 0 12px 28px rgba(15,23,42,.04);
  text-align: center;
}

.weour-blog-empty-code{
  margin: 0 0 8px;
  color: rgba(17,24,39,.12);
  font-size: 56px;
  line-height: .92;
  font-weight: 900;
  letter-spacing: -.06em;
}

.weour-blog-empty h2{
  margin: 0 0 12px;
  color: #111827;
  font-size: 34px;
  line-height: 1.16;
  letter-spacing: -.03em;
}

.weour-blog-empty p{
  max-width: 720px;
  margin: 0 auto 22px;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.weour-blog-empty-actions{
  display: flex;
  justify-content: center;
  gap: 14px;
  flex-wrap: wrap;
}

/* =========================
   Single Hero - Brand Pill Breadcrumb + Glow Stats
   ========================= */

.weour-single-breadcrumbs{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 8px;
  margin: 0 0 18px;
  color: rgba(255,255,255,.56);
  font-size: 13px;
  line-height: 1.8;
  font-weight: 600;
}

.weour-single-breadcrumbs a{
  color: rgba(255,255,255,.68);
  text-decoration: none;
  transition: color .28s ease;
}

.weour-single-breadcrumbs a:hover{
  color: #7fb3ff;
}

.weour-single-breadcrumbs .weour-breadcrumb-sep{
  color: rgba(255,255,255,.24);
}

.weour-single-breadcrumbs .is-current{
  color: rgba(255,255,255,.88);
  max-width: 100%;
}

.weour-single-hero .weour-inner-hero-copy{
  max-width: 1200px !important;
}

.weour-single-hero-topbar{
  width: 100% !important;
  display: flex !important;
  align-items: center !important;
  justify-content: space-between !important;
  gap: 20px !important;
  flex-wrap: nowrap !important;
  box-sizing: border-box !important;
  margin: 0 0 20px !important;
}

.weour-single-breadcrumbs.is-pill{
  position: relative;
  display: inline-flex !important;
  align-items: center !important;
  flex-wrap: wrap !important;
  gap: 10px !important;
  flex: 0 1 auto !important;
  min-height: 52px !important;
  margin: 0 !important;
  padding: 0 20px !important;
  overflow: hidden;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(124,178,255,.10) !important;
  box-shadow:
    0 14px 34px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(47,128,255,.02) !important;
  color: rgba(255,255,255,.58) !important;
  font-size: 14px !important;
  line-height: 1.7 !important;
  font-weight: 700 !important;
}

.weour-single-breadcrumbs.is-pill::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 0% 50%, rgba(67,183,255,.12), rgba(67,183,255,0) 36%),
    radial-gradient(circle at 100% 50%, rgba(47,128,255,.10), rgba(47,128,255,0) 34%);
  pointer-events: none;
}

.weour-single-breadcrumbs.is-pill a,
.weour-single-breadcrumbs.is-pill .weour-breadcrumb-sep,
.weour-single-breadcrumbs.is-pill .is-current{
  position: relative;
  z-index: 2;
}

.weour-single-breadcrumbs.is-pill a{
  color: rgba(255,255,255,.86) !important;
  text-decoration: none !important;
}

.weour-single-breadcrumbs.is-pill a:hover{
  color: #8fcbff !important;
}

.weour-single-breadcrumbs.is-pill .weour-breadcrumb-sep{
  color: rgba(255,255,255,.22) !important;
  font-weight: 600;
}

.weour-single-breadcrumbs.is-pill .is-current{
  color: #ffffff !important;
}

.weour-single-hero-stats{
  margin-left: auto !important;
  display: flex !important;
  align-items: center !important;
  justify-content: flex-end !important;
  gap: 12px !important;
  flex: 0 0 auto !important;
}

.weour-single-hero-stat{
  position: relative;
  z-index: 2;
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 52px !important;
  padding: 0 18px !important;
  overflow: hidden;
  border-radius: 999px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.05), rgba(255,255,255,.025)) !important;
  border: 1px solid rgba(124,178,255,.10) !important;
  color: rgba(226,236,251,.78) !important;
  font-size: 14px !important;
  line-height: 1 !important;
  font-weight: 700 !important;
  box-shadow:
    0 12px 28px rgba(0,0,0,.14),
    inset 0 1px 0 rgba(255,255,255,.04),
    0 0 0 1px rgba(47,128,255,.02) !important;
}

.weour-single-hero-stat::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(67,183,255,.10), rgba(67,183,255,0) 42%);
  pointer-events: none;
}

.weour-single-hero-stat::after{
  content: "";
  position: absolute;
  inset: -1px;
  border-radius: inherit;
  border: 1px solid rgba(92,166,255,.08);
  box-shadow: 0 0 18px rgba(67,183,255,.05);
  pointer-events: none;
}

.weour-single-hero-stat strong{
  position: relative;
  z-index: 2;
  margin-right: 7px !important;
  color: #ffffff !important;
  font-size: 15px !important;
  font-weight: 800 !important;
  letter-spacing: -.01em;
}

.weour-single-meta{
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 10px;
}

.weour-single-meta span{
  display: inline-flex;
  align-items: center;
}

.weour-single-meta span:not(:last-child)::after{
  content: "·";
  margin-left: 10px;
  color: rgba(255,255,255,.24);
}

.weour-single-meta-current{
  color: rgba(255,255,255,.82);
  max-width: 100%;
}

.weour-single-hero .weour-eyebrow{
  margin-bottom: 12px !important;
}

.weour-single-hero h1{
  margin-top: 0 !important;
  text-wrap: balance;
}

/* =========================
   Related Reading + Post Nav
   Integrated Glow Flow Version
   ========================= */

.weour-single-related{
  position: relative;
  margin-top: 38px;
  margin-bottom: 0 !important;
}

.weour-single-related-shell{
  position: relative;
  overflow: hidden;
  padding: 36px 30px 34px;
  border-radius: 30px;
  background:
    radial-gradient(80% 120% at 0% 0%, rgba(59,179,255,.10), rgba(59,179,255,0) 42%),
    radial-gradient(72% 110% at 100% 100%, rgba(47,128,255,.10), rgba(47,128,255,0) 46%),
    linear-gradient(180deg, #081322 0%, #0b1830 52%, #091423 100%);
  border: 1px solid rgba(120,170,255,.08);
  box-shadow:
    0 24px 56px rgba(5,12,24,.24),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.weour-single-related-shell::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: .22;
  mask-image: radial-gradient(circle at center, #000 34%, transparent 92%);
  -webkit-mask-image: radial-gradient(circle at center, #000 34%, transparent 92%);
}

.weour-single-related-shell::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 42%;
  width: 580px;
  height: 580px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(67,183,255,.12) 0%, rgba(67,183,255,.05) 34%, rgba(67,183,255,0) 72%);
  filter: blur(18px);
  pointer-events: none;
}

.weour-single-related-head{
  position: relative;
  z-index: 2;
  margin-bottom: 26px;
}

.weour-single-related-head::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 210px;
  width: 640px;
  height: 640px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(88,150,255,.08);
  box-shadow:
    0 0 0 28px rgba(66,184,255,.015),
    0 0 0 68px rgba(66,184,255,.01);
  pointer-events: none;
}

.weour-single-related-head::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 262px;
  width: 460px;
  height: 460px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px dashed rgba(102,170,255,.10);
  opacity: .58;
  pointer-events: none;
}

.weour-single-related-head-copy{
  position: relative;
  z-index: 2;
  max-width: 780px;
}

.weour-single-related-head .weour-eyebrow{
  margin-bottom: 12px;
  color: #7fb3ff;
}

.weour-single-related-head h2{
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 36px;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.weour-single-related-head p{
  margin: 0;
  color: rgba(223,234,251,.72);
  font-size: 15px;
  line-height: 1.9;
}

.weour-single-related-grid{
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 22px;
  align-items: stretch;
}

.weour-single-related-card{
  position: relative;
  display: flex;
  flex-direction: column;
  min-height: 252px;
  padding: 22px 20px 20px;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.035));
  border: 1px solid rgba(120,170,255,.10);
  box-shadow:
    0 12px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-single-related-card::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: 24px;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%);
  pointer-events: none;
}

.weour-single-related-card:hover{
  transform: translateY(-6px);
  border-color: rgba(110,176,255,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.045));
  box-shadow:
    0 22px 42px rgba(0,0,0,.22),
    0 0 28px rgba(66,184,255,.07),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.weour-single-related-top{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 14px;
}

.weour-single-related-meta-left,
.weour-single-related-meta-right{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.weour-single-related-tag,
.weour-single-related-category{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.weour-single-related-tag{
  background: rgba(47,128,255,.14);
  border: 1px solid rgba(47,128,255,.18);
  color: #7fc4ff;
}

.weour-single-related-category{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(235,242,255,.74);
}

.weour-single-related-time,
.weour-single-related-date{
  color: rgba(214,226,245,.54);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.weour-single-related-card h3{
  position: relative;
  z-index: 2;
  margin: 0 0 12px;
  color: #ffffff;
  font-size: 20px;
  line-height: 1.42;
  letter-spacing: -.02em;
}

.weour-single-related-card h3 a{
  color: #ffffff;
  text-decoration: none;
}

.weour-single-related-card h3 a:hover{
  color: #8cc7ff;
}

.weour-single-related-card p{
  position: relative;
  z-index: 2;
  margin: 0 0 16px;
  color: rgba(223,234,251,.68);
  font-size: 14px;
  line-height: 1.85;
  flex-grow: 1;
}

.weour-single-related-bottom{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: center;
  justify-content: flex-start;
  margin-top: auto;
}

.weour-single-related-readmore{
  display: inline-flex;
  align-items: center;
  color: #66b7ff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color .28s ease, transform .28s ease;
}

.weour-single-related-readmore:hover{
  color: #9ad1ff;
  transform: translateX(2px);
}

.weour-single-post-nav{
  margin-top: 18px !important;
}

.weour-single-post-nav.weour-single-post-nav-light{
  position: relative;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px !important;
  margin-top: 0 !important;
}

.weour-single-related + .weour-single-post-nav.weour-single-post-nav-light{
  position: relative;
  margin-top: -10px !important;
  padding-top: 28px;
}

.weour-single-related + .weour-single-post-nav.weour-single-post-nav-light::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -22px;
  width: 2px;
  height: 56px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(67,183,255,.42), rgba(67,183,255,.12), rgba(67,183,255,0));
  box-shadow: 0 0 14px rgba(67,183,255,.16);
  pointer-events: none;
}

.weour-single-related + .weour-single-post-nav.weour-single-post-nav-light::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 8px;
  width: min(900px, 72%);
  height: 2px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(90deg, rgba(67,183,255,0), rgba(67,183,255,.14), rgba(67,183,255,0));
  pointer-events: none;
}

.weour-single-post-nav.weour-single-post-nav-light .weour-single-post-nav-item{
  min-height: 58px !important;
  height: 58px !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 18px !important;
  background: linear-gradient(180deg, rgba(214,229,248,.42), rgba(204,221,243,.28)) !important;
  backdrop-filter: blur(12px) !important;
  -webkit-backdrop-filter: blur(12px) !important;
  border: 1px solid rgba(120,170,255,.12) !important;
  box-shadow:
    0 10px 24px rgba(15,23,42,.04),
    inset 0 1px 0 rgba(255,255,255,.42),
    0 0 0 1px rgba(67,183,255,.02) !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-single-post-nav.weour-single-post-nav-light .weour-single-post-nav-item:hover{
  transform: translateY(-2px);
  background: linear-gradient(180deg, rgba(225,237,255,.50), rgba(213,228,248,.34)) !important;
  border-color: rgba(92,146,221,.22) !important;
  box-shadow:
    0 16px 30px rgba(15,23,42,.06),
    inset 0 1px 0 rgba(255,255,255,.52),
    0 0 18px rgba(67,183,255,.05) !important;
}

.weour-single-post-nav.weour-single-post-nav-light .weour-single-post-nav-item a{
  display: flex !important;
  align-items: center !important;
  justify-content: center !important;
  width: 100% !important;
  height: 100% !important;
  padding: 0 18px !important;
  box-sizing: border-box !important;
  color: #344054 !important;
  text-decoration: none !important;
  text-align: center !important;
  line-height: 1.4 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  letter-spacing: -.01em;
}

.weour-single-post-nav.weour-single-post-nav-light .weour-single-post-nav-item a:hover{
  color: #2f80ff !important;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1240px){
  .weour-archive-layout{
    grid-template-columns: 1fr;
    gap: 22px;
  }

  .weour-archive-sidebar{
    position: static;
    top: auto;
    grid-template-columns: 1fr 1fr 1fr;
  }
}

@media (max-width: 1100px){
  .weour-blog-list-grid{
    grid-template-columns: 1fr 1fr;
  }

  .weour-single-hero-topbar{
    gap: 16px !important;
  }

  .weour-single-breadcrumbs.is-pill{
    min-height: 48px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  .weour-single-hero-stat{
    min-height: 48px !important;
    padding: 0 16px !important;
    font-size: 13px !important;
  }

  .weour-single-hero-stat strong{
    font-size: 14px !important;
  }

  .weour-single-related-head::before{
    width: 500px;
    height: 500px;
    top: 190px;
  }

  .weour-single-related-head::after{
    width: 360px;
    height: 360px;
    top: 236px;
  }

  .weour-single-related-grid{
    grid-template-columns: 1fr 1fr;
  }

  .weour-single-related + .weour-single-post-nav.weour-single-post-nav-light::after{
    width: min(700px, 78%);
  }
}

@media (max-width: 900px){
  .weour-archive-sidebar{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 768px){
  .weour-archive-hero{
    padding-bottom: 40px;
  }

  .weour-archive-main{
    padding-top: 28px !important;
    padding-bottom: 64px !important;
  }

  .weour-archive-results-head h2{
    font-size: 28px;
  }

  .weour-archive-card{
    padding: 20px 18px;
    border-radius: 20px;
  }

  .weour-archive-card h3{
    font-size: 20px;
  }

  .weour-archive-card p{
    font-size: 14px;
  }

  .weour-archive-sidecard{
    padding: 20px 18px;
    border-radius: 20px;
  }

  .weour-archive-sidecard h3{
    font-size: 18px;
  }

  .weour-archive-empty{
    padding: 28px 20px;
    border-radius: 20px;
  }

  .weour-archive-empty-code{
    font-size: 42px;
  }

  .weour-archive-empty h2{
    font-size: 28px;
  }

  .weour-blog-home-hero{
    padding-bottom: 40px;
  }

  .weour-blog-home-search{
    margin-top: 22px;
  }

  .weour-blog-home-main{
    padding-top: 28px !important;
    padding-bottom: 64px !important;
  }

  .weour-blog-featured-card{
    padding: 24px 20px;
    border-radius: 22px;
  }

  .weour-blog-featured-card h3{
    font-size: 28px;
  }

  .weour-blog-featured-card p{
    font-size: 15px;
  }

  .weour-blog-list-grid{
    grid-template-columns: 1fr;
  }

  .weour-blog-card{
    min-height: auto;
    padding: 20px 18px;
    border-radius: 20px;
  }

  .weour-blog-card h3{
    font-size: 18px;
  }

  .weour-blog-card p{
    font-size: 14px;
  }

  .weour-blog-empty{
    padding: 28px 20px;
    border-radius: 20px;
  }

  .weour-blog-empty-code{
    font-size: 42px;
  }

  .weour-blog-empty h2{
    font-size: 28px;
  }

  .weour-single-breadcrumbs{
    gap: 6px;
    margin: 0 0 14px;
    font-size: 12px;
    line-height: 1.75;
  }

  .weour-single-hero-topbar{
    flex-direction: column !important;
    align-items: flex-start !important;
    justify-content: flex-start !important;
    gap: 12px !important;
    flex-wrap: wrap !important;
    margin: 0 0 16px !important;
  }

  .weour-single-breadcrumbs.is-pill{
    min-height: 42px !important;
    padding: 0 14px !important;
    gap: 8px !important;
    font-size: 12px !important;
    line-height: 1.6 !important;
  }

  .weour-single-hero-stats{
    margin-left: 0 !important;
    justify-content: flex-start !important;
    gap: 8px !important;
    flex-wrap: wrap !important;
  }

  .weour-single-hero-stat{
    min-height: 40px !important;
    padding: 0 14px !important;
    font-size: 12px !important;
  }

  .weour-single-hero-stat strong{
    font-size: 13px !important;
    margin-right: 6px !important;
  }

  .weour-single-meta{
    gap: 8px;
  }

  .weour-single-meta span:not(:last-child)::after{
    margin-left: 8px;
  }

  .weour-single-meta-current{
    width: 100%;
  }

  .weour-single-meta-current::after{
    display: none !important;
  }

  .weour-single-related{
    margin-top: 28px;
  }

  .weour-single-related-shell{
    padding: 24px 18px 22px;
    border-radius: 22px;
  }

  .weour-single-related-shell::after{
    top: 34%;
    width: 360px;
    height: 360px;
    filter: blur(14px);
  }

  .weour-single-related-head{
    margin-bottom: 18px;
  }

  .weour-single-related-head::before{
    width: 260px;
    height: 260px;
    top: 222px;
    box-shadow:
      0 0 0 16px rgba(66,184,255,.015),
      0 0 0 38px rgba(66,184,255,.01);
  }

  .weour-single-related-head::after{
    width: 180px;
    height: 180px;
    top: 262px;
  }

  .weour-single-related-head h2{
    font-size: 28px;
    line-height: 1.14;
  }

  .weour-single-related-head p{
    font-size: 14px;
    line-height: 1.82;
  }

  .weour-single-related-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .weour-single-related-card{
    min-height: auto;
    padding: 18px 16px 16px;
    border-radius: 18px;
  }

  .weour-single-related-card::before{
    border-radius: 18px;
  }

  .weour-single-related-top{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .weour-single-related-card h3{
    font-size: 18px;
  }

  .weour-single-related-card p{
    font-size: 14px;
  }

  .weour-single-related + .weour-single-post-nav.weour-single-post-nav-light{
    margin-top: -4px !important;
    padding-top: 20px;
  }

  .weour-single-related + .weour-single-post-nav.weour-single-post-nav-light::before{
    height: 38px;
    top: -12px;
  }

  .weour-single-related + .weour-single-post-nav.weour-single-post-nav-light::after{
    top: 8px;
    width: 72%;
  }

  .weour-single-post-nav.weour-single-post-nav-light{
    grid-template-columns: 1fr;
    gap: 12px !important;
    margin-top: 8px !important;
  }

  .weour-single-post-nav.weour-single-post-nav-light .weour-single-post-nav-item{
    min-height: 54px !important;
    height: 54px !important;
    border-radius: 16px !important;
  }

  .weour-single-post-nav.weour-single-post-nav-light .weour-single-post-nav-item a{
    padding: 0 14px !important;
    font-size: 13px !important;
  }
}


/* =========================
   End of WeOur Theme Styles
   Stable version after child-theme decoupling
   ========================= */

/* =========================
   Blog Home - QClaw Orbit Featured Block
   Final Clean Version
   ========================= */

.weour-blog-qclaw-featured{
  position: relative;
  margin-bottom: 26px;
}

.weour-blog-qclaw-shell{
  position: relative;
  overflow: hidden;
  padding: 36px 34px 34px;
  border-radius: 30px;
  background:
    radial-gradient(80% 120% at 0% 0%, rgba(59,179,255,.10), rgba(59,179,255,0) 42%),
    radial-gradient(72% 110% at 100% 100%, rgba(47,128,255,.10), rgba(47,128,255,0) 46%),
    linear-gradient(180deg, #081322 0%, #0b1830 52%, #091423 100%);
  border: 1px solid rgba(120,170,255,.08);
  box-shadow:
    0 24px 56px rgba(5,12,24,.24),
    inset 0 1px 0 rgba(255,255,255,.03);
}

.weour-blog-qclaw-shell::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    linear-gradient(rgba(255,255,255,.018) 1px, transparent 1px),
    linear-gradient(90deg, rgba(255,255,255,.018) 1px, transparent 1px);
  background-size: 32px 32px;
  opacity: .20;
  mask-image: radial-gradient(circle at center, #000 34%, transparent 92%);
  -webkit-mask-image: radial-gradient(circle at center, #000 34%, transparent 92%);
}

.weour-blog-qclaw-shell::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 38%;
  width: 560px;
  height: 560px;
  transform: translate(-50%, -50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(67,183,255,.12) 0%, rgba(67,183,255,.05) 34%, rgba(67,183,255,0) 72%);
  filter: blur(18px);
  pointer-events: none;
}

.weour-blog-qclaw-head{
  position: relative;
  z-index: 2;
  margin-bottom: 24px;
}

.weour-blog-qclaw-head::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 200px;
  width: 640px;
  height: 640px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px solid rgba(88,150,255,.08);
  box-shadow:
    0 0 0 28px rgba(66,184,255,.015),
    0 0 0 68px rgba(66,184,255,.01);
  pointer-events: none;
}

.weour-blog-qclaw-head::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 252px;
  width: 460px;
  height: 460px;
  transform: translateX(-50%);
  border-radius: 50%;
  border: 1px dashed rgba(102,170,255,.10);
  opacity: .58;
  pointer-events: none;
}

.weour-blog-qclaw-head-copy{
  position: relative;
  z-index: 2;
  max-width: 760px;
}

.weour-blog-qclaw-head .weour-eyebrow{
  margin-bottom: 12px;
  color: #7fb3ff;
}

.weour-blog-qclaw-head h2{
  margin: 0 0 10px;
  color: #ffffff;
  font-size: 36px;
  line-height: 1.12;
  letter-spacing: -.035em;
}

.weour-blog-qclaw-head p{
  margin: 0;
  color: rgba(223,234,251,.72);
  font-size: 15px;
  line-height: 1.9;
}

.weour-blog-qclaw-grid{
  position: relative;
  z-index: 3;
  display: grid;
  grid-template-columns: minmax(0, 1.35fr) minmax(0, .95fr);
  gap: 24px;
  align-items: stretch;
}

.weour-blog-qclaw-maincard,
.weour-blog-qclaw-sidecard{
  position: relative;
  display: flex;
  flex-direction: column;
  overflow: hidden;
  border-radius: 24px;
  background: linear-gradient(180deg, rgba(255,255,255,.055), rgba(255,255,255,.035));
  border: 1px solid rgba(120,170,255,.10);
  box-shadow:
    0 12px 30px rgba(0,0,0,.16),
    inset 0 1px 0 rgba(255,255,255,.035);
  backdrop-filter: blur(10px);
  -webkit-backdrop-filter: blur(10px);
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease;
}

.weour-blog-qclaw-maincard::before,
.weour-blog-qclaw-sidecard::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(255,255,255,.06), rgba(255,255,255,0) 42%);
  pointer-events: none;
}

.weour-blog-qclaw-maincard:hover,
.weour-blog-qclaw-sidecard:hover{
  transform: translateY(-4px);
  border-color: rgba(110,176,255,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.07), rgba(255,255,255,.045));
  box-shadow:
    0 20px 40px rgba(0,0,0,.22),
    0 0 28px rgba(66,184,255,.07),
    inset 0 1px 0 rgba(255,255,255,.05);
}

.weour-blog-qclaw-maincard{
  min-height: 492px;
  padding: 24px 26px 24px;
}

.weour-blog-qclaw-side{
  display: grid;
  grid-template-rows: 1fr 1fr;
  gap: 24px;
  min-height: 492px;
}

.weour-blog-qclaw-sidecard{
  min-height: 0;
  padding: 20px 22px 18px;
}

.weour-blog-qclaw-card-top{
  position: relative;
  z-index: 2;
  display: flex;
  align-items: flex-start;
  justify-content: space-between;
  gap: 12px;
  margin-bottom: 16px;
}

.weour-blog-qclaw-meta-left,
.weour-blog-qclaw-meta-right{
  display: flex;
  align-items: center;
  gap: 8px;
  flex-wrap: wrap;
}

.weour-blog-qclaw-tag,
.weour-blog-qclaw-category{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 28px;
  padding: 0 12px;
  border-radius: 999px;
  font-size: 12px;
  font-weight: 700;
}

.weour-blog-qclaw-tag{
  background: rgba(47,128,255,.14);
  border: 1px solid rgba(47,128,255,.18);
  color: #7fc4ff;
}

.weour-blog-qclaw-category{
  background: rgba(255,255,255,.04);
  border: 1px solid rgba(255,255,255,.08);
  color: rgba(235,242,255,.74);
}

.weour-blog-qclaw-time,
.weour-blog-qclaw-date{
  color: rgba(214,226,245,.54);
  font-size: 12px;
  font-weight: 600;
  white-space: nowrap;
}

.weour-blog-qclaw-maincard h3,
.weour-blog-qclaw-sidecard h3{
  position: relative;
  z-index: 2;
  margin: 0 0 14px;
  letter-spacing: -.02em;
}

.weour-blog-qclaw-maincard h3{
  font-size: 28px;
  line-height: 1.24;
}

.weour-blog-qclaw-sidecard h3{
  font-size: 18px;
  line-height: 1.4;
}

.weour-blog-qclaw-maincard h3 a,
.weour-blog-qclaw-sidecard h3 a{
  color: #ffffff;
  text-decoration: none;
}

.weour-blog-qclaw-maincard h3 a:hover,
.weour-blog-qclaw-sidecard h3 a:hover{
  color: #8cc7ff;
}

.weour-blog-qclaw-maincard p,
.weour-blog-qclaw-sidecard p{
  position: relative;
  z-index: 2;
  margin: 0;
  color: rgba(223,234,251,.68);
}

.weour-blog-qclaw-maincard p{
  max-width: 92%;
  font-size: 16px;
  line-height: 1.95;
  flex-grow: 1;
}

.weour-blog-qclaw-sidecard p{
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  overflow: hidden;
  min-height: calc(1.9em * 3);
  font-size: 15px;
  line-height: 1.9;
  flex-grow: 1;
}

.weour-blog-qclaw-actions{
  position: relative;
  z-index: 2;
  display: flex;
  gap: 14px;
  flex-wrap: wrap;
  margin-top: auto;
  padding-top: 26px;
}

.weour-blog-qclaw-readmore{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  margin-top: auto;
  padding-top: 16px;
  color: #66b7ff;
  font-size: 14px;
  font-weight: 700;
  text-decoration: none;
  transition: color .28s ease, transform .28s ease;
}

.weour-blog-qclaw-readmore:hover{
  color: #9ad1ff;
  transform: translateX(2px);
}

/* =========================
   Blog Latest Section - Stream Head
   Final Clean Version
   ========================= */

.weour-blog-list-section{
  position: relative;
  margin-top: 0 !important;
  padding-top: 30px;
}

.weour-blog-list-section::before{
  content: "";
  position: absolute;
  left: 50%;
  top: 0;
  width: min(980px, 82%);
  height: 1px;
  transform: translateX(-50%);
  background: linear-gradient(
    90deg,
    rgba(47,128,255,0),
    rgba(47,128,255,.14),
    rgba(47,128,255,0)
  );
}

.weour-blog-stream-head{
  position: relative;
  display: flex;
  align-items: flex-end;
  justify-content: space-between;
  gap: 24px;
  flex-wrap: wrap;
  margin-bottom: 26px;
  padding: 22px 24px 0;
}

.weour-blog-stream-head-copy{
  max-width: 760px;
}

.weour-blog-stream-head .weour-eyebrow{
  margin-bottom: 12px;
  color: #78aefe;
}

.weour-blog-stream-head h2{
  margin: 0 0 10px;
  color: #111827;
  font-size: 44px;
  line-height: 1.08;
  letter-spacing: -.04em;
}

.weour-blog-stream-head p{
  margin: 0;
  color: #667085;
  font-size: 15px;
  line-height: 1.9;
}

.weour-blog-stream-head-stats{
  display: flex;
  align-items: center;
  gap: 12px;
  flex-wrap: wrap;
}

.weour-blog-stream-stat{
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 8px;
  min-height: 44px;
  padding: 0 16px;
  border-radius: 999px;
  background: rgba(255,255,255,.78);
  border: 1px solid rgba(47,128,255,.08);
  box-shadow:
    0 8px 22px rgba(15,23,42,.04),
    0 0 0 1px rgba(47,128,255,.02);
  backdrop-filter: blur(8px);
  -webkit-backdrop-filter: blur(8px);
}

.weour-blog-stream-stat strong{
  color: #111827;
  font-size: 15px;
  font-weight: 800;
  letter-spacing: -.02em;
}

.weour-blog-stream-stat span{
  color: #667085;
  font-size: 13px;
  font-weight: 600;
}

/* =========================
   Blog Latest Cards
   Final Clean Version
   ========================= */

.weour-blog-list-grid.weour-blog-list-grid-upgraded{
  display: grid !important;
  grid-template-columns: repeat(3, 1fr) !important;
  gap: 24px !important;
  align-items: start !important;
}

.weour-blog-card.weour-blog-card-upgraded{
  position: relative;
  display: block !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 0 !important;
  overflow: hidden !important;
  border-radius: 24px !important;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.72)) !important;
  border: 1px solid rgba(15,23,42,.05) !important;
  box-shadow:
    0 12px 30px rgba(15,23,42,.05),
    0 0 0 1px rgba(47,128,255,.02) !important;
  backdrop-filter: blur(8px) !important;
  -webkit-backdrop-filter: blur(8px) !important;
  transition:
    transform .28s ease,
    box-shadow .28s ease,
    border-color .28s ease,
    background .28s ease !important;
}

.weour-blog-card.weour-blog-card-upgraded::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background: radial-gradient(circle at 50% 0%, rgba(47,128,255,.05), rgba(47,128,255,0) 40%);
  pointer-events: none;
}

.weour-blog-card.weour-blog-card-upgraded:hover{
  transform: translateY(-5px) !important;
  border-color: rgba(47,128,255,.10) !important;
  background: #ffffff !important;
  box-shadow:
    0 20px 40px rgba(15,23,42,.08),
    0 0 24px rgba(47,128,255,.05),
    0 0 0 1px rgba(47,128,255,.03) !important;
}

.weour-blog-card-upgraded .weour-blog-card-layer{
  position: relative;
  z-index: 2;
  display: flex !important;
  flex-direction: column !important;
  min-height: 0 !important;
  height: auto !important;
  padding: 24px 22px 20px !important;
  box-sizing: border-box !important;
}

.weour-blog-card-upgraded .weour-blog-card-top{
  display: flex !important;
  align-items: flex-start !important;
  justify-content: space-between !important;
  gap: 12px !important;
  flex-wrap: wrap !important;
  margin-bottom: 12px !important;
}

.weour-blog-card-meta-left,
.weour-blog-card-meta-right{
  display: flex !important;
  align-items: center !important;
  gap: 8px !important;
  flex-wrap: wrap !important;
}

.weour-blog-category-tag{
  display: inline-flex !important;
  align-items: center !important;
  justify-content: center !important;
  min-height: 28px !important;
  padding: 0 12px !important;
  border-radius: 999px !important;
  background: rgba(15,23,42,.04) !important;
  border: 1px solid rgba(15,23,42,.06) !important;
  color: #344054 !important;
  font-size: 12px !important;
  font-weight: 700 !important;
}

.weour-blog-readtime{
  color: #98a2b3 !important;
  font-size: 13px !important;
  font-weight: 600 !important;
  white-space: nowrap !important;
}

.weour-blog-card-upgraded h3{
  margin: 0 0 12px !important;
  font-size: 20px !important;
  line-height: 1.42 !important;
  letter-spacing: -.02em !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 2 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.weour-blog-card-upgraded h3 a{
  color: #111827 !important;
  text-decoration: none !important;
}

.weour-blog-card-upgraded h3 a:hover{
  color: #2f80ff !important;
}

.weour-blog-card-upgraded p{
  margin: 0 0 14px !important;
  min-height: 0 !important;
  color: #667085 !important;
  font-size: 15px !important;
  line-height: 1.9 !important;
  display: -webkit-box !important;
  -webkit-line-clamp: 5 !important;
  -webkit-box-orient: vertical !important;
  overflow: hidden !important;
}

.weour-blog-card-upgraded .weour-blog-card-bottom{
  display: flex !important;
  align-items: center !important;
  justify-content: flex-start !important;
  margin-top: 0 !important;
  padding-top: 0 !important;
}

.weour-blog-card-upgraded .weour-blog-readmore{
  display: inline-flex !important;
  align-items: center !important;
  color: #2f80ff !important;
  font-size: 14px !important;
  font-weight: 700 !important;
  text-decoration: none !important;
  transition: color .28s ease, transform .28s ease !important;
}

.weour-blog-card-upgraded .weour-blog-readmore:hover{
  color: #1f6fff !important;
  transform: translateX(2px) !important;
}

/* =========================
   Blog Pagination - QClaw Orbit Upgrade
   Final Clean Version
   ========================= */

.weour-blog-pagination{
  position: relative;
  display: flex;
  justify-content: center;
  margin-top: 38px;
}

.weour-blog-pagination::before{
  content: "";
  position: absolute;
  left: 50%;
  top: -14px;
  width: min(720px, 76%);
  height: 2px;
  transform: translateX(-50%);
  border-radius: 999px;
  background: linear-gradient(
    90deg,
    rgba(67,183,255,0),
    rgba(67,183,255,.16),
    rgba(67,183,255,0)
  );
  box-shadow: 0 0 16px rgba(67,183,255,.10);
  pointer-events: none;
}

.weour-blog-pagination::after{
  content: "";
  position: absolute;
  left: 50%;
  top: -30px;
  width: 120px;
  height: 120px;
  transform: translateX(-50%);
  border-radius: 50%;
  background: radial-gradient(circle, rgba(67,183,255,.10) 0%, rgba(67,183,255,.03) 38%, rgba(67,183,255,0) 72%);
  filter: blur(14px);
  pointer-events: none;
}

.weour-blog-pagination .nav-links{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 10px;
  flex-wrap: wrap;
  padding: 12px 14px;
  border-radius: 999px;
  background: linear-gradient(180deg, rgba(255,255,255,.84), rgba(255,255,255,.70));
  border: 1px solid rgba(120,170,255,.10);
  box-shadow:
    0 16px 36px rgba(15,23,42,.06),
    0 0 0 1px rgba(47,128,255,.02),
    inset 0 1px 0 rgba(255,255,255,.60);
  backdrop-filter: blur(12px);
  -webkit-backdrop-filter: blur(12px);
  overflow: hidden;
}

.weour-blog-pagination .nav-links::before{
  content: "";
  position: absolute;
  inset: 0;
  border-radius: inherit;
  background:
    radial-gradient(circle at 0% 50%, rgba(67,183,255,.08), rgba(67,183,255,0) 26%),
    radial-gradient(circle at 100% 50%, rgba(47,128,255,.06), rgba(47,128,255,0) 24%);
  pointer-events: none;
}

.weour-blog-pagination .page-numbers{
  position: relative;
  z-index: 2;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-width: 42px;
  height: 42px;
  margin-right: 0;
  padding: 0 14px;
  border-radius: 999px;
  background: transparent;
  border: 1px solid transparent;
  box-shadow: none;
  color: #344054;
  text-decoration: none;
  font-size: 14px;
  font-weight: 700;
  line-height: 1;
  letter-spacing: -.01em;
  transition:
    transform .28s ease,
    color .28s ease,
    background .28s ease,
    border-color .28s ease,
    box-shadow .28s ease;
}

.weour-blog-pagination .page-numbers:hover{
  transform: translateY(-1px);
  color: #1f6fff;
  background: rgba(47,128,255,.06);
  border-color: rgba(47,128,255,.08);
  box-shadow:
    0 8px 18px rgba(47,128,255,.05),
    inset 0 1px 0 rgba(255,255,255,.35);
}

.weour-blog-pagination .page-numbers.current{
  background: linear-gradient(135deg, #2f80ff 0%, #4ba3ff 100%);
  color: #ffffff;
  border-color: #2f80ff;
  box-shadow:
    0 12px 24px rgba(47,128,255,.24),
    0 0 18px rgba(67,183,255,.12),
    inset 0 1px 0 rgba(255,255,255,.20);
}

.weour-blog-pagination .page-numbers.current::before{
  content: "";
  position: absolute;
  inset: -6px;
  border-radius: 999px;
  border: 1px solid rgba(67,183,255,.14);
  opacity: .9;
  pointer-events: none;
}

.weour-blog-pagination .page-numbers.current:hover{
  color: #ffffff;
}

.weour-blog-pagination .page-numbers.prev,
.weour-blog-pagination .page-numbers.next{
  min-width: auto;
  padding: 0 18px;
  background: linear-gradient(180deg, rgba(255,255,255,.62), rgba(255,255,255,.46));
  border-color: rgba(120,170,255,.08);
  color: #24324a;
  box-shadow: inset 0 1px 0 rgba(255,255,255,.34);
}

.weour-blog-pagination .page-numbers.prev:hover,
.weour-blog-pagination .page-numbers.next:hover{
  background: linear-gradient(180deg, rgba(255,255,255,.92), rgba(255,255,255,.78));
  border-color: rgba(47,128,255,.10);
  color: #1f6fff;
  box-shadow:
    0 10px 20px rgba(47,128,255,.05),
    inset 0 1px 0 rgba(255,255,255,.40);
}

.weour-blog-pagination .page-numbers.dots{
  min-width: 24px;
  padding: 0 6px;
  background: transparent !important;
  border-color: transparent !important;
  box-shadow: none !important;
  color: #98a2b3;
  pointer-events: none;
}

/* =========================
   Responsive
   ========================= */

@media (max-width: 1100px){
  .weour-blog-qclaw-head::before{
    width: 500px;
    height: 500px;
    top: 180px;
  }

  .weour-blog-qclaw-head::after{
    width: 360px;
    height: 360px;
    top: 228px;
  }

  .weour-blog-qclaw-grid{
    grid-template-columns: 1fr;
  }

  .weour-blog-qclaw-maincard{
    min-height: auto;
  }

  .weour-blog-qclaw-side{
    grid-template-columns: 1fr 1fr;
    grid-template-rows: none;
    gap: 24px;
    min-height: auto;
  }

  .weour-blog-list-grid.weour-blog-list-grid-upgraded{
    grid-template-columns: 1fr 1fr !important;
  }

  .weour-blog-card-upgraded p{
    -webkit-line-clamp: 4 !important;
  }
}

@media (max-width: 768px){
  .weour-blog-qclaw-featured{
    margin-bottom: 18px;
  }

  .weour-blog-qclaw-shell{
    padding: 24px 18px 22px;
    border-radius: 22px;
  }

  .weour-blog-qclaw-shell::after{
    top: 34%;
    width: 360px;
    height: 360px;
    filter: blur(14px);
  }

  .weour-blog-qclaw-head{
    margin-bottom: 18px;
  }

  .weour-blog-qclaw-head::before{
    width: 260px;
    height: 260px;
    top: 208px;
    box-shadow:
      0 0 0 16px rgba(66,184,255,.015),
      0 0 0 38px rgba(66,184,255,.01);
  }

  .weour-blog-qclaw-head::after{
    width: 180px;
    height: 180px;
    top: 248px;
  }

  .weour-blog-qclaw-head h2{
    font-size: 28px;
    line-height: 1.14;
  }

  .weour-blog-qclaw-head p{
    font-size: 14px;
    line-height: 1.82;
  }

  .weour-blog-qclaw-grid{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .weour-blog-qclaw-maincard,
  .weour-blog-qclaw-sidecard{
    min-height: auto;
    padding: 18px 16px 16px;
    border-radius: 18px;
  }

  .weour-blog-qclaw-maincard h3{
    font-size: 22px;
    line-height: 1.28;
  }

  .weour-blog-qclaw-maincard p{
    max-width: 100%;
    font-size: 14px;
  }

  .weour-blog-qclaw-side{
    grid-template-columns: 1fr;
    gap: 16px;
  }

  .weour-blog-qclaw-sidecard h3{
    font-size: 18px;
  }

  .weour-blog-qclaw-sidecard p{
    -webkit-line-clamp: 3;
    min-height: calc(1.9em * 3);
    font-size: 14px;
  }

  .weour-blog-qclaw-card-top{
    flex-direction: column;
    align-items: flex-start;
    gap: 10px;
  }

  .weour-blog-list-section{
    padding-top: 24px;
  }

  .weour-blog-stream-head{
    align-items: flex-start;
    gap: 16px;
    margin-bottom: 20px;
    padding: 14px 0 0;
  }

  .weour-blog-stream-head h2{
    font-size: 30px;
    line-height: 1.12;
  }

  .weour-blog-stream-head p{
    font-size: 14px;
    line-height: 1.82;
  }

  .weour-blog-stream-head-stats{
    gap: 8px;
  }

  .weour-blog-stream-stat{
    min-height: 40px;
    padding: 0 14px;
  }

  .weour-blog-stream-stat strong{
    font-size: 14px;
  }

  .weour-blog-stream-stat span{
    font-size: 12px;
  }

  .weour-blog-list-grid.weour-blog-list-grid-upgraded{
    grid-template-columns: 1fr !important;
    gap: 16px !important;
  }

  .weour-blog-card.weour-blog-card-upgraded{
    border-radius: 20px !important;
  }

  .weour-blog-card-upgraded .weour-blog-card-layer{
    padding: 20px 18px 18px !important;
  }

  .weour-blog-card-upgraded .weour-blog-card-top{
    gap: 10px !important;
    margin-bottom: 10px !important;
  }

  .weour-blog-card-upgraded h3{
    font-size: 18px !important;
  }

  .weour-blog-card-upgraded p{
    font-size: 14px !important;
    line-height: 1.88 !important;
    -webkit-line-clamp: 4 !important;
  }

  .weour-blog-pagination{
    margin-top: 30px;
  }

  .weour-blog-pagination::before{
    width: 76%;
    top: -12px;
  }

  .weour-blog-pagination::after{
    top: -24px;
    width: 96px;
    height: 96px;
    filter: blur(12px);
  }

  .weour-blog-pagination .nav-links{
    gap: 8px;
    padding: 10px 12px;
    border-radius: 24px;
  }

  .weour-blog-pagination .page-numbers{
    min-width: 38px;
    height: 38px;
    padding: 0 12px;
    font-size: 13px;
  }

  .weour-blog-pagination .page-numbers.prev,
  .weour-blog-pagination .page-numbers.next{
    padding: 0 14px;
  }
}

/* =========================
   Homepage FAQ - Collapsible v3
   ========================= */

.section-faq-v3{
  position: relative;
  padding-top: 10px;
}

.section-faq-v3::before{
  content: "";
  position: absolute;
  inset: 0;
  pointer-events: none;
  background:
    radial-gradient(36% 28% at 12% 10%, rgba(59,130,246,.08), rgba(59,130,246,0) 64%),
    radial-gradient(30% 24% at 88% 16%, rgba(14,165,233,.06), rgba(14,165,233,0) 62%);
  opacity: .92;
}

.section-faq-v3 .weour-container{
  position: relative;
  z-index: 1;
}

.section-faq-v3 .weour-section-head{
  margin-bottom: 24px;
}

.section-faq-v3 .weour-section-head .weour-eyebrow{
  margin-bottom: 10px;
}

.section-faq-v3 .weour-section-head h2{
  margin-bottom: 10px;
  letter-spacing: -.03em;
}

.section-faq-v3 .weour-section-head p{
  max-width: 780px;
  color: #667085;
}

.weour-faq-list-v3{
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: 16px;
  align-items: start;
}

.weour-faq-item-v3{
  position: relative;
  overflow: hidden;
  border-radius: 22px;
  background: linear-gradient(180deg, rgba(255,255,255,.95) 0%, rgba(247,250,255,.92) 100%);
  border: 1px solid rgba(148,163,184,.14);
  box-shadow:
    0 10px 26px rgba(15,23,42,.05),
    inset 0 1px 0 rgba(255,255,255,.72);
  transition:
    transform .24s ease,
    box-shadow .24s ease,
    border-color .24s ease,
    background .24s ease;
  -webkit-transform: translateZ(0);
  transform: translateZ(0);
}

.weour-faq-item-v3::before{
  content: "";
  position: absolute;
  inset: 0;
  background: radial-gradient(circle at 100% 0%, rgba(56,189,248,.10), rgba(56,189,248,0) 34%);
  pointer-events: none;
}

.weour-faq-item-v3::after{
  content: "";
  position: absolute;
  left: 20px;
  top: 0;
  width: 56px;
  height: 3px;
  border-radius: 999px;
  background: linear-gradient(90deg, #3b82f6, rgba(14,165,233,.72));
  opacity: .95;
  pointer-events: none;
}

.weour-faq-item-v3[open]{
  border-color: rgba(96,165,250,.22);
  background: linear-gradient(180deg, rgba(255,255,255,.98) 0%, rgba(248,251,255,.96) 100%);
  box-shadow:
    0 16px 34px rgba(15,23,42,.07),
    0 6px 18px rgba(59,130,246,.05),
    inset 0 1px 0 rgba(255,255,255,.82);
}

.weour-faq-item-v3:hover{
  -webkit-transform: translate3d(0, -2px, 0);
  transform: translate3d(0, -2px, 0);
  border-color: rgba(96,165,250,.20);
  box-shadow:
    0 14px 28px rgba(15,23,42,.06),
    0 4px 14px rgba(59,130,246,.04),
    inset 0 1px 0 rgba(255,255,255,.80);
}

.weour-faq-item-v3 summary{
  list-style: none;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 14px;
  padding: 22px 20px;
  cursor: pointer;
  position: relative;
  z-index: 2;
}

.weour-faq-item-v3 summary::-webkit-details-marker{
  display: none;
}

.weour-faq-q{
  display: block;
  margin: 0;
  padding-right: 8px;
  font-size: 18px;
  line-height: 1.45;
  font-weight: 750;
  letter-spacing: -.015em;
  color: #0f172a;
}

.weour-faq-icon{
  position: relative;
  flex: 0 0 34px;
  width: 34px;
  height: 34px;
  border-radius: 999px;
  background: rgba(59,130,246,.08);
  border: 1px solid rgba(59,130,246,.10);
}

.weour-faq-icon::before,
.weour-faq-icon::after{
  content: "";
  position: absolute;
  left: 50%;
  top: 50%;
  width: 14px;
  height: 2px;
  border-radius: 999px;
  background: #2f80ff;
  transform: translate(-50%, -50%);
  transition: transform .22s ease, opacity .22s ease;
}

.weour-faq-icon::after{
  transform: translate(-50%, -50%) rotate(90deg);
}

.weour-faq-item-v3[open] .weour-faq-icon::after{
  opacity: 0;
  transform: translate(-50%, -50%) rotate(90deg) scaleX(.3);
}

.weour-faq-answer{
  position: relative;
  z-index: 2;
  padding: 0 20px 20px;
}

.weour-faq-answer p{
  margin: 0;
  color: #475467;
  font-size: 15px;
  line-height: 1.85;
}

@media (max-width: 1100px){
  .weour-faq-list-v3{
    gap: 14px;
  }

  .weour-faq-item-v3{
    border-radius: 20px;
  }

  .weour-faq-item-v3 summary{
    padding: 20px 18px;
  }

  .weour-faq-answer{
    padding: 0 18px 18px;
  }
}

@media (max-width: 980px){
  .weour-faq-list-v3{
    grid-template-columns: 1fr;
  }
}

@media (max-width: 640px){
  .section-faq-v3{
    padding-top: 6px;
  }

  .section-faq-v3 .weour-section-head{
    margin-bottom: 20px;
  }

  .weour-faq-item-v3{
    border-radius: 18px;
  }

  .weour-faq-item-v3::after{
    left: 18px;
    width: 50px;
  }

  .weour-faq-item-v3 summary{
    padding: 18px 16px;
    gap: 12px;
  }

  .weour-faq-q{
    font-size: 17px;
    line-height: 1.48;
  }

  .weour-faq-icon{
    flex-basis: 30px;
    width: 30px;
    height: 30px;
  }

  .weour-faq-answer{
    padding: 0 16px 16px;
  }

  .weour-faq-answer p{
    font-size: 14px;
    line-height: 1.8;
  }
}