:root{--navy:#10243c;--gold:#ba914d;--cream:#f9f7f1}*{box-sizing:border-box}body{margin:0;background:var(--cream);color:var(--navy);font:17px/1.65 Arial,sans-serif}a{color:inherit}.wrap{max-width:1120px;margin:auto;padding:28px}header{background:var(--navy);color:white}header .wrap{display:flex;justify-content:space-between;gap:20px;align-items:center;padding-top:18px;padding-bottom:18px}header a{text-decoration:none}header nav{display:flex;gap:24px;flex-wrap:wrap}.brand{font-weight:700;display:flex;align-items:center;gap:12px}.brand img{width:44px;height:44px}h1{font-size:clamp(2.2rem,4.5vw,3.6rem);line-height:1.12;letter-spacing:-.035em;margin:14px 0 24px}h2{font-size:1.7rem;line-height:1.2}h3{font-size:1.1rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.8rem;color:#725423;font-weight:bold}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:40px;align-items:center;padding-top:50px;padding-bottom:50px}.hero p{max-width:630px}.button,button{display:inline-block;background:var(--navy);color:white;padding:13px 20px;border:0;border-radius:6px;font:700 16px/1.5 Arial;text-decoration:none;cursor:pointer}.button.secondary{background:white;border:1px solid #b8b8b8;color:var(--navy)}.actions{display:flex;flex-wrap:wrap;gap:12px}.small{font-size:.86rem;color:#536171}.preview{background:white;border:1px solid #d5d8dc;border-radius:12px;padding:20px;box-shadow:0 12px 35px #10243c15}.preview img{width:100%;display:block}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{background:white;padding:24px;border:1px solid #ddd;border-radius:10px}.section{padding-top:25px;padding-bottom:35px}table{width:100%;border-collapse:collapse;background:white}th,td{padding:14px;text-align:left;border-bottom:1px solid #ddd}th{background:var(--navy);color:white}details{padding:18px 0;border-bottom:1px solid #d5d8dc}summary{cursor:pointer;font-weight:bold}footer{border-top:1px solid #d5d8dc;margin-top:35px}.receipt{max-width:760px;margin-top:50px}a:focus-visible,button:focus-visible{outline:3px solid var(--gold);outline-offset:4px}@media(max-width:760px){.hero{grid-template-columns:1fr;padding-top:30px;gap:24px}.cards{grid-template-columns:1fr}.wrap{padding:22px}header .wrap{align-items:flex-start;flex-direction:column}header nav{gap:16px;font-size:.9rem}th,td{padding:10px;font-size:.9rem}}
