/* /solutions — reference correction for Design 1: Living Recruitment Pipeline. */
.product-design-one{--max:1780px}
.product-design-one .products-placeholder{padding-bottom:0}
.product-design-one .products-placeholder::after{top:500px;height:270px;background:linear-gradient(180deg,transparent,rgba(2,11,19,.15) 28%,#020b13 100%),url('/assets/recruitment-terrain-v2.png') center bottom/cover no-repeat;clip-path:none;filter:none;opacity:.92}
.product-design-one .product-hero{min-height:650px;padding:78px 0 128px;grid-template-columns:minmax(0,.9fr) minmax(610px,1.1fr);gap:58px}
.product-design-one .product-hero-panel{min-height:455px;border-radius:12px;transform:perspective(1500px) rotateY(calc(-1deg + var(--dashboard-x))) rotateX(var(--dashboard-y))}
.product-design-one .products-title{font-size:clamp(66px,4.8vw,88px)}
.product-design-one .product-lead{max-width:590px;font-size:17px}
.product-design-one .product-page-nav{display:none}

.product-design-one .recruitment-journey{padding:68px 0 82px}
.product-design-one .journey-heading h2{font-size:46px}
.product-design-one .pipeline-rail{margin-top:52px}
.product-design-one .pipeline-icon{width:68px;height:68px}
.product-design-one .pipeline-rail::before,.product-design-one .pipeline-rail::after{top:42px}
.product-design-one .pipeline-rail li::after{top:38px}

.product-design-one .product-overview{padding:72px 0 82px}
.product-design-one .product-section-intro h2{font-size:54px;line-height:.98}
.product-design-one .capability-grid{margin-top:38px}
.product-design-one .capability-grid article{min-height:265px;padding:24px;border-radius:12px}
.product-design-one .capability-grid h3{margin-top:34px;font-size:19px}
.product-design-one .capability-grid p{font-size:13px}
.product-design-one .capability-grid article::after{left:24px;bottom:22px}

.product-design-one .product-flow{padding-block:72px;background:linear-gradient(180deg,rgba(3,16,28,.97),rgba(4,24,39,.95)),url('/assets/recruitment-terrain-v2.png') center bottom/cover no-repeat}
.product-design-one .product-flow-heading h2{font-size:46px}
.product-design-one .flow-steps{margin-top:48px}

.product-design-one .embedded-product:not(.tutorial-product){display:grid;grid-template-columns:minmax(360px,.82fr) minmax(620px,1.18fr);align-items:center;gap:70px;min-height:520px;padding-block:70px;background:linear-gradient(90deg,rgba(3,15,26,.98) 0 37%,rgba(3,15,26,.56) 58%,rgba(2,11,19,.9)),url('/assets/recruitment-terrain-v2.png') center bottom/cover no-repeat}
.product-design-one .embedded-product:not(.tutorial-product) .embedded-product-heading{display:block;margin:0}
.product-design-one .embedded-product-heading h2{margin-top:16px;font-size:48px;line-height:1}
.product-design-one .motion-heading-copy{display:block;margin-top:20px}
.product-design-one .motion-heading-copy p{font-size:14px}
.product-design-one .motion-heading-copy .button{margin-top:22px}
.product-design-one .embedded-product:not(.tutorial-product) .embedded-demo-frame{position:relative;width:100%;height:335px;margin:0;border-radius:12px;overflow:hidden;transform:perspective(1500px) rotateY(-1deg);transform-origin:center}
.product-design-one .embedded-product:not(.tutorial-product) .embedded-demo-frame iframe{width:200%;height:670px;transform:scale(.5);transform-origin:0 0;pointer-events:none}
.demo-preview-play{position:absolute;inset:50% auto auto 50%;width:66px;height:66px;display:grid;place-items:center;transform:translate(-50%,-50%);border:1px solid rgba(95,232,255,.75);border-radius:50%;background:rgba(232,250,255,.92);box-shadow:0 0 38px rgba(47,220,255,.36);color:#053047;font-size:20px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}
.demo-preview-play:hover{transform:translate(-50%,-50%) scale(1.06);box-shadow:0 0 48px rgba(47,220,255,.56)}
.product-design-one .tutorial-product[hidden]{display:none!important}

.product-design-one .product-close{padding:72px 0 36px;background:linear-gradient(180deg,rgba(2,11,19,.35),#020b13 72%),url('/assets/recruitment-terrain-v2.png') center top/100% auto no-repeat}
.product-design-one .product-close h2{font-size:50px}
.product-design-one .product-close-copy ul{margin-top:30px}
.product-design-one .product-close-copy li{min-height:80px;padding:18px}

/* Let the closing message dissolve out of the preceding terrain instead of reading as
   a separate rectangular image panel. */
.product-design-one .product-close{
  padding:118px max(28px,calc(var(--cs-fluid-edge,64px)/2)) 82px;
  border-top:0;
  background:transparent;
  overflow:visible;
  isolation:isolate;
}
.product-design-one .product-close::before{
  content:"";
  position:absolute;
  z-index:-2;
  top:-170px;
  bottom:-85px;
  left:calc(50% - 50vw);
  width:100vw;
  background:
    linear-gradient(180deg,rgba(2,11,19,0) 0%,rgba(2,11,19,.2) 18%,rgba(2,11,19,.88) 62%,#020b13 92%),
    url('/assets/recruitment-terrain-v2.png') center 12%/cover no-repeat;
  opacity:.74;
  -webkit-mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%);
  mask-image:linear-gradient(180deg,transparent 0%,#000 18%,#000 76%,transparent 100%);
  pointer-events:none;
}
.product-design-one .product-close::after{
  content:"";
  position:absolute;
  z-index:-1;
  top:-35%;
  bottom:-24%;
  left:calc(50% - 50vw);
  width:100vw;
  background:
    radial-gradient(ellipse at 18% 28%,rgba(0,184,255,.12),transparent 38%),
    radial-gradient(ellipse at 78% 58%,rgba(0,106,183,.09),transparent 42%);
  filter:blur(22px);
  pointer-events:none;
}
.product-design-one .site-footer{
  position:relative;
  border-top-color:rgba(89,201,235,.12);
  background:linear-gradient(180deg,#020b13 0%,#071323 100%);
}
.product-design-one .product-close-copy li{
  background:linear-gradient(145deg,rgba(7,29,44,.72),rgba(4,18,29,.46));
  box-shadow:inset 0 1px rgba(113,229,255,.035);
  backdrop-filter:blur(5px);
}

.solution-demo-dialog{width:min(1500px,calc(100vw - 50px));height:min(900px,calc(100vh - 44px));padding:0;border:1px solid rgba(65,220,255,.62);border-radius:16px;background:#05121d;color:#f4f7f8;box-shadow:0 35px 120px #000;overflow:hidden}
.solution-demo-dialog::backdrop{background:rgba(0,7,13,.84);backdrop-filter:blur(10px)}
.solution-demo-dialog-shell{height:100%;display:grid;grid-template-rows:auto 1fr}
.solution-demo-dialog header{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:17px 20px;border-bottom:1px solid rgba(65,180,220,.25);background:#071827}
.solution-demo-dialog header p,.solution-demo-dialog header h2{margin:0}.solution-demo-dialog header h2{margin-top:5px;font:500 22px Georgia,serif}.solution-demo-dialog header>button{width:38px;height:38px;border:1px solid rgba(65,220,255,.45);border-radius:50%;background:#0a2435;color:#dffaff;font-size:25px;cursor:pointer}
.solution-demo-dialog iframe{width:100%;height:100%;border:0;background:#071016}

@media(max-width:950px){.product-design-one .product-hero{grid-template-columns:1fr}.product-design-one .embedded-product:not(.tutorial-product){grid-template-columns:1fr;gap:35px}.product-design-one .embedded-product:not(.tutorial-product) .embedded-demo-frame{max-width:760px}}
@media(max-width:620px){.product-design-one .product-hero{padding-bottom:110px}.product-design-one .products-placeholder::after{top:850px;height:210px}.product-design-one .embedded-product:not(.tutorial-product){padding-block:65px}.product-design-one .embedded-product:not(.tutorial-product) .embedded-demo-frame{height:270px}.product-design-one .embedded-product:not(.tutorial-product) .embedded-demo-frame iframe{width:240%;height:648px;transform:scale(.417)}.product-design-one .product-close{padding:92px 18px 68px}.product-design-one .product-close::before{top:-110px;bottom:-70px;background-position:55% top}.solution-demo-dialog{width:calc(100vw - 20px);height:calc(100vh - 20px)}.solution-demo-dialog header h2{font-size:17px}.solution-demo-dialog header .eyebrow{font-size:8px}}