*{box-sizing:border-box}
body{font-family:Arial,sans-serif;margin:0;padding:0;background:#111;color:white;line-height:1.6}
a{color:inherit}
header{background:#000;padding:22px 20px 16px;text-align:center;border-bottom:2px solid #00ffff}
.header-title-row{display:flex;align-items:center;justify-content:center;gap:18px;flex-wrap:wrap}
.header-out-of-order{height:88px;width:auto;max-width:150px;object-fit:contain}
header h1{color:#00ffff;margin:0;font-size:38px;letter-spacing:1px}
header p{margin:6px 0 0;color:#ddd;font-size:18px}
.social-bar{margin-top:14px;display:flex;justify-content:center;gap:12px;flex-wrap:wrap}
.social-icon{width:38px;height:38px;display:inline-flex;align-items:center;justify-content:center;border:1px solid #00ffff;border-radius:50%;color:#00ffff;text-decoration:none;font-weight:bold;font-size:15px;transition:.2s ease}
.social-icon:hover{background:#00ffff;color:#000}
nav{background:#181818;border-bottom:1px solid #333;position:sticky;top:0;z-index:10}
.nav-wrapper{display:grid;grid-template-columns:auto 1fr auto;align-items:center;max-width:1400px;margin:auto;padding:0 12px}
.nav-left-group{display:flex;align-items:center;gap:10px}
.nav-logo-link{display:flex;align-items:center;padding:4px 0;text-decoration:none}
.nav-logo{height:44px;width:auto;max-width:120px;object-fit:contain;display:block}
.nav-menu-left,.nav-menu-center{list-style:none;padding:0;margin:0;display:flex;align-items:center}
.nav-menu-left{justify-content:flex-start}.nav-menu-center{justify-content:center;flex-wrap:wrap}
.nav-menu-left>li,.nav-menu-center>li{position:relative}
.nav-menu-left a,.nav-menu-center a{display:block;padding:15px 13px;text-decoration:none;color:white;font-weight:bold}
.nav-menu-left a:hover,.nav-menu-center a:hover{background:#00ffff;color:#000}
.nav-logo-link:hover{background:transparent!important}
.dropdown-content,.sub-dropdown-content{display:none;position:absolute;background:#222;min-width:250px;box-shadow:0 8px 18px rgba(0,0,0,.55);z-index:100;text-align:left}
.dropdown-content{left:0}.sub-dropdown-content{left:100%;top:0}
.dropdown-content a,.sub-dropdown-content a{padding:13px 18px;border-bottom:1px solid #333;white-space:nowrap}
.dropdown:hover>.dropdown-content,.sub-dropdown:hover>.sub-dropdown-content{display:block}
.sub-dropdown{position:relative}
.sub-dropdown>a::after{content:" ›";float:right}
.hero{text-align:center;padding:90px 20px;background:linear-gradient(rgba(0,0,0,.62),rgba(0,0,0,.86)),url('images/castlework-arcade-background.png');background-size:cover;background-position:center;background-repeat:no-repeat}
.hero h2{font-size:42px;margin:0 0 15px;text-shadow:0 3px 8px #000}
.hero p{font-size:19px;max-width:950px;margin:0 auto 25px;text-shadow:0 2px 6px #000}
.hero-image-strip{max-width:900px;margin:0 auto 22px}
.hero-image-strip img{width:100%;height:auto;max-height:250px;object-fit:contain}
.btn,.download-btn{display:inline-block;padding:15px 30px;background:#00ffff;color:#000!important;text-decoration:none;border-radius:5px;font-weight:bold;margin:8px 8px 8px 0}
.btn.secondary,.download-btn.secondary{background:transparent;color:#00ffff!important;border:2px solid #00ffff}
.download-btn{padding:10px 16px;font-size:14px}
.section{padding:50px 20px;max-width:1200px;margin:auto}
.section h2{color:#00ffff;font-size:30px;margin-top:0}
.service-grid,.environment-grid,.pricing-grid,.queue-grid,.glossary-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:20px}
.card,.blog-post-preview,.resource-card,.queue-card,.glossary-card{background:#222;padding:24px;border-radius:10px;border:1px solid #333}
.card h3,.blog-post-preview h3,.resource-card h3,.queue-card h3,.glossary-card h3{color:#00ffff;margin-top:0}
.card a,.blog-post-preview a,.resource-card a,.contact-box a{color:#00ffff}
.highlight{background:#181818;border-left:5px solid #00ffff;padding:22px;margin:25px 0;border-radius:6px}
.price-table,.queue-table,.resource-table,.glossary-table{width:100%;border-collapse:collapse;background:#222;margin-top:20px}
.price-table th,.price-table td,.queue-table th,.queue-table td,.resource-table th,.resource-table td,.glossary-table th,.glossary-table td{border:1px solid #444;padding:14px;text-align:left;vertical-align:top}
.price-table th,.queue-table th,.resource-table th,.glossary-table th{background:#00ffff;color:#000}
.contact-box{background:#222;padding:25px;border-radius:10px;border:1px solid #333}
form{display:grid;gap:14px;margin-top:20px}input,textarea,select{width:100%;padding:13px;border:none;border-radius:5px;font-size:16px}textarea{min-height:130px}
button{padding:15px 25px;background:#00ffff;color:#000;font-weight:bold;border:none;border-radius:5px;cursor:pointer}
.blog-list,.resource-list{display:grid;gap:20px}.doc-category,.queue-status{display:inline-block;background:#00ffff;color:#000;font-weight:bold;font-size:12px;padding:4px 8px;border-radius:4px;margin-bottom:10px}
.queue-status.waiting{background:#f7d154}.queue-status.in-progress{background:#00ffff}.queue-status.ready{background:#79ff9f}
.file-note{color:#bbb;font-size:14px;margin-top:10px}.upload-instructions{background:#181818;border:1px dashed #00ffff;padding:24px;border-radius:10px;margin-bottom:25px}
code{background:#000;color:#00ffff;padding:2px 5px;border-radius:3px}
footer{background:#000;text-align:center;padding:24px 20px;margin-top:40px;border-top:1px solid #333}
footer a{color:#00ffff;text-decoration:none}.footer-social{margin:16px 0}
@media(max-width:1100px){.nav-wrapper{display:block;padding:0}.nav-left-group{justify-content:center}.nav-menu-left,.nav-menu-center{display:block;text-align:center}.dropdown-content,.sub-dropdown-content{position:static;box-shadow:none;text-align:center}.sub-dropdown>a::after{content:""}.nav-logo{height:50px;margin-top:5px}}
@media(max-width:700px){header h1{font-size:30px}.hero h2{font-size:32px}.header-out-of-order{height:70px}}