.landing .application-section { --application-ink:#0f172a; --application-muted:#475569; background:#edf3fc; padding:72px 24px; direction:rtl; }
.landing .application-layout { max-inline-size:1200px; margin-inline:auto; display:grid; grid-template-columns:minmax(0,1fr); gap:36px; align-items:center; }
.landing .application-intro { min-inline-size:0; text-align:start; }
.landing .application-kicker { display:inline-block; padding:6px 12px; border:1px solid #bfdbfe; border-radius:999px; background:#eff6ff; color:#185adb; font-size:12px; font-weight:700; }
.landing .application-intro h2 { margin-block:20px; color:var(--application-ink); font-size:clamp(32px,3.4vw,48px); font-weight:900; line-height:1.25; letter-spacing:-.6px; }
.landing .application-intro h2 span { color:#1d4ed8; }
.landing .application-intro > p { margin:0; color:var(--application-muted); font-size:17px; line-height:1.9; }
.landing .application-benefits { list-style:none; padding:0; margin-block:24px; display:grid; gap:12px; color:var(--application-ink); font-size:15px; line-height:1.7; }
.landing .application-benefits li { display:flex; gap:10px; }
.landing .application-benefits li::before { content:'✓'; color:#1d4ed8; font-weight:800; }
.landing .application-intro .section-conversion-action { padding:0; justify-content:start; margin-block:28px 0; }
.landing .application-example { min-inline-size:0; background:#fff; border:1px solid #d5dfef; border-radius:20px; box-shadow:0 20px 60px -20px #1e3a8a30; overflow:hidden; color:var(--application-ink); }
.landing .application-window { display:flex; flex-wrap:wrap; align-items:center; justify-content:space-between; gap:10px; padding:16px 24px; border-block-end:1px solid #e2e8f0; background:#f8faff; font-size:12px; font-weight:700; }
.landing .application-window > span:first-child { display:flex; align-items:center; gap:8px; }
.landing .application-window i { inline-size:8px; block-size:8px; border-radius:50%; background:#2563eb; }
.landing .application-demo { color:#64748b; font-size:11px; font-weight:400; }
.landing .application-job-header { display:flex; flex-wrap:wrap; justify-content:space-between; align-items:start; gap:14px; padding:24px; }
.landing .application-company { color:#64748b; font-size:12px; }
.landing .application-job-header h3 { margin-block:6px; font-size:21px; line-height:1.45; font-weight:800; }
.landing .application-job-header p { margin:0; font-size:12px; color:#64748b; }
.landing .application-status { padding:5px 10px; border:1px solid #a7f3d0; border-radius:999px; color:#065f46; background:#ecfdf5; font-size:11px; font-weight:700; }
.landing .application-info-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; padding-inline:24px; }
.landing .application-detail { min-inline-size:0; padding:18px; border:1px solid #e2e8f0; border-radius:12px; background:#fbfcfe; overflow-wrap:anywhere; }
.landing .application-detail-number { color:#64748b; font-size:11px; font-weight:700; }
.landing .application-detail h4 { margin-block:6px 14px; font-size:15px; font-weight:800; }
.landing .application-detail p,.landing .application-detail dl { margin-block:0 10px; color:var(--application-muted); font-size:12px; line-height:1.8; }
.landing .application-detail dl > div + div { margin-block-start:8px; }
.landing .application-detail dt { color:#64748b; font-size:11px; }
.landing .application-detail dd { margin:0; color:var(--application-ink); font-weight:600; }
.landing .application-detail small { display:block; font-size:11px; line-height:1.7; color:#64748b; }
.landing .application-detail .application-file { color:#1d4ed8; font-weight:600; font-size:11px; }
.landing .application-tags { display:flex; flex-wrap:wrap; gap:5px; margin-block:10px; }
.landing .application-tags span { padding:3px 7px; border-radius:5px; color:#1e40af; background:#eff6ff; font-size:10px; }
.landing .application-detail .application-view-value { color:#1d4ed8; font-size:22px; font-weight:800; }
.landing .application-view-value span { display:block; font-size:11px; color:#64748b; font-weight:400; }
.landing .application-detail .application-note { padding:10px; border-inline-start:2px solid #c7d2fe; background:#f1f5fb; border-radius:4px; }
.landing .application-history { padding:24px; }
.landing .application-history h4 { margin-block:0 16px; font-size:13px; font-weight:700; }
.landing .application-history ol { list-style:none; padding:0; margin:0 0 20px; display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:10px; }
.landing .application-history li { display:grid; gap:6px; font-size:11px; line-height:1.5; }
.landing .application-history li > span:last-child { color:#64748b; }
.landing .application-event-dot { inline-size:8px; block-size:8px; border-radius:50%; background:#2563eb; }
.landing .application-next { display:grid; gap:5px; padding:14px; border:1px solid #dbeafe; border-radius:10px; background:#eff6ff; font-size:12px; line-height:1.6; }
.landing .application-next > span { color:#1d4ed8; font-size:11px; }
@media(min-width:1100px) { .landing .application-layout { grid-template-columns:minmax(0,.8fr) minmax(0,1.4fr); gap:48px; } }
@media(max-width:600px) { .landing .application-section { padding:44px 20px; } .landing .application-info-grid { grid-template-columns:minmax(0,1fr); padding-inline:16px; } .landing .application-job-header,.landing .application-history { padding:20px 16px; } .landing .application-window { padding:14px 16px; } }