/* Unslop polish: existing brand, clearer details. */
:root{--quiet-border:#dce5df}
.skip:not(:focus){clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap;padding:0}
.feature-icon{display:block;width:24px;height:24px;stroke-width:1.65;flex-shrink:0;pointer-events:none}
.card,.compat-grid article,.faq-list details{border-color:var(--quiet-border)}
.hero-label{background:#06472d;color:var(--text-inverse);border-radius:4px;padding:2px 8px;font-size:12px;letter-spacing:0}
.steps .card-mark{font-variant-numeric:tabular-nums}
.tools .card-mark .feature-icon,.side-card .card-mark .feature-icon{width:100%;height:100%}
.security-list article{gap:16px}
.security-list .security-icon{display:grid;place-items:center;width:24px;height:28px;flex:0 0 24px;color:var(--text-accent)}
.status-float>span .feature-icon{width:28px;height:28px}
.screen figcaption{font-size:12px;min-height:48px;line-height:1.8;gap:8px;padding:0 4px 8px}
.screen-label{flex:1;min-width:0}
.screen figcaption .screen-open{display:grid;place-items:center;flex:0 0 44px;min-height:44px;border-radius:8px;color:var(--text-accent);transition:background-color .18s var(--ease)}
.screen-open .feature-icon{width:20px;height:20px}
.screen-open:hover{background:#edf6ef}
.screen>a{display:block;border-radius:7px}
.screen>a:focus-visible{outline-offset:3px}
.hero-actions{display:flex;justify-content:center;margin-top:24px}
.preview-link{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:10px 20px;border:1px solid var(--text-accent);border-radius:8px;background:var(--text-accent);color:#fff;font-size:14px;font-weight:700;transition:background-color .18s var(--ease)}
.preview-link .feature-icon{width:18px;height:18px}
.preview-link:hover{background:#075632}
.nav-links a{display:inline-flex;align-items:center;min-height:44px;text-underline-offset:6px}
.nav-links a:hover{text-decoration:underline}
:focus-visible{outline-color:var(--text-accent)}
.topbar :focus-visible{outline-color:var(--text-inverse-accent)}
.faq-list summary{padding:20px 24px;gap:16px;transition:background-color .18s var(--ease)}
.faq-list summary:hover{background:#f4f9f5}
.faq-list summary:after{content:none}
.faq-list .faq-icon{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;color:var(--text-accent);pointer-events:none;transition:transform .25s var(--ease)}
.faq-list details[open] .faq-icon{transform:rotate(180deg)}
.back-top .feature-icon{width:24px;height:24px}
.event-strip{flex-wrap:wrap;row-gap:8px}
html[data-poster] .hero-actions{display:none}
html[data-poster] .skip{display:none}
html[data-motion="reduced"] .faq-icon{transition:none}
@media(max-width:600px){
  .lead{font-size:15px}
  .hero-label{font-size:12px}
  .ribbon{gap:8px;font-size:11px}
  .status-float strong{font-size:12px}
  .status-float{max-width:calc(100% - 16px)}
  .detail-crop>span{line-height:1.7}
  .event-strip{font-size:12px;column-gap:16px;white-space:normal}
  .faq-list summary{padding:20px;font-size:15px}
  .hero-actions{margin-top:20px}
}
@media print{.hero-actions,.skip{display:none!important}}