:root{--saas-ink:#102235;--saas-muted:#607084;--saas-line:#dfe7ee;--saas-mint:#0f9f91;--saas-pale:#f7fafc;--saas-card:#fff}*{box-sizing:border-box}.saas-page{max-width:1180px;margin:0 auto;padding:24px 22px 72px;color:var(--saas-ink);font-family:Arial,Helvetica,sans-serif}.saas-public-head{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--saas-line);padding-bottom:18px;margin-bottom:54px}.saas-public-head nav{display:flex;gap:18px;flex-wrap:wrap}.saas-public-head a,.saas-link{color:#087d73;text-decoration:underline;text-underline-offset:3px}.saas-kicker{font-size:12px;letter-spacing:.14em;font-weight:700;color:var(--saas-mint);margin:0 0 12px}.saas-hero{max-width:760px;margin:0 auto 36px}.saas-hero.compact{margin-left:0}.saas-hero h1{font-size:clamp(30px,5vw,52px);line-height:1.05;margin:0 0 16px;letter-spacing:-.04em}.saas-hero p:not(.saas-kicker),.saas-lead{color:var(--saas-muted);font-size:18px;line-height:1.55}.saas-progress{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;list-style:none;padding:0;margin:0 auto 34px;max-width:760px}.saas-progress li{display:flex;align-items:center;gap:8px;color:#8b99a7;font-size:13px;border-top:3px solid var(--saas-line);padding-top:10px}.saas-progress li span{border:1px solid var(--saas-line);border-radius:50%;width:28px;height:28px;display:grid;place-items:center;flex:0 0 28px}.saas-progress .is-current,.saas-progress .is-done{border-top-color:var(--saas-mint);color:var(--saas-ink)}.saas-progress .is-current span{background:var(--saas-mint);color:#fff;border-color:var(--saas-mint)}.saas-form{max-width:800px;margin:0 auto;background:var(--saas-pale);border:1px solid var(--saas-line);border-radius:20px;padding:clamp(20px,4vw,40px)}.saas-field{border:0;padding:0;margin:0 0 28px}.saas-field legend{font-size:20px;font-weight:700;margin-bottom:10px}.saas-field>label{font-weight:700}.saas-field input[type=text],.saas-field input[type=email],.saas-field textarea,.saas-filter input,.saas-filter select,.saas-field select{width:100%;box-sizing:border-box;border:1px solid #bbc9d5;border-radius:10px;padding:12px;background:#fff;font:inherit;margin-top:7px}.saas-field ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.choice-grid-5{grid-template-columns:repeat(5,minmax(0,1fr))}.choice-grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.choice-grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.choice-grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-field li label{display:block;height:100%;background:#fff;border:1px solid var(--saas-line);border-radius:12px;padding:13px;cursor:pointer;text-align:center;line-height:1.3}.saas-field li label:hover,.saas-field li label:focus-within{border-color:var(--saas-mint);box-shadow:0 0 0 3px rgba(15,159,145,.12)}.saas-field input[type=radio],.saas-field input[type=checkbox]{accent-color:var(--saas-mint);margin-right:8px}.saas-field input[type=radio]{position:absolute;opacity:0}.saas-field input[type=radio]:checked+label,.saas-field input[type=checkbox]:checked+label,.saas-field li label:has(input:checked){border-color:var(--saas-mint);background:#eaf8f5}.saas-help,.saas-meta{font-size:13px;color:var(--saas-muted);line-height:1.5}.saas-details{border-top:1px solid var(--saas-line);padding-top:14px;margin:10px 0 24px}.saas-details summary{cursor:pointer;font-weight:700;margin-bottom:18px}.saas-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.saas-button{display:inline-block;border:0;border-radius:11px;background:#102235;color:#fff;padding:13px 18px;font-weight:700;text-decoration:none;cursor:pointer}.saas-button:hover{background:#087d73}.saas-button.secondary{background:#fff;color:var(--saas-ink);border:1px solid var(--saas-line)}.saas-error{color:#a22626;font-size:14px;margin-top:8px}.saas-notice,.saas-success{border-left:4px solid var(--saas-mint);background:#edf9f7;padding:14px 18px;margin:24px 0}.saas-results,.saas-detail,.saas-success{max-width:980px;margin:54px auto 0}.saas-section-heading{margin-bottom:20px}.saas-section-heading h2{font-size:30px;margin:0}.saas-result-grid,.saas-compare{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:18px}.saas-card{background:var(--saas-card);border:1px solid var(--saas-line);border-radius:18px;padding:22px;box-shadow:0 8px 24px rgba(16,34,53,.06)}.saas-card h2,.saas-card h3{margin-top:0}.saas-card ul{padding-left:20px;color:var(--saas-muted);line-height:1.65}.result-rank{color:var(--saas-mint);font-size:13px;font-weight:700;letter-spacing:.1em}.saas-price{font-weight:700;color:#087d73}.saas-filter{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:0 0 28px;padding:18px;background:var(--saas-pale);border-radius:14px}.saas-filter label{font-weight:700}.saas-filter input,.saas-filter select{width:auto;margin:0;min-width:180px}.saas-detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:28px 0}.saas-empty{padding:30px;background:var(--saas-pale);border-radius:16px;color:var(--saas-muted)}.saas-manage-list{display:grid;gap:18px;margin-bottom:36px}.saas-messages{padding:12px;background:#edf9f7;margin-bottom:20px}@media(max-width:900px){.choice-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:650px){.saas-page{padding:18px 14px 50px}.saas-public-head{display:block;margin-bottom:35px}.saas-public-head nav{margin-top:16px;gap:14px;flex-wrap:wrap}.saas-progress{gap:4px}.saas-progress li{display:block;font-size:11px}.saas-progress li span{margin-bottom:5px}.choice-grid-5,.choice-grid-4,.choice-grid-3{grid-template-columns:repeat(2,minmax(0,1fr))}.saas-detail-grid{grid-template-columns:1fr}.saas-filter{display:block}.saas-filter>*{display:block;margin-bottom:8px!important;width:100%!important}.saas-form{padding:22px 16px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

/* Django 5 renders choices with nested DIV elements, not the former UL/LI markup. */
.saas-hero { text-align: center; }
.saas-hero.compact { text-align: left; }
.saas-field .choice-grid { display: grid; gap: 12px; margin-top: 8px; }
.saas-field .choice-grid > div { min-width: 0; }
.saas-field .choice-grid > div > label {
  position: relative; display: flex; flex-direction: column; align-items: center;
  justify-content: center; gap: 10px; min-height: 108px; height: 100%;
  padding: 16px 10px; background: #fff; border: 1px solid var(--saas-line);
  border-radius: 22px; cursor: pointer; text-align: center; font-size: 13px;
  font-weight: 600; line-height: 1.45; transition: border-color .15s, background .15s, transform .15s;
}
.saas-field .choice-grid-5 > div > label::before {
  content: '◇'; width: 36px; height: 36px; display: grid; place-items: center;
  border-radius: 50%; background: #f3f5f8; color: #5b6991; font-size: 17px; font-weight: 700;
}
.saas-field .choice-grid-5 > div:nth-child(1) > label::before { content: '↗'; color: #645782; }
.saas-field .choice-grid-5 > div:nth-child(2) > label::before { content: '='; color: #7c78a4; }
.saas-field .choice-grid-5 > div:nth-child(3) > label::before { content: '€'; color: #bd8d45; }
.saas-field .choice-grid-5 > div:nth-child(4) > label::before { content: '✓'; color: #5496af; }
.saas-field .choice-grid-5 > div:nth-child(5) > label::before { content: 'RH'; font-size: 12px; color: #70518e; }
.saas-field .choice-grid-5 > div:nth-child(6) > label::before { content: '@'; color: #4795af; }
.saas-field .choice-grid-5 > div:nth-child(7) > label::before { content: 'M'; color: #bd8d45; }
.saas-field .choice-grid-5 > div:nth-child(8) > label::before { content: '↔'; color: #c18050; }
.saas-field .choice-grid-5 > div:nth-child(9) > label::before { content: 'ERP'; font-size: 10px; color: #956d48; }
.saas-field .choice-grid-5 > div:nth-child(10) > label::before { content: 'A'; color: #70518e; }
.saas-field .choice-grid-5 > div:nth-child(11) > label::before { content: 'C'; color: #bc9442; }
.saas-field .choice-grid-5 > div:nth-child(12) > label::before { content: 'IA'; font-size: 12px; color: #468b80; }
.saas-field .choice-grid-4 > div > label { min-height: 68px; border-radius: 18px; }
.saas-field .choice-grid > div > label:hover { border-color: #0b7b6e; background: #f3faf8; }
.saas-field .choice-grid > div > label:has(input:checked) { border-color: #087d73; background: #edf9f5; box-shadow: 0 0 0 1px #087d73; }
.saas-field .choice-grid > div > label:has(input:focus-visible) { outline: 3px solid #7abcd0; outline-offset: 3px; }
.saas-field .choice-grid input[type=radio] { position: absolute; inset: 0; width: 100%; height: 100%; margin: 0; opacity: 0; cursor: pointer; }
.saas-field .choice-grid input[type=checkbox] { position: static; width: 16px; height: 16px; flex-shrink: 0; }
.saas-button { background: #005a50; border-radius: 100px; min-height: 44px; padding: 13px 24px; }
.saas-actions { justify-content: center; }
.saas-form { background: transparent; border: 0; padding-top: 8px; }
@media (max-width:650px) {
  .saas-field .choice-grid-5, .saas-field .choice-grid-4, .saas-field .choice-grid-3 { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .saas-field .choice-grid > div > label { min-height: 90px; border-radius: 18px; }
  .saas-field .choice-grid-4 > div > label { min-height: 66px; }
  .saas-field legend { font-size: 18px; }
}

/* Stable SVG by category slug: custom/reordered categories keep the right icon. */
.saas-field .choice-grid-5 > div > label:has(.saas-choice-icon)::before { display:none; }
.saas-choice-icon {display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:var(--bd-surface-soft,#f3f5f8);color:var(--bd-accent,#087d73);}
.saas-choice-icon svg {width:23px;height:23px;}