.lead{max-width:760px;color:var(--text);font-size:17px;line-height:1.6}
.button.secondary{background:transparent;color:var(--blue);border:2px solid var(--blue);margin-left:8px}
.platforms .soon{opacity:.55}
.feature-grid{grid-template-columns:repeat(4,1fr)}
.feature-grid h3{font-size:18px;margin:14px 0 8px}
.feature-grid p{font-size:14px;line-height:1.55}
.case-grid{grid-template-columns:repeat(4,1fr)}
.table-wrap{overflow-x:auto;margin:28px 0 12px;border:1px solid var(--line);border-radius:16px;background:#fff}
table.compare{border-collapse:collapse;width:100%;min-width:860px;font-size:14px}
table.compare th,table.compare td{padding:11px 14px;border-bottom:1px solid var(--line);text-align:center}
table.compare thead th{background:var(--navy);color:#fff;font-size:14px;position:sticky;top:0}
table.compare thead th:first-child,table.compare tbody th{text-align:left}
table.compare tbody th{font-weight:600;color:var(--navy)}
table.compare tbody tr:nth-child(even){background:var(--palette-4)}
table.compare td.yes{color:#0a8f4d;font-weight:700;font-size:17px}
table.compare td.no{color:#9aa8bd}
.checks{list-style:none;padding:0;margin:26px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:14px 28px}
.checks li{position:relative;padding:14px 16px 14px 44px;border:1px solid var(--line);border-radius:12px;background:#fff;font-size:15px;line-height:1.5}
.checks li:before{content:'✓';position:absolute;left:16px;top:12px;color:#fff;background:var(--blue);width:20px;height:20px;border-radius:50%;text-align:center;font-size:13px;line-height:20px}
.manuals{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}
.manual-link{padding:12px 20px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--navy);text-decoration:none;font-weight:600}
.manual-link.current{background:var(--blue);border-color:var(--blue);color:#fff}
.faq{max-width:860px;margin-top:24px}
.faq details{border:1px solid var(--line);border-radius:12px;background:#fff;margin-bottom:10px;padding:0 18px}
.faq summary{cursor:pointer;padding:16px 0;font-weight:600;color:var(--navy)}
.faq details[open] summary{color:var(--blue)}
.faq p{margin:0 0 16px;color:var(--text);line-height:1.6}
@media(max-width:1000px){.feature-grid,.case-grid{grid-template-columns:repeat(2,1fr)}.checks{grid-template-columns:1fr}}
@media(max-width:600px){.feature-grid,.case-grid{grid-template-columns:1fr}.button.secondary{margin:10px 0 0}}

/* price table and calculator */
.price-table{min-width:620px;margin-top:30px}
.price-table tbody td{font-variant-numeric:tabular-nums}
.calculator{margin:30px 0;padding:26px 30px;background:var(--palette-4);border:1px solid var(--line);border-radius:16px;max-width:760px}
.calculator h3{margin:0 0 16px;font-size:22px}
.calc-fields{display:flex;flex-wrap:wrap;gap:18px;margin-bottom:14px}
.calc-fields label{display:flex;flex-direction:column;gap:6px;font-size:14px;font-weight:600}
.calc-fields select,.calc-fields input{padding:9px 12px;border:1px solid var(--line);border-radius:8px;font-size:16px;min-width:160px;background:#fff}
.calc-line{display:flex;justify-content:space-between;gap:20px;padding:8px 0;border-bottom:1px solid var(--line);font-size:15px}
.calc-total{font-size:19px;color:var(--navy)}
.plan-card .button{margin-top:auto;text-align:center}
.annual-price strong{font-size:30px;color:var(--navy)}

/* shop page */
.shop-head{max-width:900px;margin:40px auto 10px;padding:0 24px}
.shop{max-width:900px;margin:0 auto 60px;padding:0 24px;display:grid;gap:22px}
.shop-step{background:var(--palette-4);border:1px solid var(--line);border-radius:16px;padding:24px 28px}
.shop-step h2{font-size:20px;margin:0 0 14px}
.shop-methods{display:grid;gap:10px;margin-bottom:16px}
.shop-method{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-weight:600}
.shop-method.disabled{opacity:.55}
.shop-method em{font-style:normal;font-weight:400;font-size:13px;margin-left:6px}
.shop-bank h3{font-size:16px;margin:8px 0}
.shop-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}
.shop-actions button.button[disabled]{opacity:.5;cursor:not-allowed}
.shop-closed{margin:14px 0 0;padding:12px 16px;border-radius:10px;background:#fff6dd;border:1px solid #ecd27b;color:#5c4400;font-size:14px}
.shop-closed:empty{display:none}

/* order form, policy pages, cookie consent */
.shop-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.shop-fields label{display:grid;gap:6px;font-size:14px}
.shop-fields label:last-child:nth-child(odd){grid-column:1/-1}
.shop-fields input,.shop-fields textarea{border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;color:var(--navy);font:inherit;width:100%}
.shop-fields textarea{min-height:84px;resize:vertical}
.shop-fields [aria-invalid="true"]{border-color:#c0392b;background:#fff5f4}
.shop-consent{display:block;margin:14px 0 4px;font-size:14px}
.shop-consent a{text-decoration:underline}
.shop-errors{color:#a8281c;font-size:14px;margin:8px 0 0}
.shop-errors:empty{display:none}
.shop-card[hidden],.shop-bank[hidden]{display:none}
.calc-net,.calc-vat{color:var(--text);font-size:14px}
.legal{max-width:860px;margin:36px auto 70px;padding:0 4px}
.legal[hidden]{display:none}
.legal h1{font-size:clamp(30px,4vw,44px);letter-spacing:-1px;line-height:1.2}
.legal h2{font-size:22px;margin:30px 0 8px;letter-spacing:-.3px}
.legal li{margin:6px 0}
.legal a{color:var(--blue);text-decoration:underline}
.draft-note{max-width:860px;margin:24px auto 0;padding:12px 16px;border-radius:10px;background:#fff6dd;border:1px solid #ecd27b;color:#5c4400;font-size:14px}
.draft-note[hidden]{display:none}
.sitemap-list{columns:2;padding-left:20px}
.footer-links{display:flex;flex-wrap:wrap;gap:6px 18px;font-size:13px;width:100%;order:5}
.footer-links a{color:#cfe8f5;text-decoration:underline}
.consent-link{background:none;border:0;color:#cfe8f5;text-decoration:underline;cursor:pointer;font:inherit;padding:0}
.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:50;max-width:760px;margin:auto;background:#fff;color:var(--navy);border:1px solid var(--line);border-radius:16px;padding:20px 22px;box-shadow:0 14px 50px #0c244033}
.consent-banner .consent-title{font-size:18px;margin:0 0 6px;letter-spacing:-.2px}
.consent-banner p{margin:0 0 10px;font-size:14px;color:var(--text)}
.consent-banner a{text-decoration:underline;color:var(--blue)}
.consent-actions{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.consent-actions .button{margin:0;padding:10px 20px}
.consent-actions .button:after{content:none}
.consent-banner .consent-link{color:var(--blue)}
.consent-details{display:grid;gap:10px;margin:8px 0 12px}
.consent-details[hidden]{display:none}
.consent-row{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.consent-row small{display:block;color:var(--text)}
@media(max-width:760px){.shop-fields{grid-template-columns:1fr}.sitemap-list{columns:1}}

.contact-form{max-width:860px;margin:0 auto 70px;padding:0 4px}
.contact-fields{display:grid;gap:14px}
.contact-fields label{display:grid;gap:6px;font-size:14px}
.contact-fields input:not([type=checkbox]),.contact-fields textarea{border:1px solid var(--line);border-radius:7px;padding:10px 12px;background:#fff;color:var(--navy);font:inherit;width:100%}
.contact-fields textarea{min-height:150px;resize:vertical}
.contact-fields [aria-invalid="true"]{border-color:#c0392b;background:#fff5f4}
.contact-fields .trap{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}
.contact-fields .button{justify-self:start;margin:6px 0 0}
.service-status{padding:12px 16px;border-radius:10px;background:var(--pale);border:1px solid var(--line)}
.service-status[data-state=ok]{background:#eafaf0;border-color:#9bd8b0}
.service-status[data-state=down]{background:#fff6dd;border-color:#ecd27b}

.help-center{max-width:860px;margin:0 auto 70px;padding:0 4px}
.help-bar input{width:100%;border:1px solid var(--line);border-radius:8px;padding:12px 14px;font:inherit}
.help-chips{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}
.help-chip{border:1px solid var(--line);background:var(--pale);border-radius:20px;padding:6px 14px;font:inherit;cursor:pointer;color:var(--navy)}
.help-chip.active{background:var(--blue);color:#fff;border-color:var(--blue)}
.help-list{display:grid;gap:12px}
.help-card{border:1px solid var(--line);border-radius:12px;padding:16px 20px;background:#fff}
.help-card h3{margin:4px 0 6px;font-size:19px}.help-card h3 a{color:var(--blue)}
.help-category{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:var(--blue)}
.help-back{display:inline-block;margin-bottom:10px;color:var(--blue);text-decoration:underline}
.help-body h3{font-size:20px;margin:22px 0 6px}.help-body li{margin:6px 0}.help-body a{color:var(--blue);text-decoration:underline}
.help-vote{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:26px 0 8px;padding:14px 16px;border-radius:10px;background:var(--pale);border:1px solid var(--line)}
.help-vote .button{margin:0;padding:6px 16px}.help-vote .button:after{content:none}
.help-contact{display:inline-block;margin-top:8px;color:var(--blue);text-decoration:underline}

.faq .faq-more,.faq .faq-all{color:var(--blue);text-decoration:underline;font-weight:600}
.faq .faq-all{display:inline-block;margin-top:14px}