.button,.tags span,input,select,textarea{border-radius:7px}.service{border:1px solid var(--line);border-radius:10px;padding:28px 24px;margin-bottom:14px;background:#fff;transition:transform .2s,box-shadow .2s}.service:hover{transform:translateY(-2px);box-shadow:0 8px 24px #17354a0c}.step{border:1px solid var(--line);border-radius:10px;padding:26px;background:#fff}.about{border-radius:12px;margin:0 3%;padding:70px 4%}.fab-story{border-top:1px solid #54778f;margin-top:28px;padding-top:24px}.fab-story strong{color:#9edbfa}.page-tabs{display:flex;gap:8px;padding:22px 5%;border-bottom:1px solid var(--line);background:#fff}.page-tabs button{padding:12px 22px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);cursor:pointer}.page-tabs button[aria-selected=true]{background:var(--ink);color:#fff}.view[hidden]{display:none!important}.project-grid,.blog-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px}.project-card,.blog-card{background:white;border:1px solid var(--line);border-radius:10px;overflow:hidden}.card-body{padding:28px}.project-card svg{width:100%;height:220px;display:block;background:#e5f3fb}.project-card p,.blog-card p{font-size:17px}.project-meta{font-size:13px;color:#517387;letter-spacing:1px;margin-bottom:16px}.project-card ul{padding-left:20px;line-height:1.9;color:#466477}.blog{background:#eef6fb}.blog-card{padding:28px}.blog-card summary{cursor:pointer;color:#17678f;font-weight:600;padding:10px 0}.blog-card details[open]{border-top:1px solid var(--line);margin-top:16px}.socials{display:flex;flex-wrap:wrap;gap:12px;margin-top:25px}.socials a,.socials span{padding:10px 14px;border:1px solid #9abccd;border-radius:7px;font-size:15px}.socials small{font-size:11px;display:block;margin-top:4px;color:#466477}.faq{margin-top:45px}.faq details{padding:20px;border:1px solid var(--line);border-radius:8px;margin:12px 0;background:white}.faq summary{cursor:pointer;font-size:19px}.faq p{font-size:17px}header nav{flex-wrap:wrap;gap:20px}.project-intro{max-width:700px;margin-bottom:35px}@media(max-width:750px){header nav a:nth-child(n){display:inline}header nav{gap:10px 16px;font-size:13px}.project-grid,.blog-grid{grid-template-columns:1fr}.service{padding:22px 16px}.page-tabs{padding:18px 5%}.about{padding:45px 6%}.card-body,.blog-card{padding:22px}}