.page-tax-preparation main { --tx-gutter: 5%; }
.tx-eyebrow {
display: flex; align-items: center; gap: 18px;
margin: 0 0 14px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 15px; letter-spacing: .16em;
text-transform: uppercase; white-space: nowrap;
}
.tx-eyebrow::after {
content: ''; flex: 0 1 96px; min-width: 0; height: 2px;
background: var(--h-cyan); opacity: .95;
}
.tx-eyebrow-dark { color: var(--h-cyan); }
.tx-eyebrow-light { color: var(--t-ink); }
.tx-h {
margin: 0;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400;
line-height: 1.06;
letter-spacing: -.004em;
text-transform: uppercase;
}
.tx-h .l { display: block; }
@supports ((-webkit-mask-image: url('')) or (mask-image: url(''))) {
.tx-h .l {
-webkit-mask-image: url('/assets/img/hero/headline-mask.webp');
mask-image: url('/assets/img/hero/headline-mask.webp');
-webkit-mask-size: 420px 420px; mask-size: 420px 420px;
-webkit-mask-repeat: repeat; mask-repeat: repeat;
}
}
.tx-btn {
display: inline-flex; align-items: center; gap: 14px;
padding: 15px 28px;
background: var(--cta-bg); color: #FFFFFF;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 16px; letter-spacing: .09em;
text-transform: uppercase; text-decoration: none;
border: 0;
}
.tx-btn:hover { background: var(--cta-bg-hover); color: #FFFFFF; text-decoration: none; }
.tx-btn:focus-visible { outline: 3px solid #fff; outline-offset: 3px; }
.tx-btn svg { width: 30px; height: 10px; flex: 0 0 auto; }
.tx-hero::before,
.tx-returns::before,
.tx-standard::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
background-repeat: repeat, repeat;
opacity: .10;
mix-blend-mode: screen;
}
.tx-hero {
position: relative;
isolation: isolate;
background-color: var(--h-black);
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
}
.tx-hero-inner {
position: relative; z-index: 1;
--tx-copy-frac: .493;
display: grid;
grid-template-columns: calc(var(--tx-copy-frac) * 100%) 1fr;
align-items: stretch;
}
.tx-hero-copy {
display: flex; flex-direction: column; justify-content: flex-start;
padding: var(--hero-copy-top) calc(var(--tx-gutter) / var(--tx-copy-frac)) var(--hero-copy-bottom);
min-width: 0;
}
.tx-hero-h1 {
font-size: 64px;
color: var(--h-bone);
margin: 0 0 26px;
}
.tx-hero-lede {
margin: 0 0 34px;
max-width: 30em;
font-size: 18.5px; line-height: 1.55;
color: var(--h-muted);
}
.tx-hero-actions { display: flex; align-items: center; gap: 34px; flex-wrap: wrap; }
.tx-hero-photo { position: relative; min-width: 0; overflow: hidden; }
.tx-hero-photo picture { position: absolute; inset: 0; display: block; }
.tx-hero-photo img {
display: block; width: 100%; height: 100%;
object-fit: cover; object-position: 50% 3%;
}
.tx-books {
position: relative;
isolation: isolate;
background-color: var(--t-concrete);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
}
.tx-books::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
background-repeat: repeat;
mix-blend-mode: multiply;
opacity: .22;
}
.tx-books-inner {
position: relative; z-index: 1;
display: grid;
grid-template-columns: 45% 1fr;
gap: 56px;
align-items: start;
padding: 78px var(--tx-gutter);
}
.tx-books-copy { min-width: 0; }
.tx-books-h2 { font-size: 44px; color: var(--t-ink); margin: 0 0 22px; }
.tx-books-body {
margin: 0; max-width: 34em;
font-size: 17px; line-height: 1.62; color: var(--t-ink-soft);
}
.tx-checks { list-style: none; margin: 6px 0 0; padding: 0; min-width: 0; }
.tx-check {
display: flex; align-items: center; gap: 20px;
padding: 0 0 18px;
margin: 0 0 18px;
border-bottom: 1px solid var(--t-hair);
}
.tx-check:last-child { margin-bottom: 0; }
.tx-check p {
margin: 0; min-width: 0;
font-size: 17px; line-height: 1.45; color: var(--t-ink);
}
.tx-check-mark { flex: 0 0 auto; width: 30px; height: 30px; color: var(--h-cyan-dark); }
.tx-check-mark svg { display: block; width: 100%; height: 100%; }
.tx-returns {
position: relative;
isolation: isolate;
background-color: var(--h-black);
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
}
.tx-returns-inner { position: relative; z-index: 1; padding: 74px var(--tx-gutter); }
.tx-returns-head { margin: 0 0 42px; }
.tx-returns-h2 { font-size: 44px; color: var(--h-bone); }
.tx-returns-cols {
list-style: none; margin: 0; padding: 0;
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
border-top: 1px solid rgba(231,229,223,.20);
}
.tx-return {
min-width: 0;
padding: 32px 26px 34px;
border-left: 1px solid rgba(231,229,223,.20);
}
.tx-return:first-child { border-left: 0; padding-left: 0; }
.tx-return:last-child { padding-right: 0; }
.tx-return-icon { display: block; width: 46px; height: 46px; color: var(--h-bone); }
.tx-return-icon svg { display: block; width: 100%; height: 100%; }
.tx-return-title {
margin: 20px 0 10px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 15px; letter-spacing: .05em;
text-transform: uppercase; color: var(--h-bone);
overflow-wrap: anywhere;
}
.tx-return p {
margin: 0; min-width: 0;
font-size: 15.5px; line-height: 1.5; color: var(--h-muted);
}
.tx-also {
margin: 46px 0 0;
padding: 30px 0 0;
border-top: 1px solid rgba(231,229,223,.20);
}
.tx-also-label {
margin: 0 0 20px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 500; font-size: 13.5px; letter-spacing: .18em;
text-transform: uppercase; color: var(--h-cyan);
}
.tx-also-list {
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(2, minmax(0, 1fr));
gap: 26px 48px;
}
.tx-also-item { display: flex; align-items: flex-start; gap: 16px; min-width: 0; }
.tx-also-icon { flex: 0 0 auto; width: 34px; height: 34px; color: var(--h-bone); }
.tx-also-icon svg { display: block; width: 100%; height: 100%; }
.tx-also-body { min-width: 0; }
.tx-also-title {
margin: 0 0 5px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 14.5px; letter-spacing: .05em;
text-transform: uppercase; color: var(--h-bone);
overflow-wrap: anywhere;
}
.tx-also-body p { margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--h-muted); }
.tx-flow {
position: relative;
isolation: isolate;
background-color: var(--t-bone);
color: var(--t-ink);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
}
.tx-flow::before {
content: ''; position: absolute; inset: 0; z-index: 0; pointer-events: none;
background-image: url('/assets/img/section2/concrete-light.webp');
background-size: 420px 420px;
background-repeat: repeat;
mix-blend-mode: multiply;
opacity: .22;
}
.tx-flow-inner {
position: relative; z-index: 1;
--tx-photo-frac: .396;
display: grid;
grid-template-columns: calc(var(--tx-photo-frac) * 100%) 1fr;
align-items: stretch;
}
.tx-flow-photo {
position: relative;
min-width: 0;
min-height: 100%;
aspect-ratio: 296 / 310;
max-width: 100%;
background-color: var(--h-panel);
background-image:
linear-gradient(180deg, rgba(0,0,0,.34) 0%, rgba(0,0,0,0) 32%),
radial-gradient(120% 90% at 50% 46%, rgba(0,0,0,0) 40%, rgba(0,0,0,.42) 100%);
}
.tx-flow-photo:empty {
border-top: 1px solid rgba(231,229,223,.20);
border-bottom: 1px solid rgba(231,229,223,.20);
border-right: 1px solid rgba(231,229,223,.20);
}
.tx-flow-photo picture { display: block; width: 100%; height: 100%; }
.tx-flow-photo img { display: block; width: 100%; height: 100%; object-fit: cover; }
.tx-flow-copy {
min-width: 0;
padding: 74px calc(var(--tx-gutter) / (1 - var(--tx-photo-frac)));
}
.tx-flow-h2 { font-size: 44px; color: var(--t-ink); margin: 0 0 34px; }
.tx-steps {
list-style: none; margin: 0; padding: 0;
display: grid; grid-template-columns: repeat(3, minmax(0, 1fr));
}
.tx-step {
min-width: 0;
padding: 0 22px;
border-left: 1px solid var(--t-hair);
}
.tx-step:first-child { border-left: 0; padding-left: 0; }
.tx-step:last-child { padding-right: 0; }
.tx-step-num {
display: block;
font-family: 'Anton', 'Barlow Semi Condensed', Impact, sans-serif;
font-weight: 400; font-size: 42px; line-height: 1;
color: var(--h-cyan-dark); opacity: .55;
}
.tx-step-name {
margin: 12px 0 8px;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 15px; letter-spacing: .05em;
text-transform: uppercase; color: var(--t-ink);
overflow-wrap: anywhere;
}
.tx-step p { margin: 0; font-size: 15.5px; line-height: 1.5; color: var(--t-ink-soft); }
.tx-standard {
position: relative;
isolation: isolate;
background-color: var(--h-black);
color: var(--h-bone);
font-family: 'Inter', Helvetica, Arial, sans-serif;
overflow: hidden;
}
.tx-standard-inner {
position: relative; z-index: 1;
display: grid;
grid-template-columns: 52% 1fr;
gap: 48px;
align-items: center;
padding: 74px var(--tx-gutter);
}
.tx-standard-copy { min-width: 0; }
.tx-standard-h2 { font-size: 42px; color: var(--h-bone); margin: 0 0 20px; }
.tx-standard-lede {
margin: 0; max-width: 32em;
font-size: 17px; line-height: 1.6; color: var(--h-muted);
}
.tx-badges { list-style: none; margin: 0; padding: 0; min-width: 0; }
.tx-badge {
display: flex; align-items: center; gap: 20px;
padding: 0 0 20px;
margin: 0 0 20px;
border-bottom: 1px solid var(--h-cyan);
min-width: 0;
}
.tx-badge:last-child { margin-bottom: 0; }
.tx-badge-icon { flex: 0 0 auto; width: 40px; height: 40px; color: var(--h-bone); }
.tx-badge-icon svg { display: block; width: 100%; height: 100%; }
.tx-badge-name {
min-width: 0;
font-family: 'Barlow Semi Condensed', 'Inter', sans-serif;
font-weight: 800; font-size: 17px; letter-spacing: .06em;
text-transform: uppercase; color: var(--h-bone);
overflow-wrap: anywhere;
}
.page-tax-preparation .reviews {
--t-concrete: var(--h-black);
--t-ink: var(--h-bone);
--t-ink-soft: var(--h-muted);
--t-hair: rgba(231,229,223,.20);
--t-concrete-lo: rgba(231,229,223,.26);
padding-bottom: 78px;
}
@media (min-width: 981px) {
.page-tax-preparation .reviews { padding-top: 76px; }
}
.page-tax-preparation .reviews::before {
background-image: url('/assets/img/hero/concrete.webp'), url('/assets/img/hero/grain.webp');
background-size: 420px 420px, 128px 128px;
mix-blend-mode: screen;
opacity: .09;
}
.page-tax-preparation .rv-nav button { background: var(--h-panel); color: var(--h-bone); }
.page-tax-preparation .rv-nav button:hover { background: #2A2E31; }
.page-tax-preparation .rv-rating:hover .rv-rating-word,
.page-tax-preparation .rv-rating:hover .rv-rating-src { color: var(--h-cyan); }
.page-tax-preparation .trades { padding-bottom: 74px; }
@media (max-width: 1200px) {
.tx-hero-h1 { font-size: 4.6vw; }
.tx-books-h2, .tx-flow-h2 { font-size: 3.5vw; }
.tx-returns-h2 { font-size: 3.4vw; }
.tx-standard-h2 { font-size: 3.3vw; }
.tx-books-inner { grid-template-columns: 42% 1fr; gap: 40px; }
.tx-return { padding: 28px 16px 30px; }
.tx-return-title { font-size: 14px; }
.tx-return p, .tx-also-body p, .tx-step p { font-size: 14.5px; }
.tx-step { padding: 0 16px; }
}
@media (max-width: 980px) {
.tx-hero-inner {
--tx-copy-frac: 1;
grid-template-columns: 1fr;
min-height: 0;
}
.tx-hero-photo { order: -1; aspect-ratio: 16 / 10; }
.tx-hero-copy { padding: 54px var(--tx-gutter) 58px; }
.tx-hero-h1 { font-size: clamp(30px, 5.9vw, 52px); }
.tx-hero-lede { font-size: 17px; }
.tx-books-inner { grid-template-columns: 1fr; gap: 34px; padding: 56px var(--tx-gutter); }
.tx-books-h2 { font-size: clamp(26px, 4.6vw, 40px); }
.tx-returns-inner { padding: 56px var(--tx-gutter); }
.tx-returns-h2 { font-size: clamp(25px, 4.4vw, 38px); }
.tx-returns-cols { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.tx-return { padding: 26px 20px 28px; border-left: 1px solid rgba(231,229,223,.20); }
.tx-return:first-child { padding-left: 20px; }
.tx-return:nth-child(odd) { border-left: 0; padding-left: 0; }
.tx-return:last-child { padding-right: 20px; }
.tx-return:nth-child(even) { padding-right: 0; }
.tx-also-list { grid-template-columns: 1fr; }
.tx-flow-inner { --tx-photo-frac: 1; grid-template-columns: 1fr; }
.tx-flow-photo { order: -1; aspect-ratio: 16 / 9; min-height: 0; }
.tx-flow-photo:empty { display: none; }
.tx-flow-copy { padding: 56px var(--tx-gutter); }
.tx-flow-h2 { font-size: clamp(26px, 4.6vw, 40px); }
.tx-steps { grid-template-columns: 1fr; gap: 26px; }
.tx-step { padding: 0 0 0 18px; border-left: 2px solid var(--t-hair); }
.tx-step:first-child { padding-left: 18px; border-left: 2px solid var(--t-hair); }
.tx-step:last-child { padding-right: 0; }
.tx-standard-inner { grid-template-columns: 1fr; gap: 34px; padding: 56px var(--tx-gutter); }
.tx-standard-h2 { font-size: clamp(25px, 4.4vw, 38px); }
.page-tax-preparation .trades { padding-bottom: 56px; }
.page-tax-preparation .reviews { padding-bottom: 84px; }
}
@media (max-width: 620px) {
.page-tax-preparation main { --tx-gutter: 22px; }
.tx-eyebrow { font-size: 12.5px; letter-spacing: .1em; gap: 10px; }
.tx-eyebrow::after { flex-basis: 48px; }
.tx-hero-copy { padding: 40px var(--tx-gutter) 44px; }
.tx-hero-h1 { font-size: clamp(27px, 7.6vw, 34px); }
.tx-hero-lede { font-size: 16px; margin-bottom: 26px; }
.tx-hero-photo { aspect-ratio: 3 / 2; }
.tx-btn { font-size: 15px; padding: 14px 22px; }
.tx-books-inner, .tx-returns-inner, .tx-flow-copy, .tx-standard-inner {
padding-top: 44px; padding-bottom: 46px;
}
.tx-books-h2, .tx-flow-h2 { font-size: clamp(23px, 6.4vw, 30px); }
.tx-returns-h2, .tx-standard-h2 { font-size: clamp(22px, 6.1vw, 29px); }
.tx-returns-cols { grid-template-columns: 1fr; }
.tx-return,
.tx-return:first-child,
.tx-return:nth-child(odd),
.tx-return:nth-child(even),
.tx-return:last-child {
border-left: 0; padding: 24px 0 26px;
}
.tx-return + .tx-return { border-top: 1px solid rgba(231,229,223,.20); }
.tx-also { margin-top: 32px; }
.tx-check { gap: 14px; }
.tx-check p { font-size: 16px; }
.tx-check-mark { width: 24px; height: 24px; }
.tx-step-num { font-size: 34px; }
.tx-badge-name { font-size: 15.5px; }
.tx-badge-icon { width: 34px; height: 34px; }
.page-tax-preparation .trades { padding-bottom: 44px; }
}