@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap');

:root {
  --lr-navy: #101421;
  --lr-navy-dark: #0A0D16;
  --lr-blue: #1A5A8C;
  --lr-orange: #35589F;
  --lr-orange-hover: #294781;
  --lr-warm: #7CC9E9;
  --lr-green: #1A7A6E;
  --lr-white: #FFFFFF;
  --lr-off: #F5F7FB;
  --lr-gray: #EEF0F8;
  --lr-border: #E3E7EF;
  --lr-text: #171B27;
  --lr-muted: #5B6474;
}

html { scroll-behavior: smooth; }
body { overflow-x: hidden; margin: 0; }

.lr-page { font-family: 'Inter', sans-serif; color: var(--lr-text); background: var(--lr-white); line-height: 1.65; }
.lr-page * { box-sizing: border-box; }
.lr-container { max-width: 1100px; margin: 0 auto; }
.lr-section { padding: 96px 5%; font-family: 'Inter', sans-serif; }
.lr-section-white { background: #fff; }
.lr-section-off { background: var(--lr-off); }
.lr-section-gray { background: var(--lr-gray); }
.lr-section-navy { background: var(--lr-navy); color: #fff; position: relative; overflow: hidden; }
.lr-section-navy::before { content: ''; position: absolute; top: -180px; right: -160px; width: 520px; height: 520px; background: radial-gradient(circle, rgba(53,88,159,0.12) 0%, transparent 65%); pointer-events: none; }
.lr-section-navy .lr-container { position: relative; z-index: 1; }
.lr-grid-2 { display: grid; grid-template-columns: 1fr 1fr; gap: 60px; align-items: center; }
.lr-grid-3 { display: grid; grid-template-columns: repeat(3, 1fr); gap: 18px; }
.lr-grid-4 { display: grid; grid-template-columns: repeat(4, 1fr); gap: 18px; }
.lr-eyebrow { display: inline-block; background: rgba(53,88,159,0.08); border: 1px solid rgba(53,88,159,0.25); color: var(--lr-orange); font-size: 11px; font-weight: 700; letter-spacing: 1.4px; text-transform: uppercase; padding: 5px 14px; border-radius: 100px; margin-bottom: 18px; }
.lr-section-navy .lr-eyebrow { background: rgba(124,201,233,0.15); border: 1px solid rgba(124,201,233,0.35); color: var(--lr-warm); }
.lr-title h2, .lr-page h2 { font-family: 'Manrope', sans-serif; font-size: clamp(26px, 3vw, 44px); line-height: 1.15; letter-spacing: -0.8px; color: var(--lr-navy); margin: 0 0 16px; font-weight: 400; }
.lr-title h2 span, .lr-page h2 span { color: var(--lr-orange); }
.lr-section-navy h2, .lr-section-navy .lr-title h2 { color: #fff; }
.lr-section-navy h2 span, .lr-section-navy .lr-title h2 span { color: var(--lr-warm); }
.lr-title { max-width: 760px; margin-bottom: 40px; }
.lr-title.center { text-align: center; margin-left: auto; margin-right: auto; }
.lr-title p { font-size: 17px; color: var(--lr-muted); line-height: 1.7; margin: 0; }
.lr-section-navy .lr-title p, .lr-section-navy p, .lr-section-navy li { color: rgba(255,255,255,0.75); }
.lr-page p { font-size: 15px; color: var(--lr-muted); line-height: 1.8; margin: 0 0 14px; }
.lr-page strong { color: var(--lr-text); }
.lr-section-navy strong { color: #fff; }
.lr-btn { display: inline-block; background: var(--lr-orange); color: #fff !important; font-weight: 700; font-size: 16px; padding: 16px 32px; border-radius: 8px; text-decoration: none !important; transition: all 0.2s; font-family: 'Inter', sans-serif; border: none; }
.lr-btn:hover { background: var(--lr-orange-hover); transform: translateY(-2px); box-shadow: 0 8px 24px rgba(53,88,159,0.3); }
.lr-btn-secondary { background: transparent; color: var(--lr-navy) !important; border: 1.5px solid #E3E7EF; box-shadow: none; }
.lr-btn-secondary:hover { background: rgba(16,20,33,0.06); color: var(--lr-navy) !important; box-shadow: none; }
.lr-card { background: #fff; border: 1px solid var(--lr-border); border-radius: 14px; padding: 26px; transition: all 0.2s; }
.lr-card:hover { border-color: rgba(16,20,33,0.18); box-shadow: 0 4px 16px rgba(16,20,33,0.08); transform: translateY(-2px); }
.lr-card h3 { font-size: 17px; font-weight: 700; color: var(--lr-navy); margin: 0 0 8px; line-height: 1.35; }
.lr-card p { font-size: 13px; color: var(--lr-muted); line-height: 1.65; margin: 0 0 12px; }
.lr-section-navy .lr-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.11); }
.lr-section-navy .lr-card h3 { color: #fff; }
.lr-section-navy .lr-card p { color: rgba(255,255,255,0.68); }
.lr-list { list-style: none; padding: 0; margin: 22px 0 0; display: flex; flex-direction: column; gap: 11px; }
.lr-list li { display: flex; align-items: flex-start; gap: 10px; font-size: 14px; color: #3D4A5C; line-height: 1.55; }
.lr-list li::before { content: '✓'; color: var(--lr-green); font-weight: 800; flex-shrink: 0; margin-top: 1px; }
.lr-section-navy .lr-list li::before { color: var(--lr-warm); }

/* NAV */
.lr-nav { position: fixed; top: 0; left: 0; right: 0; z-index: 9999; background: rgba(16,20,33,0.97); backdrop-filter: blur(14px); border-bottom: 1px solid rgba(255,255,255,0.08); padding: 0 5%; display: flex; align-items: center; justify-content: space-between; height: 68px; font-family: 'Inter', sans-serif; }
.lr-nav-logo { display: flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 700; color: #fff !important; text-decoration: none !important; letter-spacing: -0.3px; white-space: nowrap; }
.lr-nav-logo span { color: var(--lr-warm); font-weight: 400; }
.lr-nav-mark { display: inline-flex; align-items: center; justify-content: center; color: var(--lr-warm); flex-shrink: 0; }
.lr-nav-links { display: flex; gap: 28px; list-style: none; margin: 0; padding: 0; }
.lr-nav-links a { color: rgba(255,255,255,0.65) !important; text-decoration: none !important; font-size: 14px; transition: color 0.2s; }
.lr-nav-links a:hover { color: #fff !important; }
.lr-nav-cta { background: var(--lr-orange); color: #fff !important; padding: 10px 22px; border-radius: 6px; font-size: 14px; font-weight: 700; text-decoration: none !important; transition: all 0.2s; white-space: nowrap; }
.lr-nav-cta:hover { background: var(--lr-orange-hover); transform: translateY(-1px); }
.lr-hamburger { display: none; flex-direction: column; gap: 5px; cursor: pointer; padding: 8px; background: none; border: none; border-radius: 6px; }
.lr-hamburger span { width: 22px; height: 2px; background: #fff; border-radius: 2px; display: block; }
.lr-nav-mobile { display: none; position: fixed; top: 68px; left: 0; right: 0; z-index: 9998; background: var(--lr-navy); padding: 18px 5% 22px; border-bottom: 1px solid rgba(255,255,255,0.08); flex-direction: column; gap: 14px; box-shadow: 0 10px 30px rgba(0,0,0,0.18); }
.lr-nav-mobile.open { display: flex; }
.lr-nav-mobile a { color: rgba(255,255,255,0.82) !important; text-decoration: none !important; font-size: 15px; font-family: 'Inter', sans-serif; padding: 10px 0; border-bottom: 1px solid rgba(255,255,255,0.06); }
.lr-nav-mobile a:last-child { border-bottom: none; }
.lr-nav-mobile .lr-nav-cta { margin-top: 8px; text-align: center; display: block; padding: 14px 18px; border-radius: 8px; }
.lr-nav-spacer { height: 68px; }

/* HERO */
.lr-hero { background: linear-gradient(155deg, #101421 0%, #0A0D16 60%, #0D2035 100%); padding: 80px 5% 80px; position: relative; overflow: hidden; font-family: 'Inter', sans-serif; }
.lr-hero::before { content: ''; position: absolute; top: -180px; right: -150px; width: 600px; height: 600px; background: radial-gradient(circle, rgba(53,88,159,0.08) 0%, transparent 65%); pointer-events: none; }
.lr-hero-inner { max-width: 1100px; margin: 0 auto; display: grid; grid-template-columns: 1.1fr 0.9fr; gap: 60px; align-items: center; position: relative; z-index: 1; }
.lr-hero h1 { font-family: 'Manrope', sans-serif; font-size: clamp(40px, 5vw, 68px); line-height: 1.06; letter-spacing: -1.5px; color: #fff; margin: 0 0 18px; font-weight: 400; }
.lr-hero h1 em { color: var(--lr-warm); font-style: italic; }
.lr-hero-sub { font-size: 15px; color: var(--lr-warm); font-weight: 700; margin-bottom: 18px; letter-spacing: 0.2px; }
.lr-hero-lead { font-size: 18px; color: rgba(255,255,255,0.86); line-height: 1.7; margin-bottom: 16px; }
.lr-hero-text { font-size: 15px; color: rgba(255,255,255,0.68); line-height: 1.75; }
.lr-hero-box { margin-top: 28px; padding: 22px 24px; background: rgba(53,88,159,0.1); border: 1px solid rgba(53,88,159,0.25); border-radius: 12px; }
.lr-hero-box-title { font-size: 17px; color: #fff; font-weight: 700; margin-bottom: 8px; }
.lr-hero-box p { color: rgba(255,255,255,0.78); font-size: 14px; line-height: 1.65; }
.lr-hero-reassurance { font-size: 12px; color: rgba(255,255,255,0.42); margin-top: 12px; font-style: italic; }
.lr-hero-card { background: rgba(255,255,255,0.06); border: 1px solid rgba(255,255,255,0.12); border-radius: 16px; padding: 28px; position: relative; overflow: hidden; }
.lr-hero-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: linear-gradient(90deg, #35589F, rgba(53,88,159,0.2)); }
.lr-hero-img { width: 100%; aspect-ratio: 4/5; border-radius: 14px; overflow: hidden; background: rgba(255,255,255,0.06); margin-bottom: 18px; }
.lr-hero-img img { width: 100%; height: 100%; object-fit: cover; display: block; }
.lr-hero-stats { display: grid; grid-template-columns: repeat(3,1fr); gap: 12px; margin-top: 18px; }
.lr-hero-stat { text-align: center; padding: 14px 8px; background: rgba(255,255,255,0.05); border-radius: 10px; border: 1px solid rgba(255,255,255,0.1); }
.lr-hero-stat .num { font-family: 'Manrope', sans-serif; font-size: 28px; color: var(--lr-warm); display: block; margin-bottom: 3px; }
.lr-hero-stat .lbl { font-size: 11px; color: rgba(255,255,255,0.6); }

/* TRUST */
.lr-trust { background: #fff; border-bottom: 1px solid var(--lr-border); padding: 18px 5%; font-family: 'Inter', sans-serif; }
.lr-trust-inner { max-width: 1100px; margin: 0 auto; display: flex; align-items: center; justify-content: space-between; gap: 20px; flex-wrap: wrap; }
.lr-trust-author { display: flex; align-items: center; gap: 14px; }
.lr-trust-avatar { width: 54px; height: 54px; border-radius: 50%; overflow: hidden; background: var(--lr-navy); }
.lr-trust-avatar img { width: 100%; height: 100%; object-fit: cover; }
.lr-trust-name { font-size: 14px; font-weight: 700; color: var(--lr-text); }
.lr-trust-role { font-size: 12px; color: var(--lr-muted); line-height: 1.35; }
.lr-trust-stats { display: flex; gap: 28px; }
.lr-trust-stat .num { font-family: 'Manrope', sans-serif; font-size: 20px; color: var(--lr-navy); display: block; font-weight: 700; }
.lr-trust-stat .lbl { font-size: 11px; color: var(--lr-muted); }
.lr-trust-tag { display: flex; align-items: center; gap: 8px; font-size: 13px; color: var(--lr-muted); }
.lr-trust-dot { width: 6px; height: 6px; background: var(--lr-green); border-radius: 50%; flex-shrink: 0; }

/* FORM */
.lr-form-wrapper { background: #fff; border-radius: 16px; padding: 28px; color: var(--lr-text); border: 1px solid rgba(255,255,255,0.18); box-shadow: 0 16px 40px rgba(0,0,0,0.16); }
.lr-form-wrapper h3 { color: var(--lr-navy); font-size: 20px; font-weight: 700; margin: 0 0 12px; }

/* FORM fields (integrare platformă) */
.lr-form-field { margin-bottom: 14px; }
.lr-form-field label { display: block; font-size: 13px; font-weight: 700; color: var(--lr-navy); margin-bottom: 6px; }
.lr-form-opt { font-weight: 400; color: var(--lr-muted); }
.lr-form input[type=text], .lr-form input[type=email], .lr-form input[type=tel] { width: 100%; padding: 12px 13px; border: 1px solid var(--lr-border); border-radius: 9px; font: inherit; font-size: 15px; color: var(--lr-text); }
.lr-form input:focus { outline: 2px solid var(--lr-blue); border-color: var(--lr-blue); }
.lr-form-phone { display: flex; gap: 8px; }
.lr-form-phone span { flex: 0 0 56px; display: flex; align-items: center; justify-content: center; border: 1px solid var(--lr-border); border-radius: 9px; font-weight: 700; background: var(--lr-off); }
.lr-form-gdpr { display: flex; gap: 9px; align-items: flex-start; font-size: 13px; color: var(--lr-muted); margin: 6px 0 14px; line-height: 1.5; }
.lr-form-gdpr input { margin-top: 3px; }
.lr-form-btn { width: 100%; margin-top: 4px; cursor: pointer; }
.lr-form-err { color: #c0392b; font-size: 13px; margin-top: 5px; }

/* SPECIAL SECTIONS */
.lr-author-card { padding: 28px; border-radius: 14px; background: #fff; border: 1.5px solid var(--lr-border); box-shadow: 0 4px 20px rgba(16,20,33,0.07); }
.lr-stat-grid { display: grid; grid-template-columns: 1fr; gap: 14px; }
.lr-stat { padding: 22px; background: var(--lr-off); border: 1px solid var(--lr-border); border-radius: 12px; }
.lr-stat .num { font-family: 'Manrope', sans-serif; font-size: 34px; color: var(--lr-navy); display: block; line-height: 1; margin-bottom: 8px; }
.lr-stat .lbl { font-size: 13px; color: var(--lr-muted); line-height: 1.55; }
.lr-image-card { border-radius: 16px; overflow: hidden; background: var(--lr-navy); box-shadow: 0 4px 20px rgba(16,20,33,0.12); }
.lr-image-card img { width: 100%; display: block; }
.lr-model-card { position: relative; overflow: hidden; }
.lr-model-card::before { content: ''; position: absolute; top: 0; left: 0; right: 0; height: 4px; }
.lr-model-card.c1::before { background: var(--lr-green); }
.lr-model-card.c2::before { background: var(--lr-blue); }
.lr-model-card.c3::before { background: var(--lr-orange); }
.lr-model-num { font-family: 'Manrope', sans-serif; font-size: 40px; line-height: 1; margin-bottom: 8px; display: block; }
.lr-model-card.c1 .lr-model-num { color: var(--lr-green); }
.lr-model-card.c2 .lr-model-num { color: var(--lr-blue); }
.lr-model-card.c3 .lr-model-num { color: var(--lr-orange); }
.lr-callout { margin-top: 30px; padding: 20px 28px; background: rgba(53,88,159,0.10); border: 1px solid rgba(53,88,159,0.24); border-radius: 10px; text-align: center; font-size: 16px; color: rgba(255,255,255,0.86); line-height: 1.65; font-weight: 700; }
.lr-video-mockup { position: relative; }
.lr-video-mockup::after { content: '▶'; position: absolute; left: 50%; top: 50%; transform: translate(-50%,-50%); width: 74px; height: 74px; border-radius: 50%; background: var(--lr-orange); color: #fff; display: flex; align-items: center; justify-content: center; font-size: 26px; box-shadow: 0 12px 30px rgba(0,0,0,0.24); }

.lr-footer { background: var(--lr-navy); padding: 28px 5%; text-align: center; font-size: 13px; color: rgba(255,255,255,0.6); font-family: 'Inter', sans-serif; }
.lr-footer p { margin: 0 0 7px; color: rgba(255,255,255,0.6); font-size: 13px; }
.lr-footer a { color: rgba(255,255,255,0.6) !important; text-decoration: none !important; margin: 0 5px; }
.lr-footer a:hover { color: #fff !important; }

/* MOBILE */
@media (max-width: 900px) {
  .lr-nav { height: 72px; padding: 0 16px; }
  .lr-nav-links, .lr-nav > .lr-nav-cta { display: none; }
  .lr-nav-logo { font-size: 16px; gap: 8px; max-width: calc(100% - 52px); }
  .lr-hamburger { display: flex; align-items: center; justify-content: center; width: 40px; height: 40px; flex-shrink: 0; }
  .lr-nav-spacer { height: 72px; }
  .lr-hero { padding: 56px 5% 64px; }
  .lr-hero-inner, .lr-grid-2, .lr-grid-3, .lr-grid-4 { grid-template-columns: 1fr; gap: 34px; }
  .lr-hero h1 { text-align: center; font-size: clamp(34px, 10vw, 52px); line-height: 1.1; }
  .lr-hero-sub, .lr-hero-lead, .lr-hero-text { text-align: center; }
  .lr-hero .lr-eyebrow { display: table; margin-left: auto; margin-right: auto; }
  .lr-hero-box { text-align: center; }
  .lr-hero-box .lr-btn { width: 100%; text-align: center; }
  .lr-hero-reassurance { text-align: center; }
  .lr-section { padding: 64px 20px; }
  .lr-title, .lr-title.center { text-align: center; margin-left: auto; margin-right: auto; }
  .lr-eyebrow { display: table; margin-left: auto; margin-right: auto; text-align: center; }
  .lr-btn { width: 100%; display: block; text-align: center; }
  .lr-trust { padding: 20px; }
  .lr-trust-inner { flex-direction: column; align-items: center; text-align: center; gap: 18px; background: #fff; border: 1px solid var(--lr-border); border-radius: 14px; padding: 20px; }
  .lr-trust-author { flex-direction: column; align-items: center; text-align: center; gap: 10px; }
  .lr-trust-stats { width: 100%; justify-content: center; gap: 20px; }
  .lr-trust-tag { display: none; }
  .lr-form-wrapper, .lr-card, .lr-author-card { padding: 22px; }
}

/* ===== Brand alignment (stil webinar) ===== */
.lr-page h1,.lr-page h2,.lr-page h3{font-family:'Manrope','Inter',sans-serif;font-weight:800;letter-spacing:-.03em;}
.lr-page h3{font-weight:700;}
.lr-eyebrow{background:none!important;border:0!important;padding:0!important;border-radius:0!important;display:inline-flex!important;align-items:center;gap:10px;color:#319DD6!important;font-weight:800;letter-spacing:.08em;}
.lr-eyebrow::before{content:"";width:30px;height:3px;border-radius:99px;background:linear-gradient(90deg,#319DD6,#683A8A,#F19B35);}