/* ============================================
Design Tokens (scoped to landing container)
============================================ */
.bot4trade-root {
/* Colors */
--lt-color-primary: #0b6b3a;
--lt-color-primary-dark: #095230;
--lt-color-primary-light: #148a49;
--lt-color-accent: #d4af37;
--lt-color-accent-dark: #b8992e;

--lt-color-text: #1a1a1a;
--lt-color-text-muted: #6b7280;
--lt-color-bg: #ffffff;
--lt-color-surface: #f9fafb;
--lt-color-border: #e5e7eb;

--lt-color-success: #10b981;
--lt-color-warning: #f59e0b;
--lt-color-error: #ef4444;

/* Shadows */
--lt-shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, 0.05);
--lt-shadow-md: 0 4px 6px -1px rgba(0, 0, 0, 0.1);
--lt-shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, 0.1);
--lt-shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, 0.1);

/* Spacing */
--lt-space-xs: 0.5rem;
--lt-space-sm: 0.75rem;
--lt-space-md: 1rem;
--lt-space-lg: 1.5rem;
--lt-space-xl: 2rem;
--lt-space-2xl: 3rem;
--lt-space-3xl: 4rem;

/* Typography */
--lt-font-sans: 'Inter', sans-serif;
--lt-font-size-xs: 0.75rem;
--lt-font-size-sm: 0.875rem;
--lt-font-size-base: 1rem;
--lt-font-size-lg: 1.125rem;
--lt-font-size-xl: 1.25rem;
--lt-font-size-2xl: 1.5rem;
--lt-font-size-3xl: 1.875rem;
--lt-font-size-4xl: 2.25rem;

/* Layout */
--lt-container-max: 1200px;
--lt-container-narrow: 800px;
--lt-border-radius: 0.75rem;
--lt-border-radius-sm: 0.5rem;
--lt-border-radius-lg: 1rem;

/* Transitions */
--lt-transition-fast: 150ms cubic-bezier(0.4, 0, 0.2, 1);
--lt-transition-base: 250ms cubic-bezier(0.4, 0, 0.2, 1);
--lt-transition-slow: 350ms cubic-bezier(0.4, 0, 0.2, 1);
}

/* ============================================
Scoped Reset & Base — ONLY inside .bot4trade-root
============================================ */
.bot4trade-root *,
.bot4trade-root *::before,
.bot4trade-root *::after {
box-sizing: border-box;
}

/* Keep global elements untouched (body, :root, etc.). */
.bot4trade-root html,
.bot4trade-root body {
font-family: var(--lt-font-sans);
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

/* Base typography within the landing scope */
.bot4trade-root {
font-size: 16px;
line-height: 1.6;
color: var(--lt-color-text);
background-color: var(--lt-color-bg);
-webkit-font-smoothing: antialiased;
}

/* Media elements */
.bot4trade-root img,
.bot4trade-root picture,
.bot4trade-root video,
.bot4trade-root canvas,
.bot4trade-root svg {
display: block;
max-width: 100%;
}

/* Form elements */
.bot4trade-root button,
.bot4trade-root input,
.bot4trade-root textarea,
.bot4trade-root select {
font: inherit;
}

/* Scoped link and lists (avoid global ul/ol reset) */
.bot4trade-root a {
color: inherit;
text-decoration: none;
}
.bot4trade-root ul,
.bot4trade-root ol {
list-style: none;
}

/* ============================================
Layout Components (scoped)
============================================ /
.bot4trade-root .bot4trade-root { min-height: 100vh; } / safe double hook */

.bot4trade-root .container {
width: 100%;
max-width: var(--lt-container-max);
margin: 0 auto;
padding: 0 var(--lt-space-lg);
}

.bot4trade-root .container--narrow {
max-width: var(--lt-container-narrow);
}

.bot4trade-root .section {
padding: var(--lt-space-3xl) 0;
}

.bot4trade-root .section__header {
text-align: center;
margin-bottom: var(--lt-space-2xl);
}

.bot4trade-root .section__title {
font-size: clamp(var(--lt-font-size-2xl), 4vw, var(--lt-font-size-4xl));
font-weight: 800;
color: var(--lt-color-primary);
margin-bottom: var(--lt-space-sm);
line-height: 1.2;
}

.bot4trade-root .section__lead {
font-size: var(--lt-font-size-lg);
color: var(--lt-color-text-muted);
max-width: 600px;
margin: 0 auto;
}

.bot4trade-root .section__footer {
margin-top: var(--lt-space-2xl);
text-align: center;
}

/* ============================================
Hero Section (scoped)
============================================ */
.bot4trade-root .hero {
background: linear-gradient(135deg, #f0f9f4 0%, #ffffff 100%);
border-radius: var(--lt-border-radius-lg);
position: relative;
overflow: hidden;
}

.bot4trade-root .hero::before {
content: '';
position: absolute;
top: 0; left: 0; right: 0; bottom: 0;
background: radial-gradient(circle at 30% 20%, rgba(11, 107, 58, 0.05), transparent 50%);
pointer-events: none;
}

.bot4trade-root .hero__grid {
display: grid;
grid-template-columns: 1fr;
gap: var(--lt-space-2xl);
align-items: center;
position: relative;
z-index: 1;
}

.bot4trade-root .hero__content {
text-align: center;
}

.bot4trade-root .hero__title {
font-size: clamp(var(--lt-font-size-2xl), 5vw, var(--lt-font-size-4xl));
font-weight: 900;
color: var(--lt-color-primary);
margin-bottom: var(--lt-space-md);
line-height: 1.1;
letter-spacing: -0.02em;
}

.bot4trade-root .hero__subtitle {
font-size: var(--lt-font-size-lg);
color: var(--lt-color-text-muted);
margin-bottom: var(--lt-space-xl);
max-width: 600px;
margin-left: auto;
margin-right: auto;
}

.bot4trade-root .hero__actions {
display: flex;
flex-wrap: wrap;
gap: var(--lt-space-md);
justify-content: center;
margin-bottom: var(--lt-space-lg);
}

/* Trust/pill */
.bot4trade-root .hero__trust {
display: inline-flex;
align-items: center;
gap: var(--lt-space-sm);
padding: var(--lt-space-sm) var(--lt-space-md);
background: rgba(255, 255, 255, 0.8);
border: 1px solid var(--lt-color-border);
border-radius: 999px;
font-size: var(--lt-font-size-sm);
color: var(--lt-color-text-muted);
backdrop-filter: blur(10px);
}

.bot4trade-root .hero__visual {
display: flex;
justify-content: center;
align-items: center;
}

.bot4trade-root .hero__card {
position: relative;
width: 100%;
max-width: 400px;
height: 200px;
border-radius: var(--lt-border-radius-lg);
background: linear-gradient(135deg, rgba(255, 255, 255, 0.9), rgba(249, 250, 251, 0.9));
border: 1px solid var(--lt-color-border);
box-shadow: var(--lt-shadow-xl);
overflow: hidden;
}

.bot4trade-root .hero__glow {
position: absolute;
inset: -50% -50% auto auto;
width: 200px;
height: 200px;
background: radial-gradient(circle, rgba(11, 107, 58, 0.15), transparent 70%);
filter: blur(40px);
animation: lt-float 6s ease-in-out infinite;
}
@keyframes lt-float {
0%, 100% { transform: translate(0, 0); }
50% { transform: translate(-20px, -20px); }
}

.bot4trade-root .hero__chart {
position: relative;
z-index: 1;
width: 100%;
height: 100%;
}

/* Desktop Layout */
@media (min-width: 768px) {
.bot4trade-root .hero__grid { grid-template-columns: 1fr 1fr; }
.bot4trade-root .hero__content { text-align: left; }
.bot4trade-root .hero__actions { justify-content: flex-start; }
.bot4trade-root .hero__trust { display: inline-flex; }
}

/* ============================================
Badges
============================================ */
.bot4trade-root .badge {
display: inline-flex;
align-items: center;
gap: var(--lt-space-xs);
padding: var(--lt-space-xs) var(--lt-space-sm);
border-radius: 999px;
font-size: var(--lt-font-size-xs);
font-weight: 700;
text-transform: uppercase;
letter-spacing: 0.05em;
}

.bot4trade-root .badge--primary {
background: linear-gradient(90deg, rgba(11, 107, 58, 0.1), rgba(20, 138, 73, 0.1));
color: var(--lt-color-primary);
border: 1px solid rgba(11, 107, 58, 0.2);
}

.bot4trade-root .badge--soon {
background: linear-gradient(90deg, #fff2d6, #fff5e6);
color: #8b6914;
border: 1px solid rgba(139, 105, 20, 0.2);
}

.bot4trade-root .badge--small { padding: 0.25rem 0.5rem; font-size: 0.7rem; }

.bot4trade-root .status-dot { width: 8px; height: 8px; border-radius: 50%; background: currentColor; }
.bot4trade-root .status-dot--live { background: var(--lt-color-success); box-shadow: 0 0 0 2px rgba(16, 185, 129, 0.2); animation: lt-pulse 2s ease-in-out infinite; }
@keyframes lt-pulse { 0%,100%{opacity:1} 50%{opacity:0.6} }

/* ============================================
Buttons (scoped)
============================================ */
.bot4trade-root .btn {
display: inline-flex; align-items: center; justify-content: center;
padding: var(--lt-space-sm) var(--lt-space-lg);
font-size: var(--lt-font-size-base);
font-weight: 600; line-height: 1.5; text-align: center;
border: 1px solid transparent; border-radius: var(--lt-border-radius);
cursor: pointer; transition: all var(--lt-transition-base); white-space: nowrap;
}

.bot4trade-root .btn--primary {
background: linear-gradient(90deg, var(--lt-color-primary), var(--lt-color-primary-light));
color: white; box-shadow: var(--lt-shadow-md);
}
.bot4trade-root .btn--primary:hover {
background: linear-gradient(90deg, var(--lt-color-primary-dark), var(--lt-color-primary));
box-shadow: var(--lt-shadow-lg); transform: translateY(-2px);
}

.bot4trade-root .btn--accent {
background: linear-gradient(90deg, var(--lt-color-accent), var(--lt-color-accent-dark));
color: white; box-shadow: var(--lt-shadow-md);
}
.bot4trade-root .btn--accent:hover { background: linear-gradient(90deg, var(--lt-color-accent-dark), #9d7722); box-shadow: var(--lt-shadow-lg); transform: translateY(-2px); }

.bot4trade-root .btn--outline { background: white; color: var(--lt-color-primary); border-color: var(--lt-color-primary); box-shadow: var(--lt-shadow-sm); }
.bot4trade-root .btn--outline:hover { background: var(--lt-color-primary); color: white; box-shadow: var(--lt-shadow-md); transform: translateY(-2px); }

.bot4trade-root .btn--ghost { background: rgba(255,255,255,0.5); color: var(--lt-color-primary); border-color: var(--lt-color-border); backdrop-filter: blur(10px); }
.bot4trade-root .btn--ghost:hover { background: rgba(255,255,255,0.8); border-color: var(--lt-color-primary); }

.bot4trade-root .btn--disabled,
.bot4trade-root .btn:disabled { opacity: 0.5; cursor: not-allowed; pointer-events: none; }

.bot4trade-root .btn--lg { padding: var(--lt-space-md) var(--lt-space-xl); font-size: var(--lt-font-size-lg); }
.bot4trade-root .btn--block { width: 100%; }

.bot4trade-root .btn:focus-visible { outline: 3px solid rgba(11, 107, 58, 0.3); outline-offset: 2px; }

/* ============================================
Signal Card (scoped)
============================================ */
.bot4trade-root .signal-card {
max-width: 800px; margin: 0 auto var(--lt-space-2xl);
padding: var(--lt-space-xl); background: linear-gradient(135deg, rgba(255,255,255,0.95), rgba(249,250,251,0.95));
border: 1px solid var(--lt-color-border); border-radius: var(--lt-border-radius-lg); box-shadow: var(--lt-shadow-xl); backdrop-filter: blur(10px);
}
.bot4trade-root .signal-card__header { text-align: center; margin-bottom: var(--lt-space-lg); }
.bot4trade-root .signal-card__title { font-size: var(--lt-font-size-2xl); font-weight:700; color:var(--lt-color-primary); margin-bottom:var(--lt-space-sm); }
.bot4trade-root .signal-card__meta { font-size: var(--lt-font-size-base); color:var(--lt-color-text-muted); }
.bot4trade-root .signal-card__body { text-align:center; }
.bot4trade-root .signal-card__actions { display:flex; flex-wrap:wrap; gap:var(--lt-space-md); justify-content:center; margin-top:var(--lt-space-lg); }

/* ============================================
Packs (scoped)
============================================ */
.bot4trade-root .packs {
display: grid; grid-template-columns: 1fr; gap: var(--lt-space-xl); max-width: 1000px; margin: 0 auto;
}
.bot4trade-root .pack {
position: relative; padding: var(--lt-space-xl); background: white; border: 1px solid var(--lt-color-border);
border-radius: var(--lt-border-radius-lg); box-shadow: var(--lt-shadow-lg); transition: all var(--lt-transition-base);
}
.bot4trade-root .pack:hover { transform: translateY(-4px); box-shadow: var(--lt-shadow-xl); }
.bot4trade-root .pack--featured { background: linear-gradient(135deg, #f0f9f4, white); border-color: var(--lt-color-primary); border-width: 2px; }
.bot4trade-root .pack--disabled { opacity: 0.7; pointer-events: none; }
.bot4trade-root .pack__header { display:flex; justify-content:space-between; align-items:center; margin-bottom:var(--lt-space-lg); }
.bot4trade-root .pack__badge { display:flex; align-items:center; gap:var(--lt-space-sm); font-weight:700; color:var(--lt-color-primary); }
.bot4trade-root .pack__body { margin-bottom: var(--lt-space-lg); }
.bot4trade-root .pack__title { font-size: var(--lt-font-size-xl); font-weight:700; color:var(--lt-color-primary); margin-bottom:var(--lt-space-sm); }
.bot4trade-root .pack__price { font-size: var(--lt-font-size-3xl); font-weight:900; color:var(--lt-color-text); margin-bottom:var(--lt-space-xs); }
.bot4trade-root .pack__description { color: var(--lt-color-text-muted); margin-bottom:var(--lt-space-md); }
.bot4trade-root .pack__chart { height: 40px; margin-top: var(--lt-space-md); color: var(--lt-color-primary); opacity: 0.6; }
.bot4trade-root .pack__footer { display:flex; flex-direction:column; gap:var(--lt-space-sm); }
.bot4trade-root .pack__note { font-size: var(--lt-font-size-sm); color:var(--lt-color-text-muted); text-align:center; margin-top:var(--lt-space-sm); }
.bot4trade-root .packs__group { display:grid; grid-template-columns:1fr; gap:var(--lt-space-lg); }
.bot4trade-root .packs__note { font-size:var(--lt-font-size-sm); color:var(--lt-color-text-muted); text-align:center; padding:var(--lt-space-md); background:var(--lt-color-surface); border-radius:var(--lt-border-radius); }

/* Desktop Layout adjustments */
@media (min-width: 1024px) {
.bot4trade-root .packs { grid-template-columns: 1fr 1.5fr; align-items: start; }
.bot4trade-root .packs__group { grid-template-columns: 1fr 1fr; }
.bot4trade-root .packs__note { grid-column: 1 / -1; }
}

/* ============================================
Plans (scoped)
============================================ */
.bot4trade-root .plans { display: grid; grid-template-columns: repeat(auto-fit, minmax(280px, 1fr)); gap: var(--lt-space-xl); }
.bot4trade-root .plan { position:relative; padding:var(--lt-space-xl); background:white; border:1px solid var(--lt-color-border); border-radius:var(--lt-border-radius-lg); box-shadow:var(--lt-shadow-lg); transition:all var(--lt-transition-base); display:flex; flex-direction:column; }
.bot4trade-root .plan:hover { transform: translateY(-4px); box-shadow: var(--lt-shadow-xl); }
.bot4trade-root .plan--featured { background: linear-gradient(135deg, #fef9ed, white); border-color: var(--lt-color-accent); border-width:2px; transform: scale(1.05); }
.bot4trade-root .plan--featured:hover { transform: scale(1.07) translateY(-4px); }
.bot4trade-root .plan__header { text-align:center; margin-bottom:var(--lt-space-lg); padding-bottom:var(--lt-space-lg); border-bottom:1px solid var(--lt-color-border); }
.bot4trade-root .plan__title { font-size:var(--lt-font-size-xl); font-weight:700; color:var(--lt-color-primary); margin-bottom:var(--lt-space-md); }
.bot4trade-root .plan__amount { font-size: var(--lt-font-size-3xl); font-weight:900; color:var(--lt-color-text); }
.bot4trade-root .plan__period { font-size: var(--lt-font-size-base); color: var(--lt-color-text-muted); }
.bot4trade-root .plan__pricing { display:flex; flex-direction:column; gap:var(--lt-space-xs); font-size:var(--lt-font-size-sm); }
.bot4trade-root .plan__price--old { color: var(--lt-color-text-muted); text-decoration: line-through; }
.bot4trade-root .plan__price--new { color: var(--lt-color-primary); font-weight:700; }
.bot4trade-root .plan__features { flex:1; margin-bottom:var(--lt-space-lg); }
.bot4trade-root .plan__features li { display:flex; align-items:flex-start; gap:var(--lt-space-sm); padding:var(--lt-space-sm) 0; color:var(--lt-color-text-muted); }
.bot4trade-root .plan__features .icon { flex-shrink:0; width:20px; height:20px; color:var(--lt-color-success); margin-top:2px; }
.bot4trade-root .plan__disclaimer { margin-top:var(--lt-space-md); font-size:var(--lt-font-size-xs); color:var(--lt-color-text-muted); text-align:center; }

/* ============================================
FAQ (scoped)
============================================ */
.bot4trade-root .faq { max-width: 100%; }
.bot4trade-root .faq__item { margin-bottom: var(--lt-space-md); background: white; border:1px solid var(--lt-color-border); border-radius: var(--lt-border-radius); overflow:hidden; transition: box-shadow var(--lt-transition-base); }
.bot4trade-root .faq__item:hover { box-shadow: var(--lt-shadow-md); }
.bot4trade-root .faq__question {
width:100%; display:flex; justify-content:space-between; align-items:center; padding:var(--lt-space-lg); background:transparent; border:none; font-size:var(--lt-font-size-base); font-weight:600; color:var(--lt-color-primary); text-align:left; cursor:pointer; transition: background-color var(--lt-transition-base);
}
.bot4trade-root .faq__question:hover { background-color: var(--lt-color-surface); }
.bot4trade-root .faq__question[aria-expanded="true"] { background-color: var(--lt-color-surface); }
.bot4trade-root .faq__icon { width:24px; height:24px; color:var(--lt-color-primary); transition: transform var(--lt-transition-base); flex-shrink:0; }
.bot4trade-root .faq__question[aria-expanded="true"] .faq__icon { transform: rotate(45deg); }
.bot4trade-root .faq__answer { overflow:hidden; max-height:0; transition: max-height var(--lt-transition-slow); }
.bot4trade-root .faq__answer:not([hidden]) { max-height: 500px; }
.bot4trade-root .faq__content { padding: 0 var(--lt-space-lg) var(--lt-space-lg); color: var(--lt-color-text-muted); line-height: 1.7; }

/* ============================================
CTA Section (scoped)
============================================ */
.bot4trade-root .section--cta { text-align: center; background: linear-gradient(135deg, #f0f9f4, white); border-radius: var(--lt-border-radius-lg); margin: var(--lt-space-3xl) 0; }
.bot4trade-root .cta__actions { display:flex; flex-wrap:wrap; gap:var(--lt-space-md); justify-content:center; margin:var(--lt-space-xl) 0; }

/* ============================================
Utilities (scoped to landing)
============================================ /
.bot4trade-root .lt-text-center { text-align: center; } / renamed to avoid global collisions /
.bot4trade-root .lt-text-muted { color: var(--lt-color-text-muted); } / renamed */
.bot4trade-root .lt-icon { width: 1em; height: 1em; display:inline-block; vertical-align:middle; }
.bot4trade-root .lt-disclaimer { padding: var(--lt-space-lg); background: var(--lt-color-surface); border-left: 4px solid var(--lt-color-warning); border-radius: var(--lt-border-radius); font-size: var(--lt-font-size-sm); color: var(--lt-color-text-muted); }

/* ============================================
Responsive Adjustments (scoped)
============================================ */
@media (max-width: 767px) {
.bot4trade-root .section { padding: var(--lt-space-2xl) 0; }
.bot4trade-root .hero__actions { flex-direction: column; width: 100%; }
.bot4trade-root .hero__actions .btn { width: 100%; }
.bot4trade-root .plans { grid-template-columns: 1fr; }
.bot4trade-root .plan--featured { transform: scale(1); }
}

/* ============================================
Print Styles (scoped)
============================================ */
@media print {
.bot4trade-root .hero__visual,
.bot4trade-root .pack__chart,
.bot4trade-root .btn { display: none; }
}

/* ============================================
Accessibility — reduced-motion preference (scoped)
============================================ */
@media (prefers-reduced-motion: reduce) {
.bot4trade-root *,
.bot4trade-root *::before,
.bot4trade-root *::after {
animation-duration: 0.01ms !important;
animation-iteration-count: 1 !important;
transition-duration: 0.01ms !important;
}
.bot4trade-root .hero__glow { animation: none !important; }
}

/* End of landing.css (scoped) */