/* Harmony patch — load AFTER styles.css. Nav fit, announcement bar, Community styling. */

/* ---------- Nav: never break into 3 lines ---------- */
@media (min-width:901px) and (max-width:1260px){
  .header-inner{flex-wrap:wrap;row-gap:0;}
  .main-nav{order:3;flex:0 0 100%;display:flex;flex-wrap:wrap;justify-content:center;gap:2px;padding:2px 0 8px;border-top:1px solid #eef2f8;}
  .main-nav a{font-size:14px;padding:7px 11px;white-space:nowrap;}
}
@media (min-width:1261px){
  .main-nav{flex-wrap:nowrap;gap:0;}
  .main-nav a{font-size:14px;padding:8px 10px;white-space:nowrap;}
}
/* Highlight Community in the menu */
.main-nav a[href="community.html"]{position:relative;font-weight:700;color:#1c5fc4;}
.main-nav a[href="community.html"]::after{content:'NEW';position:absolute;top:-2px;right:-6px;font-size:8px;font-weight:800;letter-spacing:.05em;background:#37c6f0;color:#06223f;padding:1px 5px;border-radius:999px;animation:hw-pulse 2.4s ease-in-out infinite;}
@keyframes hw-pulse{0%,100%{transform:scale(1);opacity:1}50%{transform:scale(1.12);opacity:.85}}

/* ---------- Announcement bar ---------- */
.com-bar{position:relative;overflow:hidden;background:linear-gradient(90deg,#0b1a33,#133a7a 50%,#0b1a33);color:#fff;text-align:center;font-size:13.5px;line-height:1.4;}
.com-bar a{display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:9px 16px;color:#fff;text-decoration:none;position:relative;z-index:1;}
.com-bar .tag{background:#37c6f0;color:#06223f;font-weight:800;font-size:10.5px;letter-spacing:.06em;padding:3px 9px;border-radius:999px;text-transform:uppercase;}
.com-bar strong{font-family:'Plus Jakarta Sans',sans-serif;letter-spacing:.01em;}
.com-bar .go{font-weight:700;color:#7fd4f5;}
.com-bar::before{content:'';position:absolute;inset:0;background:linear-gradient(100deg,transparent 30%,rgba(127,212,245,.28) 50%,transparent 70%);transform:translateX(-100%);animation:hw-shine 6s ease-in-out infinite;}
@keyframes hw-shine{0%,55%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

/* ---------- Community hero (animated, image fused into navy) ---------- */
.page-hero.com-hero{position:relative;overflow:hidden;isolation:isolate;}
.com-hero .com-hero-img{position:absolute;inset:0;z-index:-2;background:url('interior-bg.jpg') center 30%/cover no-repeat;opacity:.55;
  -webkit-mask-image:linear-gradient(100deg,transparent 0%,transparent 28%,rgba(0,0,0,.55) 55%,#000 100%);mask-image:linear-gradient(100deg,transparent 0%,transparent 28%,rgba(0,0,0,.55) 55%,#000 100%);
  animation:hw-kenburns 26s ease-in-out infinite alternate;}
.com-hero::after{content:'';position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(11,26,51,.05),rgba(11,26,51,.7));pointer-events:none;}
.com-hero .orb{position:absolute;z-index:-1;border-radius:50%;filter:blur(46px);pointer-events:none;}
.com-hero .orb.o1{width:340px;height:340px;right:8%;top:-80px;background:rgba(55,198,240,.28);animation:hw-float 14s ease-in-out infinite;}
.com-hero .orb.o2{width:260px;height:260px;right:30%;bottom:-120px;background:rgba(28,95,196,.4);animation:hw-float 18s ease-in-out infinite reverse;}
@keyframes hw-kenburns{from{transform:scale(1.04) translateX(0)}to{transform:scale(1.14) translateX(-2%)}}
@keyframes hw-float{0%,100%{transform:translate(0,0)}50%{transform:translate(-26px,22px)}}
.com-hero .com-hero-cta{display:flex;gap:14px;flex-wrap:wrap;margin-top:26px;}
.com-hero .com-pills{display:flex;gap:10px;flex-wrap:wrap;margin-top:22px;}
.com-hero .com-pills span{background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.22);color:#e8f1ff;font-size:12.5px;font-weight:600;padding:6px 13px;border-radius:999px;backdrop-filter:blur(4px);}

/* ---------- Community section on home (dark, image gradient) ---------- */
.com-section{position:relative;overflow:hidden;background:#0b1a33;color:#fff;isolation:isolate;}
.com-section .com-bg{position:absolute;inset:0;z-index:-2;background:url('interior-bg.jpg') center/cover no-repeat;opacity:.35;animation:hw-kenburns 30s ease-in-out infinite alternate;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0%,#000 30%,#000 70%,transparent 100%);}
.com-section::before{content:'';position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 50% at 85% 10%,rgba(55,198,240,.22),transparent 70%),radial-gradient(50% 50% at 5% 90%,rgba(28,95,196,.35),transparent 70%);}
.com-section .eyebrow{background:rgba(127,212,245,.14);color:#7fd4f5;}
.com-section h2,.com-section h4{color:#fff;}
.com-section .mh-lede,.com-section .section-head p{color:#cfdcf2;}
.com-section .mh-card{background:rgba(255,255,255,.07);border-color:rgba(255,255,255,.16);backdrop-filter:blur(8px);}
.com-section .mh-card:hover{background:rgba(255,255,255,.12);border-color:rgba(127,212,245,.5);box-shadow:0 18px 36px rgba(0,0,0,.35);}
.com-section .mh-card p{color:#cfdcf2;}
.com-section .mh-card.mh-soon{background:rgba(255,255,255,.04);}
.com-section .mh-badge{background:rgba(127,212,245,.15);color:#7fd4f5;border-color:rgba(127,212,245,.4);}
.com-section .badge-note{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);color:#e8f1ff;}
.com-section .badge-note a{color:#7fd4f5;font-weight:600;}
.com-section .badge-note p{color:#e8f1ff;}
.com-section .btn-outline{color:#fff;border-color:rgba(255,255,255,.7);}
.com-section .btn-outline:hover{background:#fff;color:#0b1a33;}

/* ---------- Featured pillar badge no longer clipped ---------- */
.pillar-card.pillar-featured::before{top:0 !important;border-radius:0 0 12px 12px !important;}

/* ---------- Community page extras ---------- */
.com-stat-row{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:8px;}
@media (max-width:820px){.com-stat-row{grid-template-columns:1fr;}}
.com-focus{background:#fff;border:1px solid #e6ecf6;border-radius:18px;padding:24px;border-left:4px solid #1c5fc4;}
.com-focus h4{margin:0 0 6px;font-size:17px;}
.com-focus p{margin:0;font-size:14px;color:#5b6b85;line-height:1.55;}
.com-partner{background:linear-gradient(135deg,#0b1a33,#133a7a);color:#fff;border-radius:22px;padding:36px;display:grid;grid-template-columns:1.4fr 1fr;gap:28px;align-items:center;position:relative;overflow:hidden;}
.com-partner::after{content:'';position:absolute;right:-60px;top:-60px;width:240px;height:240px;border-radius:50%;background:rgba(55,198,240,.25);filter:blur(40px);animation:hw-float 14s ease-in-out infinite;}
.com-partner h3{color:#fff;margin:0 0 8px;font-size:24px;}
.com-partner p{color:#cfdcf2;margin:0;}
.com-partner .actions{display:flex;gap:12px;flex-wrap:wrap;position:relative;z-index:1;}
@media (max-width:820px){.com-partner{grid-template-columns:1fr;padding:26px;}}
@media (prefers-reduced-motion:reduce){.com-hero-img,.com-bg,.orb,.com-bar::before,.main-nav a[href="community.html"]::after,.com-partner::after{animation:none !important;}}