/* round 9 review pages: hero option 2 right sides (.hy) and how-we-screen takes (.sy) */
.hz2 .hz-g{min-height:560px}
.hy{position:relative;max-width:520px;margin-left:auto;width:100%}
/* 1 board */
.hy1 .h2-board{max-width:none;box-shadow:0 40px 90px -30px rgba(0,0,0,.6),0 0 0 1px rgba(255,255,255,.1)}
/* 2 fanned coaches */
.hy2{height:460px}
.hy2-c{position:absolute;width:230px;background:#fff;border-radius:20px;padding:20px;box-shadow:0 30px 60px -24px rgba(0,0,0,.6);text-align:center}
.hy2-c>img:first-child{width:96px;height:96px;border-radius:50%;object-fit:cover;display:block;margin:0 auto 12px;box-shadow:0 0 0 4px #E6F3FF}
.hy2-c b{display:block;color:#00173D;font-size:16px}.hy2-c small{display:block;color:#4A5565;font-size:13px;min-height:34px}
.hy2-c .lg{height:26px;width:auto;margin-top:10px}
.hy2-c.c0{left:0;top:60px;transform:rotate(-8deg)}.hy2-c.c1{left:calc(50% - 115px);top:0;z-index:2}.hy2-c.c2{right:0;top:60px;transform:rotate(8deg)}
.hy2-b{position:absolute;left:50%;bottom:0;transform:translateX(-50%);display:flex;align-items:center;gap:12px;background:linear-gradient(135deg,#0075EB,#7F56D9);color:#fff;border-radius:16px;padding:14px 22px;white-space:nowrap;box-shadow:0 20px 40px -16px rgba(127,86,217,.7);z-index:3}
.hy2-b b{font-size:30px;letter-spacing:-.03em}.hy2-b span{font-size:14px;font-weight:600}
/* 3 profile */
.hy3{padding-bottom:40px}.hy3-c{max-width:440px;margin-left:auto;box-shadow:0 40px 80px -30px rgba(0,0,0,.6);border-radius:20px}
.hy3-v{position:absolute;left:-20px;bottom:0;display:flex;align-items:center;gap:12px;background:#fff;border-radius:16px;padding:12px 18px 12px 12px;box-shadow:0 20px 44px -14px rgba(0,0,0,.55);border-left:4px solid #06C170}
.hy3-v img{width:46px;height:46px;border-radius:50%;object-fit:cover}.hy3-v small{font-size:11.5px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#036A3E}.hy3-v b{display:block;color:#00173D;font-size:15px}
/* 4 glowing photo */
.hy4>img{width:100%;aspect-ratio:1/1.08;object-fit:cover;object-position:50% 15%;border-radius:32px;padding:6px;background:linear-gradient(140deg,#0075EB,#7F56D9,#F46C40);box-shadow:0 0 90px rgba(0,117,235,.45)}
.hy4 .a{left:-50px;top:12%}.hy4 .b{right:-34px;top:46%}.hy4 .c{left:-30px;bottom:8%}
/* 5 phone */
.hy5{display:flex;justify-content:center}
.hy5-ph{width:300px;background:#fff;border-radius:40px;border:10px solid #0B1B33;box-shadow:0 0 0 2px rgba(255,255,255,.15),0 40px 90px -30px rgba(0,0,0,.7);overflow:hidden}
.hy5-top{background:linear-gradient(140deg,#0075EB,#5B3FD0);color:#fff;padding:26px 18px 18px}
.hy5-top small{font-size:11px;font-weight:800;letter-spacing:.1em;text-transform:uppercase;opacity:.85}.hy5-top b{display:block;font-size:18px;margin:2px 0}.hy5-top span{font-size:12.5px;opacity:.9}
.hy5-ph ul{list-style:none;margin:0;padding:6px 12px}
.hy5-ph li{display:grid;grid-template-columns:34px 1fr auto;gap:10px;align-items:center;padding:10px 4px;border-bottom:1px solid #F0F2F5}
.hy5-ph .av{width:34px;height:34px;border-radius:50%;background:#E6F3FF;color:#004CA3;font-size:12px;font-weight:800;display:grid;place-items:center}
.hy5-ph li b{display:block;font-size:13.5px;color:#00173D}.hy5-ph li small{font-size:11px;color:#4A5565}
.hy5-ph li em{font-style:normal;font-weight:800;font-size:13px;border-radius:99px;padding:4px 9px}.hy5-ph em.gold{background:#FFF3D1;color:#7A4D00}.hy5-ph em.silver{background:#EEF1F5;color:#3B4A60}
.hy5-ph a{display:block;margin:10px 14px 18px;background:#00173D;color:#fff;text-align:center;border-radius:12px;padding:11px;font-weight:800;font-size:13.5px}
.hy5-n{position:absolute;right:-10px;top:80px;display:flex;gap:10px;align-items:center;background:#fff;border-radius:16px;padding:12px 16px;box-shadow:0 20px 44px -14px rgba(0,0,0,.55)}
.hy5-n b{display:block;color:#00173D;font-size:14px}.hy5-n small{color:#4A5565;font-size:12px}.hy5-n .it-tile{background:#06C170!important}
/* 6 three tools */
.hy6{height:470px}
.hy6-s{position:absolute;width:360px;background:#fff;border-radius:16px;padding:10px;box-shadow:0 30px 60px -24px rgba(0,0,0,.65)}
.hy6-s .sh{display:block;width:100%;height:190px;object-fit:cover;object-position:top;border-radius:10px}
.hy6-t{display:inline-flex;align-items:center;gap:8px;font-weight:800;font-size:13.5px;color:#00173D;margin:2px 0 8px}.hy6-t img{width:26px;height:26px}
.hy6-s.s0{left:0;top:0;border-top:4px solid #06C270}.hy6-s.s1{right:0;top:110px;z-index:2;border-top:4px solid #D13845}.hy6-s.s2{left:40px;top:250px;z-index:3;width:300px;border-top:4px solid #F46C40}
.hy6-s.s2 .sh{height:150px;object-position:center 20%}
/* 7 pipeline */
.hy7 .h6-w{max-width:none;box-shadow:0 40px 90px -30px rgba(0,0,0,.6)}
/* 8 mosaic */
.hy8{display:grid;grid-template-columns:1.1fr 1fr;grid-template-rows:1fr 1fr;gap:12px;height:480px}
.hy8 img{width:100%;height:100%;object-fit:cover;border-radius:20px;box-shadow:0 30px 60px -30px rgba(0,0,0,.6)}.hy8 .a{grid-row:1/3;object-position:50% 15%}
.hy8-chip{position:absolute;left:-36px;bottom:30px;display:flex;align-items:center;gap:6px;background:#fff;border-radius:16px;padding:10px 16px 10px 10px;box-shadow:0 20px 44px -14px rgba(0,0,0,.55)}
.hy8-chip span{width:36px;height:36px;border-radius:50%;background:#fff;box-shadow:0 0 0 1px #EEF1F5;display:grid;place-items:center;margin-left:-8px}.hy8-chip span:first-child{margin-left:0}
.hy8-chip img{width:26px;height:26px;object-fit:contain;box-shadow:none;border-radius:0}.hy8-chip b{margin-left:8px;font-size:13.5px;color:#00173D}
/* 9 orbit */
.hy9{max-width:560px;background:none;padding:0}
.hy9 .cwo-stage{margin-left:auto}
/* 10 numbers */
.hy10{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:40px 0}
.hy10>div{border-radius:20px;padding:24px;color:#fff;min-height:150px;display:flex;flex-direction:column;justify-content:flex-end;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(6px)}
.hy10 b{font-size:42px;font-weight:800;letter-spacing:-.04em;line-height:1}.hy10 span{font-size:14px;color:#C7D6EE;margin-top:6px}
.hy10 .n0 b{color:#8AC4FF}.hy10 .n1 b{color:#D6BBFB}.hy10 .n2 b{color:#FFB08F}.hy10 .n3 b{color:#7CF0BE}
.hy10>img{position:absolute;left:50%;top:50%;width:150px;height:150px;transform:translate(-50%,-50%);border-radius:50%;object-fit:cover;object-position:50% 15%;border:6px solid #0A2463;box-shadow:0 0 0 3px rgba(138,196,255,.5),0 20px 50px -10px rgba(0,0,0,.6)}
@media(max-width:1000px){.hy{margin:0 auto}.hy2{height:520px}.hy2-c.c0,.hy2-c.c2{display:none}.hy4 .a,.hy4 .c,.hy3-v,.hy8-chip{left:8px}.hy4 .b{right:8px}
 .hy6{height:auto;display:grid;gap:12px}.hy6-s{position:static;width:auto!important}.hy5-n{display:none}}

/* ======================= how we screen: 6 takes on option 5 ======================= */
.sy-sec{padding:80px 0 0;border-bottom:6px solid #E6EAF0;background:#fff}
.sy-h{text-align:center}.sy-h .sub{margin-left:auto;margin-right:auto}.sy-h .h2{max-width:900px;margin-left:auto;margin-right:auto}
.sy{margin-top:40px}
.sy-tl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;position:relative;z-index:2;margin-bottom:-36px}
.sy-tl [role=tab]{display:flex;align-items:center;gap:14px;text-align:left;background:#fff;border:1.5px solid #E6EAF0;border-radius:18px;padding:16px 18px;font:inherit;cursor:pointer;box-shadow:0 14px 30px -22px rgba(0,23,61,.45);transition:all .2s}
.sy-tl .pi{width:40px;height:40px;flex:none}
.sy-tl b{display:block;font-size:16.5px;color:#00173D}.sy-tl small{font-size:13px;color:#4A5565}
.sy-tl [role=tab].assess[aria-selected=true]{border-color:#06C270;box-shadow:0 0 0 4px #D3F8E4,0 18px 34px -20px rgba(3,106,62,.6)}
.sy-tl [role=tab].interview[aria-selected=true]{border-color:#D13845;box-shadow:0 0 0 4px #FFE0DE,0 18px 34px -20px rgba(171,38,53,.6)}
.sy-tl [role=tab].resume[aria-selected=true]{border-color:#F46C40;box-shadow:0 0 0 4px #FFE2D6,0 18px 34px -20px rgba(165,45,6,.6)}
.sy-ps{background:radial-gradient(800px 500px at 85% 20%,#1D4FB8,transparent 60%),linear-gradient(125deg,#00173D,#0A2463);padding:84px 0 70px}
.sy-g{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:56px;align-items:center}
.sy-pts{list-style:none;margin:0 0 28px;padding:0;display:grid;gap:22px}
.sy-pts li{display:grid;grid-template-columns:44px 1fr;gap:16px;align-items:start}
.sy-pts li>span{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;font-weight:800;font-size:18px;color:#fff}
.sy-pts.assess li>span{background:linear-gradient(135deg,#036A3E,#06C270)}.sy-pts.interview li>span{background:linear-gradient(135deg,#851727,#D13845)}.sy-pts.resume li>span{background:linear-gradient(135deg,#A52D06,#F46C40)}
.sy-pts b{display:block;font-size:19px;color:#fff;margin-bottom:4px}.sy-pts p{margin:0;font-size:15.5px;line-height:1.55;color:#C7D6EE}
.sy-btn{display:inline-flex;align-items:center;gap:8px;border-radius:12px;padding:14px 22px;font-weight:800;font-size:15px;color:#fff;text-decoration:none;transition:transform .2s}
.sy-btn:hover{transform:translateY(-2px)}
.sy-btn.assess{background:#036A3E}.sy-btn.interview{background:#AB2635}.sy-btn.resume{background:#C44A1F}
.sy-shot{position:relative;background:#fff;border-radius:18px;padding:32px 10px 10px;box-shadow:0 40px 80px -30px rgba(0,0,0,.6)}
.sy-shot i{position:absolute;top:13px;width:10px;height:10px;border-radius:50%;background:#F46C40}.sy-shot i:nth-child(1){left:16px}.sy-shot i:nth-child(2){left:32px;background:#F2A33A}.sy-shot i:nth-child(3){left:48px;background:#06C170}
.sy-shot img{display:block;width:100%;height:auto;border-radius:10px;max-height:460px;object-fit:cover;object-position:top}
.sy-shot.resume img{max-height:420px;object-fit:contain;background:#FFF6F0}
.sy-shot.assess{border-top:5px solid #06C270}.sy-shot.interview{border-top:5px solid #D13845}.sy-shot.resume{border-top:5px solid #F46C40}
/* 2: band in the product colour */
.y2 .sy-ps{background:none;padding:0}
.sy-bg{padding:84px 0 70px}
.sy-bg.assess{background:radial-gradient(700px 480px at 85% 20%,#0A8F55,transparent 60%),linear-gradient(125deg,#012414,#036A3E)}
.sy-bg.interview{background:radial-gradient(700px 480px at 85% 20%,#C0303F,transparent 60%),linear-gradient(125deg,#3D0712,#851727)}
.sy-bg.resume{background:radial-gradient(700px 480px at 85% 20%,#E3602F,transparent 60%),linear-gradient(125deg,#4A1503,#A52D06)}
.sy-bg .sy-pts li>span{background:rgba(255,255,255,.16)!important;box-shadow:inset 0 0 0 1px rgba(255,255,255,.3)}
.sy-bg .sy-pts p{color:rgba(255,255,255,.85)}
.sy-bg .sy-btn{background:#fff}.sy-bg.assess .sy-btn{color:#036A3E}.sy-bg.interview .sy-btn{color:#AB2635}.sy-bg.resume .sy-btn{color:#A52D06}
/* 3: light tints */
.y3 .sy-ps{background:none;padding:0}
.sy-lt{padding:84px 0 70px}
.sy-lt.assess{background:linear-gradient(180deg,#E6FFF0,#F5FFF9)}.sy-lt.interview{background:linear-gradient(180deg,#FFF1F0,#FFF8F7)}.sy-lt.resume{background:linear-gradient(180deg,#FFE8E0,#FFF6F2)}
.sy-lt .sy-pts b{color:#00173D}.sy-lt .sy-pts p{color:#3B4656}
.sy-lt .sy-shot{box-shadow:0 30px 60px -30px rgba(0,23,61,.4)}
/* 4: screenshot first */
.y4-shot{max-width:980px;margin:0 auto}.y4-shot .sy-shot img{max-height:420px}
.y4-c{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:28px}
.y4-c>div{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:18px;padding:22px}
.y4-c span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;font-weight:800;color:#fff;margin-bottom:12px}
.y4-c.assess span{background:#06C270}.y4-c.interview span{background:#D13845}.y4-c.resume span{background:#F46C40}
.y4-c b{display:block;color:#fff;font-size:17.5px;margin-bottom:6px}.y4-c p{margin:0;color:#C7D6EE;font-size:15px;line-height:1.55}
.y4-b{text-align:center;margin:30px 0 0}
/* 5: callouts */
.y5{position:relative;max-width:1060px;margin:0 auto;padding:0 230px}
.y5 .sy-shot img{max-height:400px}
.y5-c{position:absolute;width:250px;background:#fff;border-radius:16px;padding:16px 18px;box-shadow:0 24px 50px -20px rgba(0,0,0,.6);z-index:2}
.y5-c span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:8px;color:#fff;font-weight:800;font-size:14px;margin-bottom:8px}
.y5.assess .y5-c span{background:#06C270}.y5.interview .y5-c span{background:#D13845}.y5.resume .y5-c span{background:#F46C40}
.y5-c b{display:block;color:#00173D;font-size:15.5px;margin-bottom:4px}.y5-c p{margin:0;color:#4A5565;font-size:13.5px;line-height:1.5}
.y5-c.k0{left:0;top:20px}.y5-c.k1{right:0;top:90px}.y5-c.k2{left:20px;bottom:10px}
/* 6: split edge to edge */
.y6w .sy-ps{background:none;padding:0}
.y6{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);min-height:600px}
.y6-l{display:flex;justify-content:flex-end;padding:90px 56px 70px 28px}
.y6.assess .y6-l{background:linear-gradient(160deg,#012414,#036A3E)}.y6.interview .y6-l{background:linear-gradient(160deg,#3D0712,#851727)}.y6.resume .y6-l{background:linear-gradient(160deg,#4A1503,#A52D06)}
.y6-in{max-width:520px;width:100%}
.y6-l .pi.big{width:56px;height:56px;margin-bottom:14px}
.y6-l h3{color:#fff;font-size:30px;font-weight:800;letter-spacing:-.02em;margin:0 0 26px}
.y6 .sy-pts li>span{background:rgba(255,255,255,.16)!important}.y6 .sy-pts p{color:rgba(255,255,255,.85)}
.y6 .sy-btn{background:#fff}.y6.assess .sy-btn{color:#036A3E}.y6.interview .sy-btn{color:#AB2635}.y6.resume .sy-btn{color:#A52D06}
.y6-r{display:flex;align-items:center;padding:90px 0 70px 48px;overflow:hidden}
.y6.assess .y6-r{background:#E6FFF0}.y6.interview .y6-r{background:#FFF1F0}.y6.resume .y6-r{background:#FFE8E0}
.y6-r .sy-shot{width:118%;max-width:none;border-radius:18px 0 0 18px}
.y6-r .sy-shot img{max-height:480px}
.y6.resume .y6-r .sy-shot{width:70%}
@media(max-width:1000px){.sy-tl{grid-template-columns:1fr;margin-bottom:20px}.sy-g,.y6{grid-template-columns:1fr}.sy-ps,.sy-bg,.sy-lt{padding-top:40px}
 .y4-c{grid-template-columns:1fr}.y5{padding:0}.y5-c{position:static;width:auto;margin-bottom:10px}.y6-l{padding:40px 20px}.y6-r{padding:30px 20px}.y6-r .sy-shot{width:100%;border-radius:18px}}
/* fixes after review render */
.hy2-c{width:190px;padding:18px 14px}.hy2-c.c1{width:200px;left:calc(50% - 100px)}
.hy2-c.c0{left:-6px}.hy2-c.c2{right:-6px}
.hy10>div{min-height:170px}
.hy10 .n0,.hy10 .n1{justify-content:flex-start}
.hy10 .n1,.hy10 .n3{align-items:flex-end;text-align:right}
.hy10>img{width:120px;height:120px}
.y6-in{width:520px;max-width:100%}