/* =============================================
   HOME PAGE — home.css
   ============================================= */

/* ── HERO ─────────────────────────────────── */
.hero-home{
  position:relative;
  min-height:100svh;
  padding-top:64px;
  background:var(--white);
  overflow:hidden;
  display:flex;
  flex-direction:column;
}

/* Ruled background lines */
.hero-lines{
  position:absolute;inset:0;pointer-events:none;
  overflow:hidden;
}
.hl{
  position:absolute;
  top:0;bottom:0;
  width:1px;
  background:var(--ink-06);
}
.hl-1{left:25%;}
.hl-2{left:50%;}
.hl-3{left:75%;}

.hero-inner{
  flex:1;
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:40px;
  align-items:center;
  padding-top:60px;
  padding-bottom:60px;
  position:relative;
  z-index:1;
}

/* ── LEFT ── */
.hero-left{}

.hero-counter{
  font-family:'Cormorant Garamond',serif;
  font-size:clamp(6rem,16vw,14rem);
  font-weight:700;
  line-height:0.85;
  color:var(--ash);
  position:absolute;
  top:64px;left:-20px;
  z-index:0;
  pointer-events:none;
  user-select:none;
}

.hero-kicker{
  display:flex;align-items:center;gap:12px;
  font-family:'Epilogue',sans-serif;
  font-size:0.72rem;font-weight:700;
  letter-spacing:0.14em;text-transform:uppercase;
  color:var(--peach-dk);
  margin-bottom:20px;
  position:relative;z-index:1;
}
.hero-kicker-line{
  display:block;width:32px;height:2px;
  background:var(--peach);flex-shrink:0;
}

.hero-h1{
  position:relative;z-index:1;
  color:var(--ink);
  margin-bottom:22px;
}
.hero-h1-accent{
  color:var(--peach-dk);
  font-style:normal;
}

.hero-desc{
  font-size:1rem;color:var(--grey);
  line-height:1.75;max-width:420px;
  margin-bottom:32px;
  position:relative;z-index:1;
}

.hero-actions{
  display:flex;align-items:center;gap:12px;
  flex-wrap:wrap;
  margin-bottom:40px;
  position:relative;z-index:1;
}

.hero-stat-row{
  display:flex;align-items:center;gap:24px;
  padding-top:28px;
  border-top:var(--rule);
  position:relative;z-index:1;
}
.hero-stat-num{
  font-family:'Cormorant Garamond',serif;
  font-size:1.5rem;font-weight:700;
  color:var(--ink);line-height:1;
}
.hero-stat-label{
  font-size:0.72rem;color:var(--grey);
  letter-spacing:0.04em;margin-top:3px;
}
.hero-stat-div{
  width:1px;height:36px;background:var(--ash-dk);
}

/* ── RIGHT ── */
.hero-right{
  display:flex;
  align-items:center;justify-content:center;
  position:relative;
  padding:40px 0;
}

.hero-ring{
  position:absolute;
  width:340px;height:340px;
  border-radius:50%;
  border:1px solid var(--ash-dk);
  pointer-events:none;
  top:50%;left:50%;
  transform:translate(-50%,-50%);
}
.hero-ring::before{
  content:'';
  position:absolute;inset:30px;
  border-radius:50%;
  border:1px solid var(--ash);
}

/* Float alert cards */
.float-alert{
  position:absolute;
  background:var(--white);
  border:var(--rule);
  border-radius:var(--r-md);
  padding:11px 15px;
  display:flex;align-items:center;gap:10px;
  box-shadow:var(--sh-md);
  z-index:3;
  min-width:170px;
}
.float-alert-top{top:0;right:-20px;animation:floatY 2.8s ease-in-out infinite;}
.float-alert-bottom{bottom:0;left:-20px;animation:floatY 3.5s ease-in-out 0.5s infinite;}

.fa-icon-wrap{
  width:32px;height:32px;border-radius:8px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.fa-icon-green{background:#D1FAE5;}
.fa-icon-green svg{color:#065F46;width:14px;height:14px;}
.float-alert .fa-icon-wrap svg{width:14px;height:14px;}

.fa-title{font-size:0.75rem;font-weight:700;color:var(--ink);}
.fa-sub{font-size:0.65rem;color:var(--grey);}

/* ── TICKER ── */
.hero-ticker{
  border-top:var(--rule);
  overflow:hidden;
  height:40px;
  display:flex;align-items:center;
  background:var(--white);
  position:relative;z-index:1;
}
.ticker-track{
  display:flex;align-items:center;gap:24px;
  white-space:nowrap;
  animation:ticker 20s linear infinite;
  font-size:0.72rem;font-weight:700;
  letter-spacing:0.1em;text-transform:uppercase;
  color:var(--grey);
}
.ticker-dot{color:var(--peach);font-size:0.5rem;}
@keyframes ticker{
  from{transform:translateX(0);}
  to{transform:translateX(-50%);}
}

/* ── SERVICES ── */
.svc-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:0;
  border:var(--rule);
  border-radius:var(--r-md);
  overflow:hidden;
}
.svc-card{
  padding:32px 24px;
  border-right:var(--rule);
  background:var(--white);
  transition:var(--t);
  position:relative;
  display:block;
  cursor:pointer;
}
.svc-card:last-child{border-right:none;}
.svc-card:hover{background:var(--ink);border-color:var(--ink);}
.svc-card:hover .svc-card-num{color:rgba(255,255,255,0.12);}
.svc-card:hover h3{color:var(--white);}
.svc-card:hover .t-body-sm{color:rgba(255,255,255,0.55);}
.svc-card:hover .icon-box{background:var(--peach);color:var(--white);}
.svc-card:hover .svc-card-arrow{color:var(--peach);}

.svc-card-num{
  position:absolute;top:16px;right:16px;
  font-family:'Cormorant Garamond',serif;
  font-size:2rem;font-weight:700;
  color:var(--ash);
  line-height:1;
  transition:var(--t);
}
.svc-card-arrow{
  margin-top:20px;
  color:var(--ink-50);
  transition:var(--t);
}

/* ── WHY WEPARTNAS ── */
.home-why{
  background:var(--brown-dk);
  padding:80px 0;
}
.why-grid{
  display:grid;
  grid-template-columns:1fr 1.2fr;
  gap:72px;
  align-items:center;
}
.why-phone-wrap{
  position:relative;
  display:flex;align-items:center;justify-content:center;
  padding:60px 20px;
}
.why-phone-ring{
  position:absolute;
  width:300px;height:300px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.08);
  top:50%;left:50%;transform:translate(-50%,-50%);
}
.why-phone-ring::before{
  content:'';
  position:absolute;inset:40px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,0.05);
}
.why-float-label{
  position:absolute;
  background:rgba(255,255,255,0.08);
  border:1px solid rgba(255,255,255,0.1);
  border-radius:100px;
  padding:6px 14px;
  font-size:0.7rem;font-weight:600;
  color:rgba(255,255,255,0.7);
  display:flex;align-items:center;gap:6px;
  backdrop-filter:blur(8px);
}
.why-float-label-1{top:15px;left:0;}
.why-float-label-2{bottom:20px;right:0;}

.why-pay-item{
  display:flex;align-items:center;gap:8px;
  padding:8px 10px;
  border-radius:8px;
  border:1px solid var(--ash);
  background:var(--white);
  transition:var(--t);
}
.why-pay-active{border-color:var(--peach);background:var(--peach-xt);}
.why-pay-icon{
  width:24px;height:24px;border-radius:6px;
  display:flex;align-items:center;justify-content:center;flex-shrink:0;
}
.why-pay-label{font-size:0.62rem;font-weight:600;color:var(--ink);flex:1;}
.why-pay-check{
  width:18px;height:18px;border-radius:50%;
  background:var(--peach);
  display:flex;align-items:center;justify-content:center;
}

.why-list{display:flex;flex-direction:column;gap:0;}
.why-item{
  display:flex;align-items:flex-start;gap:20px;
  padding:24px 0;
  border-bottom:1px solid rgba(255,255,255,0.08);
}
.why-item:first-child{padding-top:0;}
.why-item:last-child{border-bottom:none;}
.why-item-num{
  font-family:'Cormorant Garamond',serif;
  font-size:1.1rem;font-weight:700;
  color:rgba(255,255,255,0.2);
  flex-shrink:0;
  margin-top:2px;
  min-width:24px;
}

/* ── TESTIMONIALS ── */
.testi-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:24px;
}
.testi-card{
  background:var(--white);
  border:var(--rule);
  border-radius:var(--r-md);
  padding:32px 28px;
  position:relative;
  overflow:hidden;
  transition:var(--t);
}
.testi-card:hover{
  border-color:var(--peach);
  box-shadow:var(--sh-md);
  transform:translateY(-3px);
}
.testi-quote{
  font-family:'Cormorant Garamond',serif;
  font-size:5rem;font-weight:700;
  line-height:0.7;
  color:var(--peach-lt);
  margin-bottom:16px;
  display:block;
}
.testi-text{
  font-size:0.92rem;color:var(--grey);
  line-height:1.72;margin-bottom:24px;
}
.testi-author{display:flex;align-items:center;gap:12px;}
.testi-avatar{
  width:40px;height:40px;border-radius:50%;
  background:linear-gradient(135deg,var(--peach-lt),var(--peach));
  display:flex;align-items:center;justify-content:center;
  font-family:'Cormorant Garamond',serif;
  font-size:0.9rem;font-weight:700;
  color:var(--peach-dk);flex-shrink:0;
}
.testi-name{font-size:0.88rem;font-weight:700;color:var(--ink);}
.testi-role{font-size:0.75rem;color:var(--grey);}

/* ── CTA STRIP ── */
.home-cta{
  background:var(--ink);
  padding:72px 0;
}
.cta-inner{
  display:flex;
  align-items:center;justify-content:space-between;
  gap:40px;
  flex-wrap:wrap;
}
.cta-actions{display:flex;gap:14px;flex-wrap:wrap;}

/* ── RESPONSIVE ── */
@media(max-width:1020px){
  .svc-grid{grid-template-columns:1fr 1fr;}
  .svc-card:nth-child(2){border-right:none;}
  .svc-card:nth-child(3){border-top:var(--rule);}
  .svc-card:nth-child(4){border-top:var(--rule);border-right:none;}
}

@media(max-width:900px){
  .hero-inner{
    grid-template-columns:1fr;
    text-align:left;
    padding-top:40px;
  }
  .hero-right{display:none;}
  .hero-counter{font-size:5rem;top:68px;}
  .why-grid{grid-template-columns:1fr;}
  .why-phone-wrap{display:none;}
  .testi-grid{grid-template-columns:1fr;}
  .cta-inner{flex-direction:column;text-align:center;}
  .cta-actions{justify-content:center;}
}
@media(max-width:600px){
  .svc-grid{grid-template-columns:1fr;border-radius:var(--r-sm);}
  .svc-card{border-right:none;border-bottom:var(--rule);}
  .svc-card:last-child{border-bottom:none;}
  .hero-stat-row{flex-wrap:wrap;gap:16px;}
}