:root {--purple: #4842A8;--purple-dark: #322E82;--purple-deeper: #1E1B5E;--purple-light: #6B66CC;--purple-pale: #EEEDF8;--cream: #F7F7FB;--warm-gray: #EDEDF5;--text: #1A1A2E;--text-muted: #5A5870;--white: #FFFFFF;--border: rgba(72,66,168,0.13);--green: #1A7A4A;--green-bg: #EAF7F0;}.hero-section{background: var(--purple-deeper);}.hero {min-height: 100vh;display: grid;grid-template-columns: 1fr 1fr;align-items: center;padding: 100px 0;gap: 4rem;position: relative;overflow: hidden;}.hero::before {content: '';position: absolute;inset: 0;background: radial-gradient(ellipse 60% 80% at 80% 50%, rgba(72,66,168,0.35) 0%, transparent 70%);pointer-events: none;}.hero-eyebrow {display: inline-flex;align-items: center;gap: 10px;background: rgba(72,66,168,0.25);border: 1px solid rgba(107,102,204,0.45);color: #B8B4F0;font-size: 0.7rem;font-weight: 600;letter-spacing: 0.12em;text-transform: uppercase;padding: 7px 16px;border-radius: 20px;margin-bottom: 1.75rem;}.eyebrow-dot {width: 6px;height: 6px;border-radius: 50%;background: #B8B4F0;}.hero h1 {font-weight: 800;font-size: clamp(2.2rem, 4vw, 3.5rem);color: #fff;line-height: 1.15;margin-bottom: 1.5rem;letter-spacing: -0.02em;}.hero h1 em {font-style: italic;font-weight: 700;color: #A89CF0;}.hero-sub {color: rgba(255,255,255,0.58);font-size: 0.98rem;font-weight: 300;margin-bottom: 2.5rem;max-width: 500px;}.hero-pills {display: flex;flex-wrap: wrap;gap: 10px;margin-bottom: 2.5rem;}.pill {background: rgba(255,255,255,0.07);border: 1px solid rgba(255,255,255,0.16);color: rgba(255,255,255,0.82);font-size: 0.76rem;font-weight: 500;padding: 6px 16px;border-radius: 20px;}.btn-primary {display: inline-flex;align-items: center;gap: 10px;background: var(--purple);color: #fff;font-family: 'Poppins', sans-serif;font-size: 16px;font-weight: 600;padding: 14px 28px;border-radius: 10px;text-decoration: none;transition: background 0.2s, transform 0.15s;}.btn-primary:hover {background: var(--purple-light);transform: translateY(-2px);}.btn-primary svg {width: 18px;height: 18px;}.hero-visual {position: relative;z-index: 1;}.hero-img-wrap {border-radius: 16px;overflow: hidden;aspect-ratio: 4/3;}.hero-img-wrap img {width: 100%;height: 100%;object-fit: cover;display: block;}.hero-stat-float {position: absolute;bottom: -20px;left: -24px;background: var(--purple);color: #fff;border-radius: 14px;padding: 16px 24px;box-shadow: 0 12px 32px rgba(72,66,168,0.5);}.hero-stat-float .big {font-weight: 800;font-size: 2.4rem;line-height: 1;letter-spacing: -0.03em;}.hero-stat-float .lbl {font-size: 0.73rem;font-weight: 400;opacity: 0.82;margin-top: 4px;}.metrics-band {background: var(--white);border-top: 1px solid var(--border);border-bottom: 1px solid var(--border);}.metrics-inner {display: grid;grid-template-columns: repeat(4, 1fr);}.metric-cell {padding: 2.5rem 2rem;text-align: center;border-right: 1px solid var(--border);}.metric-cell:last-child {border-right: none;}.metric-num {font-weight: 800;font-size: 3rem;color: var(--purple);line-height: 1;letter-spacing: -0.03em;}.metric-desc {font-size: 0.8rem;color: var(--text-muted);margin-top: 8px;line-height: 1.4;font-weight: 400;}.metric-badge {display: inline-block;background: var(--green-bg);color: var(--green);font-size: 0.66rem;font-weight: 600;letter-spacing: 0.06em;padding: 4px 12px;border-radius: 20px;margin-top: 8px;}section {margin: 0 auto;padding: 5rem 2rem;}.section-label {font-size: 0.68rem;font-weight: 700;letter-spacing: 0.18em;text-transform: uppercase;color: var(--purple);margin-bottom: 0.75rem;}h2 {font-weight: 700;font-size: clamp(1.7rem, 3vw, 2.5rem);color: var(--purple-deeper);line-height: 1.2;margin-bottom: 1rem;letter-spacing: -0.02em;}.lead {font-size: 0.98rem;font-weight: 300;color: var(--text-muted);max-width: 640px;margin-bottom: 3rem;}.two-col {display: grid;grid-template-columns: 1fr 1fr;gap: 5rem;align-items: center;}.two-col.reverse .col-img {order: -1;}.col-img {border-radius: 16px;overflow: hidden;aspect-ratio: 4/3;box-shadow: 0 24px 64px rgba(72,66,168,0.12);}.col-img img {width: 100%;height: 100%;object-fit: cover;display: block;}.overview-cards {display: grid;grid-template-columns: repeat(2, 1fr);gap: 14px;margin-top: 2rem;}.overview-card {background: var(--white);border: 1px solid var(--border);border-radius: 12px;padding: 1.25rem;display: flex;align-items: flex-start;gap: 14px;}.ov-icon {width: 42px;height: 42px;border-radius: 10px;background: var(--purple-pale);display: flex;align-items: center;justify-content: center;flex-shrink: 0;}.ov-icon svg {width: 20px;height: 20px;fill: var(--purple);}.ov-title {font-weight: 600;font-size: 0.83rem;margin-bottom: 3px;color: var(--purple-deeper);}.ov-text {font-size: 0.76rem;color: var(--text-muted);font-weight: 300;line-height: 1.5;}.challenges-bg {background: var(--purple-deeper);padding: 5rem 0;}.challenges-bg section {padding-top: 0;padding-bottom: 0;}.challenges-bg h2 {color: #fff;}.challenges-bg .section-label {color: #A89CF0;}.challenges-bg .lead {color: rgba(255,255,255,0.52);}.challenge-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 16px;margin-bottom: 3rem;}.challenge-card {background: rgba(255,255,255,0.06);border: 1px solid rgba(255,255,255,0.1);border-radius: 14px;padding: 1.5rem;transition: background 0.2s;}.challenge-card:hover {background: rgba(255,255,255,0.1);}.ch-num {font-weight: 800;font-size: 2rem;color: #A89CF0;line-height: 1;margin-bottom: 12px;letter-spacing: -0.03em;}.ch-title {font-weight: 600;font-size: 16px;margin-bottom: 6px;color: #fff;}.ch-text {font-size: 16px;color: rgba(255,255,255,0.48);font-weight: 300;}.root-causes {background: rgba(255,255,255,0.04);border: 1px solid rgba(255,255,255,0.1);border-radius: 16px;padding: 2.5rem;}.root-causes h3 {font-weight: 700;font-size: 1.05rem;margin-bottom: 1.5rem;color: #fff;letter-spacing: -0.01em;}.root-list {list-style: none;display: grid;grid-template-columns: 1fr 1fr;gap: 12px;}.root-list li {display: flex;align-items: center;gap: 12px;font-size: 16px;color: rgba(255,255,255,0.7);font-weight: 400;}.root-dot {width: 8px;height: 8px;border-radius: 50%;background: var(--purple-light);flex-shrink: 0;}.solution-header {display: flex;align-items: center;gap: 14px;margin-bottom: 0.5rem;flex-wrap: wrap;}.sf-badge {background: #96BF48;color: #fff;font-size: 0.66rem;font-weight: 700;letter-spacing: 0.06em;padding: 5px 14px;border-radius: 20px;}.arch-grid {display: grid;grid-template-columns: repeat(3, 1fr);gap: 20px;margin-top: 3rem;}.arch-card {background: var(--white);border: 1px solid var(--border);border-radius: 14px;padding: 2rem 1.5rem;transition: box-shadow 0.2s, transform 0.2s;position: relative;overflow: hidden;}.arch-card::before {content: '';position: absolute;top: 0;left: 0;right: 0;height: 3px;background: var(--purple);}.arch-card:hover {box-shadow: 0 12px 40px rgba(72,66,168,0.12);transform: translateY(-3px);}.arch-icon {width: 48px;height: 48px;border-radius: 12px;background: var(--purple-pale);display: flex;align-items: center;justify-content: center;margin-bottom: 1rem;}.arch-icon svg {width: 24px;height: 24px;fill: var(--purple);}.arch-title {font-weight: 600;font-size: 16px;margin-bottom: 8px;color: var(--purple-deeper);}.arch-text {font-size: 16px;color: var(--text-muted);line-height: 1.6;font-weight: 300;}.phases-bg {background: var(--warm-gray);padding: 5rem 0;}.phases-bg section {padding-top: 0;padding-bottom: 0;}.phases-timeline {display: flex;gap: 0;margin-top: 3rem;position: relative;}.phases-timeline::before {content: '';position: absolute;top: 32px;left: 32px;right: 32px;height: 2px;background: var(--border);z-index: 0;}.phase-item {flex: 1;text-align: center;position: relative;z-index: 1;}.phase-dot {width: 64px;height: 64px;border-radius: 50%;background: var(--purple-deeper);color: #fff;font-weight: 700;font-size: 1.4rem;display: flex;align-items: center;justify-content: center;margin: 0 auto 1rem;box-shadow: 0 4px 16px rgba(72,66,168,0.25);transition: background 0.2s;}.phase-item:hover .phase-dot {background: var(--purple);}.phase-title {font-weight: 600;font-size: 16px;margin-bottom: 8px;color: var(--purple-deeper);}.phase-list {list-style: none;font-size: 14px;color: var(--text-muted);line-height: 1.9;font-weight: 300;padding: 0;}.ba-grid {display: grid;grid-template-columns: 1fr 1fr;gap: 2rem;margin-top: 3rem;}.ba-card {border-radius: 16px;padding: 2.5rem;}.ba-card.before {background: #fff;border: 1px solid var(--border);}.ba-card.after {background: var(--purple-deeper);}.ba-label {font-size: 0.68rem;font-weight: 700;letter-spacing: 0.12em;text-transform: uppercase;margin-bottom: 1.5rem;display: flex;align-items: center;gap: 8px;}.ba-card.before .ba-label {color: var(--text-muted);}.ba-card.after .ba-label {color: #A89CF0;}.ba-label svg {width: 16px;height: 16px;flex-shrink: 0;}.ba-item {display: flex;align-items: center;gap: 12px;padding: 11px 0;border-bottom: 1px solid;font-size: 0.86rem;font-weight: 400;}.ba-card.before .ba-item {border-color: var(--border);color: var(--text-muted);}.ba-card.after .ba-item {border-color: rgba(255,255,255,0.1);color: rgba(255,255,255,0.8);}.ba-item:last-child {border-bottom: none;}.ba-item svg {width: 16px;height: 16px;flex-shrink: 0;}.ba-card.before .ba-item svg {fill: #C0BFCE;}.ba-card.after .ba-item svg {fill: #A89CF0;}.impact-grid {display: grid;grid-template-columns: repeat(5, 1fr);gap: 16px;margin-top: 3rem;}.impact-item {background: var(--white);border: 1px solid var(--border);border-radius: 14px;padding: 1.5rem 1rem;text-align: center;transition: transform 0.2s;}.impact-item:hover {transform: translateY(-4px);box-shadow: 0 8px 24px rgba(72,66,168,0.1);}.impact-icon {width: 52px;height: 52px;border-radius: 14px;background: var(--purple-pale);display: flex;align-items: center;justify-content: center;margin: 0 auto 14px;}.impact-icon svg {width: 26px;height: 26px;fill: var(--purple);}.impact-text {font-size: 14px;color: var(--text-muted);line-height: 1.55;font-weight: 400;}.quote-bg {background: var(--purple-deeper);padding: 6rem 0;}.quote-bg section {padding-top: 0;padding-bottom: 0;text-align: center;}.quote-mark-icon {display: flex;justify-content: center;margin-bottom: 1.5rem;}.quote-mark-icon svg {width: 52px;height: 52px;fill: rgba(168,156,240,0.32);}.quote-text {font-weight: 500;font-size: clamp(1.05rem, 2.2vw, 1.6rem);color: #fff;max-width: 800px;margin: 0 auto 2rem;line-height: 1.65;font-style: italic;}.quote-attr {font-size: 0.83rem;color: rgba(255,255,255,0.42);}.quote-attr strong {color: rgba(255,255,255,0.78);display: block;font-weight: 600;margin-bottom: 4px;}.cta-section {text-align: center;padding: 7rem 2rem;}.cta-section h2 {margin-bottom: 1rem;}.cta-section .lead {margin: 0 auto 2.5rem;text-align: center;}.cta-chips {display: flex;justify-content: center;gap: 20px;flex-wrap: wrap;margin-top: 1.5rem;}.cta-chip {font-size: 16px;color: var(--text-muted);display: flex;align-items: center;gap: 7px;font-weight: 400;}.cta-chip svg {width: 16px;height: 16px;fill: var(--purple);flex-shrink: 0;}.powered-item {background: var(--white);border: 1px solid var(--border);border-radius: 10px;padding: 1rem 1.25rem;display: flex;align-items: center;gap: 14px;}.powered-dot {width: 12px;height: 12px;border-radius: 50%;flex-shrink: 0;}.powered-label {font-weight: 600;font-size: 0.86rem;color: var(--purple-deeper);}@media (max-width: 900px) {.hero {grid-template-columns: 1fr;padding: 20px 0 70px 0;min-height: auto;}.hero-visual {display: none;}.two-col {grid-template-columns: 1fr;}.two-col.reverse .col-img {order: 0;}.challenge-grid {grid-template-columns: 1fr 1fr;}.arch-grid {grid-template-columns: 1fr 1fr;}.metrics-inner {grid-template-columns: repeat(2, 1fr);}.impact-grid {grid-template-columns: repeat(3, 1fr);}.phases-timeline {flex-direction: column;gap: 2rem;}.phases-timeline::before {display: none;}.root-list {grid-template-columns: 1fr;}.overview-cards {grid-template-columns: 1fr;}}@media (max-width: 600px) {.challenge-grid {grid-template-columns: 1fr;}.arch-grid {grid-template-columns: 1fr;}.ba-grid {grid-template-columns: 1fr;}.impact-grid {grid-template-columns: repeat(2, 1fr);}}