body {
    font-family: 'Inter', sans-serif;
}
/* Custom Colors from InfoWest Palette */
.bg-orient { background-color: #005187; }
.text-orient { color: #005187; }
.border-orient { border-color: #005187; }
.bg-amber { background-color: #FFC10E; }
.text-amber { color: #FFC10E; }
.hover\:bg-fuel-yellow:hover { background-color: #EDA928; }
.bg-midnight-blue { background-color: #003366; }
.text-midnight-blue { color: #003366; }
.bg-mariner { background-color: #2A7DE1; }
.text-mariner { color: #2A7DE1; }
.text-dove-gray { color: #666666; }
.bg-cod-gray { background-color: #111111; }
.section-padding { padding: 3rem 1rem; }
@media (min-width: 768px) {
    .section-padding { padding: 4rem 2rem; }
}
.feature-card, .hardware-card, .promo-card {
    background-color: white;
    border-radius: 0.75rem;
    padding: 2rem;
    box-shadow: 0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1);
    transition: transform 0.3s ease, box-shadow 0.3s ease;
    display: flex;
    flex-direction: column;
}
.feature-card:hover, .hardware-card:hover, .promo-card:hover {
    transform: translateY(-5px);
    box-shadow: 0 10px 15px -3px rgb(0 0 0 / 0.1), 0 4px 6px -4px rgb(0 0 0 / 0.1);
}
.pricing-card {
    border: 1px solid #e5e7eb;
    border-radius: 0.75rem;
    padding: 2.5rem;
    display: flex;
    flex-direction: column;
}
.pricing-card.featured {
    border-width: 2px;
    border-color: #005187;
    transform: scale(1.05);
}
/* Style for the smaller asterisk */
.price-asterisk {
    font-size: 1rem;
    vertical-align: super;
}
#full-features-list {
    max-height: 0;
    overflow: hidden;
    transition: max-height 0.7s ease-in-out;
}
.calculator-input {
    width: 4rem;
    padding: 0.25rem 0.5rem;
    border-radius: 0.375rem;
    border: 1px solid #d1d5db;
    text-align: center;
}
/* Tooltip Styles */
.tooltip-container {
    position: relative;
    display: inline-flex;
    align-items: center;
    margin-left: 0.5rem;
}
.tooltip-icon {
    width: 1rem;
    height: 1rem;
    background-color: #9ca3af;
    color: white;
    border-radius: 9999px;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.75rem;
    font-weight: bold;
    cursor: pointer;
}
.tooltip-text {
    visibility: hidden;
    width: 200px;
    background-color: #111111;
    color: #fff;
    text-align: center;
    border-radius: 6px;
    padding: 8px;
    position: absolute;
    z-index: 50; /* Increased z-index */
    bottom: 125%;
    left: 50%;
    margin-left: -100px;
    opacity: 0;
    transition: opacity 0.3s;
}
.tooltip-container:hover .tooltip-text {
    visibility: visible;
    opacity: 1;
}