.ke-wrap { --ke-primary: #2563eb; --ke-primary-light: #eff6ff; --ke-text-dark: #0f172a; --ke-text-body: #334155; --ke-accent: #10b981; --ke-white: #ffffff; --ke-radius-lg: 28px; --ke-radius-md: 16px; --ke-shadow-soft: 0 20px 40px -10px rgba(37, 99, 235, 0.15); --ke-shadow-hover: 0 25px 50px -12px rgba(37, 99, 235, 0.25); font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif; color: var(--ke-text-body); line-height: 1.6; max-width: 1200px; margin: 0px auto; padding: 60px 24px; position: relative; overflow: hidden; box-sizing: border-box; background-color: transparent; }
.ke-wrap *, .ke-wrap ::before, .ke-wrap ::after { box-sizing: border-box; }
.ke-aurora { position: absolute; width: 600px; height: 600px; border-radius: 50%; filter: blur(100px); z-index: -1; opacity: 0.4; pointer-events: none; }
.ke-aurora-1 { background: radial-gradient(circle, rgb(239, 246, 255) 0%, rgba(255, 255, 255, 0) 70%); top: -100px; left: -200px; }
.ke-aurora-2 { background: radial-gradient(circle, rgb(224, 242, 254) 0%, rgba(255, 255, 255, 0) 70%); bottom: -100px; right: -200px; }
.ke-hero-surface { background: rgba(255, 255, 255, 0.6); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); border-radius: 32px; padding: 48px; margin-bottom: 96px; box-shadow: rgba(37, 99, 235, 0.08) 0px 4px 24px -6px; display: flex; flex-direction: column-reverse; gap: 48px; align-items: center; }
@media (min-width: 960px) {
  .ke-hero-surface { flex-direction: row; justify-content: space-between; align-items: center; padding: 64px; }
  .ke-hero-content { flex: 1 1 0%; padding-right: 64px; }
  .ke-hero-image { flex: 0 0 340px; max-width: 340px; width: 340px; }
}
.ke-eyebrow { display: inline-block; font-size: 0.8rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; color: var(--ke-primary); margin-bottom: 20px; background: rgb(255, 255, 255); padding: 8px 16px; border-radius: 99px; box-shadow: rgba(0, 0, 0, 0.03) 0px 2px 4px; }
.ke-wrap h1 { font-size: clamp(2.2rem, 5vw, 3.2rem); font-weight: 800; line-height: 1.1; margin: 0px 0px 24px; color: var(--ke-text-dark); letter-spacing: -0.03em; }
.ke-wrap p { font-size: 1.125rem; color: var(--ke-text-body); margin-bottom: 0px; max-width: 600px; }
.le-doc { margin: 0px; position: relative; width: 100%; }
.le-doc__imgwrap { position: relative; border-radius: var(--ke-radius-lg); overflow: hidden; box-shadow: rgba(15, 23, 42, 0.15) 0px 20px 40px -12px; aspect-ratio: auto; height: auto; background: rgb(248, 250, 252); }
.le-doc__imgwrap img { width: 100%; height: auto; object-fit: cover; object-position: center top; display: block; transition: transform 0.6s; }
.ke-wrap:hover .le-doc__imgwrap img { transform: scale(1.03); }
.le-doc__bar { position: absolute; bottom: 16px; left: 16px; right: 16px; background: rgba(255, 255, 255, 0.85); backdrop-filter: blur(12px); padding: 12px 16px; border-radius: 20px; color: var(--ke-text-dark); font-weight: 700; font-size: 0.95rem; display: flex; align-items: center; border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 12px; }
.le-doc__bar::before { content: ""; display: inline-block; width: 8px; height: 8px; background: var(--ke-accent); border-radius: 50%; margin-right: 10px; box-shadow: rgba(16, 185, 129, 0.2) 0px 0px 0px 3px; }
.le-doc__meta { margin-top: 20px; display: flex; flex-wrap: wrap; gap: 8px; justify-content: center; }
@media (min-width: 960px) {
  .le-doc__meta { justify-content: flex-start; }
}
.le-doc__tag { font-size: 0.75rem; color: var(--ke-text-body); background: rgb(255, 255, 255); border: 1px solid rgba(15, 23, 42, 0.05); padding: 6px 12px; border-radius: 99px; font-weight: 600; box-shadow: rgba(0, 0, 0, 0.03) 0px 1px 2px; }
.ke-grid { display: grid; grid-template-columns: 1fr; gap: 32px; margin-bottom: 96px; }
@media (min-width: 800px) {
  .ke-grid { grid-template-columns: repeat(3, 1fr); }
}
.ke-card { padding: 40px 32px; border-radius: var(--ke-radius-lg); display: flex; flex-direction: column; transition: transform 0.3s, box-shadow 0.3s; height: 100%; }
.ke-card:hover { transform: translateY(-5px); box-shadow: var(--ke-shadow-hover); }
.ke-card h2 { font-size: 1.35rem; font-weight: 700; margin-bottom: 16px; line-height: 1.3; }
.ke-card-glass { background: rgba(255, 255, 255, 0.7); backdrop-filter: blur(12px); border: 1px solid rgba(255, 255, 255, 0.8); box-shadow: var(--ke-shadow-soft); }
.ke-card-glass h2 { color: var(--ke-text-dark); }
.ke-card-glass p { font-size: 1rem; margin-bottom: 24px; color: var(--ke-text-body); }
.ke-card-accent { background: linear-gradient(135deg, rgb(37, 99, 235), rgb(30, 64, 175)); color: rgb(255, 255, 255); box-shadow: rgba(37, 99, 235, 0.4) 0px 20px 40px -10px; }
.ke-card-accent h2, .ke-card-accent p { color: rgb(255, 255, 255); }
.ke-card-icon { width: 48px; height: 48px; background: var(--ke-primary-light); color: var(--ke-primary); border-radius: 14px; display: flex; align-items: center; justify-content: center; margin-bottom: 24px; }
.ke-icon-white { background: rgba(255, 255, 255, 0.2); color: rgb(255, 255, 255); }
.ke-check-list { list-style: none; padding: 0px; margin: 0px; }
.ke-check-list li { position: relative; padding-left: 28px; margin-bottom: 10px; font-size: 0.95rem; line-height: 1.4; }
.ke-check-list li::before { content: "✓"; position: absolute; left: 0px; top: 0px; color: var(--ke-accent); font-weight: bold; }
.ke-list-white li::before { color: rgb(167, 243, 208); }
.ke-info-panel { background: rgba(255, 255, 255, 0.5); border: 1px solid rgba(255, 255, 255, 0.6); border-radius: var(--ke-radius-lg); padding: 48px; margin-bottom: 96px; text-align: center; max-width: 800px; margin-left: auto; margin-right: auto; }
.ke-info-panel h2 { font-size: 1.8rem; color: var(--ke-text-dark); margin-bottom: 16px; }
.ke-button-group { display: flex; gap: 16px; justify-content: center; flex-wrap: wrap; margin: 32px 0px; }
.ke-btn { display: inline-flex; align-items: center; justify-content: center; padding: 12px 28px; border-radius: 99px; font-weight: 600; text-decoration: none; transition: 0.2s; font-size: 1rem; }
.ke-btn-primary { background: var(--ke-primary); color: rgb(255, 255, 255); box-shadow: rgba(37, 99, 235, 0.3) 0px 4px 12px; }
.ke-btn-primary:hover { background: rgb(29, 78, 216); transform: translateY(-2px); color: rgb(255, 255, 255); }
.ke-btn-ghost { background: transparent; color: var(--ke-primary); border: 1px solid var(--ke-primary); }
.ke-btn-ghost:hover { background: var(--ke-primary-light); color: var(--ke-primary); }
.ke-secondary-links { font-size: 0.9rem; color: var(--ke-text-body); }
.ke-secondary-links a { color: var(--ke-text-body); text-decoration: underline rgba(15, 23, 42, 0.2); transition: color 0.2s; }
.ke-secondary-links a:hover { color: var(--ke-primary); }
.ke-divider { margin: 0px 8px; color: rgb(203, 213, 225); }
.ke-faq { max-width: 800px; margin: 0px auto; }
.ke-section-title { text-align: center; font-size: 1.8rem; margin-bottom: 48px; color: var(--ke-text-dark); }
.ke-faq-grid { display: grid; gap: 24px; }
.ke-faq-item { background: rgb(255, 255, 255); padding: 24px 32px; border-radius: var(--ke-radius-md); box-shadow: rgba(0, 0, 0, 0.05) 0px 4px 6px -1px; border: 1px solid rgb(241, 245, 249); }
.ke-faq-item h3 { font-size: 1.1rem; font-weight: 600; color: var(--ke-text-dark); margin-bottom: 8px; }
.ke-faq-item p { font-size: 1rem; color: var(--ke-text-body); margin: 0px; }
@media (max-width: 768px) {
  .ke-wrap { padding: 48px 20px; }
  .ke-hero-surface { padding: 32px 24px; gap: 40px; }
  .ke-hero-image { max-width: 280px; width: 100%; }
  .le-doc__bar { padding: 10px 16px; bottom: 12px; left: 12px; right: 12px; }
  .ke-card { padding: 32px 24px; }
  .ke-info-panel { padding: 32px 20px; }
  .ke-button-group { flex-direction: column; width: 100%; }
  .ke-btn { width: 100%; }
}