/*
Theme Name: Clevernauts Core Engine
Theme URI: https://clevernauts.com
Author: Srinivasa
Author URI: https://itssri.net
Description: A premium, highly optimized corporate theme framework for Clevernauts.com featuring a dynamic, admin-controlled landing engine.
Version: 2028-06-15
Text Domain: itssri
*/

body {
    margin: 0;
    padding: 0;
    background: #0f141c;
    color: #f4f6f9;
    font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
    -webkit-font-smoothing: antialiased;
}

.clevernauts-matrix-canvas { 
    padding: 120px 0; 
    min-height: 80vh;
    display: flex;
    align-items: center;
    box-sizing: border-box; 
}

.clevernauts-container { 
    max-width: 1280px; 
    margin: 0 auto; 
    padding: 0 32px; 
    width: 100%;
}

.clevernauts-grid { 
    display: grid; 
    grid-template-columns: 1.15fr 0.85fr; 
    gap: 64px; 
    align-items: center; 
}

.clevernauts-badge { 
    display: inline-block; 
    font-size: 0.75rem; 
    text-transform: uppercase; 
    letter-spacing: 0.15em; 
    color: #3498db; 
    margin-bottom: 16px; 
    font-weight: 700; 
}

.clevernauts-main-heading { 
    font-size: 3.5rem; 
    font-weight: 800; 
    line-height: 1.1; 
    color: #ffffff; 
    margin: 0 0 24px 0; 
    letter-spacing: -0.03em; 
}

.clevernauts-lead-text { 
    font-size: 1.25rem; 
    color: #a6b1bc; 
    line-height: 1.65; 
    margin: 0 0 40px 0; 
    font-weight: 400; 
}

/* Dual CTA Horizontal Flex Engine */
.clevernauts-actions {
    display: flex;
    gap: 16px;
    flex-wrap: wrap;
}

.clevernauts-btn-primary { 
    display: inline-block; 
    padding: 16px 36px; 
    background: #ffffff; 
    color: #0f141c; 
    text-decoration: none; 
    font-weight: 600; 
    border-radius: 4px; 
    border: 1px solid #ffffff; 
    transition: all 0.25s ease-in-out; 
}

.clevernauts-btn-primary:hover { 
    background: transparent; 
    color: #ffffff; 
    transform: translateY(-2px); 
}

.clevernauts-btn-secondary { 
    display: inline-block; 
    padding: 16px 36px; 
    background: transparent; 
    color: #ffffff; 
    text-decoration: none; 
    font-weight: 600; 
    border-radius: 4px; 
    border: 1px solid rgba(255, 255, 255, 0.25); 
    transition: all 0.25s ease-in-out; 
}

.clevernauts-btn-secondary:hover { 
    background: rgba(255, 255, 255, 0.05); 
    border-color: #ffffff; 
    transform: translateY(-2px); 
}

.clevernauts-fallback-frame { 
    width: 100%; 
    height: 420px; 
    background: #171f2a; 
    border-radius: 4px; 
    display: flex; 
    align-items: center; 
    justify-content: center; 
    border: 1px dashed rgba(255,255,255,0.15); 
}

.clevernauts-glitch-icon { 
    font-size: 1.5rem; 
    font-family: monospace; 
    color: rgba(255,255,255,0.25); 
    letter-spacing: 2px; 
}

@media (max-width: 960px) {
    .clevernauts-matrix-canvas { padding: 60px 0; }
    .clevernauts-grid { grid-template-columns: 1fr; gap: 48px; text-align: center; }
    .clevernauts-main-heading { font-size: 2.5rem; }
    .clevernauts-fallback-frame { height: 300px; }
    .clevernauts-actions { justify-content: center; }
}