/* Compact site-wide quick enquiry panel */
.scp-lead{position:fixed;right:0;top:42%;z-index:9999;display:flex;align-items:stretch;transform:translateX(280px);transition:transform .32s cubic-bezier(.2,.8,.2,1);filter:drop-shadow(0 15px 30px rgba(8,26,53,.16))}.scp-lead:hover,.scp-lead:focus-within{transform:translateX(0)}.scp-lead__tab{width:46px;background:#f28a13;color:#071a37;display:flex;align-items:center;justify-content:center;writing-mode:vertical-rl;transform:rotate(180deg);font:800 10px Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;cursor:pointer;border-radius:7px 0 0 7px}.scp-lead__form{width:280px;background:#fff;padding:18px 21px;border:1px solid #e8edf3;font-family:Arial,sans-serif;color:#071a37}.scp-lead__form h3{font-size:18px;line-height:1.1;margin:0 0 5px;color:#071a37}.scp-lead__form p{color:#66758a;font-size:11px;line-height:1.45;margin:0 0 11px}.scp-lead__form label{display:block;color:#344860;font-size:9px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;margin-bottom:8px}.scp-lead__form input,.scp-lead__form textarea{display:block;width:100%;margin-top:4px;padding:8px 10px;border:1px solid #dde5ee;background:#f8fafc;color:#071a37;font:11px Arial,sans-serif;outline:0;resize:vertical}.scp-lead__form input:focus,.scp-lead__form textarea:focus{border-color:#f28a13;box-shadow:0 0 0 3px rgba(242,138,19,.14)}.scp-lead__form button{border:0;width:100%;display:flex;align-items:center;justify-content:center;gap:8px;background:#f28a13;color:#071a37;padding:10px;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;cursor:pointer;transition:.2s}.scp-lead__form button:hover{background:#071a37;color:#fff}.scp-lead__note{display:none!important}.scp-lead__hp{position:absolute!important;left:-9999px!important}@media(max-width:600px){.scp-lead{top:auto;bottom:15px;transform:translateX(242px)}.scp-lead__form{width:242px;padding:17px}.scp-lead__tab{width:40px}}
/* Web-design page dark hero with animated coding visual */
body .hero{background:radial-gradient(circle at 24% 30%,#153d6d 0,transparent 40%),#071a37;color:#fff}body .hero-art{background:linear-gradient(90deg,#071a37 0%,#071a3740 28%,#071a3710 100%),url('../img/web-design-hero.gif') center/cover no-repeat;filter:none;box-shadow:inset 45px 0 70px #071a37}body .hero p{color:#c9d8e9}body .hero .k{color:#ffbd64}@media(max-width:850px){body .hero-art{background-position:center}}