.cxi-hero{position:relative;padding-block:88px 84px;background:var(--cxh-bg);overflow:hidden}.cxi-hero:before{content:"";position:absolute;top:-220px;inset-inline-start:50%;transform:translateX(-50%);width:820px;height:480px;background:radial-gradient(closest-side,rgba(var(--cxh-primary-rgb),.14),transparent 72%);filter:blur(12px);pointer-events:none}[dir=rtl] .cxi-hero:before{transform:translateX(50%)}.cxi-hero-inner{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center}.cxi-badge{display:inline-flex;align-items:center;gap:10px;padding:9px 18px;border-radius:var(--cx-radius-pill);border:1px solid rgba(var(--cxh-primary-rgb),.3);background:rgba(var(--cxh-primary-rgb),.06);color:var(--cxh-primary);font-size:.85rem;font-weight:700;margin-bottom:18px}.cxi-hero-title{font-size:clamp(2.2rem,4.8vw,3.8rem);font-weight:700;line-height:1.1;letter-spacing:-.03em;margin:16px 0 0;max-width:17em;text-wrap:balance}.cxi-hero-sub{font-size:clamp(1.02rem,1.5vw,1.18rem);line-height:1.75;margin:20px auto 0;max-width:44em;text-wrap:pretty}.cxi-hero-ctas{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;margin-top:32px}.cxi-problems{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:22px;gap:22px}.cxi-problem{padding:30px 28px;border-radius:20px;border:1px solid var(--cxh-border);background:var(--cxh-surface);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.cxi-problem:hover{transform:translateY(-5px);box-shadow:var(--cxh-shadow-lg);border-color:rgba(var(--cxh-primary-rgb),.35)}.cxi-problem>i{display:inline-flex;align-items:center;justify-content:center;width:46px;height:46px;border-radius:12px;background:rgba(var(--cxh-primary-rgb),.1);color:var(--cxh-primary);font-size:1.25rem}.cxi-problem h3{font-size:1.1rem;font-weight:700;margin:16px 0 8px;line-height:1.4}.cxi-problem p{font-size:.94rem;line-height:1.7;margin:0}.cxi-modules-band{background:var(--cxh-bg-soft);border-block:1px solid var(--cxh-border)}.cxi-modules{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:20px;gap:20px}.cxi-module{padding:26px 24px;border-radius:var(--cxh-radius);border:1px solid var(--cxh-border);background:var(--cxh-surface);transition:transform .25s ease,box-shadow .25s ease,border-color .25s ease}.cxi-module:hover{transform:translateY(-5px);box-shadow:var(--cxh-shadow-lg);border-color:rgba(var(--cxh-primary-rgb),.35)}.cxi-module-icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:rgba(var(--cxh-primary-rgb),.1);color:var(--cxh-primary);font-size:1.2rem}.cxi-module h4{font-size:1.05rem;font-weight:700;margin:14px 0 6px}.cxi-module p{font-size:.9rem;line-height:1.65;margin:0}.cxi-preview{max-width:860px;margin:48px auto 0}.cxi-preview-note{display:flex;align-items:center;justify-content:center;gap:8px;margin:18px 0 0;font-size:.85rem;color:var(--cxh-navy-muted)}.cxi-preview-note i{color:#aab6ff}.cxi-pills{display:flex;flex-wrap:wrap;gap:12px}.cxi-pill{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;border-radius:var(--cx-radius-pill);border:1px solid var(--cxh-border);background:var(--cxh-surface);font-size:.95rem;font-weight:600;color:var(--cxh-text);transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.cxi-pill:hover{transform:translateY(-3px);border-color:rgba(var(--cxh-primary-rgb),.4);box-shadow:var(--cxh-shadow)}.cxi-pill i{color:var(--cxh-primary)}.cxi-audience-band{background:var(--cxh-bg-soft);border-block:1px solid var(--cxh-border)}.cxi-grid-2{grid-template-columns:repeat(2,1fr)}.cxi-roadmap{list-style:none;margin:0;padding:0;position:relative;max-width:720px}.cxi-roadmap:before{content:"";position:absolute;inset-block:22px;inset-inline-start:21px;width:2px;background:linear-gradient(180deg,#22c55e,var(--cxh-primary),rgba(var(--cxh-primary-rgb),.15))}.cxi-phase{position:relative;display:flex;gap:22px;padding-block:16px}.cxi-phase-marker{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;font-size:1.1rem;flex-shrink:0;box-shadow:0 0 0 5px var(--cxh-bg)}.cxi-phase--shipped .cxi-phase-marker{background:rgba(34,197,94,.15);color:#16a34a}.cxi-phase--building .cxi-phase-marker{background:linear-gradient(135deg,var(--cxh-primary),var(--cxh-grad-end));color:#fff}.cxi-phase--planned .cxi-phase-marker{background:var(--cxh-bg-soft);border:1px solid var(--cxh-border);color:var(--cxh-muted)}.cxi-phase-top{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.cxi-phase-top h4{font-size:1.08rem;font-weight:700;margin:0}.cxi-phase-status{padding:4px 12px;border-radius:var(--cx-radius-pill);font-size:.72rem;font-weight:700;letter-spacing:.05em;text-transform:uppercase}.cxi-phase-status--shipped{background:rgba(34,197,94,.14);color:#16a34a}.cxi-phase-status--building{background:rgba(var(--cxh-primary-rgb),.1);color:var(--cxh-primary)}.cxi-phase-status--planned{background:var(--cxh-bg-soft);border:1px solid var(--cxh-border);color:var(--cxh-muted)}.cxi-phase-body p{font-size:.93rem;line-height:1.65;margin:8px 0 0;max-width:46em}@media (max-width:991px){.cxi-problems{grid-template-columns:1fr}.cxi-modules{grid-template-columns:repeat(2,1fr)}.cxi-grid-2{grid-template-columns:1fr}}@media (max-width:575px){.cxi-hero{padding-block:60px 56px}.cxi-hero-ctas .cxh-btn{width:100%;max-width:340px;justify-content:center}.cxi-modules{grid-template-columns:1fr}.cxi-phase{gap:16px}}