.employee-section
{
    padding-top:64px;padding-bottom:72px;position:relative;overflow:hidden;
    background:radial-gradient(ellipse at 65% 40%,#21324455,transparent 60%),#0c111c;
    border-bottom:1px solid var(--line);
}
.employee-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;margin:23px 0 34px;}
.employee-heading h2{font-size:clamp(36px,4vw,56px);}
.employee-heading>p{max-width:330px;font-size:13px;line-height:1.8;}
.employee-steps{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:9px;margin-bottom:26px;}
.employee-steps button{display:flex;align-items:center;gap:9px;min-height:54px;padding:12px;border:1px solid var(--line);border-radius:9px;background:#141a28;text-align:left;font-size:11px;}
.employee-steps b{font:10px var(--mono);color:#6f7c92;}
.employee-steps [aria-pressed=true]{border-color:#ff7a1a99;background:#ff7a1a12;color:#ffa96b;}
.employee-steps [data-done=true] b{color:var(--green);}
.employee-monitor{border:1px solid #66748a5c;border-radius:18px;background:linear-gradient(130deg,#263044,#101624);padding:11px;box-shadow:0 18px 48px #0003;position:relative;}
.employee-monitor-bar{height:36px;display:flex;justify-content:space-between;align-items:center;padding:0 16px 10px;font:9px var(--mono);color:#98a6b9;letter-spacing:.08em;}
.employee-monitor-bar>span:first-child{display:flex;align-items:center;gap:9px;}
.employee-monitor-bar i{width:5px;height:5px;border-radius:50%;background:var(--green);}
.employee-screen{position:relative;aspect-ratio:1440/860;overflow:hidden;border:1px solid #ffffff13;border-radius:9px;background:#0a0e1a;}
.employee-screen iframe{display:block;border:0;width:1440px;height:860px;transform:scale(var(--employee-scale,1));transform-origin:top left;}
.employee-scroll-hint{display:none;}
.employee-console{display:grid;grid-template-columns:1fr auto;align-items:center;gap:24px;padding:25px 0 0;}
.employee-console h3{font:400 28px var(--display);letter-spacing:-.03em;}
.employee-console p{font-size:12px;max-width:670px;margin-top:8px;line-height:1.8;}
.employee-controls{display:flex;gap:8px;}
.employee-controls button{border:1px solid var(--line);border-radius:8px;background:#151d2b;padding:11px 16px;font-size:12px;}
.employee-controls button:hover{border-color:var(--accent);}
#employee-timeline{padding:0;width:100%;accent-color:var(--accent);height:18px;margin:20px 0 8px;background:transparent;border:0;}
.employee-note{font-size:10px;color:#8290a4;}
@media(max-width:900px)
{
    .employee-section{padding-top:65px;padding-bottom:65px;}
    .employee-heading{display:block;}.employee-heading>p{margin-top:20px;max-width:100%;}
    .employee-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;}.employee-steps button{padding:9px 7px;font-size:10px;gap:6px;}
    .employee-monitor{padding:5px;border-radius:11px;}.employee-monitor-bar{padding:3px 7px 8px;height:29px;font-size:6px;}
    .employee-console{grid-template-columns:1fr;gap:16px;}.employee-console h3{font-size:25px;}
    .employee-screen{aspect-ratio:auto;height:min(76svh,720px);min-height:460px;}
    .employee-screen iframe{width:100%;height:100%;transform:none;}
    .employee-monitor-bar{height:auto;min-height:38px;gap:6px;flex-wrap:wrap;font-size:8px;}
    .employee-note{font-size:9px;}
}

.employee-section .section-top
{
    align-items:center;
    flex-wrap:wrap;
    gap:16px;
    margin-bottom:0;
}
.employee-section .section-top .text-link
{
    min-height:44px;
    color:var(--muted);
}
.employee-steps button
{
    transition:border-color 180ms,background 180ms;
}
.employee-steps button:hover
{
    border-color:#ff7a1a70;
}
.employee-monitor-bar,#employee-timeline
{
    font-variant-numeric:tabular-nums;
}
@media(max-width:900px)
{
    .employee-section{padding-top:44px;padding-bottom:56px;}
    .employee-section .section-top .text-link{font-size:11px;}
}