body{margin:0;background:#17160F}
html{scroll-behavior:smooth}
a{color:#17160F}
a.tke-btn:hover{background:#A83522;color:#FFF9F2}
a.tke-nav:hover{text-decoration:underline;text-decoration-color:#E8836A;text-underline-offset:6px}
a:focus-visible,summary:focus-visible{outline:2px solid #17160F;outline-offset:3px}
header a:focus-visible,footer a:focus-visible{outline-color:#FFF9F2}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
details[open] .tke-plus{transform:rotate(45deg)}

/* extracted inline styles */
.s1{font-family: 'Montserrat', system-ui, sans-serif;color: #17160F;background: #F5F2EC;font-size: 17px;line-height: 1.65;font-weight: 400}
.s2{background: #17160F}
.s3{max-width: 1120px;margin: 0 auto;padding: 12px clamp(16px, 5vw, 48px);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 16px}
.s4{font-size: clamp(16px, 4.6vw, 18px);font-weight: 700;letter-spacing: -0.01em;text-decoration: none;color: #FFF9F2;min-height: 44px;display: inline-flex;align-items: center}
.s5{display: flex;flex-wrap: wrap;align-items: center;gap: 4px 28px}
.s6{color: #FFF9F2;font-size: 15px;font-weight: 500;text-decoration: none;min-height: 44px;display: inline-flex;align-items: center}
.s7{font-size: 15px;font-weight: 700;text-decoration: none;background: #C3402B;color: #FFF9F2;padding: 0 clamp(14px, 4vw, 20px);min-height: 44px;display: inline-flex;align-items: center;border-radius: 3px;white-space: nowrap}
.s8{max-width: 1120px;margin: 0 auto;padding: clamp(48px, 7vw, 96px) clamp(20px, 5vw, 48px) clamp(48px, 6vw, 80px);display: flex;flex-wrap: wrap;align-items: center;gap: 40px 64px}
.s9{flex: 1 1 520px;min-width: 0;display: flex;flex-direction: column;gap: 28px}
.s10{margin: 0;font-size: 16px;font-weight: 600;color: #A83522}
.s11{margin: 0;font-size: clamp(38px, 5.4vw, 64px);line-height: 1.06;font-weight: 800;letter-spacing: -0.035em;color: #17160F}
.s12{font-weight: 300}
.s13{display: flex;flex-wrap: wrap;align-items: flex-end;justify-content: space-between;gap: 48px 64px}
.s14{flex: 1 1 420px;min-width: 0;display: flex;flex-direction: column;gap: 28px}
.s15{margin: 0;max-width: 540px;font-size: clamp(17px, 1.5vw, 19px);line-height: 1.6;color: #484640}
.s16{display: flex;flex-wrap: nowrap;align-items: center;gap: 16px}
.s16 .s17{flex: none}
.s16 .s18{flex: 0 1 auto;min-width: 0;line-height: 1.35}
.s17{font-size: 16px;font-weight: 700;text-decoration: none;background: #C3402B;color: #FFF9F2;padding: 0 30px;min-height: 54px;display: inline-flex;align-items: center;border-radius: 3px}
.s18{font-size: 15px;font-weight: 500;color: #484640}
.s19{flex: 0 1 380px;min-width: 0;display: flex;flex-direction: column;gap: 14px}
.s20{display: flex;align-items: flex-end;gap: 32px;padding: 0 8px;border-bottom: 1px solid #17160F}
.s21{flex: 1 1 0;display: flex;align-items: flex-end;justify-content: center;gap: 14px}
.s22{display: flex;flex-direction: column;align-items: center;gap: 8px}
.s23{font-size: 14px;font-weight: 600;color: #484640;line-height: 1}
.s24{width: 52px;height: 22px;background: #C4C0B6}
.s25{font-size: 28px;font-weight: 800;letter-spacing: -0.03em;line-height: 1}
.s26{width: 52px;height: 220px;background: #17160F}
.s27{width: 52px;height: 44px;background: #C3402B}
.s28{display: flex;gap: 32px;padding: 0 8px;font-size: 14px;font-weight: 600;text-align: center}
.s29{flex: 1 1 0}
.s30{margin: 0;font-size: 14px;line-height: 1.5;color: #484640;text-align: center}
.s31{border-top: 1px solid #D6D3CD}
.s32{max-width: 1120px;margin: 0 auto;padding: clamp(48px, 6vw, 80px) clamp(20px, 5vw, 48px);display: flex;flex-wrap: wrap;gap: 24px 64px}
.s33{margin: 0;flex: 0 0 200px;font-size: 14px;font-weight: 600;color: #A83522}
.s34{flex: 1 1 480px;min-width: 0;display: flex;flex-direction: column;gap: 24px}
.s35{margin: 0;font-size: clamp(26px, 3.4vw, 40px);line-height: 1.18;font-weight: 700;letter-spacing: -0.025em}
.s36{margin: 0;max-width: 620px;color: #484640}
.s37{max-width: 1120px;margin: 0 auto;padding: clamp(48px, 6vw, 80px) clamp(20px, 5vw, 48px);display: flex;flex-direction: column;gap: 40px}
.s38{display: flex;flex-wrap: wrap;gap: 24px 64px}
.s39{margin: 0;flex: 1 1 480px;min-width: 0;font-size: clamp(26px, 3.4vw, 40px);line-height: 1.18;font-weight: 700;letter-spacing: -0.025em}
.s40{margin: 0;padding: 0;list-style: none;display: flex;flex-wrap: wrap;gap: 32px 32px}
.s41{flex: 1 1 220px;min-width: 0;display: flex;flex-direction: column;gap: 12px}
.s42{display: flex;align-items: center;gap: 0}
.s43{width: 11px;height: 11px;border-radius: 50%;background: #17160F;flex: none}
.s44{height: 1px;background: #C4C0B6;flex: 1 1 auto}
.s45{margin: 0;font-size: 14px;font-weight: 600;color: #A83522}
.s46{margin: 0;font-size: 20px;line-height: 1.25;font-weight: 700;letter-spacing: -0.015em}
.s47{margin: 0;font-size: 16px;color: #484640}
.s48{width: 11px;height: 11px;border-radius: 50%;background: #E6E1D6;border: 1.5px solid #C3402B;box-sizing: border-box;flex: none}
.s49{margin: 0;max-width: 820px;border-top: 1px solid #D6D3CD;padding-top: 28px;color: #484640}
.s50{font-weight: 600;color: #17160F}
.s51{max-width: 1120px;margin: 0 auto;padding: clamp(48px, 6vw, 80px) clamp(20px, 5vw, 48px);display: flex;flex-direction: column;gap: 20px}
.s52{display: flex;flex-wrap: wrap;align-items: center;gap: 40px 64px}
.s53{flex: 0 1 300px;min-width: 0;width: 100%;max-width: 300px}
.s54{display: block;width: 100%;aspect-ratio: 1 / 1;object-fit: cover;border: 1px solid #C4C0B6;box-sizing: border-box}
.s55{flex: 1 1 440px;min-width: 0;display: flex;flex-direction: column;gap: 20px}
.s56{margin: 0;font-size: clamp(26px, 3.4vw, 40px);line-height: 1.18;font-weight: 700;letter-spacing: -0.025em;text-wrap: balance}
.s57{margin: 0;max-width: 600px;color: #484640}
.s58{margin: 0;max-width: 600px;color: #17160F;font-weight: 500}
.s59{align-self: flex-start;font-size: 16px;font-weight: 600;text-decoration: underline;text-decoration-color: #C3402B;text-decoration-thickness: 2px;text-underline-offset: 6px;min-height: 44px;display: inline-flex;align-items: center}
.s60{margin: 0;border-top: 1px solid #D6D3CD;padding-top: 16px;display: flex;flex-wrap: wrap;align-items: flex-end;gap: 32px 64px}
.s61{flex: 0 1 300px;min-width: 0;display: flex;flex-direction: column;gap: 20px;font-size: 16px;color: #484640}
.s62{display: inline-flex;align-items: center;gap: 10px}
.s63{width: 20px;height: 3px;background: #17160F;flex: none}
.s64{font-size: 40px;line-height: 1;font-weight: 800;letter-spacing: -0.03em;color: #17160F}
.s65{width: 20px;height: 3px;background: #C3402B;flex: none}
.s66{width: 20px;height: 3px;flex: none}
.s67{flex: 1 1 440px;min-width: 0;display: flex;flex-direction: column;gap: 8px}
.s68{display: block;width: 100%;height: auto;font-family: 'Montserrat', system-ui, sans-serif}
.s69{display: flex;justify-content: space-between;font-size: 14px;color: #484640}
.s70{font-size: 14px;color: #484640}
.s71{background: #EADFCC}
.s72{max-width: 1120px;margin: 0 auto;padding: clamp(48px, 6vw, 80px) clamp(20px, 5vw, 48px);display: flex;flex-wrap: wrap;align-items: flex-start;gap: 40px 64px}
.s73{flex: 1 1 400px;min-width: 0;display: flex;flex-direction: column;gap: 20px}
.s74{margin-top: 12px;border-top: 1px solid #BDB29E}
.s75{border-bottom: 1px solid #BDB29E}
.s76{display: flex;align-items: center;justify-content: space-between;gap: 24px;padding: 16px 0;font-size: 16px;font-weight: 600;min-height: 44px;box-sizing: border-box}
.s77{font-size: 22px;font-weight: 300;line-height: 1;color: #A83522;flex: none}
.s78{margin: 0;padding: 0 0 20px;font-size: 16px;color: #484640}
.s79{flex: 1 1 380px;min-width: 0;background: #FFFCF7;border: 1px solid #BDB29E;padding: clamp(28px, 3.5vw, 40px);box-sizing: border-box;display: flex;flex-direction: column;gap: 24px}
.s80{display: flex;flex-direction: column;gap: 12px}
.s81{margin: 0;font-size: 18px;line-height: 1.3;font-weight: 600}
.s82{margin: 0;display: flex;flex-wrap: wrap;align-items: baseline;gap: 4px 12px}
.s83{font-size: clamp(48px, 5.5vw, 64px);line-height: 1;font-weight: 800;letter-spacing: -0.04em}
.s84{font-size: 16px;font-weight: 500;color: #484640}
.s85{margin: 0;padding: 20px 0 0;border-top: 1px solid #D6D3CD;list-style: none;display: flex;flex-direction: column;gap: 10px;font-size: 16px}
.s86{display: flex;gap: 14px}
.s87{color: #A83522}
.s88{font-size: 16px;font-weight: 700;text-decoration: none;background: #C3402B;color: #FFF9F2;padding: 0 30px;min-height: 54px;display: flex;align-items: center;justify-content: center;border-radius: 3px}
.s89{background: #17160F;color: #FFF9F2}
.s90{max-width: 1120px;margin: 0 auto;padding: clamp(48px, 6vw, 80px) clamp(20px, 5vw, 48px);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 28px 48px}
.s91{flex: 1 1 480px;min-width: 0;display: flex;flex-direction: column;gap: 12px}
.s92{margin: 0;max-width: 680px;font-size: clamp(13px, 3.8vw, 40px);line-height: 1.12;font-weight: 800;letter-spacing: -0.03em;color: #FFF9F2;white-space: nowrap}
.s93{margin: 0;color: #D9D4CB}
.s94{background: #17160F;color: #D9D4CB;border-top: 1px solid #34332B}
.s95{max-width: 1120px;margin: 0 auto;padding: 20px clamp(20px, 5vw, 48px);display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 8px 32px;font-size: 14px}
.s96{margin: 0}
.s97{font-weight: 700;color: #FFF9F2}
.s98{color: #FFF9F2;font-weight: 500;min-height: 44px;display: inline-flex;align-items: center}


/* testimonial */
.tke-quote{border-top: 1px solid #D6D3CD}
.tke-quote-inner{max-width: 1120px;margin: 0 auto;padding: clamp(40px, 6vw, 72px) clamp(20px, 5vw, 48px);display: flex;flex-wrap: wrap;align-items: center;gap: 32px 64px}
.tke-quote-fig{margin: 0;flex: 1 1 340px;min-width: 0;display: flex;flex-direction: column;gap: 20px}
.tke-quote-chart{margin: 0;flex: 1 1 440px;min-width: 0;display: flex;flex-direction: column;gap: 8px}
.tke-chart-svg{display: block;width: 100%;height: auto;font-family: 'Montserrat', system-ui, sans-serif}
.tke-chart-cap{font-size: 14px;color: #484640}
.tke-quote-text{margin: 0;padding-left: 24px;border-left: 3px solid #C3402B;font-size: clamp(20px, 2.4vw, 26px);line-height: 1.4;font-weight: 600;letter-spacing: -0.01em;text-wrap: balance}
.tke-quote-by{margin: 0;padding-left: 27px;font-size: 15px;font-weight: 600;color: #A83522}

/* header: wordmark and button only on small screens */
@media (max-width: 640px){a.tke-nav-link{display: none}}

/* section backgrounds, top to bottom: hero paper, why tint, approach paper, how tint,
   about cream, quote paper, pricing sand, closing ink. No two neighbours match. */
#why,#how{background: #E6E1D6}
#about{background: #FFFCF7}

/* pricing: when the columns stack, show the price card before the FAQs */
@media (max-width: 940px){
.s72{flex-direction: column;flex-wrap: nowrap;align-items: stretch;gap: 20px}
.s73{display: contents}
.s79{order: 1;flex: none;margin-top: 12px}
.s74{order: 2;margin-top: 20px}
}

/* closing band: on phones let the headline wrap so it can be large */
@media (max-width: 700px){
.s92{white-space: normal;font-size: clamp(28px, 8vw, 36px);text-wrap: balance}
}
