.mkt:has(.platform-demo-hero){max-width:100%;overflow-x:clip}.platform-demo-hero{isolation:isolate;padding:clamp(56px, 8vw, 88px) var(--page-gutter) clamp(48px, 7vw, 72px);border-bottom:1px solid var(--border,#e5e7eb);background:radial-gradient(70% 55% at 88% 18%,#2d6a4f24,#0000 58%),radial-gradient(55% 50% at 8% 90%,#3b82f614,#0000 55%),linear-gradient(#f7faf8 0%,#fff 55% 100%);position:relative;overflow:hidden}.platform-demo-hero:before{content:"";z-index:0;pointer-events:none;background-image:linear-gradient(#11182709 1px,#0000 1px),linear-gradient(90deg,#11182709 1px,#0000 1px);background-size:48px 48px;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#0000008c,#0000 78%);mask-image:linear-gradient(#0000008c,#0000 78%)}.platform-demo-hero__inner{z-index:1;max-width:var(--content-width);min-width:0;margin:0 auto;position:relative}.platform-demo-hero__pill{font-size:var(--type-label);text-transform:uppercase;letter-spacing:.08em;color:var(--moss,#2d6a4f);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffffb8;border:1px solid #2d6a4f2e;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:5px 14px;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{max-width:18em;font-size:var(--type-hero-title);letter-spacing:-.035em;color:var(--fg,#111827);overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty;margin:0 0 18px;font-weight:600;line-height:1.08}.platform-demo-hero h1 em{color:var(--moss,#2d6a4f);letter-spacing:-.025em;font-style:normal;font-weight:700}.platform-demo-hero__lead{max-width:46ch;font-size:var(--type-lead);color:var(--muted,#6b7280);margin:0 0 28px;line-height:1.7}.platform-demo-hero__nav{flex-wrap:wrap;gap:12px;margin-top:0;display:flex}.platform-demo-hero__nav a{min-height:44px;color:var(--moss,#2d6a4f);background:#fff;border:1px solid #2d6a4f38;border-radius:999px;align-items:center;padding:10px 20px;font-size:16px;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{padding:clamp(48px, 7vw, 72px) var(--page-gutter);border-bottom:1px solid var(--border,#e5e7eb)}.platform-demo-section--candidate{background:var(--s2,#f9fafb)}.platform-demo-section--employer{background:#fff}.platform-demo-section__inner{max-width:var(--content-width);min-width:0;margin:0 auto}.platform-demo-section__grid{align-items:start;gap:36px;min-width:0;display:grid}.platform-demo-section__head,.platform-demo-section__demo{min-width:0}@media (min-width:1100px){.platform-demo-section__grid{grid-template-columns:minmax(0,400px) minmax(0,1fr);gap:48px}.platform-demo-section__head{position:sticky;top:96px}.platform-demo-section--candidate .platform-demo-section__grid{grid-template-columns:minmax(0,1fr);gap:32px}.platform-demo-section--candidate .platform-demo-section__head{max-width:760px;position:static}.platform-demo-section--candidate .platform-demo-section__demo{width:100%;max-width:960px;margin:0 auto}.platform-demo-section--employer .platform-demo-section__grid{grid-template-columns:minmax(0,1fr);gap:32px}.platform-demo-section--employer .platform-demo-section__head{max-width:760px;position:static}.platform-demo-section--employer .platform-demo-section__demo{width:100%;max-width:960px;margin:0 auto}}.platform-demo-section__role{font-size:var(--type-label);text-transform:uppercase;letter-spacing:.08em;border-radius:999px;align-items:center;gap:8px;margin-bottom:14px;padding:6px 12px;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{font-size:var(--type-section-title);letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty;margin:0 0 14px;font-weight:700;line-height:1.12}.platform-demo-section__head>p{font-size:var(--type-body);color:var(--muted,#6b7280);margin:0;line-height:1.7}.platform-demo-section__steps{border:1px solid var(--border,#e5e7eb);border-radius:var(--radius-card,16px);background:#fff;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{font-size:var(--type-small);color:var(--text-secondary);border-bottom:1px solid var(--border,#e5e7eb);align-items:flex-start;gap:12px;padding:16px 18px;line-height:1.6;display:flex}.platform-demo-section__steps li:last-child{border-bottom:none}.platform-demo-section__steps span{width:30px;height:30px;color:var(--moss,#2d6a4f);background:#2d6a4f1a;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.platform-demo-section__steps strong{color:var(--fg,#111827);margin-bottom:3px;font-weight:700;line-height:1.35;display:block}.platform-demo-section__dashboard-link{min-height:44px;color:var(--moss,#2d6a4f);background:#fff;border:1px solid #2d6a4f38;border-radius:999px;justify-content:center;align-items:center;margin-top:16px;padding:10px 18px;font-size:16px;font-weight:600;text-decoration:none;transition:background .15s,transform .15s;display:inline-flex}.platform-demo-section__dashboard-link:hover{background:#2d6a4f0f;transform:translateY(-1px)}.platform-demo-section__demo-label{color:#fff;font-size:var(--type-label);background:#111827;justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;font-weight:600;display:flex}.platform-demo-section__demo-label span:last-child{font-size:var(--type-label);text-transform:uppercase;letter-spacing:.06em;color:#7ddea8;align-items:center;gap:6px;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:20px;overflow:hidden;box-shadow:0 2px 4px #0f172a0a,0 12px 32px #0f172a14}.platform-demo-section__demo-body{background:var(--s2,#f9fafb);padding:clamp(12px,2vw,24px);position:relative}.platform-demo-section--employer .platform-demo-section__demo-body{background:var(--s2,#f9fafb)}.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:var(--radius-card,16px)}.platform-demo-section--candidate .platform-demo-section__demo-body{padding:clamp(12px,2vw,24px)}.platform-demo-section--candidate .platform-demo-section__demo-body .ob-demo{max-width:none}.platform-demo-cta{padding:clamp(48px, 7vw, 72px) var(--page-gutter);background:var(--s2,#f9fafb)}.platform-demo-cta__inner{max-width:var(--content-width);border:1px solid var(--border,#e5e7eb);text-align:center;background:#fff;border-radius:24px;margin:0 auto;padding:clamp(48px,7vw,72px) clamp(20px,4vw,40px);overflow:hidden;box-shadow:0 8px 32px #0f172a0f}.platform-demo-cta__ey{font-size:var(--type-label);text-transform:uppercase;letter-spacing:.08em;color:var(--moss,#2d6a4f);align-items:center;gap:8px;font-weight:700;display:inline-flex}.platform-demo-cta__ey:before{content:"";background:var(--moss,#2d6a4f);border-radius:50%;width:6px;height:6px;box-shadow:0 0 0 4px #2d6a4f1f}.platform-demo-cta__inner h2{font-size:var(--type-section-title);letter-spacing:-.035em;overflow-wrap:normal;word-break:normal;-webkit-hyphens:none;hyphens:none;text-wrap:pretty;margin-top:12px;font-weight:700;line-height:1.12}.platform-demo-cta__inner p{max-width:46ch;font-size:var(--type-lead);color:var(--muted,#6b7280);margin:16px auto 0;line-height:1.7}.platform-demo-cta__btns{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:32px;display:flex}.platform-demo-cta__btns .mkt-btn-primary,.platform-demo-cta__btns .mkt-btn-outline{min-height:44px;font-size:16px}@media (max-width:767px){.platform-demo-hero{padding:36px var(--page-gutter) 40px}.platform-demo-hero h1{max-width:none;font-size:clamp(30px,9vw,40px)}.platform-demo-hero__lead{max-width:none}.platform-demo-hero__nav{flex-direction:column;align-items:stretch}.platform-demo-hero__nav a{justify-content:center;width:100%}.platform-demo-cta__inner{padding:48px 20px}.platform-demo-cta__btns .mkt-btn-primary,.platform-demo-cta__btns .mkt-btn-outline{width:100%}}