/* HERO */
.hero{position:relative;padding:64px 24px;text-align:center;background:linear-gradient(rgba(6,6,6,.68),rgba(6,6,6,.68)),url('https://wellnerconsulting.com/wp-content/uploads/2025/09/closeup-real-estate-agent-using-calculator-while-his-client-is-signing-contract-scaled.webp') center/cover no-repeat;}
.hero-inner{max-width:900px;margin:0 auto;}
.hero h1{font-family:var(--font);font-size:clamp(24px,4vw,40px);color:#fff;margin-bottom:20px;}
.hero p{color:#f0f0f0;font-size:16px;margin-bottom:28px;text-align:center;}

/* STATS */
.stats{background:var(--c-primary);color:#fff;padding:26px 0;}
.stats .wrap{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:20px;}
.stats h2{color:#fff;font-size:20px;max-width:420px;margin:0;}
.stats-grid{display:flex;}
.stats-grid>div{padding:0 24px;border-left:1px solid rgba(255,255,255,.25);text-align:center;}
.stats-grid>div:first-child{border-left:none;}
.stat-num{font-size:28px;font-weight:700;}
.stat-label{font-size:12px;opacity:.85;margin-top:2px;}
@media(max-width:700px){.stats .wrap{flex-direction:column;align-items:center;text-align:center;}}

/* ABOUT */
.about .wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:56px;align-items:center;}
.about-collage{position:relative;height:320px;}
.about-collage img{position:absolute;border-radius:10px;object-fit:cover;box-shadow:0 14px 30px rgba(20,19,59,.15);}
.about-collage .img1{width:56%;height:70%;left:0;top:0;}
.about-collage .img2{width:56%;height:76%;right:0;bottom:0;}
.about-collage .accent{position:absolute;width:56px;height:56px;background:var(--c-primary);border-radius:8px;left:38%;bottom:0;z-index:2;}
.about h2{font-size:28px;color:#B35300;margin:10px 0 18px;}
.about p{color:var(--c-muted);font-size:15px;margin-bottom:24px;}
@media(max-width:860px){.about .wrap{grid-template-columns:1fr;}.about-collage{height:260px;}}
.mitra-line{text-align:center;color:var(--c-muted);font-size:13px;font-weight:600;margin:0 0 40px;position:relative;}
.mitra-line:before{content:"";display:block;width:56px;height:2px;background:var(--c-primary);margin:0 auto 14px;}

/* SERVICES */
.services{background:#F7F8FD;}
.services-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;align-items:stretch;}
.service-card{background:#fff;border-radius:var(--radius);padding:26px 22px;box-shadow:0 6px 18px rgba(20,19,59,.06);transition:transform .2s ease,box-shadow .2s ease;display:flex;flex-direction:column;height:100%;}
.service-card p{flex:1;}
.service-card a{margin-top:auto;}
.service-card:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(11,87,221,.12);}
.service-card h3{font-size:16px;color:var(--c-secondary);margin-bottom:8px;}
.service-card p{color:var(--c-muted);font-size:13px;margin-bottom:14px;}
.service-card a{font-size:12.5px;font-weight:700;color:var(--c-primary);}
@media(max-width:980px){.services-grid{grid-template-columns:repeat(2,1fr);}}
@media(max-width:560px){.services-grid{grid-template-columns:1fr;}}

/* CTA STRIP */
.cta-strip{position:relative;color:#fff;padding:64px 24px;text-align:center;background:linear-gradient(rgba(8,8,10,.78),rgba(8,8,10,.78)),url('https://wellnerconsulting.com/wp-content/uploads/2025/09/business-woman-working-teamwork-process-scaled.webp') center/cover no-repeat;background-attachment:scroll;}
.cta-strip::before{content:"";position:absolute;inset:0;backdrop-filter:blur(2px);}
.cta-strip .inner{position:relative;z-index:1;max-width:600px;margin:0 auto;text-align:center;}
.cta-strip h2{color:#fff;font-size:26px;margin-bottom:16px;}
.cta-strip p{color:#d8dcef;margin-bottom:24px;font-size:14.5px;}

/* WHY US */
.why-grid{position:relative;display:grid;grid-template-columns:repeat(4,1fr);gap:20px;padding-top:14px;}
.why-line{position:absolute;top:36px;left:12.5%;right:12.5%;height:2px;background:#E5E7EF;z-index:0;}
.why-card{position:relative;z-index:1;text-align:center;padding:0 10px;}
.why-num{width:44px;height:44px;border-radius:50%;background:#fff;border:2px solid var(--c-primary);color:var(--c-primary);font-weight:700;font-size:16px;display:flex;align-items:center;justify-content:center;margin:0 auto 20px;}
.why-card .body{padding:0;}
.why-card h3{color:var(--c-secondary);font-size:15px;margin-bottom:8px;}
.why-card p{color:var(--c-muted);font-size:12.5px;}
@media(max-width:860px){
  .why-grid{grid-template-columns:repeat(2,1fr);row-gap:36px;}
  .why-line{display:none;}
}
@media(max-width:520px){.why-grid{grid-template-columns:1fr;}}

/* BLOG */
.blog{background:#F7F8FD;}
.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch;}

/* Homepage-only CTA color swap: blue by default, orange on hover/click.
   Scoped here (not in shared.css) so other pages keep the original orange .btn. */
.btn{background:var(--c-primary);}
.btn:hover{background:var(--c-secondary);}
.btn.alt{color:var(--c-primary);border-color:var(--c-primary);}
.btn.alt:hover{background:var(--c-secondary);border-color:var(--c-secondary);}

/* Newsletter Submit sits on a blue section background:
   white by default, turns orange on hover. */
.newsletter-submit{background:#fff;color:var(--c-primary);transition:background .2s ease,color .2s ease,transform .2s ease;}
.newsletter-submit:hover{background:var(--c-secondary);color:#fff;transform:translateY(-1px);}
.blog-card{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 18px rgba(20,19,59,.06);display:flex;flex-direction:column;height:100%;}
.blog-card img{aspect-ratio:16/10;object-fit:cover;}
.blog-card .body{padding:18px;display:flex;flex-direction:column;flex:1;}
.blog-card h3{font-size:15.5px;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}
.blog-card h3 a:hover{color:var(--c-primary);}
.blog-card .body > a{margin-top:auto;padding-top:6px;}

.blog-card-skeleton{background:#fff;border-radius:var(--radius);overflow:hidden;box-shadow:0 6px 18px rgba(20,19,59,.06);}
.blog-card-skeleton .sk-img{aspect-ratio:16/10;background:#eceff4;}
.blog-card-skeleton .body{padding:18px;}
.blog-card-skeleton .sk-line{height:14px;border-radius:4px;background:#eceff4;margin-bottom:10px;}
.blog-card-skeleton .sk-line.short{width:60%;margin-bottom:0;}
.blog-card-skeleton .sk-img,
.blog-card-skeleton .sk-line{animation:sk-pulse 1.4s ease-in-out infinite;}
@keyframes sk-pulse{0%,100%{opacity:1;}50%{opacity:.5;}}
.blog-meta{font-size:12px;color:var(--c-muted);margin-top:10px;}
.blog-foot{text-align:center;margin-top:32px;}
@media(max-width:900px){
  .blog-grid{grid-template-columns:1fr;}
  .blog-card{display:none;}
  .blog-card.active{display:flex;}
  .blog-card-skeleton{display:none;}
  .blog-card-skeleton:first-child{display:block;}
  .blog-dots{display:flex;gap:0;justify-content:center;margin-top:18px;}
  .blog-dots button{width:24px;height:24px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;}
  .blog-dots button::before{content:'';width:7px;height:7px;border-radius:50%;background:#D8DCEF;}
  .blog-dots button.active-dot::before{background:var(--c-primary);}
}
@media(min-width:901px){.blog-dots{display:none !important;}}

/* TESTIMONIALS */
.testi{position:relative;color:#fff;padding:64px 24px;text-align:center;background:linear-gradient(rgba(10,10,10,.7),rgba(10,10,10,.7)),url('https://wellnerconsulting.com/wp-content/uploads/2026/09/london-office-building-skyscraper-working-meeting-scaled.webp') center/cover no-repeat;}
.testi .section-head h2{color:#fff;}
.testi .section-head p{color:#d3d6ea;text-align:center;}
.testi-viewport{overflow:hidden;margin-top:32px;}
.testi-grid{display:flex;gap:20px;transition:transform .6s ease;}
.testi-card{background:#fff;color:var(--c-text);border-radius:var(--radius);padding:26px 30px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;flex:0 0 calc((100% - 40px) / 3);min-height:220px;box-sizing:border-box;}
@media(max-width:900px){
  .testi-card{flex:0 0 100%;min-height:280px;}
}
.testi-card p{font-size:14px;margin-bottom:16px;font-style:italic;}
.testi-foot{display:flex;align-items:center;gap:10px;}
.testi-avatar{width:32px;height:32px;border-radius:50%;background:var(--c-primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;flex:none;}
.testi-name{font-weight:700;color:var(--c-primary);font-size:13px;}


/* PARTNERS */
.partners-track-wrap{overflow:hidden;padding:10px 0;}
.partners-track{display:flex;gap:28px;align-items:center;width:max-content;}
.partners-track.row1{animation:scrollx 55s linear infinite;}
.partners-track.row2{animation:scrollx-rev 55s linear infinite;margin-top:20px;}
.partners-track img{height:64px;width:150px;filter:grayscale(60%);opacity:.9;object-fit:contain;flex:none;}
@keyframes scrollx{from{transform:translateX(0);}to{transform:translateX(-50%);}}
@keyframes scrollx-rev{from{transform:translateX(-50%);}to{transform:translateX(0);}}

.testi-viewport{cursor:grab;touch-action:pan-y;}
.testi-dots{display:flex;gap:2px;justify-content:center;margin-top:24px;}
.testi-dots button{width:16px;height:16px;padding:0;border:none;background:transparent;cursor:pointer;display:flex;align-items:center;justify-content:center;}
.testi-dots button::before{content:'';width:8px;height:8px;border-radius:50%;background:rgba(255,255,255,.4);transition:background .2s;}
.testi-dots button.active::before{background:#fff;}