.er-hero { padding: 8.5rem 0 5rem; background: radial-gradient(circle at 84% 16%, rgba(33,97,11,.17), transparent 25rem), linear-gradient(145deg,#f5faf6 0%,#fff 63%); overflow:hidden; }
.er-kicker { display:inline-flex; align-items:center; gap:.5rem; padding:.48rem .78rem; color:#21610b; background:#ecfdf5; border:1px solid #bfe4cd; border-radius:999px; font-size:.83rem; font-weight:800; }
.er-title { max-width:14ch; margin-top:1.35rem; font-size:clamp(2.7rem,5.6vw,5rem); line-height:1.01; letter-spacing:-.05em; font-weight:850; }
.er-lead { max-width:41rem; margin-top:1.35rem; color:#4b5563; font-size:1.16rem; line-height:1.72; }
.er-actions { display:flex; flex-wrap:wrap; gap:.8rem; margin-top:1.7rem; }
.er-primary,.er-secondary { display:inline-flex; align-items:center; justify-content:center; gap:.55rem; min-height:3rem; padding:.78rem 1.1rem; border-radius:.65rem; font-weight:750; }
.er-primary { color:#fff; background:#21610b; box-shadow:0 12px 26px rgba(33,97,11,.2); }
.er-primary:hover { background:#047857; }
.er-secondary { color:#21610b; background:#fff; border:1px solid #b9d7c2; }
.er-secondary:hover { background:#ecfdf5; }
.er-deadline { display:flex; flex-wrap:wrap; gap:.65rem; margin-top:1.75rem; color:#374151; font-size:.9rem; }
.er-deadline span { display:inline-flex; align-items:center; gap:.42rem; padding:.48rem .7rem; background:#fff; border:1px solid #dde6df; border-radius:.55rem; }
.er-app { position:relative; padding:1rem; background:#fff; border:1px solid #d8e6dc; border-radius:1.2rem; box-shadow:0 30px 80px rgba(17,24,39,.14); }
.er-app-bar { display:flex; align-items:center; justify-content:space-between; padding:.65rem .75rem; color:#374151; background:#f7faf8; border-radius:.65rem; font-size:.8rem; font-weight:700; }
.er-dots { display:flex; gap:.3rem; }.er-dots i { width:.45rem; height:.45rem; background:#cbd5e1; border-radius:50%; }
.er-sheet { display:grid; grid-template-columns:2.2fr 1fr; gap:.8rem; margin-top:.8rem; }
.er-grid { overflow:hidden; border:1px solid #dce5df; border-radius:.7rem; background:repeating-linear-gradient(0deg,transparent 0,transparent 31px,#e7eee9 32px),repeating-linear-gradient(90deg,transparent 0,transparent 76px,#e7eee9 77px),#fff; min-height:24rem; }
.er-invoice { margin:2.1rem 1.35rem; padding:1.1rem; background:rgba(255,255,255,.95); border:1px solid #dfe8e2; border-radius:.6rem; box-shadow:0 8px 22px rgba(17,24,39,.06); }
.er-line { height:.55rem; margin-top:.55rem; background:#e5e7eb; border-radius:999px; }.er-line.green{width:42%;background:#a7d8b5}.er-line.short{width:62%}.er-line.tiny{width:35%}
.er-table { margin-top:1.3rem; }.er-table div { display:grid; grid-template-columns:1.5fr .5fr; gap:.5rem; padding:.55rem 0; border-bottom:1px solid #edf1ee; }
.er-side { padding:1rem; color:#374151; background:#f8faf8; border:1px solid #dce5df; border-radius:.7rem; }
.er-side h3 { font-size:.95rem; font-weight:800; }.er-check { display:flex; gap:.48rem; margin-top:.8rem; font-size:.78rem; line-height:1.35; }.er-check i{color:#21610b;margin-top:.12rem}
.er-export { margin-top:1rem; padding:.75rem; color:#fff; text-align:center; background:#21610b; border-radius:.55rem; font-size:.78rem; font-weight:800; }
.er-section { padding:5.25rem 0; }.er-soft { background:#f8faf8; }
.er-section-head { max-width:48rem; margin:0 auto 2.3rem; text-align:center; }.er-section-head span { color:#21610b; font-size:.78rem; font-weight:850; letter-spacing:.12em; text-transform:uppercase; }.er-section-head h2 { margin-top:.55rem; font-size:clamp(2rem,4vw,3.2rem); line-height:1.12; letter-spacing:-.035em; font-weight:850; }.er-section-head p { margin-top:.9rem; color:#4b5563; font-size:1.06rem; line-height:1.7; }
.er-card-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1rem; }.er-card { padding:1.55rem; background:#fff; border:1px solid #dde6df; border-radius:.9rem; box-shadow:0 10px 30px rgba(17,24,39,.05); }.er-card-icon { display:flex; align-items:center; justify-content:center; width:3rem; height:3rem; color:#21610b; background:#ecfdf5; border-radius:.7rem; }.er-card h3{margin-top:1rem;font-size:1.15rem;font-weight:800}.er-card p{margin-top:.55rem;color:#4b5563;line-height:1.65}
.er-compare { display:grid; grid-template-columns:1fr auto 1fr; gap:1.2rem; align-items:stretch; }.er-compare-card { padding:2rem; background:#fff; border:1px solid #dde6df; border-radius:1rem; }.er-compare-card.good { border:2px solid #72b582; box-shadow:0 18px 45px rgba(33,97,11,.1); }.er-compare-card h3{font-size:1.35rem;font-weight:850}.er-compare-card ul{display:grid;gap:.8rem;margin-top:1.2rem;color:#4b5563}.er-compare-card li{display:flex;gap:.6rem}.er-compare-card li i{margin-top:.25rem}.er-compare-card.good i{color:#21610b}.er-compare-card.bad i{color:#9ca3af}.er-arrow{display:flex;align-items:center;color:#21610b;font-size:1.4rem}
.er-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:1rem; counter-reset:step; }.er-step { padding:1.5rem; background:#fff; border:1px solid #dde6df; border-radius:.9rem; }.er-step:before{counter-increment:step;content:counter(step);display:flex;align-items:center;justify-content:center;width:2.4rem;height:2.4rem;color:#fff;background:#21610b;border-radius:50%;font-weight:850}.er-step h3{margin-top:1rem;font-weight:800}.er-step p{margin-top:.55rem;color:#4b5563;line-height:1.6}
.er-price { max-width:64rem; margin:0 auto; display:grid; grid-template-columns:1.15fr .85fr; overflow:hidden; background:#fff; border:1px solid #d9e5dc; border-radius:1.1rem; box-shadow:0 24px 60px rgba(17,24,39,.09); }.er-price-main{padding:2.2rem}.er-price-tag{color:#21610b;font-size:.8rem;font-weight:850;letter-spacing:.1em;text-transform:uppercase}.er-price h3{margin-top:.55rem;font-size:1.8rem;font-weight:850}.er-price-value{margin-top:1rem;font-size:2.5rem;font-weight:900;letter-spacing:-.04em}.er-price-value small{font-size:.95rem;color:#6b7280;font-weight:600;letter-spacing:0}.er-price ul{display:grid;gap:.65rem;margin-top:1.3rem;color:#374151}.er-price li{display:flex;gap:.55rem}.er-price li i{color:#21610b;margin-top:.25rem}.er-price-aside{padding:2.2rem;color:#fff;background:linear-gradient(145deg,#21610b,#047857)}.er-price-aside p{margin-top:.8rem;color:#dcfce7;line-height:1.65}
.er-form-wrap { display:grid; grid-template-columns:.82fr 1.18fr; gap:2rem; align-items:start; }.er-form-card { padding:2rem; background:#fff; border:1px solid #d9e5dc; border-radius:1rem; box-shadow:0 18px 45px rgba(17,24,39,.08); }
.er-fineprint { color:#6b7280; font-size:.78rem; line-height:1.5; }
@media(max-width:900px){.er-sheet{grid-template-columns:1fr}.er-side{display:none}.er-card-grid,.er-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.er-compare{grid-template-columns:1fr}.er-arrow{justify-content:center;transform:rotate(90deg)}.er-price,.er-form-wrap{grid-template-columns:1fr}}
@media(max-width:640px){.er-hero{padding:7rem 0 3.5rem}.er-title{font-size:2.7rem}.er-actions>a{width:100%}.er-card-grid,.er-steps{grid-template-columns:1fr}.er-grid{min-height:19rem}.er-invoice{margin:1.3rem .8rem}.er-section{padding:4rem 0}.er-price-main,.er-price-aside,.er-form-card{padding:1.4rem}}