/**
 * Paid Media Service Page Styles
 * Isolated module for /services/paid-media/
 */

 /*--------------------------------------------------------------
 # Core Variables & Resets
 --------------------------------------------------------------*/
 .lime-paid-media {
	 --lime-primary: #189b38;
	 --lime-primary-hover: #14822f;
	 --bg-dark: #0b0f19; /* Deep slate / near-black */
	 --bg-light: #f8fafc; /* Off-white */
	 --text-light: #e2e8f0;
	 --text-dark: #0f172a;
	 --text-muted-dark: #475569;
	 --text-muted-light: #94a3b8;
	 --border-dark: #1e293b;
	 --border-light: #e2e8f0;
	 --glass-bg: rgba(255, 255, 255, 0.05);
	 --glass-border: rgba(255, 255, 255, 0.1);
	 --font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
	 --font-display: "Space Grotesk", sans-serif;
	 font-family: var(--font-sans);
 }
 
 .lime-paid-media .lime-section {
	 padding: clamp(4rem, 10vw, 8rem) 0;
 }
 
 .lime-paid-media .lime-bg-dark {
	 background-color: var(--bg-dark);
	 color: var(--text-light);
 }
 
 .lime-paid-media .lime-bg-light {
	 background-color: var(--bg-light);
	 color: var(--text-dark);
 }
 
 .lime-paid-media .lime-container-standard {
	 width: 100%;
	 max-width: 1360px;
	 margin: 0 auto;
	 padding: 0 1.5rem;
 }
 
 /* Typography */
 .lime-paid-media .lime-eyebrow {
	 font-size: 0.875rem;
	 font-weight: 700;
	 letter-spacing: 0.1em;
	 text-transform: uppercase;
	 color: var(--lime-primary);
	 margin-bottom: 1.5rem;
 }
 
 .lime-paid-media .lime-h1 {
	 font-family: var(--font-display);
	 font-size: clamp(38px, 6vw, 55px);
	 line-height: 1.05;
	 font-weight: 700;
	 margin-bottom: 2rem;
	 letter-spacing: -0.02em;
	 color: inherit;
	 text-wrap: balance;
 }
 
 .lime-paid-media .lime-h2 {
	 font-family: var(--font-display);
	 font-size: clamp(2rem, 5vw, 3.5rem);
	 line-height: 1.1;
	 font-weight: 700;
	 margin-bottom: 1.5rem;
	 letter-spacing: -0.01em;
	 color: inherit;
 }
 
 .lime-paid-media .lime-p-large {
	 font-size: clamp(1.125rem, 2vw, 1.5rem);
	 line-height: 1.6;
	 color: inherit;
	 opacity: 0.8;
 }
 
 .lime-paid-media .lime-p-standard {
	 font-size: 1.125rem;
	 line-height: 1.7;
	 color: inherit;
	 opacity: 0.7;
 }

 /* Force text elements in dark sections to inherit the light color against global overrides */
 .lime-paid-media .lime-bg-dark h1,
 .lime-paid-media .lime-bg-dark h2,
 .lime-paid-media .lime-bg-dark h3,
 .lime-paid-media .lime-bg-dark p,
 .lime-paid-media .lime-bg-dark li {
	 color: inherit;
 }
 
 .lime-paid-media .lime-text-primary { color: var(--lime-primary); }
 .lime-paid-media .lime-bg-primary { background-color: var(--lime-primary); }
 .lime-paid-media .lime-text-center { text-align: center; }
 .lime-paid-media .lime-center { margin-left: auto; margin-right: auto; }
 
 /* Buttons */
 .lime-paid-media .lime-btn {
	 display: inline-flex;
	 align-items: center;
	 justify-content: center;
	 padding: 1rem 2rem;
	 font-size: 1rem;
	 font-weight: 600;
	 text-decoration: none;
	 border-radius: 4px;
	 transition: all 0.2s ease;
 }
 
 .lime-paid-media .lime-btn-primary {
	 background-color: var(--lime-primary);
	 color: #000;
 }
 
 .lime-paid-media .lime-btn-primary:hover {
	 background-color: var(--lime-primary-hover);
	 transform: translateY(-2px);
 }
 
 .lime-paid-media .lime-btn-large {
	 padding: 1.25rem 2.5rem;
	 font-size: 1.125rem;
 }
 
 /* Layout Grids */
 .lime-paid-media .lime-grid-2 {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 4rem;
	 align-items: center;
 }
 
 @media (min-width: 1024px) {
	 .lime-paid-media .lime-grid-2 {
		 grid-template-columns: 1fr 1fr;
	 }
 }
 
 /*--------------------------------------------------------------
 # 01 HERO (Premium Interface Dashboard)
 --------------------------------------------------------------*/
 .lime-paid-hero {
	 min-height: 90vh;
	 display: flex;
	 align-items: center;
	 position: relative;
	 overflow: hidden;
 }
 
 .lime-paid-hero-layout {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 4rem;
	 align-items: center;
 }
 
 @media (min-width: 1024px) {
	 .lime-paid-hero-layout {
		 grid-template-columns: 1.2fr 1fr;
	 }
 }
 
 .lime-hero-desc {
	 font-size: 1.25rem;
	 line-height: 1.7;
	 color: var(--text-muted-dark);
	 margin-bottom: 1.5rem;
	 max-width: 600px;
 }
 
 .lime-hero-dashboard {
	 background: #fff;
	 border-radius: 12px;
	 border: 1px solid var(--border-light);
	 box-shadow: 0 20px 40px rgba(0,0,0,0.05);
	 overflow: hidden;
	 transform: perspective(1000px) rotateY(-5deg) rotateX(2deg);
	 transform-style: preserve-3d;
	 transition: transform 0.5s ease;
 }
 
 .lime-hero-dashboard:hover {
	 transform: perspective(1000px) rotateY(0deg) rotateX(0deg);
 }
 
 .lime-dash-header {
	 background: var(--bg-light);
	 padding: 1rem;
	 border-bottom: 1px solid var(--border-light);
	 display: flex;
	 align-items: center;
	 gap: 1rem;
 }
 
 .lime-dash-dots span {
	 display: inline-block;
	 width: 10px;
	 height: 10px;
	 border-radius: 50%;
	 background: #cbd5e1;
	 margin-right: 6px;
 }
 
 .lime-dash-dots span:nth-child(1) { background: #ef4444; }
 .lime-dash-dots span:nth-child(2) { background: #f59e0b; }
 .lime-dash-dots span:nth-child(3) { background: #10b981; }
 
 .lime-dash-title {
	 font-size: 0.875rem;
	 font-weight: 600;
	 color: var(--text-muted-dark);
 }
 
 .lime-dash-body {
	 padding: 2rem;
	 display: flex;
	 flex-direction: column;
	 gap: 1.5rem;
 }
 
 .lime-dash-card {
	 padding: 1.5rem;
	 border-radius: 8px;
	 border: 1px solid var(--border-light);
	 background: #fff;
 }
 
 .lime-dc-label {
	 display: block;
	 font-size: 0.75rem;
	 font-weight: 700;
	 letter-spacing: 0.05em;
	 color: var(--text-muted-dark);
	 margin-bottom: 1rem;
 }
 
 .lime-dc-bar-wrap {
	 width: 100%;
	 height: 8px;
	 background: var(--bg-light);
	 border-radius: 4px;
	 overflow: hidden;
 }
 
 .lime-dc-bar {
	 height: 100%;
	 background: var(--lime-primary);
	 border-radius: 4px;
 }
 
 .lime-animated-line {
	 stroke-dasharray: 150;
	 stroke-dashoffset: 150;
	 animation: limeDrawLine 4s ease-in-out infinite;
 }
 
 @keyframes limeDrawLine {
	 0% { stroke-dashoffset: 150; opacity: 0; }
	 10% { opacity: 1; }
	 80% { stroke-dashoffset: 0; opacity: 1; }
	 100% { stroke-dashoffset: 0; opacity: 0; }
 }
 
 .lime-dc-tags {
	 display: flex;
	 gap: 0.5rem;
	 flex-wrap: wrap;
 }
 
 .lime-dc-tag {
	 padding: 0.25rem 0.75rem;
	 background: var(--bg-light);
	 border-radius: 100px;
	 font-size: 0.75rem;
	 font-weight: 600;
	 color: var(--text-dark);
 }
 
 .lime-dash-footer {
	 padding-top: 1rem;
	 border-top: 1px solid var(--border-light);
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex-wrap: wrap;
	 gap: 0.5rem;
	 font-size: 0.75rem;
	 font-weight: 700;
	 letter-spacing: 0.05em;
	 color: var(--text-muted-dark);
 }
 
 .lime-df-dot {
	 width: 4px;
	 height: 4px;
	 border-radius: 50%;
	 background-color: var(--border-light);
 }
 
 .lime-hero-graphic-container {
	 position: relative;
	 width: 100%;
 }
 
 .lime-floating-card {
	 position: absolute;
	 display: flex;
	 align-items: center;
	 gap: 0.75rem;
	 background: rgba(255, 255, 255, 0.9);
	 backdrop-filter: blur(8px);
	 border: 1px solid var(--border-light);
	 border-radius: 8px;
	 padding: 0.75rem 1.25rem;
	 font-size: 0.875rem;
	 font-weight: 600;
	 color: var(--text-dark);
	 box-shadow: 0 10px 25px rgba(0,0,0,0.05);
	 z-index: 10;
	 animation: limeFloat 6s ease-in-out infinite;
 }
 
 @keyframes limeFloat {
	 0%, 100% { transform: translateY(0); }
	 50% { transform: translateY(-10px); }
 }
 
 .lime-fc-icon {
	 width: 24px;
	 height: 24px;
	 color: var(--lime-primary);
 }
 
 .lime-fc-google { background: rgba(66, 133, 244, 0.95); color: #fff; border-color: #4285F4; }
 .lime-fc-meta { background: rgba(6, 104, 225, 0.95); color: #fff; border-color: #0668E1; }
 .lime-fc-tiktok { background: rgba(0, 0, 0, 0.95); color: #fff; border-color: #000; }
 .lime-fc-bing { background: rgba(0, 128, 157, 0.95); color: #fff; border-color: #00809D; }
 .lime-fc-lsa { background: rgba(24, 128, 56, 0.95); color: #fff; border-color: #188038; }
 
 .lime-fc-google .lime-fc-icon,
 .lime-fc-meta .lime-fc-icon,
 .lime-fc-tiktok .lime-fc-icon,
 .lime-fc-bing .lime-fc-icon,
 .lime-fc-lsa .lime-fc-icon {
	 color: #fff;
 }
 
 @media (min-width: 768px) {
	 .lime-fc-google { top: -20px; left: -20px; animation-delay: 0s; }
	 .lime-fc-meta { top: 40px; right: -20px; animation-delay: 1s; }
	 .lime-fc-tiktok { bottom: 150px; left: -40px; animation-delay: 2s; }
	 .lime-fc-bing { bottom: -20px; right: 20px; animation-delay: 3s; }
	 .lime-fc-lsa { bottom: -40px; left: 30%; animation-delay: 4s; }
 }
 @media (max-width: 767px) {
	 .lime-fc-google { top: -10px; left: 0; animation-delay: 0s; transform: scale(0.85); }
	 .lime-fc-meta { top: 40px; right: 80px; animation-delay: 1s; transform: scale(0.85); }
	 .lime-fc-tiktok { bottom: 150px; left: 0; animation-delay: 2s; transform: scale(0.85); }
	 .lime-fc-bing { bottom: -10px; right: 0; animation-delay: 3s; transform: scale(0.85); }
	 .lime-fc-lsa { bottom: -30px; left: 20%; animation-delay: 4s; transform: scale(0.85); }
 }
 
 /*--------------------------------------------------------------
 # 02 DIRECT ANSWER
 --------------------------------------------------------------*/
 .lime-da-grid {
	 display: grid;
	 grid-template-columns: 1fr;
	 gap: 3rem;
 }
 
 @media (min-width: 1024px) {
	 .lime-da-grid {
		 grid-template-columns: 40% 60%;
	 }
 }
 
 .lime-da-list {
	 list-style: none;
	 padding: 0;
	 margin: 2rem 0 0 0;
 }
 
 .lime-da-list li {
	 padding: 1rem 0;
	 border-bottom: 1px solid var(--border-light);
	 font-size: 1.125rem;
 }
 
 .lime-da-list li:last-child {
	 border-bottom: none;
 }
 
 /*--------------------------------------------------------------
 # 03 CAMPAIGN ARCHITECTURE
 --------------------------------------------------------------*/
 .lime-architecture-canvas {
	 margin-top: 4rem;
	 width: 100%;
	 overflow: hidden; /* No horizontal scroll allowed per requirements */
 }
 
 .lime-arch-system {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 1rem;
	 width: 100%;
 }
 
 .lime-arch-node {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 justify-content: center;
	 background: var(--bg-dark);
	 border: 1.5px solid var(--border-light);
	 border-radius: 8px;
	 padding: 1.5rem 1rem;
	 flex: 1;
	 position: relative;
	 box-shadow: 0 10px 30px rgba(0,0,0,0.2);
 }
 
 .lime-arch-node.lime-arch-primary {
	 border-color: var(--lime-primary);
	 background: rgba(24, 155, 56, 0.1);
 }
 
 .lime-arch-node.lime-arch-success {
	 border-color: var(--lime-primary);
 }
 
 .lime-arch-num {
	 font-size: 0.65rem;
	 font-weight: 700;
	 letter-spacing: 0.1em;
	 color: var(--text-muted-dark);
	 margin-bottom: 0.5rem;
 }
 
 .lime-arch-label {
	 font-size: 0.875rem;
	 font-weight: 700;
	 color: #fff;
	 text-align: center;
	 white-space: nowrap;
 }
 
 .lime-arch-line {
	 height: 2px;
	 flex: 0.5;
	 background: linear-gradient(90deg, rgba(255,255,255,0.1), var(--lime-primary), rgba(255,255,255,0.1));
 }
 
 @media (max-width: 1024px) {
	 .lime-arch-system {
		 flex-wrap: wrap;
		 justify-content: center;
	 }
	 .lime-arch-node {
		 flex: 0 0 calc(33.333% - 1rem);
	 }
	 .lime-arch-line {
		 display: none;
	 }
 }
 
 @media (max-width: 768px) {
	 .lime-arch-system {
		 flex-direction: column;
		 align-items: stretch;
	 }
	 .lime-arch-node {
		 flex: 1;
	 }
	 .lime-arch-line {
		 display: block;
		 width: 2px;
		 height: 24px;
		 flex: 0 0 24px;
		 margin: 0 auto;
		 background: linear-gradient(180deg, rgba(255,255,255,0.1), var(--lime-primary), rgba(255,255,255,0.1));
	 }
 }
 
 /*--------------------------------------------------------------
 # 04 AUDIENCE STRATEGY
 --------------------------------------------------------------*/
 .lime-aud-system {
	 display: flex;
	 align-items: stretch;
	 justify-content: space-between;
	 gap: 1rem;
	 width: 100%;
	 height: 100%;
	 min-height: 250px;
 }
 .lime-aud-lanes, .lime-aud-decision {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 gap: 1rem;
	 flex: 1;
 }
 .lime-aud-lane {
	 display: flex;
	 align-items: center;
	 justify-content: flex-end;
	 gap: 1rem;
	 flex: 1;
 }
 .lime-aud-label {
	 font-size: 0.75rem;
	 font-weight: 700;
	 letter-spacing: 0.05em;
	 color: var(--text-dark);
 }
 .lime-aud-line {
	 height: 2px;
	 width: 40px;
	 background: var(--border-light);
 }
 .lime-aud-line.lime-line-primary {
	 background: var(--lime-primary);
 }
 .lime-aud-convergence {
	 flex: 0.5;
	 position: relative;
 }
 .lime-aud-svg {
	 position: absolute;
	 top: 0; left: 0; width: 100%; height: 100%;
 }
 .lime-aud-path {
	 fill: none; stroke: var(--border-light); stroke-width: 2;
 }
 .lime-aud-path.lime-path-primary {
	 stroke: var(--lime-primary);
 }
 .lime-aud-box {
	 background: #fff;
	 border: 1px solid var(--border-light);
	 border-radius: 6px;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 font-size: 0.875rem;
	 font-weight: 700;
	 padding: 1.5rem;
	 flex: 1;
	 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
 }
 .lime-aud-box.lime-box-campaign {
	 background: var(--lime-primary);
	 color: #fff;
	 border-color: var(--lime-primary);
 }
 @media (max-width: 768px) {
	 .lime-aud-system { flex-direction: column; }
	 .lime-aud-convergence { display: none; }
	 .lime-aud-lane { justify-content: center; flex-direction: column; gap: 0.5rem; }
	 .lime-aud-line { width: 2px; height: 20px; }
 }
 
 /*--------------------------------------------------------------
 # 05 CREATIVE + MESSAGE
 --------------------------------------------------------------*/
 .lime-creative-editorial {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 grid-auto-rows: minmax(150px, auto);
	 gap: 1.5rem;
	 margin-top: 3rem;
 }
 .lime-ce-item {
	 background: rgba(255,255,255,0.03);
	 border: 1px solid rgba(255,255,255,0.1);
	 border-radius: 8px;
	 padding: 2rem;
	 display: flex;
	 flex-direction: column;
	 justify-content: flex-end;
 }
 .lime-ce-message { 
	 grid-column: 1 / 3; 
	 grid-row: 1 / 3; 
	 background: rgba(24, 155, 56, 0.05); 
	 border-color: var(--lime-primary); 
	 position: relative;
	 overflow: hidden;
 }
 .lime-ce-graphic {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 z-index: 1;
	 pointer-events: none;
 }
 .lime-ce-graphic svg {
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
 }
 .lime-ce-content {
	 position: relative;
	 z-index: 2;
 }
 .lime-ce-format { grid-column: 1; grid-row: 3; }
 .lime-ce-visual { grid-column: 2; grid-row: 3; }
 .lime-ce-channel { grid-column: 1 / 3; }
 .lime-ce-header { font-size: 0.75rem; font-weight: 700; letter-spacing: 0.1em; color: var(--lime-primary); margin-bottom: 0.5rem; }
 .lime-ce-body { font-size: 1.25rem; font-weight: 700; color: #fff; }
 @media (max-width: 768px) {
	 .lime-creative-editorial { grid-template-columns: 1fr; }
	 .lime-ce-item { grid-column: 1 !important; grid-row: auto !important; }
 }

 /*--------------------------------------------------------------
 # 06 CHANNELS
 --------------------------------------------------------------*/
 .lime-channel-system {
	 display: flex;
	 align-items: stretch;
	 justify-content: space-between;
	 gap: 1rem;
	 width: 100%;
	 min-height: 300px;
 }
 .lime-cs-inputs, .lime-cs-outputs {
	 display: flex;
	 flex-direction: column;
	 justify-content: space-between;
	 gap: 1rem;
	 flex: 1;
 }
 .lime-cs-routes {
	 flex: 0.5;
	 position: relative;
 }
 .lime-cs-routes svg {
	 position: absolute;
	 top: 0; left: 0; width: 100%; height: 100%;
 }
 .lime-cs-path {
	 fill: none; stroke: var(--border-light); stroke-width: 2;
 }
 .lime-cs-path.lime-cs-path-active {
	 stroke: var(--lime-primary); stroke-width: 3;
 }
 .lime-cs-node {
	 background: #fff;
	 border: 1px solid var(--border-light);
	 border-radius: 6px;
	 padding: 1.5rem 1rem;
	 font-size: 0.875rem;
	 font-weight: 700;
	 text-align: center;
	 color: var(--text-dark);
	 flex: 1;
	 display: flex;
	 align-items: center;
	 justify-content: center;
 }
 .lime-cs-node.lime-cs-primary {
	 background: var(--lime-primary);
	 color: #fff;
	 border-color: var(--lime-primary);
 }
 @media (max-width: 768px) {
	 .lime-channel-system { flex-direction: column; }
	 .lime-cs-routes { display: none; }
 }
 
 /*--------------------------------------------------------------
 # 07 LANDING EXPERIENCES
 --------------------------------------------------------------*/
 .lime-landing-flow {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 1rem;
	 width: 100%;
	 min-height: 200px;
	 margin-top: 4rem;
 }
 .lime-lf-node {
	 background: var(--bg-dark);
	 border: 1px solid var(--border-light);
	 padding: 1.5rem;
	 border-radius: 8px;
	 text-align: center;
	 font-size: 0.875rem;
	 font-weight: 700;
	 flex: 1;
	 box-shadow: 0 4px 12px rgba(0,0,0,0.1);
	 color: #fff;
 }
 .lime-lf-node.lime-node-primary {
	 border-color: var(--lime-primary);
	 background: rgba(24, 155, 56, 0.1);
 }
 .lime-lf-node.lime-node-success {
	 background: var(--lime-primary);
	 border-color: var(--lime-primary);
	 color: #fff;
 }
 .lime-lf-connector {
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 flex: 0.5;
 }
 .lime-lf-line {
	 height: 2px;
	 width: 100%;
	 background: linear-gradient(90deg, rgba(255,255,255,0.1), var(--lime-primary));
 }
 @media (max-width: 768px) {
	 .lime-landing-flow { flex-direction: column; align-items: stretch; }
	 .lime-lf-connector { padding: 1rem 0; }
	 .lime-lf-line { width: 2px; height: 30px; background: linear-gradient(180deg, rgba(255,255,255,0.1), var(--lime-primary)); margin: 0 auto; }
 }
 
 /*--------------------------------------------------------------
 # 08 TRACKING + MEASUREMENT
 --------------------------------------------------------------*/
 .lime-measurement-panel {
	 display: flex;
	 align-items: center;
	 justify-content: space-between;
	 gap: 2rem;
	 background: #fff;
	 border: 1px solid var(--border-light);
	 border-radius: 12px;
	 padding: 2rem;
	 box-shadow: 0 10px 30px rgba(0,0,0,0.05);
 }
 .lime-mp-col {
	 display: flex;
	 flex-direction: column;
	 gap: 1rem;
	 flex: 1;
 }
 .lime-mp-center {
	 flex: 1.5;
	 align-items: center;
 }
 .lime-mp-item {
	 background: var(--bg-light);
	 border: 1px solid var(--border-light);
	 padding: 1rem;
	 border-radius: 6px;
	 font-size: 0.75rem;
	 font-weight: 700;
	 text-align: center;
	 color: var(--text-muted-dark);
 }
 .lime-mp-item.lime-mp-success {
	 border-color: var(--lime-primary);
	 color: var(--lime-primary);
 }
 .lime-mp-core {
	 display: flex;
	 flex-direction: column;
	 align-items: center;
	 gap: 1rem;
	 color: var(--lime-primary);
 }
 .lime-mp-icon svg { width: 48px; height: 48px; }
 .lime-mp-label { font-size: 1rem; font-weight: 700; }
 @media (max-width: 768px) {
	 .lime-measurement-panel { flex-direction: column; }
	 .lime-mp-col { width: 100%; }
 }
 
 /*--------------------------------------------------------------
 # 09 OPTIMIZATION
 --------------------------------------------------------------*/
 .lime-opt-loop {
	 max-width: 800px;
	 margin: 4rem auto 0;
 }
 
 .lime-opt-svg {
	 width: 100%;
	 height: auto;
 }
 
 /*--------------------------------------------------------------
 # 10 TESTING
 --------------------------------------------------------------*/
 .lime-test-system {
	 display: flex;
	 gap: 1.5rem;
 }
 .lime-test-col {
	 display: flex;
	 flex-direction: column;
	 gap: 1rem;
	 flex: 1.5;
 }
 .lime-test-out {
	 flex: 1;
	 justify-content: center;
 }
 .lime-test-node {
	 background: #fff;
	 border: 1px solid var(--border-light);
	 padding: 1.5rem;
	 border-radius: 8px;
 }
 .lime-test-node.lime-test-active {
	 border-color: var(--lime-primary);
	 box-shadow: 0 4px 12px rgba(0,0,0,0.05);
 }
 .lime-test-label {
	 display: block;
	 font-size: 0.75rem;
	 font-weight: 700;
	 letter-spacing: 0.1em;
	 margin-bottom: 0.5rem;
	 color: var(--text-muted-dark);
 }
 .lime-test-bar {
	 height: 8px;
	 background: var(--border-light);
	 border-radius: 4px;
 }
 .lime-test-result {
	 height: 100%;
	 min-height: 150px;
	 border-radius: 8px;
	 display: flex;
	 flex-direction: column;
	 justify-content: center;
	 align-items: center;
	 color: #000;
 }
 .lime-test-result-title {
	 font-size: 0.75rem;
	 font-weight: 700;
	 letter-spacing: 0.1em;
	 margin-bottom: 0.5rem;
 }
 .lime-test-result-val {
	 font-size: 2rem;
	 font-weight: 700;
 }
 @media (max-width: 768px) {
	 .lime-test-system { flex-direction: column; }
	 .lime-test-result { min-height: 100px; margin-top: 1rem; }
 }
 
 /*--------------------------------------------------------------
 # 11 METHODOLOGY
 --------------------------------------------------------------*/
 .lime-progression-track {
	 display: flex;
	 flex-direction: column;
	 gap: 1rem;
	 margin-top: 4rem;
 }
 @media (min-width: 768px) {
	 .lime-progression-track {
		 flex-direction: row;
		 justify-content: space-between;
	 }
 }
 .lime-prog-step {
	 flex: 1;
	 background: rgba(255,255,255,0.03);
	 border: 1px solid rgba(255,255,255,0.1);
	 border-radius: 8px;
	 padding: 2rem 1.5rem;
	 text-align: center;
 }
 .lime-prog-step.lime-prog-primary {
	 background: rgba(24, 155, 56, 0.1);
	 border-color: var(--lime-primary);
 }
 .lime-prog-num {
	 font-size: 0.875rem;
	 font-weight: 700;
	 color: var(--lime-primary);
	 margin-bottom: 1rem;
 }
 .lime-prog-title {
	 font-size: 1.125rem;
	 font-weight: 700;
	 color: #fff;
	 margin-bottom: 0.5rem;
 }
 .lime-prog-desc {
	 font-size: 0.875rem;
	 color: var(--text-muted-light);
 }
 
 /*--------------------------------------------------------------
 # 12 WHY LIME
 --------------------------------------------------------------*/
 .lime-ecosystem-grid {
	 display: grid;
	 grid-template-columns: repeat(2, 1fr);
	 gap: 1rem;
 }
 .lime-eco-node {
	 background: #fff;
	 border: 1px solid var(--border-light);
	 border-radius: 8px;
	 padding: 2rem 1rem;
	 text-align: center;
	 font-size: 0.875rem;
	 font-weight: 700;
	 display: flex;
	 align-items: center;
	 justify-content: center;
	 box-shadow: 0 4px 6px rgba(0,0,0,0.02);
 }
 .lime-eco-node.lime-eco-core {
	 background: var(--bg-dark);
	 color: #fff;
	 border-color: var(--lime-primary);
 }
 
 /*--------------------------------------------------------------
 # 13 FAQ
 --------------------------------------------------------------*/
 .lime-faq-list {
	 max-width: 800px;
	 margin: 4rem auto 0;
 }
 
 .lime-faq-item {
	 border-bottom: 1px solid var(--border-dark);
	 padding: 2rem 0;
 }
 
 .lime-faq-item:first-child {
	 border-top: 1px solid var(--border-dark);
 }
 
 .lime-faq-q {
	 font-family: var(--font-display);
	 font-size: 1.5rem;
	 font-weight: 700;
	 margin-bottom: 1rem;
 }
 
 .lime-faq-a {
	 font-size: 1.125rem;
	 line-height: 1.7;
	 color: var(--text-muted-light);
 }
 
 /*--------------------------------------------------------------
 # 14 FINAL CTA
 --------------------------------------------------------------*/
 .lime-cta-bg-svg {
	 position: absolute;
	 top: 0;
	 left: 0;
	 width: 100%;
	 height: 100%;
	 object-fit: cover;
	 z-index: 1;
 }
 .lime-cta-content {
	 position: relative;
	 z-index: 2;
	 padding: 6rem 0;
	 text-align: center;
 }
 

 
 /* Hide desktop only elements on mobile */
 @media (max-width: 767px) {
	 .lime-desktop-only {
		 display: none;
	 }
 }

/*--------------------------------------------------------------
 # PAID MEDIA MOTION PASS (PHASE 3D-V3)
 --------------------------------------------------------------*/
@media (prefers-reduced-motion: no-preference) {

    /* 02 DIRECT ANSWER */
    .lime-paid-direct-answer.lime-reveal-trigger.lime-reveal-ready .lime-da-list li {
        opacity: 0;
        transform: translateY(10px);
    }
    .lime-paid-direct-answer.lime-reveal-active .lime-da-list li {
        animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards;
    }
    .lime-paid-direct-answer.lime-reveal-active .lime-da-list li:nth-child(1) { animation-delay: 0.1s; }
    .lime-paid-direct-answer.lime-reveal-active .lime-da-list li:nth-child(2) { animation-delay: 0.2s; }
    .lime-paid-direct-answer.lime-reveal-active .lime-da-list li:nth-child(3) { animation-delay: 0.3s; }
    .lime-paid-direct-answer.lime-reveal-active .lime-da-list li:nth-child(4) { animation-delay: 0.4s; }

    /* 03 CAMPAIGN ARCHITECTURE (Target: 1.8-2.2s) */
    .lime-paid-architecture.lime-reveal-trigger.lime-reveal-ready .lime-arch-node {
        opacity: 0;
        transform: translateY(15px);
    }
    .lime-paid-architecture.lime-reveal-trigger.lime-reveal-ready .lime-arch-line,
    .lime-paid-architecture.lime-reveal-trigger.lime-reveal-ready .lime-arch-connector {
        opacity: 0;
    }
    
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(1) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-line:nth-child(2),
    .lime-paid-architecture.lime-reveal-active .lime-arch-connector:nth-child(2) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(3) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.35s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-line:nth-child(4),
    .lime-paid-architecture.lime-reveal-active .lime-arch-connector:nth-child(4) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.45s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(5) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.6s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-line:nth-child(6),
    .lime-paid-architecture.lime-reveal-active .lime-arch-connector:nth-child(6) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(7) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.85s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-line:nth-child(8),
    .lime-paid-architecture.lime-reveal-active .lime-arch-connector:nth-child(8) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.95s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(9) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.1s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-line:nth-child(10),
    .lime-paid-architecture.lime-reveal-active .lime-arch-connector:nth-child(10) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.2s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(11) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.35s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-line:nth-child(12),
    .lime-paid-architecture.lime-reveal-active .lime-arch-connector:nth-child(12) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.45s; }
    .lime-paid-architecture.lime-reveal-active .lime-arch-node:nth-child(13) { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.6s; }

    /* 04 AUDIENCE (Target: 1.2-1.6s) */
    .lime-paid-audience.lime-reveal-trigger.lime-reveal-ready .lime-aud-lane { opacity: 0; transform: translateX(-10px); }
    .lime-paid-audience.lime-reveal-trigger.lime-reveal-ready .lime-aud-convergence { opacity: 0; }
    .lime-paid-audience.lime-reveal-trigger.lime-reveal-ready .lime-aud-box { opacity: 0; transform: scale(0.95); }

    .lime-paid-audience.lime-reveal-active .lime-aud-lane:nth-child(1) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }
    .lime-paid-audience.lime-reveal-active .lime-aud-lane:nth-child(2) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s; }
    .lime-paid-audience.lime-reveal-active .lime-aud-lane:nth-child(3) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.3s; }
    .lime-paid-audience.lime-reveal-active .lime-aud-convergence { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s; }
    .lime-paid-audience.lime-reveal-active .lime-aud-box.lime-box-message { animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s; }
    .lime-paid-audience.lime-reveal-active .lime-aud-box.lime-box-campaign { animation: limeScaleIn 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.9s; }

    /* 05 CREATIVE (Target: 1.2-1.6s) */
    .lime-paid-creative.lime-reveal-trigger.lime-reveal-ready .lime-ce-item { opacity: 0; transform: translateY(10px); }
    
    .lime-paid-creative.lime-reveal-active .lime-ce-message { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }
    .lime-paid-creative.lime-reveal-active .lime-ce-format { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.3s; }
    .lime-paid-creative.lime-reveal-active .lime-ce-visual { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s; }
    .lime-paid-creative.lime-reveal-active .lime-ce-channel { animation: limeFadeInUp 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s; }

    /* 06 CHANNELS (Target: 1.2-1.6s) */
    .lime-paid-channels.lime-reveal-trigger.lime-reveal-ready .lime-cs-input { opacity: 0; transform: translateX(-10px); }
    .lime-paid-channels.lime-reveal-trigger.lime-reveal-ready .lime-cs-output { opacity: 0; transform: translateX(10px); }
    .lime-paid-channels.lime-reveal-trigger.lime-reveal-ready .lime-cs-routing { opacity: 0; }

    .lime-paid-channels.lime-reveal-active .lime-cs-input:nth-child(1) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }
    .lime-paid-channels.lime-reveal-active .lime-cs-input:nth-child(2) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s; }
    .lime-paid-channels.lime-reveal-active .lime-cs-input:nth-child(3) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.3s; }
    
    .lime-paid-channels.lime-reveal-active .lime-cs-routing { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s; }
    
    .lime-paid-channels.lime-reveal-active .lime-cs-output:nth-child(1) { animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s; }
    .lime-paid-channels.lime-reveal-active .lime-cs-output:nth-child(2) { animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.8s; }
    .lime-paid-channels.lime-reveal-active .lime-cs-output:nth-child(3) { animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.9s; }
    .lime-paid-channels.lime-reveal-active .lime-cs-output:nth-child(4) { animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s; }

    /* 07 LANDING (Target: 1.2-1.6s) */
    .lime-paid-landing.lime-reveal-trigger.lime-reveal-ready .lime-le-node { opacity: 0; transform: translateY(10px); }
    .lime-paid-landing.lime-reveal-trigger.lime-reveal-ready .lime-le-connector { opacity: 0; }

    .lime-paid-landing.lime-reveal-active .lime-le-node:nth-child(1) { animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }
    .lime-paid-landing.lime-reveal-active .lime-le-connector:nth-child(2) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.3s; }
    .lime-paid-landing.lime-reveal-active .lime-le-node:nth-child(3) { animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.5s; }
    .lime-paid-landing.lime-reveal-active .lime-le-connector:nth-child(4) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.7s; }
    .lime-paid-landing.lime-reveal-active .lime-le-node:nth-child(5) { animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.9s; }
    .lime-paid-landing.lime-reveal-active .lime-le-connector:nth-child(6) { animation: limeFadeIn 0.3s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.1s; }
    .lime-paid-landing.lime-reveal-active .lime-le-node:nth-child(7) { animation: limeFadeInUp 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.3s; }

    /* 08 MEASUREMENT (Target: 1.6-2.0s) */
    .lime-paid-tracking.lime-reveal-trigger.lime-reveal-ready .lime-me-event { opacity: 0; transform: translateX(-10px); }
    .lime-paid-tracking.lime-reveal-trigger.lime-reveal-ready .lime-me-center { opacity: 0; transform: scale(0.95); }
    .lime-paid-tracking.lime-reveal-trigger.lime-reveal-ready .lime-me-output { opacity: 0; transform: translateX(10px); }

    .lime-paid-tracking.lime-reveal-active .lime-me-event:nth-child(1) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }
    .lime-paid-tracking.lime-reveal-active .lime-me-event:nth-child(2) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.2s; }
    .lime-paid-tracking.lime-reveal-active .lime-me-event:nth-child(3) { animation: limeFadeInRight 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.3s; }
    
    .lime-paid-tracking.lime-reveal-active .lime-me-center { animation: limeScaleIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.6s; }
    
    .lime-paid-tracking.lime-reveal-active .lime-me-output:nth-child(1) { animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.9s; }
    .lime-paid-tracking.lime-reveal-active .lime-me-output:nth-child(2) { animation: limeFadeInLeft 0.4s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.1s; }

    /* 09 OPTIMIZATION (Target: 1.4-1.8s) */
    .lime-paid-optimization.lime-reveal-trigger.lime-reveal-ready .lime-opt-node { opacity: 0; transform: scale(0.95); }
    .lime-paid-optimization.lime-reveal-trigger.lime-reveal-ready .lime-opt-track circle { stroke-dasharray: 600; stroke-dashoffset: 600; }
    
    .lime-paid-optimization.lime-reveal-active .lime-opt-track circle {
        animation: limeDrawCircle 1.0s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s;
    }
    .lime-paid-optimization.lime-reveal-active .lime-opt-node:nth-child(1) { animation: limeScaleIn 0.4s forwards 0.2s; }
    .lime-paid-optimization.lime-reveal-active .lime-opt-node:nth-child(2) { animation: limeScaleIn 0.4s forwards 0.4s; }
    .lime-paid-optimization.lime-reveal-active .lime-opt-node:nth-child(3) { animation: limeScaleIn 0.4s forwards 0.6s; }
    .lime-paid-optimization.lime-reveal-active .lime-opt-node:nth-child(4) { animation: limeScaleIn 0.4s forwards 0.8s; }
    .lime-paid-optimization.lime-reveal-active .lime-opt-node:nth-child(5) { animation: limeScaleIn 0.4s forwards 1.0s; }

    /* 10 TESTING (Target: 1.0-1.4s) */
    .lime-paid-testing.lime-reveal-trigger.lime-reveal-ready .lime-test-control { opacity: 0; transform: translateY(10px); }
    .lime-paid-testing.lime-reveal-trigger.lime-reveal-ready .lime-test-var { opacity: 0; transform: translateX(10px); }
    .lime-paid-testing.lime-reveal-trigger.lime-reveal-ready .lime-test-result { opacity: 0; transform: translateY(10px); }
    
    .lime-paid-testing.lime-reveal-active .lime-test-control { animation: limeFadeInUp 0.4s forwards 0.1s; }
    .lime-paid-testing.lime-reveal-active .lime-test-var:nth-child(1) { animation: limeFadeInLeft 0.3s forwards 0.3s; }
    .lime-paid-testing.lime-reveal-active .lime-test-var:nth-child(2) { animation: limeFadeInLeft 0.3s forwards 0.4s; }
    .lime-paid-testing.lime-reveal-active .lime-test-var:nth-child(3) { animation: limeFadeInLeft 0.3s forwards 0.5s; }
    .lime-paid-testing.lime-reveal-active .lime-test-var:nth-child(4) { animation: limeFadeInLeft 0.3s forwards 0.6s; }
    .lime-paid-testing.lime-reveal-active .lime-test-result { animation: limeFadeInUp 0.4s forwards 0.9s; }

    /* 11 METHODOLOGY (Target: 1.6-2.0s) */
    .lime-paid-methodology.lime-reveal-trigger.lime-reveal-ready .lime-meth-step { opacity: 0; transform: translateY(10px); }
    
    .lime-paid-methodology.lime-reveal-active .lime-meth-step:nth-child(1) { animation: limeFadeInUp 0.4s forwards 0.1s; }
    .lime-paid-methodology.lime-reveal-active .lime-meth-step:nth-child(2) { animation: limeFadeInUp 0.4s forwards 0.4s; }
    .lime-paid-methodology.lime-reveal-active .lime-meth-step:nth-child(3) { animation: limeFadeInUp 0.4s forwards 0.7s; }
    .lime-paid-methodology.lime-reveal-active .lime-meth-step:nth-child(4) { animation: limeFadeInUp 0.4s forwards 1.0s; }
    .lime-paid-methodology.lime-reveal-active .lime-meth-step:nth-child(5) { animation: limeFadeInUp 0.4s forwards 1.3s; }

    /* 12 WHY LIME (Target: 1.4-1.8s) */
    .lime-paid-why.lime-reveal-trigger.lime-reveal-ready .lime-wl-input { opacity: 0; transform: scale(0.95); }
    .lime-paid-why.lime-reveal-trigger.lime-reveal-ready .lime-wl-center { opacity: 0; transform: scale(0.9); }
    
    .lime-paid-why.lime-reveal-active .lime-wl-input:nth-child(1) { animation: limeScaleIn 0.4s forwards 0.1s; }
    .lime-paid-why.lime-reveal-active .lime-wl-input:nth-child(2) { animation: limeScaleIn 0.4s forwards 0.3s; }
    .lime-paid-why.lime-reveal-active .lime-wl-input:nth-child(3) { animation: limeScaleIn 0.4s forwards 0.5s; }
    .lime-paid-why.lime-reveal-active .lime-wl-input:nth-child(4) { animation: limeScaleIn 0.4s forwards 0.7s; }
    .lime-paid-why.lime-reveal-active .lime-wl-center { animation: limeScaleIn 0.5s cubic-bezier(0.22, 1, 0.36, 1) forwards 1.0s; }

    /* 14 CTA (Target: 0.8-1.2s) */
    .lime-paid-cta.lime-reveal-trigger.lime-reveal-ready .lime-cta-bg-paths { opacity: 0; }
    .lime-paid-cta.lime-reveal-active .lime-cta-bg-paths { animation: limeFadeIn 0.8s cubic-bezier(0.22, 1, 0.36, 1) forwards 0.1s; }

    /* Core Keyframes */
    @keyframes limeFadeIn {
        from { opacity: 0; }
        to { opacity: 1; }
    }
    @keyframes limeFadeInUp {
        from { opacity: 0; transform: translateY(10px); }
        to { opacity: 1; transform: translateY(0); }
    }
    @keyframes limeFadeInRight {
        from { opacity: 0; transform: translateX(-10px); }
        to { opacity: 1; transform: translateX(0); }
    }
    @keyframes limeFadeInLeft {
        from { opacity: 0; transform: translateX(10px); }
        to { opacity: 1; transform: translateX(0); }
    }
    @keyframes limeScaleIn {
        from { opacity: 0; transform: scale(0.95); }
        to { opacity: 1; transform: scale(1); }
    }
    @keyframes limeDrawCircle {
        from { stroke-dashoffset: 600; }
        to { stroke-dashoffset: 0; }
    }

}