.skip{position:absolute;left:8px;top:-40px;background:#081e47;color:#fff;padding:8px 12px;z-index:80}
.skip:focus{top:8px}
.hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}
.card a,.project a{color:inherit;text-decoration:none;display:block}
.card .more{display:inline-block;margin-top:14px;font-weight:800;color:#7b4be1;font-size:13px}
.nav a.is-on{color:#55d7fc}
.prose{max-width:760px;color:#62718b;line-height:1.9}
.prose h2,.prose h3{color:#0a224f}
.prose a{color:#7b4be1}
.faq details{background:#fff;border:1px solid #e6ebf4;border-radius:16px;padding:16px 20px;margin:0 0 12px}
.faq summary{cursor:pointer;font-weight:700;color:#0a224f}
.compare{width:100%;border-collapse:collapse;background:#fff;border-radius:16px;overflow:hidden}
.compare th,.compare td{border:1px solid #e6ebf4;padding:10px 12px;text-align:left}
.compare th{background:#081e47;color:#fff}
.err{margin:4px 0 0;color:#ffb4c8;font-size:13px}
.alert{padding:10px 12px;border-radius:12px;background:#3b1024;color:#ffd0dc}
.ok{text-align:center}
.contact-form .check{display:flex;gap:8px;align-items:flex-start;font-size:13px}
.contact-form select{border:1px solid #c0d4f04f;background:#ffffff14;color:#fff;border-radius:11px;padding:13px 14px;width:100%}
.contact-form .choice{display:grid;grid-template-columns:1fr 1fr;gap:8px;border:0;padding:0;margin:0 0 8px}
.contact-form .choice label{border:1px solid #c0d4f04f;border-radius:11px;padding:10px;text-align:center;cursor:pointer}
.contact-form .choice input{position:absolute;opacity:0}
.contact-form .choice label:has(:checked){background:#ffffff22;border-color:#c29cff}
.topic{background:#fff;border:1px solid #e6ebf4;border-radius:16px;padding:20px 22px;margin:0 0 12px}
.meta{color:#718098;font-size:13px}
.thumb{width:100%;border-radius:16px;object-fit:cover}
.about-copy ul{margin:0 0 24px;padding-left:18px;color:#62718b;line-height:1.9}
.light-form{display:grid;gap:10px;background:#fff;border:1px solid #e6ebf4;border-radius:19px;padding:30px}
.light-form h2{margin:0 0 8px}
.light-form form{display:grid;gap:10px}
.light-form label{font-size:13px;font-weight:700;color:#0a224f}
.light-form input,.light-form textarea,.light-form select{border:1px solid #d5dce8;background:#fff;color:#0a224f;border-radius:11px;padding:13px 14px;width:100%}
.light-form .check{display:flex;gap:8px;align-items:flex-start;font-weight:400}
.light-form .btn-gradient{width:fit-content}
.contact-form option{color:#0a224f}
.ok h3{color:#fff;margin:0 0 8px}
.ok p{color:#c9d7eb}
