:root{--amber:#F5A623;--ink:#262626;--brown:#8A6A3F;--tan:#A07D4A;--muted:#4A4640;--cream:#FAF7F2;--line:#E8E1D5}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:'Source Sans 3',system-ui,sans-serif;color:var(--ink);background:#fff;-webkit-font-smoothing:antialiased}
img{max-width:100%}
a{color:var(--brown)}a:hover{color:#6B5130}
h1,h2,h3{font-family:Montserrat,sans-serif;margin:0}
p{margin:0}
.wrap{max-width:1248px;margin:0 auto;padding:0 24px}
.bar{height:8px;background:var(--amber)}
.topo-dark{background:#262626 url(topo-dark.svg) center/cover;color:#fff}
.topo-light{background:var(--cream) url(topo-light.svg) center/cover}
.white{background:#fff}
.amber{color:var(--amber)}
.section{padding:clamp(64px,8vw,112px) 0}
.stack{display:flex;flex-direction:column;gap:22px}
.stack-sm{display:flex;flex-direction:column;gap:10px}
.stack-lg{display:flex;flex-direction:column;gap:48px}
.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(40px,6vw,80px);align-items:center}
.grid2.top{align-items:start}
.grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px}
.eyebrow{font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--brown)}
.eyebrow.amber{color:var(--amber)}
.eyebrow.sm{font-size:14px;letter-spacing:.1em}
h1{font-weight:800;font-size:clamp(40px,5vw,64px);line-height:1.06;letter-spacing:-.02em;color:#fff}
h2{font-weight:800;font-size:clamp(30px,3.4vw,44px);line-height:1.12;letter-spacing:-.015em}
.h-xl{font-size:clamp(32px,3.8vw,48px);line-height:1.1}
.lead{font-size:clamp(18px,1.6vw,21px);line-height:1.55}
.light{color:#E4E0D8}
.body-lg{font-size:clamp(17px,1.4vw,20px);line-height:1.6;color:var(--muted)}
.body-lg.dark{color:var(--ink)}
.intro{display:flex;flex-direction:column;gap:16px;max-width:780px}
.split{display:flex;justify-content:space-between;align-items:flex-end;gap:48px}
.narrow{max-width:400px}
.muted-light{font-size:18px;line-height:1.6;color:#D6D1C8}
/* header */
.site-header{min-height:128px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid rgba(255,255,255,.12);flex-wrap:wrap;padding-top:16px;padding-bottom:16px}
.logo{text-decoration:none;display:inline-flex;flex-direction:column;align-items:flex-end;border:2px solid var(--amber);padding:8px 12px 0;gap:2px}
.logo-word{font-family:Montserrat,sans-serif;font-weight:800;font-size:clamp(28px,3vw,40px);line-height:1;letter-spacing:-.01em;display:flex;gap:6px}
.logo .w,.foot-logo .w{color:#fff}.logo .t,.foot-logo .t{color:var(--tan)}
.logo-tag{background:var(--amber);color:var(--ink);font-family:Montserrat,sans-serif;font-weight:700;font-size:12px;letter-spacing:.42em;padding:3px 6px 3px 12px;margin-bottom:-2px}
.nav{display:flex;align-items:center;gap:clamp(16px,2.6vw,40px);font-family:Montserrat,sans-serif;font-size:15px;font-weight:700;text-transform:uppercase;flex-wrap:wrap}
.nav-link{color:#fff;text-decoration:none}.nav-link:hover{color:var(--amber)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:14px 28px;border-radius:6px;font-family:Montserrat,sans-serif;font-size:17px;font-weight:700;text-decoration:none;border:0;cursor:pointer;text-align:center}
.btn-sm{min-height:48px;padding:12px 24px;font-size:15px}
.btn-amber{background:var(--amber);color:var(--ink)}.btn-amber:hover{background:#E8952A;color:var(--ink)}
.btn-outline{color:#fff;border:2px solid #fff}.btn-outline:hover{color:var(--amber);border-color:var(--amber)}
.btn-dark{background:var(--ink);color:#fff}.btn-dark:hover{background:#000;color:#fff}
.btn-block{width:100%;min-height:58px}
.btn-row{display:flex;gap:16px;flex-wrap:wrap;padding-top:8px}
/* hero */
.hero{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(56px,8vw,112px)}
.checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:14px;font-size:clamp(17px,1.5vw,20px)}
.checks li{display:flex;gap:14px;align-items:center}
.checks li::before{content:"";flex:0 0 28px;height:28px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 28 28' fill='none' stroke='%23F5A623' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='14' cy='14' r='11.5'/%3E%3Cpath d='m8.5 14.5 4 4 8-9'/%3E%3C/svg%3E") center/contain no-repeat}
.hero-img{width:100%;height:clamp(320px,40vw,560px);object-fit:cover;object-position:64% center;border-radius:10px;border:1px solid rgba(255,255,255,.14);display:block;box-shadow:0 20px 50px rgba(0,0,0,.35)}
/* cards */
.card{background:var(--cream);border-top:4px solid var(--amber);border-radius:8px;padding:32px;display:flex;flex-direction:column;gap:14px}
.card h3{font-size:21px;font-weight:700}
.card p{font-size:17px;line-height:1.55;color:var(--muted)}
.panel{background:#fff;border-radius:10px;padding:8px 36px;box-shadow:0 12px 32px rgba(38,38,38,.08)}
.num-row{display:flex;gap:20px;padding:26px 0;border-bottom:1px solid var(--line)}
.num-row:last-child{border-bottom:0}
.num{font-family:Montserrat,sans-serif;font-size:22px;font-weight:800;color:var(--brown);width:40px;flex-shrink:0}
.row-title{font-family:Montserrat,sans-serif;font-size:19px;font-weight:700;margin-bottom:6px}
.num-row p{font-size:17px;line-height:1.55;color:var(--muted)}
.step{background:rgba(38,38,38,.72);border:1px solid rgba(255,255,255,.12);border-top:4px solid var(--amber);border-radius:8px;padding:28px;display:flex;flex-direction:column;gap:12px}
.step-n{font-family:Montserrat,sans-serif;font-size:40px;font-weight:800;color:var(--amber)}
.step h3{font-size:20px;font-weight:700}
.step p{font-size:17px;line-height:1.55;color:#D6D1C8}
.story-img{width:100%;aspect-ratio:1070/792;object-fit:cover;border-radius:10px;display:block}
.sign{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;color:var(--brown)}
.cards2{align-items:stretch;gap:32px}
.quote-card{background:#fff;border-radius:10px;padding:40px;display:flex;flex-direction:column;gap:20px;box-shadow:0 12px 32px rgba(38,38,38,.08)}
.quote-h{font-size:26px;font-weight:800;line-height:1.25}
.quote{font-size:clamp(18px,1.6vw,22px);line-height:1.5;font-weight:600}
.meta{font-size:17px;color:var(--muted)}
/* buyers */
.buy-band{background:var(--amber);padding:64px 0}
.buy-inner{display:flex;justify-content:space-between;align-items:center;gap:48px}
.h-band{font-size:clamp(26px,2.6vw,34px);line-height:1.15}
.buy-actions{display:flex;flex-direction:column;align-items:center;gap:12px;flex-shrink:0}
.buy-phone{color:var(--ink);font-family:Montserrat,sans-serif;font-size:16px;font-weight:700}
/* faq */
.faq{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));column-gap:64px;row-gap:40px}
.qa{border-left:4px solid var(--amber);padding-left:20px;display:flex;flex-direction:column;gap:10px}
.qa h3{font-size:19px;font-weight:700}
.qa p{font-size:17px;line-height:1.6;color:var(--muted)}
/* contact */
.contact-lines{display:flex;flex-direction:column;gap:8px;padding-top:12px;font-size:19px}
.contact-lines a{color:#fff;font-weight:700;text-decoration:none}.contact-lines a:hover{color:var(--amber)}
.form{background:#fff;color:var(--ink);border-radius:10px;padding:clamp(24px,3.5vw,44px);display:flex;flex-direction:column;gap:20px;box-shadow:0 20px 50px rgba(0,0,0,.35)}
.form-title{font-size:26px;font-weight:800;line-height:1.25;color:var(--brown);text-align:center}
.form label{display:flex;flex-direction:column;gap:8px;font-size:16px;font-weight:600}
.form input,.form textarea{font:inherit;font-weight:400;font-size:17px;border:1px solid #C9C2B6;border-radius:6px;padding:0 14px;height:52px;background:#F4F2EE;color:var(--ink);width:100%}
.form textarea{height:auto;padding:12px 14px;resize:vertical}
.form input:focus,.form textarea:focus{outline:2px solid var(--amber);outline-offset:1px}
.two{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.fine{font-size:14px;line-height:1.5;color:#555049;text-align:center}
.form-note{font-size:15px;color:#2F6B3A;text-align:center;font-weight:600}
/* footer */
.footer{background:#1C1C1C;color:#CFCAC1;border-top:6px solid var(--amber);padding:64px 0 32px}
.foot-inner{display:flex;justify-content:space-between;gap:48px;flex-wrap:wrap}
.foot-about{display:flex;flex-direction:column;gap:16px;max-width:460px}
.foot-about p{font-size:16px;line-height:1.6}
.foot-logo{font-family:Montserrat,sans-serif;font-weight:800;font-size:26px;display:flex;gap:6px;align-items:center}
.foot-logo .p{color:var(--amber);font-size:14px;letter-spacing:.3em;padding-left:6px}
.foot-cols{display:flex;gap:clamp(32px,5vw,72px);font-size:16px;line-height:1.9;flex-wrap:wrap}
.foot-col{display:flex;flex-direction:column}
.foot-col a{color:#CFCAC1;text-decoration:none}.foot-col a:hover{color:var(--amber)}
.foot-h{font-family:Montserrat,sans-serif;font-weight:700;color:var(--amber);text-transform:uppercase;font-size:14px;letter-spacing:.08em}
.copy{border-top:1px solid #3A3A3A;margin-top:40px;padding-top:24px;font-size:14px}
/* letter page */
.l-header{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid rgba(255,255,255,.12)}
.l-logo .logo-word{font-size:22px;gap:4px}.l-logo{padding:5px 8px 0}.l-logo .logo-tag{font-size:8px;letter-spacing:.4em;padding:2px 4px 2px 8px}
.l-main{max-width:640px;margin:0 auto;padding:0 20px}
.l-hero{padding:40px 0 44px;display:flex;flex-direction:column;gap:20px}
.l-hero h1{font-size:clamp(32px,6vw,44px);line-height:1.1}
.btn-col{display:flex;flex-direction:column;gap:12px;padding-top:4px}
.btn-col .btn{width:100%;min-height:58px;gap:10px}
.l-text-link{text-align:center;color:var(--amber);font-size:17px;font-weight:700;padding:8px 0}
.promises{display:flex;flex-direction:column;gap:18px;padding:36px 0}
.promises div{display:flex;gap:14px;align-items:flex-start;font-size:18px;line-height:1.45}
.promises svg{flex-shrink:0}
.l-sec{padding:40px 0}
.l-sec h2{font-size:clamp(24px,4vw,30px);line-height:1.2}
.steps-list{display:flex;flex-direction:column;gap:22px}
.steps-list .s{display:flex;gap:16px}
.steps-list .n{font-family:Montserrat,sans-serif;font-size:28px;font-weight:800;color:var(--brown);width:28px;flex-shrink:0;line-height:1}
.steps-list .t{font-family:Montserrat,sans-serif;font-size:18px;font-weight:700;margin-bottom:4px}
.steps-list p{font-size:17px;line-height:1.5;color:var(--muted)}
.hint{font-size:14px;font-weight:400;color:#555049}
.form select{font:inherit;font-weight:400;font-size:17px;border:1px solid #C9C2B6;border-radius:6px;padding:0 12px;height:52px;background:#F4F2EE;color:var(--ink);width:100%}
@media (max-width:1024px){
  .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
  .split{flex-direction:column;align-items:flex-start;gap:16px}
}
@media (max-width:820px){
  .grid2,.faq{grid-template-columns:1fr}
  .buy-inner{flex-direction:column;align-items:flex-start;gap:24px}
  .buy-actions{align-items:flex-start}
  .nav .nav-link{display:none}
  .site-header{min-height:88px}
}
@media (max-width:560px){
  .grid4,.two{grid-template-columns:1fr}
  .btn-row .btn{width:100%}
  .panel{padding:4px 22px}
  .quote-card{padding:28px}
}