/* Copyright - Alan Hall 2025 -> 2026 */
body {
    background-color: #000000;
    font-family: Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;
}
div.logo-box {
    background-image: url("../img/logo.png");
    border-radius: 12px;
    width: 256px;
    height: 256px;
    margin: 0 auto;
    background-size: 256px 256px;
}
div.nav-bar {
    width: 800px;
    margin: 0 auto;
    height: 32px;
    padding: 3px 0;
}
div.nav-bar ul {
    margin: 0 auto;
    width: 512px;
    list-style: none;
    width: fit-content;
}
div.nav-bar ul li {
    float: left;
    margin: 0;
    font-size: 14px;
    font-weight: bold;
    border-radius: 8px;
    color: #FFAA33;
    padding: 6px 16px;
    text-align: center;

}
div.nav-bar ul li:hover {
    background-color: #FFAA33;
    color: #000000;
    cursor: pointer;
}

div.base {
    background-color: #171B22;
    color: #E6EAF0;
    width: 816px;
    margin: 0 auto;
    text-align: center;
    border-radius: 8px;
    border: 1px solid #FFFFFF;
    padding: 16px 6px;
    height: 726px;
}
div.base #hdr {
    width: 792px;
    margin: 0 auto;
    border: 1px solid #FFAA33;
    border-radius: 6px;
    background-color: #dedddd;
    color: #000000;
}
div.cnt-box {
    background-color: #000000;
    border-radius: 6px;
    border-color: #dedddd;
    border-radius: 6px;
    color: #dedddd;
    width: 98%;
    margin: 0 auto;
}
div.features {
    background-color: #000000;
    border-radius: 6px;
    border-color: #dedddd;
    border-radius: 6px;
    color: #dedddd;
    float:left;
    width: 48%;
    margin: 0;
    height: 392px;
}
div.model-pricing {
    background-color: #000000;
    border-radius: 6px;
    border-color: #dedddd;
    border-radius: 6px;
    color: #dedddd;
    float:right;
    width: 48%;
    margin: 0;
    height: 392px;
}
table.prices {
    background-color: #000000;
    margin: 0 auto;
    width: 64%;
    text-align: center;
}
table.prices th {
    font-weight: bold;
    background-color: #FFAA33;
    color: #000000;
}
table.prices td {
    color: #FFFFFF;
}
ul.prices {
    list-style: none;
    margin: 0 auto;
}
div.doc-nav {
    float: left;
    width: 32%;
    height: fit-content;
}
div.doc-nav ul {
    list-style: none;
    width: 98%;
}
div.doc-nav ul li {
    text-align: center;
    color: #FFFFFF;
}
div.doc-nav ul li h3 {
    text-align: left;
    font-weight: bold;
}
div.doc-nav ul li ul {
    display: none;
}
div.doc-nav ul li:hover ul {
    display: block;
    cursor: pointer;
}
fieldset {
    border: 1px solid #FFFFFF;
    border-radius: 8px;
    margin: 16px auto;
    width: fit-content;
}
fieldset legend {
    border: 1px solid #ffffff;
    border-radius: 6px;
    padding: 8px 16px;
    text-align: center;
    margin: 0 auto;
}
input[type="text"], input[type="password"] {
    border-radius: 8px;
    min-width: 212px;
}
button {
    background-color: #171B22;
    border-radius: 6px;
    border: 1px solid #FFFFFF;
    color: #FFFFFF;
}
button:hover {
    cursor: pointer;
    background-color: #FFAA33;
    color: #000000;
}
div.foot-text {
    font-size: 12px;
    padding-top: 6px;
    margin: 0 auto;
    text-align: center;
    font-weight: bold;
    color: #FFFFFF;
}