/* EC Land Sales Report card -- samtastic-core 1.21.394 */
.ecls__report { background: #f4f7fb; padding: 40px 16px 8px; }
.ecls__getpdf { margin: 22px 10px 0 0; background: var(--h3d-sun, #f5b84d); color: #0b1220; border-color: transparent; }
.ecls__getpdf:hover { background: #ffd07a; color: #0b1220; }

.eclr { --eclr-ink: #0b1b2e; --eclr-muted: #5b6b7e; --eclr-line: #e2e8f0; --eclr-blue: #1f6feb; --eclr-sun: #f5b84d; color: var(--eclr-ink); font-family: Inter, system-ui, -apple-system, sans-serif; scroll-margin-top: calc(var(--h3d-top, 72px) + 12px); }
.eclr__in { max-width: 1040px; margin: 0 auto; display: grid; grid-template-columns: 1.05fr 1fr; gap: 28px; background: #fff; border: 1px solid var(--eclr-line); border-radius: 22px; padding: 28px; box-shadow: 0 24px 48px -36px rgba(11, 27, 46, .45); }
.eclr__kicker { margin: 0 0 6px; font: 800 12px/1.2 Inter, sans-serif; letter-spacing: .06em; text-transform: uppercase; color: var(--eclr-blue); }
.eclr__h { margin: 0 0 8px; font: 800 26px/1.15 Inter, sans-serif; color: var(--eclr-ink); }
.eclr__sub { margin: 0 0 16px; font: 500 15px/1.5 Inter, sans-serif; color: var(--eclr-muted); }

/* The little book */
.eclr__book { position: relative; height: 196px; margin: 4px 0 18px; }
.eclr__cover, .eclr__page { position: absolute; top: 0; width: 140px; height: 190px; border-radius: 6px 10px 10px 6px; }
.eclr__page { background: #fff; border: 1px solid var(--eclr-line); box-shadow: 0 10px 20px -16px rgba(11, 27, 46, .5); background-image: linear-gradient(#0b1b2e 0 26px, transparent 26px), repeating-linear-gradient(transparent 0 10px, #e9eef5 10px 12px); background-size: 100% 100%, 76% 100%; background-position: 0 0, 14px 40px; background-repeat: no-repeat; }
.eclr__page--1 { left: 92px; transform: rotate(4deg); }
.eclr__page--2 { left: 176px; transform: rotate(8deg); background-image: linear-gradient(#0b1b2e 0 26px, transparent 26px), linear-gradient(to top, #1f6feb 0 46%, transparent 46%), linear-gradient(to top, #f5b84d 0 64%, transparent 64%), linear-gradient(to top, #1fc79d 0 82%, transparent 82%); background-size: 100% 100%, 18px 90px, 18px 90px, 18px 90px; background-position: 0 0, 22px 80px, 52px 80px, 82px 80px; }
.eclr__cover { left: 0; z-index: 2; background: #0b1b2e; color: #fff; padding: 14px 12px; box-sizing: border-box; display: flex; flex-direction: column; gap: 4px; box-shadow: 0 16px 28px -18px rgba(11, 27, 46, .8); overflow: hidden; }
.eclr__cover::after { content: ""; position: absolute; right: -40px; top: -40px; width: 120px; height: 120px; border-radius: 50%; background: #12304f; }
.eclr__brand { position: relative; z-index: 1; align-self: flex-start; font: 800 6.5px/1 Inter, sans-serif; letter-spacing: .08em; color: var(--eclr-sun); background: #1f4573; border-radius: 99px; padding: 4px 6px; }
.eclr__cover strong { position: relative; z-index: 1; font: 800 19px/1.05 Inter, sans-serif; margin-top: 10px; }
.eclr__cover em { position: relative; z-index: 1; font: 700 9px/1.2 Inter, sans-serif; font-style: normal; color: #8cc6fa; }
.eclr__dots { position: relative; z-index: 1; margin-top: auto; height: 64px; border-radius: 40px / 22px; background: #10294a; }
.eclr__dots i { position: absolute; width: 6px; height: 6px; border-radius: 50%; background: #6aaef2; }
.eclr__dots i:nth-child(3n) { background: #f5b84d; } .eclr__dots i:nth-child(4n) { background: #f2735a; } .eclr__dots i:nth-child(5n) { background: #1fc79d; }
.eclr__dots i:nth-child(1) { left: 12%; top: 50%; } .eclr__dots i:nth-child(2) { left: 18%; top: 62%; } .eclr__dots i:nth-child(3) { left: 24%; top: 44%; }
.eclr__dots i:nth-child(4) { left: 30%; top: 58%; } .eclr__dots i:nth-child(5) { left: 38%; top: 22%; } .eclr__dots i:nth-child(6) { left: 44%; top: 16%; }
.eclr__dots i:nth-child(7) { left: 49%; top: 26%; } .eclr__dots i:nth-child(8) { left: 55%; top: 40%; } .eclr__dots i:nth-child(9) { left: 60%; top: 30%; }
.eclr__dots i:nth-child(10) { left: 64%; top: 46%; } .eclr__dots i:nth-child(11) { left: 69%; top: 34%; } .eclr__dots i:nth-child(12) { left: 73%; top: 52%; }
.eclr__dots i:nth-child(13) { left: 78%; top: 40%; } .eclr__dots i:nth-child(14) { left: 82%; top: 56%; } .eclr__dots i:nth-child(15) { left: 86%; top: 46%; }
.eclr__dots i:nth-child(16) { left: 52%; top: 62%; } .eclr__dots i:nth-child(17) { left: 34%; top: 36%; } .eclr__dots i:nth-child(18) { left: 66%; top: 18%; }

.eclr__list { list-style: none; margin: 0; padding: 0; display: grid; gap: 8px; }
.eclr__list[hidden] { display: none; }
.eclr__list li { position: relative; padding-left: 26px; font: 600 14px/1.4 Inter, sans-serif; }
.eclr__list li::before { content: "✓"; position: absolute; left: 0; top: 0; width: 18px; height: 18px; border-radius: 50%; background: #e6f8f1; color: #138a5e; font: 800 11px/18px Inter, sans-serif; text-align: center; }

/* Form */
.eclr__form, .eclr__done { align-self: center; }
.eclr__hp { position: absolute !important; left: -9999px !important; width: 1px; height: 1px; opacity: 0; }
.eclr__seg { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; border: 0; margin: 0 0 14px; padding: 4px; background: #eef2f7; border-radius: 14px; }
.eclr__seg label { margin: 0; cursor: pointer; }
.eclr__seg input { position: absolute; opacity: 0; pointer-events: none; }
.eclr__seg span { display: block; text-align: center; padding: 11px 8px; border-radius: 10px; font: 700 14px/1.2 Inter, sans-serif; color: var(--eclr-muted); transition: background .15s, color .15s, box-shadow .15s; }
.eclr__seg input:checked + span { background: #fff; color: var(--eclr-ink); box-shadow: 0 6px 14px -10px rgba(11, 27, 46, .6); }
.eclr__seg input:focus-visible + span { outline: 2px solid var(--eclr-blue); outline-offset: 2px; }
.eclr__row { margin: 0 0 12px; }
.eclr__row[hidden] { display: none; }
.eclr__row label { display: block; margin: 0 0 5px; font: 700 13px/1.2 Inter, sans-serif; color: var(--eclr-ink); }
.eclr__row input, .eclr__row select { width: 100%; box-sizing: border-box; min-height: 46px; padding: 10px 12px; border: 1px solid #cfd8e3; border-radius: 12px; background: #fff; color: var(--eclr-ink); font: 500 16px/1.2 Inter, sans-serif; }
.eclr__row input:focus, .eclr__row select:focus { outline: none; border-color: var(--eclr-blue); box-shadow: 0 0 0 3px rgba(31, 111, 235, .15); }
.eclr__row input.is-bad { border-color: #d7301f; }
.eclr__two { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; }
.eclr__err { margin: 0 0 10px; padding: 9px 12px; border-radius: 10px; background: #fdecea; color: #a1281a; font: 600 13.5px/1.4 Inter, sans-serif; }
.eclr__err[hidden] { display: none; }
.eclr__btn { display: flex; width: 100%; box-sizing: border-box; align-items: center; justify-content: center; gap: 8px; min-height: 52px; padding: 12px 18px; border: 0; border-radius: 14px; background: var(--eclr-sun); color: #0b1220; font: 800 16px/1.2 Inter, sans-serif; text-decoration: none; cursor: pointer; box-shadow: 0 12px 22px -14px rgba(245, 184, 77, .9); transition: transform .12s, background .12s; }
.eclr__btn:hover { background: #ffc865; color: #0b1220; transform: translateY(-1px); }
.eclr__btn[disabled] { opacity: .7; cursor: progress; transform: none; }
.eclr__fine { margin: 10px 0 0; font: 500 12.5px/1.45 Inter, sans-serif; color: var(--eclr-muted); text-align: center; }
.eclr__done { text-align: center; }
.eclr__done[hidden], .eclr__form[hidden] { display: none; }
.eclr__tick { width: 56px; height: 56px; margin: 0 auto 10px; border-radius: 50%; background: #e6f8f1; color: #138a5e; font: 800 28px/56px Inter, sans-serif; }

@media (max-width: 860px) {
	.eclr__in { grid-template-columns: 1fr; padding: 20px 16px; gap: 18px; border-radius: 18px; }
	.eclr__h { font-size: 22px; }
	.eclr__book { height: 196px; transform: scale(.78); transform-origin: left top; margin-bottom: -34px; }
}
@media (max-width: 420px) {
	.eclr__two { grid-template-columns: 1fr; gap: 0; }
	.eclr__seg span { font-size: 13px; padding: 10px 4px; }
	.ecls__report { padding: 24px 12px 4px; }
}
