:root {
--lp-paper: #f3ede0;
--lp-paper-soft: #faf6ec;
--lp-ink: #0a0a0a;
--lp-ink-soft: #2a2622;
--lp-yellow: #facf3b;
--lp-yellow-deep: #e6b81f;
--lp-muted: #6b6259;
--lp-pos: #1f7a3a;
--lp-neg: #b03a1a;
--lp-serif: 'Fraunces', 'Times New Roman', Georgia, serif;
--lp-sans: 'Instrument Sans', -apple-system, BlinkMacSystemFont, 'Helvetica Neue', sans-serif;
--lp-mono: 'JetBrains Mono', ui-monospace, 'SF Mono', Menlo, monospace;
} body.page-template-template-tenant-pays #content::before,
body.page-template-template-tenant-pays .page-header { display: none !important; }
body.page-template-template-tenant-pays .site-content {
background: var(--lp-paper) !important;
background-image:
radial-gradient(rgba(10,10,10,.025) 1px, transparent 1px),
radial-gradient(rgba(10,10,10,.018) 1px, transparent 1px);
background-size: 22px 22px, 7px 7px;
background-position: 0 0, 11px 11px;
padding: 0 !important;
}
body.page-template-template-tenant-pays {
font-family: var(--lp-sans) !important;
}
.ccs-lp,
.ccs-lp * { box-sizing: border-box; }
.ccs-lp { color: var(--lp-ink); }
.ccs-lp h1, .ccs-lp h2, .ccs-lp h3 {
margin: 0;
font-family: var(--lp-serif) !important;
color: var(--lp-ink);
}
.ccs-lp p { margin: 0; }
.ccs-lp a { color: inherit; text-decoration: none; } .ccs-lp-hero {
padding: 80px 24px 80px;
max-width: 1320px;
margin: 0 auto;
}
.ccs-lp-hero-inner {
display: grid;
grid-template-columns: minmax(0, 1fr) 460px;
gap: 64px;
align-items: start;
}
.ccs-lp-kicker {
display: inline-flex;
align-items: center;
gap: 10px;
flex-wrap: wrap;
font-family: var(--lp-mono) !important;
font-size: 11.5px;
font-weight: 500;
letter-spacing: .1em;
color: var(--lp-ink);
text-transform: uppercase;
margin-bottom: 28px;
}
.ccs-lp-kicker-mark {
display: inline-block;
width: 28px;
height: 10px;
background: var(--lp-yellow);
border: 1.5px solid var(--lp-ink);
}
.ccs-lp-kicker-sep { opacity: .35; font-weight: 400; margin: 0 -2px; }
.ccs-lp-h1 {
font-family: var(--lp-serif) !important;
font-weight: 600;
font-variation-settings: 'opsz' 144, 'SOFT' 30;
font-size: clamp(40px, 5.4vw, 78px);
line-height: 1.02;
letter-spacing: -0.025em;
margin-bottom: 44px;
text-wrap: balance;
padding-bottom: 4px;
}
.ccs-lp-h1 em {
font-style: italic;
font-weight: 400;
color: var(--lp-ink-soft);
}
.ccs-lp-deck {
font-family: var(--lp-serif) !important;
font-weight: 300;
font-style: italic;
font-variation-settings: 'opsz' 60;
font-size: clamp(18px, 1.65vw, 23px);
line-height: 1.5;
color: var(--lp-ink-soft);
margin-bottom: 36px;
max-width: 620px;
text-wrap: pretty;
}
.ccs-lp-deck strong {
font-weight: 600;
font-style: normal;
color: var(--lp-ink);
background: linear-gradient(180deg, transparent 72%, var(--lp-yellow) 72%, var(--lp-yellow) 96%, transparent 96%);
padding: 0 4px;
box-decoration-break: clone;
-webkit-box-decoration-break: clone;
}
.ccs-lp-deck { line-height: 1.55; }
.ccs-lp-bullets {
list-style: none;
padding: 0;
margin: 0;
border-top: 1.5px solid var(--lp-ink);
}
.ccs-lp-bullets li {
display: grid;
grid-template-columns: 56px 1fr;
align-items: center;
gap: 18px;
padding: 18px 0;
border-bottom: 1.5px solid var(--lp-ink);
font-family: var(--lp-sans) !important;
font-size: 16px;
color: var(--lp-ink);
line-height: 1.45;
}
.ccs-lp-bullet-num {
font-family: var(--lp-mono) !important;
font-size: 12px;
font-weight: 700;
color: var(--lp-ink);
background: var(--lp-yellow);
border: 1.5px solid var(--lp-ink);
padding: 4px 8px;
text-align: center;
line-height: 1;
letter-spacing: .04em;
width: fit-content;
} .ccs-lp-card-col {
display: flex;
flex-direction: column;
gap: 24px;
position: sticky;
top: 100px;
}
.ccs-lp-receipt {
background: var(--lp-paper-soft);
border: 1.5px solid var(--lp-ink);
padding: 22px 24px 24px;
box-shadow: 8px 8px 0 0 var(--lp-yellow);
position: relative;
}
.ccs-lp-receipt-head {
display: flex;
justify-content: space-between;
align-items: center;
font-family: var(--lp-mono) !important;
font-size: 11px;
font-weight: 700;
letter-spacing: .14em;
color: var(--lp-ink);
padding-bottom: 14px;
border-bottom: 1.5px solid var(--lp-ink);
margin-bottom: 14px;
}
.ccs-lp-receipt-tag {
background: var(--lp-yellow);
border: 1.5px solid var(--lp-ink);
padding: 3px 8px;
font-size: 10px;
}
.ccs-lp-receipt-line {
display: flex;
justify-content: space-between;
align-items: baseline;
gap: 16px;
padding: 10px 0;
}
.ccs-lp-rl-label {
font-family: var(--lp-sans) !important;
font-size: 14px;
color: var(--lp-ink-soft);
}
.ccs-lp-rl-amt {
font-family: var(--lp-mono) !important;
font-size: 18px;
font-weight: 700;
letter-spacing: -0.01em;
}
.ccs-lp-rl-amt.is-pos { color: var(--lp-pos); }
.ccs-lp-rl-amt.is-neg { color: var(--lp-neg); }
.ccs-lp-rl-amt.is-big {
font-family: var(--lp-serif) !important;
font-size: 32px;
font-weight: 600;
font-variation-settings: 'opsz' 96;
color: var(--lp-ink);
background: var(--lp-yellow);
border: 1.5px solid var(--lp-ink);
padding: 2px 10px;
line-height: 1.1;
}
.ccs-lp-receipt-rule {
height: 1.5px;
background: var(--lp-ink);
margin: 8px 0 4px;
}
.ccs-lp-receipt-line.is-total {
padding-top: 10px;
align-items: center;
}
.ccs-lp-receipt-line.is-total .ccs-lp-rl-label {
font-family: var(--lp-serif) !important;
font-size: 16px;
font-weight: 500;
color: var(--lp-ink);
}
.ccs-lp-receipt-asset {
margin-top: 18px;
padding-top: 16px;
border-top: 1.5px dashed rgba(10,10,10,.3);
text-align: center;
}
.ccs-lp-asset-label {
font-family: var(--lp-mono) !important;
font-size: 11px;
text-transform: uppercase;
letter-spacing: .1em;
color: var(--lp-muted);
margin-bottom: 6px;
}
.ccs-lp-asset-value {
font-family: var(--lp-serif) !important;
font-size: clamp(28px, 3vw, 38px);
font-weight: 600;
font-variation-settings: 'opsz' 96;
color: var(--lp-ink);
letter-spacing: -0.02em;
line-height: 1;
margin-bottom: 8px;
}
.ccs-lp-asset-foot {
font-family: var(--lp-sans) !important;
font-size: 12px;
color: var(--lp-muted);
line-height: 1.45;
} .ccs-lp-form,
.ccs-lp-success {
background: var(--lp-ink);
color: #fff;
border: 1.5px solid var(--lp-ink);
padding: 26px 26px 24px;
box-shadow: 8px 8px 0 0 var(--lp-yellow);
position: relative;
}
.ccs-lp-form::before,
.ccs-lp-success::before {
content: '';
position: absolute;
top: 0; right: 0;
width: 90px; height: 14px;
background: var(--lp-yellow);
border-left: 1.5px solid var(--lp-ink);
border-bottom: 1.5px solid var(--lp-ink);
}
.ccs-lp-form-head {
margin-bottom: 18px;
padding-bottom: 16px;
border-bottom: 1.5px solid rgba(255,255,255,.18);
}
.ccs-lp-form-eyebrow {
font-family: var(--lp-mono) !important;
font-size: 11px;
font-weight: 700;
color: var(--lp-yellow);
letter-spacing: .14em;
margin-bottom: 8px;
}
.ccs-lp-form-title {
font-family: var(--lp-serif) !important;
color: #fff !important;
font-size: 26px;
font-weight: 500;
font-variation-settings: 'opsz' 60;
line-height: 1.05;
letter-spacing: -0.018em;
margin-bottom: 6px;
}
.ccs-lp-form-sub {
font-family: var(--lp-sans) !important;
color: rgba(255,255,255,.78);
font-size: 14px;
line-height: 1.5;
}
.ccs-lp-field {
display: block;
margin-bottom: 12px;
}
.ccs-lp-field-row {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 10px;
}
.ccs-lp-field-label {
display: block;
font-family: var(--lp-mono) !important;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
color: rgba(255,255,255,.7);
margin-bottom: 6px;
}
.ccs-lp-field input {
width: 100%;
background: var(--lp-paper-soft);
color: var(--lp-ink) !important;
border: 1.5px solid var(--lp-ink);
padding: 12px 14px;
font-family: var(--lp-sans) !important;
font-size: 15px;
line-height: 1.3;
border-radius: 0;
outline: none;
transition: box-shadow .15s ease, border-color .15s ease;
}
.ccs-lp-field input:focus {
box-shadow: 4px 4px 0 0 var(--lp-yellow);
transform: translate(-1px, -1px);
}
.ccs-lp-field.is-error input {
border-color: var(--lp-neg);
background: #ffe8e0;
} .pac-container {
background: var(--lp-paper-soft) !important;
border: 1.5px solid var(--lp-ink) !important;
border-radius: 0 !important;
box-shadow: 5px 5px 0 0 var(--lp-yellow) !important;
font-family: var(--lp-sans) !important;
margin-top: 4px;
padding: 0;
}
.pac-container::after { display: none !important; } .pac-item {
padding: 10px 14px !important;
border-top: 1px solid rgba(10,10,10,.08) !important;
font-family: var(--lp-sans) !important;
font-size: 14px !important;
color: var(--lp-ink-soft) !important;
cursor: pointer;
line-height: 1.35 !important;
}
.pac-item:first-child { border-top: 0 !important; }
.pac-item:hover, .pac-item-selected {
background: var(--lp-yellow) !important;
color: var(--lp-ink) !important;
}
.pac-item-query {
font-family: var(--lp-serif) !important;
font-weight: 600 !important;
color: var(--lp-ink) !important;
font-size: 15px !important;
}
.pac-icon {
background-image: none !important;
background: var(--lp-yellow) !important;
border: 1.5px solid var(--lp-ink) !important;
width: 14px !important;
height: 14px !important;
margin-top: 4px !important;
margin-right: 10px !important;
}
.pac-matched { font-weight: 700; color: var(--lp-ink); }
.ccs-lp-honey {
position: absolute !important;
left: -10000px !important;
width: 1px !important;
height: 1px !important;
opacity: 0 !important;
}
.ccs-lp-submit {
appearance: none;
-webkit-appearance: none;
width: 100%;
margin-top: 14px;
padding: 16px 22px;
background: var(--lp-yellow);
color: var(--lp-ink) !important;
border: 1.5px solid var(--lp-yellow);
font-family: var(--lp-mono) !important;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .12em;
cursor: pointer;
box-shadow: 5px 5px 0 0 var(--lp-paper-soft);
transition: transform .15s ease, box-shadow .15s ease;
display: flex;
align-items: center;
justify-content: center;
gap: 14px;
line-height: 1;
}
.ccs-lp-submit:hover:not(.is-loading) {
transform: translate(-2px, -2px);
box-shadow: 7px 7px 0 0 var(--lp-paper-soft);
}
.ccs-lp-submit:active:not(.is-loading) {
transform: translate(2px, 2px);
box-shadow: 1px 1px 0 0 var(--lp-paper-soft);
}
.ccs-lp-submit-arrow { font-size: 18px; }
.ccs-lp-submit.is-loading {
cursor: wait;
opacity: .7;
}
.ccs-lp-form-foot {
text-align: center;
margin-top: 14px;
font-family: var(--lp-mono) !important;
font-size: 11px;
color: rgba(255,255,255,.55);
letter-spacing: .08em;
}
.ccs-lp-form-error {
display: none;
margin-top: 12px;
padding: 10px 14px;
background: #ffe8e0;
color: var(--lp-neg);
border: 1.5px solid var(--lp-neg);
font-family: var(--lp-mono) !important;
font-size: 12px;
line-height: 1.45;
}
.ccs-lp-form-error.is-shown { display: block; } .ccs-lp-success { padding: 32px 28px 28px; }
.ccs-lp-success-mark {
width: 56px;
height: 56px;
border: 1.5px solid var(--lp-yellow);
background: var(--lp-yellow);
color: var(--lp-ink);
font-size: 32px;
line-height: 56px;
text-align: center;
margin: 0 auto 20px;
font-weight: 700;
}
.ccs-lp-success h3 {
font-family: var(--lp-serif) !important;
color: #fff !important;
font-size: 24px;
font-weight: 500;
font-variation-settings: 'opsz' 60;
text-align: center;
margin-bottom: 12px;
line-height: 1.1;
text-wrap: balance;
}
.ccs-lp-success > p {
text-align: center;
color: rgba(255,255,255,.78);
font-size: 14.5px;
line-height: 1.55;
margin-bottom: 24px;
}
.ccs-lp-success-next {
display: grid;
grid-template-columns: 44px 1fr;
gap: 14px;
align-items: start;
padding: 14px 0;
border-top: 1.5px solid rgba(255,255,255,.16);
}
.ccs-lp-success-next:last-of-type { border-bottom: 1.5px solid rgba(255,255,255,.16); }
.ccs-lp-success-num {
font-family: var(--lp-mono) !important;
font-size: 12px;
font-weight: 700;
color: var(--lp-ink);
background: var(--lp-yellow);
border: 1.5px solid var(--lp-yellow);
padding: 4px 7px;
line-height: 1;
letter-spacing: .04em;
text-align: center;
}
.ccs-lp-success-next strong {
display: block;
font-family: var(--lp-mono) !important;
color: var(--lp-yellow);
font-size: 11px;
font-weight: 700;
letter-spacing: .12em;
text-transform: uppercase;
margin-bottom: 4px;
}
.ccs-lp-success-next span {
font-family: var(--lp-sans) !important;
color: rgba(255,255,255,.85);
font-size: 14px;
line-height: 1.45;
}
.ccs-lp-success-call {
display: block;
margin-top: 22px;
padding: 14px 18px;
background: transparent;
color: var(--lp-yellow) !important;
border: 1.5px solid var(--lp-yellow);
font-family: var(--lp-mono) !important;
font-size: 13px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .1em;
text-align: center;
transition: background .15s ease, color .15s ease;
}
.ccs-lp-success-call:hover {
background: var(--lp-yellow);
color: var(--lp-ink) !important;
} .ccs-lp-strip {
background: #fff;
border-top: 1.5px solid var(--lp-ink);
border-bottom: 1.5px solid var(--lp-ink);
padding: 56px 24px;
}
.ccs-lp-strip-inner {
max-width: 1320px;
margin: 0 auto;
display: grid;
grid-template-columns: repeat(3, 1fr);
gap: 0;
border-left: 1.5px solid var(--lp-ink);
}
.ccs-lp-strip-item {
padding: 28px 28px;
border-right: 1.5px solid var(--lp-ink);
position: relative;
}
.ccs-lp-strip-num {
position: absolute;
top: 0;
left: 0;
background: var(--lp-yellow);
border: 1.5px solid var(--lp-ink);
border-top: none;
border-left: none;
padding: 6px 10px;
font-family: var(--lp-mono) !important;
font-size: 11px;
font-weight: 700;
color: var(--lp-ink);
letter-spacing: .04em;
}
.ccs-lp-strip-item h3 {
font-family: var(--lp-serif) !important;
font-size: 22px;
font-weight: 500;
font-variation-settings: 'opsz' 60;
color: var(--lp-ink);
line-height: 1.15;
letter-spacing: -0.015em;
margin: 18px 0 10px;
}
.ccs-lp-strip-item p {
font-family: var(--lp-sans) !important;
font-size: 14.5px;
line-height: 1.55;
color: var(--lp-ink-soft);
} .ccs-lp-attack {
background: var(--lp-ink);
color: #fff;
padding: 80px 24px;
}
.ccs-lp-attack-inner {
max-width: 1280px;
margin: 0 auto;
}
.ccs-lp-attack-eyebrow {
font-family: var(--lp-mono) !important;
font-size: 12px;
font-weight: 700;
color: var(--lp-yellow);
letter-spacing: .14em;
margin-bottom: 14px;
}
.ccs-lp-attack-h2 {
font-family: var(--lp-serif) !important;
color: #fff !important;
font-size: clamp(32px, 4.2vw, 56px);
line-height: 1.0;
font-weight: 500;
font-variation-settings: 'opsz' 144;
letter-spacing: -0.022em;
margin-bottom: 48px;
max-width: 980px;
text-wrap: balance;
}
.ccs-lp-attack-h2 em {
font-style: italic;
color: var(--lp-yellow);
font-weight: 400;
}
.ccs-lp-compare {
display: grid;
grid-template-columns: 1fr 1fr;
gap: 0;
border-left: 1.5px solid rgba(255,255,255,.22);
}
.ccs-lp-compare-col {
padding: 32px 32px 36px;
border-right: 1.5px solid rgba(255,255,255,.22);
border-top: 1.5px solid rgba(255,255,255,.22);
border-bottom: 1.5px solid rgba(255,255,255,.22);
}
.ccs-lp-compare-col.is-good {
background: var(--lp-yellow);
color: var(--lp-ink);
border-top-color: var(--lp-ink);
border-right-color: var(--lp-ink);
border-bottom-color: var(--lp-ink);
}
.ccs-lp-compare-tag {
display: inline-block;
font-family: var(--lp-mono) !important;
font-size: 11px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .14em;
padding: 5px 10px;
border: 1.5px solid currentColor;
margin-bottom: 22px;
}
.ccs-lp-compare-num {
font-family: var(--lp-serif) !important;
font-size: clamp(40px, 5vw, 64px);
font-weight: 600;
font-variation-settings: 'opsz' 144;
line-height: 0.95;
letter-spacing: -0.025em;
margin-bottom: 10px;
}
.ccs-lp-compare-line {
font-family: var(--lp-serif) !important;
font-style: italic;
font-size: 18px;
line-height: 1.35;
margin-bottom: 22px;
opacity: .9;
}
.ccs-lp-compare-col ul {
list-style: none;
padding: 0;
margin: 0;
}
.ccs-lp-compare-col ul li {
padding: 10px 0;
border-top: 1.5px solid currentColor;
font-family: var(--lp-sans) !important;
font-size: 14.5px;
line-height: 1.45;
opacity: .9;
}
.ccs-lp-compare-col.is-good ul li { border-color: rgba(10,10,10,.25); } .ccs-lp-cta {
background: var(--lp-paper);
padding: 80px 24px 96px;
}
.ccs-lp-cta-inner {
max-width: 760px;
margin: 0 auto;
text-align: center;
}
.ccs-lp-cta h2 {
font-family: var(--lp-serif) !important;
font-size: clamp(36px, 4.5vw, 60px);
line-height: 1.0;
font-weight: 600;
font-variation-settings: 'opsz' 144;
letter-spacing: -0.025em;
margin-bottom: 16px;
text-wrap: balance;
}
.ccs-lp-cta p {
font-family: var(--lp-serif) !important;
font-style: italic;
font-weight: 300;
font-size: 19px;
line-height: 1.5;
color: var(--lp-ink-soft);
margin-bottom: 32px;
}
.ccs-lp-cta-btn {
display: inline-flex;
align-items: center;
justify-content: center;
gap: 14px;
padding: 18px 32px;
background: var(--lp-ink);
color: #fff !important;
border: 1.5px solid var(--lp-ink);
font-family: var(--lp-mono) !important;
font-size: 14px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .12em;
box-shadow: 6px 6px 0 0 var(--lp-yellow);
transition: transform .15s ease, box-shadow .15s ease;
}
.ccs-lp-cta-btn:hover {
transform: translate(-3px, -3px);
box-shadow: 9px 9px 0 0 var(--lp-yellow);
}
.ccs-lp-cta-call {
display: block;
margin-top: 18px;
font-family: var(--lp-mono) !important;
font-size: 13px;
color: var(--lp-ink-soft);
letter-spacing: .04em;
} @media (max-width: 1024px) {
.ccs-lp-hero-inner { grid-template-columns: 1fr; gap: 40px; }
.ccs-lp-card-col { position: static; }
}
@media (max-width: 768px) {
.ccs-lp-hero { padding: 48px 18px 56px; }
.ccs-lp-h1 { font-size: 38px; line-height: 0.98; margin-bottom: 22px; }
.ccs-lp-deck { font-size: 17px; line-height: 1.45; margin-bottom: 28px; }
.ccs-lp-bullets li { font-size: 15px; padding: 14px 0; gap: 12px; grid-template-columns: 44px 1fr; }
.ccs-lp-receipt { padding: 18px 18px 20px; box-shadow: 5px 5px 0 0 var(--lp-yellow); }
.ccs-lp-rl-amt.is-big { font-size: 24px; }
.ccs-lp-form { padding: 22px 20px 22px; box-shadow: 5px 5px 0 0 var(--lp-yellow); }
.ccs-lp-form-title { font-size: 22px; }
.ccs-lp-field-row { grid-template-columns: 1fr; gap: 12px; }
.ccs-lp-strip { padding: 40px 18px; }
.ccs-lp-strip-inner {
grid-template-columns: 1fr;
border-left: 1.5px solid var(--lp-ink);
}
.ccs-lp-strip-item { border-right: 1.5px solid var(--lp-ink); border-top: 1.5px solid var(--lp-ink); }
.ccs-lp-strip-item:first-child { border-top: 0; }
.ccs-lp-attack { padding: 56px 18px; }
.ccs-lp-attack-h2 { font-size: 30px; line-height: 1.04; margin-bottom: 32px; }
.ccs-lp-compare {
grid-template-columns: 1fr;
border-left: 1.5px solid rgba(255,255,255,.22);
}
.ccs-lp-compare-col.is-good { border-left-color: var(--lp-ink); }
.ccs-lp-compare-num { font-size: 42px; }
.ccs-lp-cta { padding: 56px 18px 72px; }
.ccs-lp-cta h2 { font-size: 36px; line-height: 1.02; }
.ccs-lp-cta p { font-size: 17px; }
.ccs-lp-cta-btn { width: 100%; padding: 16px 20px; }
}