*{box-sizing:border-box}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,Arial;background:#f6f9fc;color:#11243b}a{color:inherit;text-decoration:none}.wrap{max-width:1160px;margin:auto;padding:0 24px}.nav{background:white;border-bottom:1px solid #e2eaf2;position:sticky;top:0;z-index:10}.navin{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:72px}.brand{font-size:22px;font-weight:850;letter-spacing:-1px}.brand span{color:#0876bd}.links{display:flex;gap:23px;align-items:center;font-size:14px;font-weight:650}.links a:hover{color:#0876bd}.btn{display:inline-flex;padding:13px 20px;border-radius:10px;background:#0e9bdd;color:white;font-weight:750;border:0;cursor:pointer}.btn.alt{background:white;color:#103d62;border:1px solid #dce6ee}.hero{background:linear-gradient(125deg,#071d37 0%,#123d63 70%,#075780);color:white;padding:84px 0}.eyebrow{font-size:12px;letter-spacing:2px;font-weight:800;color:#50d4fa;text-transform:uppercase}h1{font-size:clamp(36px,5vw,62px);line-height:1.08;letter-spacing:-2px;margin:16px 0}h2{font-size:clamp(26px,3vw,36px);letter-spacing:-1px;margin:0 0 12px}.lead{font-size:18px;color:#c8deed;max-width:720px;line-height:1.7}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.hero-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:40px;align-items:center}.panel{border:1px solid #3b6784;background:#ffffff10;border-radius:18px;padding:26px;box-shadow:0 25px 70px #00152d40}.panel h3{margin-top:0}.panel li{margin:15px 0;color:#e3eff8}.section{padding:68px 0}.section.muted{background:#eaf2f8}.sub{color:#566b80;line-height:1.7;max-width:750px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:30px}.card{background:white;border:1px solid #e0e8f0;border-radius:15px;padding:24px;box-shadow:0 7px 22px #0d31500a}.card h3{margin:0 0 10px;font-size:19px}.card p{color:#596e81;line-height:1.6;font-size:14px}.pill{display:inline-block;padding:5px 9px;border-radius:30px;background:#e5f4fb;color:#126d9d;font-size:12px;font-weight:700;margin-bottom:12px}.footer{background:#091e33;color:#c6d7e5;padding:42px 0}.footer .brand{color:white}.footer small{display:block;margin-top:18px;color:#91aabe}.heading{padding:62px 0 40px;background:#0b2c4d;color:white}.heading p{color:#c7dce9;line-height:1.7;max-width:760px}.list{padding-left:20px;line-height:1.9;color:#526a80}.search{width:100%;padding:16px;border:1px solid #cad9e6;border-radius:11px;font:inherit;margin:24px 0 0}.note{border-left:4px solid #11a5d9;background:#eef9fd;padding:17px;margin-top:24px;color:#244c65}.two{display:grid;grid-template-columns:1fr 1fr;gap:20px}.price{font-size:30px;font-weight:850;color:#0d5e91}.menu{display:none;background:white;border:1px solid #d6e1eb;padding:10px;border-radius:8px;font-weight:700}@media(max-width:850px){.hero-grid,.two{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,1fr)}.links{gap:12px;flex-wrap:wrap}.navin{align-items:flex-start;padding-top:16px;padding-bottom:16px;flex-direction:column}}@media(max-width:560px){.grid{grid-template-columns:1fr}.hero{padding:54px 0}.links{font-size:13px}.wrap{padding:0 18px}}

/* KTCHost Services Directory */
.kt-service-directory {
    margin: 60px 0 30px;
}
.kt-service-directory > h2 {
    font-size: clamp(26px, 3vw, 36px);
    margin-bottom: 12px;
    color: #0c2d4e;
}
.kt-service-directory > p {
    color: #64748b;
    margin-bottom: 36px;
}
.kt-service-group {
    margin-bottom: 34px;
}
.kt-service-group h3 {
    font-size: 21px;
    margin-bottom: 16px;
    color: #0c2d4e;
}
.kt-service-grid {
    display: grid;
    grid-template-columns: repeat(3, minmax(0, 1fr));
    gap: 14px;
}
.kt-service-item {
    display: flex;
    justify-content: space-between;
    align-items: center;
    gap: 14px;
    padding: 18px 20px;
    background: #fff;
    border: 1px solid #dce6f0;
    border-radius: 12px;
    color: #123250;
    text-decoration: none;
    font-weight: 600;
    transition: .2s ease;
}
.kt-service-item:hover,
.kt-service-item:focus-visible {
    border-color: #0ea5e9;
    background: #f0f9ff;
    transform: translateY(-2px);
    box-shadow: 0 8px 20px rgba(12,45,78,.08);
}
.kt-service-arrow {
    color: #0284c7;
    font-size: 20px;
    flex-shrink: 0;
}
@media (max-width: 900px) {
    .kt-service-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr));
    }
}
@media (max-width: 600px) {
    .kt-service-grid {
        grid-template-columns: 1fr;
    }
}