/* =================================
   XENYRA – HOMEPAGE SECTIONS
   Homepage structure for Xenyra.com
   ================================= */

/* Main homepage wrapper */
.xen-home{
  background:#f7f9ff;
  color:#111827;
  overflow:hidden;
}

/* ================================
   ANCHOR OFFSET FOR STICKY HEADER
   ================================ */

.xen-home section[id]{
  scroll-margin-top:96px;
}

/* ================================
   HERO
   ================================ */

.xen-hero{
  position:relative;
  padding:52px 0 80px;
  background:
    radial-gradient(circle at 15% 10%, rgba(29,124,255,.14), transparent 30%),
    radial-gradient(circle at 85% 12%, rgba(176,38,255,.11), transparent 32%),
    linear-gradient(180deg, #ffffff 0%, #f7f9ff 100%);
}

.xen-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(320px,.95fr);
  gap:48px;
  align-items:center;
}

.xen-hero .xen-label{
  background:rgba(29,124,255,.08);
  border-color:rgba(29,124,255,.18);
  color:#1267d8;
}

.xen-hero-title{
  margin:18px 0 0;
  max-width:760px;
  color:#08111f;
  font-size:clamp(46px, 7vw, 92px);
  line-height:.96;
  letter-spacing:-.065em;
  font-weight:850;
}

.xen-hero-text{
  margin:24px 0 0;
  max-width:660px;
  color:#4b5563;
  font-size:clamp(17px, 2vw, 21px);
  line-height:1.58;
  font-weight:500;
}

.xen-hero-actions{
  margin-top:34px;
  display:flex;
  align-items:center;
  gap:14px;
  flex-wrap:wrap;
}

.xen-proof-row{
  margin-top:28px;
  display:flex;
  gap:10px;
  flex-wrap:wrap;
  color:#5b6475;
  font-size:13px;
  font-weight:700;
}

.xen-proof-row span{
  padding:8px 11px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 8px 24px rgba(17,24,39,.05);
}

/* hero visual */
.xen-hero-visual{
  position:relative;
  min-height:460px;
  border-radius:36px;
  padding:28px;
  background:
    radial-gradient(circle at 30% 18%, rgba(0,229,255,.20), transparent 32%),
    radial-gradient(circle at 80% 70%, rgba(176,38,255,.20), transparent 35%),
    #05070d;
  border:1px solid rgba(255,255,255,.16);
  box-shadow:0 34px 100px rgba(12,25,55,.28);
  overflow:hidden;
}

.xen-hero-visual::before{
  content:"";
  position:absolute;
  inset:18px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.11);
  pointer-events:none;
}

.xen-visual-logo{
  position:absolute;
  inset:auto 32px 32px auto;
  width:min(280px, 56%);
  opacity:.95;
  filter:drop-shadow(0 20px 55px rgba(29,124,255,.35));
}

.xen-visual-card{
  position:relative;
  z-index:2;
  max-width:360px;
  padding:20px;
  border-radius:24px;
  background:rgba(255,255,255,.08);
  border:1px solid rgba(255,255,255,.14);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
  color:#ffffff;
}

.xen-visual-card small{
  display:block;
  color:#7ee8ff;
  font-size:11px;
  font-weight:850;
  letter-spacing:.14em;
  text-transform:uppercase;
  margin-bottom:10px;
}

.xen-visual-card strong{
  display:block;
  font-size:28px;
  letter-spacing:-.04em;
  margin-bottom:8px;
}

.xen-visual-card p{
  margin:0;
  color:#b7c2d9;
  line-height:1.55;
}

/* ================================
   RESERVE CTA
   ================================ */

.xen-reserve{
  padding:72px 0;
  background:#ffffff;
}

.xen-reserve-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.8fr);
  gap:28px;
  align-items:center;
  padding:34px;
  border-radius:32px;
  background:#f7f9ff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 18px 60px rgba(17,24,39,.06);
}

.xen-reserve h2{
  margin:0;
  color:#08111f;
  font-size:clamp(30px, 4vw, 52px);
  letter-spacing:-.05em;
  line-height:1.02;
}

.xen-reserve p{
  margin:16px 0 0;
  color:#5b6475;
  font-size:16px;
  line-height:1.6;
}

.xen-id-input{
  display:flex;
  align-items:center;
  gap:10px;
  padding:10px;
  border-radius:999px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.10);
  box-shadow:0 12px 36px rgba(17,24,39,.08);
}

.xen-id-input input{
  flex:1;
  min-width:0;
  border:0;
  outline:0;
  padding:12px 8px 12px 14px;
  font-size:16px;
  background:transparent;
  color:#08111f;
}

.xen-id-preview{
  padding:12px 14px;
  border-radius:999px;
  background:#eef4ff;
  color:#1267d8;
  font-weight:850;
  white-space:nowrap;
}

/* ================================
   GENERAL HOMEPAGE SECTIONS
   ================================ */

.xen-home-section{
  padding:96px 0;
}

.xen-section-head{
  max-width:760px;
  margin-bottom:34px;
}

.xen-section-head h2{
  margin:16px 0 0;
  color:#08111f;
  font-size:clamp(34px, 5vw, 64px);
  line-height:1;
  letter-spacing:-.055em;
}

.xen-section-head p{
  margin:18px 0 0;
  color:#5b6475;
  font-size:18px;
  line-height:1.6;
}

/* Cards */
.xen-light-card{
  padding:24px;
  border-radius:28px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 14px 50px rgba(17,24,39,.06);
}

.xen-light-card h3{
  margin:0 0 10px;
  color:#08111f;
  font-size:22px;
  letter-spacing:-.03em;
}

.xen-light-card p{
  margin:0;
  color:#5b6475;
  line-height:1.62;
}

/* Dark AI section */
.xen-dark-section{
  padding:104px 0;
  background:
    radial-gradient(circle at 20% 15%, rgba(0,229,255,.14), transparent 30%),
    radial-gradient(circle at 82% 30%, rgba(176,38,255,.17), transparent 34%),
    #05070d;
  color:#ffffff;
}

.xen-dark-section .xen-section-head h2{
  color:#ffffff;
}

.xen-dark-section .xen-section-head p{
  color:#a7afc2;
}

.xen-dark-card{
  padding:24px;
  border-radius:28px;
  background:rgba(255,255,255,.07);
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 22px 70px rgba(0,0,0,.30);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}

.xen-dark-card h3{
  margin:0 0 10px;
  color:#ffffff;
  font-size:22px;
  letter-spacing:-.03em;
}

.xen-dark-card p{
  margin:0;
  color:#a7afc2;
  line-height:1.62;
}

/* Pricing */
.xen-price-card{
  padding:28px;
  border-radius:30px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 18px 60px rgba(17,24,39,.07);
}

.xen-price-card.featured{
  background:#08111f;
  color:#ffffff;
  border-color:rgba(29,124,255,.30);
  box-shadow:0 28px 90px rgba(29,124,255,.20);
}

.xen-price-card h3{
  margin:0;
  font-size:26px;
  letter-spacing:-.04em;
}

.xen-price-card .xen-price-note{
  margin:8px 0 20px;
  color:#6b7280;
}

.xen-price-card.featured .xen-price-note{
  color:#a7afc2;
}

.xen-price-card ul{
  margin:0 0 24px;
  padding:0;
  list-style:none;
  display:grid;
  gap:10px;
}

.xen-price-card li{
  color:#4b5563;
  line-height:1.45;
}

.xen-price-card.featured li{
  color:#d6dcef;
}

.xen-price-card li::before{
  content:"\2713";
  color:#1267d8;
  font-weight:900;
  margin-right:8px;
}

/* ================================
   UPDATES SECTION
   ================================ */

.xen-updates-section{
  background:
    radial-gradient(circle at 12% 0%, rgba(0,229,255,.08), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(176,38,255,.08), transparent 30%),
    #ffffff;
}

.xen-updates-grid{
  display:grid;
  grid-template-columns:1.2fr 1fr 1fr;
  gap:18px;
}

.xen-update-card{
  min-height:240px;
  padding:26px;
  border-radius:30px;
  background:rgba(255,255,255,.88);
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 24px 70px rgba(17,24,39,.07);
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
}

.xen-update-card.featured{
  background:
    radial-gradient(circle at 12% 10%, rgba(0,229,255,.12), transparent 34%),
    radial-gradient(circle at 90% 0%, rgba(176,38,255,.10), transparent 36%),
    rgba(255,255,255,.92);
}

.xen-update-kicker{
  display:inline-flex;
  margin-bottom:12px;
  color:#1267d8;
  font-size:11px;
  font-weight:900;
  letter-spacing:.14em;
  text-transform:uppercase;
}

.xen-update-card h3{
  margin:0;
  color:#08111f;
  font-size:24px;
  line-height:1.08;
  letter-spacing:-.04em;
  font-weight:850;
}

.xen-update-card p{
  margin:14px 0 0;
  color:#526071;
  font-size:15px;
  line-height:1.55;
  font-weight:650;
}

.xen-update-link{
  margin-top:auto;
  padding-top:18px;
  color:#145c33 !important;
  text-decoration:none !important;
  font-size:13px;
  font-weight:850;
}

.xen-update-link:hover{
  color:#1267d8 !important;
}

/* ================================
   RESPONSIVE
   ================================ */

@media (max-width:980px){
  .xen-hero-grid,
  .xen-reserve-box,
  .xen-updates-grid{
    grid-template-columns:1fr;
  }

  .xen-hero-visual{
    min-height:380px;
  }

  .xen-update-card{
    min-height:auto;
  }
}

@media (max-width:640px){
  .xen-hero{
    padding:72px 0 56px;
  }

  .xen-hero-actions{
    align-items:flex-start;
    flex-direction:column;
  }

  .xen-id-input{
    align-items:stretch;
    flex-direction:column;
    border-radius:24px;
  }

  .xen-id-preview{
    text-align:center;
  }

  .xen-home-section,
  .xen-dark-section{
    padding:72px 0;
  }
}

/* =================================
   XENYRA – NEWSLETTER / EARLY ACCESS
   ================================= */

.xen-newsletter-section{
  padding:88px 0;
  background:
    radial-gradient(circle at 14% 18%, rgba(0,229,255,.10), transparent 30%),
    radial-gradient(circle at 86% 20%, rgba(176,38,255,.10), transparent 34%),
    #ffffff;
}

.xen-newsletter-box{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(320px,.85fr);
  gap:34px;
  align-items:center;
  padding:34px;
  border-radius:34px;
  background:#f7f9ff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 22px 70px rgba(17,24,39,.07);
}

.xen-newsletter-content h2{
  margin:16px 0 0;
  color:#08111f;
  font-size:clamp(32px, 4.6vw, 58px);
  line-height:1;
  letter-spacing:-.055em;
  font-weight:850;
}

.xen-newsletter-content p{
  margin:18px 0 0;
  max-width:660px;
  color:#5b6475;
  font-size:18px;
  line-height:1.6;
}

.xen-newsletter-form{
  padding:20px;
  border-radius:28px;
  background:#ffffff;
  border:1px solid rgba(17,24,39,.08);
  box-shadow:0 16px 50px rgba(17,24,39,.06);
}

.xen-newsletter-label{
  display:block;
  margin:0 0 10px;
  color:#526071;
  font-size:12px;
  font-weight:900;
  letter-spacing:.12em;
  text-transform:uppercase;
}

.xen-newsletter-input-row{
  display:flex;
  gap:10px;
  align-items:center;
}

.xen-newsletter-input-row input{
  flex:1;
  min-width:0;
  min-height:46px;
  border-radius:999px;
  border:1px solid rgba(17,24,39,.10);
  background:#f7f9ff;
  color:#08111f;
  padding:0 16px;
  font-size:15px;
  font-weight:650;
  outline:0;
}

.xen-newsletter-input-row input:focus{
  border-color:rgba(0,229,255,.46);
  box-shadow:0 0 0 5px rgba(0,229,255,.10);
  background:#ffffff;
}

.xen-newsletter-note{
  margin:12px 0 0;
  color:#6b7280;
  font-size:13px;
  line-height:1.45;
}

@media (max-width:860px){
  .xen-newsletter-box{
    grid-template-columns:1fr;
  }
}

@media (max-width:640px){
  .xen-newsletter-box{
    padding:22px;
    border-radius:26px;
  }

  .xen-newsletter-input-row{
    align-items:stretch;
    flex-direction:column;
  }

  .xen-newsletter-input-row .xen-btn-primary{
    width:100%;
  }
}

/* =================================
   XENYRA – UPDATES ACTIONS
   ================================= */

.xen-updates-actions{
  margin-top:26px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
}

/* =================================
   XENYRA – UPDATES ARCHIVE PAGE
   WordPress archive styling for Xenyra Updates
   ================================= */

body.post-type-archive-xenyra_update{
  background:#ffffff;
}

body.post-type-archive-xenyra_update .wp-site-blocks > main,
body.post-type-archive-xenyra_update main.wp-block-group,
body.post-type-archive-xenyra_update main{
  max-width:1280px !important;
  margin:0 auto !important;
  padding:92px 28px 120px !important;
  background:
    radial-gradient(circle at 12% 0%, rgba(0,229,255,.09), transparent 30%),
    radial-gradient(circle at 88% 0%, rgba(176,38,255,.09), transparent 34%),
    #ffffff !important;
}

body.post-type-archive-xenyra_update .wp-block-query-title,
body.post-type-archive-xenyra_update .archive-title,
body.post-type-archive-xenyra_update .page-title{
  max-width:820px !important;
  margin:0 0 18px !important;
  color:#08111f !important;
  font-size:clamp(46px, 6vw, 78px) !important;
  line-height:.96 !important;
  letter-spacing:-.065em !important;
  font-weight:850 !important;
}

body.post-type-archive-xenyra_update .wp-block-query-title::before,
body.post-type-archive-xenyra_update .archive-title::before,
body.post-type-archive-xenyra_update .page-title::before{
  content:"Xenyra updates";
  display:block;
  margin-bottom:16px;
  color:#00d9f5;
  font-size:12px;
  font-weight:900;
  letter-spacing:.16em;
  text-transform:uppercase;
}

body.post-type-archive-xenyra_update main::before{
  content:"Official Xenyra announcements, platform progress, AI identity updates and trust signals in one place.";
  display:block;
  max-width:760px;
  margin:0 0 30px;
  color:#5b6475;
  font-size:18px;
  line-height:1.62;
  font-weight:600;
}

body.post-type-archive-xenyra_update .wp-block-post-template,
body.post-type-archive-xenyra_update .wp-block-query ul,
body.post-type-archive-xenyra_update main > ul{
  display:grid !important;
  grid-template-columns:repeat(3, minmax(0, 1fr)) !important;
  gap:22px !important;
  max-width:100% !important;
  margin:0 !important;
  padding:0 !important;
  list-style:none !important;
}

body.post-type-archive-xenyra_update .wp-block-post,
body.post-type-archive-xenyra_update .wp-block-post-template > li,
body.post-type-archive-xenyra_update main article{
  min-height:260px !important;
  padding:28px !important;
  border-radius:30px !important;
  background:rgba(255,255,255,.92) !important;
  border:1px solid rgba(17,24,39,.08) !important;
  box-shadow:0 24px 70px rgba(17,24,39,.07) !important;
  display:flex !important;
  flex-direction:column !important;
  align-items:flex-start !important;
  justify-content:flex-start !important;
  box-sizing:border-box !important;
  transition:
    transform .16s ease,
    box-shadow .16s ease,
    border-color .16s ease,
    background .16s ease !important;
}

body.post-type-archive-xenyra_update .wp-block-post:first-child,
body.post-type-archive-xenyra_update .wp-block-post-template > li:first-child,
body.post-type-archive-xenyra_update main article:first-of-type{
  background:
    radial-gradient(circle at 12% 10%, rgba(0,229,255,.13), transparent 34%),
    radial-gradient(circle at 90% 0%, rgba(176,38,255,.12), transparent 36%),
    rgba(255,255,255,.94) !important;
}

body.post-type-archive-xenyra_update .wp-block-post:hover,
body.post-type-archive-xenyra_update .wp-block-post-template > li:hover,
body.post-type-archive-xenyra_update main article:hover{
  transform:translateY(-2px) !important;
  background:#ffffff !important;
  border-color:rgba(29,124,255,.18) !important;
  box-shadow:0 30px 86px rgba(17,24,39,.11) !important;
}

body.post-type-archive-xenyra_update .wp-block-post-title,
body.post-type-archive-xenyra_update .entry-title{
  margin:0 !important;
  color:#08111f !important;
  font-size:24px !important;
  line-height:1.08 !important;
  letter-spacing:-.04em !important;
  font-weight:850 !important;
}

body.post-type-archive-xenyra_update .wp-block-post-title a,
body.post-type-archive-xenyra_update .entry-title a{
  color:#08111f !important;
  text-decoration:none !important;
}

body.post-type-archive-xenyra_update .wp-block-post-title a:hover,
body.post-type-archive-xenyra_update .entry-title a:hover{
  color:#1267d8 !important;
}

body.post-type-archive-xenyra_update .wp-block-post-date,
body.post-type-archive-xenyra_update .wp-block-post-author,
body.post-type-archive-xenyra_update .entry-meta{
  margin:0 0 14px !important;
  color:#1267d8 !important;
  font-size:11px !important;
  font-weight:900 !important;
  letter-spacing:.12em !important;
  text-transform:uppercase !important;
}

body.post-type-archive-xenyra_update .wp-block-post-date a,
body.post-type-archive-xenyra_update .wp-block-post-author a,
body.post-type-archive-xenyra_update .entry-meta a{
  color:#1267d8 !important;
  text-decoration:none !important;
}

body.post-type-archive-xenyra_update .wp-block-post-excerpt,
body.post-type-archive-xenyra_update .entry-summary,
body.post-type-archive-xenyra_update .entry-content{
  margin:16px 0 0 !important;
  color:#526071 !important;
  font-size:16px !important;
  line-height:1.58 !important;
  font-weight:650 !important;
}

body.post-type-archive-xenyra_update .wp-block-post-excerpt p,
body.post-type-archive-xenyra_update .entry-summary p,
body.post-type-archive-xenyra_update .entry-content p{
  margin:0 !important;
}

body.post-type-archive-xenyra_update .wp-block-post-excerpt__more-link,
body.post-type-archive-xenyra_update .read-more,
body.post-type-archive-xenyra_update .more-link{
  margin-top:auto !important;
  padding-top:20px !important;
  color:#145c33 !important;
  font-size:13px !important;
  font-weight:850 !important;
  text-decoration:none !important;
}

body.post-type-archive-xenyra_update .wp-block-post-excerpt__more-link:hover,
body.post-type-archive-xenyra_update .read-more:hover,
body.post-type-archive-xenyra_update .more-link:hover{
  color:#1267d8 !important;
}

body.post-type-archive-xenyra_update .wp-block-post > *{
  max-width:100% !important;
}

body.post-type-archive-xenyra_update .wp-block-group{
  max-width:100% !important;
}

@media (max-width:980px){
  body.post-type-archive-xenyra_update .wp-block-post-template,
  body.post-type-archive-xenyra_update .wp-block-query ul,
  body.post-type-archive-xenyra_update main > ul{
    grid-template-columns:1fr 1fr !important;
  }
}

@media (max-width:640px){
  body.post-type-archive-xenyra_update .wp-site-blocks > main,
  body.post-type-archive-xenyra_update main.wp-block-group,
  body.post-type-archive-xenyra_update main{
    padding:72px 18px 90px !important;
  }

  body.post-type-archive-xenyra_update .wp-block-post-template,
  body.post-type-archive-xenyra_update .wp-block-query ul,
  body.post-type-archive-xenyra_update main > ul{
    grid-template-columns:1fr !important;
  }

  body.post-type-archive-xenyra_update .wp-block-post,
  body.post-type-archive-xenyra_update .wp-block-post-template > li,
  body.post-type-archive-xenyra_update main article{
    min-height:auto !important;
    border-radius:24px !important;
  }
}

/* =================================
   XENYRA – UPDATE DETAIL BACK BUTTON
   Only for single Xenyra Update pages
   ================================= */

.single-xenyra_update .xen-update-back-wrap{
  max-width:1280px;
  margin:0 auto;
  padding:22px 28px 0;
}

.single-xenyra_update .xen-update-back-btn{
  display:inline-flex;
  align-items:center;
  gap:8px;
  min-height:38px;
  padding:0 15px;
  border-radius:999px;
  background:#ffffff;
  color:#08111f !important;
  border:1px solid rgba(17,24,39,.08);
  text-decoration:none !important;
  font-size:13px;
  font-weight:850;
  box-shadow:0 10px 28px rgba(17,24,39,.07);
  transition:
    transform .16s ease,
    background .16s ease,
    color .16s ease,
    border-color .16s ease,
    box-shadow .16s ease;
}

.single-xenyra_update .xen-update-back-btn:hover{
  transform:translateY(-1px);
  background:#eef4ff;
  color:#1267d8 !important;
  border-color:rgba(29,124,255,.18);
  box-shadow:0 16px 38px rgba(17,24,39,.10);
}

.single-xenyra_update .xen-update-back-btn span:first-child{
  font-size:17px;
  line-height:1;
}