.platform-demo-hero{background:linear-gradient(180deg, #fff 0%, var(--s2,#f9fafb) 100%);border-bottom:1px solid var(--border,#e5e7eb);padding:72px 24px 64px}.platform-demo-hero__inner{text-align:center;max-width:720px;margin:0 auto}.platform-demo-hero__pill{border:1px solid var(--border,#e5e7eb);text-transform:uppercase;letter-spacing:.08em;color:var(--moss,#2d6a4f);background:#fff;border-radius:999px;align-items:center;gap:8px;margin-bottom:20px;padding:5px 14px;font-size:11px;font-weight:700;display:inline-flex}.platform-demo-hero__pill-dot{background:#22c55e;border-radius:50%;width:6px;height:6px;animation:2s ease-in-out infinite demoPulse;box-shadow:0 0 0 3px #22c55e40}@keyframes demoPulse{0%,to{opacity:1}50%{opacity:.55}}.platform-demo-hero h1{letter-spacing:-.025em;color:var(--fg,#111827);margin:0;font-size:clamp(2rem,4vw,2.85rem);font-weight:500;line-height:1.1}.platform-demo-hero h1 em{color:var(--moss,#2d6a4f);font-style:normal;font-weight:700}.platform-demo-hero__lead{max-width:52ch;color:var(--muted,#6b7280);margin:18px auto 0;font-size:16px;line-height:1.7}.platform-demo-hero__nav{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:32px;display:flex}.platform-demo-hero__nav a{color:var(--moss,#2d6a4f);background:#fff;border:1px solid #2d6a4f38;border-radius:999px;align-items:center;padding:11px 20px;font-size:14px;font-weight:600;transition:background .15s,transform .15s;display:inline-flex}.platform-demo-hero__nav a:hover{background:#2d6a4f0f;transform:translateY(-1px)}.platform-demo-section{border-bottom:1px solid var(--border,#e5e7eb);padding:72px 24px}.platform-demo-section--candidate{background:var(--s2,#f9fafb)}.platform-demo-section--employer{background:#fff}.platform-demo-section__inner{max-width:1120px;margin:0 auto}.platform-demo-section__grid{align-items:start;gap:36px;display:grid}@media (min-width:960px){.platform-demo-section__grid{grid-template-columns:minmax(0,320px) minmax(0,1fr);gap:48px}.platform-demo-section__head{position:sticky;top:96px}}.platform-demo-section__role{text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;font-size:11px;font-weight:700;display:inline-flex}.platform-demo-section__role--candidate{color:#4b8ef0;background:#4b8ef01f;border:1px solid #4b8ef033}.platform-demo-section__role--employer{color:var(--moss,#2d6a4f);background:#2d6a4f1a;border:1px solid #2d6a4f2e}.platform-demo-section__head h2{letter-spacing:-.02em;margin:0 0 12px;font-size:clamp(1.5rem,2.4vw,2rem);font-weight:500;line-height:1.15}.platform-demo-section__head>p{color:var(--muted,#6b7280);margin:0;font-size:15px;line-height:1.65}.platform-demo-section__steps{border:1px solid var(--border,#e5e7eb);background:#fff;border-radius:14px;flex-direction:column;gap:0;margin:22px 0 0;padding:0;list-style:none;display:flex;overflow:hidden}.platform-demo-section--employer .platform-demo-section__steps{background:var(--s2,#f9fafb)}.platform-demo-section__steps li{color:#374151;border-bottom:1px solid var(--border,#e5e7eb);align-items:flex-start;gap:12px;padding:14px 16px;font-size:14px;display:flex}.platform-demo-section__steps li:last-child{border-bottom:none}.platform-demo-section__steps span{width:26px;height:26px;color:var(--moss,#2d6a4f);background:#2d6a4f1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:12px;font-weight:700;display:flex}.platform-demo-section__steps strong{color:var(--fg,#111827);margin-bottom:2px;font-weight:700;display:block}.platform-demo-section__demo-label{color:#fff;background:#1c3829;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-size:12px;font-weight:600;display:flex}.platform-demo-section__demo-label span:last-child{text-transform:uppercase;letter-spacing:.06em;color:#7ddea8;align-items:center;gap:6px;font-size:10px;font-weight:700;display:inline-flex}.platform-demo-section__demo-label-dot{background:#52b788;border-radius:50%;width:6px;height:6px}.platform-demo-section__demo{border:1px solid var(--border,#e5e7eb);border-radius:16px;overflow:hidden;box-shadow:0 2px 4px #0f172a0a,0 12px 32px #0f172a14}.platform-demo-section__demo-body{background:#eef0f3;padding:12px;position:relative}.platform-demo-section--employer .platform-demo-section__demo-body{background:#f3f4f6}.platform-demo-section__demo-body .ob-demo-page--embed,.platform-demo-section__demo-body .rec-demo-page--embed{padding:0}.platform-demo-section__demo-body .ob-demo,.platform-demo-section__demo-body .rec-demo-shell{box-shadow:none;border-radius:12px}.platform-demo-cta{background:var(--s2,#f9fafb);padding:80px 24px}.platform-demo-cta__inner{border:1px solid var(--border,#e5e7eb);text-align:center;background:#fff;border-radius:24px;max-width:1280px;margin:0 auto;padding:72px 32px;overflow:hidden;box-shadow:0 8px 32px #0f172a0f}.platform-demo-cta__ey{text-transform:uppercase;letter-spacing:.1em;color:var(--clay,#d97706);font-size:11px;font-weight:700}.platform-demo-cta__inner h2{letter-spacing:-.02em;margin-top:12px;font-size:clamp(1.6rem,3vw,2.4rem);font-weight:500;line-height:1.12}.platform-demo-cta__inner p{max-width:46ch;color:var(--muted,#6b7280);margin:16px auto 0;font-size:16px;line-height:1.7}.platform-demo-cta__btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}@media (max-width:767px){.platform-demo-hero{padding-top:48px}.platform-demo-cta__inner{padding:56px 24px}.platform-demo-cta__btns .mkt-btn-primary,.platform-demo-cta__btns .mkt-btn-outline{width:100%}}