:root {
  --elp-navy: #0b1e3a;
  --elp-petrol: #0a2a4a;
  --elp-ink: #1c3b5a;
  --elp-blue: #3fa9f5;
  --elp-sky: #5cc8ff;
  --elp-turquoise: #00b3c6;
  --elp-gold: #eec15c;
  --elp-cloud: #afc7d9;
  --elp-white: #ffffff;
  --elp-canvas: #f4f8fb;
  --elp-shadow: 0 24px 70px rgba(5, 26, 53, .16);
}

html { scroll-behavior: smooth; }
body.expandra-premium-page { background: var(--elp-navy); margin: 0; }
.expandra-lp { background: var(--elp-white); color: var(--elp-ink); font-family: "Manrope", Arial, sans-serif; overflow: clip; }
.expandra-lp *, .expandra-lp *::before, .expandra-lp *::after { box-sizing: border-box; }
.expandra-lp a { color: inherit; text-decoration: none; }
.elp-container { margin: 0 auto; max-width: 1200px; padding-left: 32px; padding-right: 32px; }
.elp-skip-link { background: var(--elp-white); color: var(--elp-navy); left: 16px; padding: 12px 16px; position: fixed; top: -60px; z-index: 100; }
.elp-skip-link:focus { top: 16px; }
.elp-header { align-items: center; display: flex; justify-content: space-between; left: 0; padding: 22px max(32px, calc((100vw - 1136px) / 2)); position: absolute; right: 0; top: 0; z-index: 10; }
.elp-brand { display: block; max-width: 210px; }
.elp-brand img { display: block; height: auto; width: 100%; }
.elp-nav { align-items: center; color: var(--elp-cloud); display: flex; font-size: 12px; font-weight: 700; gap: 28px; letter-spacing: .08em; text-transform: uppercase; }
.elp-nav a { transition: color .2s ease; }
.elp-nav a:hover, .elp-nav a:focus { color: var(--elp-gold); }
.elp-hero { background: linear-gradient(124deg, #081a35 3%, #0b1e3a 55%, #093253 100%); color: var(--elp-white); min-height: 800px; overflow: hidden; padding: 178px 0 95px; position: relative; }
.elp-hero::after { background-image: linear-gradient(rgba(175,199,217,.07) 1px, transparent 1px), linear-gradient(90deg, rgba(175,199,217,.07) 1px, transparent 1px); background-size: 74px 74px; content: ""; inset: 0; mask-image: linear-gradient(to bottom, #000, transparent 85%); opacity: .4; pointer-events: none; position: absolute; }
.elp-hero-grid { align-items: center; display: grid; gap: 42px; grid-template-columns: 1.18fr .82fr; min-height: 505px; position: relative; z-index: 1; }
.elp-hero-copy { max-width: 740px; }
.elp-eyebrow { color: var(--elp-gold); font-size: 11px; font-weight: 800; letter-spacing: .16em; line-height: 1.4; margin: 0 0 18px; text-transform: uppercase; }
.elp-eyebrow-blue { color: var(--elp-blue); }
.elp-hero h1, .expandra-lp h2, .expandra-lp h3, .elp-founder blockquote { margin-top: 0; }
.elp-hero h1 { font-size: clamp(42px, 5.25vw, 76px); font-weight: 700; letter-spacing: -.055em; line-height: 1.04; margin-bottom: 28px; max-width: 810px; }
.elp-hero-subtitle { color: var(--elp-cloud); font-size: clamp(17px, 1.8vw, 22px); line-height: 1.5; margin: 0 0 36px; }
.elp-button { align-items: center; border: 0; cursor: pointer; display: inline-flex; font-family: inherit; font-size: 13px; font-weight: 800; gap: 22px; justify-content: space-between; letter-spacing: .03em; min-height: 57px; padding: 0 24px; transition: background-color .25s ease, color .25s ease, transform .25s ease, box-shadow .25s ease; }
.elp-button:hover, .elp-button:focus { box-shadow: 0 12px 32px rgba(0,0,0,.2); transform: translateY(-3px); }
.elp-button-primary { background: var(--elp-blue); color: var(--elp-navy); }
.elp-button-primary:hover, .elp-button-primary:focus { background: var(--elp-gold); }
.elp-button-gold { background: var(--elp-gold); color: var(--elp-navy); }
.elp-button-gold:hover, .elp-button-gold:focus { background: var(--elp-blue); }
.elp-hero-mark { align-items: center; display: flex; justify-content: center; min-height: 410px; position: relative; }
.elp-hero-mark img { filter: drop-shadow(0 0 36px rgba(238,193,92,.32)); max-width: min(100%, 360px); position: relative; z-index: 2; }
.elp-orbit { border: 1px solid rgba(175,199,217,.23); border-radius: 50%; position: absolute; }
.elp-orbit-one { height: 440px; transform: rotate(58deg); width: 220px; }
.elp-orbit-two { height: 360px; transform: rotate(-30deg); width: 510px; }
.elp-hero-glow { border-radius: 50%; filter: blur(10px); pointer-events: none; position: absolute; }
.elp-hero-glow-one { background: rgba(0,179,198,.18); height: 490px; right: -150px; top: 140px; width: 490px; }
.elp-hero-glow-two { background: rgba(63,169,245,.13); bottom: -220px; height: 520px; left: 28%; width: 520px; }
.elp-hero-rule { bottom: 0; left: 0; position: absolute; right: 0; z-index: 1; }
.elp-hero-rule::before { background: rgba(175,199,217,.32); content: ""; display: block; height: 1px; }
.elp-hero-rule span { background: var(--elp-gold); display: block; height: 3px; margin-left: max(32px, calc((100vw - 1136px) / 2)); width: 118px; }
.elp-intro { background: var(--elp-white); padding: 115px 0; }
.elp-intro-grid { align-items: start; display: grid; gap: 42px; grid-template-columns: 80px .88fr 1.12fr; }
.elp-section-index { color: var(--elp-blue); font-size: 13px; font-weight: 800; letter-spacing: .12em; margin: 4px 0 0; }
.elp-intro h2, .elp-section-heading h2, .elp-section-copy h2, .elp-mission h2 { color: var(--elp-navy); font-size: clamp(31px, 3.5vw, 50px); letter-spacing: -.045em; line-height: 1.1; margin-bottom: 0; }
.elp-intro-text { color: #45617b; font-size: 18px; line-height: 1.8; margin: 34px 0 0; }
.elp-qualification { background: var(--elp-petrol); color: var(--elp-white); padding: 105px 0; }
.elp-form-layout { align-items: start; display: grid; gap: 80px; grid-template-columns: .8fr 1.2fr; }
.elp-form-heading h2 { font-size: clamp(31px, 3vw, 46px); letter-spacing: -.04em; line-height: 1.12; margin-bottom: 22px; }
.elp-form-heading > p:last-child { color: var(--elp-cloud); line-height: 1.75; max-width: 420px; }
.elp-form { background: var(--elp-white); box-shadow: var(--elp-shadow); color: var(--elp-ink); display: grid; gap: 18px; grid-template-columns: 1fr 1fr; padding: 36px; }
.elp-field { display: flex; flex-direction: column; gap: 7px; }
.elp-field:nth-child(3), .elp-field:nth-child(4), .elp-field:nth-child(5), .elp-consent, .elp-form-submit, .elp-form-status { grid-column: 1 / -1; }
.elp-field label { font-size: 12px; font-weight: 800; letter-spacing: .02em; }
.elp-field input { background: #f7fafc; border: 1px solid #d9e6ef; border-radius: 0; color: var(--elp-navy); font: inherit; min-height: 48px; outline: none; padding: 10px 12px; transition: border-color .2s ease, box-shadow .2s ease; }
.elp-field input:focus { border-color: var(--elp-blue); box-shadow: 0 0 0 3px rgba(63,169,245,.17); }
.elp-consent { align-items: flex-start; color: #547087; display: flex; font-size: 12px; gap: 10px; line-height: 1.55; }
.elp-consent input { accent-color: var(--elp-blue); margin-top: 3px; }
.elp-consent a { color: var(--elp-ink); text-decoration: underline; }
.elp-honeypot { height: 0; overflow: hidden; position: absolute; width: 0; }
.elp-form-status { font-size: 13px; line-height: 1.5; margin: 0; min-height: 20px; }
.elp-form-status.is-error { color: #9a2436; }
.elp-form-status.is-success { color: #08754a; }
.elp-access-success { border: 1px solid rgba(238,193,92,.55); padding: 44px; }
.elp-success-mark { align-items: center; background: var(--elp-gold); border-radius: 50%; color: var(--elp-navy); display: inline-flex; font-weight: 900; height: 40px; justify-content: center; width: 40px; }
.elp-access-success h3 { font-size: 30px; letter-spacing: -.03em; margin: 20px 0 12px; }
.elp-access-success p { color: var(--elp-cloud); line-height: 1.7; margin-bottom: 25px; }
.elp-locked-preview { background: var(--elp-canvas); padding: 105px 0; }
.elp-lock-panel { background: linear-gradient(130deg, #0b1e3a, #123f62); box-shadow: var(--elp-shadow); color: var(--elp-white); max-width: 850px; padding: 65px clamp(28px, 7vw, 88px); position: relative; }
.elp-lock-panel::after { border: 1px solid rgba(238,193,92,.4); content: ""; inset: 16px; pointer-events: none; position: absolute; }
.elp-lock-panel h2 { font-size: clamp(30px, 4vw, 52px); letter-spacing: -.045em; line-height: 1.08; max-width: 660px; position: relative; z-index: 1; }
.elp-lock-panel p { color: var(--elp-cloud); line-height: 1.75; max-width: 620px; position: relative; z-index: 1; }
.elp-text-link { color: var(--elp-gold); display: inline-flex; font-size: 13px; font-weight: 800; gap: 12px; margin-top: 12px; position: relative; text-transform: uppercase; z-index: 1; }
.elp-premium { background: var(--elp-white); padding: 116px 0 0; }
.elp-section-heading { align-items: start; display: grid; gap: 42px; grid-template-columns: 80px 1fr; margin-bottom: 74px; }
.elp-founder { background: linear-gradient(120deg, var(--elp-navy), #123e61); color: var(--elp-white); display: grid; gap: 26px; grid-template-columns: 110px 1fr; margin-bottom: 96px; padding: clamp(38px, 6vw, 78px); position: relative; }
.elp-founder::after { background: linear-gradient(180deg, transparent, rgba(238,193,92,.4), transparent); content: ""; position: absolute; right: 12%; top: 0; width: 1px; }
.elp-founder-mark { color: var(--elp-gold); font-family: Georgia, serif; font-size: 146px; line-height: .8; }
.elp-founder blockquote { font-family: "Playfair Display", Georgia, serif; font-size: clamp(24px, 3vw, 40px); font-weight: 600; letter-spacing: -.025em; line-height: 1.25; max-width: 880px; }
.elp-founder-name { color: var(--elp-gold); font-size: 12px; font-weight: 800; letter-spacing: .1em; margin: 32px 0 0; text-transform: uppercase; }
.elp-founder-name span { color: var(--elp-cloud); display: block; font-size: 10px; margin-top: 6px; }
.elp-mission { border-bottom: 1px solid #dbe6ed; display: grid; gap: 70px; grid-template-columns: 1fr 1fr; margin-bottom: 104px; padding-bottom: 98px; }
.elp-mission > p { color: #45617b; font-size: 19px; line-height: 1.75; margin: 22px 0 0; }
.elp-content-section { margin: 0 0 112px; }
.elp-section-copy { display: flex; gap: 46px; justify-content: space-between; margin-bottom: 42px; }
.elp-section-copy h2 { max-width: 700px; }
.elp-section-copy .elp-eyebrow { flex: 0 0 185px; padding-top: 11px; }
.elp-card-grid { display: grid; gap: 16px; }
.elp-card-grid-two { grid-template-columns: repeat(2, 1fr); }
.elp-card-grid-three { grid-template-columns: repeat(3, 1fr); }
.elp-card { background: var(--elp-canvas); min-height: 205px; padding: 30px; position: relative; transition: transform .25s ease, box-shadow .25s ease; }
.elp-card:hover { box-shadow: 0 20px 40px rgba(5,26,53,.12); transform: translateY(-5px); }
.elp-card > span:first-child { color: var(--elp-blue); display: block; font-size: 11px; font-weight: 800; letter-spacing: .1em; margin-bottom: 30px; }
.elp-card h3, .elp-check-list h3, .elp-ecosystem h3, .elp-framework h3 { color: var(--elp-navy); font-size: 16px; letter-spacing: -.02em; line-height: 1.25; margin-bottom: 10px; }
.elp-card p, .elp-check-list p, .elp-ecosystem p, .elp-framework p { color: #547087; font-size: 13px; line-height: 1.65; margin: 0; }
.elp-vector-card { background: var(--elp-white); border: 1px solid #dce6ed; min-height: 210px; }
.elp-vector-card h3 { max-width: 180px; }
.elp-card-arrow { bottom: 25px; color: var(--elp-gold); font-size: 22px; position: absolute; right: 27px; }
.elp-dark-section { background: var(--elp-navy); color: var(--elp-white); margin-left: calc((min(1200px, 100vw) - 100vw) / 2); margin-right: calc((min(1200px, 100vw) - 100vw) / 2); padding: 100px max(32px, calc((100vw - 1136px) / 2)); }
.elp-dark-section .elp-section-copy h2, .elp-dark-section .elp-check-list h3 { color: var(--elp-white); }
.elp-dark-section .elp-section-copy .elp-eyebrow { color: var(--elp-gold); }
.elp-check-list { display: grid; grid-template-columns: repeat(2, 1fr); }
.elp-check-list article { border-top: 1px solid rgba(175,199,217,.25); display: flex; gap: 17px; min-height: 127px; padding: 25px 20px 25px 0; }
.elp-check-list article:nth-child(odd) { margin-right: 28px; }
.elp-check-list article:nth-child(even) { padding-left: 20px; }
.elp-check-list article > span { color: var(--elp-gold); font-weight: 800; }
.elp-dark-section .elp-check-list p { color: var(--elp-cloud); }
.elp-ecosystem { display: grid; grid-template-columns: repeat(5, 1fr); position: relative; }
.elp-ecosystem::before { background: var(--elp-blue); content: ""; height: 2px; left: 0; position: absolute; right: 0; top: 0; }
.elp-ecosystem article { border-left: 1px solid #dbe6ed; min-height: 230px; padding: 32px 22px 10px; }
.elp-ecosystem article:first-child { border-left: 0; padding-left: 0; }
.elp-framework { counter-reset: framework; display: grid; grid-template-columns: repeat(5, 1fr); list-style: none; margin: 0; padding: 0; }
.elp-framework li { border-top: 1px solid #c6d8e4; padding: 27px 23px 0 0; position: relative; }
.elp-framework li + li { padding-left: 23px; }
.elp-framework li::before { background: var(--elp-gold); content: ""; height: 5px; left: 0; position: absolute; top: -3px; width: 37px; }
.elp-framework li > span { color: var(--elp-blue); display: block; font-size: 11px; font-weight: 800; margin-bottom: 25px; }
.elp-cgo { background: linear-gradient(125deg, #0b1e3a, #0e4368); color: var(--elp-white); display: grid; gap: 48px; grid-template-columns: 1.2fr .8fr; margin-top: 20px; padding: clamp(38px, 6vw, 78px); position: relative; }
.elp-cgo::before { background: url('../images/compass.png') center / contain no-repeat; content: ""; height: 420px; opacity: .12; position: absolute; right: 7%; top: 10%; width: 420px; }
.elp-cgo-copy { position: relative; z-index: 1; }
.elp-cgo h2 { font-size: clamp(32px, 4vw, 55px); letter-spacing: -.05em; line-height: 1.08; margin-bottom: 25px; max-width: 700px; }
.elp-cgo-copy > p:not(.elp-eyebrow) { color: var(--elp-cloud); line-height: 1.8; margin-bottom: 32px; max-width: 650px; }
.elp-cgo-points { align-content: center; display: grid; gap: 12px; position: relative; z-index: 1; }
.elp-cgo-points span { background: rgba(255,255,255,.08); border-left: 2px solid var(--elp-gold); color: var(--elp-white); font-size: 13px; font-weight: 700; padding: 16px 18px; }
.elp-footer { background: #07172d; color: var(--elp-cloud); padding: 64px 0; }
.elp-footer-content { align-items: end; display: flex; gap: 48px; justify-content: space-between; }
.elp-footer img { display: block; max-width: 225px; }
.elp-footer p { font-size: 12px; line-height: 1.6; margin: 17px 0 0; max-width: 410px; }
.elp-contact { display: flex; flex-direction: column; font-size: 13px; gap: 10px; text-align: right; }
.elp-contact a:hover, .elp-contact a:focus { color: var(--elp-gold); }
.elp-floating-whatsapp { align-items: center; background: var(--elp-gold); border-radius: 999px; bottom: 24px; box-shadow: 0 10px 32px rgba(0,0,0,.3); color: var(--elp-navy); display: flex; font-size: 12px; font-weight: 800; gap: 8px; padding: 13px 18px; position: fixed; right: 24px; z-index: 20; }
.elp-floating-whatsapp:hover, .elp-floating-whatsapp:focus { background: var(--elp-blue); }

@media (max-width: 880px) {
  .elp-header { padding: 20px 24px; } .elp-nav { gap: 17px; } .elp-hero { min-height: auto; padding: 150px 0 72px; } .elp-hero-grid, .elp-form-layout, .elp-intro-grid, .elp-mission, .elp-cgo { grid-template-columns: 1fr; } .elp-hero-mark { min-height: 280px; } .elp-hero-mark img { max-width: 250px; } .elp-intro-grid { gap: 17px; } .elp-section-index { margin-bottom: 4px; } .elp-intro-text { margin-top: 0; } .elp-form-layout { gap: 40px; } .elp-card-grid-three { grid-template-columns: repeat(2, 1fr); } .elp-ecosystem { grid-template-columns: repeat(2, 1fr); } .elp-ecosystem article:first-child { border-left: 1px solid #dbe6ed; padding-left: 22px; } .elp-ecosystem article { min-height: 155px; } .elp-framework { grid-template-columns: repeat(2, 1fr); gap: 26px 0; } .elp-framework li + li { padding-left: 0; } .elp-framework li:nth-child(even) { padding-left: 23px; } .elp-founder { grid-template-columns: 65px 1fr; } .elp-founder-mark { font-size: 98px; } .elp-section-heading { grid-template-columns: 1fr; gap: 12px; }
}
@media (max-width: 590px) {
  .elp-container { padding-left: 20px; padding-right: 20px; } .elp-header { padding: 17px 20px; } .elp-brand { max-width: 158px; } .elp-nav { display: none; } .elp-hero { padding-top: 132px; } .elp-hero h1 { font-size: 40px; } .elp-hero-mark { display: none; } .elp-intro, .elp-qualification, .elp-locked-preview, .elp-premium { padding-top: 72px; padding-bottom: 72px; } .elp-form { grid-template-columns: 1fr; padding: 24px; } .elp-card-grid-two, .elp-card-grid-three, .elp-check-list, .elp-ecosystem, .elp-framework { grid-template-columns: 1fr; } .elp-section-copy { display: block; } .elp-section-copy .elp-eyebrow { padding-top: 0; } .elp-dark-section { padding: 72px 20px; } .elp-check-list article:nth-child(odd) { margin-right: 0; } .elp-check-list article:nth-child(even) { padding-left: 0; } .elp-ecosystem article, .elp-ecosystem article:first-child { border-left: 0; border-top: 1px solid #dbe6ed; min-height: auto; padding: 23px 0; } .elp-ecosystem::before { display: none; } .elp-framework li, .elp-framework li:nth-child(even) { padding-left: 0; } .elp-founder { display: block; padding: 34px 27px; } .elp-founder-mark { font-size: 76px; height: 50px; } .elp-cgo { padding: 38px 27px; } .elp-cgo::before { height: 250px; width: 250px; } .elp-footer-content { align-items: start; flex-direction: column; } .elp-contact { text-align: left; } .elp-floating-whatsapp { bottom: 16px; right: 16px; }
}
@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; } .elp-button, .elp-card, .elp-nav a { transition: none; } }
