:root {
    --orange: #FF7404;
    --orange-glow: rgba(255, 116, 4, 0.6);
    --orange-border: rgba(255, 116, 4, 0.6);
    --bg-base: #060606;
    --text: #e8e8e8;
    --muted: #777;
    --green: #4ade80;
    
    /* Assembly Line layout tokens */
    --line-color: rgba(255, 255, 255, 0.15);
    --grid-print-color: rgba(255, 255, 255, 0.3); /* Stronger print line color */
    --glass-bg: rgba(10, 10, 10, 0.7);
    --depth-shadow: 20px 20px 50px rgba(0,0,0,0.9);
    --border-radius: 4px;
}

* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
}

body {
    font-family: 'Inter', -apple-system, sans-serif;
    background: #000;
    color: var(--text);
    -webkit-print-color-adjust: exact !important;
    print-color-adjust: exact !important;
}

/* Utilities */
.text-orange { color: var(--orange) !important; }
.text-white { color: #fff !important; }
.text-muted { color: var(--muted) !important; }
.text-green { color: var(--green) !important; }
.text-center { text-align: center; }
.text-right { text-align: right; }
.fw-bold { font-weight: 800; } /* Increased from 700 for Typographic Gravity */
.mt-2 { margin-top: 8px; }
.mt-4 { margin-top: 24px; }
.mb-2 { margin-bottom: 8px; }
.mb-4 { margin-bottom: 24px; }
.mb-algo { margin-bottom: 50px; }
.mt-auto { margin-top: auto; }
.ml-2 { margin-left: 8px; }
.sm-text { font-size: 0.85rem; }
.fs-lg { font-size: 1.15rem; }
.block { display: block; }
.p-0 { padding: 0 !important; }
.block-center { margin: 0 auto; }
.mt-algo { margin-top: 80px; } /* Increased negative space for Cognitive Ease */
.pl-algo { padding-left: 80px; }
.flex-horizontal { display: flex; flex-direction: row; gap: 40px; }
.flex-gap { display: flex; gap: 20px; align-items: flex-start; }
.flex-center-vertical { display: flex; flex-direction: column; justify-content: center; height: 100%; }
.mono-text { font-family: 'JetBrains Mono', monospace; font-size: 1.8rem; letter-spacing: 1.5px; font-weight: 800; text-transform: uppercase; }

/* -------------------------------------
   PRINT & SLIDE ENGINEERING
-------------------------------------- */
.slide {
    width: 1080px;
    height: 1920px;
    position: relative;
    overflow: hidden;
    margin: 0 auto;
    background: transparent;
    page-break-after: always;
    border-bottom: 1px solid #222;
}

.print-bg {
    position: absolute;
    top: 0; left: 0; right: 0; bottom: 0;
    z-index: 0;
}

.print-bg-dark {
    background-color: var(--bg-base) !important;
}

.print-bg-solid {
    background-color: #030303 !important;
}

/* Hardcoded Spotlights - Tightened gradients for Neuromarketing focus */
.print-bg-glow {
    opacity: 1 !important;
}
.spotlight-center { background: radial-gradient(circle at 50% -10%, rgba(255, 116, 4, 0.35) 0%, transparent 45%) !important; }
.spotlight-left { background: radial-gradient(circle at -10% 50%, rgba(255, 116, 4, 0.3) 0%, transparent 55%) !important; }
.spotlight-right { background: radial-gradient(circle at 110% 50%, rgba(255, 116, 4, 0.3) 0%, transparent 55%) !important; }
.spotlight-center-high { background: radial-gradient(circle at 50% 110%, rgba(255, 116, 4, 0.35) 0%, transparent 55%) !important; }
.spotlight-left-high { background: radial-gradient(circle at 0% 0%, rgba(255, 116, 4, 0.3) 0%, transparent 65%) !important; }
.spotlight-right-low { background: radial-gradient(circle at 100% 100%, rgba(255, 116, 4, 0.3) 0%, transparent 65%) !important; }
.print-bg-action { background: radial-gradient(circle at 50% 50%, rgba(255, 116, 4, 0.45) 0%, transparent 65%) !important; }

/* Workflow Grid Lines */
.workflow-grid-lines {
    position: absolute;
    top: 35px; bottom: 35px; left: 35px; right: 35px;
    border: 1px dashed rgba(255,255,255,0.06);
    pointer-events: none;
    z-index: 50;
}

.workflow-grid-lines::before, .workflow-grid-lines::after,
.workflow-grid-lines .grid-bottom::before, .workflow-grid-lines .grid-bottom::after {
    content: '';
    position: absolute;
    width: 14px; height: 14px;
    border: 1px solid var(--orange);
    transform: rotate(45deg);
    background: var(--bg-base);
    box-shadow: inset 0 0 0 2px var(--bg-base), inset 0 0 0 3px var(--orange);
}

.workflow-grid-lines::before { top: -8px; left: -8px; }
.workflow-grid-lines::after { top: -8px; right: -8px; }
.workflow-grid-lines .grid-bottom { position: absolute; inset: 0; pointer-events: none; }
.workflow-grid-lines .grid-bottom::before { bottom: -8px; left: -8px; }
.workflow-grid-lines .grid-bottom::after { bottom: -8px; right: -8px; }

.slide-content {
    position: relative;
    z-index: 10;
    height: 100%;
    padding: 70px 100px;
    display: flex;
    flex-direction: column;
}

/* Aggressive Print Color Forcing */
@media print {
    /* Force slide isolation to prevent absolute-positioned phantom elements from bleeding across page breaks */
    .slide { isolation: isolate; }
    .slide:last-child { background: #000 !important; z-index: 100 !important; }

    @page { size: 1080px 1920px; margin: 0; }
    body { background: #000; -webkit-print-color-adjust: exact !important; print-color-adjust: exact !important; }
    .slide { margin: 0; page-break-after: always; page-break-inside: avoid; border-bottom: none; }
    
    /* Global Print Fix for Webkit/iOS PDF Export Artifacts */
    * { 
        box-shadow: none !important; 
        -webkit-backdrop-filter: none !important;
        backdrop-filter: none !important;
    }

    .workflow-grid-lines { 
        display: block !important;
        border-color: rgba(255, 255, 255, 0.4) !important;
    }
    
    .workflow-grid-lines::before, .workflow-grid-lines::after,
    .workflow-grid-lines .grid-bottom::before, .workflow-grid-lines .grid-bottom::after {
        border: 2px solid #FF7404 !important;
        background-color: transparent !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
    }
    
    h1, h2, h3, h4, p, span, .print-text-safe, .text-muted, .text-white { color: #ffffff !important; text-shadow: none !important; }
    .text-orange, .text-orange * { color: #FF7404 !important; text-shadow: none !important; }
    .text-green, .text-green * { color: #4ade80 !important; }
    
    .print-opacity-fix { opacity: 1 !important; background: rgba(255, 255, 255, 0.02) !important; border: 1px solid rgba(255, 255, 255, 0.25) !important; }
    .card-hero.print-opacity-fix, .highlight-card.print-opacity-fix { background: rgba(255,116,4,0.15) !important; border: 2px solid #FF7404 !important; }
    .bg-orange, .node-orange { background-color: #FF7404 !important; border-color: #FF7404 !important; color: #fff !important; }

    /* Force diamonds to render in iOS Safari PDF */
    .vq-corners::before, .vq-corners::after,
    .vq-corners .vq-corner-bottom::before, .vq-corners .vq-corner-bottom::after {
        border: 2px solid #FF7404 !important;
        background-color: #FF7404 !important;
        -webkit-print-color-adjust: exact !important;
        print-color-adjust: exact !important;
        opacity: 1 !important;
        display: block !important;
    }
}

/* -------------------------------------
   ASSEMBLY LINE HEADER
-------------------------------------- */
.header {
    display: flex;
    align-items: center;
    margin-bottom: 60px;
    gap: 30px;
    position: relative;
    z-index: 50;
}

.logo { height: 32px; flex-shrink: 0; }
.cover-logo { height: auto; margin-bottom: 20px; }

.header-track {
    flex: 1;
    position: relative;
    display: flex;
    align-items: center;
}

.track-line { width: 100%; height: 1px; background: var(--line-color); }
.track-node { width: 6px; height: 6px; border-radius: 50%; background: var(--muted); position: absolute; right: 0; }
.track-node.active { background: var(--orange); box-shadow: 0 0 10px var(--orange); }

.mono-badge { font-family: 'JetBrains Mono', monospace; font-size: 1.8rem; font-weight: 800; color: var(--orange); letter-spacing: 2px; }
.product-title-badge { font-family: 'JetBrains Mono', monospace; font-size: 3rem; font-weight: 900; letter-spacing: 3px; display: inline-block; margin-bottom: 8px; }

/* -------------------------------------
   TYPOGRAPHY HIERARCHY (The Belfort Flex)
-------------------------------------- */
h2 { font-size: 5rem; font-weight: 800; letter-spacing: -1.5px; line-height: 1; color: var(--text); text-transform: uppercase; }
.headline-tight { font-size: 6rem; font-weight: 900; letter-spacing: -2px; line-height: 0.9; color: #fff; text-transform: uppercase; }
.headline-xs { font-size: 3.5rem; letter-spacing: -0.5px; font-weight: 900; }
.massive-headline { font-size: 7.5rem; font-weight: 800; letter-spacing: -3px; line-height: 0.9; }

.subtitle { font-size: 1.8rem; color: var(--muted); text-transform: uppercase; letter-spacing: 3px; line-height: 1.5; font-weight: 700; margin-top: 15px !important; }
.tl-dr { font-size: 1.5rem; color: #fff; line-height: 1.6; font-weight: 600; } /* Thickened base */
.tl-dr-base { font-size: 1.5rem; color: #ccc; line-height: 1.6; }
.tl-dr-muted { font-size: 1.35rem; color: var(--muted); line-height: 1.6; }
p { font-size: 1.5rem; line-height: 1.6; color: var(--text); margin-bottom: 20px; font-weight: 400; }

/* -------------------------------------
   LAYOUT ARCHITECTURE
-------------------------------------- */
.assembly-layout {
    display: flex;
    flex-direction: column;
    gap: 80px;
    flex: 1;
}

.assembly-layout.reverse { flex-direction: column-reverse; }
.assembly-title-pane { display: flex; flex-direction: column; justify-content: center; }
.assembly-cards-pane { position: relative; display: flex; flex-direction: column; gap: 30px; }

/* -------------------------------------
   LAYERED "3D" CARDS (PORSCHE STYLE)
-------------------------------------- */
.layered-card {
    background: rgba(255, 255, 255, 0.03);
    border: 1px solid rgba(255, 255, 255, 0.25);
    border-radius: var(--border-radius);
    padding: 40px 45px !important;
    min-height: 240px;
    display: flex;
    flex-direction: column;
    justify-content: center;
    position: relative;
    box-shadow: var(--depth-shadow);
    backdrop-filter: blur(10px);
}

.layered-card p {
    color: #fff !important;
    font-weight: 800 !important;
}

.layered-card.z-1 { transform: translateX(0); z-index: 1; opacity: 0.9; }
.layered-card.z-2 { transform: translateX(30px); z-index: 2; border-left: 3px solid rgba(255,116,4,0.8); opacity: 0.95; }
.layered-card.z-3 { transform: translateX(60px); z-index: 3; }

.card-hero {
    background: rgba(255, 116, 4, 0.15); /* Aggressive orange core */
    border: 2px solid var(--orange-border);
    box-shadow: inset 0 0 50px rgba(255, 116, 4, 0.1), var(--depth-shadow);
}

.card-header { display: flex; align-items: center; gap: 12px; margin-bottom: 16px; padding-bottom: 12px; border-bottom: 1px solid var(--line-color); }
.card-header.border-orange { border-color: var(--orange-border); }

.dot { width: 8px; height: 8px; border-radius: 50%; background: var(--muted); }
.dot-orange { background: var(--orange); }
.dot-glow { background: var(--orange); box-shadow: 0 0 15px var(--orange); }

/* -------------------------------------
   SLIDE 1: COVER SPECIFICS
-------------------------------------- */
.cover-layout { justify-content: space-between; }
.cover-assembly { display: flex; align-items: center; gap: 30px; margin-top: 80px; }

.assembly-card {
    background: var(--glass-bg);
    border: 1px solid var(--line-color);
    padding: 30px;
    border-radius: var(--border-radius);
    flex: 1;
    height: 180px;
    box-shadow: inset 0 0 20px rgba(0,0,0,0.5);
    position: relative;
}

.assembly-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, transparent, rgba(255,255,255,0.2)); }
.card-depth-1 { opacity: 0.5; transform: scale(0.95); }
.card-depth-2 { opacity: 0.7; transform: scale(0.98); }
.card-depth-3 { opacity: 1; border-color: var(--orange-border); background: rgba(255,116,4,0.03); }

.assembly-connector { width: 40px; height: 1px; background: var(--line-color); position: relative; }
.assembly-connector::after { content: '→'; position: absolute; right: -5px; top: -10px; color: var(--muted); font-size: 14px; }

/* -------------------------------------
   SLIDE 2: THE LEAK (FLEX METRICS)
-------------------------------------- */
.visual-flex-box {
    border: 1px solid var(--orange-border);
    background: rgba(255,116,4,0.02);
    padding: 50px 60px;
    border-radius: var(--border-radius);
    box-shadow: var(--depth-shadow);
}
.stat-mega { font-size: 6.5rem; font-weight: 900; line-height: 0.9; letter-spacing: -3px; display: block; text-shadow: 0 0 40px rgba(255,116,4,0.2); }

/* -------------------------------------
   SLIDE 3: LIFECYCLE (WORKFLOW LINE)
-------------------------------------- */
.lifecycle-flow { display: flex; flex-direction: column; gap: 20px; position: relative; padding-top: 0; margin-top: 20px; }
.flow-track { position: absolute; top: 40px; bottom: 40px; left: 18px; width: 4px; height: auto; background: rgba(255,116,4,0.3); z-index: 0; }
.flow-stage { display: flex; flex-direction: row; align-items: stretch; position: relative; z-index: 10; gap: 30px; padding: 0; }
.flow-node { width: 48px; height: 48px; flex-shrink: 0; margin-bottom: 0; margin-top: 25px; border-radius: 50%; background: var(--bg-base); border: 4px solid rgba(255,116,4,0.4); display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 1.3rem; font-weight: 800; color: var(--orange); box-shadow: 0 0 20px rgba(0,0,0,1); margin-left: -4px; }
.node-orange { border-color: var(--orange); color: #fff; background: var(--orange); box-shadow: 0 0 20px rgba(255,116,4,0.6); }
.flow-card { background: rgba(255, 255, 255, 0.03); border: 1px solid rgba(255, 255, 255, 0.25); padding: 25px 35px; border-radius: var(--border-radius); text-align: left; height: auto; width: 100%; box-shadow: var(--depth-shadow); display: flex; flex-direction: column; justify-content: center; position: relative; }
.highlight-card { border: 2px solid var(--orange-border); background: rgba(255,116,4,0.15); transform: translateX(-5px); box-shadow: var(--depth-shadow); }
.flow-card h4 { font-size: 2.7rem; font-weight: 900; margin-bottom: 10px; letter-spacing: 0.5px; color: #fff; line-height: 1.2; text-transform: uppercase; }
.flow-card p { font-size: 1.8rem; line-height: 1.5; color: #ddd; margin-bottom: 0; }

/* -------------------------------------
   VQ DIAMOND CORNERS
-------------------------------------- */
.vq-corners { 
    position: relative; 
    /* The negative margin expands the box's footprint into the gap,
       and the padding pulls the border outwards without squishing the text. */
    margin: -35px -40px;
    padding: 35px 40px;
}
.vq-corners::before, .vq-corners::after,
.vq-corners .vq-corner-bottom::before, .vq-corners .vq-corner-bottom::after {
    content: '';
    position: absolute;
    width: 6px; height: 6px;
    border: 1px solid var(--orange);
    transform: rotate(45deg);
    background: var(--bg-base);
    z-index: 20;
}
.vq-corners::before { top: -3px; left: -3px; }
.vq-corners::after { top: -3px; right: -3px; }
.vq-corner-bottom { position: absolute; inset: 0; pointer-events: none; }
.vq-corners .vq-corner-bottom::before { bottom: -3px; left: -3px; }
.vq-corners .vq-corner-bottom::after { bottom: -3px; right: -3px; }

/* -------------------------------------
   LAYOUT VARIATIONS
-------------------------------------- */
.horizontal-cards { display: flex; flex-direction: row; gap: 20px; margin-top: 30px; width: 100%; }
.horizontal-cards .layered-card { flex: 1; transform: none !important; border-left: none !important; border-top: 2px solid var(--line-color); padding-top: 20px; height: auto; }
.horizontal-cards .layered-card.card-hero { border-top-color: var(--orange); }

.grid-cards { display: flex; flex-direction: column; gap: 20px; width: 100%; }
.grid-cards .layered-card { transform: none !important; margin: 0; }
.grid-cards .card-hero { grid-column: 1 / -1; }

.example-chat-box {
    background: var(--glass-bg);
    border: 1px solid var(--line-color);
    padding: 20px;
    border-radius: var(--border-radius);
    margin-top: 30px;
    font-family: 'JetBrains Mono', monospace;
    font-size: 0.8rem;
}
.chat-msg { display: flex; margin-bottom: 12px; }
.chat-agent { color: var(--text); }
.chat-customer { color: var(--orange); justify-content: flex-end; text-align: right; }
.chat-bubble { padding: 8px 12px; background: rgba(255,255,255,0.05); border-radius: 4px; display: inline-block; max-width: 80%; }
.chat-customer .chat-bubble { background: rgba(255,116,4,0.1); border: 1px solid var(--orange-border); }
.chat-action { text-align: center; color: var(--green); border-top: 1px dashed rgba(255,255,255,0.2); margin-top: 15px; padding-top: 15px; font-weight: bold; }

/* -------------------------------------
   SLIDE STATS & VISUALS
-------------------------------------- */
.tech-spec-box { display: flex; align-items: center; justify-content: space-between; padding: 30px; background: rgba(255,255,255,0.03); border: 1px dashed rgba(255,255,255,0.2); }
.spec-data { display: flex; flex-direction: column; align-items: flex-end; }
.spec-val { font-size: 4rem; font-weight: 900; letter-spacing: -1.5px; color: #fff; } /* Increased for Typography Gravity */
.spec-lbl { font-size: 1.5rem; color: var(--muted); text-transform: uppercase; letter-spacing: 2px; font-weight: 800; }

.stats-row { display: flex; gap: 40px; }
.right-align { justify-content: flex-end; }
.stat-mini { padding-right: 40px; }
.border-light { border-right: 1px solid var(--line-color); }
.stat-mini { border-bottom: 1px solid var(--line-color); padding-bottom: 20px; }
.stat-lg { font-size: 6rem; font-weight: 900; line-height: 1; letter-spacing: -1.5px; }

.side-card { flex: 1; transform: none !important; }

/* ARM Wireframe */
.arm-wireframe { display: flex; flex-direction: column; gap: 20px; border: 1px solid var(--line-color); padding: 30px; border-radius: var(--border-radius); background: rgba(0,0,0,0.6); box-shadow: var(--depth-shadow); }
.wire-branch { display: flex; align-items: center; gap: 20px; }
.wire-path { flex: 1; height: 1px; background: rgba(74, 222, 128, 0.4); border-style: dashed; }
.path-orange { background: rgba(255, 116, 4, 0.4); }
.wire-end { font-family: 'JetBrains Mono', monospace; font-size: 0.85rem; color: #fff; background: var(--glass-bg); padding: 8px 16px; border: 1px solid var(--line-color); border-radius: 4px; font-weight: 800; }

/* -------------------------------------
   SLIDE 7: PILLARS
-------------------------------------- */
.dual-pillar-layout { display: flex; flex-direction: column; gap: 60px; margin-top: 60px; }
.pillar { display: flex; flex-direction: column; }
.pillar-header { display: flex; align-items: center; gap: 24px; margin-bottom: 24px; padding-bottom: 24px; border-bottom: 1px solid var(--line-color); }
.header-orange { border-color: var(--orange-border); }

.icon-block { width: 60px; height: 60px; background: var(--glass-bg); border: 1px solid var(--line-color); display: flex; align-items: center; justify-content: center; font-family: 'JetBrains Mono', monospace; font-size: 1.2rem; font-weight: 800; color: var(--muted); border-radius: 6px; }
.icon-orange { border-color: var(--orange); color: var(--orange); background: rgba(255,116,4,0.08); box-shadow: 0 0 20px rgba(255,116,4,0.15); }

.box-padding { padding: 40px; background: var(--glass-bg); border: 1px solid var(--line-color); border-radius: var(--border-radius); box-shadow: var(--depth-shadow); }
.pillar h3 { font-size: 1.8rem; font-weight: 900; letter-spacing: 1px; }
.body-highlight { background: rgba(255,116,4,0.03); border-color: var(--orange-border); }

/* -------------------------------------
   SLIDE 8 & 9: RADAR & CHARTS
-------------------------------------- */
.radar-box { position: relative; border-left: 3px solid var(--orange); padding-left: 20px; }
.status-indicator { width: 14px; height: 14px; border-radius: 50%; background: var(--muted); margin-top: 4px; flex-shrink: 0; }
.status-indicator.live { background: var(--orange); box-shadow: 0 0 15px var(--orange); animation: pulse 2s infinite; }
.block-card { background: var(--glass-bg); padding: 30px; border-radius: var(--border-radius); border: 1px solid var(--line-color); box-shadow: var(--depth-shadow); }
.highlight-border { border-color: rgba(255,116,4,0.4); background: rgba(255,116,4,0.04); }

.data-grid { display: flex; flex-direction: column; gap: 20px; }
.data-cell { background: var(--glass-bg); padding: 24px; border: 1px solid var(--line-color); border-radius: var(--border-radius); box-shadow: var(--depth-shadow); }
.bar-chart { width: 100%; height: 8px; background: rgba(255,255,255,0.08); margin-top: 16px; border-radius: 4px; overflow: hidden; }
.bar { height: 100%; background: var(--muted); }
.bar-1 { width: 65%; background: linear-gradient(90deg, var(--orange), transparent); }
.bar-2 { width: 42%; background: linear-gradient(90deg, var(--green), transparent); }
/* -------------------------------------
   SLIDE 10: DEALER RESULTS (The Math)
-------------------------------------- */
.premium-table { width: 100%; border-collapse: collapse; border: 1px solid var(--line-color); border-radius: 8px; overflow: hidden; }
.premium-table th { font-family: 'JetBrains Mono', monospace; font-size: 1.2rem; letter-spacing: 1.5px; font-weight: 800; color: var(--muted); padding: 24px 30px; border-bottom: 1px solid var(--line-color); text-align: left; }
.premium-table td { padding: 24px 30px; font-size: 1.5rem; font-weight: 600; color: #ccc; border-bottom: 1px solid rgba(255,255,255,0.05); }
.premium-table .stat-cell { font-family: 'JetBrains Mono', monospace; font-size: 1.4rem; }
.premium-table tr:last-child td { border-bottom: none; }
.highlight-row { background: rgba(255,255,255,0.03); }

/* -------------------------------------
   SLIDE 11: CTA (Scarcity)
-------------------------------------- */
.cta-mainframe { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; width: 100%; }
.target-reticle { position: relative; padding: 50px 80px; text-align: center; }
.target-reticle::before, .target-reticle::after { content: ''; position: absolute; width: 40px; height: 40px; border: 3px solid var(--orange); }
.target-reticle::before { top: 0; left: 0; border-right: none; border-bottom: none; }
.target-reticle::after { bottom: 0; right: 0; border-left: none; border-top: none; }.cta-massive { font-size: 6.5rem; letter-spacing: -2px; line-height: 0.9; margin-top: 100px; margin-bottom: 80px; font-weight: 900; }
.cta-sub { font-size: 1.35rem; letter-spacing: 2px; color: var(--muted); font-weight: 800; max-width: 800px; margin: 0 auto; line-height: 1.6; }

.action-grid { display: flex; flex-direction: column; gap: 50px; width: 100%; align-items: center; margin: 0 auto; }
.action-card { background: rgba(0,0,0,0.6); border: 1px solid rgba(255,255,255,0.05); border-top: 2px solid var(--orange); padding: 50px 70px; border-radius: var(--border-radius); text-align: center; box-shadow: 0 10px 30px rgba(0,0,0,0.5); width: 85%; }
.outline-block-fix { border-color: rgba(255,255,255,0.1); }
.action-card-primary { background: rgba(255,116,4,0.05); border-color: rgba(255,116,4,0.2); border-top: 2px solid var(--orange); box-shadow: inset 0 0 30px rgba(255,116,4,0.05), 0 20px 50px rgba(0,0,0,0.6); transform: none; }
.action-url { font-size: 2.5rem; font-weight: 900; color: #ccc; letter-spacing: -0.5px; }

/* -------------------------------------
   FOOTER (The VisQuanta Standard)
-------------------------------------- */
.slide-footer { margin-top: auto; display: flex; align-items: center; justify-content: space-between; border-top: 1px solid var(--line-color); padding-top: 30px; }
.cover-footer { justify-content: space-between; }
.cta-footer-flex { justify-content: space-between; }
.footer-spacer { flex: 1; height: 1px; background: var(--line-color); margin-right: 20px; }
.footer-tag { font-family: 'JetBrains Mono', monospace; font-size: 1.5rem; color: var(--orange); font-weight: 800; letter-spacing: 2.5px; }
.page-num { font-family: 'JetBrains Mono', monospace; font-size: 2rem; font-weight: 900; }

@keyframes pulse {
    0% { box-shadow: 0 0 0 0 rgba(255, 116, 4, 0.4); }
    70% { box-shadow: 0 0 0 15px rgba(255, 116, 4, 0); }
    100% { box-shadow: 0 0 0 0 rgba(255, 116, 4, 0); }
}

/* ====================================================================
   MOBILE RESPONSIVENESS (SMARTPHONE & TABLET)
==================================================================== */
@media screen and (max-width: 900px) {
    /* 1. Viewport & Slide un-locking */
    body { padding: 0; margin: 0; overflow-x: hidden; }
    .slide { width: 100% !important; height: auto !important; min-height: 100vh !important; border-bottom: 1px solid #333 !important; }
    .slide-content { padding: 40px 20px 60px 20px !important; }
    .workflow-grid-lines { top: 15px; bottom: 15px; left: 15px; right: 15px; } /* Pull grid tighter to edge on mobile */
    
    /* 2. Grid & Flex Stacking */
    .assembly-layout, .assembly-layout.reverse, .dual-pillar-layout, .stats-row, .grid-cards { grid-template-columns: 1fr !important; display: flex !important; flex-direction: column !important; gap: 40px !important; margin-top: 30px !important; }
    .header { gap: 15px !important; margin-bottom: 30px !important; }
    .header-track { display: none !important; } /* Too wide for mobile */
    
    /* 3. Typography Scaling */
    h2 { font-size: 3rem !important; letter-spacing: -1.5px !important; line-height: 1.1 !important; }
    .massive-headline { font-size: 4rem !important; line-height: 0.95 !important; letter-spacing: -2px !important; }
    .cta-massive { font-size: 3.5rem !important; line-height: 1 !important; letter-spacing: -2px !important; }
    .subtitle { font-size: 1rem !important; line-height: 1.4 !important; }
    .tl-dr, .tl-dr-base { font-size: 1rem !important; }
    .stat-lg { font-size: 3.5rem !important; }
    .spec-val { font-size: 2.5rem !important; }
    
    /* 4. Slide 1 / Hero Elements */
    .cover-layout > div { top: 20px !important; bottom: 20px !important; left: 20px !important; right: 20px !important; } /* Shrink inner border */
    .cover-logo { height: auto !important; margin-bottom: 40px !important; }
    .hero-process-track { flex-direction: column !important; margin-top: 40px !important; }
    .process-box { width: 100% !important; height: auto !important; padding: 20px !important; }
    .hero-process-track svg { transform: rotate(90deg) !important; margin: 15px 0 !important; }
    
    /* 5. VQ Corners Reset */
    .vq-corners { margin: 0 !important; padding: 25px 0 !important; border-left: none !important; border-right: none !important; text-align: center; }
    /* Hide the inner diamonds on mobile to avoid horizontal scroll overlapping */
    .vq-corners::before, .vq-corners::after, .vq-corners .vq-corner-bottom::before, .vq-corners .vq-corner-bottom::after { display: none !important; }
    
    /* 6. Cards & 3D Elements */
    .assembly-cards-pane { gap: 20px !important; }
    .layered-card { transform: none !important; width: 100% !important; padding: 25px 20px !important; border-left: 1px solid rgba(255,255,255,0.25) !important; }
    .card-hero { border-left: 2px solid #FF7404 !important; }
    
    /* 7. Slide 10: Table Overflows */
    /* Mobile-scrollable container to preserve the 8-column layout integrity */
    .premium-table-wrapper { width: 100% !important; display: block !important; overflow-x: auto !important; -webkit-overflow-scrolling: touch !important; padding: 0 !important; margin-top: 20px !important; }
    .premium-table { min-width: 900px !important; } 
    
    /* 8. Slide 11: Reticle */
    .target-reticle { padding: 30px 15px !important; }
    .target-reticle::before, .target-reticle::after { width: 25px; height: 25px; } /* Smaller corners */
}