:root {
  --ink: #0d1835;
  --ink-soft: #536078;
  --blue: #235bd8;
  --blue-deep: #1744aa;
  --aqua: #52d6e2;
  --aqua-light: #dbf9fb;
  --lavender: #b5a5ff;
  --line: #dce4f1;
  --paper: #f8faff;
  --white: #fff;
  --heading: "Manrope", Arial, sans-serif;
  --serif: "Newsreader", Georgia, serif;
  color: var(--ink);
  background: var(--paper);
  font-family: var(--heading);
  font-size: 16px;
  scroll-behavior: smooth;
}

* { box-sizing: border-box; }
body { margin: 0; min-width: 320px; background: var(--paper); color: var(--ink); }
button, input, select { font: inherit; }
button { cursor: pointer; }
a { color: inherit; text-decoration: none; }
.site-shell { overflow: hidden; }
.section { max-width: 1240px; margin: 0 auto; padding-left: 32px; padding-right: 32px; }
.eyebrow { color: var(--blue); font-size: 11px; font-weight: 800; letter-spacing: .115em; line-height: 1.35; margin: 0 0 18px; text-transform: uppercase; }
h1, h2, h3, p { margin-top: 0; }
h1, h2, h3 { letter-spacing: -.055em; }
h1 { font-size: clamp(3.25rem, 5.5vw, 5.55rem); font-weight: 800; line-height: .99; margin-bottom: 27px; }
h1 em, h2 em { color: var(--blue); font-family: var(--serif); font-weight: 600; letter-spacing: -.055em; }
h2 { font-size: clamp(2.35rem, 4vw, 4rem); font-weight: 800; line-height: 1.02; margin-bottom: 22px; }
h3 { font-size: 1.28rem; font-weight: 800; line-height: 1.1; margin-bottom: 12px; }
.button-row { align-items: center; display: flex; flex-wrap: wrap; gap: 12px; }
.button { align-items: center; border: 1px solid transparent; border-radius: 99px; display: inline-flex; font-size: 14px; font-weight: 800; gap: 10px; justify-content: center; letter-spacing: -.02em; min-height: 51px; padding: 0 22px; transition: transform .2s ease, box-shadow .2s ease, background .2s ease; }
.button:hover { transform: translateY(-2px); }
.button span { font-size: 17px; line-height: 1; }
.button-primary { background: linear-gradient(118deg, var(--blue) 8%, #387dec 54%, var(--aqua) 130%); box-shadow: 0 13px 24px rgba(38, 89, 202, .22); color: white; }
.button-primary:hover { box-shadow: 0 17px 28px rgba(38, 89, 202, .31); }
.button-quiet { background: white; border-color: var(--line); color: var(--blue-deep); }
.button-secondary { background: var(--ink); color: white; }
.button-small { min-height: 44px; padding: 0 17px; }
.full-width { width: 100%; }

.site-header { align-items: center; background: rgba(248,250,255,.82); border-bottom: 1px solid rgba(210,221,238,.54); display: flex; height: 80px; justify-content: space-between; padding: 0 max(32px, calc((100vw - 1240px) / 2 + 32px)); position: sticky; top: 0; z-index: 20; backdrop-filter: blur(14px); }
.brand { align-items: center; display: inline-flex; flex: 0 0 auto; font-size: 26px; font-weight: 800; gap: 9px; letter-spacing: -.065em; }
.brand > span:last-child span { color: inherit; }
.brand-mark { display: inline-grid; height: 30px; place-items: center; width: 30px; }
.brand-mark svg { height: 100%; width: 100%; }
.main-nav { display: flex; gap: clamp(18px, 2.3vw, 34px); margin-left: 6vw; }
.main-nav a, .text-link { color: #49556e; font-size: 13px; font-weight: 700; transition: color .2s; }
.main-nav a:hover, .text-link:hover { color: var(--blue); }
.header-actions { align-items: center; display: flex; gap: 25px; }
.menu-toggle { background: transparent; border: 0; display: none; height: 42px; padding: 8px; width: 42px; }
.menu-toggle span { background: var(--ink); display: block; height: 2px; margin: 5px 0; transition: transform .2s; width: 24px; }

.hero { display: grid; gap: 36px; grid-template-columns: minmax(0, .95fr) minmax(500px, 1.05fr); min-height: 670px; padding-bottom: 68px; padding-top: 96px; position: relative; }
.hero-copy { padding-top: 17px; position: relative; z-index: 1; }
.hero-intro { color: var(--ink-soft); font-size: 18px; line-height: 1.65; margin-bottom: 31px; max-width: 510px; }
.hero-proofs { border-top: 1px solid var(--line); display: flex; gap: 15px; margin-top: 47px; padding-top: 20px; }
.hero-proofs > div { align-items: center; display: flex; flex: 1; font-size: 10px; gap: 8px; line-height: 1.3; }
.hero-proofs strong { color: var(--ink); display: block; font-size: 11px; font-weight: 800; margin-bottom: 2px; }
.proof-icon { align-items: center; border-radius: 8px; display: flex; flex: 0 0 auto; font-size: 14px; height: 32px; justify-content: center; width: 32px; }
.proof-icon--blue { background: #e4edff; color: var(--blue); }.proof-icon--aqua { background: var(--aqua-light); color: #1595a6; }.proof-icon--lavender { background: #eeeaff; color: #7159dc; }
.hero-visual { align-self: center; min-height: 495px; position: relative; }
.orb { border-radius: 50%; filter: blur(3px); opacity: .8; position: absolute; }
.orb-one { background: #d8e7ff; height: 300px; right: -60px; top: -55px; width: 300px; }.orb-two { background: #d4f8f5; bottom: -45px; height: 260px; left: -10px; width: 260px; }
.browser { background: white; border: 1px solid #d9e0ee; border-radius: 15px; box-shadow: 0 34px 60px rgba(33,59,105,.17), 0 3px 9px rgba(25,41,74,.07); overflow: hidden; position: relative; z-index: 2; }
.product-shot { margin: 0; }.product-shot img { display: block; height: auto; width: 100%; }
.browser-hero { transform: perspective(1300px) rotateY(-3deg) rotateX(1deg); transform-origin: center; }
.browser-top { align-items: center; background: #fbfcff; border-bottom: 1px solid #e6ebf4; display: flex; gap: 6px; height: 34px; padding: 0 11px; }
.browser-top > span { background: #ff7064; border-radius: 50%; display: block; height: 6px; width: 6px; }.browser-top > span:nth-child(2) { background: #ffd15e; }.browser-top > span:nth-child(3) { background: #5dcf8b; }
.browser-address { background: #f1f4f9; border-radius: 4px; color: #a2acbf; font-size: 7px; margin-left: 20px; padding: 4px 9px; text-align: center; width: 56%; }.browser-top > i { background: #dfe5ee; border-radius: 50%; height: 8px; margin-left: auto; width: 8px; }
.app-frame { display: flex; height: 394px; }.app-sidebar { align-items: center; background: #0d2248; color: #b4c2dc; display: flex; flex: 0 0 45px; flex-direction: column; font-size: 15px; gap: 18px; padding-top: 13px; }.app-sidebar span { align-items: center; border-radius: 7px; display: flex; height: 25px; justify-content: center; width: 25px; }.app-sidebar .mini-logo { color: #69d9e4; font-size: 18px; margin-bottom: 3px; }.app-sidebar .active { background: #2663e3; color: white; }.app-sidebar .sidebar-bottom { margin-top: auto; margin-bottom: 15px; }
.app-main { background: #f6f8fc; flex: 1; padding: 17px 17px 14px; }.app-topline { align-items: center; display: flex; justify-content: space-between; }.app-topline b { display: block; font-size: 11px; }.app-topline small { color: #8490a7; display: block; font-size: 7px; margin-top: 2px; }.app-topline button { background: var(--blue); border: 0; border-radius: 5px; color: white; font-size: 7px; font-weight: 700; padding: 6px 8px; }
.metric-row { display: flex; gap: 8px; margin: 14px 0; }.metric-row > div { background: white; border: 1px solid #e7ebf2; border-radius: 6px; flex: 1; padding: 8px; }.metric-row i { align-items: center; border-radius: 7px; display: inline-flex; font-size: 12px; font-style: normal; font-weight: 800; height: 25px; justify-content: center; margin-bottom: 4px; width: 25px; }.metric-blue { background: #e2ecff; color: #225bd7; }.metric-aqua { background: #e3fbfb; color: #229ca9; }.metric-lavender { background: #eeeaff; color: #7158dc; }.metric-row small { color: #78849a; display: block; font-size: 7px; }
.pipeline-heading { color: #7a869c; display: grid; font-size: 7px; font-weight: 700; grid-template-columns: repeat(4, 1fr); margin-bottom: 6px; }.pipeline { display: grid; gap: 7px; grid-template-columns: repeat(4, 1fr); }.candidate-card { background: white; border: 1px solid #e6ebf4; border-radius: 6px; min-height: 107px; padding: 8px; }.candidate-card.faint { opacity: .72; }.person { align-items: center; background: linear-gradient(135deg, #bfcdf4, #7ca8ec); border-radius: 50%; color: white; display: flex; font-size: 7px; font-weight: 800; height: 22px; justify-content: center; margin-bottom: 6px; width: 22px; }.person-two { background: linear-gradient(135deg,#a5e5dd,#59b9b9); }.person-three { background: linear-gradient(135deg,#d1bcff,#9580e0); }.person-four { background: linear-gradient(135deg,#f1d5bf,#ddaa85); }.candidate-card b { display: block; font-size: 7px; }.candidate-card small { color: #8691a6; display: block; font-size: 6px; margin: 2px 0 7px; }.candidate-card > div:last-child { align-items: center; display: flex; justify-content: space-between; }.candidate-card strong { color: var(--blue); font-size: 9px; }.tag { border-radius: 99px; font-size: 5px; font-weight: 800; padding: 3px 4px; }.tag.blue { background: #e2ecff; color: #225bd7; }.tag.aqua { background: #e3fbfb; color: #188c97; }.tag.lavender { background: #eeeaff; color: #755bd4; }.tag.gray { background: #edf0f5; color: #667287; }
.app-table { background: white; border: 1px solid #e5eaf3; border-radius: 6px; margin-top: 12px; overflow: hidden; }.table-header, .table-row { align-items: center; display: grid; grid-template-columns: 1.45fr .7fr .65fr 1fr; padding: 7px 10px; }.table-header { background: #fafbfe; color: #9ba5b8; font-size: 6px; }.table-row { border-top: 1px solid #eef1f5; color: #667287; font-size: 7px; }.table-row > span:first-child { align-items: center; color: #3e4b63; display: flex; gap: 5px; }.small-avatar { align-items: center; background: #aac7ef; border-radius: 50%; color: white; display: inline-flex; font-size: 5px; font-style: normal; font-weight: 800; height: 14px; justify-content: center; width: 14px; }.small-avatar.alt { background: #9f8be2; }.table-row b { color: var(--blue); }.match-dot { background: var(--aqua); border-radius: 50%; display: inline-block; height: 5px; margin-right: 3px; width: 5px; }.lavender-dot { background: var(--lavender); }.table-row em { background: #e9edf4; border-radius: 6px; display: block; height: 4px; overflow: hidden; }.table-row em i { background: linear-gradient(90deg,var(--blue),var(--aqua)); border-radius: 6px; display: block; height: 100%; }
.visual-note { align-items: center; color: #53627d; display: flex; font-size: 10px; font-weight: 700; gap: 8px; margin: 18px 0 0 30px; position: relative; z-index: 2; }.visual-note i { background: var(--aqua); border-radius: 50%; height: 7px; width: 7px; }

.signal-strip { align-items: center; background: #0e2148; color: white; display: flex; justify-content: center; min-height: 86px; padding: 18px 32px; position: relative; z-index: 2; }.signal-strip p { color: #aebdd8; font-size: 11px; font-weight: 700; margin: 0 35px 0 0; }.signal-strip div { align-items: center; display: flex; font-size: 13px; font-weight: 800; gap: 18px; letter-spacing: -.02em; }.signal-strip b { color: var(--aqua); font-size: 15px; }

.intro-section { display: grid; grid-template-columns: 1.15fr .85fr; padding-bottom: 118px; padding-top: 132px; }.section-intro { max-width: 625px; }.intro-body { padding: 42px 0 0 18px; }.intro-body p { color: var(--ink-soft); font-size: 17px; line-height: 1.67; margin-bottom: 27px; }.arrow-link { color: var(--blue); display: inline-flex; font-size: 13px; font-weight: 800; gap: 10px; }.arrow-link span { font-size: 17px; transition: transform .2s; }.arrow-link:hover span { transform: translateX(4px); }
.feature-grid { display: grid; gap: 15px; grid-column: 1 / -1; grid-template-columns: repeat(3, 1fr); margin-top: 70px; }.feature-card { background: white; border: 1px solid #e1e8f2; border-radius: 13px; min-height: 253px; padding: 25px; position: relative; transition: transform .25s, box-shadow .25s; }.feature-card:hover { box-shadow: 0 20px 35px rgba(20,42,85,.1); transform: translateY(-5px); }.feature-card h3 { margin-top: 35px; }.feature-card p { color: var(--ink-soft); font-size: 14px; line-height: 1.62; margin-bottom: 0; }.card-number { color: #a6b0c1; font-size: 10px; font-weight: 800; position: absolute; right: 22px; top: 24px; }.feature-icon { align-items: center; background: #e8effe; border-radius: 10px; color: var(--blue); display: flex; height: 41px; justify-content: center; width: 41px; }.feature-card:nth-child(2) .feature-icon { background: var(--aqua-light); color: #169ca9; }.feature-card:nth-child(3) .feature-icon { background: #eeeaff; color: #7257d9; }.feature-icon svg { height: 21px; width: 21px; }

.careers-section { padding-bottom: 138px; padding-top: 24px; }.careers-heading { margin: 0 auto 58px; max-width: 735px; text-align: center; }.careers-heading h2 { margin-bottom: 18px; }.careers-heading > p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.7; margin: 0 auto; max-width: 650px; }.careers-grid { align-items: center; display: grid; gap: clamp(38px, 7vw, 96px); grid-template-columns: .72fr 1.28fr; }.careers-copy { display: flex; flex-direction: column; gap: 23px; }.careers-point { align-items: flex-start; display: flex; gap: 14px; }.careers-point > i { align-items: center; background: #e8effe; border-radius: 8px; color: var(--blue); display: flex; flex: 0 0 auto; font-size: 10px; font-style: normal; font-weight: 800; height: 31px; justify-content: center; margin-top: 1px; width: 31px; }.careers-point:nth-child(2) > i { background: #e0f8f8; color: #148d99; }.careers-point:nth-child(3) > i { background: #eeeaff; color: #7257d9; }.careers-point b { color: var(--ink); display: block; font-size: 15px; margin-bottom: 6px; }.careers-point small { color: var(--ink-soft); display: block; font-size: 13px; line-height: 1.62; }.careers-copy .button { align-self: flex-start; margin-top: 7px; }.browser-careers { box-shadow: 0 29px 60px rgba(22,57,115,.15), 0 3px 10px rgba(25,41,74,.08); transform: perspective(1300px) rotateY(-2.5deg) rotateX(1deg); }.careers-analytics { align-items: center; background: linear-gradient(120deg,#10254f 0%,#173d81 53%,#1c5b9b 100%); border-radius: 18px; box-shadow: 0 22px 48px rgba(16,45,98,.18); display: grid; gap: clamp(30px, 5vw, 72px); grid-template-columns: .73fr 1.27fr; margin-top: 84px; overflow: hidden; padding: clamp(30px,4vw,53px); position: relative; }.careers-analytics:before { background: rgba(91,221,222,.16); border-radius: 50%; content: ""; height: 310px; position: absolute; right: -100px; top: -165px; width: 310px; }.careers-analytics-copy { position: relative; z-index: 1; }.careers-analytics .eyebrow { color: #8fe8e8; }.careers-analytics h3 { color: white; font-size: clamp(1.8rem,2.7vw,2.7rem); line-height: 1.08; margin-bottom: 15px; }.careers-analytics-copy > p:not(.eyebrow) { color: #c9d9f3; font-size: 14px; line-height: 1.65; }.careers-analytics ul { list-style: none; margin: 23px 0 0; padding: 0; }.careers-analytics li { color: #f3f8ff; font-size: 12px; font-weight: 700; margin: 10px 0; padding-left: 19px; position: relative; }.careers-analytics li:before { color: #80e6e5; content: "✓"; left: 0; position: absolute; }.analytics-shot { box-shadow: 0 20px 45px rgba(1,18,54,.32); position: relative; z-index: 1; }

.cert-section { align-items: center; display: grid; gap: clamp(38px, 8vw, 110px); grid-template-columns: .85fr 1.15fr; padding-bottom: 132px; padding-top: 88px; }.cert-copy p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.7; }.check-list { list-style: none; margin: 26px 0 33px; padding: 0; }.check-list li { align-items: center; color: #36445e; display: flex; font-size: 13px; font-weight: 700; gap: 10px; margin: 12px 0; }.check-list i { align-items: center; background: #e3edff; border-radius: 50%; color: var(--blue); display: flex; font-size: 10px; font-style: normal; height: 18px; justify-content: center; width: 18px; }
.browser-report { background: white; transform: rotate(1.4deg); }.report-body { background: #f8faff; min-height: 407px; padding: 19px; }.report-head { align-items: center; display: flex; justify-content: space-between; }.candidate-title { align-items: center; display: flex; gap: 8px; }.candidate-title b { font-size: 11px; }.candidate-title small { color: #8a96a9; display: block; font-size: 7px; font-weight: 500; margin-top: 2px; }.large-avatar { align-items: center; background: linear-gradient(135deg, #86aef0,#4b74d2); border-radius: 50%; color: white; display: flex; font-size: 9px; font-style: normal; height: 29px; justify-content: center; width: 29px; }.complete-pill { background: #e0fbf8; border-radius: 99px; color: #138a8d; font-size: 7px; font-weight: 800; padding: 6px 8px; }.cert-summary { background: white; border: 1px solid #e1e7f1; border-radius: 9px; display: flex; gap: 18px; margin: 15px 0; padding: 18px; }.diamond-score { align-items: center; background: linear-gradient(135deg,#1f58dc,#5de0de); clip-path: polygon(50% 0, 100% 32%, 78% 100%, 22% 100%, 0 32%); color: white; display: flex; flex: 0 0 115px; flex-direction: column; height: 125px; justify-content: center; }.diamond-score span { font-size: 8px; font-weight: 700; line-height: 1.1; text-align: center; }.diamond-score b { font-size: 29px; letter-spacing: -.08em; line-height: 1.05; margin-top: 5px; }.diamond-score small { font-size: 6px; opacity: .85; }.score-copy { flex: 1; }.score-copy p { color: #929db0; font-size: 7px; font-weight: 700; margin-bottom: 4px; text-transform: uppercase; }.score-copy h3 { font-size: 13px; letter-spacing: -.035em; margin-bottom: 16px; }.score-bars span { align-items: center; display: grid; gap: 7px; grid-template-columns: 77px 1fr 17px; margin: 9px 0; }.score-bars i, .score-bars strong { color: #647189; font-size: 7px; font-style: normal; }.score-bars strong { color: var(--blue); font-weight: 800; text-align: right; }.score-bars b { background: #e8edf5; border-radius: 4px; height: 5px; overflow: hidden; }.score-bars b em { background: linear-gradient(90deg,var(--blue),var(--aqua)); display: block; height: 100%; }.module-list { background: white; border: 1px solid #e1e7f1; border-radius: 9px; overflow: hidden; }.module-list > div { align-items: center; border-bottom: 1px solid #eef1f5; display: flex; gap: 9px; padding: 9px 12px; }.module-list > div:last-child { border: 0; }.module-icon { align-items: center; background: #e6efff; border-radius: 6px; color: var(--blue); display: flex; font-size: 13px; font-style: normal; height: 25px; justify-content: center; width: 25px; }.aqua-icon { background: #e4fafa; color: #1498a2; }.lavender-icon { background: #eeeaff; color: #775adf; }.module-list span { flex: 1; }.module-list b { display: block; font-size: 8px; }.module-list small { color: #8b96a9; display: block; font-size: 7px; margin-top: 2px; }.module-list strong { color: #23afa8; font-size: 12px; }

.match-section { align-items: center; display: grid; gap: clamp(38px, 8vw, 100px); grid-template-columns: 1.15fr .85fr; padding-bottom: 136px; }.browser-match { transform: rotate(-1.3deg); }.match-body { background: #f9faff; min-height: 397px; padding: 18px; }.match-top { align-items: center; display: flex; justify-content: space-between; }.match-top b { display: block; font-size: 12px; }.match-top small { color: #909bae; display: block; font-size: 7px; margin-top: 2px; }.match-top button { background: white; border: 1px solid #e2e7f1; border-radius: 5px; color: var(--blue); font-size: 7px; font-weight: 800; padding: 6px 8px; }.gem-layout { align-items: center; display: grid; gap: 8px; grid-template-columns: .85fr 1.45fr .95fr; margin-top: 13px; }.style-card, .role-card { background: white; border: 1px solid #e1e6f0; border-radius: 7px; min-height: 257px; padding: 13px; }.style-card small, .role-card small { color: #929caf; display: block; font-size: 6px; font-weight: 800; text-transform: uppercase; }.small-gem { background: linear-gradient(135deg,#4a7eee,#51d8dc,#b9a3fd); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); height: 65px; margin: 16px auto 10px; width: 65px; }.style-card b { display: block; font-size: 8px; margin-bottom: 5px; text-align: center; }.style-card > span { color: #8994a9; display: block; font-size: 6px; line-height: 1.4; text-align: center; }.style-rules { display: flex; gap: 4px; margin-top: 19px; }.style-rules i { background: #dfe5ef; display: block; height: 5px; width: 33%; }.style-rules i:first-child { background: var(--blue); }.style-rules i:nth-child(2) { background: var(--aqua); }.gem-core { height: 260px; position: relative; }.ring { border: 1px dashed #bfcceb; border-radius: 50%; left: 50%; position: absolute; top: 50%; transform: translate(-50%,-50%); }.ring-one { height: 140px; width: 140px; }.ring-two { height: 200px; width: 200px; }.gem-shape { align-items: center; background: linear-gradient(135deg,#245cdf,#c0a9ff 50%,#4fdcdf); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); color: white; display: flex; font-size: 10px; font-weight: 800; height: 92px; justify-content: center; left: calc(50% - 46px); position: absolute; top: calc(50% - 46px); width: 92px; }.team-dot { align-items: center; background: white; border: 2px solid #b6c5ff; border-radius: 50%; box-shadow: 0 2px 7px rgba(33,60,113,.13); color: #4d6cba; display: flex; font-size: 6px; font-weight: 800; height: 25px; justify-content: center; position: absolute; width: 25px; }.dot-one { left: 13px; top: 61px; }.dot-two { right: 13px; top: 61px; }.dot-three { bottom: 17px; left: 55px; }.dot-four { bottom: 17px; right: 55px; }.role-row { margin: 17px 0; }.role-row span { color: #66738b; display: block; font-size: 7px; margin-bottom: 5px; }.role-row b { background: #e9edf4; border-radius: 5px; display: block; height: 5px; overflow: hidden; }.role-row b i { background: linear-gradient(90deg,var(--blue),var(--aqua)); display: block; height: 100%; }.role-card p { align-items: center; background: #e4fbf9; border-radius: 5px; color: #138e90; display: flex; font-size: 6px; font-weight: 700; gap: 3px; line-height: 1.2; margin: 21px 0 0; padding: 7px; }.role-card p i { font-size: 10px; font-style: normal; }.match-copy > p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.7; }.match-points { border-bottom: 1px solid var(--line); border-top: 1px solid var(--line); margin: 27px 0; padding: 5px 0; }.match-points > div { display: grid; gap: 18px; grid-template-columns: 100px 1fr; padding: 14px 0; }.match-points b { font-size: 12px; }.match-points span { color: var(--ink-soft); font-size: 12px; line-height: 1.5; }

.process-section { padding-bottom: 142px; }.process-heading { margin: 0 auto 62px; max-width: 670px; text-align: center; }.process-heading > p:not(.eyebrow) { color: var(--ink-soft); font-size: 16px; line-height: 1.65; }.steps { display: grid; grid-template-columns: repeat(4, 1fr); list-style: none; margin: 0; padding: 0; }.steps li { border-right: 1px solid var(--line); min-height: 205px; padding: 0 28px; position: relative; }.steps li:first-child { padding-left: 0; }.steps li:last-child { border-right: 0; padding-right: 0; }.steps span { color: var(--blue); display: block; font-size: 12px; font-weight: 800; margin-bottom: 42px; }.steps h3 { font-size: 18px; }.steps p { color: var(--ink-soft); font-size: 13px; line-height: 1.6; margin-bottom: 0; }.steps li > i { color: var(--aqua); font-size: 23px; font-style: normal; position: absolute; right: -12px; top: -9px; z-index: 1; }.steps li:last-child > i { display: none; }

.ecosystem-section { background: linear-gradient(117deg,#f0f5ff 0%,#f7faff 56%,#ebfafb 100%); display: grid; gap: 50px; grid-template-columns: .9fr 1.1fr; margin: 0 auto; min-height: 430px; padding: 85px max(32px, calc((100vw - 1176px) / 2 + 32px)); }.ecosystem-copy h2 { font-size: clamp(2.2rem,3.6vw,3.45rem); }.ecosystem-copy > p:not(.eyebrow) { color: var(--ink-soft); font-size: 15px; line-height: 1.7; margin-bottom: 26px; max-width: 500px; }.ecosystem-map { height: 290px; position: relative; }.ecosystem-map svg { height: 100%; left: 0; overflow: visible; position: absolute; top: 0; width: 100%; z-index: 0; }.ecosystem-map svg path { fill: none; stroke: #9cbae9; stroke-dasharray: 5 5; stroke-width: 1.5; }.eco-center, .eco-node { background: white; border: 1px solid #d7e2f2; box-shadow: 0 8px 18px rgba(41,75,136,.09); position: absolute; z-index: 1; }.eco-center { align-items: center; border-radius: 50%; display: flex; flex-direction: column; height: 128px; justify-content: center; left: calc(50% - 64px); top: 102px; width: 128px; }.small-mark { height: 22px; width: 22px; }.eco-center b { font-size: 13px; margin-top: 4px; }.eco-center small, .eco-node small { color: #7e8ba1; font-size: 8px; }.eco-node { align-items: center; border-radius: 9px; display: flex; gap: 10px; padding: 12px; }.eco-node i { align-items: center; background: #e7efff; border-radius: 6px; color: var(--blue); display: flex; font-size: 9px; font-style: normal; font-weight: 800; height: 29px; justify-content: center; width: 29px; }.eco-node b { display: block; font-size: 10px; }.jewel-link { left: 4%; top: 12px; }.linkd { right: 5%; top: 28px; }.count { bottom: 9px; right: 4%; }.linkd i { background: #edf1ff; color: #5575d2; }.count i { background: #e1f8f8; color: #198f99; }

.pricing-section { padding-bottom: 130px; padding-top: 132px; }.pricing-head { align-items: flex-end; display: flex; justify-content: space-between; margin-bottom: 47px; }.pricing-head h2 { margin-bottom: 0; max-width: 560px; }.billing-toggle { background: #edf1f7; border-radius: 99px; display: flex; padding: 4px; }.billing-toggle button { background: transparent; border: 0; border-radius: 99px; color: #738097; font-size: 11px; font-weight: 800; padding: 9px 12px; }.billing-toggle button.active { background: white; box-shadow: 0 2px 5px rgba(36,56,92,.12); color: var(--ink); }.billing-toggle span { color: #199694; font-size: 9px; margin-left: 3px; }.pricing-grid { display: grid; gap: 15px; grid-template-columns: repeat(3, 1fr); }.pricing-card { background: white; border: 1px solid #e0e7f1; border-radius: 13px; min-height: 512px; padding: 27px; position: relative; }.pricing-card.featured { background: #10234a; border: 0; box-shadow: 0 25px 35px rgba(20,48,105,.17); color: white; transform: translateY(-8px); }.plan-label { color: var(--blue); font-size: 10px; font-weight: 800; letter-spacing: .07em; margin-bottom: 17px; text-transform: uppercase; }.featured .plan-label { color: #6ee3e3; }.pricing-card h3 { font-size: 24px; margin-bottom: 13px; }.plan-copy { color: var(--ink-soft); font-size: 13px; line-height: 1.6; min-height: 64px; }.featured .plan-copy, .featured .price-note { color: #becce2; }.price { align-items: baseline; display: flex; gap: 6px; margin: 20px 0 3px; }.price b { font-size: 35px; font-weight: 800; letter-spacing: -.07em; }.price span { color: #6e7b92; font-size: 11px; }.featured .price span { color: #b7c8e2; }.price-note { color: #8290a5; font-size: 10px; min-height: 25px; }.pricing-card .button { margin: 17px 0 20px; }.pricing-card ul { border-top: 1px solid #e7ecf3; list-style: none; margin: 0; padding: 16px 0 0; }.featured ul { border-color: rgba(191,211,241,.2); }.pricing-card li { color: #48566f; font-size: 12px; font-weight: 600; margin: 12px 0; padding-left: 19px; position: relative; }.pricing-card li:before { color: var(--blue); content: "✓"; font-size: 10px; font-weight: 800; left: 0; position: absolute; }.featured li { color: #e3edff; }.featured li:before { color: var(--aqua); }.most-popular { background: linear-gradient(90deg,#2c63e2,#5edce0); border-radius: 99px; color: white; font-size: 9px; font-weight: 800; padding: 6px 10px; position: absolute; right: 22px; top: 20px; text-transform: uppercase; }.pricing-footer { color: #6d7a90; font-size: 12px; margin: 31px 0 0; text-align: center; }.pricing-footer a, .pricing-footer button { background: none; border: 0; color: var(--blue); font-size: inherit; font-weight: 800; padding: 0; }

.faq-section { display: grid; gap: 110px; grid-template-columns: .75fr 1.25fr; padding-bottom: 135px; }.faq-copy h2 { margin-bottom: 15px; }.faq-copy > p:not(.eyebrow) { color: var(--ink-soft); font-size: 14px; line-height: 1.6; }.faq-copy a { color: var(--blue); font-weight: 700; }.faq-list { border-top: 1px solid var(--line); }.faq-list details { border-bottom: 1px solid var(--line); padding: 22px 0; }.faq-list summary { align-items: center; cursor: pointer; display: flex; font-size: 15px; font-weight: 800; justify-content: space-between; list-style: none; }.faq-list summary::-webkit-details-marker { display: none; }.faq-list summary i { color: var(--blue); font-size: 23px; font-style: normal; font-weight: 500; transition: transform .2s; }.faq-list details[open] summary i { transform: rotate(45deg); }.faq-list details p { color: var(--ink-soft); font-size: 13px; line-height: 1.65; margin: 15px 48px 2px 0; }

.closing-section { align-items: center; background: #10254f; color: white; display: flex; justify-content: center; min-height: 470px; overflow: hidden; padding: 82px 32px; position: relative; text-align: center; }.closing-content { max-width: 775px; position: relative; z-index: 1; }.closing-section .eyebrow { color: var(--aqua); }.closing-section h2 { font-size: clamp(2.7rem, 5vw, 4.8rem); margin-bottom: 19px; }.closing-section h2 em { color: #8fe8e8; }.closing-content > p:not(.eyebrow) { color: #c6d4ea; font-size: 16px; margin-bottom: 31px; }.closing-section .button-row { justify-content: center; }.button-light { background: white; color: var(--blue); }.button-outline-light { background: transparent; border-color: rgba(224,238,255,.5); color: white; }.closing-orb { border-radius: 50%; filter: blur(2px); opacity: .6; position: absolute; }.closing-orb.one { background: #1748a3; height: 340px; left: -135px; top: -135px; width: 340px; }.closing-orb.two { background: #129fae; bottom: -175px; height: 400px; right: -120px; width: 400px; }

.site-footer { background: white; padding: 67px max(32px, calc((100vw - 1176px) / 2 + 32px)) 24px; }.footer-top { align-items: flex-start; display: flex; justify-content: space-between; padding-bottom: 54px; }.brand-footer { font-size: 25px; }.footer-top p { color: #718097; font-size: 13px; line-height: 1.6; margin: 0; max-width: 260px; }.footer-links { border-top: 1px solid var(--line); display: grid; grid-template-columns: 1fr 1fr 1fr; padding: 32px 0 48px; }.footer-links > div { display: flex; flex-direction: column; gap: 12px; }.footer-links b { color: var(--ink); font-size: 11px; margin-bottom: 5px; }.footer-links a, .footer-links button { background: transparent; border: 0; color: #66748a; font-size: 12px; padding: 0; text-align: left; width: max-content; }.footer-links a:hover, .footer-links button:hover { color: var(--blue); }.footer-bottom { align-items: center; border-top: 1px solid var(--line); color: #8591a4; display: flex; font-size: 10px; justify-content: space-between; padding-top: 21px; }.footer-bottom div { display: flex; gap: 21px; }.footer-bottom a:hover { color: var(--blue); }

.modal-backdrop { align-items: center; background: rgba(6,18,43,.63); display: flex; inset: 0; justify-content: center; padding: 24px; position: fixed; z-index: 30; backdrop-filter: blur(7px); }.modal-backdrop[hidden] { display: none; }.modal { background: white; border-radius: 16px; box-shadow: 0 30px 70px rgba(0,0,0,.25); max-height: min(720px, calc(100vh - 48px)); max-width: 540px; overflow: auto; padding: 45px; position: relative; width: 100%; }.modal-close { align-items: center; background: #f0f3f8; border: 0; border-radius: 50%; color: #56637a; display: flex; font-size: 23px; font-weight: 400; height: 31px; justify-content: center; line-height: 1; padding-bottom: 3px; position: absolute; right: 17px; top: 17px; width: 31px; }.modal h2 { font-size: 34px; margin-bottom: 13px; }.modal-content > p:not(.eyebrow) { color: var(--ink-soft); font-size: 14px; line-height: 1.65; }.lead-form { margin-top: 23px; }.lead-form label { color: #43516b; display: block; font-size: 11px; font-weight: 800; margin: 14px 0; }.lead-form input, .lead-form select { background: #fbfcff; border: 1px solid #dbe3ef; border-radius: 7px; color: var(--ink); display: block; height: 42px; margin-top: 6px; outline-color: var(--blue); padding: 0 11px; width: 100%; }.form-grid { display: grid; gap: 12px; grid-template-columns: 1fr 1fr; }.lead-form .button { margin-top: 8px; }.form-note { color: #8190a5; font-size: 11px; margin: 16px 0 0; text-align: center; }.form-note a { color: var(--blue); font-weight: 800; }.signup-options { display: grid; gap: 11px; margin: 25px 0; }.signup-options a { align-items: center; background: #fbfcff; border: 1px solid #dbe4f1; border-radius: 9px; color: inherit; display: flex; gap: 13px; padding: 16px; text-align: left; text-decoration: none; transition: border-color .2s, transform .2s; }.signup-options a:hover { border-color: var(--blue); transform: translateY(-2px); }.signup-options i { align-items: center; background: #e6efff; border-radius: 8px; color: var(--blue); display: flex; flex: 0 0 auto; font-size: 17px; font-style: normal; height: 37px; justify-content: center; width: 37px; }.signup-options a:nth-child(2) i { background: #eeeaff; color: #7156d9; }.signup-options span { flex: 1; }.signup-options b { display: block; font-size: 12px; }.signup-options small { color: #7c899f; display: block; font-size: 10px; line-height: 1.4; margin-top: 4px; }.signup-options em { color: var(--blue); font-size: 18px; font-style: normal; }.thanks-gem { align-items: center; background: linear-gradient(135deg,#235ad7,#58d9dd); clip-path: polygon(50% 0, 100% 50%, 50% 100%, 0 50%); color: white; display: flex; font-size: 34px; height: 70px; justify-content: center; margin-bottom: 28px; width: 70px; }.modal-thanks .button { margin-top: 15px; }

.reveal { opacity: 0; transform: translateY(18px); transition: opacity .7s ease, transform .7s ease; }.reveal.is-visible { opacity: 1; transform: translateY(0); }.reveal-delay { transition-delay: .12s; }.reveal-delay-2 { transition-delay: .24s; }.reveal-delay-3 { transition-delay: .36s; }

@media (max-width: 1030px) {
  .site-header { padding: 0 28px; }.main-nav { gap: 17px; margin-left: 20px; }.hero { grid-template-columns: .85fr 1.15fr; padding-top: 65px; }.hero-proofs { gap: 7px; }.hero-proofs > div { font-size: 8px; }.proof-icon { height: 28px; width: 28px; }.app-frame { height: 345px; }.browser-hero { transform: none; }.intro-section, .cert-section, .match-section, .ecosystem-section, .faq-section { gap: 50px; }.ecosystem-section { padding-left: 32px; padding-right: 32px; }
}
@media (max-width: 800px) {
  .section { padding-left: 24px; padding-right: 24px; }.site-header { height: 68px; padding: 0 20px; }.brand { font-size: 23px; }.brand-mark { height: 27px; width: 27px; }.main-nav, .header-actions { display: none; }.menu-toggle { display: block; }.site-header.nav-open .main-nav { background: rgba(248,250,255,.98); border-bottom: 1px solid var(--line); display: flex; flex-direction: column; gap: 0; left: 0; margin: 0; padding: 12px 20px 21px; position: absolute; top: 68px; width: 100%; }.site-header.nav-open .main-nav a { font-size: 14px; padding: 11px 0; }.hero { display: block; min-height: 0; padding-bottom: 68px; padding-top: 66px; }.hero-copy { max-width: 620px; }.hero-visual { margin: 50px auto 0; max-width: 670px; }.hero-proofs { max-width: 530px; }.signal-strip { align-items: flex-start; flex-direction: column; gap: 12px; }.signal-strip p { margin: 0; }.signal-strip div { flex-wrap: wrap; gap: 7px 13px; }.intro-section { display: block; padding-bottom: 88px; padding-top: 90px; }.intro-body { max-width: 620px; padding: 0; }.feature-grid { margin-top: 45px; }.cert-section, .match-section { gap: 50px; grid-template-columns: 1fr; padding-bottom: 93px; padding-top: 30px; }.match-section .match-visual { grid-row: 2; }.process-section { padding-bottom: 90px; }.steps { grid-template-columns: repeat(2, 1fr); row-gap: 35px; }.steps li:nth-child(2) { border-right: 0; padding-right: 0; }.steps li:nth-child(3) { padding-left: 0; }.steps li { min-height: 150px; }.steps span { margin-bottom: 25px; }.ecosystem-section { grid-template-columns: 1fr; padding-bottom: 60px; padding-top: 70px; }.ecosystem-map { margin: 0 auto; max-width: 570px; width: 100%; }.pricing-section { padding-bottom: 95px; padding-top: 90px; }.pricing-head { align-items: flex-start; flex-direction: column; gap: 24px; }.pricing-grid { grid-template-columns: 1fr; margin: 0 auto; max-width: 580px; }.pricing-card.featured { transform: none; }.pricing-card { min-height: 0; }.faq-section { gap: 33px; grid-template-columns: 1fr; padding-bottom: 90px; }.closing-section { min-height: 410px; }.footer-top { gap: 30px; }.footer-links { grid-template-columns: repeat(3,1fr); }
}
@media (max-width: 800px) {
  .careers-section { padding-bottom: 92px; padding-top: 0; }.careers-heading { margin-bottom: 42px; text-align: left; }.careers-grid { gap: 44px; grid-template-columns: 1fr; }.careers-copy { max-width: 650px; }.careers-visual { max-width: 700px; }.browser-careers { transform: none; }.careers-analytics { gap: 34px; grid-template-columns: 1fr; margin-top: 58px; }.analytics-shot { max-width: 700px; width: 100%; }
}
@media (max-width: 560px) {
  .careers-heading > p:not(.eyebrow) { font-size: 15px; }.careers-point { gap: 11px; }.careers-point b { font-size: 14px; }.careers-point small { font-size: 12px; }.careers-analytics { border-radius: 13px; margin-left: -4px; margin-right: -4px; padding: 28px 22px; }.careers-analytics h3 { font-size: 1.9rem; }.careers-analytics-copy > p:not(.eyebrow) { font-size: 13px; }
}
@media (max-width: 560px) {
  h1 { font-size: 3.13rem; }.hero-intro { font-size: 16px; }.hero-proofs { display: grid; grid-template-columns: 1fr; margin-top: 34px; }.hero-proofs > div { font-size: 10px; }.hero-visual { margin-top: 38px; min-height: 0; }.browser-top { height: 27px; }.browser-top > span { height: 5px; width: 5px; }.browser-address { font-size: 5px; margin-left: 7px; padding: 3px; }.app-frame { height: 258px; }.app-sidebar { flex-basis: 31px; font-size: 9px; gap: 9px; padding-top: 7px; }.app-sidebar span { height: 17px; width: 17px; }.app-sidebar .mini-logo { font-size: 11px; }.app-sidebar .sidebar-bottom { margin-bottom: 7px; }.app-main { padding: 10px 8px; }.app-topline b { font-size: 7px; }.app-topline small, .app-topline button { font-size: 5px; }.app-topline button { padding: 4px 5px; }.metric-row { margin: 8px 0; }.metric-row > div { padding: 5px; }.metric-row i { font-size: 8px; height: 18px; width: 18px; }.metric-row small { font-size: 5px; }.pipeline-heading { font-size: 5px; }.pipeline { gap: 3px; }.candidate-card { min-height: 69px; padding: 4px; }.person { font-size: 5px; height: 13px; margin-bottom: 3px; width: 13px; }.candidate-card b { font-size: 5px; }.candidate-card small { font-size: 4px; margin: 1px 0 3px; }.candidate-card strong { font-size: 6px; }.tag { font-size: 4px; padding: 2px; }.app-table { margin-top: 7px; }.table-header, .table-row { padding: 4px; }.table-header, .table-row { font-size: 4px; }.small-avatar { font-size: 4px; height: 9px; width: 9px; }.match-dot { height: 3px; width: 3px; }.table-row em { height: 2px; }.visual-note { font-size: 8px; margin-left: 11px; }.visual-note i { height: 5px; width: 5px; }.orb-one { height: 180px; right: -50px; width: 180px; }.orb-two { height: 160px; width: 160px; }.feature-grid { grid-template-columns: 1fr; }.feature-card { min-height: 0; }.browser-report, .browser-match { transform: none; }.report-body { min-height: 284px; padding: 11px; }.candidate-title b { font-size: 8px; }.candidate-title small, .complete-pill { font-size: 5px; }.large-avatar { font-size: 6px; height: 20px; width: 20px; }.complete-pill { padding: 4px; }.cert-summary { gap: 8px; margin: 8px 0; padding: 8px; }.diamond-score { flex-basis: 70px; height: 78px; }.diamond-score span { font-size: 5px; }.diamond-score b { font-size: 19px; }.diamond-score small { font-size: 4px; }.score-copy p { font-size: 5px; }.score-copy h3 { font-size: 8px; margin-bottom: 8px; }.score-bars span { gap: 4px; grid-template-columns: 53px 1fr 10px; margin: 5px 0; }.score-bars i, .score-bars strong { font-size: 5px; }.score-bars b { height: 3px; }.module-list > div { gap: 5px; padding: 5px 7px; }.module-icon { font-size: 8px; height: 15px; width: 15px; }.module-list b { font-size: 5px; }.module-list small { font-size: 4px; }.module-list strong { font-size: 8px; }.match-body { min-height: 262px; padding: 10px; }.match-top b { font-size: 8px; }.match-top small, .match-top button { font-size: 5px; }.match-top button { padding: 4px; }.gem-layout { gap: 4px; margin-top: 7px; }.style-card, .role-card { min-height: 170px; padding: 7px; }.style-card small, .role-card small { font-size: 4px; }.small-gem { height: 40px; margin: 8px auto 5px; width: 40px; }.style-card b { font-size: 5px; }.style-card > span { font-size: 4px; }.style-rules { margin-top: 11px; }.gem-core { height: 170px; }.ring-one { height: 90px; width: 90px; }.ring-two { height: 132px; width: 132px; }.gem-shape { font-size: 6px; height: 59px; left: calc(50% - 30px); top: calc(50% - 30px); width: 59px; }.team-dot { font-size: 4px; height: 17px; width: 17px; }.dot-one { left: 2px; top: 39px; }.dot-two { right: 2px; top: 39px; }.dot-three { bottom: 7px; left: 28px; }.dot-four { bottom: 7px; right: 28px; }.role-row { margin: 10px 0; }.role-row span { font-size: 4px; margin-bottom: 3px; }.role-row b { height: 3px; }.role-card p { font-size: 4px; margin-top: 10px; padding: 4px; }.process-heading { margin-bottom: 42px; }.steps { grid-template-columns: 1fr; }.steps li, .steps li:nth-child(2), .steps li:nth-child(3) { border-bottom: 1px solid var(--line); border-right: 0; min-height: 0; padding: 0 0 25px; }.steps li { margin-bottom: 25px; }.steps li:last-child { border: 0; margin: 0; padding-bottom: 0; }.steps li > i { bottom: -16px; left: 0; right: auto; top: auto; transform: rotate(45deg); }.steps span { margin-bottom: 15px; }.steps p { max-width: 300px; }.ecosystem-section { padding-left: 24px; padding-right: 24px; }.ecosystem-map { height: 250px; transform: scale(.86); transform-origin: center; width: 116%; margin-left: -8%; }.pricing-head h2 { font-size: 2.48rem; }.billing-toggle button { font-size: 9px; }.footer-top { align-items: flex-start; flex-direction: column; padding-bottom: 34px; }.footer-links { gap: 27px; grid-template-columns: 1fr 1fr; }.footer-links > div:nth-child(3) { grid-column: 1 / -1; }.footer-bottom { align-items: flex-start; flex-direction: column; gap: 13px; }.footer-bottom div { gap: 13px; }.modal { border-radius: 12px; padding: 32px 22px 24px; }.modal h2 { font-size: 28px; }.form-grid { grid-template-columns: 1fr; gap: 0; }
}