/* 
  Manufacturer Enquiry Leak Audit Landing Page Styles 
  Matches standard Nexgenn typography (Outfit, Cormorant Garamond)
*/

:root {
    --audit-primary: #040612; /* Deep Nexgenn Navy */
    --audit-secondary: #12122b;
    --audit-accent: #00f2ff; /* Cyan Glow (Used sparingly) */
    --audit-gold: #c9a84c;
    --audit-gold-dark: #a88732;
    --audit-white: #ffffff;
    --audit-light-grey: #f4f5f7;
    --audit-mid-grey: #e0e4e8;
    --audit-dark-grey: #33334d;
    --audit-text-dark: #0a0a18;
    --audit-text-muted: rgba(255, 255, 255, 0.65);
    --audit-text-muted-dark: rgba(18, 18, 43, 0.65);
    --audit-max-width: 1200px;
    --audit-border-radius: 6px; /* Reduced for industrial feel */
    --audit-transition: 0.3s ease;
}

/* Reset & Base */
.audit-page {
    font-family: 'Outfit', sans-serif;
    color: var(--audit-text-dark);
    background: var(--audit-light-grey);
    line-height: 1.6;
    margin: 0;
    padding: 0;
}

.audit-container {
    max-width: var(--audit-max-width);
    margin: 0 auto;
    padding: 0 24px;
}

.audit-section {
    padding: 100px 0;
}

/* Typography */
.audit-page h1, .audit-page h2, .audit-page h3, .audit-page h4 {
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    margin-bottom: 24px;
    line-height: 1.2;
}

/* Header (Minimal) */
.audit-header {
    background: rgba(4, 6, 18, 0.95);
    backdrop-filter: blur(10px);
    height: 70px;
    display: flex;
    align-items: center;
    position: sticky;
    top: 0;
    z-index: 1000;
    border-bottom: 1px solid rgba(201, 168, 76, 0.2);
}

.audit-header .audit-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    width: 100%;
}

.audit-logo {
    display: flex;
    align-items: center;
    height: 70px;
}

.audit-logo img {
    height: 60px; /* Base height */
    width: auto;
    object-fit: contain;
    transform: scale(1.8); /* Scale it up visually without affecting the container height */
    transform-origin: left center;
}

.audit-header-right {
    display: flex;
    align-items: center;
    gap: 32px;
}

.audit-header-tagline {
    color: var(--audit-white);
    font-size: 0.95rem;
    font-weight: 400;
    letter-spacing: 0.5px;
    opacity: 0.8;
}

.audit-btn-primary {
    background: linear-gradient(135deg, var(--audit-gold) 0%, var(--audit-gold-dark) 100%);
    color: #040612;
    padding: 14px 32px;
    border-radius: var(--audit-border-radius);
    text-decoration: none;
    font-weight: 700;
    font-size: 1rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    transition: var(--audit-transition);
    display: inline-block;
    border: none;
    cursor: pointer;
    text-align: center;
    box-shadow: 0 4px 15px rgba(201, 168, 76, 0.2);
}

.audit-btn-primary:hover {
    background: linear-gradient(135deg, #ffd700 0%, #e6b800 100%);
    color: #040612;
    transform: translateY(-2px);
    box-shadow: 0 6px 20px rgba(201, 168, 76, 0.4);
}

.audit-btn-secondary {
    background: transparent;
    color: var(--audit-white);
    padding: 14px 32px;
    border-radius: var(--audit-border-radius);
    text-decoration: none;
    font-weight: 600;
    font-size: 1rem;
    border: 1px solid rgba(255, 255, 255, 0.3);
    transition: var(--audit-transition);
    display: inline-block;
    text-align: center;
    text-transform: uppercase;
    letter-spacing: 1px;
}

.audit-btn-secondary:hover {
    border-color: var(--audit-gold);
    color: var(--audit-gold);
    background: rgba(201, 168, 76, 0.05);
}

/* Hero Section */
.audit-hero {
    background: var(--audit-primary);
    color: var(--audit-white);
    padding: 120px 0 140px;
    position: relative;
    overflow: hidden;
}

/* Cinematic 3D Background Elements (Industrial Theme) */
.cinematic-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    overflow: hidden;
    background: radial-gradient(circle at 50% 50%, #1f2229 0%, #040612 100%);
}

.perspective-grid-container {
    position: absolute;
    inset: 0;
    overflow: hidden;
    perspective: 1000px;
    z-index: 2;
}
.grid-mesh {
    position: absolute;
    width: 250%;
    height: 250%;
    top: -60%;
    left: -75%;
    background-image: 
        linear-gradient(rgba(201, 168, 76, 0.05) 2px, transparent 2px),
        linear-gradient(90deg, rgba(201, 168, 76, 0.05) 2px, transparent 2px);
    background-size: 80px 80px;
    transform: rotateX(70deg);
    transform-origin: 50% 0%;
    animation: grid-flow 25s linear infinite;
    opacity: 0.9;
}
.perspective-grid-container::after {
    content: '';
    position: absolute;
    inset: 0;
    background: linear-gradient(to bottom, #040612 15%, transparent 55%, #040612 90%);
    pointer-events: none;
}

@keyframes grid-flow {
    0% { transform: rotateX(70deg) translateY(0); }
    100% { transform: rotateX(70deg) translateY(80px); }
}

/* Ambient Furnace Light Beams */
.light-beam-1 {
    position: absolute;
    top: -15%;
    left: 15%;
    width: 800px;
    height: 800px;
    background: radial-gradient(circle, rgba(255, 170, 0, 0.05) 0%, transparent 70%);
    filter: blur(120px);
    animation: beam-float 22s ease-in-out infinite alternate;
    z-index: 1;
}
.light-beam-2 {
    position: absolute;
    bottom: -10%;
    right: -5%;
    width: 900px;
    height: 900px;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.06) 0%, transparent 70%);
    filter: blur(140px);
    animation: beam-float 26s ease-in-out infinite alternate-reverse;
    z-index: 1;
}

@keyframes beam-float {
    0% { transform: translate(0, 0) scale(1) rotate(0deg); }
    100% { transform: translate(60px, 40px) scale(1.15) rotate(15deg); }
}

/* Industrial Rotating Gears SVG Backgrounds */
.hero-gear-1 {
    position: absolute;
    top: -200px;
    right: -100px;
    width: 1000px;
    height: 1000px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="none" stroke="%23c9a84c" stroke-width="0.3" d="M50 10A40 40 0 1 0 50 90A40 40 0 1 0 50 10ZM50 30A20 20 0 1 1 50 70A20 20 0 1 1 50 30Z"/><path fill="none" stroke="%23c9a84c" stroke-width="0.3" d="M45 5L45 15L55 15L55 5ZM45 85L45 95L55 95L55 85ZM5 45L15 45L15 55L5 55ZM85 45L95 45L95 55L85 55ZM20 20L27 27L34 20L27 13ZM73 73L80 80L87 73L80 66ZM20 80L27 73L34 80L27 87ZM73 27L80 20L87 27L80 34Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.15;
    animation: rotateGear 120s linear infinite;
    z-index: 1;
    pointer-events: none;
}
.hero-gear-2 {
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 800px;
    height: 800px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="none" stroke="%23ffffff" stroke-width="0.15" d="M50 10A40 40 0 1 0 50 90A40 40 0 1 0 50 10ZM50 30A20 20 0 1 1 50 70A20 20 0 1 1 50 30Z"/><path fill="none" stroke="%23ffffff" stroke-width="0.15" d="M45 5L45 15L55 15L55 5ZM45 85L45 95L55 95L55 85ZM5 45L15 45L15 55L5 55ZM85 45L95 45L95 55L85 55ZM20 20L27 27L34 20L27 13ZM73 73L80 80L87 73L80 66ZM20 80L27 73L34 80L27 87ZM73 27L80 20L87 27L80 34Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.1;
    animation: rotateGearReverse 90s linear infinite;
    z-index: 1;
    pointer-events: none;
}

@keyframes rotateGear {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(360deg); }
}
@keyframes rotateGearReverse {
    0% { transform: rotate(0deg); }
    100% { transform: rotate(-360deg); }
}

/* Welding Sparks */
.floating-particles-wrap {
    position: absolute;
    inset: 0;
    z-index: 3;
    overflow: hidden;
}
.tech-particle {
    position: absolute;
    border-radius: 50%;
    opacity: 0;
    animation: spark-drift infinite ease-in;
}
.particle-1 {
    width: 6px; height: 6px; top: 85%; left: 12%;
    background: #ffaa00;
    box-shadow: 0 0 12px #ffaa00;
    animation-duration: 8s;
}
.particle-2 {
    width: 4px; height: 4px; top: 90%; left: 82%;
    background: #ff4d4d;
    box-shadow: 0 0 15px #ff4d4d;
    animation-duration: 10s;
    animation-delay: 2s;
}
.particle-3 {
    width: 5px; height: 5px; top: 80%; left: 48%;
    background: #ffffff;
    box-shadow: 0 0 10px #ffffff;
    animation-duration: 12s;
    animation-delay: 4s;
}
.particle-4 {
    width: 8px; height: 8px; top: 95%; left: 28%;
    background: #ffaa00;
    box-shadow: 0 0 20px #ffaa00;
    animation-duration: 9s;
    animation-delay: 1s;
}

@keyframes spark-drift {
    0% { transform: translateY(10vh) translateX(0) scale(0.5); opacity: 0; }
    20% { opacity: 1; }
    80% { opacity: 1; }
    100% { transform: translateY(-110vh) translateX(40px) scale(1.5); opacity: 0; }
}

.audit-hero-content {
    position: relative;
    z-index: 2;
    display: grid;
    grid-template-columns: 1.1fr 0.9fr;
    gap: 60px;
    align-items: center;
}

.audit-eyebrow {
    color: var(--audit-gold);
    font-size: 0.85rem;
    font-weight: 700;
    letter-spacing: 2px;
    text-transform: uppercase;
    margin-bottom: 24px;
    display: inline-block;
    border-bottom: 1px solid rgba(201, 168, 76, 0.3);
    padding-bottom: 6px;
}

.audit-hero h1 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 4.5rem;
    line-height: 1.1;
    margin-bottom: 24px;
    font-weight: 600;
    letter-spacing: -0.5px;
}

.audit-hero h1 span.highlight {
    color: var(--audit-gold);
    font-style: italic;
}

.audit-hero-desc {
    font-size: 1.25rem;
    color: rgba(255, 255, 255, 0.8);
    font-weight: 300;
    line-height: 1.7;
    margin-bottom: 40px;
    max-width: 90%;
}

.audit-hero-actions {
    display: flex;
    gap: 16px;
    margin-bottom: 24px;
    align-items: center;
}

.audit-trust-microcopy {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.4);
    margin-bottom: 16px;
}

.audit-price-microcopy {
    font-size: 0.85rem;
    color: rgba(255, 255, 255, 0.4);
    border-left: 2px solid var(--audit-gold);
    padding-left: 12px;
}

/* HTML/CSS Scorecard Visual */
.audit-scorecard-visual {
    background: linear-gradient(160deg, rgba(18, 18, 43, 0.9), rgba(4, 6, 18, 0.95));
    border: 1px solid rgba(201, 168, 76, 0.25);
    border-radius: var(--audit-border-radius);
    padding: 40px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.6), inset 0 1px 0 rgba(255, 255, 255, 0.05);
    position: relative;
}

.audit-scorecard-visual::before {
    content: '';
    position: absolute;
    top: -1px; left: -1px;
    width: 20px; height: 20px;
    border-top: 2px solid var(--audit-gold);
    border-left: 2px solid var(--audit-gold);
}

.audit-scorecard-visual::after {
    content: '';
    position: absolute;
    bottom: -1px; right: -1px;
    width: 20px; height: 20px;
    border-bottom: 2px solid var(--audit-gold);
    border-right: 2px solid var(--audit-gold);
}

.audit-scorecard-header {
    border-bottom: 1px solid rgba(255, 255, 255, 0.1);
    padding-bottom: 20px;
    margin-bottom: 32px;
    display: flex;
    justify-content: space-between;
    align-items: flex-end;
}

.audit-scorecard-title {
    font-size: 1.1rem;
    font-weight: 400;
    color: var(--audit-white);
    margin: 0;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.audit-scorecard-label {
    font-size: 0.75rem;
    color: var(--audit-gold);
    text-transform: uppercase;
    letter-spacing: 1px;
}

.audit-score-item {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 0.95rem;
    color: rgba(255, 255, 255, 0.85);
    font-family: 'Outfit', sans-serif;
}

.audit-score-bar-bg {
    height: 4px;
    background: rgba(255, 255, 255, 0.05);
    border-radius: 2px;
    margin-top: 8px;
    overflow: hidden;
}

.audit-score-bar-fill {
    height: 100%;
    background: var(--audit-gold);
    border-radius: 2px;
    box-shadow: 0 0 10px rgba(201, 168, 76, 0.5);
}

.audit-score-total {
    margin-top: 40px;
    padding-top: 24px;
    border-top: 1px dashed rgba(255, 255, 255, 0.15);
    display: flex;
    justify-content: space-between;
    align-items: center;
}

.audit-score-total-num {
    font-size: 2.2rem; /* Reduced to prevent wrapping */
    font-weight: 700;
    color: #ff4d4d; /* Red for significant leakage */
    text-shadow: 0 0 15px rgba(255, 77, 77, 0.3);
    font-family: 'Outfit', sans-serif;
    white-space: nowrap;
}

.audit-score-total-text {
    text-align: left;
    padding-right: 16px;
}

.audit-score-status {
    color: #ff4d4d;
    font-weight: 600;
    font-size: 0.95rem; /* Reduced size */
    text-transform: uppercase;
    letter-spacing: 1px;
    display: block;
    line-height: 1.3;
}

.audit-score-illustrative {
    display: block;
    font-size: 0.75rem;
    color: rgba(255, 255, 255, 0.4);
    margin-top: 6px;
    text-transform: uppercase;
    letter-spacing: 1px;
}

/* Credibility Strip */
.audit-cred-strip {
    background: #ffffff;
    border-bottom: 1px solid rgba(0,0,0,0.05);
    padding: 24px 0;
    box-shadow: 0 10px 30px rgba(4, 6, 18, 0.03);
    position: relative;
    z-index: 10;
}
.audit-cred-strip .audit-container {
    display: flex;
    justify-content: space-between;
    align-items: center;
    flex-wrap: wrap;
    gap: 16px;
}
.audit-cred-item {
    font-size: 0.95rem;
    font-weight: 700;
    color: var(--audit-primary);
    display: flex;
    align-items: center;
    gap: 10px;
    letter-spacing: 0.5px;
}
.audit-cred-item svg {
    color: var(--audit-gold-dark);
    filter: drop-shadow(0 2px 4px rgba(201,168,76,0.3));
}

/* Problem Section */
.audit-problem-section {
    background: #f8f9fa; /* slightly brighter off-white */
    padding: 100px 0;
    position: relative;
    overflow: hidden;
}

/* 3D Animated Light Grid Mesh */
.audit-light-grid-mesh {
    position: absolute;
    inset: -50% -50% 0 -50%;
    z-index: 1;
    pointer-events: none;
    background-image: radial-gradient(rgba(4, 6, 18, 0.06) 1.5px, transparent 1.5px);
    background-size: 35px 35px;
    transform: perspective(1200px) rotateX(75deg) scale(2.5);
    transform-origin: center top;
    animation: lightGridPan 20s linear infinite;
    opacity: 0.8;
}
.audit-problem-section::after {
    content: '';
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    background: linear-gradient(to bottom, #f8f9fa 10%, transparent 40%, transparent 70%, #f8f9fa 95%);
}

@keyframes lightGridPan {
    0% { transform: perspective(1200px) rotateX(75deg) scale(2.5) translateY(0); }
    100% { transform: perspective(1200px) rotateX(75deg) scale(2.5) translateY(35px); }
}

/* Floating Ambient Orbs (Kept for subtle glow) */
.audit-problem-orb-1 {
    position: absolute;
    top: -20%; left: -10%;
    width: 60vw; height: 60vw;
    background: radial-gradient(circle, rgba(201, 168, 76, 0.05) 0%, transparent 60%);
    border-radius: 50%;
    animation: floatOrb 25s infinite alternate ease-in-out;
    z-index: 1;
    pointer-events: none;
    filter: blur(40px);
}
.audit-problem-orb-2 {
    position: absolute;
    bottom: -20%; right: -10%;
    width: 50vw; height: 50vw;
    background: radial-gradient(circle, rgba(0, 242, 255, 0.04) 0%, transparent 60%);
    border-radius: 50%;
    animation: floatOrb 30s infinite alternate-reverse ease-in-out;
    z-index: 1;
    pointer-events: none;
    filter: blur(40px);
}

/* Light Theme Industrial Gears */
.audit-light-gear-1 {
    position: absolute;
    top: -150px;
    right: -100px;
    width: 900px;
    height: 900px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="none" stroke="%23c9a84c" stroke-width="0.3" d="M50 10A40 40 0 1 0 50 90A40 40 0 1 0 50 10ZM50 30A20 20 0 1 1 50 70A20 20 0 1 1 50 30Z"/><path fill="none" stroke="%23c9a84c" stroke-width="0.3" d="M45 5L45 15L55 15L55 5ZM45 85L45 95L55 95L55 85ZM5 45L15 45L15 55L5 55ZM85 45L95 45L95 55L85 55ZM20 20L27 27L34 20L27 13ZM73 73L80 80L87 73L80 66ZM20 80L27 73L34 80L27 87ZM73 27L80 20L87 27L80 34Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.15;
    animation: rotateGear 120s linear infinite;
    z-index: 1;
    pointer-events: none;
}
.audit-light-gear-2 {
    position: absolute;
    bottom: -150px;
    left: -150px;
    width: 800px;
    height: 800px;
    background: url('data:image/svg+xml;utf8,<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100"><path fill="none" stroke="%23000000" stroke-width="0.15" d="M50 10A40 40 0 1 0 50 90A40 40 0 1 0 50 10ZM50 30A20 20 0 1 1 50 70A20 20 0 1 1 50 30Z"/><path fill="none" stroke="%23000000" stroke-width="0.15" d="M45 5L45 15L55 15L55 5ZM45 85L45 95L55 95L55 85ZM5 45L15 45L15 55L5 55ZM85 45L95 45L95 55L85 55ZM20 20L27 27L34 20L27 13ZM73 73L80 80L87 73L80 66ZM20 80L27 73L34 80L27 87ZM73 27L80 20L87 27L80 34Z"/></svg>');
    background-size: contain;
    background-repeat: no-repeat;
    opacity: 0.08;
    animation: rotateGearReverse 90s linear infinite;
    z-index: 1;
    pointer-events: none;
}

/* Light Theme Welding Sparks */
.audit-problem-section .particle-1 { background: #ffaa00; box-shadow: 0 0 8px #ffaa00; }
.audit-problem-section .particle-2 { background: #ff4d4d; box-shadow: 0 0 10px #ff4d4d; }
.audit-problem-section .particle-3 { background: #000; box-shadow: none; opacity: 0.5; } /* Dark spark for contrast */
.audit-problem-section .particle-4 { background: #ffaa00; box-shadow: 0 0 12px #ffaa00; }

@keyframes floatOrb {
    0% { transform: translate(0, 0) scale(1); }
    100% { transform: translate(10%, 10%) scale(1.15); }
}

.audit-section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
    position: relative;
    z-index: 2;
}

.audit-section-header h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.5rem;
    font-weight: 700;
    line-height: 1.15;
    color: var(--audit-primary);
    margin-bottom: 24px;
    letter-spacing: -0.5px;
}

.audit-section-header p {
    font-size: 1.2rem;
    color: rgba(4, 6, 18, 0.7);
    line-height: 1.7;
}

.audit-problem-grid {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 30px;
    margin-top: 60px;
    position: relative;
    z-index: 2;
    perspective: 1200px;
}

.audit-problem-card {
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 12px;
    padding: 40px 28px;
    text-align: left;
    box-shadow: 
        0 15px 35px rgba(4, 6, 18, 0.04), 
        0 3px 10px rgba(4, 6, 18, 0.02),
        inset 0 1px 0 rgba(255,255,255,1);
    transform-style: preserve-3d;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}

/* Subtle 3D Depth Indicator */
.audit-problem-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 4px;
    background: linear-gradient(90deg, var(--audit-gold), var(--audit-gold-dark));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.audit-problem-card:hover {
    transform: translateY(-12px) rotateX(4deg) rotateY(-2deg);
    box-shadow: 
        -10px 30px 60px rgba(4, 6, 18, 0.08), 
        0 10px 20px rgba(4, 6, 18, 0.04);
}

.audit-problem-card:hover::before {
    transform: scaleX(1);
}

.audit-problem-card h3 {
    font-size: 1.25rem;
    margin-bottom: 16px;
    color: var(--audit-primary);
    font-weight: 800;
    line-height: 1.3;
}

.audit-problem-card p {
    font-size: 1rem;
    color: rgba(4, 6, 18, 0.65);
    line-height: 1.6;
}

/* White Section & Cards */
.audit-section-white {
    background: var(--audit-white);
}

.audit-section-grey {
    background: var(--audit-light-grey);
}

.audit-section-header {
    text-align: center;
    max-width: 800px;
    margin: 0 auto 60px;
}

.audit-section-header h2 {
    font-size: 2.5rem;
    color: var(--audit-text-dark);
}

.audit-section-header p {
    font-size: 1.15rem;
    color: var(--audit-text-muted-dark);
}

.audit-grid-4 {
    display: grid;
    grid-template-columns: repeat(4, 1fr);
    gap: 24px;
}

.audit-grid-3 {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 32px;
}

.audit-grid-2 {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 40px;
    align-items: center;
}

.audit-card {
    background: var(--audit-white);
    border: 1px solid var(--audit-mid-grey);
    border-radius: var(--audit-border-radius);
    padding: 32px;
    transition: var(--audit-transition);
}

.audit-card:hover {
    box-shadow: 0 10px 30px rgba(0, 0, 0, 0.05);
    border-color: var(--audit-gold);
}

.audit-card h3 {
    font-size: 1.25rem;
    color: var(--audit-primary);
    margin-bottom: 16px;
}

.audit-card p {
    color: var(--audit-text-muted-dark);
    font-size: 0.95rem;
    margin: 0;
}

/* Categories List - Premium 3D Design */
.audit-category-card {
    display: flex;
    flex-direction: column;
    height: 100%;
    background: #ffffff;
    border: 1px solid rgba(255,255,255,0.8);
    border-radius: 12px;
    padding: 35px 30px;
    box-shadow: 
        0 15px 35px rgba(4, 6, 18, 0.04), 
        0 3px 10px rgba(4, 6, 18, 0.02),
        inset 0 1px 0 rgba(255,255,255,1);
    transform-style: preserve-3d;
    transition: all 0.5s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    overflow: hidden;
}

.audit-category-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0;
    width: 100%; height: 4px;
    background: linear-gradient(90deg, var(--audit-gold), var(--audit-gold-dark));
    transform: scaleX(0);
    transform-origin: left;
    transition: transform 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.audit-category-card:hover {
    transform: translateY(-12px) rotateX(4deg) rotateY(2deg);
    box-shadow: 
        -10px 30px 60px rgba(4, 6, 18, 0.08), 
        0 10px 20px rgba(4, 6, 18, 0.04);
    border-color: rgba(255,255,255,1);
}

.audit-category-card:hover::before {
    transform: scaleX(1);
}

.audit-cat-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 24px;
    padding-bottom: 16px;
    border-bottom: 1px dashed rgba(4,6,18,0.15);
}

.audit-cat-num {
    font-family: 'Outfit', sans-serif;
    font-size: 1.8rem;
    font-weight: 800;
    color: var(--audit-gold);
    text-shadow: 0 2px 10px rgba(201,168,76,0.2);
    letter-spacing: -1px;
}
.audit-cat-num::before {
    content: 'MODULE ';
    font-size: 0.7rem;
    font-weight: 700;
    letter-spacing: 2px;
    vertical-align: middle;
    color: rgba(4,6,18,0.4);
}

.audit-cat-pts {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.75rem;
    font-weight: 700;
    text-transform: uppercase;
    letter-spacing: 1px;
    background: rgba(201,168,76,0.1);
    border: 1px solid rgba(201,168,76,0.2);
    padding: 6px 14px;
    border-radius: 4px;
    color: var(--audit-gold-dark);
}

.audit-category-card h3 {
    font-size: 1.3rem;
    font-weight: 800;
    color: var(--audit-primary);
    margin-bottom: 20px;
}

.audit-category-card ul {
    list-style: none;
    padding: 0;
    margin: 0;
    flex-grow: 1;
}

.audit-category-card li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 14px;
    font-size: 0.95rem;
    color: rgba(4,6,18,0.65);
    line-height: 1.5;
}

.audit-category-card li::before {
    content: '';
    position: absolute;
    left: 0;
    top: 6px;
    width: 6px; height: 6px;
    background: var(--audit-gold);
    border-radius: 50%;
    box-shadow: 0 0 6px var(--audit-gold);
}

/* Form Styles */
.audit-form-container {
    background: var(--audit-white);
    border-radius: 16px;
    padding: 50px;
    box-shadow: 0 25px 60px rgba(4, 6, 18, 0.08);
    border: 1px solid rgba(201, 168, 76, 0.2);
    border-top: 5px solid var(--audit-gold);
}

.audit-form-progress {
    margin-bottom: 32px;
}

.audit-form-progress-text {
    font-family: 'Space Grotesk', sans-serif;
    font-size: 0.9rem;
    font-weight: 700;
    color: var(--audit-primary);
    margin-bottom: 12px;
    text-transform: uppercase;
    letter-spacing: 2px;
}

.audit-progress-bar {
    height: 8px;
    background: rgba(4, 6, 18, 0.05);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: inset 0 1px 3px rgba(0,0,0,0.05);
}

.audit-progress-fill {
    height: 100%;
    background: linear-gradient(90deg, var(--audit-gold-dark), var(--audit-gold));
    box-shadow: 0 0 10px rgba(201,168,76,0.5);
    width: 33.33%;
    transition: width 0.5s cubic-bezier(0.16, 1, 0.3, 1);
}

.audit-form-step {
    display: none;
}

.audit-form-step.active {
    display: block;
    animation: fadeIn 0.4s ease;
}

@keyframes fadeIn {
    from { opacity: 0; transform: translateY(10px); }
    to { opacity: 1; transform: translateY(0); }
}

.audit-form-step h3 {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 2.2rem;
    font-weight: 700;
    color: var(--audit-primary);
    margin-bottom: 30px;
    border-bottom: 1px solid rgba(201,168,76,0.2);
    padding-bottom: 15px;
}

.audit-form-group {
    margin-bottom: 28px;
}

.audit-form-group label {
    display: block;
    font-family: 'Outfit', sans-serif;
    font-weight: 600;
    margin-bottom: 10px;
    color: var(--audit-primary);
    font-size: 1.05rem;
}

.audit-form-group .form-hint {
    display: block;
    font-size: 0.85rem;
    color: var(--audit-text-muted-dark);
    margin-bottom: 10px;
}

.audit-input, .audit-select, .audit-textarea {
    width: 100%;
    padding: 16px 20px;
    border: 1px solid rgba(4, 6, 18, 0.15);
    border-radius: 8px;
    font-family: inherit;
    font-size: 1.05rem;
    color: var(--audit-primary);
    background: #fdfdfd;
    transition: all 0.3s ease;
    box-shadow: inset 0 2px 4px rgba(0,0,0,0.02);
}

.audit-input:focus, .audit-select:focus, .audit-textarea:focus {
    outline: none;
    border-color: var(--audit-gold);
    background: #ffffff;
    box-shadow: 0 0 0 4px rgba(201,168,76,0.15), inset 0 2px 4px rgba(0,0,0,0.02);
    transform: translateY(-2px);
}

.audit-textarea {
    min-height: 100px;
    resize: vertical;
}

.audit-checkbox-group {
    display: flex;
    align-items: flex-start;
    gap: 12px;
    margin-top: 12px;
}

.audit-checkbox-group input[type="checkbox"] {
    margin-top: 4px;
    width: 18px;
    height: 18px;
    cursor: pointer;
}

.audit-checkbox-group label {
    font-weight: 400;
    font-size: 0.9rem;
    color: var(--audit-text-muted-dark);
    cursor: pointer;
}

.audit-form-actions {
    display: flex;
    justify-content: space-between;
    margin-top: 32px;
    padding-top: 24px;
    border-top: 1px solid var(--audit-mid-grey);
}

.audit-btn-outline {
    background: transparent;
    border: 1px solid var(--audit-mid-grey);
    color: var(--audit-text-dark);
    padding: 12px 24px;
    border-radius: var(--audit-border-radius);
    font-weight: 600;
    cursor: pointer;
    transition: var(--audit-transition);
}

.audit-btn-outline:hover {
    background: var(--audit-light-grey);
    border-color: var(--audit-dark-grey);
}

.audit-form-error-msg {
    color: #ff4d4d;
    font-size: 0.85rem;
    margin-top: 6px;
    display: none;
}

.audit-checkbox-grid {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 12px;
}

/* Modern Premium FAQ */
.audit-faq-item {
    background: #fff;
    border: 1px solid #e5e7eb;
    border-radius: 12px;
    margin-bottom: 16px;
    box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.02), 0 2px 4px -1px rgba(0, 0, 0, 0.02);
    transition: all 0.3s ease;
    overflow: hidden;
}

.audit-faq-item:hover {
    box-shadow: 0 10px 15px -3px rgba(0, 0, 0, 0.05), 0 4px 6px -2px rgba(0, 0, 0, 0.025);
    border-color: #d1d5db;
}

.audit-faq-item details {
    width: 100%;
}

.audit-faq-item summary {
    list-style: none;
    padding: 24px;
    font-weight: 600;
    font-size: 1.15rem;
    color: var(--audit-primary);
    cursor: pointer;
    display: flex;
    justify-content: space-between;
    align-items: center;
    position: relative;
    user-select: none;
    transition: background-color 0.2s ease;
}

.audit-faq-item summary::-webkit-details-marker {
    display: none;
}

.audit-faq-item summary::after {
    content: '+';
    font-size: 1.8rem;
    font-weight: 300;
    color: var(--audit-gold);
    transition: transform 0.3s ease;
    line-height: 1;
}

.audit-faq-item details[open] summary::after {
    content: '−';
    transform: rotate(90deg);
}

.audit-faq-a {
    padding: 0 24px 24px 24px;
    color: var(--audit-text-muted-dark);
    font-size: 1.05rem;
    line-height: 1.6;
    border-top: 1px solid #f3f4f6;
    margin-top: 0;
    padding-top: 20px;
}

/* Premium CTA Section */
.audit-cta-premium {
    position: relative;
    background: var(--audit-primary);
    overflow: hidden;
    padding: 100px 0;
    border-top: 1px solid rgba(0, 242, 255, 0.1);
}

.audit-cta-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(0, 242, 255, 0.15);
    border-radius: 24px;
    padding: 60px 40px;
    box-shadow: 0 30px 60px rgba(0, 0, 0, 0.4), inset 0 0 40px rgba(0, 242, 255, 0.05);
    position: relative;
    text-align: center;
}

.audit-cta-card::before {
    content: '';
    position: absolute;
    top: 0; left: 50%; transform: translateX(-50%);
    width: 60%; height: 1px;
    background: linear-gradient(90deg, transparent, var(--audit-cyan), transparent);
}

.audit-cta-title {
    font-size: 2.8rem;
    margin-bottom: 24px;
    color: #fff;
    line-height: 1.2;
}

.audit-cta-desc {
    font-size: 1.2rem;
    max-width: 800px;
    margin: 0 auto 40px;
    color: rgba(255,255,255,0.8);
    line-height: 1.6;
}

.audit-cta-disclaimer {
    font-size: 0.9rem;
    color: rgba(255,255,255,0.5);
}

.audit-btn-glow {
    box-shadow: 0 0 20px rgba(212, 175, 55, 0.4);
    transition: all 0.3s ease;
}
.audit-btn-glow:hover {
    box-shadow: 0 0 35px rgba(212, 175, 55, 0.7);
    transform: translateY(-2px);
}

/* Report Preview Section */
.audit-report-preview {
    background: #ffffff;
    position: relative;
    padding: 120px 0;
}
.audit-preview-header {
    text-align: center;
    margin-bottom: 60px;
}
.audit-preview-header h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--audit-primary);
    line-height: 1.1;
    margin-bottom: 20px;
}
.audit-preview-header p {
    font-size: 1.2rem;
    color: rgba(4,6,18,0.7);
    max-width: 800px;
    margin: 0 auto;
}

.audit-preview-grid {
    display: grid;
    grid-template-columns: 1fr 1.3fr;
    gap: 80px;
    align-items: center;
}

/* Feature List */
.audit-feature-item {
    display: flex;
    gap: 20px;
    margin-bottom: 25px;
    padding: 20px;
    background: #f8f9fa;
    border-radius: 12px;
    border: 1px solid rgba(0,0,0,0.05);
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
}
.audit-feature-item:hover {
    background: #ffffff;
    box-shadow: 0 15px 35px rgba(4,6,18,0.06);
    border-color: rgba(201,168,76,0.4);
    transform: translateX(10px);
}
.audit-feature-icon {
    font-family: 'Outfit', sans-serif;
    font-size: 1.1rem;
    font-weight: 800;
    color: var(--audit-gold);
    background: rgba(201,168,76,0.1);
    width: 45px;
    height: 45px;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}
.audit-feature-content h4 {
    font-size: 1.15rem;
    font-weight: 800;
    color: var(--audit-primary);
    margin-bottom: 6px;
}
.audit-feature-content p {
    font-size: 0.95rem;
    color: rgba(4,6,18,0.65);
    margin: 0;
    line-height: 1.5;
}

/* Visual Mockup Side */
.audit-preview-visual {
    position: relative;
    perspective: 1200px;
}
/* New Audit Dashboard Mockup CSS */
.audit-dashboard-mockup {
    background: rgba(4, 6, 18, 0.7);
    backdrop-filter: blur(24px);
    -webkit-backdrop-filter: blur(24px);
    border: 1px solid rgba(255,255,255,0.1);
    border-top: 1px solid rgba(255,255,255,0.2);
    border-radius: 16px;
    padding: 24px;
    box-shadow: 0 25px 50px rgba(0,0,0,0.5), inset 0 0 0 1px rgba(255,255,255,0.05);
    color: #fff;
    font-family: 'Inter', sans-serif;
    transform: rotateY(-4deg) rotateX(2deg);
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1);
}
.audit-dashboard-mockup:hover {
    transform: rotateY(0deg) rotateX(0deg);
}
.dash-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 16px;
    margin-bottom: 20px;
}
.dash-logo {
    display: flex;
    align-items: center;
    font-weight: 700;
    font-size: 1.1rem;
    letter-spacing: 1px;
    color: #fff;
}
.dash-logo .pulse {
    width: 8px;
    height: 8px;
    background: #27c93f;
    border-radius: 50%;
    margin-right: 10px;
    box-shadow: 0 0 10px #27c93f;
    animation: pulseDot 2s infinite;
}
.dash-score {
    font-family: 'Outfit', sans-serif;
    font-size: 1.4rem;
    font-weight: 800;
    color: var(--audit-gold);
    background: rgba(201,168,76,0.15);
    padding: 6px 14px;
    border-radius: 8px;
}
.dash-body {
    display: grid;
    grid-template-columns: 1fr 1fr;
    gap: 30px;
}
.dash-col h5 {
    font-size: 0.9rem;
    text-transform: uppercase;
    letter-spacing: 1px;
    color: rgba(255,255,255,0.6);
    margin-bottom: 15px;
    font-weight: 600;
}
.d-cat {
    margin-bottom: 14px;
}
.d-cat span {
    display: block;
    font-size: 0.9rem;
    margin-bottom: 6px;
    font-weight: 500;
}
.d-bar {
    width: 100%;
    height: 6px;
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
    overflow: hidden;
}
.d-bar .fill {
    height: 100%;
    border-radius: 4px;
    transition: width 1s ease-in-out;
}
.d-leak {
    display: flex;
    align-items: center;
    background: rgba(255, 77, 77, 0.1);
    border-left: 3px solid #ff4d4d;
    padding: 10px 14px;
    border-radius: 0 6px 6px 0;
    font-size: 0.9rem;
    margin-bottom: 10px;
}
.d-alert {
    display: inline-flex;
    justify-content: center;
    align-items: center;
    width: 18px;
    height: 18px;
    background: #ff4d4d;
    color: #fff;
    border-radius: 50%;
    font-size: 0.7rem;
    font-weight: bold;
    margin-right: 10px;
}
.d-screen-mock {
    background: #0d1117;
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 8px;
    overflow: hidden;
}
.d-screen-header {
    background: #161b22;
    padding: 8px 12px;
    display: flex;
    gap: 6px;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.d-screen-header i {
    width: 10px;
    height: 10px;
    border-radius: 50%;
    background: #444;
}
.d-screen-header i:nth-child(1) { background: #ff5f56; }
.d-screen-header i:nth-child(2) { background: #ffbd2e; }
.d-screen-header i:nth-child(3) { background: #27c93f; }
.d-screen-body {
    padding: 15px;
    position: relative;
}
.d-wire-box {
    width: 100%;
    height: 60px;
    background: rgba(255,255,255,0.05);
    border: 1px dashed rgba(255,255,255,0.2);
    border-radius: 4px;
    margin-bottom: 10px;
}
.d-wire-line {
    height: 8px;
    background: rgba(255,255,255,0.1);
    border-radius: 4px;
    margin-bottom: 8px;
    width: 100%;
}
.d-wire-line.short {
    width: 60%;
}
.d-pointer {
    position: absolute;
    top: 35px;
    right: -10px;
    background: var(--audit-gold);
    color: #000;
    font-size: 0.75rem;
    font-weight: bold;
    padding: 4px 8px;
    border-radius: 4px;
    box-shadow: 0 4px 10px rgba(0,0,0,0.5);
    animation: floatTooltip 3s ease-in-out infinite;
}
.d-pointer::before {
    content: '';
    position: absolute;
    left: -4px;
    top: 50%;
    transform: translateY(-50%);
    border-width: 4px 5px 4px 0;
    border-style: solid;
    border-color: transparent var(--audit-gold) transparent transparent;
}
@keyframes floatTooltip {
    0%, 100% { transform: translateY(0); }
    50% { transform: translateY(-5px); }
}

@media (max-width: 768px) {
    .dash-body {
        grid-template-columns: 1fr;
        gap: 20px;
    }
    .audit-dashboard-mockup {
        transform: none !important;
        padding: 16px;
    }
}
/* End of Audit Dashboard Mockup CSS */

/* Specific Content Overlay */
.audit-overlay-card {
    position: absolute;
    bottom: -20px;
    left: -10px;
    background: rgba(4, 6, 18, 0.95);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(201, 168, 76, 0.3);
    padding: 24px;
    border-radius: 12px;
    box-shadow: 0 20px 50px rgba(0,0,0,0.5);
    width: 340px;
    transform: translateZ(60px); /* 3D pop out */
    z-index: 10;
}
.overlay-header {
    display: flex;
    align-items: center;
    gap: 10px;
    margin-bottom: 16px;
    border-bottom: 1px solid rgba(255,255,255,0.1);
    padding-bottom: 12px;
}
.pulse-dot {
    width: 8px; height: 8px;
    background: #ff4d4d;
    border-radius: 50%;
    box-shadow: 0 0 10px #ff4d4d;
    animation: pulse 1.5s infinite;
}
.overlay-title {
    color: var(--audit-gold);
    font-size: 0.75rem;
    font-weight: 700;
    letter-spacing: 2px;
}
.data-row {
    display: flex;
    justify-content: space-between;
    margin-bottom: 12px;
    font-size: 0.9rem;
}
.data-label {
    color: rgba(255,255,255,0.6);
}
.data-value {
    color: #fff;
    font-weight: 600;
    text-align: right;
}
.data-value.error {
    color: #ff4d4d;
}
.overlay-action {
    margin-top: 16px;
    padding-top: 16px;
    border-top: 1px solid rgba(255,255,255,0.1);
    font-size: 0.85rem;
    color: #00f2ff; /* Cyan tech highlight */
    line-height: 1.5;
    font-weight: 500;
}

@keyframes pulse {
    0% { transform: scale(1); opacity: 1; }
    50% { transform: scale(1.4); opacity: 0.6; }
    100% { transform: scale(1); opacity: 1; }
}

/* Target Section Redesign */
.audit-target-section {
    position: relative;
    overflow: hidden;
    background: var(--audit-light-grey);
}
.target-title {
    font-family: 'Cormorant Garamond', serif !important;
    font-size: 3.2rem;
    font-weight: 700;
    color: var(--audit-primary);
}
.audit-target-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    pointer-events: none;
    opacity: 0.3;
}
.audit-hex-grid {
    position: absolute;
    width: 200%;
    height: 200%;
    top: -50%;
    left: -50%;
    background-image: 
        radial-gradient(rgba(201,168,76, 0.2) 2px, transparent 2px);
    background-size: 40px 40px;
    animation: drift-slow 40s linear infinite;
}
@keyframes drift-slow {
    0% { transform: rotate(0deg) translate(0,0); }
    50% { transform: rotate(5deg) translate(-50px, -50px); }
    100% { transform: rotate(0deg) translate(0,0); }
}

.audit-target-card {
    background: #ffffff;
    border-radius: 12px;
    padding: 40px 30px;
    box-shadow: 0 10px 30px rgba(0,0,0,0.03);
    border: 1px solid rgba(0,0,0,0.05);
    border-bottom: 4px solid transparent;
    transition: all 0.4s cubic-bezier(0.16, 1, 0.3, 1);
    position: relative;
    transform-style: preserve-3d;
}
.audit-target-card:hover {
    transform: translateY(-12px);
    box-shadow: 0 25px 50px rgba(4,6,18,0.08);
}
.target-card-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.2rem;
    font-weight: 700;
    margin-bottom: 24px;
    text-align: center;
}
.target-icon {
    width: 70px;
    height: 70px;
    margin: 0 auto 20px auto;
    border-radius: 50%;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 1.8rem;
    font-weight: bold;
    transition: transform 0.4s ease;
}
.audit-target-card:hover .target-icon {
    transform: scale(1.15) rotate(10deg);
}
.target-list {
    list-style: none;
    padding: 0;
    margin: 0;
}
.target-list li {
    position: relative;
    padding-left: 28px;
    margin-bottom: 12px;
    font-size: 0.95rem;
    color: var(--audit-text-muted-dark);
    line-height: 1.5;
}

/* Specific Card Styles */
.suitable-card:hover { border-bottom-color: #00b894; }
.suitable-icon { background: rgba(0,184,148,0.1); color: #00b894; }
.suitable-card .target-card-title { color: #00b894; }
.suitable-list li::before {
    content: '✓';
    position: absolute;
    color: #00b894;
    font-weight: bold;
    font-size: 1.1rem;
    left: 2px;
    top: -2px;
}

.bestfit-card:hover { border-bottom-color: var(--audit-gold); }
.bestfit-icon { background: rgba(201,168,76,0.15); color: var(--audit-gold-dark); }
.bestfit-card .target-card-title { color: var(--audit-gold-dark); }
.bestfit-list li::before {
    content: '★';
    position: absolute;
    color: var(--audit-gold);
    font-size: 1.1rem;
    left: 2px;
    top: -2px;
}

.notsuitable-card:hover { border-bottom-color: #ff7675; }
.notsuitable-icon { background: rgba(255,118,117,0.1); color: #ff7675; }
.notsuitable-card .target-card-title { color: #ff7675; }
.notsuitable-list li::before {
    content: '✕';
    position: absolute;
    color: #ff7675;
    font-weight: bold;
    font-size: 0.9rem;
    left: 4px;
    top: 2px;
}

/* Process & Pricing Section */
.audit-process-section {
    position: relative;
    background: #040612;
    color: #fff;
    padding: 120px 0;
    overflow: hidden;
}

/* 3D Background */
.audit-3d-bg {
    position: absolute;
    inset: 0;
    z-index: 1;
    perspective: 1000px;
    overflow: hidden;
}
.audit-3d-wave {
    position: absolute;
    bottom: -20%;
    left: -10%;
    width: 120%;
    height: 50%;
    background: radial-gradient(ellipse at top, rgba(201,168,76,0.15) 0%, transparent 70%);
    transform: rotateX(70deg);
    animation: wave-breathe 10s ease-in-out infinite alternate;
}
.audit-3d-cube {
    position: absolute;
    width: 150px;
    height: 150px;
    background: linear-gradient(135deg, rgba(201,168,76,0.05) 0%, rgba(255,255,255,0.02) 100%);
    border: 1px solid rgba(201,168,76,0.2);
    transform-style: preserve-3d;
    animation: cube-float 20s linear infinite;
    backdrop-filter: blur(5px);
}
.cube-1 { top: 10%; right: 10%; animation-duration: 25s; animation-delay: -5s; width: 200px; height: 200px; }
.cube-2 { bottom: 20%; left: 5%; animation-duration: 30s; animation-delay: -10s; }
.cube-3 { top: 40%; left: 40%; width: 80px; height: 80px; animation-duration: 15s; }

@keyframes wave-breathe {
    0% { transform: rotateX(70deg) translateZ(0); opacity: 0.5; }
    100% { transform: rotateX(60deg) translateZ(50px); opacity: 1; }
}
@keyframes cube-float {
    0% { transform: translateY(0) rotateX(0) rotateY(0); }
    100% { transform: translateY(-500px) rotateX(360deg) rotateY(360deg); }
}

/* Left Side: Steps */
.process-title {
    font-family: 'Cormorant Garamond', serif;
    font-size: 3.5rem;
    font-weight: 700;
    color: var(--audit-white);
    margin-bottom: 50px;
}
.step-timeline {
    position: relative;
    padding-left: 30px;
}
.step-timeline::before {
    content: '';
    position: absolute;
    left: 0;
    top: 10px;
    bottom: 10px;
    width: 2px;
    background: linear-gradient(to bottom, rgba(201,168,76,0.8), rgba(201,168,76,0.1));
}
.step-item {
    position: relative;
    margin-bottom: 40px;
    padding: 24px;
    background: rgba(255,255,255,0.02);
    border: 1px solid rgba(255,255,255,0.05);
    border-radius: 12px;
    transition: all 0.4s ease;
    cursor: default;
}
.step-item:hover {
    background: rgba(255,255,255,0.05);
    border-color: rgba(201,168,76,0.4);
    transform: translateX(15px);
    box-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.step-marker {
    position: absolute;
    left: -48px;
    top: 24px;
    width: 36px;
    height: 36px;
    background: var(--audit-primary);
    border: 2px solid var(--audit-gold);
    border-radius: 50%;
    color: var(--audit-gold);
    font-family: 'Space Grotesk', sans-serif;
    font-weight: 700;
    display: flex;
    align-items: center;
    justify-content: center;
    font-size: 0.9rem;
    box-shadow: 0 0 15px rgba(201,168,76,0.3);
    transition: all 0.4s ease;
}
.step-item:hover .step-marker {
    background: var(--audit-gold);
    color: #040612;
    transform: scale(1.2);
    box-shadow: 0 0 25px rgba(201,168,76,0.6);
}
.step-content h4 {
    font-family: 'Outfit', sans-serif;
    font-size: 1.3rem;
    color: var(--audit-white);
    margin-bottom: 8px;
    transition: color 0.4s ease;
}
.step-item:hover .step-content h4 {
    color: var(--audit-gold);
}
.step-content p {
    color: rgba(255,255,255,0.6);
    font-size: 1rem;
    margin: 0;
    line-height: 1.5;
}
.step-turnaround {
    background: rgba(201,168,76,0.1);
    border-left: 3px solid var(--audit-gold);
    padding: 16px 24px;
    border-radius: 0 8px 8px 0;
    margin-top: 20px;
    font-weight: 600;
    color: var(--audit-white);
    display: flex;
    align-items: center;
    gap: 12px;
}

/* Right Side: Pricing Card */
.audit-pricing-wrapper {
    perspective: 1000px;
}
.audit-pricing-card {
    background: rgba(255,255,255,0.03);
    backdrop-filter: blur(20px);
    -webkit-backdrop-filter: blur(20px);
    border: 1px solid rgba(201,168,76,0.3);
    border-radius: 20px;
    padding: 50px;
    position: relative;
    transform-style: preserve-3d;
    transition: transform 0.6s cubic-bezier(0.16, 1, 0.3, 1), box-shadow 0.6s ease;
    animation: float-card 6s ease-in-out infinite alternate;
}
.audit-pricing-card:hover {
    transform: translateY(-10px) rotateY(-5deg);
    box-shadow: -20px 20px 50px rgba(0,0,0,0.5), 0 0 40px rgba(201,168,76,0.15);
    animation-play-state: paused;
}
@keyframes float-card {
    0% { transform: translateY(0); }
    100% { transform: translateY(-15px); }
}
.audit-pricing-card h2 {
    font-family: 'Cormorant Garamond', serif;
    font-size: 2.6rem;
    color: var(--audit-gold);
    line-height: 1.1;
    margin-bottom: 20px;
}
.pricing-desc {
    color: rgba(255,255,255,0.8);
    font-size: 1.1rem;
    line-height: 1.6;
    margin-bottom: 30px;
}
.pricing-divider {
    height: 1px;
    background: linear-gradient(90deg, rgba(201,168,76,0.5), transparent);
    margin: 30px 0;
}
.pricing-context {
    color: rgba(255,255,255,0.6);
    font-size: 0.95rem;
}
.price-block {
    margin: 20px 0 25px;
    display: flex;
    align-items: baseline;
}
.price-currency {
    font-size: 2rem;
    color: var(--audit-gold);
    font-weight: 700;
}
.price-amount {
    font-size: 4.5rem;
    font-weight: 800;
    color: #fff;
    font-family: 'Outfit', sans-serif;
    letter-spacing: -2px;
    margin: 0 8px;
    text-shadow: 0 10px 30px rgba(0,0,0,0.5);
}
.price-tax {
    font-size: 1.1rem;
    color: rgba(255,255,255,0.4);
    font-weight: 600;
}
.pricing-includes {
    color: rgba(255,255,255,0.6);
    font-size: 0.95rem;
    line-height: 1.6;
    margin-bottom: 30px;
}
.pricing-guarantee {
    display: flex;
    gap: 12px;
    align-items: flex-start;
    background: rgba(0,242,255,0.05);
    border-radius: 8px;
    padding: 16px;
    color: #00f2ff;
    font-size: 0.9rem;
    line-height: 1.5;
    margin-bottom: 40px;
}
.pricing-guarantee svg {
    flex-shrink: 0;
    margin-top: 2px;
}
.pricing-btn {
    width: 100%;
    font-size: 1.2rem;
    padding: 18px 0;
    box-shadow: 0 10px 30px rgba(201,168,76,0.3);
}

@media (max-width: 768px) {
    .audit-process-section {
        padding: 60px 0;
    }
    .process-title {
        font-size: 2.2rem;
        margin-bottom: 40px;
    }
    .step-timeline {
        padding-left: 0;
    }
    .step-timeline::before {
        left: 16px;
    }
    .step-item {
        padding: 20px;
        padding-left: 56px;
    }
    .step-marker {
        left: -2px;
        top: 20px;
        width: 34px;
        height: 34px;
    }
    .step-item:hover {
        transform: translateX(5px);
    }
    .audit-pricing-card {
        padding: 30px 20px;
    }
    .audit-pricing-card h2 {
        font-size: 2rem;
    }
    .price-amount {
        font-size: 3rem;
    }
}

@media (max-width: 1024px) {
    .audit-preview-grid {
        grid-template-columns: 1fr;
    }
    .audit-overlay-card {
        left: -10px;
        width: calc(100% + 20px);
    }
}

/* Responsive updates for the rest of the file */
@media (max-width: 768px) {
    .audit-header {
        display: none !important;
    }
    
    .audit-hero {
        padding: 60px 0 80px !important;
    }

    .audit-hero-content {
        grid-template-columns: 1fr;
    }
    
    .audit-hero h1 {
        font-size: 2.5rem;
    }
    
    .audit-cta-premium {
        padding: 60px 0;
    }
    
    .audit-cta-card {
        padding: 40px 20px;
    }
    
    .audit-cta-title {
        font-size: 2rem;
    }
    
    .audit-cta-desc {
        font-size: 1.05rem;
        margin-bottom: 30px;
    }
    
    .audit-grid-4, .audit-problem-grid, .audit-grid-3, .audit-grid-2, .audit-checkbox-grid {
        grid-template-columns: 1fr;
    }
    
    .audit-cred-strip .audit-container {
        display: grid;
        grid-template-columns: 1fr;
        gap: 16px;
        align-items: flex-start;
    }
    
    .audit-cred-item {
        font-size: 0.9rem;
    }
    
    .audit-header-right {
        display: none;
    }
    
    .audit-mobile-sticky-cta {
        position: fixed;
        bottom: 0;
        left: 0;
        right: 0;
        background: var(--audit-primary);
        padding: 16px 24px;
        z-index: 999;
        box-shadow: 0 -5px 20px rgba(0,0,0,0.2);
        display: flex;
        justify-content: center;
    }
    
    .audit-mobile-sticky-cta .audit-btn-primary {
        width: 100%;
        text-align: center;
    }
    
    body {
        padding-bottom: 80px;
    }
    
    /* Mobile fix for overlay */
    .audit-visual-wrapper {
        transform: none !important;
    }
    .audit-overlay-card {
        position: relative;
        left: 0;
        bottom: 0;
        width: calc(100% - 32px);
        margin: -40px auto 0 auto;
        transform: none !important;
        padding: 20px;
    }
    .audit-report-preview {
        padding: 60px 0;
    }
    .audit-preview-header {
        margin-bottom: 30px;
    }
    .audit-preview-header h2 {
        font-size: 2.2rem;
    }
    .audit-preview-header p {
        font-size: 1rem;
    }
    .data-row {
        flex-direction: column;
        gap: 4px;
        margin-bottom: 16px;
    }
    .data-value {
        text-align: left;
    }
}

@media (min-width: 769px) {
    .audit-mobile-sticky-cta {
        display: none;
    }
}

/* Technical Partner Section - Dark 3D Theme */
.audit-partner-section {
    position: relative;
    overflow: hidden;
    background: var(--audit-primary);
    padding: 100px 0;
}

.partner-glass-card {
    background: rgba(255, 255, 255, 0.03);
    backdrop-filter: blur(12px);
    -webkit-backdrop-filter: blur(12px);
    border: 1px solid rgba(255, 255, 255, 0.05);
    border-radius: 12px;
    padding: 40px 30px;
    transition: all 0.4s cubic-bezier(0.175, 0.885, 0.32, 1.275);
    position: relative;
    overflow: hidden;
    z-index: 2;
}

.partner-glass-card::before {
    content: '';
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    background: radial-gradient(800px circle at var(--mouse-x, 50%) var(--mouse-y, 50%), rgba(0, 242, 255, 0.06), transparent 40%);
    z-index: -1;
    opacity: 0;
    transition: opacity 0.5s;
}

.partner-glass-card:hover {
    transform: translateY(-10px) scale(1.02);
    border-color: rgba(0, 242, 255, 0.3);
    box-shadow: 0 20px 40px rgba(0, 0, 0, 0.4), 0 0 20px rgba(0, 242, 255, 0.1) inset;
}

.partner-glass-card:hover::before {
    opacity: 1;
}

.partner-icon {
    width: 60px;
    height: 60px;
    background: rgba(0, 242, 255, 0.05);
    border: 1px solid rgba(0, 242, 255, 0.1);
    border-radius: 12px;
    display: flex;
    align-items: center;
    justify-content: center;
    color: var(--audit-cyan);
    margin-bottom: 24px;
    transition: all 0.4s ease;
}

.partner-glass-card:hover .partner-icon {
    background: rgba(0, 242, 255, 0.1);
    transform: scale(1.1) rotate(5deg);
    box-shadow: 0 0 15px rgba(0, 242, 255, 0.3);
}

.partner-glass-card h3 {
    color: var(--audit-white);
    font-size: 1.4rem;
    margin-bottom: 16px;
    font-weight: 600;
}

.partner-glass-card p {
    color: var(--audit-text-muted);
    font-size: 1.05rem;
    line-height: 1.6;
    margin: 0;
}
/* 3D Animated Background for Report Preview */
.audit-3d-bg {
    position: absolute;
    top: 0; left: 0; width: 100%; height: 100%;
    z-index: 1;
    pointer-events: none;
    perspective: 1000px;
}
.audit-3d-bg .orb {
    position: absolute;
    border-radius: 50%;
    filter: blur(80px);
    opacity: 0.15;
    animation: floatOrb 20s infinite alternate cubic-bezier(0.4, 0, 0.2, 1);
}
.audit-3d-bg .orb-1 {
    width: 600px; height: 600px;
    background: #27c93f;
    top: -200px; left: -100px;
}
.audit-3d-bg .orb-2 {
    width: 500px; height: 500px;
    background: var(--audit-gold);
    bottom: -150px; right: -50px;
    animation-delay: -10s;
}
.audit-3d-bg .grid-floor {
    position: absolute;
    bottom: -50%; left: -50%;
    width: 200%; height: 200%;
    background-image: 
        linear-gradient(rgba(255,255,255,0.03) 1px, transparent 1px),
        linear-gradient(90deg, rgba(255,255,255,0.03) 1px, transparent 1px);
    background-size: 50px 50px;
    transform: rotateX(60deg) translateY(100px);
    animation: gridMove 20s linear infinite;
    mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
    -webkit-mask-image: radial-gradient(ellipse at center, rgba(0,0,0,1) 0%, rgba(0,0,0,0) 60%);
}

@keyframes floatOrb {
    0% { transform: translate(0, 0) scale(1); }
    33% { transform: translate(100px, 50px) scale(1.1); }
    66% { transform: translate(-50px, 150px) scale(0.9); }
    100% { transform: translate(50px, -50px) scale(1.05); }
}
@keyframes gridMove {
    0% { transform: rotateX(60deg) translateY(0); }
    100% { transform: rotateX(60deg) translateY(50px); }
}

/* Proof Section */
.audit-proof-section {
    padding: 60px 0;
    background: #040612;
    position: relative;
    border-bottom: 1px solid rgba(255,255,255,0.05);
}
.proof-section-title {
    text-align: center;
    font-family: 'Outfit', sans-serif;
    color: #fff;
    font-size: 1.8rem;
    font-weight: 800;
    margin-bottom: 40px;
    letter-spacing: 0.5px;
}
.proof-grid {
    display: grid;
    grid-template-columns: repeat(3, 1fr);
    gap: 30px;
}
.proof-card {
    background: rgba(255,255,255,0.03);
    border: 1px solid rgba(255,255,255,0.1);
    border-radius: 12px;
    padding: 30px;
    text-align: center;
    transition: transform 0.3s ease, border-color 0.3s ease;
}
.proof-card:hover {
    transform: translateY(-5px);
    border-color: rgba(201, 168, 76, 0.4);
}
.proof-icon {
    width: 50px;
    height: 50px;
    margin: 0 auto 20px auto;
    background: rgba(201, 168, 76, 0.1);
    color: var(--audit-gold);
    display: flex;
    align-items: center;
    justify-content: center;
    border-radius: 50%;
}
.proof-card h4 {
    color: #fff;
    font-size: 1.2rem;
    margin-bottom: 15px;
    font-weight: 700;
}
.proof-card p {
    color: rgba(255,255,255,0.6);
    font-size: 0.95rem;
    line-height: 1.5;
    margin: 0;
}
@media (max-width: 768px) {
    .proof-grid {
        grid-template-columns: 1fr;
        gap: 20px;
    }
}