/* TaxReck home page: its own sections, on the shared split screen (split.css loads first). */

/* 01 welcome */
.intro{position:relative;height:clamp(420px,62vh,600px);border-radius:30px;overflow:hidden;background:#1B2440}
.intro img{width:100%;height:100%;object-fit:cover;object-position:72% 28%;animation:settle 1.6s var(--ease) both}
@keyframes settle{from{transform:scale(1.06)}}
.intro::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,0) 55%,rgba(11,16,32,.5));pointer-events:none}
.pchip{position:absolute;z-index:1;display:flex;align-items:center;gap:12px;padding:13px 18px 13px 13px;border-radius:20px;background:rgba(255,255,255,.9);-webkit-backdrop-filter:blur(14px) saturate(1.4);backdrop-filter:blur(14px) saturate(1.4);box-shadow:0 20px 40px -12px rgba(11,16,32,.4);color:var(--ink)}
.pchip i{flex:none;display:grid;place-items:center;width:40px;height:40px;border-radius:12px;background:var(--ink);color:var(--acc);font-style:normal;font-size:18px;font-weight:800}
.pchip i svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}
.pchip small{display:block;color:var(--muted);font-size:12px;font-weight:700}
.pchip b{display:block;font-size:16px;letter-spacing:-.015em}
.pchip-a{top:20px;right:20px;background:var(--acc)}
.pchip-a small{color:#2A3A0A}
.pchip-b{left:20px;bottom:20px}
.stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:24px;border:1px solid var(--line);border-radius:24px}
.stats div{padding:22px 24px;border-left:1px solid var(--line)}
.stats div:first-child{border-left:0}
.stats b{display:block;color:var(--ink);font-size:40px;font-weight:800;letter-spacing:-.05em;line-height:1}
.stats b em{font-style:normal;color:var(--acc-text)}
.stats span{display:block;margin-top:6px;color:var(--muted);font-size:13.5px;line-height:1.4}
.works{margin-top:22px}
.works p{color:var(--muted);font-size:13.5px}
.works ul{display:flex;flex-wrap:wrap;align-items:center;gap:14px 34px;margin:12px 0 0;padding:0;list-style:none}
.works img{display:block;width:auto;height:52px}
.works li:first-child img{height:66px}
.works .wide img{height:26px}

/* 02 services */
.svc{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:26px;overflow:hidden}
.svc a{display:flex;gap:16px;padding:24px 24px 24px 22px;border-top:1px solid var(--line);border-left:1px solid var(--line);color:inherit;text-decoration:none;transition:background .25s}
.svc a:nth-child(-n+2){border-top:0}
.svc a:nth-child(odd){border-left:0}
.svc a:hover{background:var(--soft)}
.svc .ic{flex:none;display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:var(--acc-soft);color:var(--acc-text)}
.svc .ic svg{width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.svc h3{margin:0;color:var(--ink);font-size:18px;font-weight:800;letter-spacing:-.02em;line-height:1.2}
.svc p{margin-top:5px!important;color:var(--muted);font-size:14.5px;line-height:1.5}
.svc .all{justify-content:space-between;align-items:center;background:var(--ink);color:#fff}
.svc .all:hover{background:var(--dark-2)}
.svc .all b{font-size:17px}
.svc .all span{color:var(--acc);font-weight:700}

/* 03 who we work with */
.who{display:grid;grid-template-columns:1.2fr 1fr 1fr;grid-template-rows:230px 230px;gap:14px}
.who a{position:relative;border-radius:24px;overflow:hidden;background:#1B2440;color:#fff;text-decoration:none}
.who a:first-child{grid-row:span 2}
.who img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform .8s var(--ease)}
.who a:hover img{transform:scale(1.05)}
.who a::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,16,32,0) 40%,rgba(11,16,32,.86))}
.who span{position:absolute;left:20px;right:20px;bottom:18px;z-index:1}
.who b{display:block;font-size:19px;letter-spacing:-.02em;line-height:1.2}
.who small{display:block;margin-top:3px;color:#D5DBE6;font-size:13px;line-height:1.4}

/* 04 what you can count on */
.prom{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.prom div{padding:26px;border-radius:24px;background:var(--soft)}
.prom b{display:block;margin-bottom:26px;color:var(--acc-text);font-size:13px;font-weight:800}
.prom h3{margin:0;color:var(--ink);font-size:20px;font-weight:800;letter-spacing:-.02em}
.prom p{margin-top:6px!important;color:var(--muted);font-size:15px;line-height:1.55}
.prom .dk{background:var(--ink)}
.prom .dk h3{color:#fff}
.prom .dk p{color:var(--on-dark)}
.prom .dk b{color:var(--acc)}

/* 05 deadlines: the board keeps its styles from styles.css and modern.css */
.split .board{box-shadow:0 30px 60px -40px rgba(11,16,32,.45)}
.split .board-top h3{margin:0}
.split .ring{width:100px}


@media (max-width:1099px){
  .intro{height:clamp(320px,62vw,520px)}
}
@media (max-width:760px){
  .stats{grid-template-columns:1fr 1fr}
  .stats div:nth-child(3){border-left:0}
  .stats div:nth-child(n+3){border-top:1px solid var(--line)}
  .svc{grid-template-columns:1fr}
  .svc a{border-left:0!important}
  .svc a:nth-child(2){border-top:1px solid var(--line)}
  .who{grid-template-columns:1fr 1fr;grid-template-rows:none;grid-auto-rows:190px}
  .who a:first-child{grid-row:auto;grid-column:span 2;height:240px}
  .prom{grid-template-columns:1fr}
}
@media (max-width:520px){
  .pchip{padding:10px 14px 10px 10px}
  .pchip b{font-size:14.5px}
  .pchip-a{top:14px;right:14px}.pchip-b{left:14px;bottom:14px}
  .stats div{padding:18px}
  .stats b{font-size:34px}
  .who{grid-template-columns:1fr;grid-auto-rows:200px}
  .who a:first-child{grid-column:auto;height:auto}
}
@media (prefers-reduced-motion:reduce){
  .intro img{animation:none}
  .who img{transition:none}
}

/* the line of plain words under the headline, inside the h1 so it counts as part of the page's main heading (30 Sep 2026) */
.say > h1 small{display:block;margin-top:14px;color:rgba(255,255,255,.74);font-size:15.5px;font-weight:600;letter-spacing:-.01em;line-height:1.4;text-wrap:balance}
@media (min-width:1100px) and (max-height:700px){.say > h1 small{margin-top:10px;font-size:14px}}