@font-face{font-family:Heebo;src:url('assets/Heebo.ttf') format('truetype');font-weight:100 900;font-display:swap}
:root{font-family:Heebo,Arial,sans-serif;--ink:#1c2a43}
.eyebrow,.feature-number{letter-spacing:0;font-size:.88rem}
.hero{grid-template-columns:1.08fr 1fr;gap:56px;padding-block:78px 86px}
h1{font-size:clamp(3rem,5.2vw,4.7rem);line-height:1.09;letter-spacing:-.045em}
.intro{font-size:1.15rem;line-height:1.65;max-width:490px}
.status-dot{display:inline-block;width:7px;height:7px;background:#186b4b;border-radius:50%;margin-right:6px}
.example{background:#eef3ff;border:1px solid #d7e0f2;border-radius:15px;overflow:hidden;box-shadow:0 18px 44px #153dcc09}
.example-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:21px 24px 13px;font-size:.9rem;font-weight:650}
.sample-label{font-size:.72rem;color:#526077;border:1px solid #c8d3e7;padding:2px 8px;border-radius:4px;font-weight:400}
.example-controls{display:flex;gap:4px;margin:0 22px 20px;border-bottom:1px solid #ccd7eb}
.example-controls button{flex:1;font:inherit;font-size:.8rem;cursor:pointer;border:0;border-bottom:3px solid transparent;background:transparent;color:#526077;padding:10px 5px}
.example-controls button[aria-pressed=true]{color:#153dcc;border-bottom-color:#153dcc;font-weight:700}
.example-controls button:hover{background:#e2eaff}
button:focus-visible{outline:3px solid #f09d23;outline-offset:2px}
.example-body{padding:0 24px 24px;min-height:360px}
.sample-panel[hidden]{display:none}
.quote-paper{background:#fff;border:1px solid #dce2ed;border-top:4px solid #153dcc;padding:23px 24px 20px;border-radius:3px;box-shadow:0 5px 10px #1c2a4305}
.quote-brand{display:flex;justify-content:space-between;align-items:center;font-size:.76rem;color:#647089;margin-bottom:24px;gap:10px}
.quote-brand b{font-size:1rem;color:#153dcc}
.quote-paper h2{font-size:1.4rem;letter-spacing:0;line-height:1.3;margin-bottom:6px}
.quote-paper>p{font-size:.82rem;color:#526077}
.quote-price{display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #dce2ed;padding:21px 0 12px;margin-bottom:12px;gap:12px}
.quote-price span{font-size:.86rem}.quote-price strong{font-size:2rem;line-height:1.2;white-space:nowrap;color:#153dcc}
.quote-paper .quote-condition{line-height:1.55;font-size:.82rem;color:#1c2a43}
.quote-address{display:flex;justify-content:space-between;gap:10px;font-size:.78rem;margin:18px 0 16px;padding-top:13px;border-top:1px solid #dce2ed}
.quote-address b{color:#856016;font-weight:500}.quote-paper small{font-size:.65rem;color:#647089}
.example-caption{font-size:.72rem;line-height:1.5;background:#e4ecff;color:#435677;padding:12px 24px}
.panel-label{color:#526077;font-size:.78rem;margin-bottom:16px}.sample-panel>h2{font-size:1.75rem;line-height:1.2}
blockquote{margin:0 0 15px;background:white;padding:19px;font-size:1.12rem;line-height:1.6;border-radius:10px 10px 2px 10px;border:1px solid #dce2ed}
blockquote.reply{background:#153dcc;color:#fff;border-color:#153dcc;margin-inline-start:24px;border-radius:10px 10px 10px 2px}
.sample-explanation{color:#526077;font-size:.87rem;line-height:1.65;margin-top:18px}
.owner-record{margin:18px 0}.owner-record>div{display:grid;grid-template-columns:1fr 1.25fr;gap:15px;border-bottom:1px solid #ccd7eb;padding:11px 0;font-size:.83rem}.owner-record dt{color:#526077}.owner-record dd{margin:0;font-weight:550}
.contact-card{background:#eef3ff;color:#1c2a43;border:1px solid #d7e0f2;border-radius:8px}.contact-card>span{color:#526077}.contact .contact-card>p{color:#526077}.contact-card .button{background:#153dcc;color:white}
@media(max-width:950px){.hero{gap:30px}h1{font-size:3.5rem}.example-body{padding-inline:18px}.quote-paper{padding-inline:18px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;padding-block:48px;gap:34px}h1{font-size:clamp(2.75rem,10vw,4rem)}.example{max-width:520px;width:100%}.example-body{min-height:350px}.example-heading{padding-inline:18px}.example-controls{margin-inline:16px}.example-controls button{font-size:.76rem}.quote-paper h2{font-size:1.25rem}.quote-paper{padding:19px 18px}.quote-price strong{font-size:1.85rem}}
