/* ==========================================================================
   ATHENA HOME WIREFRAME V5
   Scoped entirely to .athena5-home
   Sidebar intentionally untouched.
   ========================================================================== */

.athena5-home{
  --a5-navy:#082d55;
  --a5-navy-dark:#062440;
  --a5-blue:#0968f4;
  --a5-text:#102d57;
  --a5-muted:#62758f;
  --a5-border:#d6e2ee;
  --a5-gold:#d49a14;

  --a5-blue-soft:#eaf4ff;
  --a5-purple-soft:#f3efff;
  --a5-green-soft:#e9f8f0;
  --a5-cyan-soft:#e8f8fb;
  --a5-orange-soft:#fff1e4;
  --a5-rose-soft:#fff0f4;

  width:100%;
  min-width:0;

  box-sizing:border-box;

  background:#fff;
  color:var(--a5-text);

  font-family:
    Inter,
    "Segoe UI",
    Arial,
    sans-serif;

  font-size:15px;
  line-height:1.45;
}

.athena5-home *,
.athena5-home *::before,
.athena5-home *::after{
  box-sizing:border-box;
}

/* ==========================================================================
   TOP BAR
   ========================================================================== */

.athena5-topbar{
  height:52px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:0 28px;

  border-bottom:1px solid #e7edf3;

  background:#fff;
}

.athena5-search{
  width:min(390px,40vw);
  height:34px;

  display:flex;
  align-items:center;

  gap:9px;

  padding:0 12px;

  border-radius:7px;

  background:#edf3f8;

  color:#294d76;
}

.athena5-search input{
  width:100%;

  border:0;
  outline:0;

  background:transparent;

  color:#294d76;

  font-size:13px;
}

.athena5-top-actions{
  display:flex;
  align-items:center;

  gap:18px;

  color:#173b67;
}

.athena5-top-link{
  display:inline-flex;
  align-items:center;

  gap:6px;

  color:#173b67;

  font-size:12.5px;
  font-weight:700;

  text-decoration:none;
}

.athena5-user{
  display:flex;
  align-items:center;

  gap:8px;

  padding-left:13px;

  border-left:1px solid #dde6ef;
}

.athena5-avatar{
  width:33px;
  height:33px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:#3a20c9;
  color:#fff;

  font-size:15px;
  font-weight:800;
}

.athena5-user-meta strong{
  display:block;

  font-size:12px;
}

.athena5-user-meta span{
  display:block;

  color:#7a899a;

  font-size:10px;
}

/* ==========================================================================
   PAGE BODY
   ========================================================================== */

.athena5-content{
  padding:0 24px 14px;
}

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

.athena5-hero{
  position:relative;

  min-height:390px;

  display:grid;

  grid-template-columns:
    minmax(420px,1.1fr)
    minmax(330px,.9fr);

  overflow:hidden;

  border-radius:0 0 12px 12px;

  background:
    linear-gradient(
      90deg,
      rgba(250,248,240,.97) 0%,
      rgba(250,248,240,.89) 25%,
      rgba(250,248,240,.34) 54%,
      rgba(7,43,76,.04) 100%
    );
}

.athena5-hero::before{
  content:"";

  position:absolute;
  inset:0;

  background-image:
    url("/assets/images/athena-goddess-hero-exact.png");

  background-size:cover;
  background-position:center 20%;

  z-index:0;
}

.athena5-hero::after{
  content:"";

  position:absolute;
  inset:0;

  background:
    linear-gradient(
      90deg,
      rgba(255,253,246,.96) 0%,
      rgba(255,253,246,.89) 27%,
      rgba(255,253,246,.42) 47%,
      rgba(255,255,255,.02) 68%
    );

  z-index:1;
}

.athena5-hero-left,
.athena5-hero-right{
  position:relative;

  z-index:2;
}

.athena5-hero-left{
  display:flex;
  flex-direction:column;

  justify-content:center;

  padding:
    27px 26px 22px 30px;
}

.athena5-eyebrow{
  margin-bottom:8px;

  color:#ae7712;

  font-size:11px;
  font-weight:850;

  letter-spacing:.15em;
}

.athena5-title{
  max-width:570px;

  margin:0;

  font-family:
    Georgia,
    "Times New Roman",
    serif;

  color:#102f61;

  font-size:
    clamp(
      2.7rem,
      4vw,
      4.35rem
    );

  font-weight:500;
  line-height:.98;

  letter-spacing:-.035em;
}

.athena5-tagline{
  max-width:610px;

  margin:11px 0 12px;

  color:#405f82;

  font-size:14px;
  line-height:1.48;
}

.athena5-value-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:12px 22px;

  margin-bottom:13px;
}

.athena5-value{
  display:flex;
  align-items:center;

  gap:7px;

  color:#163a66;

  font-size:12px;
  font-weight:750;
}

.athena5-mini-icon{
  width:26px;
  height:26px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:
    rgba(255,255,255,.75);

  box-shadow:
    0 3px 12px
    rgba(21,50,84,.08);
}

/* Ask Athena */

.athena5-ask{
  width:min(610px,100%);
  height:47px;

  display:flex;
  align-items:center;

  gap:8px;

  padding:
    0 7px 0 14px;

  border:
    1px solid
    #cfdeeb;

  border-radius:10px;

  background:
    rgba(255,255,255,.94);

  box-shadow:
    0 5px 16px
    rgba(8,44,83,.08);
}

.athena5-ask-icon{
  color:#163c70;
}

.athena5-ask input{
  min-width:0;

  flex:1;

  border:0;
  outline:0;

  background:transparent;

  color:#244a74;

  font-size:14px;
}

.athena5-ask button{
  width:38px;
  height:38px;

  flex:0 0 38px;

  border:0;
  border-radius:50%;

  background:var(--a5-blue);
  color:#fff;

  font-size:17px;

  cursor:pointer;
}

/* Multimodal controls */

.athena5-mm-row{
  width:min(610px,100%);

  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:7px;

  margin-top:8px;
}

.athena5-dropdown{
  position:relative;
}

.athena5-dropdown summary{
  height:34px;

  display:flex;
  align-items:center;

  gap:7px;

  padding:0 12px;

  border:
    1px solid
    #b8d1ed;

  border-radius:8px;

  background:#fff;

  color:#173f71;

  font-size:12px;
  font-weight:750;

  cursor:pointer;

  list-style:none;
}

.athena5-dropdown summary::-webkit-details-marker{
  display:none;
}

.athena5-dropdown-menu{
  position:absolute;

  top:39px;
  left:0;

  width:220px;

  padding:6px;

  border:
    1px solid
    #cad9e8;

  border-radius:10px;

  background:#fff;

  box-shadow:
    0 14px 32px
    rgba(4,36,70,.18);

  z-index:50;
}

.athena5-option{
  width:100%;

  display:flex;
  align-items:center;

  gap:8px;

  padding:8px;

  border:0;
  border-radius:7px;

  background:transparent;

  color:#244a74;

  font-size:12px;

  text-align:left;

  cursor:pointer;
}

.athena5-option:hover{
  background:#f1f6fb;
}

.athena5-option.is-selected{
  background:#e9f7ef;
  color:#1c6a44;
}

.athena5-check{
  width:16px;

  font-weight:900;
}

.athena5-voice-ready{
  height:34px;

  display:flex;
  align-items:center;

  padding:0 11px;

  border-radius:9px;

  background:#e6f6eb;
  color:#237148;

  font-size:11.5px;
  font-weight:700;
}

.athena5-quick-modalities{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:6px;

  margin-top:7px;
}

.athena5-quick-chip{
  height:31px;

  display:flex;
  align-items:center;

  gap:6px;

  padding:0 11px;

  border:
    1px solid
    #cedbe8;

  border-radius:999px;

  background:
    rgba(255,255,255,.91);

  color:#294c72;

  font-size:11.5px;

  cursor:pointer;
}

.athena5-quick-chip.active{
  background:#e6f7ee;
  color:#1d6843;
}

/* Right discovery panel */

.athena5-hero-right{
  display:flex;

  justify-content:flex-end;
  align-items:flex-start;

  padding:
    18px 18px 18px 10px;
}

.athena5-guide{
  width:300px;

  padding:14px;

  border:
    1px solid
    #cbd8e5;

  border-radius:10px;

  background:
    rgba(255,255,255,.96);

  box-shadow:
    0 10px 30px
    rgba(5,34,64,.16);
}

.athena5-guide-title{
  display:flex;
  align-items:center;

  gap:7px;

  margin-bottom:5px;

  color:#163a6a;

  font-size:14px;
  font-weight:850;
}

.athena5-guide > p{
  margin:
    0 0 9px;

  color:#5b7088;

  font-size:11.5px;
  line-height:1.35;
}

.athena5-guide-input{
  height:36px;

  display:flex;
  align-items:center;

  gap:5px;

  padding:
    0 5px 0 9px;

  border:
    1px solid
    #d2deea;

  border-radius:7px;

  background:#fff;
}

.athena5-guide-input input{
  min-width:0;

  flex:1;

  border:0;
  outline:0;

  font-size:10.5px;
}

.athena5-guide-input button{
  width:29px;
  height:29px;

  border:0;
  border-radius:6px;

  background:var(--a5-blue);
  color:#fff;

  cursor:pointer;
}

.athena5-guide-label{
  margin:
    10px 0 6px;

  color:#657b94;

  font-size:10px;
  font-weight:750;
}

.athena5-example-list{
  display:grid;

  gap:5px;
}

.athena5-example{
  min-height:24px;

  display:flex;
  align-items:center;

  gap:7px;

  padding:
    4px 8px;

  border:
    1px solid
    #cee0ee;

  border-radius:6px;

  background:#f6fbff;

  color:#173f6d;

  font-size:10px;

  cursor:pointer;
}

.athena5-example:nth-child(3){
  background:#fff8ed;
}

.athena5-example:nth-child(4){
  background:#f5f0ff;
}

.athena5-guide-actions{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:7px;

  margin-top:10px;
}

.athena5-guide-actions a{
  height:37px;

  display:flex;
  align-items:center;
  justify-content:center;

  border:
    1px solid
    #0d69ee;

  border-radius:6px;

  color:#0b62dd;

  font-size:11px;
  font-weight:800;

  text-decoration:none;
}

.athena5-guide-actions a:first-child{
  background:#0d69ee;
  color:#fff;
}

/* ==========================================================================
   CAPABILITY STRIP
   ========================================================================== */

.athena5-capabilities{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  gap:9px;

  padding:
    8px 18px;

  border-bottom:
    1px solid
    #dde7ef;

  background:#fff;
}

.athena5-capability{
  min-height:59px;

  display:flex;
  align-items:center;

  gap:12px;

  padding:
    9px 12px;

  border-radius:8px;
}

.athena5-capability:nth-child(1){
  background:#edf5ff;
}

.athena5-capability:nth-child(2){
  background:#f3efff;
}

.athena5-capability:nth-child(3){
  background:#eaf9fb;
}

.athena5-capability:nth-child(4){
  background:#eaf8f0;
}

.athena5-capability-icon{
  width:42px;
  height:42px;

  flex:0 0 42px;

  display:flex;
  align-items:center;
  justify-content:center;

  border-radius:50%;

  background:rgba(255,255,255,.68);

  color:#0d5bc5;

  font-size:23px;
}

.athena5-capability strong{
  display:block;

  margin-bottom:2px;

  font-size:12.5px;
}

.athena5-capability span{
  display:block;

  color:#5e738b;

  font-size:10.5px;
  line-height:1.28;
}

/* ==========================================================================
   SECTION GENERICS
   ========================================================================== */

.athena5-section{
  padding:
    9px 18px 8px;

  border-bottom:
    1px solid
    #dbe5ee;
}

.athena5-section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;

  gap:15px;

  margin-bottom:7px;
}

.athena5-section-head h2{
  margin:0;

  color:#102e59;

  font-size:19px;
  line-height:1.1;
}

.athena5-section-head p{
  margin:
    3px 0 0;

  color:#677b93;

  font-size:10.8px;
}

.athena5-section-link{
  color:#0665df;

  font-size:10.5px;
  font-weight:800;

  text-decoration:none;
}

/* ==========================================================================
   WHAT'S HAPPENING
   ========================================================================== */

.athena5-discovery-grid{
  display:grid;

  grid-template-columns:
    repeat(6,1fr);

  gap:8px;
}

.athena5-discovery-card{
  min-height:105px;

  display:flex;
  flex-direction:column;

  padding:
    10px;

  border:
    1px solid
    #c8daeb;

  border-radius:7px;

  color:#14375f;

  text-decoration:none;
}

.athena5-discovery-card:nth-child(1){
  background:var(--a5-blue-soft);
}

.athena5-discovery-card:nth-child(2){
  background:var(--a5-purple-soft);
}

.athena5-discovery-card:nth-child(3){
  background:var(--a5-green-soft);
}

.athena5-discovery-card:nth-child(4){
  background:var(--a5-cyan-soft);
}

.athena5-discovery-card:nth-child(5){
  background:var(--a5-orange-soft);
}

.athena5-discovery-card:nth-child(6){
  background:var(--a5-rose-soft);
}

.athena5-card-icon{
  width:27px;
  height:27px;

  display:flex;
  align-items:center;
  justify-content:center;

  margin-bottom:7px;

  border-radius:50%;

  background:
    rgba(255,255,255,.76);

  color:#0d5fc9;

  font-size:13px;
}

.athena5-discovery-card strong{
  font-size:13px;
}

.athena5-discovery-card p{
  flex:1;

  margin:
    4px 0 6px;

  color:#5d738c;

  font-size:10.3px;
  line-height:1.3;
}

.athena5-card-link{
  color:#074ca7;

  font-size:9.8px;
  font-weight:800;
}

/* ==========================================================================
   ECOSYSTEM
   ========================================================================== */

.athena5-ecosystem-grid{
  display:grid;

  grid-template-columns:
    repeat(8,1fr);

  gap:6px;
}

.athena5-ecosystem-card{
  min-height:95px;

  display:flex;
  flex-direction:column;

  padding:9px;

  border:
    1px solid
    #cedbe8;

  border-radius:7px;

  color:#14375f;

  text-decoration:none;
}

.athena5-ecosystem-card:nth-child(6n+1){
  background:var(--a5-blue-soft);
}

.athena5-ecosystem-card:nth-child(6n+2){
  background:var(--a5-purple-soft);
}

.athena5-ecosystem-card:nth-child(6n+3){
  background:var(--a5-orange-soft);
}

.athena5-ecosystem-card:nth-child(6n+4){
  background:var(--a5-cyan-soft);
}

.athena5-ecosystem-card:nth-child(6n+5){
  background:var(--a5-green-soft);
}

.athena5-ecosystem-card:nth-child(6n+6){
  background:var(--a5-rose-soft);
}

.athena5-ecosystem-card strong{
  margin-top:5px;

  font-size:11px;
}

.athena5-ecosystem-card p{
  flex:1;

  margin:
    4px 0;

  color:#63788f;

  font-size:9.3px;
  line-height:1.25;
}

/* ==========================================================================
   IMPACT / JOURNEY / TRUST
   ========================================================================== */

.athena5-bottom{
  display:grid;

  grid-template-columns:
    1.1fr
    1.05fr
    1.15fr;

  min-height:74px;

  border-bottom:
    1px solid
    #dde6ef;
}

.athena5-bottom-block{
  padding:
    9px 18px;

  border-right:
    1px solid
    #dde6ef;
}

.athena5-bottom-block:last-child{
  border-right:0;
}

.athena5-bottom-title{
  margin-bottom:6px;

  color:#15365f;

  font-size:12px;
  font-weight:850;
}

.athena5-impact-list{
  display:grid;

  grid-template-columns:
    1fr 1fr;

  gap:4px 15px;
}

.athena5-impact-item{
  color:#4f6680;

  font-size:9.6px;
}

.athena5-journey{
  display:grid;

  grid-template-columns:
    repeat(4,1fr);

  align-items:start;

  position:relative;

  margin-top:12px;
}

.athena5-journey::before{
  content:"";

  position:absolute;

  top:5px;
  left:12%;

  width:76%;

  height:1px;

  background:#94add0;
}

.athena5-journey-step{
  position:relative;

  z-index:1;

  text-align:center;

  color:#60758c;

  font-size:8.8px;
}

.athena5-journey-dot{
  width:11px;
  height:11px;

  margin:
    0 auto 4px;

  border:
    1px solid
    #7393bc;

  border-radius:50%;

  background:#fff;
}

.athena5-journey-step:first-child
.athena5-journey-dot{
  background:#13855b;
  border-color:#13855b;
}

.athena5-trust-row{
  display:flex;
  align-items:center;
  flex-wrap:wrap;

  gap:7px 16px;
}

.athena5-trust{
  color:#61758c;

  font-size:9.2px;
}

/* ==========================================================================
   FOOTER
   ========================================================================== */

.athena5-footer{
  min-height:33px;

  display:flex;
  align-items:center;
  justify-content:space-between;

  gap:20px;

  padding:
    0 18px;

  color:#76889a;

  font-size:8.8px;
}

.athena5-footer-links{
  display:flex;
  align-items:center;

  gap:14px;
}

.athena5-footer a{
  color:#667d96;

  text-decoration:none;
}

.athena5-status{
  color:#34795d;
}

/* ==========================================================================
   HOVER / INTERACTION
   ========================================================================== */

.athena5-discovery-card,
.athena5-ecosystem-card,
.athena5-guide-actions a,
.athena5-example,
.athena5-quick-chip,
.athena5-capability{
  transition:
    transform .14s ease,
    box-shadow .14s ease;
}

.athena5-discovery-card:hover,
.athena5-ecosystem-card:hover{
  transform:
    translateY(-2px);

  box-shadow:
    0 7px 18px
    rgba(8,45,81,.10);
}

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

@media(max-width:1250px){

  .athena5-hero{
    grid-template-columns:
      minmax(390px,1fr)
      290px;
  }

  .athena5-title{
    font-size:
      clamp(
        2.35rem,
        4vw,
        3.5rem
      );
  }

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

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

}

@media(max-width:900px){

  .athena5-topbar{
    padding:
      0 14px;
  }

  .athena5-top-actions{
    gap:8px;
  }

  .athena5-top-link{
    display:none;
  }

  .athena5-content{
    padding:
      0 10px 12px;
  }

  .athena5-hero{
    display:block;
  }

  .athena5-hero-left{
    padding:
      25px 18px;
  }

  .athena5-hero-right{
    padding:
      0 18px 20px;
  }

  .athena5-guide{
    width:100%;
  }

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

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

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

  .athena5-bottom{
    grid-template-columns:1fr;
  }

  .athena5-bottom-block{
    border-right:0;
    border-bottom:
      1px solid
      #dde6ef;
  }

}

@media(max-width:560px){

  .athena5-title{
    font-size:2.5rem;
  }

  .athena5-search{
    width:100%;
  }

  .athena5-user-meta{
    display:none;
  }

  .athena5-capabilities,
  .athena5-discovery-grid,
  .athena5-ecosystem-grid{
    grid-template-columns:1fr;
  }

  .athena5-section-head{
    align-items:flex-start;
    flex-direction:column;
  }

  .athena5-footer{
    align-items:flex-start;
    flex-direction:column;

    padding:
      10px 18px;
  }

}