body{margin:0;font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
button,input,select,textarea{font-family:inherit}
.ro{container-type:inline-size;container-name:ro;font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#101010;background:#ffffff;line-height:1.5;-webkit-font-smoothing:antialiased}
.ro *{box-sizing:border-box}
.ro a{color:#0a6ed4}
.ro h1,.ro h2,.ro h3,.ro p{margin:0}
.ro .wrap{max-width:1200px;margin:0 auto;padding:0 24px}
.ro .eyebrow{font-size:13px;font-weight:600;letter-spacing:.12em;color:#0a6ed4;text-transform:uppercase}
.ro .h2{font-size:42px;line-height:1.12;font-weight:700;color:#004182;letter-spacing:-.01em}
.ro .lead{font-size:18px;line-height:1.6;color:#3b4152}
.ro .btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 26px;border-radius:12px;font-weight:600;font-size:17px;text-decoration:none;white-space:nowrap}
.ro .btn-primary{background:#0a6ed4;color:#ffffff}
.ro .btn-primary:hover{background:#0857a8;color:#ffffff}
.ro .btn-ghost{background:#ffffff;color:#101010;border:1px solid #cfd5e3}
.ro .btn-white{background:#ffffff;color:#004182}

/* nav */
.ro .nav{border-bottom:1px solid #e6e9f2;background:#ffffff}
.ro .nav .wrap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;padding-bottom:16px}
.ro .logo{font-weight:700;font-size:22px;color:#101010;text-decoration:none}
.ro .navlinks{display:flex;align-items:center;gap:28px;font-size:15px}
.ro .navlinks a{color:#3b4152;text-decoration:none}
.ro .navlinks .prod{background:#eceffe;border-radius:8px;padding:10px 14px;color:#0a4fa0;font-weight:600}
.ro .navlinks .btn{min-height:44px;padding:0 20px;font-size:15px;color:#ffffff}
.ro .navmobile{display:none;align-items:center;gap:8px}
.ro .menu-btn{width:44px;height:44px;border:1px solid #e1e5f0;background:#ffffff;border-radius:10px;display:flex;align-items:center;justify-content:center}

/* hero */
.ro .hero{background:linear-gradient(180deg,#f5f7fd 0%,#eceffe 100%)}
.ro .hero .wrap{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:56px;align-items:center;padding-top:80px;padding-bottom:80px}
.ro .hero-copy{display:flex;flex-direction:column;gap:22px}
.ro .pill{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;background:#ffffff;border:1px solid #d6dcf5;border-radius:999px;padding:6px 14px 6px 6px;font-size:13px;font-weight:600;color:#004182}
.ro .pill b{background:#245aff;color:#ffffff;border-radius:999px;padding:3px 10px;font-size:12px;letter-spacing:.06em;white-space:nowrap}
.ro h1{font-size:64px;line-height:1.02;font-weight:700;letter-spacing:-.025em;color:#004182}
.ro h1 span{color:#245aff;display:block}
.ro .hero-sub{font-size:20px;line-height:1.55;color:#101010;font-weight:400;max-width:560px}
.ro .hero-sub b{font-weight:600}
.ro .ctas{display:flex;gap:12px;flex-wrap:wrap}
.ro .micro{font-size:14px;color:#5a6072}
.ro .feefree{display:flex;gap:10px;align-items:center;font-size:15px;color:#101010;background:#ffffff;border-radius:12px;padding:12px 14px;border:1px solid #e1e5f0;align-self:flex-start}
.ro .feefree svg{flex:none}

/* email card */
.ro .mail{background:#ffffff;border-radius:20px;box-shadow:0 24px 60px rgba(0,65,130,.16);overflow:hidden;border:1px solid #e1e5f0}
.ro .mail-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px;background:#f5f7fd;border-bottom:1px solid #e6e9f2}
.ro .mail-top .tag{font-size:12px;font-weight:600;letter-spacing:.08em;color:#5a6072;text-transform:uppercase}
.ro .dots{display:flex;gap:6px}.ro .dots i{width:10px;height:10px;border-radius:50%;background:#d6dcf5;display:block}
.ro .mail-head{padding:16px 20px;display:flex;flex-direction:column;gap:9px;border-bottom:1px solid #eef0f6;font-size:14px}
.ro .row{display:flex;gap:10px;align-items:flex-start}
.ro .row .k{width:56px;flex:none;color:#5a6072}
.ro .chips{display:flex;flex-wrap:wrap;gap:6px}
.ro .chip{display:inline-flex;align-items:center;gap:6px;background:#f5f7fd;border:1px solid #e1e5f0;border-radius:999px;padding:3px 10px 3px 4px;font-size:13px}
.ro .chip .av{width:20px;height:20px;border-radius:50%;background:#245aff;color:#ffffff;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center}
.ro .chip em{font-style:normal;color:#5a6072;font-size:12px}
.ro .chip.you{background:#e8f7ef;border-color:#c5ead6;color:#1a7f4e;font-weight:600;padding-left:10px}
.ro .subj{font-weight:600}
.ro .mail-body{padding:18px 20px 20px;font-size:15px;line-height:1.6;display:flex;flex-direction:column;gap:12px;color:#22262f}
.ro .mail-body .cta{align-self:flex-start;background:#0a6ed4;color:#ffffff;border-radius:10px;padding:10px 16px;font-weight:600;font-size:14px;text-decoration:none}
.ro .mail-body .nofee{background:#e8f7ef;border-radius:10px;padding:10px 12px;font-size:14px;color:#14583a}
.ro .mail-foot{display:flex;justify-content:space-between;gap:12px;padding:12px 20px;border-top:1px solid #eef0f6;font-size:13px;color:#5a6072;background:#fbfcff}
.ro .alert{display:flex;gap:12px;align-items:center;background:#101010;color:#ffffff;border-radius:14px;padding:12px 16px;margin:14px 24px 0 auto;width:fit-content;position:relative;box-shadow:0 12px 30px rgba(16,16,16,.25);font-size:14px}
.ro .alert .bell{width:32px;height:32px;border-radius:50%;background:#26b170;display:flex;align-items:center;justify-content:center;flex:none}
.ro .alert small{display:block;color:#a9afbf;font-size:12px}

/* sections */
.ro .sec{padding:96px 0}
.ro .sec.tint{background:#f5f7fd}
.ro .sec-head{display:flex;flex-direction:column;gap:12px;max-width:760px;margin-bottom:40px}
.ro .grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.ro .grid4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ro .grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ro .card{background:#ffffff;border:1px solid #e1e5f0;border-radius:18px;padding:26px;display:flex;flex-direction:column;gap:10px}
.ro .card h3{font-size:19px;font-weight:600;line-height:1.35}
.ro .card p{font-size:15px;color:#3b4152;line-height:1.6}
.ro .ic{width:44px;height:44px;border-radius:12px;background:#eceffe;display:flex;align-items:center;justify-content:center;flex:none}

/* pile vs person */
.ro .versus{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.ro .vs-card{border-radius:20px;padding:30px;display:flex;flex-direction:column;gap:14px}
.ro .vs-card.pile{background:#f3f4f7;border:1px solid #e3e5ea}
.ro .vs-card.person{background:#004182;color:#ffffff}
.ro .vs-card h3{font-size:22px;font-weight:700}
.ro .vs-card ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px;font-size:16px}
.ro .vs-card li{display:flex;gap:10px;align-items:flex-start;line-height:1.5}
.ro .vs-card.pile li{color:#4a4f5c}
.ro .vs-card.person li{color:#e6eeff}
.ro .vs-card li svg{flex:none;margin-top:3px}

/* steps */
.ro .step{background:#ffffff;border-radius:18px;padding:24px;display:flex;flex-direction:column;gap:10px;border:1px solid #e1e5f0}
.ro .step .n{width:36px;height:36px;border-radius:50%;background:#245aff;color:#ffffff;font-weight:700;display:flex;align-items:center;justify-content:center}
.ro .step h3{font-size:18px;font-weight:600}
.ro .step p{font-size:15px;color:#3b4152;line-height:1.55}

/* stats */
.ro .stats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.ro .stat{border:1px solid #e1e5f0;border-radius:16px;padding:22px;text-align:center;background:#ffffff}
.ro .stat .big{font-size:34px;font-weight:700;color:#245aff;line-height:1.1}
.ro .stat .lbl{font-size:14px;color:#3b4152;margin-top:6px}

/* compare */
.ro .tbl{background:#ffffff;border:1px solid #e1e5f0;border-radius:20px;overflow:hidden}
.ro .tr{display:grid;grid-template-columns:220px repeat(3,minmax(0,1fr));border-top:1px solid #e6e9f2;font-size:15px}
.ro .tr:first-child{border-top:0}
.ro .tr>div{padding:15px 20px}
.ro .tr.th>div{background:#0a6ed4;color:#ffffff;font-weight:600}
.ro .tr.th>div.us{background:#245aff}
.ro .tr .lab{font-weight:600}
.ro .tr .muted{color:#5a6072}
.ro .tr .us{background:#eef3ff;color:#004182;font-weight:600}

/* pricing */
.ro .price-wrap{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:40px;align-items:center}
.ro .price-card{background:#ffffff;border:2px solid #245aff;border-radius:24px;padding:32px;display:flex;flex-direction:column;gap:18px;box-shadow:0 20px 50px rgba(36,90,255,.14)}
.ro .price-card .name{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.ro .price-card .name b{font-size:22px}
.ro .price-card .name span{background:#eceffe;color:#0a4fa0;font-size:12px;font-weight:600;border-radius:999px;padding:4px 10px;letter-spacing:.06em}
.ro .amount{display:flex;align-items:baseline;gap:8px}
.ro .amount b{font-size:56px;line-height:1;color:#004182}
.ro .amount span{color:#5a6072;font-size:16px}
.ro .checks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px;font-size:16px}
.ro .checks li{display:flex;gap:10px;align-items:flex-start}
.ro .checks li svg{flex:none;margin-top:4px}
.ro .fine{font-size:13px;color:#5a6072;line-height:1.55}
.ro .side-notes{display:flex;flex-direction:column;gap:14px}
.ro .note{background:#ffffff;border:1px solid #e1e5f0;border-radius:16px;padding:18px 20px;font-size:15px;line-height:1.55;color:#3b4152}
.ro .note b{color:#101010}

/* ladder */
.ro .ladder .card .tier{font-size:12px;font-weight:600;letter-spacing:.08em;color:#5a6072;text-transform:uppercase}
.ro .ladder .card .pr{font-size:15px;font-weight:600;color:#004182;margin-top:auto}
.ro .ladder .card.mid{border:2px solid #245aff}
.ro .ladder .card.exec{background:#101010;border-color:#101010;color:#ffffff}
.ro .ladder .card.exec p{color:#cfc9bd}
.ro .ladder .card.exec .tier{color:#d4af37}
.ro .ladder .card.exec .pr{color:#d4af37}
.ro .ladder .card a.more{font-weight:600;font-size:15px;text-decoration:none}
.ro .ladder .card.exec a.more{color:#d4af37}

/* faq */
.ro .faq{display:grid;grid-template-columns:340px minmax(0,1fr);gap:48px}
.ro .qs{display:flex;flex-direction:column;gap:12px}
.ro details{background:#ffffff;border:1px solid #e1e5f0;border-radius:14px;padding:0 22px}
.ro summary{list-style:none;cursor:pointer;font-weight:600;font-size:16px;padding:18px 0;display:flex;justify-content:space-between;gap:16px;align-items:center;min-height:44px}
.ro summary::-webkit-details-marker{display:none}
.ro summary::after{content:"+";font-size:22px;color:#0a6ed4;font-weight:400;line-height:1}
.ro details[open] summary::after{content:"−"}
.ro details p{font-size:15px;color:#3b4152;line-height:1.65;padding:0 0 18px}

/* final */
.ro .final{background:linear-gradient(120deg,#004182 0%,#0a6ed4 55%,#245aff 100%);color:#ffffff}
.ro .final .wrap{display:flex;flex-direction:column;align-items:center;text-align:center;gap:18px;padding-top:88px;padding-bottom:88px}
.ro .final h2{font-size:48px;line-height:1.08;font-weight:700;letter-spacing:-.02em}
.ro .final p{font-size:18px;color:#e6eeff;max-width:620px}
.ro .final .micro{color:#cfe0ff}
.ro .foot{border-top:1px solid #e6e9f2}
.ro .foot .wrap{padding-top:22px;padding-bottom:22px;font-size:13px;color:#5a6072;display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap}
.ro .sticky{display:none}

@container ro (max-width: 760px){
  .ro .wrap{padding:0 16px}
  .ro .navlinks{display:none}
  .ro .navmobile{display:flex}
  .ro .navmobile .btn{min-height:44px;padding:0 14px;font-size:14px;color:#ffffff}
  .ro .logo{font-size:20px}
  .ro .nav .wrap{padding-top:12px;padding-bottom:12px}
  .ro .hero .wrap{grid-template-columns:minmax(0,1fr);gap:32px;padding-top:32px;padding-bottom:40px}
  .ro .hero-copy{gap:18px}
  .ro h1{font-size:42px}
  .ro .hero-sub{font-size:17px}
  .ro .ctas{flex-direction:column}
  .ro .ctas .btn{width:100%}
  .ro .feefree{font-size:14px;align-self:stretch}
  .ro .mail-head{padding:14px 16px}
  .ro .mail-body{padding:16px;font-size:14px}
  .ro .mail-foot{padding:12px 16px;flex-direction:column;gap:4px}
  .ro .alert{margin:12px 0 0 auto}
  .ro .sec{padding:56px 0}
  .ro .sec-head{margin-bottom:24px}
  .ro .h2{font-size:28px}
  .ro .lead{font-size:16px}
  .ro .grid3,.ro .grid4,.ro .grid2,.ro .versus{grid-template-columns:minmax(0,1fr);gap:12px}
  .ro .card,.ro .vs-card{padding:20px}
  .ro .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
  .ro .stat{padding:16px 10px}
  .ro .stat .big{font-size:26px}
  .ro .stat .lbl{font-size:12px}
  .ro .tr{grid-template-columns:minmax(0,1fr);font-size:14px}
  .ro .tr.th{display:none}
  .ro .tr>div{padding:6px 16px}
  .ro .tr .lab{padding-top:14px;font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:#5a6072}
  .ro .tr .muted::before{content:attr(data-h) ": ";color:#8a90a2}
  .ro .tr .us{padding-bottom:14px;background:#ffffff}
  .ro .tr .us::before{content:"✓ ";color:#26b170}
  .ro .price-wrap{grid-template-columns:minmax(0,1fr);gap:16px}
  .ro .price-card{padding:22px}
  .ro .amount b{font-size:46px}
  .ro .faq{grid-template-columns:minmax(0,1fr);gap:16px}
  .ro details{padding:0 16px}
  .ro .final .wrap{padding-top:56px;padding-bottom:56px}
  .ro .final h2{font-size:32px}
  .ro .final .btn{width:100%}
  .ro .sticky{display:block;position:sticky;bottom:0;background:#ffffff;border-top:1px solid #e1e5f0;padding:12px 16px;z-index:5}
  .ro .sticky .btn{width:100%}
}

/* ===== Match the live optimhire.com Auto-Applier page (measured 25 Oct 2026) ===== */
.ro{font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;color:#041526;font-size:16px}
.ro .wrap{max-width:1170px;padding:0 15px}
.ro .eyebrow{font-size:14px;font-weight:700;letter-spacing:.08em;color:#245aff}
.ro .h2{font-size:36px;line-height:39.6px;font-weight:700;color:#101010;letter-spacing:0}
.ro .lead{font-size:20px;line-height:32px;color:#5c6b8a}
.ro .btn{min-height:56px;padding:15px 30px;border-radius:30px;font-weight:500;font-size:16px;line-height:25.6px}
.ro .btn-primary,.ro .btn-primary:hover{background:linear-gradient(90deg,#00bdf7,#1f5bff,#931fff);color:#ffffff}
.ro .btn-ghost{background:#ffffff;color:#041526;border:1px solid #041526}
.ro .btn-white{background:#ffffff;color:#1f5bff;font-weight:600}

/* header, same layout as the live site */
.ro .nav{border-bottom:1px solid #eef0f4}
.ro .nav .wrap{padding-top:18px;padding-bottom:18px}
.ro .nav-left{display:flex;align-items:center;gap:40px}
.ro .logo{display:flex;align-items:center;font-size:20px;font-weight:800;color:#041526}
.ro .logo img{height:26px;width:auto;display:block}
.ro .nav-left .links{display:flex;gap:16px;font-size:14px;font-weight:500}
.ro .nav-left .links a{color:#041526;text-decoration:none;padding:8px}
.ro .navlinks{gap:22px;font-size:14px;font-weight:500}
.ro .navlinks a{color:#041526}
.ro .navlinks .pillbtn{border:1px solid #041526;border-radius:30px;padding:8px 18px}
.ro .navlinks .signup{border:1px solid #d3d9e4;border-radius:30px;padding:8px 18px}
.ro .navmobile .btn{min-height:40px;padding:8px 16px;font-size:14px}
.ro .menu-btn{border-radius:12px}

/* hero */
.ro .hero,.ro .hero.lp{background:#e8f1fc}
.ro .hero .wrap{padding-top:112px;padding-bottom:112px;gap:48px}
.ro .hero-copy{gap:20px}
.ro h1,.ro h1.lph{font-size:40px;line-height:52px;font-weight:800;letter-spacing:0;color:#041526}
.ro h1 span,.ro h1.lph span{color:#1f5bff}
.ro .hero-sub{font-size:22px;line-height:1.5;font-weight:500;color:#041526;max-width:560px}
.ro .hero-sub b{font-weight:700}
.ro .micro{font-size:14px;color:#5c6b8a}
.ro .pill{font-size:13px;font-weight:600;color:#041526;border-color:#d7e2f5}
.ro .pill b,.ro .pill.green b{background:#e9edff;color:#335cff;font-size:11px;font-weight:700}
.ro .feefree{border-radius:30px;font-size:14px;border-color:#e9ecef;padding:10px 16px}

/* sections and cards */
.ro .sec{padding:80px 0}
.ro .sec.tint{background:#f8f9fa}
.ro .sec-head{gap:14px;margin-bottom:36px}
.ro .card,.ro .step,.ro .rule{border:1px solid #e9ecef;border-radius:24px;padding:30px 24px}
.ro .card h3,.ro .step h3,.ro .rule h3{font-size:22px;line-height:24.2px;font-weight:600;color:#111111}
.ro .card p,.ro .step p,.ro .rule p{font-size:16px;line-height:24px;color:#6c757d}
.ro .ic{border-radius:14px;background:#e9edff}
.ro .step .n{background:#1f5bff}
.ro .stat{border:1px solid #e9ecef;border-radius:24px}
.ro .stat .big{font-size:36px;font-weight:800;color:#1f5bff}
.ro .stat .lbl{font-size:16px;color:#5c6b8a}
.ro .vs-card{border-radius:24px}
.ro .vs-card h3{font-size:22px;font-weight:700}
.ro .vs-card ul{font-size:16px}
.ro .vs-card.person{background:#041526}
.ro .tbl{border-color:#e9ecef;border-radius:24px}
.ro .tr{font-size:16px}
.ro .tr.th>div{background:#041526}
.ro .tr.th>div.us{background:#1f5bff}
.ro .tr .muted{color:#6c757d}
.ro .tr .us{color:#041526;background:#eef3ff}
.ro .price-card{border-color:#1f5bff;border-radius:24px}
.ro .price-card .name b{font-size:22px}
.ro .amount b{font-size:56px;font-weight:800;color:#041526}
.ro .checks{font-size:16px}
.ro .note{border-color:#e9ecef;border-radius:20px;font-size:16px;color:#5c6b8a}
.ro .note b{color:#041526}
.ro .ladder .card.exec{background:#101010}
.ro details{border-color:#e9ecef;border-radius:16px}
.ro summary{font-size:18px;font-weight:600;color:#041526}
.ro summary::after{color:#1f5bff}
.ro details p{font-size:16px;line-height:26px;color:#5c6b8a}
.ro .final{background:linear-gradient(90deg,#1f5bff 0%,#5b3df5 60%,#931fff 100%)}
.ro .final h2{font-size:36px;line-height:1.2;font-weight:800}
.ro .final p{font-size:20px;line-height:32px;color:#eef2ff}
.ro .final .micro{color:#e3e8ff}
.ro .foot .wrap{font-size:14px;color:#5c6b8a}

/* layoff pass pieces */
.ro .newsbar{background:linear-gradient(90deg,#4361ee 0%,#7b2ff7 55%,#a855f7 100%);font-size:14px;font-weight:500}
.ro .newsbar b{color:#ffffff;font-weight:800}
.ro .claim{border-radius:24px;box-shadow:0 16px 36px rgba(35,52,85,.12)}
.ro .ticket{background:linear-gradient(90deg,#00bdf7,#1f5bff,#931fff)}
.ro .ticket .free{background:#ffffff;color:#1f5bff}
.ro .input{border-radius:12px;border-color:#d3d9e4}
.ro .rule .big{color:#1f5bff;font-weight:800}
.ro .refer{background:#041526;border-radius:24px}
.ro .refer h2{font-size:36px;line-height:1.15;font-weight:800}
.ro .refer p{font-size:18px}
.ro .hr-band{border-radius:24px}
.ro .hr-band b{font-size:20px}
.ro .hr-band p{font-size:16px;color:#5c6b8a}

@container ro (max-width: 760px){
  .ro .wrap{padding:0 16px}
  .ro .nav-left .links{display:none}
  .ro .logo img{height:22px}
  .ro .hero .wrap{padding-top:40px;padding-bottom:48px;gap:28px}
  .ro h1,.ro h1.lph{font-size:30px;line-height:38px}
  .ro .hero-sub{font-size:18px}
  .ro .h2{font-size:26px;line-height:32px}
  .ro .lead{font-size:17px;line-height:27px}
  .ro .sec{padding:48px 0}
  .ro .card,.ro .step,.ro .rule{padding:22px 20px}
  .ro .card h3,.ro .step h3,.ro .rule h3{font-size:20px;line-height:24px}
  .ro .stat .big{font-size:28px}
  .ro .stat .lbl{font-size:13px}
  .ro .tr{font-size:15px}
  .ro .amount b{font-size:46px}
  .ro summary{font-size:16px}
  .ro .final h2{font-size:28px}
  .ro .final p{font-size:17px;line-height:27px}
  .ro .refer h2{font-size:26px}
  .ro .newsbar{font-size:13px}
}


/* Reference header, product navigation and footer. */
.ro .site-header{position:relative;z-index:20;border:0;background:#fff}
.ro .site-header .header-inner{position:relative;max-width:1180px;min-height:98px;padding:18px 15px;gap:24px}
.ro .site-header .logo img{width:156px;height:auto}
.ro .header-actions{display:flex;align-items:center;gap:30px}
.ro .products-toggle{display:flex;align-items:center;gap:10px;border:0;background:transparent;color:#414d61;font:600 15px "Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;padding:12px 0;cursor:pointer}
.ro .products-toggle svg{transition:transform .18s ease}
.ro .products-toggle[aria-expanded="true"] svg{transform:rotate(180deg)}
.ro .header-cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:44px;padding:12px 21px;border-radius:40px;background:#2955ff;color:#fff;font-size:15px;font-weight:700;text-decoration:none;box-shadow:0 10px 26px #2955ff30;white-space:nowrap}
.ro .header-cta:hover{background:#1945eb}
.ro .products-menu{position:absolute;top:calc(100% - 4px);right:15px;width:min(804px,calc(100% - 30px));padding:26px;display:grid;grid-template-columns:1fr 1fr;gap:26px;background:#fff;border:1px solid #dfe3f0;border-radius:18px;box-shadow:0 18px 50px #17234120;font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;max-height:calc(100dvh - 106px);overflow-y:auto;overscroll-behavior:contain}
.ro .products-menu[hidden]{display:none}
.ro .menu-heading{font-size:14px;line-height:1.45;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:#5b6073;margin:0 10px 12px}
.ro .product-item{display:flex;flex-direction:column;gap:2px;padding:11px 10px;margin-bottom:9px;border-radius:12px;text-decoration:none;color:#101010}
.ro .product-item:last-child{margin-bottom:0}
.ro .product-item.featured,.ro .product-item:hover{background:#f5f6fd}
.ro .product-title{display:flex;align-items:baseline;gap:12px;flex-wrap:wrap;font-size:18px;line-height:1.4;font-weight:700;color:#101010}
.ro .product-badge{font-size:12px;line-height:1.5;text-transform:uppercase;font-weight:700;color:#3b4152;white-space:nowrap}
.ro .product-badge.included{color:#1a804a}.ro .product-badge.addon{color:#0b4fa5}.ro .product-badge.new{color:#2955ff}
.ro .product-description{font-size:14px;line-height:1.55;font-weight:400;color:#5b6073}
.ro .concierge-card{display:flex;flex-direction:column;gap:10px;background:#101010;padding:19px 20px;border-radius:14px;color:#fff;text-decoration:none}
.ro .concierge-card .product-title{color:#fff;font-size:19px}
.ro .concierge-card .product-description{color:#c6c9d5;font-size:16px;line-height:1.5}
.ro .concierge-link{color:#8bb5ff;font-size:16px;font-weight:700}
.ro .concierge-card:hover{background:#202020}
.ro .employer-heading{margin-top:18px;margin-bottom:13px}
.ro .site-footer{background:#090f2c;color:#bac1d2;padding:78px 0 48px;font-family:"Manrope", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif}
.ro .footer-wrap{max-width:1206px;margin:auto;padding:0 15px}
.ro .footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr .62fr;gap:54px;padding-bottom:80px}
.ro .footer-logo{display:inline-block;margin-bottom:23px}
.ro .footer-logo img{display:block;width:156px;height:auto;filter:brightness(0) invert(1)}
.ro .footer-brand p{font-size:15px;line-height:1.6;color:#909cb3;max-width:350px}
.ro .social-links{display:flex;gap:12px;margin-top:30px}
.ro .social-links a{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:#fff;color:#101010}
.ro .social-links svg{width:19px;height:19px}
.ro .social-links a:hover{background:#e9edff;transform:translateY(-2px)}
.ro .footer-column h2{font-size:13px;line-height:1.6;letter-spacing:.13em;text-transform:uppercase;font-weight:700;color:#e1ba32;margin:0 0 24px}
.ro .footer-column ul{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:20px}
.ro .footer-column a,.ro .support-trigger{display:inline-flex;align-items:center;gap:8px;color:#bac1d2;font-size:15px;line-height:1.4;font-weight:500;text-decoration:none}
.ro .footer-column a:hover,.ro .legal-links a:hover,.ro .support-trigger:hover{color:#fff}
.ro .new-pill{background:#2955ff;border-radius:20px;color:#fff;font-size:10px;font-weight:700;line-height:1.4;padding:3px 8px;text-transform:uppercase}
.ro .footer-help a,.ro .footer-help button{white-space:nowrap}
.ro .help-icon{color:#e1ba32;display:flex;flex:none}
.ro .country-flag{font-size:17px;line-height:1;width:22px;display:inline-flex;justify-content:center}
.ro .support-trigger{border:0;background:none;padding:0;cursor:pointer;font-family:inherit;text-align:left}
.ro .footer-legal{border-top:1px solid #ffffff1a;padding-top:40px;text-align:center;color:#909cb3;font-size:14px;line-height:1.7}
.ro .footer-legal p+p{margin-top:20px}
.ro .legal-links{display:flex;align-items:center;justify-content:center;gap:19px;margin-top:22px;font-size:15px}
.ro .legal-links a{color:#cdd2e0;text-decoration:none}.ro .legal-links span{color:#d4af37}
.ro .site-header :focus-visible,.ro .site-footer :focus-visible{outline:3px solid #87acff;outline-offset:4px}
@container ro (max-width:1100px){
 .ro .footer-grid{gap:30px;grid-template-columns:1.25fr 1fr 1fr}
 .ro .footer-help{grid-column:2 / 4}.ro .footer-help ul{flex-direction:row;flex-wrap:wrap}
}
@container ro (max-width:760px){
 .ro .site-header .header-inner{min-height:80px;padding:16px;gap:12px}
 .ro .site-header .logo img{width:132px;height:auto}
 .ro .header-actions{gap:18px}.ro .products-toggle{font-size:14px;gap:6px}
 .ro .header-cta{min-height:42px;font-size:13px;padding:10px 16px;gap:8px}
 .ro .products-menu{right:16px;width:calc(100% - 32px);max-height:calc(100dvh - 92px);padding:20px;gap:20px}
 .ro .product-title{font-size:16px;gap:8px}.ro .product-description{font-size:13px}
 .ro .menu-heading{font-size:11px;letter-spacing:.08em}.ro .product-badge{font-size:10px}
 .ro .concierge-card{padding:16px}.ro .concierge-card .product-title{font-size:17px}.ro .concierge-card .product-description,.ro .concierge-link{font-size:14px}
 .ro .site-footer{padding:48px 0 36px}.ro .footer-wrap{padding:0 24px}
 .ro .footer-grid{grid-template-columns:1fr;gap:36px 24px;padding-bottom:40px}
 .ro .footer-brand{grid-column:1 / -1}.ro .footer-brand p{max-width:420px}
 .ro .footer-help{grid-column:1 / -1}.ro .footer-help ul{gap:20px 30px}
 .ro .footer-column h2{margin-bottom:20px}.ro .footer-column a{font-size:14px}
 .ro .footer-legal{padding-top:30px;font-size:12px}.ro .legal-links{font-size:14px}
}
@container ro (max-width:540px){
 .ro .products-menu{grid-template-columns:1fr;gap:26px;padding:20px}
 .ro .menu-heading{font-size:12px}.ro .product-title{font-size:17px}.ro .product-description{font-size:14px}
 .ro .product-item{margin-bottom:8px}.ro .product-badge{font-size:11px}
 .ro .header-actions{gap:12px}.ro .header-cta svg{display:none}
 .ro .site-header .logo img{width:120px}.ro .header-cta{padding:10px 13px}
 .ro .footer-grid{column-gap:18px}.ro .footer-column a{flex-wrap:wrap}.ro .footer-help a{flex-wrap:nowrap}
 .ro .footer-help ul{flex-direction:column}.ro .new-pill{font-size:9px;padding:3px 7px}
}
@container ro (max-width:360px){
 .ro .site-header .logo img{width:104px}.ro .header-actions{gap:8px}.ro .products-toggle{font-size:12px}.ro .header-cta{font-size:12px;padding:10px}
 .ro .footer-grid{grid-template-columns:1fr}.ro .footer-help{grid-column:auto}
}
@media(prefers-reduced-motion:reduce){.ro .products-toggle svg{transition:none}}


/* Entrance motion matched to the AI Mock Interview landing page.
   Content remains visible if JavaScript or animation support is unavailable. */
.ro .hero h1 .hero-title-line{display:block;overflow:hidden;color:inherit;padding-bottom:.08em;margin-bottom:-.08em}
.ro .hero h1 .hero-title-text{display:block;color:inherit}
.ro .hero h1 .hero-title-accent{color:#1f5bff}
@media(prefers-reduced-motion:reduce){
  .ro [data-entrance],.ro [data-scroll-reveal]{opacity:1!important;transform:none!important}
}
@media print{
  .ro [data-entrance],.ro [data-scroll-reveal]{opacity:1!important;transform:none!important}
}

/* Product-page layout: white space, large typography and a consistent blue accent. */
.ro{color:#0f172a;background:#fff}
.ro .wrap{max-width:1200px;padding:0 24px}
.ro .site-header .header-inner{max-width:1200px;min-height:72px;padding:14px 24px}
.ro .products-menu{right:24px;width:min(804px,calc(100% - 48px));top:calc(100% + 8px);max-height:calc(100dvh - 96px)}
.ro .hero{position:relative;isolation:isolate;background:#fff;overflow:hidden}
.ro .hero::before{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;opacity:.55;background-image:linear-gradient(to right,#eef2f9 1px,transparent 1px),linear-gradient(to bottom,#eef2f9 1px,transparent 1px);background-size:64px 64px;-webkit-mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 20%,transparent 75%);mask-image:radial-gradient(ellipse 60% 50% at 50% 0%,#000 20%,transparent 75%)}
.ro .hero::after{content:"";position:absolute;right:-120px;bottom:-180px;width:500px;height:500px;z-index:-1;pointer-events:none;border-radius:50%;background:radial-gradient(circle,#e4e9f880,transparent 70%)}
.ro .hero .wrap{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:64px;padding-top:78px;padding-bottom:112px;align-items:center}
.ro .hero-copy{gap:24px;min-width:0}
.ro .hero h1{font-size:clamp(48px,5.5cqi,72px);line-height:1.03;font-weight:800;letter-spacing:-.035em;color:#0f172a}
.ro .hero h1 .hero-title-accent{color:#245aff}
.ro .hero .pill{background:#f8fafc;border-color:#e2e8f0;padding:6px 14px 6px 6px;gap:10px;color:#245aff;font-size:12px;font-weight:700;letter-spacing:.015em}
.ro .hero .pill b{background:#e9efff;color:#245aff;font-size:10px;font-weight:800;letter-spacing:.08em}
.ro .hero-sub{max-width:576px;font-size:18px;line-height:1.7;font-weight:400;color:#475569;margin-top:4px}
.ro .hero-sub b{font-weight:700}
.ro .ctas{gap:16px;margin-top:8px}
.ro .btn{min-height:54px;padding:14px 26px;font-weight:700;line-height:1.5;font-size:16px;border-radius:999px;transition:background-color .2s,border-color .2s,box-shadow .2s,transform .2s}
.ro .btn-primary{background:#245aff;color:#fff;box-shadow:0 18px 40px -14px #245aff80}
.ro .btn-primary:hover{background:#1741c7;transform:translateY(-2px);color:#fff}
.ro .btn-ghost{border:1px solid #e2e8f0;color:#0f172a;background:#fff}
.ro .btn-ghost:hover{border-color:#245aff;color:#245aff;transform:translateY(-2px)}
.ro .btn-white{color:#245aff;box-shadow:0 12px 30px -16px #0004}
.ro .micro{color:#64748b;font-size:13px;line-height:1.7}
.ro .hero .micro{margin-top:-4px}
.ro .feefree{background:#fff;border-color:#e2e8f0;font-size:13px;line-height:1.6;padding:10px 14px}
.ro .hero .mail{box-shadow:0 32px 70px -28px #0f172a45}
.ro .hero .alert{margin-right:0}
.ro .sec{padding:96px 0}
.ro .sec.tint{background:#f8fafc}
.ro .sec-head{max-width:800px;gap:18px;margin-bottom:48px}
.ro .eyebrow{font-size:12px;font-weight:800;letter-spacing:.2em;color:#245aff}
.ro .h2{font-size:clamp(32px,4cqi,48px);line-height:1.15;font-weight:800;letter-spacing:-.025em;color:#0f172a}
.ro .lead{font-size:18px;line-height:1.7;color:#475569}
.ro .grid3,.ro .grid4,.ro .grid2,.ro .versus{gap:24px}
.ro .card,.ro .step{border:1px solid #e2e8f0;border-radius:24px;padding:32px;gap:14px}
.ro .card h3,.ro .step h3{font-size:22px;line-height:1.25;font-weight:700;letter-spacing:-.02em;color:#0f172a}
.ro .card p,.ro .step p{font-size:16px;line-height:1.7;color:#475569}
.ro .ic{width:48px;height:48px;border-radius:14px;background:#edf2ff;margin-bottom:4px}
.ro .step .n{background:#245aff;margin-bottom:6px}
.ro .vs-card{padding:36px;border-radius:24px;gap:20px}
.ro .vs-card.pile{background:#f8fafc;border:1px solid #e2e8f0}
.ro .vs-card.person{background:#0a1130}
.ro .vs-card h3{font-size:24px;line-height:1.25;letter-spacing:-.02em}
.ro .vs-card ul{gap:16px;font-size:16px}
.ro .vs-card.pile li{color:#475569}
.ro .stats{gap:24px}
.ro .stat{padding:30px 20px;border-color:#e2e8f0;border-radius:24px}
.ro .stat .big{font-size:42px;font-weight:800;letter-spacing:-.03em;color:#245aff}
.ro .stat .lbl{font-size:14px;color:#64748b;margin-top:12px;line-height:1.6}
.ro .tbl{border-color:#e2e8f0;border-radius:24px}
.ro .tr{border-color:#e2e8f0;font-size:15px;line-height:1.65}
.ro .tr>div{padding:20px}
.ro .tr.th>div{background:#0a1130}.ro .tr.th>div.us{background:#245aff}
.ro .tr .us{background:#f0f4ff;color:#0f172a}
.ro .tr .muted{color:#64748b}
.ro .price-wrap{gap:64px}
.ro .price-card{padding:40px;border:1px solid #c7d6ff;border-radius:28px;gap:24px;box-shadow:0 32px 70px -32px #245aff50}
.ro .amount b{font-size:64px;letter-spacing:-.04em;color:#0f172a}
.ro .checks{gap:14px;color:#334155;font-size:16px;line-height:1.65}
.ro .side-notes{gap:20px}
.ro .note{padding:22px 24px;border-color:#e2e8f0;border-radius:20px;color:#475569;line-height:1.7}
.ro .note b{color:#0f172a}
.ro .fine{color:#64748b;font-size:13px;line-height:1.7}
.ro .ladder .sec-head{max-width:840px;text-align:center;margin-left:auto;margin-right:auto}
.ro .ladder .card{gap:18px}
.ro .ladder .card .tier{font-size:11px;font-weight:800;letter-spacing:.12em}
.ro .ladder .card .pr{padding-top:12px;color:#0f172a}
.ro .ladder .card.mid{border:1px solid #245aff;box-shadow:0 22px 50px -32px #245aff60}
.ro .ladder .card.exec{background:#0a1130;border-color:#0a1130}
.ro .ladder .card.exec h3{color:#fff}
.ro .ladder .card.exec p{color:#cbd5e1}
.ro .ladder .card.exec .pr{color:#d4af37}
.ro .faq{grid-template-columns:340px minmax(0,1fr);gap:64px}
.ro .qs{gap:16px}
.ro details{border-color:#e2e8f0;border-radius:16px;padding:0 24px}
.ro summary{padding:22px 0;font-size:17px;font-weight:700;color:#0f172a}
.ro details p{font-size:16px;line-height:1.7;color:#475569;padding-bottom:22px}
.ro .final{background:radial-gradient(ellipse at 50% 100%,#1c3580 0%,#0a1130 75%);color:#fff}
.ro .final .wrap{padding-top:96px;padding-bottom:96px;gap:24px}
.ro .final h2{font-size:48px;line-height:1.12;letter-spacing:-.025em;font-weight:800}
.ro .final p{max-width:640px;font-size:18px;line-height:1.7;color:#cbd5e1}
.ro .final .micro{color:#94a3b8}
.ro .footer-wrap{max-width:1200px;padding:0 24px}
@container ro (max-width:1100px){
 .ro .hero .wrap{gap:40px}
 .ro .card,.ro .step{padding:26px}
 .ro .price-wrap,.ro .faq{gap:40px}
}
@container ro (max-width:992px){
 .ro .hero .wrap{grid-template-columns:minmax(0,1fr);padding-top:56px;padding-bottom:80px;gap:56px}
 .ro .hero-copy{max-width:680px}
 .ro .hero h1{font-size:64px}
 .ro .hero-sub{max-width:640px}
 .ro .hero .wrap>div:last-child{width:100%;max-width:640px;justify-self:center}
 .ro .grid4{grid-template-columns:repeat(2,minmax(0,1fr))}
 .ro .grid3{gap:18px}.ro .grid3 .card{padding:24px}
 .ro .card h3{font-size:20px}
 .ro .price-wrap{gap:32px}
 .ro .price-card{padding:28px}
 .ro .faq{grid-template-columns:280px minmax(0,1fr);gap:32px}
 .ro .stats{gap:16px}.ro .stat{padding:24px 14px}.ro .stat .big{font-size:34px}
}
@container ro (max-width:760px){
 .ro .wrap{padding-left:24px;padding-right:24px}
 .ro .site-header .header-inner{padding:14px 20px;min-height:72px}
 .ro .products-menu{right:16px;width:calc(100% - 32px);max-height:calc(100dvh - 96px)}
 .ro .hero .wrap{padding-top:44px;padding-bottom:64px;gap:40px}
 .ro .hero h1{font-size:clamp(40px,7.6cqi,56px);line-height:1.08;letter-spacing:-.035em}
 .ro .hero-copy{gap:22px}
 .ro .hero-sub{font-size:17px;line-height:1.7;margin-top:0}
 .ro .hero .pill{font-size:11px;gap:8px;letter-spacing:0}
 .ro .ctas{margin-top:4px;gap:12px}
 .ro .btn{font-size:15px;padding:14px 24px;min-height:52px}
 .ro .micro{font-size:12px}
 .ro .sec{padding:64px 0}
 .ro .sec-head{gap:16px;margin-bottom:32px}
 .ro .h2{font-size:34px;line-height:1.16}
 .ro .lead{font-size:17px;line-height:1.7}
 .ro .grid3,.ro .grid4,.ro .grid2,.ro .versus{grid-template-columns:minmax(0,1fr);gap:20px}
 .ro .card,.ro .step,.ro .grid3 .card,.ro .vs-card{padding:26px}
 .ro .card h3,.ro .step h3,.ro .vs-card h3{font-size:22px}
 .ro .stats{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
 .ro .stat .big{font-size:32px}.ro .stat .lbl{font-size:13px;margin-top:8px}
 .ro .tr>div{padding:8px 20px}
 .ro .tr .lab{padding-top:20px}
 .ro .tr .us{padding-bottom:20px;background:#fff}
 .ro .price-wrap,.ro .faq{grid-template-columns:minmax(0,1fr);gap:32px}
 .ro .price-card{padding:28px;gap:20px}
 .ro .amount b{font-size:54px}
 .ro .note{padding:22px}
 .ro .ladder .sec-head{text-align:left}
 .ro details{padding:0 20px}.ro summary{font-size:16px;padding:20px 0}
 .ro .final .wrap{padding-top:64px;padding-bottom:64px;gap:22px}
 .ro .final h2{font-size:36px}.ro .final p{font-size:17px}
}
@container ro (max-width:380px){
 .ro .wrap{padding-left:20px;padding-right:20px}
 .ro .site-header .header-inner{padding-left:16px;padding-right:16px}
 .ro .hero h1{font-size:36px}
 .ro .hero .pill{font-size:10px;padding-right:10px}
 .ro .h2{font-size:30px}
 .ro .card,.ro .step,.ro .grid3 .card,.ro .vs-card{padding:22px}
 .ro .price-card{padding:24px}
 .ro .final h2{font-size:32px}
}
@media(prefers-reduced-motion:reduce){
 .ro .btn{transition:none}.ro .btn:hover{transform:none}
}

/* Section spacing from the original page. */
.ro .sec.sec-no-top-padding{padding-top:0}
.ro .sec-head.sec-head-no-bottom-margin{margin-bottom:0}

/* Keep this landing page header visible while scrolling on mobile. */
@media (max-width:768px){
  .ro .site-header.candidate-mobile-header{position:sticky;top:0;z-index:40;background:#fff;box-shadow:0 1px 0 #e6e9f2}
}